BlackLowKey主题CSS

/* Minification failed. Returning unminified contents.
(151,61): run-time error CSS1062: Expected semicolon or closing curly-brace, found ‘)‘
 */
#EntryTag { margin-top: 20px; font-size: 9pt; color: gray; }
.topicListFooter { text-align: right; margin-right: 10px; margin-top: 10px; }
#divRefreshComments { text-align: right; margin-right: 10px; margin-bottom: 5px; font-size: 9pt; }
* { margin: 0; padding: 0; }
html { height: 100%; }
body { color: #000; background: #fff; font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; min-height: 101%; background: url(http://www.cnblogs.com/skins/BlackLowKey/images/body_bg.jpg) top center no-repeat #000; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
ul { word-break: break-all; }
li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
a:link { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover { color: #f60; text-decoration: underline; }
a:active { color: #000; text-decoration: none; }
.clear { clear: both; }
#home { margin: 0 auto; width: 1280px; }
#header { margin-top: 2em; }
#blogTitle { display:none;}
/*#blogTitle { height: 60px; clear: both; }
#blogTitle h1 { font-size: 150%; font-weight: bold; line-height: 1.5em; margin-left: 1em; margin-top: 10px; width: 50%; float: left; display: inline; letter-spacing: 1px; }
#blogTitle h2 { margin-top: 2em; margin-left: 8em; line-height: 1.5em; width: 50%; float: left; display: inline; font-size: 14px; }
#blogTitle h1 a, #blogTitle h2 { color: #fff; font-family: "微软雅黑"; text-shadow: 3px 3px 3px #003d44; }
#blogLogo { float: right; }*/
#navigator { background-color: #1ABC9C; height: 60px; clear: both; position: relative; }
#navList { min-height: 30px; float: left; margin-left: 30px; }
#navList li { float: left; }
#navList a { margin: 18px 10px 0 0; padding: 0 10px; font: 18px/1.5em "微软雅黑"; display: block; }
#navList a:link, #navList a:visited, #navList a:active { color: #fff; text-shadow: 3px 3px 3px #000; }
#navList a:hover { text-decoration: underline; }
#navList .aHeaderXML { display: none; }
.blogStats { float: right; color: #ccc; margin-top: 20px; margin-right: 2px; text-align: right; visibility: hidden; }
.themeSelect { position: absolute; right: 20px; top: 20px; }
.themeSelect .box-color { width: 15px; height: 15px; background-color: #ccc; float: left; display: inline; margin-left: 10px; }
#main { min-width: 1280px; text-align: left; clear: both; background: #fff; }
#mainContent .forFlow { float: none; width: auto; }
#mainContent { min-height: 200px; *padding-top: 10px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; word-break: break-all; float: left; width: 1000px; background: #fff; }
.day { min-height: 10px; _height: 10px; margin-bottom: 20px; padding-bottom: 5px; margin-left: 20px; margin-top: 1em; margin-right: 2em; }
.dayTitle { color: #666; font-weight: bold; line-height: 1.5em; font-size: 110%; margin-top: 3px; margin-bottom: 10px; float: right; position: relative; top: 40px; }
.postTitle { font-size: 16px; font-weight: bold; padding: 10px 100px 10px 20px; border-bottom: 1px solid #e0e0e0; line-height: 1.5em; clear: both; border-left: 5px solid #1fa6e6; }
.postTitle a:link, .postTitle a:visited, .postTitle a:active { color: #1c7791; }
.postTitle a:hover { color: #f60; text-decoration: none; }
.postCon { float: right; line-height: 1.5em; width: 95%; clear: both; padding: 10px 0; }
.postDesc { float: none; clear: both; text-align: right; padding-right: 5px; color: #a3a3a3; }
.postDesc a:link, .postDesc a:visited, .postDesc a:active { color: #a3a3a3; }
.postDesc a:hover { color: #f60; text-decoration: none; }
.postSeparator { clear: both; height: 1px; clear: both; float: right; margin: 0 auto 5em auto; }
.topicListFooter { margin-top: 5em; }
#sideBar { min-height: 200px; padding: 0 5px 0 5px; margin-left: 700px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; word-break: break-all; _margin-left: 0; _width: 240px; }
.newsItem .catListTitle { text-align: left; padding: 5px 10px; border: 1px solid #ccc; background: #f0f0f0; }
.newsItem { padding: 0 0 5px 0; margin-bottom: 2em; }
#calendar { width: 229px; margin-bottom: 2em; }
#calendar .Cal { width: 96%; line-height: 1.5em; }
.Cal { border: none; color: #666; }
.Cal td { padding: 3px 0; }
#calendar table a:link, #calendar table a:visited, #calendar table a:active { font-weight: bold; }
#calendar table a:hover { color: #fff; text-decoration: none; background-color: #f60; }
.CalTodayDay { color: #f60; }
#calendar .CalNextPrev a:link, #calendar .CalNextPrev a:visited, #calendar .CalNextPrev a:active { font-weight: bold; background-color: #fff; }
.CalDayHeader { border-bottom: 1px solid #ccc; }
.CalTitle { width: 100%; background: #fff; color: #000; border-bottom: 1px solid #666; }
.catListTitle { font-weight: bold; line-height: 1.5em; font-size: 110%; margin-top: 15px; margin-bottom: 10px; border-bottom: 1px solid #000; text-align: center; }
.catListComment { line-height: 1.5em; }
.divRecentComment { text-indent: 2em; color: #666; }
#sideBarMain { margin-top: 45px; }
#sideBarMain ul { line-height: 1.5em; }
.catListEssay, .catListLink, .catListNoteBook, .catListTag, .catListPostCategory, .catListPostArchive, .catListArticleArchive, .catListImageCategory, .mySearch, .catListComment, .catListView, .catListFeedback { margin-bottom: 2em; }
.catListEssay h3, .catListLink h3, .catListNoteBook h3, .catListTag h3, .catListPostCategory h3, .catListPostArchive h3, .catListArticleArchive h3, .catListImageCategory h3, .mySearch h3, .catListComment h3, .catListView h3, .catListFeedback h3, #blog-sidecolumn .catListTitle { text-align: left; padding: 5px 10px; background: #f0f0f0; border-bottom: none; border: 1px solid #ccc; }
.catListEssay ul, .catListLink ul, .catListNoteBook ul, .catListTag ul, .catListPostCategory ul, .catListPostArchive ul, .catListArticleArchive ul, .catListImageCategory ul, .mySearch ul, .catListComment ul, .catListView ul, .catListFeedback ul { padding-left: 1em; }
.catListEssay ul li, .catListLink ul li, .catListNoteBook ul li, .catListTag ul li, .catListPostCategory ul li, .catListPostArchive ul li, .catListArticleArchive ul li, .catListImageCategory ul li, .mySearch ul li, .catListComment ul li, .catListView ul li, .catListFeedback ul li { margin: .5em; }
#blog-sidecolumn .catList ul, #blog-sidecolumn .catListBlogRank ul, #blog-sidecolumn .catListArticleCategory ul { margin-left: 15px; }
.divRecentCommentAticle { margin-top: 1.5em; }
.divRecentComment { margin-top: .5em; }
#topics { min-height: 200px; padding: 1em; }
#topics .postTitle { font-size: 130%; font-weight: bold; border-bottom: 1px solid #999; line-height: 1.5em; padding-left: 5px; }
.postBody { padding: 5px 2px 5px 5px; line-height: 1.8; color: #000; border-bottom: 1px solid #000; }
#EntryTag { color: #666; }
#EntryTag a { margin-left: 5px; }
#EntryTag a:link, #EntryTag a:visited, #EntryTag a:active { color: #666; }
#EntryTag a:hover { color: #f60; }
#topics .postDesc { float: none; text-align: right; padding-right: 5px; color: #666; margin-top: 5px; }
.feedback_area_title { font-weight: bold; border-bottom: 1px solid #333; font-size: 1.2em; margin-top: 20px; margin: 20px 10px 0; padding: 0 0 5px 8px; }
.louzhu { background: transparent url(‘images/icoLouZhu.gif‘) no-repeat scroll right top; padding-right: 16px; }
.feedbackListSubtitle { color: #666; }
.feedbackListSubtitle a:link, .feedbackListSubtitle a:visited, .feedbackListSubtitle a:active { color: #666; font-weight: normal; }
.feedbackListSubtitle a:hover { color: #f60; text-decoration: none; }
.feedbackManage { width: 200px; text-align: right; float: right; margin-right: 10px; }
.feedbackCon { border-bottom: 1px solid #ccc; background: url(‘images/comment.gif‘) no-repeat 5px 0; padding: 15px 0 10px 40px; min-height: 35px; _height: 35px; margin-bottom: 1em; line-height: 1.5em; margin-right: 10px; }
#divRefreshComments { text-align: right; margin-bottom: 10px; }
.commenttb { width: 320px; }
.entrylistTitle, .PostListTitle, .thumbTitle { font-size: 110%; font-weight: bold; border-bottom: 1px solid #000; text-align: right; padding: 1em; font-size: 1.3em; color: #1c7791; border-bottom: 1px solid #e0e0e0; }
.entrylistDescription { color: #666; text-align: right; padding-top: 5px; padding-bottom: 5px; padding-right: 10px; margin-bottom: 10px; }
.entrylistItem { min-height: 20px; _height: 20px; margin-bottom: 30px; padding-bottom: 5px; }
.entrylistPosttitle { font-size: 110%; font-weight: bold; border-left: 5px solid #1fa6e6; border-bottom: 1px solid #e0e0e0; padding: 0 0 10px 20px; line-height: 1.5em; padding-left: 5px; }
.entrylistPosttitle a { margin-left: 10px; }
.entrylistPosttitle a:hover { text-decoration: none; }
.entrylistPostSummary { margin-top: 5px; padding-left: 5px; margin-bottom: 5px; margin-left: 20px; }
.entrylistItemPostDesc { text-align: right; color: #666; }
.entrylistItemPostDesc a:link, .entrylistItemPostDesc a:visited, .entrylistItemPostDesc a:active { color: #666; }
.entrylistItemPostDesc a:hover { color: #f60; }
.entrylist .postSeparator { clear: both; font-size: 0; line-height: 0; margin: 0; padding: 0; height: 0; border: none; }
.pager { text-align: right; margin-right: 10px; }
.PostList { border-bottom: 1px solid #e0e0e0; clear: both; min-height: 1.5em; _height: 1.5em; padding-top: 10px; padding-left: 5px; padding-right: 5px; margin-bottom: 5px; margin-top: 1em; }
.postTitl2 { float: left; }
.postDesc2 { color: #666; float: right; }
.postText2 { clear: both; color: #666; }
.pfl_feedback_area_title { text-align: right; line-height: 1.5em; font-weight: bold; border-bottom: 1px solid #666; margin-bottom: 10px; }
.pfl_feedbackItem { border-bottom: 1px solid #000; margin-bottom: 20px; }
.pfl_feedbacksubtitle { border-bottom: 1px dotted #666; height: 1.5em; }
.pfl_feedbackname { float: left; }
.pfl_feedbackManage { float: right; }
.pfl_feedbackCon { color: #000; padding-top: 5px; padding-bottom: 5px; }
.pfl_feedbackAnswer { color: #f40; text-indent: 2em; }
.tdSentMessage { text-align: right; }
.errorMessage { width: 300px; float: left; }
.mySearch .input_my_zzk { height: 1.4em; width: 175px; }
.feedbackItem { margin: 1em 0 1em 1em; }
.commentform { padding: 0 5px 0 2em; }
#commentform_title { font-size: 16px; }
#commentform_user { font-size: 1.2em; margin-top: 1em; }
#commentform_user input { margin-left: 1em; padding: .1em; }
.commentbox_main { margin-top: .5em; }
.commentbox_title_left { font-size: 1.2em; margin-bottom: .4em; }
.commentbox_opt { }
#btn_comment_submit { padding: .2em; margin-top: .5em; }
.Pager { margin-left: 5px; margin-right: 20px; font-weight: bold; }
.Pager a:link, .Pager a:active, .Pager a:visited { }
#myposts { margin-left: 1em; margin-right: 20px; }
.entrylist { margin-left: 1em; margin-right: 20px; }
.divPhoto { border: 1px solid #ccc; padding: 2px; margin-right: 10px; }
.thumbDescription { color: #666; text-align: right; padding-top: 5px; padding-bottom: 5px; padding-right: 10px; margin-bottom: 10px; }
.gallery { margin-left: 1em; }
.divPhoto:hover { border-color: #08c; box-shadow: 3px 3px 3px rgba(0,0,0,.3); }
#footer { text-align: center; min-height: 15px; _height: 15px; margin-top: 10px; padding-top: 10px; margin-bottom: 10px; padding-bottom: 10px; color: #fff; }
.personInfo { margin-bottom: 20px; margin-top: 1em; }
.pages { text-align: right; }
#profile { margin-left: 1em; }
.pfl_feedback_area_title { margin-bottom: 1em; }
.pfl_answer, .pfl_feedbackCon { margin: .5em; }
#Profile1_panelAdd div { margin-top: .5em; }
#Profile1_panelAdd div b { float: left; width: 8em; }
#Profile1_panelAdd div input.submitComment { padding: .2em; display: block; margin-left: 7.5em; margin-top: 1em; }
.postBody p, .postCon p { text-indent: 2em; margin: 0 auto 1em auto; }
.postBody h2 { font-size: 150%; margin: 15px auto 2px auto; font-weight: bold; }
.postBody h3 { font-size: 120%; margin: 15px auto 2px auto; font-weight: bold; }
.postBody h4 { font-size: 110%; margin: 15px auto 2px auto; font-weight: bold; color: #333; }
.postBody h5 { font-size: 100%; margin: 15px auto 2px auto; font-weight: bold; color: #333; }
.postBody a:link, .postBody a:visited, .postBody a:active { text-decoration: underline; }
.postCon a:link, .postCon a:visited, .postCon a:active { text-decoration: underline; }
.postBody ul, .postCon ul { margin-left: 2em; }
.postBody li, .postCon li { list-style-type: disc; margin-bottom: 1em; }
.postBody blockquote { background: url(‘images/comment.gif‘))no-repeat 25px 0; padding: 10px 60px 5px 60px; min-height: 35px; _height: 35px; line-height: 1.6em; color: #333; }
.myposts_title { margin: 20px 0; font-weight: bold; text-align: center; }
.c_b_p_desc { text-indent: 0; }
#blog-news { margin-left: 15px; }
.blog_comment_body a:link{ text-decoration:underline; }
时间: 2024-09-15 14:20:54

BlackLowKey主题CSS的相关文章

关于css

已经学了四天的css.现在对于css的了解还很肤浅,首先,我对基础的还不是很了解. 级联样式表(Cascading Style Sheet)简称“CSS”,通常又称为“风格样式表(Style Sheet)”,它是用来进行网页风格设计的.比如,如果想让链接字未点击时是蓝色的,当鼠标移上去后字变成红色的且有下划线,这就是一种风格.通过设立样式表,可以统一地控制HTML中各标志的显示属性.级联样式表可以使人更能有效地控制网页外观.使用级联样式表,可以扩充精确指定网页元素位置,外观以及创建特殊效果的能力

网站多种主题颜色替换的不同实现

一般来说网站改版或者由于用户喜好不同,需要准备几套不同的主题or皮肤, 本文从颜色示例,记录一下就网站主要配色切换的几种方法及场景: 一 ,每一套主题配置一份资源文件(web/css). 这种思路是最简单的,在布局文件中引用选中主题的资源即可, 缺点在于 需要生成几份文件并维护,网站本身引用插件的资源文件也需要配置成对应几份,具体实现就不多说了 二,使用CSS变量来配置主题,方法如下: 1,根据管理员选择生成主题css颜色文件, $colorcss=":root{".PHP_EOL .

网站切换主题

主题皮肤切换功能在很多网站和系统中应用,用户可以根据此功能设置自己喜欢的主题颜色风格.本文介绍如何使用jQuery实现切换主题皮肤功能. 实现该功能的原理就是通过点击定义的主题样式,改变页面当前引用的主题CSS文件,并且将当前的主题样式写入cookie中或者写入数据库中,以便下次该用户重新访问页面时,调用的就是上次设置好的主题样式. 准备主题皮肤样式 首先,准备三个样式表CSS文件,分别是三种风格的主题皮肤,将其引入页面,放置在页面的<head>之间. <link title="

CSS选择器、CSS hack及CSS执行效率

主要内容: 1.CSS选择器.优先级与匹配原理 2. CSS 引入的方式有哪些 ? link 和 @import 的区别是 ? 3.CSS hack 4.如何书高效CSS  一.CSS选择器.优先级与匹配原理     CSS选择器大概可以分为:1.id选择器(#myid)  2.类选择器(.myclassname)  3.标签选择器(div,h1,p)  4.相邻选择(h1+p)6.后代选择器(li a)7.通配符选择器(*)  8.属性选择器(a[rel='externaml']) 9.伪类选

Mac上更改Chrome的主题

(以下的前提是Mac Chrome) 直接使用Chrome调试器编写代码的同学福音,如何设置自己的调试器,使其能够应用各种主题,达到Sublime等的视觉效果~本文对新旧版本的Chrome浏览器都可以(Stackoverflow上说分割点是Chrome 33),直奔主题: Mac上对于低版本的chrome浏览器: 1)找到合适Chome主题css文件(例如Obsidian for chrome developer tools) 直接~/Library/Application Support/Go

为 Drupal 7 网站添加自定义CSS

当我们在逛聊天室或者论坛时,经常会碰到有人提问怎么向 Drupal 网站中添加自定义CSS —— 通常来讲,通过 Drupal 主题来进行添加最好.不过在某些情况下,因为环境限制或网站管理员没有访问主题文件的权限,而不得不考虑其它办法. 今天本文就来介绍一下,如何使用CSS Injector模块来为 Drupal 7 网站中添加自定义CSS. (译注:不论是 CSS Injector 还是 CSS Editor,都可作为临时性的CSS添加和调整手段,但最终都还是应该通过主题CSS文件来进行添加)

jQuery实现无刷新切换主题皮肤功能

jQuery实现无刷新切换主题皮肤功能 helloweba.com 作者:月光光 时间:2010-12-13 12:49 主题皮肤切换功能在很多网站和系统中应用,用户可以根据此功能设置自己喜欢的主题颜色风格,增强了用户体验.本文将围绕如何使用jQuery实现点击无刷新切换主题皮肤功能. 查看演示 实现该功能的原理就是通过点击定义的主题样式,改变页面当前引用的主题CSS文件,并且将当前的主题样式写入cookie中或者写入数据库中,以便下次该用户重新访问页面时,调用的就是上次设置好的主题样式. 准备

博客美化——Silence主题皮肤

介绍 ??一款专注阅读的博客园主题,主要面向于经常混迹 博客园 的朋友.其追求大道至简的终极真理,界面追求简洁.运行追求高效.部署追求简单. 博客皮肤源码地址 预览地址 如何部署.使用皮肤 Silence作者的友链 特点 简洁优雅.精致漂亮的 UI 设计 提供多种风格主题以便适应各类用户的偏好 响应式设计,兼容手机端浏览器 提供事无巨细的部署文档 源码结构清晰并且注释完整,方便扩展 开发 ??请先确保您正在使用的机器已经安装 Node.js 和 Git 客户端. git clone https:

第一百七十七节,jQuery,知问前端--概述及 jQuery UI

jQuery,知问前端--概述及 jQuery UI 学习要点: 1.项目介绍 2.jQuery UI 3.UI 主题 一.项目介绍 我们重点仿照"知乎"的架构模式来搭建界面和布局,以及大部分前端功能.而"百度 知道"作为辅助功能来确定我们这个项目需要的前端功能. 从以上知名问答站点中,我们可以确认最主要的前端功能:1.弹出对话框:2.前端按钮: 3.折叠菜单:4.选项卡切换:5.滑动块:6.日历:7.自动补全:8 拖放:等一系列前端模块. 二.jQuery UI