模板代码
页面定制CSS代码
/* Minification failed. Returning unminified contents.
(187,73): run-time error CSS1036: Expected expression, found '#'
*/
body {
background-image:url('http://images.cnblogs.com/cnblogs_com/beautiful-code/906012/o_bg-yellow.png');
}
.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;
}
#cnblogs_post_body a{color:blue;}
/*pre,code {
width:100%-20px;
margin: 10px 0;
padding: 10px;
border: 0;
border: 1px solid #785;
background: #E9E4DB;
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: #666;
}
a:hover {
text-decoration: underline;
color: #666;
}
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;
}
.lt_bg{
height:180px;
width:100%;
display:block;
}
.lt_title{
font-size:30px;
font-weight:bold;
font-family:微软雅黑;
margin-left:200px;
padding-top:50px;
color:#fff;
postion:absolute;
}
/*html5*/
article, aside, dialog, footer, header, hground, section, footer, nav, figure, menu {
display: block
}
#navigator,#blogTitle,#main,#footer{
position: relative;
margin: 0 auto;}
#header{
height: 40px;
width: 100%;
min-height:40px;
margin-bottom:25px;
font-family:Arial;
background:#2175BC;
z-index:10;
display:block;
margin-top:-18px;
}
#main{
width: 92%;
max-width:1366px;
margin-top: 6px;
margin-bottom: 0px;
}
#mainContent{
width: 78%;
background: #fff;
box-shadow:0px 0px 5px 10px #000
-moz-box-shadow: 0px 0px 8px #999;
-web-kit-shadow: 0px 0px 8px #999;
-moz-border-radius: 6px;
-web-kit-shadow: 6px;
float: right;
display: inline-block;
border:1px solid #3489C1;
}
#sideBar{
background-color:#fff;
margin-right:10px;
width: 18%;
padding: 16px;
display: inline-block;
overflow: hidden;
color: #2D2D2D;
border:1px solid #3489C1;
}
.catListTitle{
color:#71EA5D;
}
#sidebar_search{
display:none;
}
#footer{
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
color: #000;
font-size: 12px;
}
#navigator{
top: 8px;
max-width:1000px;
margin-left:50px;
background:#fff;
z-index:10;
display:block;
}
#navList li{
float: left;
margin-right: 25px;
display: inline;
}
#navList li a{
font-size:15px;
text-decoration: none;
color: #fff;
padding: 10px;
}
#navList li a:hover{
margin-top:-2px;
padding-bottom:12px;
color: #fff;
opacity:1;
background:#2586D7;
}
.blogStats{
color: #CACACA;
font-size: 12px;
text-align: right;
}
#Header1_HeaderTitle{
color:white;
}
#Header1_HeaderTitle:hover{
text-decoration: none;
}
.day{background:#fff; padding:32px;}
.postTitle{
font-size:16px;
font-weight:bold;
font-family:Arial;
padding-right: 64px;
padding-right: 64px;
padding-left: 0px;
color:#589BC4;
}
.postTitle2{
font-size:16px;
font-weight:bold;
font-family:Arial;
padding-right: 64px;
color:#589BC4;
}
.entrylistPosttitle{
font-size: 20px;
padding-right: 64px;
padding-left: 10px;
border-left-width: 3px;
border-left-style: solid;
border-left-color: gray;
font-family:Arial;
color:#333;
}
.postTitle a,.postTitl2 a,.entrylistPosttitle a{
color: #589BC4;
font-size:16px;
font-weight:bold;
font-family:Arial;
padding-right: 64px;
}
.postTitle a:link, .post-title a:visited,.postTitl2 a:link,.postTitl2 a:visited,.entrylistPosttitle a:link,.entrylistPosttitle a:visited{
font-size:16px;
font-weight:bold;
font-family:Arial;
padding-right: 64px;
color:589BC4;}
.postTitle a:hover,.postTitl2 a:hover,.entrylistPosttitle a:hover{color:#589BC4;text-decoration:none; font-size:16px;
font-weight:bold;
font-family:Arial;
padding-right: 64px;
}
.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 #589BC4;
position: relative;
top: -20px;
width: 100px;
left: -20px;
padding-top: 3px;
padding-right: 0px;
padding-left: 8px;
padding-bottom: 3px;
color:#963C3C;
}
.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: #589BC4;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #589BC4;
padding-bottom: 10px;
margin-top: 10px;
}
#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-family:Arial;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;font-family:Arial;color:#000;line-height:250%;}
#green_channel img {
margin-bottom: 0;
}
#cnblogs_post_body img { max-width: 650px; }
#topics{
width:100%;
}
.font11{
font-size:30px;
font-family:楷体;
color:#fff;
font-weight:bold;
margin-left:200px;
}
博客侧边栏公告(支持HTML代码)(支持JS代码)
<center><img width=200px height=200px src="http://images.cnblogs.com/cnblogs_com/beautiful-code/906012/o_b7003af33a87e9502eb1fa9b17385343faf2b4a6.jpg"/></center>
页首Html代码
<br/>
浙公网安备 33010602011771号