博客园Skin CSS代码 Version 3.0

/* Minification failed. Returning unminified contents.
(187,73): run-time error CSS1036: Expected expression, found ‘#‘
 */
body {
	background-color: #F5F5F5;
}
.clear {

	clear: both;
}

html {
	color: #000;
	overflow-y: scroll;
	background: #fff;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, form, th, td {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}
/*pre,code	{
	width:100%-20px;
	margin: 10px 0;
	padding: 10px;
	border: 0;
	border: 1px dotted #785;
	background: #f5f5f5;
	word-wrap:break-word;
	}*/
body, button, input, select, textarea {
	font: 12px/1.5 Tahoma, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
address, cite, dfn, em, var {
	font-style: normal;
}
code, kbd, pre, samp, tt {
	font-family: "Courier New", Courier, monospace;
}
small {
	font-size: 12px;
}
ul, ol {
	list-style: none;
}
a:link, a:visited {
	text-decoration: none;
	color: #3399ff;
}
a:hover {
	text-decoration: underline;
	color: #3399FF;
}
abbr[title], acronym[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
q:before, q:after {
	content: ‘‘;
}
:focus {
	outline: 0;
}
legend {
	color: #000;
}
fieldset, img {
	border: none;
}
button, input, select, textarea {
	font-size: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	border: none;
	height: 1px;
*color:#fff;
}
img {
	-ms-interpolation-mode: bicubic;
}
/*html5*/
article, aside, dialog, footer, header, hground, section, footer, nav, figure, menu {
	display: block
}

#navigator,#blogTitle,#main,#footer{width: 1000px;
	position: relative;
	margin: 0 auto;}

#header{
	height: 40px;
	width: 100%;
	background-color:#2175bc;

}
#main{
	width: 96%;
	margin-top: 6px;
	background-color: rgb(245, 245, 245);
	margin-bottom: 0px;
}
#mainContent{
	width: 1020px;
	background: white;
	box-shadow: 0px 0px 8px #999;
	-moz-box-shadow: 0px 0px 8px #999;
	-web-kit-shadow: 0px 0px 8px #999;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-web-kit-shadow: 6px;
	float: right;
	display: inline-block;
}
#sideBar{
	width: 220px;
	padding: 16px;
	display: inline-block;
	overflow: hidden;
	color: #2D2D2D;
}
#footer{
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	color: #000;
	font-size: 12px;
}

#navigator{
	top: 8px;
}
#navList li{
	float: left;
	margin-right: 25px;
	display: inline;
}
#navList li a{
	font-size:15px;
	text-decoration: none;
	color: #FFF;
	padding: 10px;
	background-color: #2175bc;
}
#navList li a:hover{
	background-color:#2586d7;
	margin-top:-2px;
	padding-bottom:12px;
	color: #fff;
	opacity:1;
	}

.blogStats{
	color: #CACACA;
	font-size: 12px;
	text-align: right;
}
#Header1_HeaderTitle{
	color:white;
}

#Header1_HeaderTitle:hover{
	text-decoration: none;
}

.day{background:white; padding:32px;}
.postTitle,.postTitl2,.entrylistPosttitle{
	font-size: 20px;
	padding-right: 64px;
	padding-left: 10px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #2175bc;
}
.postTitle a,.postTitl2 a,.entrylistPosttitle a{
	color: #333;
}
.postTitle a:link, .post-title a:visited,.postTitl2 a:link,.postTitl2 a:visited,.entrylistPosttitle a:link,.entrylistPosttitle a:visited{color:black;}
.postTitle a:hover,.postTitl2 a:hover,.entrylistPosttitle a:hover{color:##3399ff;text-decoration:none;}

.postBody,.postCon,.entrylistPostSummary{clear:both; margin-top:26px;}
.postBody,.postCon,.entrylistPostSummary{font-size:14px;color:#444;line-height:1.8;}
.postCon h1, .postCon h2, .postCon h3, .postCon h4, .postCon h5, .postCon h6{
    font-weight:bold;
    line-height:1.8;
}
.postBody h1,.postCon h1{font-size:20px;}
.postBody h2,.postCon h2{font-size:18px;}
.postBody h3,.postCon h3{font-size:16px;}
.postBody h4,.postCon h4{font-size:14px;}
.postBody h5,.postCon h5{font-size:14px;}
.postBody h6,.postCon h6{font-size:14px;}
.postBody dd,.postCon dd{padding-left:2em;}
.postBody ul,.postCon ul{list-style:none;margin-left:20px;}
.postBody ul li,.postCon ul li{list-style:inside disc;}
.postBody dt,.postCon dt{ font-weight:bold; padding:6px 0; clear:both}
.postBody ol,.postCon ol{list-style:none;margin-left:20px;}
.postBody blockquote,.postCon blockquote{width:90%;margin:0 auto;padding:6px 0 6px 45px;color:#666;
    background:white url(/images/blockquote.gif) top left no-repeat;}
.dayTitle,.postDesc{ font-size:12px; color:#999999;}
.postDesc,.postDesc2,.entrylistItemPostDesc{
	border-bottom: 1px dashed #E8E7D0;
	text-align: right;
	margin: 20px 0px;
	padding:5px 0px;
}
.dayTitle{
    border:1px solid #cccccc;
	position: relative;
	top: -20px;
	width: 100px;
	left: -20px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 8px;
}

.dayTitle a{
 	color:#333;
 }

.topicListFooter{
	padding: 32px;
}
#sideBarMain {
}
#sideBarMain div{margin-bottom:26px;}
#sideBarMain div div{margin-bottom:5px;}
#sideBarMain h3{
	font-weight: bold;
	margin-bottom: 12px;
	color: #333;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #D4D4D4;
	padding-bottom: 10px;
	margin-top: 20px;
}

#blog-comments-placeholder,#divRefreshComments,.commentform,#AjaxHolder_UpdatePanel1{padding: 0 32px;}

.post{padding: 32px;}

.feedbackItem{
	border: 1px solid #E3E3E3;
	padding: 5px;
	margin-bottom: 10px;
	background-color: #F6F6F6;
}
.blog_comment_body{
	color: #929292;
	padding-top: 10px;
}
.forFlow p{margin-bottom:18px;}
.forFlow img{
	margin-top: 20px;
	margin-bottom: 20px;
}

.PostList,.entrylistItem{
	margin:20px;
}

.entrylistTitle,.PostListTitle{
	display:none;
}

#blogTitle{
	display:none;
}

.cnblogs_code img{
margin:0;
float:left;
}

.cnblogs_code_toolbar {
margin-top: 0px;
}

.code{
padding:0 10px;
}

h4{
font-size: 16px;
background-color: #F60;
margin: 0 -32px;
padding: 0 32px;
color: white;
}

#myposts .myposts_title{font-size: 16px;margin-top: 20px;text-align: center;}

#myposts .postTitl2 {border-left: none;padding-left: 0px;padding-right: 0px;}

#myposts .postTitl2 a{	font-size: 16px;}

#myposts .postDesc2 {margin: 20px 0 20px 5px;}

#cnblogs_post_body{font-size: 14px;}

#green_channel img {
    margin-bottom: 0;
}

#cnblogs_post_body img { max-width: 650px; }

  

时间: 2024-10-13 21:52:23

博客园Skin CSS代码 Version 3.0的相关文章

博客园Skin CSS代码

/* Minification failed. Returning unminified contents. (187,73): run-time error CSS1036: Expected expression, found '#' */ body { background:url('http://images.cnblogs.com/cnblogs_com/litao0505/806357/o_bg.jpg') top center fixed; background-repeat: r

博客园自定义CSS样式设置

关于博客园自定义CSS样式设置 关于博客园自定义CSS样式设置 首先,选择一个博客皮肤模板,如下 然后,F12审查元素,可对右侧的元素规则进行自定义更改,然后覆盖原CSS 譬如看看取消掉自定义背景图片是什么样子,同理也可以添加CSS样式代码 如此修改完后,就可在页面定制CSS代码框中填上你所需要修改的代码 下面是我的页面定制CSS代码: 1.html,body{2. color: #807C7C;3. font-family: "Helvetica Neue",Helvetica,Ar

小书匠到博客园的 CSS 留存

// 小书匠到博客园的 CSS 留存 h1, h2, h3, h4, p, li { font-family: 'mononoki', "Consolas", "Couriew New";  }  .xiaoshujiang_code, code {  font-family: 'mononoki', "Andale Mono", "Source Code Pro";  }  h1, h2, h3, h4, h5, h6 { 

自定义博客园模板/css/html/js

唔....实在是找不到什么别的事情好干了,省选凉凉回去学文化课真的说实话很无聊...而且导致现在OI做题并没有什么目的性和系统性...还不如去做物理... 可能有对我博客样式感兴趣的朋友...我这里省去你们F12的时间来介绍一下我的博客模板吧... 首先总的stylecss和大模板都是当初angel_Kitty学姐的,嗯,连接在这,可以自己去看:博客园自定义页面风格设计 后续篇(页面设计模式及代码高亮 鼠标点击效果升级). 这里着重感谢学姐帮我指导和完善了博客的样式. 看完了上面的应该就已经有了

博客园新语言代码高亮以及OpenLiveWriter插件开发

参考: 新语言代码高亮及Windows Live Writer插件开发 最近学习Swift,在博客上写笔记的时候一直觉得Swift代码的高亮不太令人满意,因为博客园的编辑器上传代码模板中没有包括Swift在内的新语言. 偶然看到了上面这篇参考博文,为我提供了一些解决思路,决定一试. 1.HighLight.js 下载地址:https://highlightjs.org/ 在下载页面选择自己需要适配的编程语言,然后下载得到一个压缩包,解压后内容如下: highlight.pack.js中包含的对选

博客园界面风格代码风格自定义设置

博客园设置界面风格 如何添加一个侧边栏导航 1.在自定义脚本里面添加如下js ## <script> function CreatePostNavigator() { // 目录标题的div var navigatorTitleDiv = '<div id="navigatorTitleDiv">隐藏目录</div>' // 目录所有内容的div var navigatorDivContent = '<div id="navigato

修改博客园markdown编辑器代码高亮风格的方法

???????作为一个工程师,追求极致与艺术也应当成为我们生活中的一部分,作为自己的心爱之物--博客,当然也得装扮一下,我对代码高亮有自己所喜欢的风格~还好程序员的世界总是共通的,已经有前辈开发了一些代码高亮的样式可供我们开箱即用.Highlightjs就是这样一款产品. ???????下面介绍一下我是如何将这款产品应用于博客园markdown编辑器中的. 第一步,找到你所喜欢的高亮主题 ???????打开Hightlightjs的demo页面 选择你所喜欢的高亮主题.我选择的是Atom One

博客园自定义CSS美化 屏蔽广告等

通过自定义CSS,实现在博客园屏蔽广告.美化排版等. 需要禁用模板CSS 1 body{ 2 background: url(http://images.cnblogs.com/cnblogs_com/storyicon/1107385/o_Z.jpg); 3 font-family: "Hiragino Sans GB","Microsoft YaHei",\5FAE\8F6F\96C5\9ED1,tahoma,arial,simsun,\5B8B\4F53; 4

优化博客园的JS代码总结

为Markdown添加目录 这里我参考的是妙音天女的文章. 为文章添加版权信息 这里我参考的是呆尐兔兔的文章. 最后的代码 <script language="javascript" type="text/javascript"> function setCopyright(){ /* 设置版权信息,转载出处自动根据页面url生成 * window.location.href:读取当前url */ var info_str = '<p>本文为