版型主图简介:
版型主图为日本京都鹿苑寺，
又因为寺内核心建筑(舍利殿)的外墙全是以金箔装饰，
所以又被暱称为(金阁寺)。

 

★.版型主图来源:弦月下的世界，主图为本格实景拍摄。

★.本版为大型主图，萤幕解析度请至少调至1400(宽度)，最佳解析度为1920(宽度)

★.恳请引用者能回到本格正确引用!!

★.语法若有问题时，请回本格重新复制+贴上。

★.以下三种语法请自选，于栏内点右键后反蓝即可复制语法。

 

NO.51金碧辉煌-金阁寺-痞客邦-三栏式版型语法

三栏式 /*CSS reset*/ html{ margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 100%; vertical-align: baseline; background: transparent; } /* ------------ IE浏览器卷轴的颜色设定 ------------ */ html{ SCROLLBAR-ARROW-COLOR:##F3FFF6;/*上下箭头*/ SCROLLBAR-FACE-COLOR:#668E5A;/*轴的主体色*/ SCROLLBAR-DARKSHADOW-COLOR:#97C986;/*右及下方框线*/ SCROLLBAR-HIGHLIGHT-COLOR:#97C986;/*左及上方框线*/ SCROLLBAR-SHADOW-COLOR:#8BCD75;/*右及下方框线*/ SCROLLBAR-TRACK-COLOR:#FFFFFF;/*轴的底色*/ SCROLLBAR-3DLIGHT-COLOR:#8BCD75;/*左及上方框线*/ } /* ------------Google浏览器的卷轴设定 ------------ */ ::-webkit-scrollbar{ /*卷轴的底色*/ background-color:#FFFFFF; } ::-webkit-scrollbar-thumb{ /*卷轴主体的颜色*/ background-color:#668E5A; -webkit-border-radius: 6px ; } ::-webkit-scrollbar-button:vertical:decrement{ /* 卷轴上方的箭头 */ background-image: url("https://pic.pimg.tw/moon1230e/1515313726-588676876.png"); background-repeat: no-repeat; } ::-webkit-scrollbar-button:vertical:increment { /* 卷轴下方的箭头 */ background-image: url("https://pic.pimg.tw/moon1230e/1515313726-1349172636.png") ; background-repeat: no-repeat; } #comment-form table{width: 96% ;margin: 0 auto ;} # comment-form td , #comment-form th{border: 1px solid #527E44;padding: 3px 5px;} .article-content p{ margin-bottom:1em; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } /*日历框的颜色设定*/ td { border: 1px solid #668E5A; } fieldset,img { border:0; } address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } pre{ font-size: 1em ; } .article-content{ _height: 1% ; overflow: hidden ; _overflow: none; } /*全站分类+日历+文章区内文+版主回复字+文章分类标题+个人资讯栏+本日+累积人气等字体颜色设定*/ body { color:#06AE06; font-size:15pt; font-family:"Century Gothic"; line-height:180%; /*---部落格背景重复底图---*/ background-image:url(https://pic.pimg.tw/moon1230e/1515311060-4286402520.gif); background-repeat:repeat; background-position:undefined; } /*部落格中间栏位底图*/ #container{ width: 1370px; background: url("https://s1.gifyu.com/images/green1370X50-01.jpg") repeat-y left top; margin: 0 auto; } /*部落格中间栏位重复底图*/ #container2{ background: url(https://s1.gifyu.com/images/green1370X50-01.jpg) no-repeat center bottom; display:block; } #container3 { overflow:hidden; position:relative; } #main{ #main{width:1370px;margin:auto;} #content{float:right;line-height:180%;width:1370px;padding-right:10px;padding- bottom:15px;overflow:hidden;} background:url() repeat-y center ; overflow:hidden; padding:30px 20px; _height: 1%; } #body-div{} /*置顶及广告字+关键字+个人分类后的标题+文章内留言IDE-mail转寄+免费注册文字颜色设定*/ a, a:link, a:visited{color:#06AE06;text-decoration:none;} a:hover{color:#06AE06;position:relative;top:2px;background:url(http://f.share.photo.xuite.net/moon1230/1f52a70/5903551/1160034225_x.jpg) repeat-x bottom;} /*版型主图高度+部落格名称位置*/ #header{ height: 650px; padding-left: 100px; /*部落格名称与左边的距离*/ background:url(https://i.imgur.com/eFDeEhi.jpg) no-repeat center bottom; display:block; } /*部落格置顶功能颜色设定*/ /*招呼语+登入+登出*/ #login-bar{ text-align:left; padding:10px 0px 0px 20px; height:30px; line-height:10px; color:#06AE06;} #login-bar a{color:#06AE06} #login-bar a:hover{color: #;background: #06AE06;} #login-bar .separator{color:#06AE06} #login-bar a:hover { color: #06AE06; background: #8ABE79; } /*部落格名称字体位置*/ #banner { width: 400px; height: 400px; overflow:hidden; } #banner h1 { font-weight:bold; font-family:微软正黑体; font-size:22px; position:absolute; text-align:left; padding:80 80px;/*第二个数字-部落格名称字体位置靠左的位置*/ top:20px; margin-top: 30px; /*字体高度*/ margin-left: 50px; /*字体靠左或右*/ } /*部落格名称的颜色*/ #banner h1 a{ color: #008800; } /*部落格字体按下去的颜色*/ #banner h1 a:hover { color: #82B771; /*部落格字体按下去的底色*/ background: #F2FCEF; /*部落格框的虚线颜色*/ border:2px dotted #82B771; } /*部落格招呼语字体位置*/ #banner h2 { width:300px ; color: #008800; margin:25px 0; font-weight:bold; font-family:微软正黑体; font-size:15px; position:absolute; top:80px;/*字体高度*/ left:80px; /*字体靠左或右*/ line-height:30px;/*字体的行距高度*/ overflow:hidden; } /*部落格招呼语字体高度*/ .skiplink { position:absolute; top:600px;/*此处需与跳回主文字体高度一样*/ /*部落格招呼语字体-全站分类字位置*/ left:505px; /*此处数字要比跳回主文的数字大*/ font-size:16px; } /*跳回主文颜色设定*/ .skiplink a{ color: #06AE06; } /*跳回主文字体按下去的颜色*/ .skiplink a:hover { color: #82B771; background: #FFFFFF; } /*跳回主文字体的位置*/ #blog-category { position:absolute; top:600px;/*此处需与部落格招呼语字体高度一样*/ left:300px;/*此处数字要比不设分类的数字小*/ font-size:16px; } } /*不设分类字体颜色设定*/ #blog-category a { color: #06AE06; } /*不设分类字体按下去的颜色*/ #blog-category a:hover { color: #82B771; background: #FFFFFF; } #authority { width: 100%; font-size: 16px; text-align: center; border-bottom: 0px solid #; background: #; padding: 5px 1000px; } /*发表文章+管理后台字体颜色设定*/ #authority a { color: #06AE06; background: #FFFFFF; border: 2px solid #82B771; } #authority a:hover { color: #FFFFFF; background: #82B771; } /*四功能键位置高度+颜色设定*/ #navigation{ position:absolute; top:600px;/*高度*/ left:50px; } #navigation li{ float:left; } /*相簿+部落格+留言+名片的框线颜色*/ #navigation a{ /*框内底色*/ background: #FFFFFF; padding: 4px; /*框框右边颜色*/ border-right: 1px solid #82B771; /*框框下方颜色*/ border-bottom: 1px solid #82B771; position:relative; font-weight:bold; font-size:15px; width:50px; height:20px; /*相簿+部落格+留言+名片的字体颜色*/ color:#06AE06; letter-spacing:3pt } /*四功能键位框内底色颜色设定*/ #navigation a:hover { color: #668E5A; background: #F2FCEF; } /*------------------留言区底图及栏位宽度---------------*/ /*留言区底图*/ #content{ width:920px ;/*留言区底图宽度距离需配合左右栏位边线距离*/ float:left ; background:url(https://pic.pimg.tw/moon1230e/1510450392-228080543.png) repeat; /*留言区底色*/ background:#FFFFFF;/*此处颜色需与中间栏位底色一样*/ margin:0 auto; margin-left: 195px ;/*留言区底图宽度距离需配合左右栏位边线距离*/ margin-top: 20px ; } /*-----公告版栏位设定-----*/ #spotlight{ /*公告栏位底色*/ background:#F2FCEF; padding:5px; margin-bottom: 5px ; /*公告栏位线框的颜色*/ margin-bottom: 5px ; margin-top: -7px ; border: 8px double #8AC46D; } /*公告版栏位标题设定*/ #spotlight h5 { background:url( ); /*公告版位标题字体颜色及字型*/ color:#06AE06; font-weight:bold; font-family:微软正黑体; font-size:22px; /*公告版位标题字体下方虚线颜色*/ border-bottom:2px dotted #06AE06; padding:2px; } /*公告版栏位底图+颜色+字体及字体大小设定*/ #spotlight-text { background:url(https://pic.pimg.tw/moon1230e/1510450392-228080543.png); color:#06AE06; font-weight:bold; font-family:微软正黑体; font-size:18px; padding:5px; } /*浏览模式*/ #display{ text-align:right; margin : 5px 0px ; } /*浏览方式这四个字*/ #display span{} /*标题列表/简短摘要* #display a{} /*文章标题*/ .article { clear: both; _height: 1%; position: relative; margin: 0 auto 5px; } /*----------文章区的设定----------*/ /*文章区标题前的图示*/ .article-head { overflow: hidden; height: 100px; line-height:30px; background: url(https://pic.pimg.tw/moon1230e/1510455151-1539305415.gif) no-repeat; } .title { font-weight:bold; font-family:微软正黑体; float:left; font-size:22px; line-height: 30px; padding: 10px 0px 0px 90px;/*第四个数字是文章标题图与标题的距离*/ } /*文章区标题字体的颜色*/ .title a { color: #06AE06; } .title a:hover{ /*文章区标题字体按下去时的超连结字体颜色*/ color: #82B771; /*文章区标题字体按下去时的框内底色*/ background: #F5FEF5; } .title img { vertical-align: middle; } .article-body {} /*文章发表-字体大小*/ .publish { font-size: 15px; padding: 0 0 0 90px;/*第四个数字是文章标题图与标题的距离*/ } /*文章发表-月份的颜色*/ .month{color: #06AE06; } /*文章发表-日期的颜色*/ .date { color: #06AE06; } .day{display: none;} /*文章发表-年份的颜色*/ .year{color: #06AE06; } .time { display: none; } /*继续阅读小图与字体色*/ .more { float: right; padding-top: 30px; background: url(http://f.share.photo.xuite.net/moon1230/1f52a28/4288422/1027319170_x.jpg) right no-repeat; margin-right: 60px ; } .more a{ font-weight:bold; font-family:微软正黑体; font-size: 20px; /*继续阅读字体的颜色*/ color:#06AE06; } .more a:hover{ /*继续阅读按下去时框内字体的颜色*/ color: #82B771; /*继续阅读按下去时超连结的颜色*/ background: #F5FEF5; } /*作者ID+发表+留言()+人气的设定*/ .author{ /*作者ID+发表+留言()+人气-虚线上的颜色*/ background: #; /*作者ID+发表+留言()+人气的字体颜色*/ color: #06AE06; font-size: 15px; text-align:right ; padding: 0px 15px 10px 0px; margin: 25px 0px 0px 0px; /*文章下方分隔线的颜色*/ border-bottom: 1px dashed #06AE06; line-height: 30px; } /*文章下方痞客帮+留言功能的颜色*/ .author a{ color: #82B771; } .author a:hover{ /*文章下方痞客帮+留言功能超连结时字体颜色*/ color: #82B771; /*文章下方痞客帮+留言功能超连结底图色*/ background: #F5FEF5; } /*文章附加资讯*/ .article-footer{ text-align:right ; color:#06AE06; line-height:20px ; } /*加入书签*/ .bookmark{ text-align:right ; padding: 20px 0px 0px 0px; } /*个人分类+全站分类+上一篇+下一篇字体颜色*/ .refer{ color:#06AE06; text-align:left; margin: 0px 0px 0px 10px; padding-bottom: 10px; padding-top: 10px ; } /*个人分类按下去时的字体颜色*/ .refer a:hover { color: #82B771; /*文章内页-全站分类+上一篇+下一篇字体连结时的底色*/ background: #F5FEF5; } .history{ display:none; } .forward{ text-align:right; margin: 5px 5px 0px 0px; } .forward img{ width: 10px; height: 10px; filter :gray; padding-right: 2px; } /*转寄文章*/ .forward a:hover { color: #06AE06; background: #82B771; } #article-box{ margin: 10px 0px 0px 0px; } /*标题模式的文章列表* .main-list table{ border-collapse : collapse ; width:100% ; margin: 20px 0px 0px 0px; } .main-list table td { /*标题模式的文章列表线框颜色*/ border:1px solid #06AE06; border-top:0px solid #06AE06; border-left:0px solid #06AE06; border-right:0px solid #06AE06; } .main-list td , .main-list th{ padding: 5px ; } /*文章区分隔线*/ .back-to-top { background: #; background-image:url(https://pic.pimg.tw/moon1230e/1510450392-228080543.png); background-repeat:repeat; padding: 15px 15px 15px 5px; /*第1是字体高度*/ margin: 0px 0px 0px 0px;/*第3个是文章内图与留言框的距离-第4个是图与左边的距离*/ line-height: 20px;/*分隔线图的高度*/ border: 2px double #06AE06;/*线框的颜色*/ } /*TOP键的颜色*/ .back-to-top a{ color: #06AE06; } .back-to-top a:hover { /*TOP键按下去时的连结字体颜色*/ color: #82B771; /*TOP键按下去时的连结颜色*/ background: #F5FEF5; } /*-----引用+留言区块设定----*/ /*引用+回应列表列表栏底图*/ #user-post{ background:#FFFFFF; background:url(https://pic.pimg.tw/moon1230e/1510450392-228080543.png) repeat; padding:15px; /*引用+回应列表列表栏线框*/ margin-bottom: 0px ; border: 2px solid #06AE06; } #trackback-box {text-align: center;} #comment-box {text-align: left;} /*引用与留言分隔线+文字颜色设定*/ .user-post-title { text-align: center; /*-----留言版区各项设定-----*/ /*留言列表-字体颜色*/ color: #06AE06; background:url(http://f.share.photo.xuite.net/moon1230/1f52a40/4443067/1154856325_x.jpg) center no-repeat; font-size:15pt; font-weight: bold; margin: 0 auto; /*留言列表图档与上方的距离*/ padding-bottom: 80px; padding-left: 5px; } /*-----留言版上方的图片与颜色设定-----*/ .post-comment{ /*留言版上方的图片的高度*/ padding-top: 180px;/数字越小离下方越近*/ padding-bottom: 15px; line-height: 2.8em; height: 100%; font-size: 18px; /*留言版上方的图片*/ background:url(https://pic.pimg.tw/moon1230e/1514827817-2861587196.gif) ; background-repeat: no-repeat; background-position: center top; color: #06AE06; text-align:center;} #trackback-input {width:50%;} /*单一引用*/ .single-post { /*---引用+留言框的虚线---*/ /*引用+留言框的虚线-右线*/ border-right:2px dashed #06AE06; /*引用+留言框的虚线-下线*/ border-bottom:2px dashed #06AE06; /*引用+留言框的虚线-左线*/ border-left:2px dashed #06AE06; /*引用+留言框的虚线-上线*/ border-top:2px dashed #06AE06; overflow:hidden; _overflow:none; _height:1%; margin:30px 0;} /*引用者资讯*/ .post-info { text-align: center; /*引用+留言框的虚线-中线*/ border-bottom:2px dashed #06AE06; font-weight:600; padding:5px 10px; margin-bottom:10px; } /*单一引用内容*/ .post-text{ float:left; margin-bottom: 10px ; } /*回响区块*/ #trackback-box .post-text{ width: auto ; float:none ; } /*单一引用内容*/ .post-text{ float:left; margin-bottom: 10px ; } /*回响区块*/.post-photo { width:120px; float:left; } /*-----留言区底图及颜色设定-----*/ li.post-photo img { width:70px; height:70px; /*留言区-留言者头像右+下方线框*/ border:2px double #06AE06;; /*留言区-留言者头像-上方线框*/ border-top:2px double #06AE06;; /*留言区-留言者头像-左线框*/ border-left:2px double #06AE06;; /*留言区底图*/ background:url(https://pic.pimg.tw/moon1230e/1510450392-228080543.png) repeat-y; background:#FFFFFF; padding:4px; } /*版主回复图与框颜色设定*/ .reply-text { float:right; width:800px; background:url(https://pic.pimg.tw/moon1230e/1515345088-3665825801.jpg) 0px top /*版主回复区底色*/ no-repeat #FFFFFF; /*版主回复区的上+左外框实线颜色*/ border:3px solid #06AE06; /*版主回复图区的右框实线颜色设定*/ border-right:3px solid #06AE06; /*版主回复图区的下框实线颜色设定*/ border-bottom:3px solid #06AE06; /*版主回复图+文字+框靠左边的距离设定*/ margin-right:10px; display:inline; /*版主回复-文字的颜色*/ color:#06AE06; min-height:40px; _height:40px; padding:20px 5px 5px 0px; } /*回复留言分隔线*/ li.reply-text p { background:url(https://pic.pimg.tw/moon1230e/1513697868-867603417.gif) repeat-x; text-align:right; /*回复留言的时间位置*/ padding:20px 150px 0px;/*第1是图与下方文字高度-第4是靠左或右*/ font-size: 18px; /*回复留言的时间*/ color: #06AE06; } .secret{} /*发表留言设定*/ .post-comment a { /*发表留言-字体的颜色*/ color: #06AE06; /*发表留言-框内的颜色*/ background: #FFFFFF; /*发表留言-框框的颜色*/ border: 3px double #06AE06; } /*发表留言连结时-框框内+字的颜色*/ .post-comment a:hover { color: #06AE06; background: #FFFFFF; } /*回响区块*/ #comment-form { line-height:1.5; margin:10px 0; padding: 0 10px 10px; border: 1px solid #0AC2B3; } #comment-form table { width:100%; margin:0 auto; background: #06AE06 url() no-repeat; padding: 10px; } #comment-form th, #comment-form td { border: 1px dashed #06AE06; padding: 5px 10px; text-align: left; } #comment-form input#send-comment { padding:3px 5px; float: right; } #comment-form textarea { width:95%; background:#06AE06 url() right bottom no-repeat; line-height:1.5; height:120px; padding:5px 10px; } /文章列表*/ .main-list { margin-bottom:15px; padding:10px 0; } .main-list table { width:100%; margin:10px 0; } .main-list h3 { margin-bottom:10px; padding:5px 10px; } .main-list th,.main-list td { border:1px solid #06AE06; padding:3px 10px; } /*页尾页数颜色设定*/ .page { clear: both; height: 40px; line-height: 20px; font-size: 12px; text-align: left; background: none; padding: 0px 15px; margin: 6px auto; } .page a { /*页尾页数-第1页框内颜色设定*/ background:#F2FCEF; margin:0 5px; /*页尾页数-第2页字体颜色设定*/ color: #06AE06; padding:5px 10px; } /*页尾页数-第2页字体颜色设定*/ .page span { color: #06AE06; /*页尾页数-第1页框内颜色设定*/ background:#F9FEF7; padding:5px 10px; } /*----------侧栏区设定----------*/ /*日历字体+侧栏-版主回复+留言者+个人资讯+文章分类内的+订阅内+参观人气内字体颜色*/ #links{ color: #06AE06; width:200px ; float:left; margin: -310px 0px 0px 15px ; } #links a{ font-size: 18px; /*日历上下月份+站方公告+所有浏览列表字+文章分类内的展开+最新文章字体+订阅动态标题*/ color:#06AE06; } /*----------左右栏位设定----------*/ /*侧栏-左栏的位置与宽度*/ #links-row-1{ width:200px ; float:left; background:#; background-image: url(); background-repeat: repeat; position:relative ; margin-left: -1140px ;/*左右栏位此处与边线距离需配合留言区底图距离宽度*/ margin-top: 320px ; } /*侧栏-右栏的位置与宽度*/ #links-row-2{ width:200px ; float:right ; background:#; background-image: url(); background-repeat: repeat; margin-right: -10px ;/*左右栏位此处与边线距离需配合留言区底图距离宽度*/ margin-top: 320px ; } /*左右栏位图示*/ /*左右栏位-中栏*/ .box{ background:url(http://i.imgur.com/sPbsMDd.jpg) left top repeat-y; margin-bottom:20px; } .box-title{ height:50px; line-height: 5px; overflow:hidden; /*侧栏区标题颜色*/ color:#06AE06; text-align: left; font-weight:bold; /*侧栏区标题-字型*/ font-family:微软正黑体; /*侧栏区标题-字型大小*/ font-size:20px; /*左右栏位-上栏*/ background: url(http://i.imgur.com/FyXxOc3.jpg) left top no-repeat; margin:0px 0px 0px 0px; /*左右栏位-字体的位置*/ padding:50px 0px 0px 58px;/*第一个是字体与栏位上方高度-第四个是文字与栏位左右的距离*/ } /*左右栏位-下栏*/ .box-text{ background:url(http://i.imgur.com/5uZFsZG.jpg) left bottom no-repeat; text-align: left; line-height: 150%; margin: 0px auto; padding:0 10px; padding-bottom:80px; } /*所有浏览列表框颜色*/ .box-more{ text-align:right; margin: 15px 0; padding:2px;} .box-more a{ -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding:2px 2px; float:right ; margin: 0px 30px 0px 0px; color:#06AE06; background:#FFFFFF; /*所有文章+浏览列表框颜色*/ border: 2px double #82B771;} .box-more a:hover{ color: #06AE06; /*所有文章+浏览列表内底色*/ background: #FFFFFF; } /*-----日历颜色设定-----*/ #calendar table{ width: 100%; /*日历框内底色*/ margin:0 auto;background:#FFFFFF;} #calendar th, #calendar td{ text-align:center; padding:1px;} /*上个月发文日期的颜色设定*/ #calendar .calMonthHeader{} #calendar td a{ font-size:11px; display:block; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; /*发文日的框框颜色*/ border: 2px double #028502; font-size:11px; /*发文日的框框内文字颜色*/ color:#21A621; /*发文日的框框内底色*/ background:#FFFFFF;} #category li{margin-left:13px} #murmur li{ background:none; border:0;} .murmur-time{ font:bold 12px Century Gothic; margin-bottom:2px;} .murmur-text{ line-height:160%;} #counter .box-text{padding-left:50px;} #visitor{} #visitor ul,#crumb ul{ overflow: hidden;_overflow: none;_height: 1%; margin-bottom:25px;margin-top:5px;} #visitor li,#crumb li{ float:left; line-height:0; margin:1px;} /*谁来我家+我去谁家的图片设定*/ margin-right:1px;} #visitor .box-text li , #crumb .box-text li { float: left;padding-left:6px;} #visitor .box-text li a{height:50px;width:50px;display:block;MARGIN: 2px; /*谁来我家的图*/ background:url(https://pic.pimg.tw/moon1230e/1510455151-3372316660.gif) no-repeat left top;} #crumb .box-text li a{height:50px;width:50px;display:block;MARGIN: 2px; /*我去谁家的图*/ background:url(https://pic.pimg.tw/moon1230e/1510455151-2620709952.gif) no-repeat left top;} /*我去谁家的框框设定*/ #visitor .box-text li a{ border-right:2px solid #8AC46D; border-left:2px solid #8AC46D; border-top:2px solid #8AC46D; border-bottom:2px solid #8AC46D;} #visitor .box-text li a img , #crumb .box-text li a img {visibility:hidden;height:50px;width:50px;padding: 3px;padding-left:3px;} #visitor .box-text li a:hover img , #crumb .box-text li a:hover img {visibility:visible;height:50px;width:50px;} #visitor .box-more , #crumb .box-more {clear:both;} /*文章分类资料夹小图*/ #category .box-text h6 img{display:none;} #category .box-text{padding-left:20px;padding-bottom:120px;} #category .box-text h6 { background-image:url(https://pic.pimg.tw/moon1230e/1510460247-495919459.gif);background-repeat:no-repeat; background-position:left; padding-left:30px; line-height: 30px; font-size: 16px; } /*文章分类-展开小图*/ #category .box-text li a{ background-image:url(https://pic.pimg.tw/moon1230e/1510460248-217766175.gif); background-repeat:no-repeat; background-position:left; padding-left:20px; } /*文章分类-展开时连结小图*/ #category .box-text li a:hover{ background:#F9FEF7; /*文章分类-展开时字体的颜色*/ color:#06AE06; /*文章分类-展开时框框的颜色*/ border: 2px double #028502; background-image:url(https://pic.pimg.tw/moon1230e/1510460249-1784172121.gif); background-repeat:no-repeat; } /*最新文章前小图与颜色设定*/ #recent-article .box-text{padding-left:10px;padding-bottom:50px;} #recent-article li { background-image:url(https://pic.pimg.tw/moon1230e/1510460247-495919459.gif); background-repeat:no-repeat; background-position:left top; padding-top:18px; padding-bottom:20px; padding-left:10px; line-height: 20px; /*最新文章分隔虚线颜色设定*/ border-bottom: 2px dashed #06AE06;} #recent-article li a:hover { /*最新文章-连结的字体颜色*/ color: #028502; /*最新文章-连结框底色*/ background: #F9FEF7; } /*---最新回响区设定---*/ /*最新回应前的小图*/ #latest-comment li{ background-image:url(https://pic.pimg.tw/moon1230e/1510460247-495919459.gif); background-repeat:no-repeat; background-position:left top; padding-top:18px; padding-bottom:20px; padding-left:15px; line-height: 20px; /*最新回响的字体颜色*/ border-bottom: 3px solid #06AE06;;} #latest-comment li a:hover { /*最新文章区-版主回复的字体颜色*/ color: #06AE06; /*最新文章区-版主回复内容的框框颜色*/ background: #F9FEF7; } #latest-comment li span { /*最新文章区-版主回复的时间颜色*/ color:#06AE06; font-size:.50em; /*最新留言-版主回复的时间间隔直线*/ border-right:3px solid #06AE06; margin:0 4px 0 0; padding:0 4px 0 0; } /*最新文章区-版主回复的字体颜色*/ #latest-comment li a { color:#06AE06; display:block; height:50px; overflow:hidden; } /*热门文章标题小图*/ #hot-article li { background-image:url(https://pic.pimg.tw/moon1230e/1510460247-495919459.gif); background-repeat:no-repeat; background-position:left; font-size: 16px; padding-left:25px; line-height: 25px; /*热门文章-下方虚线颜色*/ border-bottom: 2px dashed #06AE06;} #hot-article li a:hover { /*热门文章-连结时的颜色*/ color: #028502; /*热门文章-连结时的底色*/ background: #F9FEF7; } #search{} #search ul{ overflow: hidden; _overflow: none; _height: 1%;} #search .box-text{padding-left:22px;padding-top:15px;} #search .box-text li{ display: inline; } /*最新引用*/ #latest-trackback li, #latest-comment li, #latest-trackback li, #subscription li{border-bottom: 2px dashed #06AE06;} /*最新引用-引用过去的文章标题*/ #latest-trackback a{ color: #06AE06; background: #F9FEF7; } #latest-trackback a:hover { } #latest-trackback a, #latest-comment a, #subscription a{ display:block; width:100%;} #counter .box-text {font-size:16px;} #feed {} #announce{} #hot-article {} #category h6{} #category li{margin-left:15px;} #category .box-more {} #archive select, #favorite select { width:150px; margin-left:20px;padding-top:0px; } #recent-article li, #announce li, #hot-article li{} /*最新留言颜色设定*/ #latest-comment li, #latest-trackback li, /*最新留言区-间隔虚线*/ #subscription li{border-bottom: 2px dashed #06AE06;} #latest-trackback a:hover { color: #06AE06; background: #F9FEF7; } #latest-comment a, #latest-trackback a, #subscription a{ display:block; width:100%;} #mylink {font-weight:bold; font-family:微软正黑体; font-size:18px; } /*单一个我的连结*/ #mylink .inner-box{ text-align: left; padding-left: 25px; font-size: 18px; margin-bottom:5px; color:#06AE06; } #mylink .inner-box li{ margin-left:15px; line-height: 25px; } /*谁来我家颜色设定*/ #mylink a:hover { color: #06AE06; background: #F9FEF7; } /*站方公告间隔虚线颜色*/ #announce .box-text li{border-bottom: 2px dashed #06AE06;} #announce a:hover { /*站方公告连结字体颜色*/ color: #028502; background: #F9FEF7; } /*页尾中间栏位底图+文字颜色设定*/ #footer{ clear:both; padding-top: 20px; /*页尾中间栏位底图*/ background:url(https://s1.gifyu.com/images/green1370X50-01.jpg) repeat #668E5A; _height:1%; text-align: center;} #footer p{color:#06AE06;} #bottom , /*页尾中间栏位-回到页首+回到主文+免费注册+客服中心+痞客邦首页字体的颜色*/ #bottom a{color:#06AE06;} /*页尾中间栏位文字连结颜色设定*/ #bottom a:hover { /*页尾中间栏位-回到页首+回到主文+免费注册+客服中心+痞客邦首页字体按下去时的颜色*/ color: #028502; background: #F9FEF7; } /*文章搜寻设定*/ input, textarea { vertical-align: middle; font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif; font-size: 1.0em; /*文章搜寻-字体的颜色*/ color: #06AE06; /*文章搜寻-框框的颜色*/ border: 3px double #06AE06; /*文章搜寻-框内的颜色*/ background: #F9FEF7; /*文章搜寻-框内的底图颜色*/ background-image:url(https://pic.pimg.tw/moon1230e/1510450392-228080543.png) ; padding: 2px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} /*文章搜寻-框内字体颜色+宽度设定*/ input#search-target { width: 150px; color: #028502; background-image:url(https://pic.pimg.tw/moon1230e/1510450392-228080543.png) ; } /*文章精选设定*/ select { font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif; font-size: 1.0em; /*文章精选+发文的年月份-字体的颜色*/ color: #028502; /*文章精选-框框的颜色*/ border: 2px solid #028502; /*文章精选-框内的颜色*/ background: #F2FCEF; background-image:url(https://pic.pimg.tw/moon1230e/1510450392-228080543.png) ; padding: 2px;width:90%;} /*下列语法请勿任意更改变动 ↓ */ #content .recommended-posts {display:none;} #blog468x60Banner{display:none !important;} #container #links-row-1 div.hslice[id*="-mib-"], #container #links-row-1 div.hslice[id*="-Mib-"], #container #links-row-1 div.hslice[id*="-mIb-"], #container #links-row-1 div.hslice[id*="-miB-"]{ display:none !important; } /*去除网页闲置时出现广告*/ #idle-pop {display: none;} /*文章下方广告无动态*/ #content .recommended-posts {display:none;} #blog468x60Banner{display:none !important;} /*去除部落格上方广白框广告*/ #content .recommended-posts3 ul li > :nth-child(1):not([class*="source-emma"]) { display: none;} #comment-text ul li.post-info > span.user-name img{display:none;} #idle-pop , #ad-full-page , .article-inread-ad {display:none;}  

 

NO.51金碧辉煌-金阁寺-痞客邦-左栏式版型语法

左栏式 /*CSS reset*/ html{ margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 100%; vertical-align: baseline; background: transparent; } /* ------------ IE浏览器卷轴的颜色设定 ------------ */ html{ SCROLLBAR-ARROW-COLOR:##F3FFF6;/*上下箭头*/ SCROLLBAR-FACE-COLOR:#668E5A;/*轴的主体色*/ SCROLLBAR-DARKSHADOW-COLOR:#97C986;/*右及下方框线*/ SCROLLBAR-HIGHLIGHT-COLOR:#97C986;/*左及上方框线*/ SCROLLBAR-SHADOW-COLOR:#8BCD75;/*右及下方框线*/ SCROLLBAR-TRACK-COLOR:#FFFFFF;/*轴的底色*/ SCROLLBAR-3DLIGHT-COLOR:#8BCD75;/*左及上方框线*/ } /* ------------Google浏览器的卷轴设定 ------------ */ ::-webkit-scrollbar{ /*卷轴的底色*/ background-color:#FFFFFF; } ::-webkit-scrollbar-thumb{ /*卷轴主体的颜色*/ background-color:#668E5A; -webkit-border-radius: 6px ; } ::-webkit-scrollbar-button:vertical:decrement{ /* 卷轴上方的箭头 */ background-image: url("https://pic.pimg.tw/moon1230e/1515313726-588676876.png"); background-repeat: no-repeat; } ::-webkit-scrollbar-button:vertical:increment { /* 卷轴下方的箭头 */ background-image: url("https://pic.pimg.tw/moon1230e/1515313726-1349172636.png") ; background-repeat: no-repeat; } #comment-form table{width: 96% ;margin: 0 auto ;} # comment-form td , #comment-form th{border: 1px solid #527E44;padding: 3px 5px;} .article-content p{ margin-bottom:1em; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } /*日历框的颜色设定*/ td { border: 1px solid #668E5A; } fieldset,img { border:0; } address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } pre{ font-size: 1em ; } .article-content{ _height: 1% ; overflow: hidden ; _overflow: none; } /*全站分类+日历+文章区内文+版主回复字+文章分类标题+个人资讯栏+本日+累积人气等字体颜色设定*/ body { color:#06AE06; font-size:15pt; font-family:"Century Gothic"; line-height:180%; /*---部落格背景重复底图---*/ background-image:url(https://pic.pimg.tw/moon1230e/1515311060-4286402520.gif); background-repeat:repeat; background-position:undefined; } /*部落格中间栏位底图*/ #container{ width: 1370px; background: url("https://s1.gifyu.com/images/green1370X50-01.jpg") repeat-y left top; margin: 0 auto; } /*部落格中间栏位重复底图*/ #container2{ background: url(https://s1.gifyu.com/images/green1370X50-01.jpg) no-repeat center bottom; display:block; } #container3 { overflow:hidden; position:relative; } #main{ #main{width:1370px;margin:auto;} #content{float:right;line-height:180%;width:1370px;padding-right:10px;padding- bottom:15px;overflow:hidden;} background:url() repeat-y center ; overflow:hidden; padding:30px 20px; _height: 1%; } #body-div{} /*置顶及广告字+关键字+个人分类后的标题+文章内留言IDE-mail转寄+免费注册文字颜色设定*/ a, a:link, a:visited{color:#06AE06;text-decoration:none;} a:hover{color:#06AE06;position:relative;top:2px;background:url(http://f.share.photo.xuite.net/moon1230/1f52a70/5903551/1160034225_x.jpg) repeat-x bottom;} /*版型主图高度+部落格名称位置*/ #header{ height: 650px; padding-left: 100px; /*部落格名称与左边的距离*/ background:url(https://i.imgur.com/eFDeEhi.jpg) no-repeat center bottom; display:block; } /*部落格置顶功能颜色设定*/ /*招呼语+登入+登出*/ #login-bar{ text-align:left; padding:10px 0px 0px 20px; height:30px; line-height:10px; color:#06AE06;} #login-bar a{color:#06AE06} #login-bar a:hover{color: #;background: #06AE06;} #login-bar .separator{color:#06AE06} #login-bar a:hover { color: #06AE06; background: #8ABE79; } /*部落格名称字体位置*/ #banner { width: 400px; height: 400px; overflow:hidden; } #banner h1 { font-weight:bold; font-family:微软正黑体; font-size:22px; position:absolute; text-align:left; padding:80 80px;/*第二个数字-部落格名称字体位置靠左的位置*/ top:20px; margin-top: 30px; /*字体高度*/ margin-left: 50px; /*字体靠左或右*/ } /*部落格名称的颜色*/ #banner h1 a{ color: #008800; } /*部落格字体按下去的颜色*/ #banner h1 a:hover { color: #82B771; /*部落格字体按下去的底色*/ background: #F2FCEF; /*部落格框的虚线颜色*/ border:2px dotted #82B771; } /*部落格招呼语字体位置*/ #banner h2 { width:300px ; color: #008800; margin:25px 0; font-weight:bold; font-family:微软正黑体; font-size:15px; position:absolute; top:80px;/*字体高度*/ left:80px; /*字体靠左或右*/ line-height:30px;/*字体的行距高度*/ overflow:hidden; } /*部落格招呼语字体高度*/ .skiplink { position:absolute; top:600px;/*此处需与跳回主文字体高度一样*/ /*部落格招呼语字体-全站分类字位置*/ left:505px; /*此处数字要比跳回主文的数字大*/ font-size:16px; } /*跳回主文颜色设定*/ .skiplink a{ color: #06AE06; } /*跳回主文字体按下去的颜色*/ .skiplink a:hover { color: #82B771; background: #FFFFFF; } /*跳回主文字体的位置*/ #blog-category { position:absolute; top:600px;/*此处需与部落格招呼语字体高度一样*/ left:300px;/*此处数字要比不设分类的数字小*/ font-size:16px; } } /*不设分类字体颜色设定*/ #blog-category a { color: #06AE06; } /*不设分类字体按下去的颜色*/ #blog-category a:hover { color: #82B771; background: #FFFFFF; } #authority { width: 100%; font-size: 16px; text-align: center; border-bottom: 0px solid #; background: #; padding: 5px 1000px; } /*发表文章+管理后台字体颜色设定*/ #authority a { color: #06AE06; background: #FFFFFF; border: 2px solid #82B771; } #authority a:hover { color: #FFFFFF; background: #82B771; } /*四功能键位置高度+颜色设定*/ #navigation{ position:absolute; top:600px;/*高度*/ left:50px; } #navigation li{ float:left; } /*相簿+部落格+留言+名片的框线颜色*/ #navigation a{ /*框内底色*/ background: #FFFFFF; padding: 4px; /*框框右边颜色*/ border-right: 1px solid #82B771; /*框框下方颜色*/ border-bottom: 1px solid #82B771; position:relative; font-weight:bold; font-size:15px; width:50px; height:20px; /*相簿+部落格+留言+名片的字体颜色*/ color:#06AE06; letter-spacing:3pt } /*四功能键位框内底色颜色设定*/ #navigation a:hover { color: #668E5A; background: #F2FCEF; } /*------------------留言区底图及栏位宽度---------------*/ /*留言区底图*/ #content{ width:1100px ;/*留言区底图宽度距离需配合左右栏位边线距离*/ float:right; /*左栏式*/ background:url(https://pic.pimg.tw/moon1230e/1510450392-228080543.png) repeat; /*留言区底色*/ background:#FFFFFF;/*此处颜色需与中间栏位底色一样*/ margin:0 auto; margin-left: 20px ;/*留言区底图宽度距离需配合左右栏位边线距离*/ margin-top: 15px ; } /*-----公告版栏位设定-----*/ #spotlight{ /*公告栏位底色*/ background:#F2FCEF; padding:5px; margin-bottom: 5px ; /*公告栏位线框的颜色*/ margin-bottom: 5px ; margin-top: -7px ; border: 8px double #8AC46D; } /*公告版栏位标题设定*/ #spotlight h5 { background:url( ); /*公告版位标题字体颜色及字型*/ color:#06AE06; font-weight:bold; font-family:微软正黑体; font-size:22px; /*公告版位标题字体下方虚线颜色*/ border-bottom:2px dotted #06AE06; padding:2px; } /*公告版栏位底图+颜色+字体及字体大小设定*/ #spotlight-text { background:url(https://pic.pimg.tw/moon1230e/1510450392-228080543.png); color:#06AE06; font-weight:bold; font-family:微软正黑体; font-size:18px; padding:5px; } /*浏览模式*/ #display{ text-align:right; margin : 5px 0px ; } /*浏览方式这四个字*/ #display span{} /*标题列表/简短摘要* #display a{} /*文章标题*/ .article { clear: both; _height: 1%; position: relative; margin: 0 auto 5px; } /*----------文章区的设定----------*/ /*文章区标题前的图示*/ .article-head { overflow: hidden; height: 100px; line-height:30px; background: url(https://pic.pimg.tw/moon1230e/1510455151-1539305415.gif) no-repeat; } .title { font-weight:bold; font-family:微软正黑体; float:left; font-size:22px; line-height: 30px; padding: 10px 0px 0px 90px;/*第四个数字是文章标题图与标题的距离*/ } /*文章区标题字体的颜色*/ .title a { color: #06AE06; } .title a:hover{ /*文章区标题字体按下去时的超连结字体颜色*/ color: #82B771; /*文章区标题字体按下去时的框内底色*/ background: #F5FEF5; } .title img { vertical-align: middle; } .article-body {} /*文章发表-字体大小*/ .publish { font-size: 15px; padding: 0 0 0 90px;/*第四个数字是文章标题图与标题的距离*/ } /*文章发表-月份的颜色*/ .month{color: #06AE06; } /*文章发表-日期的颜色*/ .date { color: #06AE06; } .day{display: none;} /*文章发表-年份的颜色*/ .year{color: #06AE06; } .time { display: none; } /*继续阅读小图与字体色*/ .more { float: right; padding-top: 30px; background: url(http://f.share.photo.xuite.net/moon1230/1f52a28/4288422/1027319170_x.jpg) right no-repeat; margin-right: 60px ; } .more a{ font-weight:bold; font-family:微软正黑体; font-size: 20px; /*继续阅读字体的颜色*/ color:#06AE06; } .more a:hover{ /*继续阅读按下去时框内字体的颜色*/ color: #82B771; /*继续阅读按下去时超连结的颜色*/ background: #F5FEF5; } /*作者ID+发表+留言()+人气的设定*/ .author{ /*作者ID+发表+留言()+人气-虚线上的颜色*/ background: #; /*作者ID+发表+留言()+人气的字体颜色*/ color: #06AE06; font-size: 15px; text-align:right ; padding: 0px 15px 10px 0px; margin: 25px 0px 0px 0px; /*文章下方分隔线的颜色*/ border-bottom: 1px dashed #06AE06; line-height: 30px; } /*文章下方痞客帮+留言功能的颜色*/ .author a{ color: #82B771; } .author a:hover{ /*文章下方痞客帮+留言功能超连结时字体颜色*/ color: #82B771; /*文章下方痞客帮+留言功能超连结底图色*/ background: #F5FEF5; } /*文章附加资讯*/ .article-footer{ text-align:right ; color:#06AE06; line-height:20px ; } /*加入书签*/ .bookmark{ text-align:right ; padding: 20px 0px 0px 0px; } /*个人分类+全站分类+上一篇+下一篇字体颜色*/ .refer{ color:#06AE06; text-align:left; margin: 0px 0px 0px 10px; padding-bottom: 10px; padding-top: 10px ; } /*个人分类按下去时的字体颜色*/ .refer a:hover { color: #82B771; /*文章内页-全站分类+上一篇+下一篇字体连结时的底色*/ background: #F5FEF5; } .history{ display:none; } .forward{ text-align:right; margin: 5px 5px 0px 0px; } .forward img{ width: 10px; height: 10px; filter :gray; padding-right: 2px; } /*转寄文章*/ .forward a:hover { color: #06AE06; background: #82B771; } #article-box{ margin: 10px 0px 0px 0px; } /*标题模式的文章列表* .main-list table{ border-collapse : collapse ; width:100% ; margin: 20px 0px 0px 0px; } .main-list table td { /*标题模式的文章列表线框颜色*/ border:1px solid #06AE06; border-top:0px solid #06AE06; border-left:0px solid #06AE06; border-right:0px solid #06AE06; } .main-list td , .main-list th{ padding: 5px ; } /*文章区分隔线*/ .back-to-top { background: #; background-image:url(https://pic.pimg.tw/moon1230e/1510450392-228080543.png); background-repeat:repeat; padding: 15px 15px 15px 5px; /*第1是字体高度*/ margin: 0px 0px 0px 0px;/*第3个是文章内图与留言框的距离-第4个是图与左边的距离*/ line-height: 20px;/*分隔线图的高度*/ border: 2px double #06AE06;/*线框的颜色*/ } /*TOP键的颜色*/ .back-to-top a{ color: #06AE06; } .back-to-top a:hover { /*TOP键按下去时的连结字体颜色*/ color: #82B771; /*TOP键按下去时的连结颜色*/ background: #F5FEF5; } /*-----引用+留言区块设定----*/ /*引用+回应列表列表栏底图*/ #user-post{ background:#FFFFFF; background:url(https://pic.pimg.tw/moon1230e/1510450392-228080543.png) repeat; padding:15px; /*引用+回应列表列表栏线框*/ margin-bottom: 0px ; border: 2px solid #06AE06; } #trackback-box {text-align: center;} #comment-box {text-align: left;} /*引用与留言分隔线+文字颜色设定*/ .user-post-title { text-align: center; /*-----留言版区各项设定-----*/ /*留言列表-字体颜色*/ color: #06AE06; background:url(http://f.share.photo.xuite.net/moon1230/1f52a40/4443067/1154856325_x.jpg) center no-repeat; font-size:15pt; font-weight: bold; margin: 0 auto; /*留言列表图档与上方的距离*/ padding-bottom: 80px; padding-left: 5px; } /*-----留言版上方的图片与颜色设定-----*/ .post-comment{ /*留言版上方的图片的高度*/ padding-top: 180px;/数字越小离下方越近*/ padding-bottom: 15px; line-height: 2.8em; height: 100%; font-size: 18px; /*留言版上方的图片*/ background:url(https://pic.pimg.tw/moon1230e/1514827817-2861587196.gif) ; background-repeat: no-repeat; background-position: center top; color: #06AE06; text-align:center;} #trackback-input {width:50%;} /*单一引用*/ .single-post { /*---引用+留言框的虚线---*/ /*引用+留言框的虚线-右线*/ border-right:2px dashed #06AE06; /*引用+留言框的虚线-下线*/ border-bottom:2px dashed #06AE06; /*引用+留言框的虚线-左线*/ border-left:2px dashed #06AE06; /*引用+留言框的虚线-上线*/ border-top:2px dashed #06AE06; overflow:hidden; _overflow:none; _height:1%; margin:30px 0;} /*引用者资讯*/ .post-info { text-align: center; /*引用+留言框的虚线-中线*/ border-bottom:2px dashed #06AE06; font-weight:600; padding:5px 10px; margin-bottom:10px; } /*单一引用内容*/ .post-text{ float:left; margin-bottom: 10px ; } /*回响区块*/ #trackback-box .post-text{ width: auto ; float:none ; } /*单一引用内容*/ .post-text{ float:left; margin-bottom: 10px ; } /*回响区块*/.post-photo { width:120px; float:left; } /*-----留言区底图及颜色设定-----*/ li.post-photo img { width:70px; height:70px; /*留言区-留言者头像右+下方线框*/ border:2px double #06AE06;; /*留言区-留言者头像-上方线框*/ border-top:2px double #06AE06;; /*留言区-留言者头像-左线框*/ border-left:2px double #06AE06;; /*留言区底图*/ background:url(https://pic.pimg.tw/moon1230e/1510450392-228080543.png) repeat-y; background:#FFFFFF; padding:4px; } /*----------版主回复图与框颜色设定----------*/ .user-post-text { width:1050px; padding:0px 5px 5px 0px; /*第4是与左边外框的距离*/ } /*版主回复图与框颜色设定*/ .reply-text { float:right; /*----------版主回复区的宽度---------*/ width:1000px; background:url(https://pic.pimg.tw/moon1230e/1515345088-3665825801.jpg) 0px top /*版主回复区底色*/ no-repeat #FFFFFF; /*版主回复区的上+左外框实线颜色*/ border:3px solid #06AE06; /*版主回复图区的右框实线颜色设定*/ border-right:3px solid #06AE06; /*版主回复图区的下框实线颜色设定*/ border-bottom:3px solid #06AE06; /*版主回复图+文字+框靠左边的距离设定*/ margin-right:10px; display:inline; /*版主回复-文字的颜色*/ color:#06AE06; min-height:40px; _height:40px; padding:20px 5px 5px 0px; } /*回复留言分隔线*/ li.reply-text p { background:url(https://pic.pimg.tw/moon1230e/1513697868-867603417.gif) repeat-x; text-align:right; /*回复留言的时间位置*/ padding:20px 150px 0px;/*第1是图与下方文字高度-第4是靠左或右*/ font-size: 18px; /*回复留言的时间*/ color: #06AE06; } .secret{} /*发表留言设定*/ .post-comment a { /*发表留言-字体的颜色*/ color: #06AE06; /*发表留言-框内的颜色*/ background: #FFFFFF; /*发表留言-框框的颜色*/ border: 3px double #06AE06; } /*发表留言连结时-框框内+字的颜色*/ .post-comment a:hover { color: #06AE06; background: #FFFFFF; } /*回响区块*/ #comment-form { line-height:1.5; margin:10px 0; padding: 0 10px 10px; border: 1px solid #0AC2B3; } #comment-form table { width:100%; margin:0 auto; background: #06AE06 url() no-repeat; padding: 10px; } #comment-form th, #comment-form td { border: 1px dashed #06AE06; padding: 5px 10px; text-align: left; } #comment-form input#send-comment { padding:3px 5px; float: right; } #comment-form textarea { width:95%; background:#06AE06 url() right bottom no-repeat; line-height:1.5; height:120px; padding:5px 10px; } /文章列表*/ .main-list { margin-bottom:15px; padding:10px 0; } .main-list table { width:100%; margin:10px 0; } .main-list h3 { margin-bottom:10px; padding:5px 10px; } .main-list th,.main-list td { border:1px solid #06AE06; padding:3px 10px; } /*页尾页数颜色设定*/ .page { clear: both; height: 40px; line-height: 20px; font-size: 12px; text-align: left; background: none; padding: 0px 15px; margin: 6px auto; } .page a { /*页尾页数-第1页框内颜色设定*/ background:#F2FCEF; margin:0 5px; /*页尾页数-第2页字体颜色设定*/ color: #06AE06; padding:5px 10px; } /*页尾页数-第2页字体颜色设定*/ .page span { color: #06AE06; /*页尾页数-第1页框内颜色设定*/ background:#F9FEF7; padding:5px 10px; } /*----------侧栏区设定----------*/ /*日历字体+侧栏-版主回复+留言者+个人资讯+文章分类内的+订阅内+参观人气内字体颜色*/ #links{ color: #06AE06; width:200px ; float:left;/*左栏式*/ margin: 0px 0px 0px -10px ;/第4-与栏框距离*/ } #links a{ font-size: 18px; /*日历上下月份+站方公告+所有浏览列表字+文章分类内的展开+最新文章字体+订阅动态标题*/ color:#06AE06; } /*----------左右栏位设定----------*/ /*左右栏位图示*/ /*左右栏位-中栏*/ .box{ background:url(http://i.imgur.com/sPbsMDd.jpg) left top repeat-y; margin-bottom:20px; } .box-title{ height:50px; line-height: 5px; overflow:hidden; /*侧栏区标题颜色*/ color:#06AE06; text-align: left; font-weight:bold; /*侧栏区标题-字型*/ font-family:微软正黑体; /*侧栏区标题-字型大小*/ font-size:20px; /*左右栏位-上栏*/ background: url(http://i.imgur.com/FyXxOc3.jpg) left top no-repeat; margin:0px 0px 0px 0px; /*左右栏位-字体的位置*/ padding:50px 0px 0px 58px;/*第一个是字体与栏位上方高度-第四个是文字与栏位左右的距离*/ } /*左右栏位-下栏*/ .box-text{ background:url(http://i.imgur.com/5uZFsZG.jpg) left bottom no-repeat; text-align: left; line-height: 150%; margin: 0px auto; padding:0 10px; padding-bottom:80px; } /*所有浏览列表框颜色*/ .box-more{ text-align:right; margin: 15px 0; padding:2px;} .box-more a{ -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding:2px 2px; float:right ; margin: 0px 30px 0px 0px; color:#06AE06; background:#FFFFFF; /*所有文章+浏览列表框颜色*/ border: 2px double #82B771;} .box-more a:hover{ color: #06AE06; /*所有文章+浏览列表内底色*/ background: #FFFFFF; } /*-----日历颜色设定-----*/ #calendar table{ width: 100%; /*日历框内底色*/ margin:0 auto;background:#FFFFFF;} #calendar th, #calendar td{ text-align:center; padding:1px;} /*上个月发文日期的颜色设定*/ #calendar .calMonthHeader{} #calendar td a{ font-size:11px; display:block; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; /*发文日的框框颜色*/ border: 2px double #028502; font-size:11px; /*发文日的框框内文字颜色*/ color:#21A621; /*发文日的框框内底色*/ background:#FFFFFF;} #category li{margin-left:13px} #murmur li{ background:none; border:0;} .murmur-time{ font:bold 12px Century Gothic; margin-bottom:2px;} .murmur-text{ line-height:160%;} #counter .box-text{padding-left:50px;} #visitor{} #visitor ul,#crumb ul{ overflow: hidden;_overflow: none;_height: 1%; margin-bottom:25px;margin-top:5px;} #visitor li,#crumb li{ float:left; line-height:0; margin:1px;} /*谁来我家+我去谁家的图片设定*/ margin-right:1px;} #visitor .box-text li , #crumb .box-text li { float: left;padding-left:6px;} #visitor .box-text li a{height:50px;width:50px;display:block;MARGIN: 2px; /*谁来我家的图*/ background:url(https://pic.pimg.tw/moon1230e/1510455151-3372316660.gif) no-repeat left top;} #crumb .box-text li a{height:50px;width:50px;display:block;MARGIN: 2px; /*我去谁家的图*/ background:url(https://pic.pimg.tw/moon1230e/1510455151-2620709952.gif) no-repeat left top;} /*我去谁家的框框设定*/ #visitor .box-text li a{ border-right:2px solid #8AC46D; border-left:2px solid #8AC46D; border-top:2px solid #8AC46D; border-bottom:2px solid #8AC46D;} #visitor .box-text li a img , #crumb .box-text li a img {visibility:hidden;height:50px;width:50px;padding: 3px;padding-left:3px;} #visitor .box-text li a:hover img , #crumb .box-text li a:hover img {visibility:visible;height:50px;width:50px;} #visitor .box-more , #crumb .box-more {clear:both;} /*文章分类资料夹小图*/ #category .box-text h6 img{display:none;} #category .box-text{padding-left:20px;padding-bottom:120px;} #category .box-text h6 { background-image:url(https://pic.pimg.tw/moon1230e/1510460247-495919459.gif);background-repeat:no-repeat; background-position:left; padding-left:30px; line-height: 30px; font-size: 16px; } /*文章分类-展开小图*/ #category .box-text li a{ background-image:url(https://pic.pimg.tw/moon1230e/1510460248-217766175.gif); background-repeat:no-repeat; background-position:left; padding-left:20px; } /*文章分类-展开时连结小图*/ #category .box-text li a:hover{ background:#F9FEF7; /*文章分类-展开时字体的颜色*/ color:#06AE06; /*文章分类-展开时框框的颜色*/ border: 2px double #028502; background-image:url(https://pic.pimg.tw/moon1230e/1510460249-1784172121.gif); background-repeat:no-repeat; } /*最新文章前小图与颜色设定*/ #recent-article .box-text{padding-left:10px;padding-bottom:50px;} #recent-article li { background-image:url(https://pic.pimg.tw/moon1230e/1510460247-495919459.gif); background-repeat:no-repeat; background-position:left top; padding-top:18px; padding-bottom:20px; padding-left:10px; line-height: 20px; /*最新文章分隔虚线颜色设定*/ border-bottom: 2px dashed #06AE06;} #recent-article li a:hover { /*最新文章-连结的字体颜色*/ color: #028502; /*最新文章-连结框底色*/ background: #F9FEF7; } /*---最新回响区设定---*/ /*最新回应前的小图*/ #latest-comment li{ background-image:url(https://pic.pimg.tw/moon1230e/1510460247-495919459.gif); background-repeat:no-repeat; background-position:left top; padding-top:18px; padding-bottom:20px; padding-left:15px; line-height: 20px; /*最新回响的字体颜色*/ border-bottom: 3px solid #06AE06;;} #latest-comment li a:hover { /*最新文章区-版主回复的字体颜色*/ color: #06AE06; /*最新文章区-版主回复内容的框框颜色*/ background: #F9FEF7; } #latest-comment li span { /*最新文章区-版主回复的时间颜色*/ color:#06AE06; font-size:.50em; /*最新留言-版主回复的时间间隔直线*/ border-right:3px solid #06AE06; margin:0 4px 0 0; padding:0 4px 0 0; } /*最新文章区-版主回复的字体颜色*/ #latest-comment li a { color:#06AE06; display:block; height:50px; overflow:hidden; } /*热门文章标题小图*/ #hot-article li { background-image:url(https://pic.pimg.tw/moon1230e/1510460247-495919459.gif); background-repeat:no-repeat; background-position:left; font-size: 16px; padding-left:25px; line-height: 25px; /*热门文章-下方虚线颜色*/ border-bottom: 2px dashed #06AE06;} #hot-article li a:hover { /*热门文章-连结时的颜色*/ color: #028502; /*热门文章-连结时的底色*/ background: #F9FEF7; } #search{} #search ul{ overflow: hidden; _overflow: none; _height: 1%;} #search .box-text{padding-left:22px;padding-top:15px;} #search .box-text li{ display: inline; } /*最新引用*/ #latest-trackback li, #latest-comment li, #latest-trackback li, #subscription li{border-bottom: 2px dashed #06AE06;} /*最新引用-引用过去的文章标题*/ #latest-trackback a{ color: #06AE06; background: #F9FEF7; } #latest-trackback a:hover { } #latest-trackback a, #latest-comment a, #subscription a{ display:block; width:100%;} #counter .box-text {font-size:16px;} #feed {} #announce{} #hot-article {} #category h6{} #category li{margin-left:15px;} #category .box-more {} #archive select, #favorite select { width:150px; margin-left:20px;padding-top:0px; } #recent-article li, #announce li, #hot-article li{} /*最新留言颜色设定*/ #latest-comment li, #latest-trackback li, /*最新留言区-间隔虚线*/ #subscription li{border-bottom: 2px dashed #06AE06;} #latest-trackback a:hover { color: #06AE06; background: #F9FEF7; } #latest-comment a, #latest-trackback a, #subscription a{ display:block; width:100%;} #mylink {font-weight:bold; font-family:微软正黑体; font-size:18px; } /*单一个我的连结*/ #mylink .inner-box{ text-align: left; padding-left: 25px; font-size: 18px; margin-bottom:5px; color:#06AE06; } #mylink .inner-box li{ margin-left:15px; line-height: 25px; } /*谁来我家颜色设定*/ #mylink a:hover { color: #06AE06; background: #F9FEF7; } /*站方公告间隔虚线颜色*/ #announce .box-text li{border-bottom: 2px dashed #06AE06;} #announce a:hover { /*站方公告连结字体颜色*/ color: #028502; background: #F9FEF7; } /*页尾中间栏位底图+文字颜色设定*/ #footer{ clear:both; padding-top: 20px; /*页尾中间栏位底图*/ background:url(https://s1.gifyu.com/images/green1370X50-01.jpg) repeat #668E5A; _height:1%; text-align: center;} #footer p{color:#06AE06;} #bottom , /*页尾中间栏位-回到页首+回到主文+免费注册+客服中心+痞客邦首页字体的颜色*/ #bottom a{color:#06AE06;} /*页尾中间栏位文字连结颜色设定*/ #bottom a:hover { /*页尾中间栏位-回到页首+回到主文+免费注册+客服中心+痞客邦首页字体按下去时的颜色*/ color: #028502; background: #F9FEF7; } /*文章搜寻设定*/ input, textarea { vertical-align: middle; font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif; font-size: 1.0em; /*文章搜寻-字体的颜色*/ color: #06AE06; /*文章搜寻-框框的颜色*/ border: 3px double #06AE06; /*文章搜寻-框内的颜色*/ background: #F9FEF7; /*文章搜寻-框内的底图颜色*/ background-image:url(https://pic.pimg.tw/moon1230e/1510450392-228080543.png) ; padding: 2px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} /*文章搜寻-框内字体颜色+宽度设定*/ input#search-target { width: 150px; color: #028502; background-image:url(https://pic.pimg.tw/moon1230e/1510450392-228080543.png) ; } /*文章精选设定*/ select { font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif; font-size: 1.0em; /*文章精选+发文的年月份-字体的颜色*/ color: #028502; /*文章精选-框框的颜色*/ border: 2px solid #028502; /*文章精选-框内的颜色*/ background: #F2FCEF; background-image:url(https://pic.pimg.tw/moon1230e/1510450392-228080543.png) ; padding: 2px;width:90%;} /*下列语法请勿任意更改变动 ↓ */ #content .recommended-posts {display:none;} #blog468x60Banner{display:none !important;} #container #links-row-1 div.hslice[id*="-mib-"], #container #links-row-1 div.hslice[id*="-Mib-"], #container #links-row-1 div.hslice[id*="-mIb-"], #container #links-row-1 div.hslice[id*="-miB-"]{ display:none !important; } /*去除网页闲置时出现广告*/ #idle-pop {display: none;} /*文章下方广告无动态*/ #content .recommended-posts {display:none;} #blog468x60Banner{display:none !important;} /*去除部落格上方广白框广告*/ #content .recommended-posts3 ul li > :nth-child(1):not([class*="source-emma"]) { display: none;} #comment-text ul li.post-info > span.user-name img{display:none;} #idle-pop , #ad-full-page , .article-inread-ad {display:none;}  

 

NO.51金碧辉煌-金阁寺-痞客邦-右栏式版型语法

右栏式 /*CSS reset*/ html{ margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 100%; vertical-align: baseline; background: transparent; } /* ------------ IE浏览器卷轴的颜色设定 ------------ */ html{ SCROLLBAR-ARROW-COLOR:##F3FFF6;/*上下箭头*/ SCROLLBAR-FACE-COLOR:#668E5A;/*轴的主体色*/ SCROLLBAR-DARKSHADOW-COLOR:#97C986;/*右及下方框线*/ SCROLLBAR-HIGHLIGHT-COLOR:#97C986;/*左及上方框线*/ SCROLLBAR-SHADOW-COLOR:#8BCD75;/*右及下方框线*/ SCROLLBAR-TRACK-COLOR:#FFFFFF;/*轴的底色*/ SCROLLBAR-3DLIGHT-COLOR:#8BCD75;/*左及上方框线*/ } /* ------------Google浏览器的卷轴设定 ------------ */ ::-webkit-scrollbar{ /*卷轴的底色*/ background-color:#FFFFFF; } ::-webkit-scrollbar-thumb{ /*卷轴主体的颜色*/ background-color:#668E5A; -webkit-border-radius: 6px ; } ::-webkit-scrollbar-button:vertical:decrement{ /* 卷轴上方的箭头 */ background-image: url("https://pic.pimg.tw/moon1230e/1515313726-588676876.png"); background-repeat: no-repeat; } ::-webkit-scrollbar-button:vertical:increment { /* 卷轴下方的箭头 */ background-image: url("https://pic.pimg.tw/moon1230e/1515313726-1349172636.png") ; background-repeat: no-repeat; } #comment-form table{width: 96% ;margin: 0 auto ;} # comment-form td , #comment-form th{border: 1px solid #527E44;padding: 3px 5px;} .article-content p{ margin-bottom:1em; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } /*日历框的颜色设定*/ td { border: 1px solid #668E5A; } fieldset,img { border:0; } address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } pre{ font-size: 1em ; } .article-content{ _height: 1% ; overflow: hidden ; _overflow: none; } /*全站分类+日历+文章区内文+版主回复字+文章分类标题+个人资讯栏+本日+累积人气等字体颜色设定*/ body { color:#06AE06; font-size:15pt; font-family:"Century Gothic"; line-height:180%; /*---部落格背景重复底图---*/ background-image:url(https://pic.pimg.tw/moon1230e/1515311060-4286402520.gif); background-repeat:repeat; background-position:undefined; } /*部落格中间栏位底图*/ #container{ width: 1370px; background: url("https://s1.gifyu.com/images/green1370X50-01.jpg") repeat-y left top; margin: 0 auto; } /*部落格中间栏位重复底图*/ #container2{ background: url(https://s1.gifyu.com/images/green1370X50-01.jpg) no-repeat center bottom; display:block; } #container3 { overflow:hidden; position:relative; } #main{ #main{width:1370px;margin:auto;} #content{float:right;line-height:180%;width:1370px;padding-right:10px;padding- bottom:15px;overflow:hidden;} background:url() repeat-y center ; overflow:hidden; padding:30px 20px; _height: 1%; } #body-div{} /*置顶及广告字+关键字+个人分类后的标题+文章内留言IDE-mail转寄+免费注册文字颜色设定*/ a, a:link, a:visited{color:#06AE06;text-decoration:none;} a:hover{color:#06AE06;position:relative;top:2px;background:url(http://f.share.photo.xuite.net/moon1230/1f52a70/5903551/1160034225_x.jpg) repeat-x bottom;} /*版型主图高度+部落格名称位置*/ #header{ height: 650px; padding-left: 100px; /*部落格名称与左边的距离*/ background:url(https://i.imgur.com/eFDeEhi.jpg) no-repeat center bottom; display:block; } /*部落格置顶功能颜色设定*/ /*招呼语+登入+登出*/ #login-bar{ text-align:left; padding:10px 0px 0px 20px; height:30px; line-height:10px; color:#06AE06;} #login-bar a{color:#06AE06} #login-bar a:hover{color: #;background: #06AE06;} #login-bar .separator{color:#06AE06} #login-bar a:hover { color: #06AE06; background: #8ABE79; } /*部落格名称字体位置*/ #banner { width: 400px; height: 400px; overflow:hidden; } #banner h1 { font-weight:bold; font-family:微软正黑体; font-size:22px; position:absolute; text-align:left; padding:80 80px;/*第二个数字-部落格名称字体位置靠左的位置*/ top:20px; margin-top: 30px; /*字体高度*/ margin-left: 50px; /*字体靠左或右*/ } /*部落格名称的颜色*/ #banner h1 a{ color: #008800; } /*部落格字体按下去的颜色*/ #banner h1 a:hover { color: #82B771; /*部落格字体按下去的底色*/ background: #F2FCEF; /*部落格框的虚线颜色*/ border:2px dotted #82B771; } /*部落格招呼语字体位置*/ #banner h2 { width:300px ; color: #008800; margin:25px 0; font-weight:bold; font-family:微软正黑体; font-size:15px; position:absolute; top:80px;/*字体高度*/ left:80px; /*字体靠左或右*/ line-height:30px;/*字体的行距高度*/ overflow:hidden; } /*部落格招呼语字体高度*/ .skiplink { position:absolute; top:600px;/*此处需与跳回主文字体高度一样*/ /*部落格招呼语字体-全站分类字位置*/ left:505px; /*此处数字要比跳回主文的数字大*/ font-size:16px; } /*跳回主文颜色设定*/ .skiplink a{ color: #06AE06; } /*跳回主文字体按下去的颜色*/ .skiplink a:hover { color: #82B771; background: #FFFFFF; } /*跳回主文字体的位置*/ #blog-category { position:absolute; top:600px;/*此处需与部落格招呼语字体高度一样*/ left:300px;/*此处数字要比不设分类的数字小*/ font-size:16px; } } /*不设分类字体颜色设定*/ #blog-category a { color: #06AE06; } /*不设分类字体按下去的颜色*/ #blog-category a:hover { color: #82B771; background: #FFFFFF; } #authority { width: 100%; font-size: 16px; text-align: center; border-bottom: 0px solid #; background: #; padding: 5px 1000px; } /*发表文章+管理后台字体颜色设定*/ #authority a { color: #06AE06; background: #FFFFFF; border: 2px solid #82B771; } #authority a:hover { color: #FFFFFF; background: #82B771; } /*四功能键位置高度+颜色设定*/ #navigation{ position:absolute; top:600px;/*高度*/ left:50px; } #navigation li{ float:left; } /*相簿+部落格+留言+名片的框线颜色*/ #navigation a{ /*框内底色*/ background: #FFFFFF; padding: 4px; /*框框右边颜色*/ border-right: 1px solid #82B771; /*框框下方颜色*/ border-bottom: 1px solid #82B771; position:relative; font-weight:bold; font-size:15px; width:50px; height:20px; /*相簿+部落格+留言+名片的字体颜色*/ color:#06AE06; letter-spacing:3pt } /*四功能键位框内底色颜色设定*/ #navigation a:hover { color: #668E5A; background: #F2FCEF; } /*------------------留言区底图及栏位宽度---------------*/ /*留言区底图*/ #content{ width:1100px ;/*留言区底图宽度距离需配合左右栏位边线距离*/ float:left ;/*右栏式*/ background:url(https://pic.pimg.tw/moon1230e/1510450392-228080543.png) repeat; /*留言区底色*/ background:#FFFFFF;/*此处颜色需与中间栏位底色一样*/ margin:0 auto; margin-left: 0px ;/*留言区底图宽度距离需配合左右栏位边线距离*/ margin-top: 15px ; } /*-----公告版栏位设定-----*/ #spotlight{ /*公告栏位底色*/ background:#F2FCEF; padding:5px; margin-bottom: 5px ; /*公告栏位线框的颜色*/ margin-bottom: 5px ; margin-top: -7px ; border: 8px double #8AC46D; } /*公告版栏位标题设定*/ #spotlight h5 { background:url( ); /*公告版位标题字体颜色及字型*/ color:#06AE06; font-weight:bold; font-family:微软正黑体; font-size:22px; /*公告版位标题字体下方虚线颜色*/ border-bottom:2px dotted #06AE06; padding:2px; } /*公告版栏位底图+颜色+字体及字体大小设定*/ #spotlight-text { background:url(https://pic.pimg.tw/moon1230e/1510450392-228080543.png); color:#06AE06; font-weight:bold; font-family:微软正黑体; font-size:18px; padding:5px; } /*浏览模式*/ #display{ text-align:right; margin : 5px 0px ; } /*浏览方式这四个字*/ #display span{} /*标题列表/简短摘要* #display a{} /*文章标题*/ .article { clear: both; _height: 1%; position: relative; margin: 0 auto 5px; } /*----------文章区的设定----------*/ /*文章区标题前的图示*/ .article-head { overflow: hidden; height: 100px; line-height:30px; background: url(https://pic.pimg.tw/moon1230e/1510455151-1539305415.gif) no-repeat; } .title { font-weight:bold; font-family:微软正黑体; float:left; font-size:22px; line-height: 30px; padding: 10px 0px 0px 90px;/*第四个数字是文章标题图与标题的距离*/ } /*文章区标题字体的颜色*/ .title a { color: #06AE06; } .title a:hover{ /*文章区标题字体按下去时的超连结字体颜色*/ color: #82B771; /*文章区标题字体按下去时的框内底色*/ background: #F5FEF5; } .title img { vertical-align: middle; } .article-body {} /*文章发表-字体大小*/ .publish { font-size: 15px; padding: 0 0 0 90px;/*第四个数字是文章标题图与标题的距离*/ } /*文章发表-月份的颜色*/ .month{color: #06AE06; } /*文章发表-日期的颜色*/ .date { color: #06AE06; } .day{display: none;} /*文章发表-年份的颜色*/ .year{color: #06AE06; } .time { display: none; } /*继续阅读小图与字体色*/ .more { float: right; padding-top: 30px; background: url(http://f.share.photo.xuite.net/moon1230/1f52a28/4288422/1027319170_x.jpg) right no-repeat; margin-right: 60px ; } .more a{ font-weight:bold; font-family:微软正黑体; font-size: 20px; /*继续阅读字体的颜色*/ color:#06AE06; } .more a:hover{ /*继续阅读按下去时框内字体的颜色*/ color: #82B771; /*继续阅读按下去时超连结的颜色*/ background: #F5FEF5; } /*作者ID+发表+留言()+人气的设定*/ .author{ /*作者ID+发表+留言()+人气-虚线上的颜色*/ background: #; /*作者ID+发表+留言()+人气的字体颜色*/ color: #06AE06; font-size: 15px; text-align:right ; padding: 0px 15px 10px 0px; margin: 25px 0px 0px 0px; /*文章下方分隔线的颜色*/ border-bottom: 1px dashed #06AE06; line-height: 30px; } /*文章下方痞客帮+留言功能的颜色*/ .author a{ color: #82B771; } .author a:hover{ /*文章下方痞客帮+留言功能超连结时字体颜色*/ color: #82B771; /*文章下方痞客帮+留言功能超连结底图色*/ background: #F5FEF5; } /*文章附加资讯*/ .article-footer{ text-align:right ; color:#06AE06; line-height:20px ; } /*加入书签*/ .bookmark{ text-align:right ; padding: 20px 0px 0px 0px; } /*个人分类+全站分类+上一篇+下一篇字体颜色*/ .refer{ color:#06AE06; text-align:left; margin: 0px 0px 0px 10px; padding-bottom: 10px; padding-top: 10px ; } /*个人分类按下去时的字体颜色*/ .refer a:hover { color: #82B771; /*文章内页-全站分类+上一篇+下一篇字体连结时的底色*/ background: #F5FEF5; } .history{ display:none; } .forward{ text-align:right; margin: 5px 5px 0px 0px; } .forward img{ width: 10px; height: 10px; filter :gray; padding-right: 2px; } /*转寄文章*/ .forward a:hover { color: #06AE06; background: #82B771; } #article-box{ margin: 10px 0px 0px 0px; } /*标题模式的文章列表* .main-list table{ border-collapse : collapse ; width:100% ; margin: 20px 0px 0px 0px; } .main-list table td { /*标题模式的文章列表线框颜色*/ border:1px solid #06AE06; border-top:0px solid #06AE06; border-left:0px solid #06AE06; border-right:0px solid #06AE06; } .main-list td , .main-list th{ padding: 5px ; } /*文章区分隔线*/ .back-to-top { background: #; background-image:url(https://pic.pimg.tw/moon1230e/1510450392-228080543.png); background-repeat:repeat; padding: 15px 15px 15px 5px; /*第1是字体高度*/ margin: 0px 0px 0px 0px;/*第3个是文章内图与留言框的距离-第4个是图与左边的距离*/ line-height: 20px;/*分隔线图的高度*/ border: 2px double #06AE06;/*线框的颜色*/ } /*TOP键的颜色*/ .back-to-top a{ color: #06AE06; } .back-to-top a:hover { /*TOP键按下去时的连结字体颜色*/ color: #82B771; /*TOP键按下去时的连结颜色*/ background: #F5FEF5; } /*-----引用+留言区块设定----*/ /*引用+回应列表列表栏底图*/ #user-post{ background:#FFFFFF; background:url(https://pic.pimg.tw/moon1230e/1510450392-228080543.png) repeat; padding:15px; /*引用+回应列表列表栏线框*/ margin-bottom: 0px ; border: 2px solid #06AE06; } #trackback-box {text-align: center;} #comment-box {text-align: left;} /*引用与留言分隔线+文字颜色设定*/ .user-post-title { text-align: center; /*-----留言版区各项设定-----*/ /*留言列表-字体颜色*/ color: #06AE06; background:url(http://f.share.photo.xuite.net/moon1230/1f52a40/4443067/1154856325_x.jpg) center no-repeat; font-size:15pt; font-weight: bold; margin: 0 auto; /*留言列表图档与上方的距离*/ padding-bottom: 80px; padding-left: 5px; } /*-----留言版上方的图片与颜色设定-----*/ .post-comment{ /*留言版上方的图片的高度*/ padding-top: 180px;/数字越小离下方越近*/ padding-bottom: 15px; line-height: 2.8em; height: 100%; font-size: 18px; /*留言版上方的图片*/ background:url(https://pic.pimg.tw/moon1230e/1514827817-2861587196.gif) ; background-repeat: no-repeat; background-position: center top; color: #06AE06; text-align:center;} #trackback-input {width:50%;} /*单一引用*/ .single-post { /*---引用+留言框的虚线---*/ /*引用+留言框的虚线-右线*/ border-right:2px dashed #06AE06; /*引用+留言框的虚线-下线*/ border-bottom:2px dashed #06AE06; /*引用+留言框的虚线-左线*/ border-left:2px dashed #06AE06; /*引用+留言框的虚线-上线*/ border-top:2px dashed #06AE06; overflow:hidden; _overflow:none; _height:1%; margin:30px 0;} /*引用者资讯*/ .post-info { text-align: center; /*引用+留言框的虚线-中线*/ border-bottom:2px dashed #06AE06; font-weight:600; padding:5px 10px; margin-bottom:10px; } /*单一引用内容*/ .post-text{ float:left; margin-bottom: 10px ; } /*回响区块*/ #trackback-box .post-text{ width: auto ; float:none ; } /*单一引用内容*/ .post-text{ float:left; margin-bottom: 10px ; } /*回响区块*/.post-photo { width:120px; float:left; } /*-----留言区底图及颜色设定-----*/ li.post-photo img { width:70px; height:70px; /*留言区-留言者头像右+下方线框*/ border:2px double #06AE06;; /*留言区-留言者头像-上方线框*/ border-top:2px double #06AE06;; /*留言区-留言者头像-左线框*/ border-left:2px double #06AE06;; /*留言区底图*/ background:url(https://pic.pimg.tw/moon1230e/1510450392-228080543.png) repeat-y; background:#FFFFFF; padding:4px; } /*----------版主回复图与框颜色设定----------*/ .user-post-text { width:1050px; padding:0px 5px 5px 0px; /*第4是与左边外框的距离*/ } /*版主回复图与框颜色设定*/ .reply-text { float:right; /*----------版主回复区的宽度---------*/ width:1000px; background:url(https://pic.pimg.tw/moon1230e/1515345088-3665825801.jpg) 0px top /*版主回复区底色*/ no-repeat #FFFFFF; /*版主回复区的上+左外框实线颜色*/ border:3px solid #06AE06; /*版主回复图区的右框实线颜色设定*/ border-right:3px solid #06AE06; /*版主回复图区的下框实线颜色设定*/ border-bottom:3px solid #06AE06; /*版主回复图+文字+框靠左边的距离设定*/ margin-right:10px; display:inline; /*版主回复-文字的颜色*/ color:#06AE06; min-height:40px; _height:40px; padding:20px 5px 5px 0px; } /*回复留言分隔线*/ li.reply-text p { background:url(https://pic.pimg.tw/moon1230e/1513697868-867603417.gif) repeat-x; text-align:right; /*回复留言的时间位置*/ padding:20px 150px 0px;/*第1是图与下方文字高度-第4是靠左或右*/ font-size: 18px; /*回复留言的时间*/ color: #06AE06; } .secret{} /*发表留言设定*/ .post-comment a { /*发表留言-字体的颜色*/ color: #06AE06; /*发表留言-框内的颜色*/ background: #FFFFFF; /*发表留言-框框的颜色*/ border: 3px double #06AE06; } /*发表留言连结时-框框内+字的颜色*/ .post-comment a:hover { color: #06AE06; background: #FFFFFF; } /*回响区块*/ #comment-form { line-height:1.5; margin:10px 0; padding: 0 10px 10px; border: 1px solid #0AC2B3; } #comment-form table { width:100%; margin:0 auto; background: #06AE06 url() no-repeat; padding: 10px; } #comment-form th, #comment-form td { border: 1px dashed #06AE06; padding: 5px 10px; text-align: left; } #comment-form input#send-comment { padding:3px 5px; float: right; } #comment-form textarea { width:95%; background:#06AE06 url() right bottom no-repeat; line-height:1.5; height:120px; padding:5px 10px; } /文章列表*/ .main-list { margin-bottom:15px; padding:10px 0; } .main-list table { width:100%; margin:10px 0; } .main-list h3 { margin-bottom:10px; padding:5px 10px; } .main-list th,.main-list td { border:1px solid #06AE06; padding:3px 10px; } /*页尾页数颜色设定*/ .page { clear: both; height: 40px; line-height: 20px; font-size: 12px; text-align: left; background: none; padding: 0px 15px; margin: 6px auto; } .page a { /*页尾页数-第1页框内颜色设定*/ background:#F2FCEF; margin:0 5px; /*页尾页数-第2页字体颜色设定*/ color: #06AE06; padding:5px 10px; } /*页尾页数-第2页字体颜色设定*/ .page span { color: #06AE06; /*页尾页数-第1页框内颜色设定*/ background:#F9FEF7; padding:5px 10px; } /*----------侧栏区设定----------*/ /*日历字体+侧栏-版主回复+留言者+个人资讯+文章分类内的+订阅内+参观人气内字体颜色*/ #links{ color: #06AE06; width:200px ; float:right; /*右栏式*/ margin: 0px 0px 0px -10px ;/第4-与栏框距离*/ } #links a{ font-size: 18px; /*日历上下月份+站方公告+所有浏览列表字+文章分类内的展开+最新文章字体+订阅动态标题*/ color:#06AE06; } /*----------左右栏位设定----------*/ /*左右栏位图示*/ /*左右栏位-中栏*/ .box{ background:url(http://i.imgur.com/sPbsMDd.jpg) left top repeat-y; margin-bottom:20px; } .box-title{ height:50px; line-height: 5px; overflow:hidden; /*侧栏区标题颜色*/ color:#06AE06; text-align: left; font-weight:bold; /*侧栏区标题-字型*/ font-family:微软正黑体; /*侧栏区标题-字型大小*/ font-size:20px; /*左右栏位-上栏*/ background: url(http://i.imgur.com/FyXxOc3.jpg) left top no-repeat; margin:0px 0px 0px 0px; /*左右栏位-字体的位置*/ padding:50px 0px 0px 58px;/*第一个是字体与栏位上方高度-第四个是文字与栏位左右的距离*/ } /*左右栏位-下栏*/ .box-text{ background:url(http://i.imgur.com/5uZFsZG.jpg) left bottom no-repeat; text-align: left; line-height: 150%; margin: 0px auto; padding:0 10px; padding-bottom:80px; } /*所有浏览列表框颜色*/ .box-more{ text-align:right; margin: 15px 0; padding:2px;} .box-more a{ -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding:2px 2px; float:right ; margin: 0px 30px 0px 0px; color:#06AE06; background:#FFFFFF; /*所有文章+浏览列表框颜色*/ border: 2px double #82B771;} .box-more a:hover{ color: #06AE06; /*所有文章+浏览列表内底色*/ background: #FFFFFF; } /*-----日历颜色设定-----*/ #calendar table{ width: 100%; /*日历框内底色*/ margin:0 auto;background:#FFFFFF;} #calendar th, #calendar td{ text-align:center; padding:1px;} /*上个月发文日期的颜色设定*/ #calendar .calMonthHeader{} #calendar td a{ font-size:11px; display:block; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; /*发文日的框框颜色*/ border: 2px double #028502; font-size:11px; /*发文日的框框内文字颜色*/ color:#21A621; /*发文日的框框内底色*/ background:#FFFFFF;} #category li{margin-left:13px} #murmur li{ background:none; border:0;} .murmur-time{ font:bold 12px Century Gothic; margin-bottom:2px;} .murmur-text{ line-height:160%;} #counter .box-text{padding-left:50px;} #visitor{} #visitor ul,#crumb ul{ overflow: hidden;_overflow: none;_height: 1%; margin-bottom:25px;margin-top:5px;} #visitor li,#crumb li{ float:left; line-height:0; margin:1px;} /*谁来我家+我去谁家的图片设定*/ margin-right:1px;} #visitor .box-text li , #crumb .box-text li { float: left;padding-left:6px;} #visitor .box-text li a{height:50px;width:50px;display:block;MARGIN: 2px; /*谁来我家的图*/ background:url(https://pic.pimg.tw/moon1230e/1510455151-3372316660.gif) no-repeat left top;} #crumb .box-text li a{height:50px;width:50px;display:block;MARGIN: 2px; /*我去谁家的图*/ background:url(https://pic.pimg.tw/moon1230e/1510455151-2620709952.gif) no-repeat left top;} /*我去谁家的框框设定*/ #visitor .box-text li a{ border-right:2px solid #8AC46D; border-left:2px solid #8AC46D; border-top:2px solid #8AC46D; border-bottom:2px solid #8AC46D;} #visitor .box-text li a img , #crumb .box-text li a img {visibility:hidden;height:50px;width:50px;padding: 3px;padding-left:3px;} #visitor .box-text li a:hover img , #crumb .box-text li a:hover img {visibility:visible;height:50px;width:50px;} #visitor .box-more , #crumb .box-more {clear:both;} /*文章分类资料夹小图*/ #category .box-text h6 img{display:none;} #category .box-text{padding-left:20px;padding-bottom:120px;} #category .box-text h6 { background-image:url(https://pic.pimg.tw/moon1230e/1510460247-495919459.gif);background-repeat:no-repeat; background-position:left; padding-left:30px; line-height: 30px; font-size: 16px; } /*文章分类-展开小图*/ #category .box-text li a{ background-image:url(https://pic.pimg.tw/moon1230e/1510460248-217766175.gif); background-repeat:no-repeat; background-position:left; padding-left:20px; } /*文章分类-展开时连结小图*/ #category .box-text li a:hover{ background:#F9FEF7; /*文章分类-展开时字体的颜色*/ color:#06AE06; /*文章分类-展开时框框的颜色*/ border: 2px double #028502; background-image:url(https://pic.pimg.tw/moon1230e/1510460249-1784172121.gif); background-repeat:no-repeat; } /*最新文章前小图与颜色设定*/ #recent-article .box-text{padding-left:10px;padding-bottom:50px;} #recent-article li { background-image:url(https://pic.pimg.tw/moon1230e/1510460247-495919459.gif); background-repeat:no-repeat; background-position:left top; padding-top:18px; padding-bottom:20px; padding-left:10px; line-height: 20px; /*最新文章分隔虚线颜色设定*/ border-bottom: 2px dashed #06AE06;} #recent-article li a:hover { /*最新文章-连结的字体颜色*/ color: #028502; /*最新文章-连结框底色*/ background: #F9FEF7; } /*---最新回响区设定---*/ /*最新回应前的小图*/ #latest-comment li{ background-image:url(https://pic.pimg.tw/moon1230e/1510460247-495919459.gif); background-repeat:no-repeat; background-position:left top; padding-top:18px; padding-bottom:20px; padding-left:15px; line-height: 20px; /*最新回响的字体颜色*/ border-bottom: 3px solid #06AE06;;} #latest-comment li a:hover { /*最新文章区-版主回复的字体颜色*/ color: #06AE06; /*最新文章区-版主回复内容的框框颜色*/ background: #F9FEF7; } #latest-comment li span { /*最新文章区-版主回复的时间颜色*/ color:#06AE06; font-size:.50em; /*最新留言-版主回复的时间间隔直线*/ border-right:3px solid #06AE06; margin:0 4px 0 0; padding:0 4px 0 0; } /*最新文章区-版主回复的字体颜色*/ #latest-comment li a { color:#06AE06; display:block; height:50px; overflow:hidden; } /*热门文章标题小图*/ #hot-article li { background-image:url(https://pic.pimg.tw/moon1230e/1510460247-495919459.gif); background-repeat:no-repeat; background-position:left; font-size: 16px; padding-left:25px; line-height: 25px; /*热门文章-下方虚线颜色*/ border-bottom: 2px dashed #06AE06;} #hot-article li a:hover { /*热门文章-连结时的颜色*/ color: #028502; /*热门文章-连结时的底色*/ background: #F9FEF7; } #search{} #search ul{ overflow: hidden; _overflow: none; _height: 1%;} #search .box-text{padding-left:22px;padding-top:15px;} #search .box-text li{ display: inline; } /*最新引用*/ #latest-trackback li, #latest-comment li, #latest-trackback li, #subscription li{border-bottom: 2px dashed #06AE06;} /*最新引用-引用过去的文章标题*/ #latest-trackback a{ color: #06AE06; background: #F9FEF7; } #latest-trackback a:hover { } #latest-trackback a, #latest-comment a, #subscription a{ display:block; width:100%;} #counter .box-text {font-size:16px;} #feed {} #announce{} #hot-article {} #category h6{} #category li{margin-left:15px;} #category .box-more {} #archive select, #favorite select { width:150px; margin-left:20px;padding-top:0px; } #recent-article li, #announce li, #hot-article li{} /*最新留言颜色设定*/ #latest-comment li, #latest-trackback li, /*最新留言区-间隔虚线*/ #subscription li{border-bottom: 2px dashed #06AE06;} #latest-trackback a:hover { color: #06AE06; background: #F9FEF7; } #latest-comment a, #latest-trackback a, #subscription a{ display:block; width:100%;} #mylink {font-weight:bold; font-family:微软正黑体; font-size:18px; } /*单一个我的连结*/ #mylink .inner-box{ text-align: left; padding-left: 25px; font-size: 18px; margin-bottom:5px; color:#06AE06; } #mylink .inner-box li{ margin-left:15px; line-height: 25px; } /*谁来我家颜色设定*/ #mylink a:hover { color: #06AE06; background: #F9FEF7; } /*站方公告间隔虚线颜色*/ #announce .box-text li{border-bottom: 2px dashed #06AE06;} #announce a:hover { /*站方公告连结字体颜色*/ color: #028502; background: #F9FEF7; } /*页尾中间栏位底图+文字颜色设定*/ #footer{ clear:both; padding-top: 20px; /*页尾中间栏位底图*/ background:url(https://s1.gifyu.com/images/green1370X50-01.jpg) repeat #668E5A; _height:1%; text-align: center;} #footer p{color:#06AE06;} #bottom , /*页尾中间栏位-回到页首+回到主文+免费注册+客服中心+痞客邦首页字体的颜色*/ #bottom a{color:#06AE06;} /*页尾中间栏位文字连结颜色设定*/ #bottom a:hover { /*页尾中间栏位-回到页首+回到主文+免费注册+客服中心+痞客邦首页字体按下去时的颜色*/ color: #028502; background: #F9FEF7; } /*文章搜寻设定*/ input, textarea { vertical-align: middle; font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif; font-size: 1.0em; /*文章搜寻-字体的颜色*/ color: #06AE06; /*文章搜寻-框框的颜色*/ border: 3px double #06AE06; /*文章搜寻-框内的颜色*/ background: #F9FEF7; /*文章搜寻-框内的底图颜色*/ background-image:url(https://pic.pimg.tw/moon1230e/1510450392-228080543.png) ; padding: 2px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} /*文章搜寻-框内字体颜色+宽度设定*/ input#search-target { width: 150px; color: #028502; background-image:url(https://pic.pimg.tw/moon1230e/1510450392-228080543.png) ; } /*文章精选设定*/ select { font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif; font-size: 1.0em; /*文章精选+发文的年月份-字体的颜色*/ color: #028502; /*文章精选-框框的颜色*/ border: 2px solid #028502; /*文章精选-框内的颜色*/ background: #F2FCEF; background-image:url(https://pic.pimg.tw/moon1230e/1510450392-228080543.png) ; padding: 2px;width:90%;} /*下列语法请勿任意更改变动 ↓ */ #content .recommended-posts {display:none;} #blog468x60Banner{display:none !important;} #container #links-row-1 div.hslice[id*="-mib-"], #container #links-row-1 div.hslice[id*="-Mib-"], #container #links-row-1 div.hslice[id*="-mIb-"], #container #links-row-1 div.hslice[id*="-miB-"]{ display:none !important; } /*去除网页闲置时出现广告*/ #idle-pop {display: none;} /*文章下方广告无动态*/ #content .recommended-posts {display:none;} #blog468x60Banner{display:none !important;} /*去除部落格上方广白框广告*/ #content .recommended-posts3 ul li > :nth-child(1):not([class*="source-emma"]) { display: none;} #comment-text ul li.post-info > span.user-name img{display:none;} #idle-pop , #ad-full-page , .article-inread-ad {display:none;}  

 

部落格背景装饰语法网址:

 

滑鼠游标装饰语法网址:

 

 

请至上列网址复制→管理后台→侧栏贴上