今晚做的博客皮肤 (CSS 已更新)
今天晚上做了一个自已喜欢的风格,不知道博客园的皮肤除了在设置里面,还有哪里可以修改,我是一边改,一边保存然后再刷新看效果,累呀!
发现博客园的 HTML 写法跟我的写法差别很大,呵呵,我写的 HTML 标签多一些
最麻烦的就是跟原来选择的皮肤有冲突,郁闷得很,弄到现在终于弄好了,不知道能不能有幸放到首页去,呵呵,希望大家喜欢
CSS 代码:
注意!这个是在博客园皮肤 marvin3-brown 的基础上覆盖的样式,所以如果不选哪个的话,可能会有出入
*{       margin:0px;padding:0; } body {       font-size : 12px;       font-family : Verdana, 宋体,Arial, Helvetica, sans-serif;       word-wrap:  break-word;       margin:0 0 0 0;       padding:0px;       background:#FFF; } p {       font-size : 12px;       line-height:150%; } a:visited, a:active, a:link {             color :#0000CC;       text-decoration : none;       font-size : 12px; } a:hover {       text-decoration : underline;       font-size : 12px; } h1 {             margin : 0px;       font-size : 1.5em; } h1 a:visited, h1 a:active, h1 a:link {       color : #333;       font-size:14px; } h1 a:hover {       color : #47F;       text-decoration : none; } h2 {       margin-top : 10px;       font-size : 1em; } h5  {       margin: 0px;       padding: 0px; } #top {       padding:20px 0 0 0;       color : #DDDDDD;       height:120px;       margin:0px;       background:#222222;       text-align:center;       border-bottom:4px solid #99CC66; } #top h1 {       margin:0 auto 20px auto;       width:300px;       padding:0; } #top h1 a{       font-size:24px;       color:#88CC00;       font-family:Verdana;       font-weight:bold; } #top #tagline {       display:block;       background:#333;       padding:5px 0px;       text-align:center;       border-top:1px solid #444;       border-bottom:1px solid #444;       width:100%;       margin:0; } p.date img {       vertical-align : middle; } p.date {       font-size : 12px;       border-bottom : 1px solid #AAA;             margin-bottom : 0px;       padding : 2px 0px;       text-align:right; } blockquote {       font-style : italic; } p.postfoot {       font-size : 12px;       color:#999; } p.postfoot a:link,p.postfoot a:visited{       color:#929272; } #leftmenu {       position : absolute;       left : 0px;       width : 180px;       top:134px;       bottom:50px;       height:100%;       padding-top:6px;       background:#F9F9F9; } *html #leftmenu {       position : absolute;       left : 0px;       width : 180px;       top:110px;       height:100%;       padding-top:9px;       background:#F9F9F9; } *+html #leftmenu {       position : absolute;       left : 0px;       width : 180px;       top:110px;       height:100%;       padding-top:9px;       background:#F9F9F9; }  #rightmenu {       width : 180px;       position : absolute;       right : 0px;       top:134px;       height:100%;       bottom:50px;       padding-top:6px;       background:#F9F9F9; } *html #rightmenu {       width : 180px;       position : absolute;       right : 0px;       top:110px;       height:100%;       bottom:50px;       padding-top:9px;       background:#F9F9F9; }  *+html #rightmenu {       width : 180px;       position : absolute;       right : 0px;       top:110px;       height:100%;       bottom:50px;       padding-top:9px;       background:#F9F9F9; }  #leftmenu h3, #rightmenu h3 {       margin : 0px;       padding : 4px 6px;       display:block;       color:#222222;       font-size:14px;       border-bottom:1px solid #DDD; } #leftmenu ul, #rightmenu ul {       list-style : none;       margin : 0px;       padding : 0px;       margin-left : 4px;       margin-right : 4px;       margin-top : 5px;       margin-bottom : 15px;       font-size : 12px; } #leftmenu ul li, #rightmenu ul li{       margin:0px;       } #leftmenu ul li a:link,#leftmenu ul li a:visited,#rightmenu ul li a:link,#rightmenu ul li a:visited{       display:block;       width:160px;       border-bottom:1px dashed #E0E0E0;       font-size:12px;       padding:3px 4px; } #leftmenu ul li a:hover,#rightmenu ul li a:hover{       background:#FFF;       border-bottom:1px dashed #F5F5F5;       text-decoration:none; }  #main {       margin : 0px 180px 0px 180px;       padding : 10px;       background:#FFFFFF;       border:none;       font-size : 12px; } .post {       font-size : 12px;       line-height:150%;       margin-top:10px;       padding:0px; } .post h2 a:link,.post h2 a:visited{       font-size:16px;       font-weight:bold;       display:block;       background:#FAFAFA;       background-image:url(’/images/cnblogs_com/huacn/blog.gif’);       background-position:7px 5px;       background-repeat:no-repeat;       text-indent:25px;       border:1px solid #EEE;       color:#88CC00;       padding:4px; } .post h2 a:hover{       font-size:16px;       font-weight:bold;       background:#F5F5F5;       background-image:url(’/images/cnblogs_com/huacn/blog.gif’);       background-position:7px 5px;       background-repeat:no-repeat;       text-indent:25px;       color:#88CC00;       border:1px solid #E0E0E0;       padding:4px;       text-decoration:none; } #footer {       margin : 0px;             padding-top : 5px;       text-align : center;       font-size : 12px;       height:50px;       color:#FFFFEE;       border-top:4px solid #97E7CE;       clear:both;       background:#222222;       width:100%;       display:block; } #footer a{       color:#99EF00; } #footer br{       display:none; } input.text {       width : 300px;       } textarea {       width : 300px;       height : 200px; } #comments h3{       background:url(’/images/cnblogs_com/huacn/user_comment.png’) 6px 2px no-repeat;       text-indent:26px;       height:24px;       line-height:24px;       margin:0;       color:#666; } #comments h4 {       margin : 0px;       background:#F5F5F5;       border-bottom:1px solid #F0F0F0;       font-size : 0.9em;       padding:3px 0;       color:#444;       font-weight:normal;       background-image:url(’/images/cnblogs_com/huacn/comment.png’);       background-position:4px 4px;       text-indent:24px;       background-repeat:no-repeat; } #comments h4 a:link,#comments h4 a:visited{       color:#929241;       font-weight:normal; } #comments h4 span {       color : #999; } #comment p{       color:#777;       padding:8px;       margin-bottom:10px; } p {       margin :0 0 10px 0;        } h3 {       font-size : 1.2em;       border-bottom : 1px solid #AAA; } #relatedlinks ul {       list-style : none;       margin-left : 10px;       padding : 0px; } .Cal {       width:100%;       font-family:Verdana;       font-size: 12px;       margin-top:10px;       margin-bottom:10px;       padding:4px;       height:180px;       background:#FFF;       border:1px solid #FFF;               } .CalTitle {       background-color : #E5F2D8;       border:none;       font-family:Verdana;       font-size: 13px;       color : #000;             margin-left : 0px;       padding : 0px;       height:100%;       font-weight:bold; } .CalOtherMonthDay {       color:#808080;        } .CalSelector {        } .CalNextPrev {        } .CalDayHeader {       background-color :#F5FAEF;        } .CalSelectedDay {        } .CalWeekendDay {        } .CalTodayDay {       background-color:#FFF; }  .commentform span{       background:#FFFEDB;       border:1px solid #FEBC64;       padding:4px;       margin-bottom:10px; } .commentform table {       margin-top:10px; } .commentform table input[button]{       padding:4px 10px;       font-weight:bold; } .commentform table span{       padding:0px;       border:0px;       background:none;       margin:0; }