弦月下的世界

版型主圖人物介紹:

為霹靂布袋戲人物~莫召奴。

莫召奴為東瀛人，是位長相俊美、斯文的美男子，

與素還真是結拜為義兄弟，為正道人士。

★.版型主圖來源:霹靂網及網路，若有侵權，敬請告知，小格會儘快移除。

★.本版為大型主圖，螢幕解析度請至少調至1400(寬度)，最佳解析度為1920(寬度)

★.懇請引用者能回到本格正確引用!!

★.語法若有問題時，請回本格重新複製+貼上。

★.以下三種語法請自選，於欄內點右鍵後反藍即可複製語法。

NO.42情繫江湖~莫召奴-痞客邦-三欄式版型語法

三欄式 /*CSS reset*/ html{ margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 100%; vertical-align: baseline; background: transparent; } /* ------------ IE瀏覽器捲軸的顏色設定 ------------ */ html{ SCROLLBAR-ARROW-COLOR:#87BAFF;/*上下箭頭*/ SCROLLBAR-FACE-COLOR:#E0EDFF;/*軸的主體色*/ SCROLLBAR-DARKSHADOW-COLOR:#8FBEFF;/*右及下方框線*/ SCROLLBAR-HIGHLIGHT-COLOR:#9DC6FF;/*左及上方框線*/ SCROLLBAR-SHADOW-COLOR:#8FBEFF;/*右及下方框線*/ SCROLLBAR-TRACK-COLOR:#F9FCFF;/*軸的底色*/ SCROLLBAR-3DLIGHT-COLOR:#9DC6FF;/*左及上方框線*/ } /* ------------Google瀏覽器的捲軸設定 ------------ */ ::-webkit-scrollbar{ /*捲軸的底色*/ background-color:#F9FCFF; } ::-webkit-scrollbar-thumb{ /*捲軸主體的顏色*/ background-color:#E0EDFF; -webkit-border-radius: 6px ; } ::-webkit-scrollbar-button:vertical:decrement{ /* 捲軸上方的箭頭 */ background-image: url("https://gifyu.com/images/06X01.png"); background-repeat: no-repeat; } ::-webkit-scrollbar-button:vertical:increment { /* 捲軸下方的箭頭 */ background-image: url("https://gifyu.com/images/06X02.png") ; background-repeat: no-repeat; } #comment-form table{width: 96% ;margin: 0 auto ;} # comment-form td , #comment-form th{border: 1px solid #88C5FE;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 #0251E5; } 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:#0251E5; font-size:15pt; font-family:"Century Gothic"; line-height:180%; /*---部落格背景重覆底圖---*/ background-image:url(https://i.imgur.com/uWcUs4H.jpg); background-repeat:repeat; background-position:undefined; } /*部落格中間欄位底圖*/ #container{ width: 1370px; background: url("https://i.imgur.com/gmc1QMW.png") repeat-y left top; margin: 0 auto; } /*部落格中間欄位重覆底圖*/ #container2{ background: url(https://i.imgur.com/gmc1QMW.png) no-repeat center bottom; display:block; } #container3 { overflow:hidden; position:relative; } #main{ #main{width:1370px;margin:auto;} #content{float:right;line-height:180%;width:1760px;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:#0251E5;text-decoration:none;} a:hover{color:#38A8CD;position:relative;top:2px;background:url(http://f.share.photo.xuite.net/moon1230/1f52a70/5903551/1160034225_x.jpg) repeat-x bottom;} /*版型主圖高度+部落格名稱位置*/ #header{ height: 550px; padding-left: 100px; /*部落格名稱與左邊的距離*/ background:url(https://i.imgur.com/rlU5a3i.jpg) no-repeat center bottom; display:block; } /*部落格置頂功能顏色設定*/ /*招呼語+登入+登出*/ #login-bar{ text-align:left; padding:10px 0px 0px 20px; height:30px; line-height:10px; color:#33B8E1;} #login-bar a{color:#0251E5} #login-bar a:hover{color: #;background: #0251E5;} #login-bar .separator{color:#0251E5} #login-bar a:hover { color: #0251E5; background: #33B8E1; } /*部落格名稱字體位置*/ #banner { width: 400px; height:50px; overflow:hidden; } #banner h1 { font-weight:bold; font-family:微軟正黑體; font-size:25px; position:absolute; text-align:left; padding:80 80px;/*第二個數字-部落格名稱字體位置靠左的位置*/ top:30px; margin-top: 50px; /*字體高度*/ margin-left:580px; /*字體靠左或右*/ } /*部落格名稱的顏色*/ #banner h1 a{ color: #0251E5; } /*部落格字體按下去的顏色*/ #banner h1 a:hover { color: #05C1F0; /*部落格字體按下去的底色*/ background: #E9F8F7; /*部落格框的虛線顏色*/ border:2px dotted #09AEA0; } /*部落格招呼語字體位置*/ #banner h2 { width:350px; color: #0251E5; margin:25px 0; font-weight:bold; font-family:微軟正黑體; font-size:15px; position:absolute; top:120px;/*字體高度*/ left:600px; /*字體靠左或右*/ line-height:30px; overflow:hidden; } /*部落格招呼語字體高度*/ .skiplink { position:absolute; top:500px;/*此處需與跳回主文字體高度一樣*/ /*部落格招呼語字體-位置*/ left:1050px; /*此處數字要比不設分類的數字大*/ font-size:18px; } /*跳回主文顏色設定*/ .skiplink a{ color: #0251E5; } /*跳回主文字體按下去的顏色*/ .skiplink a:hover { color: #44CEFC; background: #FFFFFF; } /*不設分類字體的位置*/ #blog-category { position:absolute; top:500px; /*此處需與部落格招呼語字體高度一樣*/ left:850px; /*此處數字要比不設分類的數字小*/ font-size:16px; } } /*不設分類字體顏色設定*/ #blog-category a { color: #44CEFC; } /*不設分類字體按下去的顏色*/ #blog-category a:hover { color: #0CB9E4; background: #FFFFFF;; } #authority { width: 100%; font-size: 16px; text-align: center; border-bottom: 0px solid #; background: #; padding: 5px 1000px; } /*發表文章+管理後台字體顏色設定*/ #authority a { color: #44CEFC; background: #FFFFFF; border: 2px solid #0CB9E4; } #authority a:hover { color: #FFFFFF; background: #09AEA0; } /*四功能鍵位置高度+顏色設定*/ #navigation{ position:absolute; top:490px;/*高度*/ left:50px; } #navigation li{ float:left; } /*相簿+部落格+留言+名片的框線顏色*/ #navigation a{ /*框內底色*/ background: #EFFCFF; padding: 4px; /*框框右邊顏色*/ border-right: 1px solid #0251E5; /*框框下方顏色*/ border-bottom: 1px solid #0251E5; position:relative; font-weight:bold; font-size:15px; width:50px; height:20px; /*相簿+部落格+留言+名片的字體顏色*/ color:#0251E5; letter-spacing:3pt } /*四功能鍵位框內底色顏色設定*/ #navigation a:hover { color: #00BBFF; background: #EFFCFF; } /*------------------留言區底圖及欄位寬度---------------*/ /*留言區底圖*/ #content{ width:920px ;/*留言區底圖寬度距離需配合左右欄位邊線距離*/ float:left ; background:url(http://i.imgur.com/MfhsTCW.gif) repeat; /*留言區底色*/ background:#FFFFFF;/*此處顏色需與中間欄位底色一樣*/ margin:0 auto; margin-left: 195px ;/*留言區底圖寬度距離需配合左右欄位邊線距離*/ margin-top: 15px ; } /*-----公告版欄位設定-----*/ #spotlight{ /*公告欄位底色*/ background:#F1FBFD; padding:5px; margin-bottom: 5px ; /*公告欄位線框的顏色*/ margin-bottom: 5px ; margin-top: -7px ; border: 8px double #0251E5; } /*公告版欄位標題設定*/ #spotlight h5 { background:url( ); /*公告版位標題字體顏色及字型*/ color:#0251E5; font-weight:bold; font-family:微軟正黑體; font-size:22px; /*公告版位標題字體下方虛線顏色*/ border-bottom:2px dotted #0251E5; padding:2px; } /*公告版欄位底圖+顏色+字體及字體大小設定*/ #spotlight-text { background:url(https://gifyu.com/images/BB-105X132.jpg); color:#0251E5; 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: 155px;/*標題圖的高度*/ line-height:30px; background: url(https://s1.gifyu.com/images/-125X150.gif) no-repeat; } .title { font-weight:bold; font-family:微軟正黑體; float:left; font-size:22px; line-height: 30px; padding: 10px 0px 0px 125px;/*第四個數字是文章標題圖與標題的距離*/ } /*文章區標題字體的顏色*/ .title a { color: #0251E5; } .title a:hover{ /*文章區標題字體按下去時的超連結字體顏色*/ color: #44A7C4; /*文章區標題字體按下去時的框內底色*/ background: #E9F9FE; } .title img { vertical-align: middle; } .article-body {} /*文章發表-字體大小*/ .publish { font-size: 15px; padding: 0 0 0 125px;/*第四個數字是文章標題圖與標題的距離*/ } /*文章發表-月份的顏色*/ .month{color: #0251E5; } /*文章發表-日期的顏色*/ .date { color: #0251E5; } .day{display: none;} /*文章發表-年份的顏色*/ .year{color: #0251E5; } .time { display: none; } /*繼續閱讀小圖與字體色*/ .more { float: right; padding-top: 30px; background: url(http://f.share.photo.xuite.net/moon1230/1f52a93/4288422/1159340525_x.jpg) right no-repeat; margin-right: 60px ; } .more a{ font-weight:bold; font-family:微軟正黑體; font-size: 20px; /*繼續閱讀字體的顏色*/ color:#0251E5; } .more a:hover{ /*繼續閱讀按下去時框內字體的顏色*/ color: #2C8AAA; /*繼續閱讀按下去時超連結的顏色*/ background: #E9F9FE; } /*作者ID+發表+留言()+人氣的設定*/ .author{ /*作者ID+發表+留言()+人氣-虛線上的顏色*/ background: #; /*作者ID+發表+留言()+人氣的字體顏色*/ color: #0251E5; font-size: 15px; text-align:right ; padding: 0px 15px 10px 0px; margin: 25px 0px 0px 0px; /*文章下方分隔線的顏色*/ border-bottom: 1px dashed #0251E5; line-height: 30px; } /*文章下方痞客幫+留言功能的顏色*/ .author a{ color: #0251E5; } .author a:hover{ /*文章下方痞客幫+留言功能超連結時字體顏色*/ color: #2C8AAA; /*文章下方痞客幫+留言功能超連結底圖色*/ background: #E9F9FE; } /*文章附加資訊*/ .article-footer{ text-align:right ; color:#38A8CD; line-height:20px ; } /*加入書籤*/ .bookmark{ text-align:right ; padding: 20px 0px 0px 0px; } /*個人分類+全站分類+上一篇+下一篇字體顏色*/ .refer{ color:#0251E5; text-align:left; margin: 0px 0px 0px 10px; padding-bottom: 10px; padding-top: 10px ; } /*個人分類按下去時的字體顏色*/ .refer a:hover { color: #38A8CD; /*文章內頁-全站分類+上一篇+下一篇字體連結時的底色*/ background: #E9F9FE; } .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: #0251E5; background: #38A8CD; } #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 #0251E5; border-top:0px solid #0251E5; border-left:0px solid #0251E5; border-right:0px solid #0251E5; } .main-list td , .main-list th{ padding: 5px ; } /*文章區分隔線*/ .back-to-top { background: #; background-image:url(https://gifyu.com/images/BB-105X132.jpg); background-repeat:repeat; padding: 15px 15px 15px 5px; /*第1是字體高度*/ margin: 0px 0px 0px 0px;/*第3個是文章內圖與留言框的距離-第4個是圖與左邊的距離*/ line-height: 15px;/*分隔線圖的高度*/ border: 2px double #0251E5;/*線框的顏色*/ } /*TOP鍵的顏色*/ .back-to-top a{ color: #0251E5; } .back-to-top a:hover { /*TOP鍵按下去時的連結字體顏色*/ color: #3191B1; /*TOP鍵按下去時的連結顏色*/ background: #F3FAFC; } /*-----引用+留言區塊設定----*/ /*引用+回應列表列表欄底圖*/ #user-post{ background:#FFFFFF; background:url(https://f.share.photo.xuite.net/moon1230/1f52a57/5903551/1172208536_x.jpg) repeat; padding:15px; /*引用+回應列表列表欄線框*/ margin-bottom: 0px ; border: 2px solid #0251E5; } #trackback-box {text-align: center;} #comment-box {text-align: left;} /*引用與留言分隔線+文字顏色設定*/ .user-post-title { text-align: center; /*-----留言版區各項設定-----*/ /*留言列表-字體顏色*/ color: #0251E5; background:url(http://f.share.photo.xuite.net/moon1230/1f52af9/4443067/1024494910_x.jpg) center no-repeat; font-size:15pt; font-weight: bold; margin: 0 auto; /*留言列表圖檔與上方的距離*/ padding-bottom: 80px; padding-left: 5px; } /*-----留言版上方的圖片與顏色設定-----*/ .post-comment{ /*留言版上方的圖片的高度*/ padding-top: 370px;/數字越小離下方越近*/ padding-bottom: 15px; line-height: 2.8em; height: 100%; font-size: 18px; /*留言版上方的圖片*/ background:url(https://s1.gifyu.com/images/-426X381.png) ; background-repeat: no-repeat; background-position: center top; color: #0251E5; text-align:center;} #trackback-input {width:50%;} /*單一引用*/ .single-post { /*---引用+留言框的虛線---*/ /*引用+留言框的虛線-右線*/ border-right:2px dashed #0251E5; /*引用+留言框的虛線-下線*/ border-bottom:2px dashed #0251E5; /*引用+留言框的虛線-左線*/ border-left:2px dashed #0251E5; /*引用+留言框的虛線-上線*/ border-top:2px dashed #0251E5; overflow:hidden; _overflow:none; _height:1%; margin:30px 0;} /*引用者資訊*/ .post-info { text-align: center; /*引用+留言框的虛線-中線*/ border-bottom:2px dashed #0251E5; 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 #0251E5;; /*留言區-留言者頭像-上方線框*/ border-top:2px double #0251E5;; /*留言區-留言者頭像-左線框*/ border-left:2px double #0251E5;; /*留言區底圖*/ background:url(https://gifyu.com/images/BB-105X132.jpg) repeat-y; background:#FFFFFF; padding:4px; } /*版主回覆圖與框顏色設定*/ .reply-text { float:right; width:800px; background:url(http://f.share.photo.xuite.net/moon1230/1f52a7e/4895357/1024491009_x.jpg) 0px top /*版主回覆區底色*/ no-repeat #FFFFFF; /*版主回覆區的上+左外框實線顏色*/ border:3px solid #0251E5; /*版主回覆圖區的右框實線顏色設定*/ border-right:3px solid #0251E5; /*版主回覆圖區的下框實線顏色設定*/ border-bottom:3px solid #0251E5; /*版主回覆圖+文字+框靠左邊的距離設定*/ margin-right:10px; display:inline; /*版主回覆-文字的顏色*/ color:#0251E5; min-height:40px; _height:40px; padding:20px 5px 5px 0px; } /*回覆留言分隔線*/ li.reply-text p { background:url(https://gifyu.com/images/B-247X5-01.gif) repeat-x; text-align:right; /*回覆留言的時間位置*/ padding:20px 150px 0px;/*第1是圖與下方文字高度-第4是靠左或右*/ font-size: 18px; /*回覆留言的時間*/ color: #38A8CD; } .secret{} /*發表留言設定*/ .post-comment a { /*發表留言-字體的顏色*/ color: #0251E5; /*發表留言-框內的顏色*/ background: #FFFFFF; /*發表留言-框框的顏色*/ border: 3px double #0251E5; } /*發表留言連結時-框框內+字的顏色*/ .post-comment a:hover { color: #0251E5; background: #FFFFFF; } /*回響區塊*/ #comment-form { line-height:1.5; margin:10px 0; padding: 0 10px 10px; border: 1px solid #38A8CD; } #comment-form table { width:100%; margin:0 auto; background: #0251E5 url() no-repeat; padding: 10px; } #comment-form th, #comment-form td { border: 1px dashed #0251E5; padding: 5px 10px; text-align: left; } #comment-form input#send-comment { padding:3px 5px; float: right; } #comment-form textarea { width:95%; background:#0251E5 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 #0251E5; 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:#F3FAFC; margin:0 5px; /*頁尾頁數-第2頁字體顏色設定*/ color: #0251E5; padding:5px 10px; } /*頁尾頁數-第2頁字體顏色設定*/ .page span { color: #0544C2; /*頁尾頁數-第1頁框內顏色設定*/ background:#F3FAFC; padding:5px 10px; } /*----------側欄區設定----------*/ /*日曆字體+側欄-版主回覆+留言者+個人資訊+文章分類內的+訂閱內+參觀人氣內字體顏色*/ #links{ color: #0251E5; width:200px ; float:left; margin: -310px 0px 0px 15px ; } #links a{ font-size: 18px; /*日曆上下月份+站方公告+所有瀏覽列表字+文章分類內的展開+最新文章字體+訂閱動態標題*/ color:#0251E5; } /*----------左右欄位設定----------*/ /*側欄-左欄的位置與寬度*/ #links-row-1{ width:200px ; float:left; background:#; background-image: url(); background-repeat: repeat; position:relative ; margin-left: -1140px ;/*左右欄位此處與邊線距離需配合留言區底圖距離寬度*/ margin-top: 315px ; } /*側欄-右欄的位置與寬度*/ #links-row-2{ width:200px ; float:right ; background:#; background-image: url(); background-repeat: repeat; margin-right: -10px ;/*左右欄位此處與邊線距離需配合留言區底圖距離寬度*/ margin-top: 315px ; } /*左右欄位圖示*/ /*左右欄位-中欄*/ .box{ background:url(http://i.imgur.com/UJIrCWV.png) left top repeat-y; margin-bottom:20px; } .box-title{ height:35px;/*字體與欄頂的距離*/ line-height: 5px; overflow:hidden; /*側欄區標題顏色*/ color:#0251E5; text-align: left; font-weight:bold; /*側欄區標題-字型*/ font-family:微軟正黑體; /*側欄區標題-字型大小*/ font-size:20px; /*左右欄位-上欄*/ background: url(http://i.imgur.com/oRCIYWt.png) left top no-repeat; margin:0px 0px 0px 0px; /*左右欄位-字體的位置*/ padding:30px 0px 0px 58px;/*第一個是字體與欄位上方高度-第四個是文字與欄位左右的距離*/ } /*左右欄位-下欄*/ .box-text{ background:url(http://i.imgur.com/q4vPvLC.png) 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:#0251E5; background:#FFFFFF; /*所有文章+瀏覽列表框顏色*/ border: 2px double #10C5DFE;} .box-more a:hover{ color: #0251E5; /*所有文章+瀏覽列表內底色*/ 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 #0544C2; font-size:11px; /*發文日的框框內文字顏色*/ color:#3577FB; /*發文日的框框內底色*/ background:#EFF3FB;} #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: 1px; background:url(https://gifyu.com/images/BS-50X50-01.gif) no-repeat left top;} #crumb .box-text li a{height:50px;width:50px;display:block;MARGIN: 1px; background:url(https://gifyu.com/images/BS-50X50-01.gif) no-repeat left top;} /*我去誰家的框框設定*/ #visitor .box-text li a{ border-right:1px solid #0251E5; border-left:1px solid #0251E5; border-top:1px solid #0251E5; border-bottom:1px solid #0251E5;} #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://gifyu.com/images/BS-01.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://gifyu.com/images/BS-02.gif); background-repeat:no-repeat; background-position:left; padding-left:20px; } /*文章分類-展開時連結小圖*/ #category .box-text li a:hover{ background:#F7FDFF; /*文章分類-展開時字體的顏色*/ color:#38A8CD; /*文章分類-展開時框框的顏色*/ border: 2px double #2D87A5; background-image:url(https://gifyu.com/images/BS-03.gif); background-repeat:no-repeat; } /*最新文章前小圖與顏色設定*/ #recent-article .box-text{padding-left:10px;padding-bottom:50px;} #recent-article li { background-image:url(https://gifyu.com/images/BK-16x16.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 #0251E5;} #recent-article li a:hover { /*最新文章-連結的字體顏色*/ color: #2D87A5; /*最新文章-連結框底色*/ background: #F3FAFC; } /*---最新回響區設定---*/ /*最新回應前的小圖*/ #latest-comment li{ background-image:url(https://gifyu.com/images/BK-16x16.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 #0251E5;;} #latest-comment li a:hover { /*最新文章區-版主回覆的字體顏色*/ color: #0251E5; /*最新文章區-版主回覆內容的框框顏色*/ background: #F3FAFC; } #latest-comment li span { /*最新文章區-版主回覆的時間顏色*/ color:#0251E5; font-size:.50em; /*最新留言-版主回覆的時間間隔直線*/ border-right:3px solid #0251E5; margin:0 4px 0 0; padding:0 4px 0 0; } /*最新文章區-版主回覆的字體顏色*/ #latest-comment li a { color:#0251E5; display:block; height:50px; overflow:hidden; } /*熱門文章標題小圖*/ #hot-article li { background-image:url(https://gifyu.com/images/BK-16x16.gif); background-repeat:no-repeat; background-position:left; font-size: 16px; padding-left:25px; line-height: 25px; /*熱門文章-下方虛線顏色*/ border-bottom: 2px dashed #0251E5;} #hot-article li a:hover { /*熱門文章-連結時的顏色*/ color: #2D87A5; /*熱門文章-連結時的底色*/ background: #F3FAFC; } #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 #0251E5;} /*最新引用-引用過去的文章標題*/ #latest-trackback a{ color: #0251E5; background: #F3FAFC; } #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 #0251E5;} #latest-trackback a:hover { color: #0251E5; background: #F3FAFC; } #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:#0251E5; } #mylink .inner-box li{ margin-left:15px; line-height: 25px; } /*誰來我家顏色設定*/ #mylink a:hover { color: #0251E5; background: #F3FAFC; } /*站方公告間隔虛線顏色*/ #announce .box-text li{border-bottom: 2px dashed #0251E5;} #announce a:hover { /*站方公告連結字體顏色*/ color: #0251E5; background: #F3FAFC; } /*頁尾中間欄位底圖+文字顏色設定*/ #footer{ clear:both; padding-top: 20px; /*頁尾中間欄位底圖*/ background:url(https://i.imgur.com/gmc1QMW.png) repeat #38A8CD; _height:1%; text-align: center;} #footer p{color:#34869F;} #bottom , /*頁尾中間欄位-回到頁首+回到主文+免費註冊+客服中心+痞客邦首頁字體的顏色*/ #bottom a{color:#0251E5;} /*頁尾中間欄位文字連結顏色設定*/ #bottom a:hover { /*頁尾中間欄位-回到頁首+回到主文+免費註冊+客服中心+痞客邦首頁字體按下去時的顏色*/ color: #38A8CD; background: #F3FAFC; } /*文章搜尋設定*/ input, textarea { vertical-align: middle; font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif; font-size: 1.0em; /*文章搜尋-字體的顏色*/ color: #0251E5; /*文章搜尋-框框的顏色*/ border: 3px double #0949C9; /*文章搜尋-框內的顏色*/ background: #F3FAFC; /*文章搜尋-框內的底圖顏色*/ background-image:url(https://gifyu.com/images/BB-105X132.jpg) ; padding: 2px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} /*文章搜尋-框內字體顏色+寬度設定*/ input#search-target { width: 140px; color: #12BEF2; background-image:url(https://gifyu.com/images/BB-105X132.jpg) ; } /*文章精選設定*/ select { font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif; font-size: 1.0em; /*文章精選+發文的年月份-字體的顏色*/ color: #0251E5; /*文章精選-框框的顏色*/ border: 2px solid #0949C9; /*文章精選-框內的顏色*/ background: #F3FAFC; background-image:url(https://gifyu.com/images/BB-105X132.jpg) ; 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;}  

NO.42情繫江湖~莫召奴-痞客邦-左欄式版型語法

左欄式 /*CSS reset*/ html{ margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 100%; vertical-align: baseline; background: transparent; } /* ------------ IE瀏覽器捲軸的顏色設定 ------------ */ html{ SCROLLBAR-ARROW-COLOR:#87BAFF;/*上下箭頭*/ SCROLLBAR-FACE-COLOR:#E0EDFF;/*軸的主體色*/ SCROLLBAR-DARKSHADOW-COLOR:#8FBEFF;/*右及下方框線*/ SCROLLBAR-HIGHLIGHT-COLOR:#9DC6FF;/*左及上方框線*/ SCROLLBAR-SHADOW-COLOR:#8FBEFF;/*右及下方框線*/ SCROLLBAR-TRACK-COLOR:#F9FCFF;/*軸的底色*/ SCROLLBAR-3DLIGHT-COLOR:#9DC6FF;/*左及上方框線*/ } /* ------------Google瀏覽器的捲軸設定 ------------ */ ::-webkit-scrollbar{ /*捲軸的底色*/ background-color:#F9FCFF; } ::-webkit-scrollbar-thumb{ /*捲軸主體的顏色*/ background-color:#E0EDFF; -webkit-border-radius: 6px ; } ::-webkit-scrollbar-button:vertical:decrement{ /* 捲軸上方的箭頭 */ background-image: url("https://gifyu.com/images/06X01.png"); background-repeat: no-repeat; } ::-webkit-scrollbar-button:vertical:increment { /* 捲軸下方的箭頭 */ background-image: url("https://gifyu.com/images/06X02.png") ; background-repeat: no-repeat; } body { background-attachment: fixed;/*背景固定模式*/ background:#0251E5;/*背景固定模式的底圖色*/ background-position: center top; background-repeat: repeat; border: 0; /*重覆背景底圖*/ background: url (https://i.imgur.com/uWcUs4H.jpg); margin: 0; outline: 0; vertical-align: baseline; color:#4E7699; } h1, h2, h3 { padding:0px;margin:0px; font-weight:normal;} /*主體*/ html{ } body{ margin:0px 0px 0px 0px; text-align: center; background:url(https://i.imgur.com/uWcUs4H.jpg) repeat; /*關於我的內容字體+最新回應內容字體顏色*/ color:#0251E5; } ul {padding:0px;margin:0px;} li {list-style-position:inside;} h1, h2, h3 { padding:0px;margin:0px; font-weight:normal;} /*連結圖+服務切換六鍵顏色設定*/ a, a:link, a:visited { /*服務切換六鍵+側欄內文字+繼續閱讀+文章分類+中間欄標題及欄下方功能文字+相關文章+關於我功能顏色設定*/ color: #0251E5; text-decoration: none; } a:active { color: color: #2623F4; text-decoration: none;/*連結時的文字顏色*/ } a:hover {background: url(http://f.share.photo.xuite.net/moon1230/1f52a70/5903551/1160034225_x.jpg) no-repeat; background-position: 50% 50%; /*服務切換六鍵連結時的顏色設定*/ color: #0B07FE; cursor: url(//); text-decoration: none; } /*定位框*/ #wrap{} #container { position:relative; text-align: left; width:1370px; padding-top:0px; margin:0px auto; background:url(https://i.imgur.com/gmc1QMW.png) repeat-y center; overflow:hidden; } /*檔頭*/ #banner{ margin: 0px; padding: 0px; height: 550px; background:url(https://i.imgur.com/rlU5a3i.jpg) no-repeat center bottom; display:block; } /*左欄*/ #linksLeft{ left:0px; width: 200px;/*左欄寬度*/ margin: 20px 0px 0px 10px; float:left; display:inline; } /*右欄*/ #linksRight{ display:none; } /*中間欄*/ #mid{ width:1120px;/*中間欄位寬度*/ float:right; margin-right:25px;/*中間欄靠左的距離-數字越往後距離越遠*/ padding:0px; display:inline; } /*檔尾*/ #footer { clear: both;line-height: 16px; height: 60px; margin-left: 0px;margin-bottom: 1px; padding: 30px 0 20px; text-align: center; background: url()center bottom no-repeat ; color:#0251E5; } /*側欄-左右欄位-上欄圖*/ .sidetitle{ height:auto; font-family:"微軟正黑體"; color: #0251E5; /*字體色*/ font-size: 20px; height:75px;width:200px; font-weight: bold; text-align:center; padding:40px 0px 50px 0px;/*1是中間欄與上欄距離-4是欄位的左右位子*/ background:url(http://i.imgur.com/oRCIYWt.png) no-repeat center top; } /*左右欄-中欄*/ .side{ background-image: url(http://i.imgur.com/UJIrCWV.png); background-position:center top; background-repeat: repeat; border-bottom: 5px solid #0050EC;/*底框的粗細度+框線的顏色*/ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 360; line-height: 180%; padding-left: 8px;padding-bottom: 50px;margin-top:-90px;/*第3數字-中間欄與上的距離*/ widht:200px; } /*最新文章*/ .articleTitle{ } /*最新文章前小圖*/ .articleSide li{ list-style-image:url(https://gifyu.com/images/BK-16x16.gif); } .articleSide{ } /*最新留言*/ .messageTitle{ } .messageSide{ } .date { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 15px; color: #0251E5; } /*欄位內文字區塊設定*/ .side li{ padding-top: 5px;color: #0251E5; } .side li a{ color: #0251E5; padding-top: 5px; } /*空白*/ .spacer{ clear:both; } /******************************************/ /*檔頭class*/ /*日誌名稱*/ .blogname{ font-size: 25px;font-weight: bArial;FONT-WEIGHT: bold; font-weight: normal; padding:50px 0 0 680px; /*數字第1是高度-第4是字體位字*/ width:550px; } .blogname a:link{ color:#0251E5;} /*日誌名稱字體顏色*/ .blogname a:visited{ color:#0251E5;} /*日誌名稱按下去的顏色*/ .blogname a:hover{ color:#05C1F0;} /*今日心情*/ .blogemotion{ } /*日誌描述*/ .description{ font-size: 15px;FONT-FAMILY: Arial;FONT-WEIGHT: bold; color: #0251E5; padding:25px 0 0 630px; /*第1是與日誌名稱的高度距離-第4是圖與字的距離*/ line-height:150%; width:400px; } /*Logo*/ .menulist{ display:none;} .logo{ visibility:visible; float:left; } /******************************************/ /*中間欄位class*/ /*文章外框*/ #content{ padding: 5px 0px; margin: 0px 5px; } /*----------文章標題前小圖+文章下方分隔線顏色---------*/ .title{ width:1050px; height:140px; padding: 10px 0 0 100px; /*第1是圖與文章線的高度-第4是圖與字的距離*/ background:url(https://s1.gifyu.com/images/-125X150.gif) no-repeat; border-bottom:solid 2px #0251E5; } /*文章標題名稱*/ span.titlename{ font-size:22px; color:#0251E5; font-weight:normal; padding-left:5px; } /*文章日期*/ span.titledate{ float:right; height:25px; padding-right:10px; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px; color: #0251E5; } /*文章評價列*/ .blogrank{ width:100%; line-height:200%; margin-top:10px; } /*文章瀏覽數*/ span.counter{ background:url(https://gifyu.com/images/BS-01.gif) no-repeat; float:right; margin:5px; padding:0px 5px 2px 20px; width:auto; color: #0251E5; } /*文章分類前小圖*/ span.category{ background:url(https://gifyu.com/images/BS-02.gif) no-repeat; float: right; margin:5px; width:auto; padding:0px 0 0 30px; } /*文章分類--全部收合小圖*/ .sidebar-tree-container li a{ background:url(https://gifyu.com/images/BK-16x16.gif)1px 1px no-repeat ; padding-left:30px;} /*文章分類-全部展開-連結小圖*/ .sidebar-tree-container li a:hover{background:url(https://gifyu.com/images/Bluelove-15X15-03.gif) 1px 1px no-repeat ;padding-left:30px; } /*文章分類-全部展後小圖*/ .sidebar-tree-sub-container li a{background:url(https://gifyu.com/images/BS-03.gif) 1px 1px no-repeat ;padding-left:20px;padding-top:5px; } /*文章分類-資料夾-全部展後連結小圖*/ .sidebar-tree-sub-container li a:hover{background:url(https://gifyu.com/images/BS-04.gif)-1px -1px no-repeat ;padding-left:30px;padding-top:5px; } /*文章主體(文章下方4鍵斜線顏色)*/ .blogbody{ word-wrap: break-word; width:99%; overflow:hidden; color:#0251E5; line-height:20px; font-size:15px; } /*作者列*/ .posted{ width:100%; text-align:right; font-size:15px; clear:both; } /*文章區下方的圖片*/ .selectbar{ width:100%; text-align:center; padding-top:-20px; margin-top:20px; background:url(https://s1.gifyu.com/images/-426X381.png) no-repeat; background-position:center bottom; height:400px;/*此處需比圖檔略高*/ } /*引用列*/ .trackbacktitle{ position:relative; width:100%; margin-top:25px; margin-bottom:15px; font-size: 12px; color: #0251E5; height:24px; } /*引用列底色*/ .trackbacktitle a{ position:relative; width:100%; margin-top:25px; margin-bottom:15px; font-size: 12px; color: #FFFFFF; height:24px; } /*引用網址底圖色*/ .trackbackurl{ width:100%; background:#FFFFFF; padding-top:20px; padding-bottom:20px; text-indent:10px; word-break:break-all; } /*引用日期*/ .trackbackdate{ width:100%; text-align:right; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; color: #0251E5; } /*引用內容*/ .trackbackcontent{ width:100%; line-height:150%; margin-top:5px; border-bottom:1px dotted #0251E5; word-break:break-all; } .trackbackcontent td{} /*留言列*/ .comment{ width:110%; font-size: 12px; color: #0251E5; height:25px; margin-top:5px;padding-top: 10px; padding-bottom:10px; word-break:break-all; } .comment-c{ } .comment-avatar-link{ } /*留言名稱*/ span.commenttitle{ padding:6px 0px 2px 20px; background:url(http://f.share.photo.xuite.net/moon1230/1f52a88/4288422/1027468770_x.jpg) no-repeat; width:auto; } /*留言按鈕*/ span.commentbutton{ float:right; } /*留言作者列*/ .author{ width:100%; } /*留言作者名稱*/ span.authorname{ } /*留言日期*/ span.commentdate{ float:right; text-align:right; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; color: #0251E5; } /*留言內容*/ .commenttext{ word-wrap: break-word; width:100%; margin-top:10px; margin-bottom:10px; line-height:18px; } /*留言編輯按鈕*/ .commentedit{ width:100%; border-bottom:1px dotted #0251E5; } /*留言者信箱*/ span.email{ } /*瀏覽方式切換*/ .ArticleShowMode { margin-bottom:10px; } /*列表模式 */ .singleArticle{ } .singleArticle ul{ padding-left:20px; } .singleArticle li{ list-style: url(http://f.share.photo.xuite.net/moon1230/1f52a88/4288422/1027468770_x.jpg); padding-left: 20px; line-height:200%;margin-left: 2px; } /******************************************/ /*左欄class*/ /* 2009/09 新 關於我 區塊 */ #avatarContent {width:99%;text-align:center;display:block;word-break:break-all ;} #avatarAddMe {width:96px;height:2em;margin:0 auto;} #avatarAddMe img {float:left;} #personalLink {height:6em;width:94px;padding:0px; margin:10px auto;display:block;} #personalLink li {list-style-type:none;float:left;height:1.7em;margin:0 4px 0 0;padding:2px 0 0 16px;width:auto;display:block;} #personalLink li img {margin:1px 2px 0px 0px;vertical-align:top;} li.pblog{background:url(http://f.share.photo.xuite.net/moon1230/1f52a51/4288422/1162056619_x.jpg ) no-repeat center left;} li.pphoto{background:url(http://f.share.photo.xuite.net/moon1230/1f52a89/4288422/1159348451_x.jpg) no-repeat center left;} li.pvlog{background:url(http://f.share.photo.xuite.net/moon1230/1f52a89/4288422/1159348451_x.jpg) no-repeat center left;} li.pboard{background:url(http://f.share.photo.xuite.net/moon1230/1f52a89/4288422/1159348451_x.jpg) no-repeat center left;} li.pfriend{background:url(http://f.share.photo.xuite.net/moon1230/1f52a89/4288422/1159348451_x.jpg) no-repeat center left;} li.plink{background:url(http://f.share.photo.xuite.net/moon1230/1f52a89/4288422/1159348451_x.jpg) no-repeat center left;} /*照片*/ .avatarPhoto{ text-align:center; } /*帳號*/ .avatarID{ display:none; } /*我的描述*/ .avatarDesciption{ color:#0251E5; word-wrap:break-all; overflow:hidden; width: 150px; } /*關於我按鈕*/ .avatarbutton{ } /*文章分類*/ .categoryTitle{ } .categorySide li{ list-style-image:url(http://i.imgur.com/QvBhTXK.png); } .categorySide{ } /*日曆設定*/ .calendarTitle{ } /*日曆-有發文時的月份列表圖*/ .calendarSide li{ list-style-image:url(http://f.share.photo.xuite.net/moon1230/1f52a89/4288422/1159348451_x.jpg); } .calendarSide{ text-align:center; padding-left:15px; } /*日曆table*/ .calMonth{ width:92%; } /*日曆首列*/ .calMonthNav{ } /*日曆上個月*/ .calMonthBackward{ } /*日曆目前顯示年月*/ .calMonthCurrent{ font-size: 15px; font-weight: bold; color: #0251E5; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; } /*日曆下個月*/ .calMonthForward{ color: #0643BD; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 15px; } /*日曆星期列*/ .calMonthHeader{ } /*日曆日欄*/ .calMonthDay{ font-size: 15px; color: #407DF8; text-align:center; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; } /*日曆今日日期*/ .calMonthToday{ font-size: 17px; text-align:center; } /*日曆假日日期*/ .calholiday{ font-size: 15px; color: #FF0000; text-align:center; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; } .calendarbutton{ text-align:right; } /* 日曆狀態 */ .cal_calendar {font-size:5pt;font-family:verdana;padding:0px;margin:0px;border:none; border-collapse:collapse;} .cal_header {font-weight:bold;} .cal_day {width:2ex;text-align:center;padding:0px;margin:0px;border:none; border- collapse:collapse;cursor:hand;} .cal_disabled {color:#286EFA;width:2ex;padding:0px;margin:0px;border:none; border- collapse:collapse;} .cal_common {color:black;width:3ex;padding:0px;margin:0px;border:none; border- collapse:collapse;} .cal_holiday {color:red;width:3ex;padding:0px;margin:0px;border:none; border- collapse:collapse;} /*有發文時的日期顏色*/ .cal_event {color:#0016A5;width:3ex;padding:0px;margin:0px;border:none; border- collapse:collapse;cursor:pointer;cursor:hand;} /*搜尋文章*/ .searchTitle{ } .searchSide{border: 1px double #0251E5; height:35px;padding-top:6px; text-align:center; } .searchbutton{ text-align:left; padding:2px; } /*搜尋框中背景色*/ .searchbutton .inputForm{ background-image:url(http://i.imgur.com/wx7Mwa5.gif) ; text-align:center; } /*我的哈拉室*/ .chatTitle{ } .chatSide{ } /*已建立的日誌*/ .bloglistTitle{ } .bloglistSide li{ list-style-image:url(http://i.imgur.com/Qrbcsks.gif); } .bloglistSide{ } /*訂閱電子報*/ .epaperTitle{ } .epaperSide{ text-align:center; } .epaperbutton{ text-align:center; padding:2px; } /*自由欄位*/ .customTitle{ } .customSide{ } /*日誌使用資源*/ .resourceTitle{ } .resourceSide{ text-align:center; } /*留言塗鴉版*/ .paintTitle{ } .paintSide{ text-align:center; } /******************************************/ /*右欄class*/ /*背景音樂*/ .musicTitle{ } .musicSide{ } .musicbutton{ text-align:left; padding:2px; } /*參觀人次統計文字顏色*/ .countSide,#todayHit,#totalHit{ color: #0251E5;padding-left:10px;padding-top:10px; } /*我的訂閱*/ .rssrollTitle{ } .rssrollSide li{ list-style-image:url(http://i.imgur.com/y4fpQQ9.gif); } .rssrollSide{ } .backbtn li{ list-style-image:url(http://i.imgur.com/Qrbcsks.gif); } .backbtn{ text-align:right; } /*morebtn鍵小圖*/ .morebtn{ background:url(http://f.share.photo.xuite.net/moon1230/1f52a93/4288422/1159340525_x.jpg) no-repeat; width:auto; padding-left:25px; float:right; } /*日誌評價*/ .rankTitle{ } .rankSide{ } /*已建立的相簿*/ .albumTitle{ } .albumSide{ } /*最愛連結*/ .linkTitle{ } .linkSide li{ list-style-image:url(http://i.imgur.com/2eW7x2Y.png); } .linkSide{ } /*個人項目---- 2006-5-11 Modify*/ .personallink{ display: block; width:170px; margin:0px 0px 0px 0px; } /*關於我*/ .plink ul{ list-style-type:none; margin:0px; padding:0px 2px 0px 20px; word-wrap: break-word; display: block; float:left; } .plink li{ padding:0px; margin:0px 0px 0px 0px; list-style-image:url(http://f.share.photo.xuite.net/moon1230/1f52a67/4288422/1152606657_x.jpg); } .plink{ padding:0px; width: 90px; } /*我的相簿*/ .pphoto ul{ list-style-type:none; margin:0px; padding:0px 2px 0px 20px; word-wrap: break-word; display: block; float:left; } .pphoto li{ padding:0px; margin:0px 0px 0px 0px; list-style-image:url(http://i.imgur.com/xGG7FSG.png); } .pphoto{ padding:0px; width: 90px; } /*我的影音*/ .pvlog ul{ list-style-type:none; margin:0px; padding:0px 2px 0px 20px; word-wrap: break-word; display: block; float:left; } .pvlog li{ padding:0px; margin:0px 0px 0px 0px; list-style-image:url(http://f.share.photo.xuite.net/moon1230/1f52a78/4288422/1027469522_x.jpg); } .pvlog{ padding:0px; width: 90px; } /*加入好友*/ .pfriend ul{ list-style-type:none; margin:0px; padding:0px 2px 0px 20px; word-wrap: break-word; display: block; float:left; } .pfriend li{ padding:0px; margin:0px 0px 0px 0px; list-style-image:url( http://f.share.photo.xuite.net/moon1230/1f52a88/4288422/1027468770_x.jpg); } .pfriend{ padding:0px; width:90px; } /*我的留言板*/ .pboard ul{ list-style-type:none; margin:0px; padding:0px 2px 0px 20px; word-wrap: break-word; display: block; float:left; } .pboard li{ padding:0px; margin:0px 0px 0px 0px; list-style-image:url(http://i.imgur.com/Au2E7is.gif); } .pboard{ padding:0px; width: 90px; } /*文章分類---- 2006-5-12 Modify*/ .pTitle{ } /*下方換頁-第一頁字體及位置*/ .page { margin-top: 10px; margin-bottom: 10px; font-size: 15px; color: #0251E5; line-height: 24px; vertical-align:middle; } /*下方換頁-第二頁字體及位置*/ .page a:link, .page a:visited, .page a:active { font-size: 14px; color: #0000FF; line-height: 24px; text-decoration: none; } /*下方換頁-第二頁字體及位置連結色*/ .page a:hover { font-size: 14px; color: #EFF8FB; line-height: 24px; text-decoration: underline; } /*留言回覆邊框*/ .reply_info{ width: 90%; border: 2px dashed #0251E5; padding: 1.2em 1.2em; margin: 1.2em; } /*我的好友&我的好友樹*/ .friendTitle{ } .LoveFriendSide{ text-align: center; } .LoveFriendSide select{ color: #0251E5; font-size: 12px; } #xuiteFriendsSide { color: #0251E5; font-size: 12px; } #xuiteFriendsSide a:link, #xuiteFriendsSide a:visited, #xuiteFriendsSide a:active { font-size: 12px; color: #0251E5; } #xuiteFriendsSide a:hover { font-size: 12px; color: #0251E5; } /*最愛日誌*/ .LoveBlogTitle{ } .LoveBlogSide{ text-align:center; } .LoveBlogSide select{ color: #0251E5; font-size: 12px; } /*好文轉寄*/ span.mail{ background:url(http://i.imgur.com/6jVYyH4.gif) no-repeat; float:right; margin-top:5px; padding:2px 0px 0px 20px; width:auto; } /*我的發燒文*/ .hotArticleTitle { } /*我的親友團*/ .myChannelTitle { } .gText{color: #0251E5;} .rank{color: #269CC3; float:left;} /*日誌背景音樂*/ .BackgroundMusicTitle{ } /*我的留言板*/ .gbookTitle{ } /*誰拜訪過我*/ #visitorTitle{ } /* 2009/08 相關文章 */ .articleExt { clear:both; padding-top:10px; border-top:1px solid #0251E5; } /* 2009/09 推推 bookmark 區塊 */ .bookmark{ float:right; } /*隨機推薦文章*/ .ArticleRandomSide{ } /*相關文章*/ #ArticleRelateSide{ } /*服務切換tab*/ /*服務切換六鍵位置及字體大小*/ #service-list{ position:absolute; top:500px; /*字體位置的高度*/ left:700px;/*字體位置靠左或靠右*/ width:360px; height:130px; font-size:13pt; } /*服務切換間距*/ #service-list .service-item { padding:0px; margin:0px; background:transparent; margin-left:0px; cursor:pointer; list-style-type:none; list-style-position:inherit; float:left; display:block; } .service-item{ } /*服務切換-日誌字體位置及前面直線顏色*/ #service-blog .service-link { width:50px; height:20px; padding-left:5px; margin:0px; overflow:hidden; display:block; float:left; border-left:1px solid #0251E5; } #service-blog .service-link:hover { } /*服務切換-相簿字體位置及前面直線顏色*/ #service-photo .service-link { width:50px; height:20px; overflow:hidden; padding-left:5px; margin:0px; display:block; float:left; border-left:1px solid #0251E5; } #service-photo .service-link:hover{ } /*服務切換-影音字體位置及前面直線顏色*/ #service-vlog .service-link{ width:50px; height:20px; overflow:hidden; padding-left:5px; margin:0px; display:block; float:left; border-left:1px solid #0251E5; } #service-vlog .service-link:hover{ } /*服務切換-留言字體位置及前面直線顏色*/ #service-gbook .service-link{ width:50px; height:20px; overflow:hidden; padding-left:5px; margin:0px; display:block; float:left; border-left:1px solid #0251E5; } #service-gbook .service-link:hover{ } /*服務切換-好友字體位置及前面直線顏色*/ #service-friend .service-link{ width:50px; height:20px; overflow:hidden; padding-left:5px; margin:0px; display:block; float:left; border-left:1px solid #0251E5; } #service-friend .service-link:hover{ } /*服務切換-名片字體位置及前面直線顏色*/ #service-card .service-link{ width:50px; height:20px; overflow:hidden; padding-left:5px; margin:0px; display:block; float:left; border-left:1px solid #0251E5; } #service-card .service-link:hover{ } #service-list a{background:none;} /*部落格上方工具列連結時的底框及字體顏色*/ .top-toolbar li ul{ /*background-color:transparent;*/ background-color:#EFF8FB;/*底色*/ } .top-toolbar li ul a:hover{ color:#0251E5;/*字體色*/ } /*部落格上方工具列文字小圖及顏色*/ .top-toolbar li ul a:hover{ color:#0251E5; } /*部落格上方工具列文字小圖及顏色*/ .top-toolbar ul li{ padding-left: 5px; } .top-toolbar li ul a{ background:url(http://f.share.photo.xuite.net/moon1230/1f52a89/4288422/1159348451_x.jpg)no-repeat ; padding-left:30px;margin-left: -13px; } /*部落格右上工具列及左上5功能鍵文字按下去的顏色及小圖*/ .top-toolbar li ul a:hover{ color:#0251E5; background:url(http://f.share.photo.xuite.net/moon1230/1f52a90/4288422/1160088554_x.jpg) no-repeat ; padding-left:30px; } .top-toolbar { background:url() repeat-x; filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; background:transparent; padding-top:5px; font-size:16px; height:30px; position:relative; text-align:right; width:100%; z-index:3600; font-family:"微軟正黑體"; } /*部落格上方工具列ID的顏色*/ .top-toolbar ul li.top-toolbar-user-hello a{color:#0251E5;} /*部落格上方工具列ID按下去的顏色*/ .top-toolbar ul li.top-toolbar-user-hello a:hover{color:#0A06E4;} .top-toolbar ul li.top-toolbar-user-space p{ /*部落格上方工具列免費空間按下去的底圖顏色*/ background:url(http://i.imgur.com/ENKhlvk.gif) repeat ; /*部落格上方工具列免費空間按下去的字體顏色*/ color:#0A06E4;margin-top: 5px; } .top-toolbar ul li.top-toolbar-user-space p a{ color:#0251E5;} /*部落格上方工具列免費空間按下去的顏色*/ .top-toolbar ul li.top-toolbar-user-space p a:hover{background:url(http://i.imgur.com/wx7Mwa5.gif) repeat ; color:#38A8CD;} /*部落格上方工具列通知列的底框及數字的顏色*/ .top-toolbar ul li.top-toolbar-user-notice span{background:#F4F9FC; color:#0251E5;}/*第1-底色-第2是字色*/ /*部落格上方工具列左邊四功能字體的顏色*/ .top-toolbar a:link{color:#AFDCFC;} .top-toolbar a:hover{color:#0A06E4;text-decoration:none;background:none;} /*部落格上方工具列登出通知短址工具的顏色*/ .top-toolbar a, .top-toolbar a:visited, .top-toolbar a:link {color:#0251E5;}/*字體-深色*/ .top-toolbar-general-home p a:hover{color:#0A06E4;background:url(http://f.share.photo.xuite.net/moon1230/1f52a89/4288422/1159348451_x.jpg) no-repeat; } /*部落格上方版頭橫幅的顏色*/ .extra9{ position:relative; left:0px; *left:0px; top:-32px; width:100%; height:0px; background:#E0EDFF; } /* 2009/09 新 關於我 區塊 */ #avatarContent {width:99%;text-align:center;display:block;word-break:break-all ;} #avatarAddMe {width:96px;height:2em;margin:0px auto;} #avatarAddMe img {float:left;} #personalLink {height:6em;width:100%;padding:0px; margin:5px auto;display:block;} #personalLink li {list-style-type:none;float:left;height:1.7em;margin:0px 5px 0px 5px;width:auto;display:block;font-size: 12px;} #personalLink li img {margin:1px 2px 0px 0px;vertical-align:top;} li.pblog{background:url(http://i.imgur.com/x0QSCAk.gif) no-repeat center left;} li.pphoto{background:url(http://i.imgur.com/Qrbcsks.gif) no-repeat center left;} li.pvlog{background:url(http://i.imgur.com/a3CAuVD.gif) no-repeat center left;} li.pboard{background:url(http://i.imgur.com/y4fpQQ9.gif) no-repeat center left;} li.pfriend{background:url(http://i.imgur.com/ZkpCVDx.gif) no-repeat center left;} li.plink{background:url(http://i.imgur.com/Vq1OXoS.gif) no-repeat center left;} /* 2009/09 新 回應 區塊 */ #commentSide{margin:4px 0px 4px 8px;padding:0px;} li.commentBox {list-style-type:none;margin-left: 0px !important;margin-bottom: 5px;height:36px;text-indent:0 !important;} li.commentBox img{width:32px;height:32px;border-style:solid;border-color:gray;border- width:1px;float:left;} li.commentBox .content {margin-left: 36px;} div.commentBody{font-size:1.2em;width:140px;overflow:hidden;text-overflow: ellipsis;white -space:nowrap;} div.commentAuthor{font-size:0.8em;width:140px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;} /* 2009/08 相關文章 */ /*文章 歷史上的今天標題圖設定*/ #articleExt_today_title{ background:url(http://i.imgur.com/Qrbcsks.gif) top left no-repeat; padding:16px 20px 9px 54px;margin-top: 10px; font-size:15px; } /*隨機文章和相關文章區*/ #articleExt_random_title, #articleExt_relate_title{ background:url(http://i.imgur.com/y4fpQQ9.gif) top left no-repeat; padding:16px 0px 9px 54px;margin-top: 15px; font-size:15px; } /*回覆回應區塊板主頭像圖及邊框設定*/ .reply_info{ background:url(http://f.share.photo.xuite.net/moon1230/1f52a7e/4895357/1024491009_x.jpg)left top no-repeat ; width:88px; display:block; border:0; width:90%; /*回覆回應區塊的線框設定*/ border:2px dotted #0251E5; padding-top:50px; } /*我要回應圖片變更*/ .comment a.commentbutton{ background:url(https://gifyu.com/images/B1-85X35-01.jpg) no-repeat ; width:85px; height:35px; display:block; border:0; position:absolute; padding-top:-3px;margin-top:-40px; right:0px; } .morebtn{ padding-right:10px; } /*我要引用圖片變更*/ .trackbacktitle a{ font-size:0px; position:absolute; height:35px;width:85px; top:-85px; /*引用圖與引用網址的字體高度距離*/ margin-left: 175x;background:url(https://gifyu.com/images/B1-85X35-02.jpg) no-repeat; } /*留言板*/ .gbookSide{color:#0251E5;} .gbookSide .odd {background:#0251E5;} .gbookSide a:link {color:#0251E5;} .gbookSide a:visited {color:#0251E5;} .gbookSide a:hover {color:#0251E5;} .gbookSide a:active {color:#0251E5;} /*隱藏工具列上方及文章區上方廣告*/ .top-toolbar-ad-bar{ width:0px; height:0px; display:none;border:0px;margin-top:-55px; } .top-toolbar-ad-bar a{ width:0px; height:0px; display:none;border:0px;margin-top:-55px; } #Y_TAB{width:0px; height:0px;z-index: 20000000000; display:none; margin-bottom:0px; margin-right: -1600px; !important;} #Y_lrec_ad{width:0px; height:0px; z-index: 20000; display:none;margin-bottom:0px; margin-right: -1600px; !important; }  

NO.42情繫江湖~莫召奴-痞客邦-右欄式版型語法

右欄式 /*CSS reset*/ html{ margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 100%; vertical-align: baseline; background: transparent; } /* ------------ IE瀏覽器捲軸的顏色設定 ------------ */ html{ SCROLLBAR-ARROW-COLOR:#87BAFF;/*上下箭頭*/ SCROLLBAR-FACE-COLOR:#E0EDFF;/*軸的主體色*/ SCROLLBAR-DARKSHADOW-COLOR:#8FBEFF;/*右及下方框線*/ SCROLLBAR-HIGHLIGHT-COLOR:#9DC6FF;/*左及上方框線*/ SCROLLBAR-SHADOW-COLOR:#8FBEFF;/*右及下方框線*/ SCROLLBAR-TRACK-COLOR:#F9FCFF;/*軸的底色*/ SCROLLBAR-3DLIGHT-COLOR:#9DC6FF;/*左及上方框線*/ } /* ------------Google瀏覽器的捲軸設定 ------------ */ ::-webkit-scrollbar{ /*捲軸的底色*/ background-color:#F9FCFF; } ::-webkit-scrollbar-thumb{ /*捲軸主體的顏色*/ background-color:#E0EDFF; -webkit-border-radius: 6px ; } ::-webkit-scrollbar-button:vertical:decrement{ /* 捲軸上方的箭頭 */ background-image: url("https://gifyu.com/images/06X01.png"); background-repeat: no-repeat; } ::-webkit-scrollbar-button:vertical:increment { /* 捲軸下方的箭頭 */ background-image: url("https://gifyu.com/images/06X02.png") ; background-repeat: no-repeat; } body { background-attachment: fixed;/*背景固定模式*/ background:#0251E5;/*背景固定模式的底圖色*/ background-position: center top; background-repeat: repeat; border: 0; /*重覆背景底圖*/ background: url (https://i.imgur.com/uWcUs4H.jpg); margin: 0; outline: 0; vertical-align: baseline; color:#4E7699; } h1, h2, h3 { padding:0px;margin:0px; font-weight:normal;} /*主體*/ html{ } body{ margin:0px 0px 0px 0px; text-align: center; background:url(https://i.imgur.com/uWcUs4H.jpg) repeat; /*關於我的內容字體+最新回應內容字體顏色*/ color:#0251E5; } ul {padding:0px;margin:0px;} li {list-style-position:inside;} h1, h2, h3 { padding:0px;margin:0px; font-weight:normal;} /*連結圖+服務切換六鍵顏色設定*/ a, a:link, a:visited { /*服務切換六鍵+側欄內文字+繼續閱讀+文章分類+中間欄標題及欄下方功能文字+相關文章+關於我功能顏色設定*/ color: #0251E5; text-decoration: none; } a:active { color: color: #2623F4; text-decoration: none;/*連結時的文字顏色*/ } a:hover {background: url(http://f.share.photo.xuite.net/moon1230/1f52a70/5903551/1160034225_x.jpg) no-repeat; background-position: 50% 50%; /*服務切換六鍵連結時的顏色設定*/ color: #0B07FE; cursor: url(//); text-decoration: none; } /*定位框*/ #wrap{} #container { position:relative; text-align: left; width:1370px; padding-top:0px; margin:0px auto; background:url(https://i.imgur.com/gmc1QMW.png) repeat-y center; overflow:hidden; } /*檔頭*/ #banner{ margin: 0px; padding: 0px; height: 550px; background:url(https://i.imgur.com/rlU5a3i.jpg) no-repeat center bottom; display:block; } /*左欄*/ #linksLeft{ display:none; } /*右欄*/ #linksRight{ right:0px; width: 200px; margin: 25px 10px 0px 0px;/*第1是右欄與中欄高度*/ float:right; display:inline; } /*中間欄*/ #mid{ width:1120px;/*中間欄位寬度*/ float:left; margin-left:10px;/*中間欄靠左的距離-數字越往後距離越遠*/ padding:0px; display:inline; } /*檔尾*/ #footer { clear: both;line-height: 16px; height: 60px; margin-left: 0px;margin-bottom: 1px; padding: 30px 0 20px; text-align: center; background: url()center bottom no-repeat ; color:#0251E5; } /*側欄-左右欄位-上欄圖*/ .sidetitle{ height:auto; font-family:"微軟正黑體"; color: #0251E5; /*字體色*/ font-size: 20px; height:75px;width:200px; font-weight: bold; text-align:center; padding:40px 0px 50px 0px;/*1是中間欄與上欄距離-4是欄位的左右位子*/ background:url(http://i.imgur.com/oRCIYWt.png) no-repeat center top; } /*左右欄-中欄*/ .side{ background-image: url(http://i.imgur.com/UJIrCWV.png); background-position:center top; background-repeat: repeat; border-bottom: 5px solid #0050EC;/*底框的粗細度+框線的顏色*/ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 360; line-height: 180%; padding-left: 8px;padding-bottom: 50px;margin-top:-90px;/*第3數字-中間欄與上的距離*/ widht:200px; } /*最新文章*/ .articleTitle{ } /*最新文章前小圖*/ .articleSide li{ list-style-image:url(https://gifyu.com/images/BK-16x16.gif); } .articleSide{ } /*最新留言*/ .messageTitle{ } .messageSide{ } .date { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 15px; color: #0251E5; } /*欄位內文字區塊設定*/ .side li{ padding-top: 5px;color: #0251E5; } .side li a{ color: #0251E5; padding-top: 5px; } /*空白*/ .spacer{ clear:both; } /******************************************/ /*檔頭class*/ /*日誌名稱*/ .blogname{ font-size: 25px;font-weight: bArial;FONT-WEIGHT: bold; font-weight: normal; padding:50px 0 0 680px; /*數字第1是高度-第4是字體位字*/ width:550px; } .blogname a:link{ color:#0251E5;} /*日誌名稱字體顏色*/ .blogname a:visited{ color:#0251E5;} /*日誌名稱按下去的顏色*/ .blogname a:hover{ color:#05C1F0;} /*今日心情*/ .blogemotion{ } /*日誌描述*/ .description{ font-size: 15px;FONT-FAMILY: Arial;FONT-WEIGHT: bold; color: #0251E5; padding:25px 0 0 630px; /*第1是與日誌名稱的高度距離-第4是圖與字的距離*/ line-height:150%; width:400px; } /*Logo*/ .menulist{ display:none;} .logo{ visibility:visible; float:left; } /******************************************/ /*中間欄位class*/ /*文章外框*/ #content{ padding: 5px 0px; margin: 0px 5px; } /*文章標題前小圖+文章下方分隔線顏色*/ .title{ width:1050px; height:140px; padding: 10px 0 0 100px; /*第1是圖與文章線的高度-第4是圖與字的距離*/ background:url(https://s1.gifyu.com/images/-125X150.gif) no-repeat; border-bottom:solid 2px #0251E5; } /*文章標題名稱*/ span.titlename{ font-size:22px; color:#0251E5; font-weight:normal; padding-left:5px; } /*文章日期*/ span.titledate{ float:right; height:25px; padding-right:10px; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px; color: #0251E5; } /*文章評價列*/ .blogrank{ width:100%; line-height:200%; margin-top:10px; } /*文章瀏覽數*/ span.counter{ background:url(https://gifyu.com/images/BS-01.gif) no-repeat; float:right; margin:5px; padding:0px 5px 2px 20px; width:auto; color: #0251E5; } /*文章分類前小圖*/ span.category{ background:url(https://gifyu.com/images/BS-02.gif) no-repeat; float: right; margin:5px; width:auto; padding:0px 0 0 30px; } /*文章分類--全部收合小圖*/ .sidebar-tree-container li a{ background:url(https://gifyu.com/images/BK-16x16.gif)1px 1px no-repeat ; padding-left:30px;} /*文章分類-全部展開-連結小圖*/ .sidebar-tree-container li a:hover{background:url(https://gifyu.com/images/Bluelove-15X15-03.gif) 1px 1px no-repeat ;padding-left:30px; } /*文章分類-全部展後小圖*/ .sidebar-tree-sub-container li a{background:url(https://gifyu.com/images/BS-03.gif) 1px 1px no-repeat ;padding-left:20px;padding-top:5px; } /*文章分類-資料夾-全部展後連結小圖*/ .sidebar-tree-sub-container li a:hover{background:url(https://gifyu.com/images/BS-04.gif)-1px -1px no-repeat ;padding-left:30px;padding-top:5px; } /*文章主體(文章下方4鍵斜線顏色)*/ .blogbody{ word-wrap: break-word; width:99%; overflow:hidden; color:#0251E5; line-height:20px; font-size:15px; } /*作者列*/ .posted{ width:100%; text-align:right; font-size:15px; clear:both; } /*文章區下方的圖片*/ .selectbar{ width:100%; text-align:center; padding-top:-20px; margin-top:20px; background:url(https://s1.gifyu.com/images/-426X381.png) no-repeat; background-position:center bottom; height:400px;/*此處需比圖檔略高*/ } /*引用列*/ .trackbacktitle{ position:relative; width:100%; margin-top:25px; margin-bottom:15px; font-size: 12px; color: #0251E5; height:24px; } /*引用列底色*/ .trackbacktitle a{ position:relative; width:100%; margin-top:25px; margin-bottom:15px; font-size: 12px; color: #FFFFFF; height:24px; } /*引用網址底圖色*/ .trackbackurl{ width:100%; background:#FFFFFF; padding-top:20px; padding-bottom:20px; text-indent:10px; word-break:break-all; } /*引用日期*/ .trackbackdate{ width:100%; text-align:right; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; color: #0251E5; } /*引用內容*/ .trackbackcontent{ width:100%; line-height:150%; margin-top:5px; border-bottom:1px dotted #0251E5; word-break:break-all; } .trackbackcontent td{} /*留言列*/ .comment{ width:110%; font-size: 12px; color: #0251E5; height:25px; margin-top:5px;padding-top: 10px; padding-bottom:10px; word-break:break-all; } .comment-c{ } .comment-avatar-link{ } /*留言名稱*/ span.commenttitle{ padding:6px 0px 2px 20px; background:url(http://f.share.photo.xuite.net/moon1230/1f52a88/4288422/1027468770_x.jpg) no-repeat; width:auto; } /*留言按鈕*/ span.commentbutton{ float:right; } /*留言作者列*/ .author{ width:100%; } /*留言作者名稱*/ span.authorname{ } /*留言日期*/ span.commentdate{ float:right; text-align:right; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; color: #0251E5; } /*留言內容*/ .commenttext{ word-wrap: break-word; width:100%; margin-top:10px; margin-bottom:10px; line-height:18px; } /*留言編輯按鈕*/ .commentedit{ width:100%; border-bottom:1px dotted #0251E5; } /*留言者信箱*/ span.email{ } /*瀏覽方式切換*/ .ArticleShowMode { margin-bottom:10px; } /*列表模式 */ .singleArticle{ } .singleArticle ul{ padding-left:20px; } .singleArticle li{ list-style: url(http://f.share.photo.xuite.net/moon1230/1f52a88/4288422/1027468770_x.jpg); padding-left: 20px; line-height:200%;margin-left: 2px; } /******************************************/ /*左欄class*/ /* 2009/09 新 關於我 區塊 */ #avatarContent {width:99%;text-align:center;display:block;word-break:break-all ;} #avatarAddMe {width:96px;height:2em;margin:0 auto;} #avatarAddMe img {float:left;} #personalLink {height:6em;width:94px;padding:0px; margin:10px auto;display:block;} #personalLink li {list-style-type:none;float:left;height:1.7em;margin:0 4px 0 0;padding:2px 0 0 16px;width:auto;display:block;} #personalLink li img {margin:1px 2px 0px 0px;vertical-align:top;} li.pblog{background:url(http://f.share.photo.xuite.net/moon1230/1f52a51/4288422/1162056619_x.jpg ) no-repeat center left;} li.pphoto{background:url(http://f.share.photo.xuite.net/moon1230/1f52a89/4288422/1159348451_x.jpg) no-repeat center left;} li.pvlog{background:url(http://f.share.photo.xuite.net/moon1230/1f52a89/4288422/1159348451_x.jpg) no-repeat center left;} li.pboard{background:url(http://f.share.photo.xuite.net/moon1230/1f52a89/4288422/1159348451_x.jpg) no-repeat center left;} li.pfriend{background:url(http://f.share.photo.xuite.net/moon1230/1f52a89/4288422/1159348451_x.jpg) no-repeat center left;} li.plink{background:url(http://f.share.photo.xuite.net/moon1230/1f52a89/4288422/1159348451_x.jpg) no-repeat center left;} /*照片*/ .avatarPhoto{ text-align:center; } /*帳號*/ .avatarID{ display:none; } /*我的描述*/ .avatarDesciption{ color:#0251E5; word-wrap:break-all; overflow:hidden; width: 150px; } /*關於我按鈕*/ .avatarbutton{ } /*文章分類*/ .categoryTitle{ } .categorySide li{ list-style-image:url(http://i.imgur.com/QvBhTXK.png); } .categorySide{ } /*日曆設定*/ .calendarTitle{ } /*日曆-有發文時的月份列表圖*/ .calendarSide li{ list-style-image:url(http://f.share.photo.xuite.net/moon1230/1f52a89/4288422/1159348451_x.jpg); } .calendarSide{ text-align:center; padding-left:15px; } /*日曆table*/ .calMonth{ width:92%; } /*日曆首列*/ .calMonthNav{ } /*日曆上個月*/ .calMonthBackward{ } /*日曆目前顯示年月*/ .calMonthCurrent{ font-size: 15px; font-weight: bold; color: #0251E5; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; } /*日曆下個月*/ .calMonthForward{ color: #0643BD; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 15px; } /*日曆星期列*/ .calMonthHeader{ } /*日曆日欄*/ .calMonthDay{ font-size: 15px; color: #407DF8; text-align:center; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; } /*日曆今日日期*/ .calMonthToday{ font-size: 17px; text-align:center; } /*日曆假日日期*/ .calholiday{ font-size: 15px; color: #FF0000; text-align:center; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; } .calendarbutton{ text-align:right; } /* 日曆狀態 */ .cal_calendar {font-size:5pt;font-family:verdana;padding:0px;margin:0px;border:none; border-collapse:collapse;} .cal_header {font-weight:bold;} .cal_day {width:2ex;text-align:center;padding:0px;margin:0px;border:none; border- collapse:collapse;cursor:hand;} .cal_disabled {color:#286EFA;width:2ex;padding:0px;margin:0px;border:none; border- collapse:collapse;} .cal_common {color:black;width:3ex;padding:0px;margin:0px;border:none; border- collapse:collapse;} .cal_holiday {color:red;width:3ex;padding:0px;margin:0px;border:none; border- collapse:collapse;} /*有發文時的日期顏色*/ .cal_event {color:#0016A5;width:3ex;padding:0px;margin:0px;border:none; border- collapse:collapse;cursor:pointer;cursor:hand;} /*搜尋文章*/ .searchTitle{ } .searchSide{border: 1px double #0251E5; height:35px;padding-top:6px; text-align:center; } .searchbutton{ text-align:left; padding:2px; } /*搜尋框中背景色*/ .searchbutton .inputForm{ background-image:url(http://i.imgur.com/wx7Mwa5.gif) ; text-align:center; } /*我的哈拉室*/ .chatTitle{ } .chatSide{ } /*已建立的日誌*/ .bloglistTitle{ } .bloglistSide li{ list-style-image:url(http://i.imgur.com/Qrbcsks.gif); } .bloglistSide{ } /*訂閱電子報*/ .epaperTitle{ } .epaperSide{ text-align:center; } .epaperbutton{ text-align:center; padding:2px; } /*自由欄位*/ .customTitle{ } .customSide{ } /*日誌使用資源*/ .resourceTitle{ } .resourceSide{ text-align:center; } /*留言塗鴉版*/ .paintTitle{ } .paintSide{ text-align:center; } /******************************************/ /*右欄class*/ /*背景音樂*/ .musicTitle{ } .musicSide{ } .musicbutton{ text-align:left; padding:2px; } /*參觀人次統計文字顏色*/ .countSide,#todayHit,#totalHit{ color: #0251E5;padding-left:10px;padding-top:10px; } /*我的訂閱*/ .rssrollTitle{ } .rssrollSide li{ list-style-image:url(http://i.imgur.com/y4fpQQ9.gif); } .rssrollSide{ } .backbtn li{ list-style-image:url(http://i.imgur.com/Qrbcsks.gif); } .backbtn{ text-align:right; } /*morebtn鍵小圖*/ .morebtn{ background:url(http://f.share.photo.xuite.net/moon1230/1f52a93/4288422/1159340525_x.jpg) no-repeat; width:auto; padding-left:25px; float:right; } /*日誌評價*/ .rankTitle{ } .rankSide{ } /*已建立的相簿*/ .albumTitle{ } .albumSide{ } /*最愛連結*/ .linkTitle{ } .linkSide li{ list-style-image:url(http://i.imgur.com/2eW7x2Y.png); } .linkSide{ } /*個人項目---- 2006-5-11 Modify*/ .personallink{ display: block; width:170px; margin:0px 0px 0px 0px; } /*關於我*/ .plink ul{ list-style-type:none; margin:0px; padding:0px 2px 0px 20px; word-wrap: break-word; display: block; float:left; } .plink li{ padding:0px; margin:0px 0px 0px 0px; list-style-image:url(http://f.share.photo.xuite.net/moon1230/1f52a67/4288422/1152606657_x.jpg); } .plink{ padding:0px; width: 90px; } /*我的相簿*/ .pphoto ul{ list-style-type:none; margin:0px; padding:0px 2px 0px 20px; word-wrap: break-word; display: block; float:left; } .pphoto li{ padding:0px; margin:0px 0px 0px 0px; list-style-image:url(http://i.imgur.com/xGG7FSG.png); } .pphoto{ padding:0px; width: 90px; } /*我的影音*/ .pvlog ul{ list-style-type:none; margin:0px; padding:0px 2px 0px 20px; word-wrap: break-word; display: block; float:left; } .pvlog li{ padding:0px; margin:0px 0px 0px 0px; list-style-image:url(http://f.share.photo.xuite.net/moon1230/1f52a78/4288422/1027469522_x.jpg); } .pvlog{ padding:0px; width: 90px; } /*加入好友*/ .pfriend ul{ list-style-type:none; margin:0px; padding:0px 2px 0px 20px; word-wrap: break-word; display: block; float:left; } .pfriend li{ padding:0px; margin:0px 0px 0px 0px; list-style-image:url( http://f.share.photo.xuite.net/moon1230/1f52a88/4288422/1027468770_x.jpg); } .pfriend{ padding:0px; width:90px; } /*我的留言板*/ .pboard ul{ list-style-type:none; margin:0px; padding:0px 2px 0px 20px; word-wrap: break-word; display: block; float:left; } .pboard li{ padding:0px; margin:0px 0px 0px 0px; list-style-image:url(http://i.imgur.com/Au2E7is.gif); } .pboard{ padding:0px; width: 90px; } /*文章分類---- 2006-5-12 Modify*/ .pTitle{ } /*下方換頁-第一頁字體及位置*/ .page { margin-top: 10px; margin-bottom: 10px; font-size: 15px; color: #0251E5; line-height: 24px; vertical-align:middle; } /*下方換頁-第二頁字體及位置*/ .page a:link, .page a:visited, .page a:active { font-size: 14px; color: #0000FF; line-height: 24px; text-decoration: none; } /*下方換頁-第二頁字體及位置連結色*/ .page a:hover { font-size: 14px; color: #EFF8FB; line-height: 24px; text-decoration: underline; } /*留言回覆邊框*/ .reply_info{ width: 90%; border: 2px dashed #0251E5; padding: 1.2em 1.2em; margin: 1.2em; } /*我的好友&我的好友樹*/ .friendTitle{ } .LoveFriendSide{ text-align: center; } .LoveFriendSide select{ color: #0251E5; font-size: 12px; } #xuiteFriendsSide { color: #0251E5; font-size: 12px; } #xuiteFriendsSide a:link, #xuiteFriendsSide a:visited, #xuiteFriendsSide a:active { font-size: 12px; color: #0251E5; } #xuiteFriendsSide a:hover { font-size: 12px; color: #0251E5; } /*最愛日誌*/ .LoveBlogTitle{ } .LoveBlogSide{ text-align:center; } .LoveBlogSide select{ color: #0251E5; font-size: 12px; } /*好文轉寄*/ span.mail{ background:url(http://i.imgur.com/6jVYyH4.gif) no-repeat; float:right; margin-top:5px; padding:2px 0px 0px 20px; width:auto; } /*我的發燒文*/ .hotArticleTitle { } /*我的親友團*/ .myChannelTitle { } .gText{color: #0251E5;} .rank{color: #269CC3; float:left;} /*日誌背景音樂*/ .BackgroundMusicTitle{ } /*我的留言板*/ .gbookTitle{ } /*誰拜訪過我*/ #visitorTitle{ } /* 2009/08 相關文章 */ .articleExt { clear:both; padding-top:10px; border-top:1px solid #0251E5; } /* 2009/09 推推 bookmark 區塊 */ .bookmark{ float:right; } /*隨機推薦文章*/ .ArticleRandomSide{ } /*相關文章*/ #ArticleRelateSide{ } /*服務切換tab*/ /*服務切換六鍵位置及字體大小*/ #service-list{ position:absolute; top:500px; /*字體位置的高度*/ left:700px;/*字體位置靠左或靠右*/ width:360px; height:130px; font-size:13pt; } /*服務切換間距*/ #service-list .service-item { padding:0px; margin:0px; background:transparent; margin-left:0px; cursor:pointer; list-style-type:none; list-style-position:inherit; float:left; display:block; } .service-item{ } /*服務切換-日誌字體位置及前面直線顏色*/ #service-blog .service-link { width:50px; height:20px; padding-left:5px; margin:0px; overflow:hidden; display:block; float:left; border-left:1px solid #0251E5; } #service-blog .service-link:hover { } /*服務切換-相簿字體位置及前面直線顏色*/ #service-photo .service-link { width:50px; height:20px; overflow:hidden; padding-left:5px; margin:0px; display:block; float:left; border-left:1px solid #0251E5; } #service-photo .service-link:hover{ } /*服務切換-影音字體位置及前面直線顏色*/ #service-vlog .service-link{ width:50px; height:20px; overflow:hidden; padding-left:5px; margin:0px; display:block; float:left; border-left:1px solid #0251E5; } #service-vlog .service-link:hover{ } /*服務切換-留言字體位置及前面直線顏色*/ #service-gbook .service-link{ width:50px; height:20px; overflow:hidden; padding-left:5px; margin:0px; display:block; float:left; border-left:1px solid #0251E5; } #service-gbook .service-link:hover{ } /*服務切換-好友字體位置及前面直線顏色*/ #service-friend .service-link{ width:50px; height:20px; overflow:hidden; padding-left:5px; margin:0px; display:block; float:left; border-left:1px solid #0251E5; } #service-friend .service-link:hover{ } /*服務切換-名片字體位置及前面直線顏色*/ #service-card .service-link{ width:50px; height:20px; overflow:hidden; padding-left:5px; margin:0px; display:block; float:left; border-left:1px solid #0251E5; } #service-card .service-link:hover{ } #service-list a{background:none;} /*部落格上方工具列連結時的底框及字體顏色*/ .top-toolbar li ul{ /*background-color:transparent;*/ background-color:#EFF8FB;/*底色*/ } .top-toolbar li ul a:hover{ color:#0251E5;/*字體色*/ } /*部落格上方工具列文字小圖及顏色*/ .top-toolbar li ul a:hover{ color:#0251E5; } /*部落格上方工具列文字小圖及顏色*/ .top-toolbar ul li{ padding-left: 5px; } .top-toolbar li ul a{ background:url(http://f.share.photo.xuite.net/moon1230/1f52a89/4288422/1159348451_x.jpg)no-repeat ; padding-left:30px;margin-left: -13px; } /*部落格右上工具列及左上5功能鍵文字按下去的顏色及小圖*/ .top-toolbar li ul a:hover{ color:#0251E5; background:url(http://f.share.photo.xuite.net/moon1230/1f52a90/4288422/1160088554_x.jpg) no-repeat ; padding-left:30px; } .top-toolbar { background:url() repeat-x; filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; background:transparent; padding-top:5px; font-size:16px; height:30px; position:relative; text-align:right; width:100%; z-index:3600; font-family:"微軟正黑體"; } /*部落格上方工具列ID的顏色*/ .top-toolbar ul li.top-toolbar-user-hello a{color:#0251E5;} /*部落格上方工具列ID按下去的顏色*/ .top-toolbar ul li.top-toolbar-user-hello a:hover{color:#0A06E4;} .top-toolbar ul li.top-toolbar-user-space p{ /*部落格上方工具列免費空間按下去的底圖顏色*/ background:url(http://i.imgur.com/ENKhlvk.gif) repeat ; /*部落格上方工具列免費空間按下去的字體顏色*/ color:#0A06E4;margin-top: 5px; } .top-toolbar ul li.top-toolbar-user-space p a{ color:#0251E5;} /*部落格上方工具列免費空間按下去的顏色*/ .top-toolbar ul li.top-toolbar-user-space p a:hover{background:url(http://i.imgur.com/wx7Mwa5.gif) repeat ; color:#38A8CD;} /*部落格上方工具列通知列的底框及數字的顏色*/ .top-toolbar ul li.top-toolbar-user-notice span{background:#F4F9FC; color:#0251E5;}/*第1-底色-第2是字色*/ /*部落格上方工具列左邊四功能字體的顏色*/ .top-toolbar a:link{color:#AFDCFC;} .top-toolbar a:hover{color:#0A06E4;text-decoration:none;background:none;} /*部落格上方工具列登出通知短址工具的顏色*/ .top-toolbar a, .top-toolbar a:visited, .top-toolbar a:link {color:#0251E5;}/*字體-深色*/ .top-toolbar-general-home p a:hover{color:#0A06E4;background:url(http://f.share.photo.xuite.net/moon1230/1f52a89/4288422/1159348451_x.jpg) no-repeat; } /*部落格上方版頭橫幅的顏色*/ .extra9{ position:relative; left:0px; *left:0px; top:-32px; width:100%; height:0px; background:#E0EDFF; } /* 2009/09 新 關於我 區塊 */ #avatarContent {width:99%;text-align:center;display:block;word-break:break-all ;} #avatarAddMe {width:96px;height:2em;margin:0px auto;} #avatarAddMe img {float:left;} #personalLink {height:6em;width:100%;padding:0px; margin:5px auto;display:block;} #personalLink li {list-style-type:none;float:left;height:1.7em;margin:0px 5px 0px 5px;width:auto;display:block;font-size: 12px;} #personalLink li img {margin:1px 2px 0px 0px;vertical-align:top;} li.pblog{background:url(http://i.imgur.com/x0QSCAk.gif) no-repeat center left;} li.pphoto{background:url(http://i.imgur.com/Qrbcsks.gif) no-repeat center left;} li.pvlog{background:url(http://i.imgur.com/a3CAuVD.gif) no-repeat center left;} li.pboard{background:url(http://i.imgur.com/y4fpQQ9.gif) no-repeat center left;} li.pfriend{background:url(http://i.imgur.com/ZkpCVDx.gif) no-repeat center left;} li.plink{background:url(http://i.imgur.com/Vq1OXoS.gif) no-repeat center left;} /* 2009/09 新 回應 區塊 */ #commentSide{margin:4px 0px 4px 8px;padding:0px;} li.commentBox {list-style-type:none;margin-left: 0px !important;margin-bottom: 5px;height:36px;text-indent:0 !important;} li.commentBox img{width:32px;height:32px;border-style:solid;border-color:gray;border- width:1px;float:left;} li.commentBox .content {margin-left: 36px;} div.commentBody{font-size:1.2em;width:140px;overflow:hidden;text-overflow: ellipsis;white -space:nowrap;} div.commentAuthor{font-size:0.8em;width:140px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;} /* 2009/08 相關文章 */ /*文章 歷史上的今天標題圖設定*/ #articleExt_today_title{ background:url(http://i.imgur.com/Qrbcsks.gif) top left no-repeat; padding:16px 20px 9px 54px;margin-top: 10px; font-size:15px; } /*隨機文章和相關文章區*/ #articleExt_random_title, #articleExt_relate_title{ background:url(http://i.imgur.com/y4fpQQ9.gif) top left no-repeat; padding:16px 0px 9px 54px;margin-top: 15px; font-size:15px; } /*回覆回應區塊板主頭像圖及邊框設定*/ .reply_info{ background:url(http://f.share.photo.xuite.net/moon1230/1f52a7e/4895357/1024491009_x.jpg)left top no-repeat ; width:88px; display:block; border:0; width:90%; /*回覆回應區塊的線框設定*/ border:2px dotted #0251E5; padding-top:50px; } /*我要回應圖片變更*/ .comment a.commentbutton{ background:url(https://gifyu.com/images/B1-85X35-01.jpg) no-repeat ; width:85px; height:35px; display:block; border:0; position:absolute; padding-top:-3px;margin-top:-40px; right:0px; } .morebtn{ padding-right:10px; } /*我要引用圖片變更*/ .trackbacktitle a{ font-size:0px; position:absolute; height:35px;width:85px; top:-85px; /*引用圖與引用網址的字體高度距離*/ margin-left: 175x;background:url(https://gifyu.com/images/B1-85X35-02.jpg) no-repeat; } /*留言板*/ .gbookSide{color:#0251E5;} .gbookSide .odd {background:#0251E5;} .gbookSide a:link {color:#0251E5;} .gbookSide a:visited {color:#0251E5;} .gbookSide a:hover {color:#0251E5;} .gbookSide a:active {color:#0251E5;} /*隱藏工具列上方及文章區上方廣告*/ .top-toolbar-ad-bar{ width:0px; height:0px; display:none;border:0px;margin-top:-55px; } .top-toolbar-ad-bar a{ width:0px; height:0px; display:none;border:0px;margin-top:-55px; } #Y_TAB{width:0px; height:0px;z-index: 20000000000; display:none; margin-bottom:0px; margin-right: -1600px; !important;} #Y_lrec_ad{width:0px; height:0px; z-index: 20000; display:none;margin-bottom:0px; margin-right: -1600px; !important; }  

部落格背景裝飾語法網址:http://www.blog-switch.com/widget/84896

滑鼠游標裝飾語法網址:http://www.cursor-switch.com/widget/12913

請至上列網址複製→管理後台→側欄貼上