今晚做的博客皮肤 (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; }