close

NO.9華麗的青色舞台~痞客幫版型語法

http://moon1230m.pixnet.net/blog/post/458701406

 

NO.9華麗的青色舞台~痞客幫版型圖示  

NO.9華麗的青色舞台~痞客幫版型語法

 

★.版型主圖來源:千圖網，弦月下的世界編製。

 

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

 

★.以下語法開始:

/*CSS reset*/ 
html{ 
margin: 0px; 
padding: 0px; 
border: 0px; 
outline: 0px; 
font-size: 100%; 
vertical-align: baseline; 
background: transparent; 
} 
/* ------ ------ IE瀏覽器捲軸的顏色設定------------ */ 
html{

SCROLLBAR-ARROW-COLOR:#3B706C;/*上下箭頭*/ 
SCROLLBAR-FACE-COLOR:#77C6C0;/*軸的主體色*/ 
SCROLLBAR-DARKSHADOW-COLOR:#3F726E;/*右及下方框線*/

SCROLLBAR-HIGHLIGHT-COLOR:#3F726E;/*左及上方框線*/ 
SCROLLBAR-SHADOW-COLOR:#305A57;/*右及下方框線*/ 
SCROLLBAR-TRACK-COLOR:#FFFFFF;/*軸的底色*/ 
SCROLLBAR-3DLIGHT-COLOR:#305A57;/*左及上方框線*/ } /* -------------Google瀏覽器的捲軸設定------- ----- */
　
 

::-webkit-scrollbar{ /*捲軸底色*/ 
background-color:#FFFFFF; 
} 
::-webkit-scrollbar-thumb{ /*捲軸的主體顏色*/ 
background-color:#77C6C0; 
-webkit-border -radius: 6px ; 
} 
::-webkit-scrollbar-button:vertical:decrement{ /*捲軸上方的箭頭*/ 
background-image: url("http://f.share.photo.xuite.net/moon1230/ 1f52a85/4895357/1159618056_x.jpg"); 
background-repeat: no-repeat; 
} 
::-webkit-scrollbar-button:vertical:increment { /*捲軸下方的箭頭*/ 
background-image: url("http:/ /f.share.photo.xuite.net/moon1230/1f52aec/4895357/1159595119_x.jpg") ; 
background-repeat: no-repeat; 
} 
#comment-form table{width: 96% ;margin: 0 auto ;} 
# comment-form td , #comment-form th{border: 1px solid #0AC2B3 ;padding: 3px 5px;} 
#comment-form input#send-comment{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 #77C6C0; 
} 
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:#0AC2B3; 
font-size:15pt; 
font-family:"Century Gothic"; 
line-height:180%; 
/*---部落格背景重覆底圖---*/ 
background-image:url(http://i.imgur.com/dkDKi8F.png); 
background-repeat:repeat; 
background-position:undefined; 
} 

/*部落格中間欄位底圖*/ 
#container{ 
width: 1460px; 
background: url("http://i.imgur.com/PBgWuFM.png") re peat-y left top; 
margin: 0 auto; 
} 
/*部落格中間欄位重覆底圖*/ 
#container2{ 
background: url(http://i.imgur.com/PBgWuFM.png) no-repeat center bottom; 
display:block; 
} 


#container3 { 
overflow:hidden; 
position:relative; 
} 

#main{ 

#main{width:1460px;margin:auto;} 

#content{float:right;line-height:180%;width: 1200px;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:#0AC2B3;text-decoration:none;} 
a:hover{color: #009B93;position:relative;top:2px;background:url(http://f.share.photo.xuite.net/moon1230/1f52a70/5903551/1160034225_x.jpg) repeat-x bottom;} 

/*版型主圖高度+部落格名稱位置*/ 
#header{ 
height: 445px; 
padding-left: 400px; 
background:url(http://i.imgur.com/Jw9bTy9.png) no-repeat center bottom; 
display:block; 
} 
/*部落格置頂功能顏色設定*/ 
/*招呼語+登入+登出*/ 
#login-bar{ 
text-align:left; 
padding:10px 0px 0px 20px; 
height:30px; 
line-height:10px; 
color:#0AC2B3;} 

#login-bar a{color:#0AC2B3} 
#login-bar a:hover{color: #;background: #;} 
#login-bar .separator{color:#0AC2B3} 

#login-bar a:hover { 
color: #0AC2B3; 
background: #00A99B; 
} 

#banner { 
width: 400px; 
height: 100px; 
overflow:hidden; 
} 

/*部落格名稱字體位置*/ 
#banner { 
width: 400px; 
height: 120px; 
overflow:hidden; 
} 
#banner h1 { 
font-weight:bold; 
font-family:微軟正黑體; 
font-size:30px; 
position:absolute; 
text-align:left; 
padding:100 100px; 
top:0px; 
margin-top: 180px; /*字體高度*/ 
margin-left: 250px; /*字體靠左或右*/ 
} 
/*部落格名稱的顏色*/ 
#banner h1 a{ 
color: #0AC2B3; 
} 
/*部落格字體按下去的顏色*/ 
#banner h1 a:hover { 
color: #00A99B; 
/*部落格字體按下去的底色*/ 
background: #E6FAF8; 
/*部落格框的虛線顏色*/ 
border:2px dotted #0AC2B3; 
} 

/*部落格招呼語字體位置*/ 
#banner h2 { 
width:650px ; 
color: #0AC2B3; 
margin:25px 0; 
font-weight:bold; 
font-family:微軟正黑體; 
font-size:23px; 
position:absolute; 
top:210px;/*字體高度*/ 
left:420px; / *字體靠左或右*/ 
line-height:30px; 
overflow:hidden; 
} 

/*部落格招呼語字體高度*/ 
.skiplink { 
position:absolute; 
top:400px; 
/*部落格招呼語字體-位置* / 
left:1280px ; 
font-size:16px; 
} 

/*跳回主文顏色設定*/ 
.skiplink a{ 
color: #0AC2B3; 
}

/*跳回主文字體按下去的顏色*/ 
.skiplink a:hover { 
color: #00A99B; 
background: #FFFFFF; 
}

#blog-category { 
position:absolute; 
top:400px;/*此處需與部落格招呼語字體高度一樣*/ 
left:1080px;/*跳回主文字體的位置*/ 
font-size:16px; 
} 
} 
/*不設分類字體顏色設定*/ 
#blog-category a { 
color: #0AC2B3; 
} 

/*不設分類字體按下去的顏色*/ 
#blog-category a:hover { 
color: #00A99B; 
background: #FFFFFF; 
} 

#authority { 
width: 100%; 
font-size: 16px; 
text-align: center; 
border-bottom: 0px solid #; 
background: #; 
padding: 5px 1000px; 
}

/*發表文章+管理後台字體顏色設定*/ 
#authority a { 
color: #0AC2B3; 
background: #FFFFFF; 
border: 2px solid #00A99B; 
} 
#authority a:hover { 
color: #0AC2B3; 
background: #E7FEFF; 
} 

/*四功能鍵位置高度+顏色設定*/ 
#navigation{ 
position:absolute; 
top:400px;/*高度*/ 
left:120px; 
} 
#navigation li{ 
float:left; 
}

/*相簿+部落格+留言+名片的框線顏色*/ 
#navigation a{ 
/*框內底色*/ 
background: #FFFFFF; 
padding: 4px; 
/*框框右邊顏色*/ 
border-right: 1px solid #0AC2B3; 
/*框框下方顏色*/ 
border-bottom: 1px solid #0AC2B3; 
position:relative; 
font-weight:bold; 
font-size:15px; 
width:50px; 
height:20px; 
/*相簿+部落格+留言+名片的字體顏色*/ 
color:#0AC2B3; 
letter-spacing:3pt 
} 
/*四功能鍵位框內底色顏色設定*/ 
#navigation a:hover { 
color: #0AC2B3; 
background: #EBFEFC ; 
} 

/*------------------留言區底圖及欄位寬度---------------*/ 
/*留言區底圖*/ 
#content{ 
width:935px ;/*留言區底圖寬度距離需配合左右欄位邊線距離*/ 
float:left ; 
background:url(http://f.share.photo.xuite.net /moon1230/1f52af8/5903551/1154607929_x.jpg) repeat; 
/*留言區底色*/ 
background:#FFFFFF; 
margin:0 auto; 
margin-left: 250px ; 
margin-top: 15px ; 
}

/*-----公告版欄位設定-----*/ 
#spotlight{ 
/*公告欄位底色*/ 
background:#FFFFFF; 
padding:5px; 
margin-bottom: 5px ; 
/*公告欄位虛線框顏色*/ 
border: 6px dotted #0AC2B3; 
}

/*公告版欄位標題設定*/ 
#spotlight h5 { 
background:url( 
); 
/*公告版位標題字體顏色及字型*/ 
color:#0AC2B3; 
font-weight:bold; 
font-family:微軟正黑體; 
font-size:22px; 
/*公告版位標題字體下方虛線顏色*/ 
border-bottom:2px dotted #77C6C0; 
padding:2px; 
} 

/*公告版欄位底圖+顏色+字體及字體大小設定*/ 
#spotlight-text { 
background:url(http://f.share.photo.xuite.net/moon1230/1f52ad9/5903551/247266842_x.jpg); 
color:#0AC2B3; 
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(http://f.share.photo.xuite.net/moon1230/1f52aab/4288422/ 1159657221_x.jpg) no-repeat; 
} 
.title { 
font-weight:bold; 
font-family:微軟正黑體; 
float:left; 
font-size:22px; 
line-height: 30px; 
padding: 10px 0px 0px 60px; 
} 
/*文章區標題字體的顏色*/ 
.title a { color: #0AC2B3; } 
.title a:hover{ 
/*文章區標題字體按下去時的超連結字體顏色*/ 
color: #009B93; 
/*文章區標題字體按下去時的框內底色*/ 
background: #EBFAFF; 
} 
.title { 
font-weight:bold; 
font-family:微軟正黑體; 
float:left; 
font-size:22px; 
line-height: 30px; 
padding: 10px 0px 0px 60px; 
} 
/*文章區標題字體的顏色*/ 
.title a { color: #0AC2B3; } 
.title a:hover{ 
/*文章區標題字體按下去時的超連結字體顏色*/ 
color: #009B93; 
/*文章區標題字體按下去 的框內底色*/ 
background: #EBFAFFB; 
} 
.title img { vertical-align: middle; } 
.article-body {} 
/*文章發表-字體大小*/ 
.publish { 
font-size: 15px; 
padding: 0 0 0 75px;/*第四個數字是文章標題圖與標題的距離*/ 
} 
/*文章發表-月份的顏色*/ 
.month{color: #0AC2B3; } 
/*文章發表-日期的顏色* / 
.date { color: #0AC2B3; } 
.day{display: none;} 
/*文章發表-年份的顏色*/ 
.year{color: #0AC2B3; } 
.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:#0AC2B3; 
} 
.more a:hover{ 
/*繼續閱讀按下去時框內字體的顏色*/ 
color: #009B93; 
/*繼續閱讀按下去時超連結的顏色*/ 
background: #EBFCFB; 
} 
/*作者ID+發表+留言()+人氣的設定*/ 
.author{ 
/*作者ID+發表+留言()+人氣-虛線上的顏色*/ 
background: #FFFFFF; 
/*作者ID+發表+留言()+人氣的字體顏色* / 
color: #0AC2B3; 
font-size: 15px; 
text-align:right ; 
padding: 0px 15px 10px 0px; 
margin: 25px 0px 0px 0px; 
/*文章下方分隔線的顏色*/ 
border-bottom: 4px dashed #0AC2B3 ; 
line-height: 30px; 
} 
/*文章下方痞客幫+留言功能的顏色*/ 
.author a{ 
color: #0AC2B3; 
} 
.author a:hover{ 
/*文章下方痞客幫+留言功能超連結字體顏色*/ 
color: #009B93; 
/*文章下方痞客幫+留言功能超連結顏色*/ 
background: #EBFCFB; 
} 
/*文章附加資訊*/ 
.article-footer{ 
text-align:right ; 
color: #0A C2B3; 
line-height:20px ; 
} 
/*加入書籤*/ 
.bookmark{ 
text-align:right ; 
padding: 20px 0px 0px 0px; 
} 
/*個人分類+全站分類+上一篇+下一篇字體顏色*/ 
.refer{ 
color:#0AC2B3; 
text-align:left; 
margin: 0px 0px 0px 10px; 
padding-bottom: 10px; 
padding-top: 10px ; 
}

/*個人分類按下去時的字體顏色*/ 
.refer a:hover { 
color: #0AC2B3; 
/*個人分類按下去時的超連結顏色*/ 
background: #EBFCFB; 
} 

.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: #0AC2B3; 
background: #EBFCFB; 
} 
#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 #0AC2B3; 
border-top:0px solid #0AC2B3; 
border-left: 0px solid 0AC2B3; 
border-right:0px solid #0AC2B3; 
} 
.main-list td , 
.main-list th{ 
padding: 5px ; 
} 
/*文章區分隔線*/ 
.back-to-top { 
background: #; 
background-image:url(http://f.share.photo.xuite.net/moon1230/1f52a40/4443067/1159652229_x.jpg); 
background-repeat:repeat; 
padding: 0px 15px 15px 10px; 
margin: 0px 0px 10px -30px;/*第3個是文章內圖與留言框的距離-第4個是圖與左邊的距離*/ 
line-height: 15px;/*分隔線圖的高度*/ 
border: 2px dashed #; 
} 
/*TOP鍵的顏色*/ 
.back-to-top a{ 
color: #079D91; 
} 
.back-to-top a:hover { 
/*TOP鍵按下去時的連結字體顏色*/ 
color: #027F75 ; 
/*TOP鍵按下去時的連結顏色*/ 
background: #E7FDFE; 
} 
/*---引用+留言區塊設定---*/ 
/*引用+回應列表列表欄底圖*/ 
#user- post{ 
background:#0AC2B3; 
background:url(http://f.share.photo.xuite.net/moon1230/1f52a84/5903551/243434693_x.jpg) repeat; 
padding:15px; 
/*引用+回應列表列表欄線框*/ 
margin-bottom: 0px ; 
border: 2px solid #0AC2B3; 
} 

#trackback-box {text-align: center;} 

#comment-box {text-align: left;}

/*引用與留言分隔線+文字顏色設定*/ 
.user-post-title { 
text-align: center; 
/*留言列表-字體顏色*/ 
color: #0AC2B3; 
background:url(http://f. share.photo.xuite.net/moon1230/1f52af2/4443067/1024494903_x.jpg) center

no-repeat; 
font-size:15pt; 
font-weight: bold; 
margin: 0 auto; 
/*留言列表圖檔與上方的距離*/ 
padding-bottom: 80px; 
padding-left: 5px; 
} 
#trackback-input {width:50%;} 
/*單一引用*/ 
.single-post { 
/*---引用+留言框的虛線---*/ 
/*引用+留言框的虛線-右線*/ 
border-right :2px dashed #0AC2B3; 
/*引用+留言框的虛線-下線*/ 
border-bottom:2px dashed #0AC2B3; 
/*引用+留言框的虛線-左線*/ 
border-left:2px dashed #0AC2B3; 
/ *引用+留言框的虛線-上線*/ 
border-top:2px dashed #0AC2B3; 
overflow:hidden; 
_overflow:none; 
_height:1%; 
margin:30px 0;} 
/*引用者資訊*/ 
.post-info { 
text-align: center; 
/*引用+留言框的虛線-中線*/ 
border-bottom:2px dashed #0AC2B3; 
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:80px; 
height:80px; 
/*留言區-留言者頭像右+下方線框*/ 
border:2px double #0AC2B3;; 
/*留言區-留言者頭像-上方線框*/ 
border-top:2px double #0AC2B3;; 
/*留言區-留言者頭像-左線框*/ 
border-left:2px double #0AC2B3;; 
/*留言區底圖*/ 
background:url(http://f.share.photo.xuite.net/moon1230/1f52a84/5903551 /243434693_x.jpg) repeat-y; 
background:#; 
padding:4px; 
} 

/*版主回覆圖與框顏色設定*/ 
.reply-text { 
float:right; 
width:800px; 
background:url(http:/ /f.share.photo.xuite.net/moon1230/1f52aa5/4895357/1024491048_x.jpg) 0px top 
/*版主回覆區底色*/ 
no-repeat #FFFFFF; 
/*版主回覆區的上+左外框實線顏色*/ 
border:3px solid #0AC2B3; 
/*版主回覆圖區的右框實線顏色設定*/ 
border-right:3px solid #0AC2B3; 
/*版主回覆圖區的下框實線顏色設定*/ 
border-bottom:3px solid #0AC2B3; 
/*版主回覆圖+文字+框靠左邊的距離 設定*/ 
margin-right:10px; 
display:inline; 
/*版主回覆-文字的顏色*/ 
color:#0AC2B3; 
min-height:40px; 
_height:40px; 
padding:20px 5px 5px 0px; 
} 

/*回覆留言分隔線*/ 
li.reply-text p { 
background:url(http://f.share.photo.xuite.net/moon1230/1f52ab8/4443067/1159653117_x.jpg) repeat-x

; 
text-align:right; 
/*回覆留言的時間位置*/ 
padding:10px 150px 0px; 
font-size: 18px; 
/*回覆留言的時間*/ 
color: #0AC2B3; 
} 
.secret{} 
/*-- ---留言版上方的圖片與顏色設定-----*/ 
.post-comment{ 
/*留言版上方的圖片的高度*/ 
padding-top: 360px;/數字越小離下方越近*/ 
padding-bottom: 15px; 
line-height: 2.8em; 
height: 100%; 
font-size: 18px; 
/*留言版上方的圖片*/ 
background:url(http://f.share.photo.xuite.net /moon1230/1f52a24/4230702/231478518_x.jpg) ; 
background-repeat: no-repeat; 
background-position: center top; 
color: #0AC2B3; 
text-align:center;} 

.post-comment a { 
/*發表留言-字體的顏色*/ 
color: #0AC2B3; 
/*發表留言-框內的顏色*/ 
background: #FFFFFF; 
/*發表留言-框框的顏色*/ 
border: 3px double #0AC2B3; 
} 
/*發表留言連結時-框框內+字的顏色*/ 
.post-comment a:hover { 
color: #0AC2B3; 
background: #FFFFFF; 
} 
/*回響區塊*/ 
#comment-form { 
line-height:1.5; 
margin:10px 0 ; 
padding: 0 10px 10px; 
border: 1px solid #0AC 2B3; 
} 

#comment-form table { 
width:100%; 
margin:0 auto; 
background: #0AC2B3 url() no-repeat; 
padding: 10px; 
} 

#comment-form th, #comment-form td { 
border: 1px dashed #0AC2B3; 
padding: 5px 10px; 
text-align: left; 
} 

#comment-form input#send-comment { 
padding:3px 5px; 
float: right; 
} 

#comment-form textarea { 
width:95%; 
background:# 0AC2B3 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 #0AC2B3?; 
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:#EAFEFC; 
margin:0 5px; 
/*頁尾頁數-第2頁字體顏色設定*/ 
color : #0AC2B3; 
padding:5px 10px; 
} 

/*頁尾頁數-第2頁字體顏色設定*/ 
.page span { 
color: #0AC2B3; 
/*頁尾頁數-第1頁框內顏色設定*/ 
background:#EAFEFC; 
padding:5px 10px; 
} 

/*----------側欄區設定----------*/ 
/*日曆字體+側欄-版主回覆+留言者+個人資訊+文章分類內的+訂閱內+參觀人氣內字體顏色*/ 
#links{ 
color: #0AC2B3; 
width:220px ; 
float:left; 
margin: -310px 0px 0px 15px ; 
} 
#links a { 
font-size: 18px; 
/*日曆上下月份+站方公告+所有瀏覽列表字+文章分類內的展開+最新文章字體+訂閱動態標題*/ 
color:#00B1A3; 
} 

/*----- -----左右欄位設定----------*/

/*側欄-左欄的位置與寬度*/ 
#links-row-1{ 
width:220px ; 
float:left; 
background:#; 
background-image: url(); 
background-repeat: repeat; 
position:relative ; 
margin-left: -1210px ;/*左右欄位此處與邊線距離需配合留言區底圖距離寬度*/ 
margin-top: 320px ; 
} 
/*側欄-右欄的位置與寬度*/ 
#links- row-2{ 
width:220px ; 
float:right ; 
background:#; 
background-image: url(); 
background-repeat: repeat; 
margin-right: -10px ;/*左右欄位此處與邊線距離需配合留言區底圖距離寬度*/ 
margin-top: 320px ; 
} 
/*左右欄位圖示*/ 
/*左右欄位-中欄*/ 
.box{ 
background:url(http://f.share.photo. xuite.net/moon1230/1f52a54/18973583/1024653509_x.jpg) left

top repeat-y; 
margin-bottom:10px; 
} 
.box-title{ 
height:30px; 
line-height: 5px; 
overflow:hidden; 
/*側欄區標題顏色*/ 
color:#0AC2B3; 
text-align: left ; 
font-weight:bold; 
/*側欄區標題-字型*/ 
font-family:微軟正黑體; 
/*側欄區標題-字型大小*/ 
font-size:22px; 
/*左右欄位-上欄*/ 
background: url(http://f.share.photo.xuite.net/moon1230/1f52a58/18973583/1024653513_x.jpg) left

top no-repeat; 
margin:0px 0px 0px 0px; 
/*左右欄位-字體的位置*/ 
padding:30px 0px 0px 60px;/*第一個是字體與欄位上方高度-第四個是文字與欄位左右的距離*/ 
} 
/*左右欄位-下欄*/ 
.box-text{ 
background:url(http://f.share.photo.xuite.net/moon1230/1f52a5e/18973583/1024653519_x.jpg 
) left bottom no-repeat; 
text-align: left; 
line-height: 95%; 
margin: 0px auto; 
padding:0 10px; 
padding-bottom:20px; 
} 

/*所有瀏覽列錶框顏色*/ 
.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:#0AC2B3; 
background:#FFFFFF;

/*所有文章+瀏覽列錶框顏色*/ 
border: 2px double #00B1A3;} 
.box-more a:hover{ 
color: #0AC2B3; 
/*所有文章+瀏覽列表內底色*/ 
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 #0AC2B3; 
font-size:11px; 
/*發文日的框框內文字顏色*/ 
color:#00B1A3; 
/*發文日的框框內底色*/ 
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;_he ight: 1%; 
margin-bottom:25px;margin-top:5px;} 

#visitor li,#crumb li{ 
float:left; 
line-height:0; 
margin:1px;}

/*我去誰家的框框設定*/ 
#visitor li img,#crumb li img{ 
width: 50px; 
height:50px; 
border:1px solid #0AC2B3;} 
/*誰來我家*/ 
#visitor .box-text li a{ 
height:45px;width:45px;display:block;MARGIN: 1px; 
/*誰來我家-框內顏色*/ 
background:#E3FEFC;;border-right:1px solid #E3FEFC; 
border-bottom:1px solid #E3FEFC;} 

#visitor .box-text li a:hover {background:none;} 
#visitor .box-text li a img{visibility:hidden;height:45px;width:45px;} 
#visitor .box-text li a:hover img {visibility:visible;height:45px;width:45px} 

#visitor .box-text li { float: left;padding-left:4px;} 
#visitor .box-more {clear:both;}

#crumb li img { 
width:45px; 
height:45px;} 

/*文章分類資料夾小圖*/ 
#category .box-text h6 img{display:none;} 
#category .box-text{padding-left:20px ;padding-bottom:120px;} 
#category .box-text h6 { 
background-image:url(http://f.share.photo.xuite.net/moon1230/1f52aff/4288422/1159661913_x.jpg); 
background-repeat :no-repeat; 
background-position:left; 
padding-left:30px; 
line-height: 30px; 
font-size: 16px; 
} 
/*文章分類小圖*/ 
#category .box-text li a{ 
background-image :url(http://f.share.photo.xuite.net/moon1230/1f52aff/4288422/1159661913_x.jpg); 
background-repeat:no-repeat; 
background-position:left; 
padding-left:20px; 
} 

/ *文章分類-展開時連結小圖*/ 
#category .box-text li a:hover{ 
background:#FFFFFF; 
/*文章分類-展開時字體的顏色*/ 
color:#0AC2B3; 
/*文章分類-展開時框框的顏色*/ 
border: 2px double #0AC2B3; 
background-image:url(http://f.share.photo.xuite.net/moon1230/1f52a67/4288422/1152606657_x.jpg); 
background-repeat:no- repeat; 
} 
/*最新文章前小圖 顏色設定*/ 
#recent-article .box-text{padding-left:10px;padding-bottom:50px;} 
#recent-article li { 
background-image:url(http://f.share.photo.xuite. net/moon1230/1f52aff/4288422/1159661913_x.jpg); 
background-repeat:no-repeat; 
background-position:left top; 
padding-top:18px; 
padding-bottom:20px; 
padding-left:10px; 
line-height: 20px; 
/*最新文章分隔虛線顏色設定*/ 
border-bottom: 2px dashed #0AC2B3;} 
#recent-article li a:hover { 
/*最新文章-連結的字體顏色*/ 
color: #00B1A3; 
/*最新文章-連結框顏色*/ 
background: #E3FEFC; 
} 
/*最新回響*/ 
#latest-comment li{ 
padding: 4px 0px ; 
border-bottom: 3px solid #00B1A3;;} 
#latest-comment li a:hover { 
/*最新文章區-版主回覆的字體顏色*/ 
color: #0AC2B3; 
/*最新文章區-版主回覆內容的框框顏色*/ 
background: #E3FEFC; 
} 
#latest-comment li span { 
/*最新文章區-版主回覆的時間顏色*/ 
color:#0AC2B3; 
font-size:.50em; 
/*最新留言-版主回覆的時間間隔直線*/ 
border-right:3px solid #00B1 A3; 
margin:0 4px 0 0; 
padding:0 4px 0 0; 
} 
/*最新文章區-版主回覆的字體顏色*/ 
#latest-comment li a { 
color:#0AC2B3; 
display:block; 
height:50px ; 
overflow:hidden; 
} 

/*熱門文章標題小圖*/ 
#hot-article li { 
background-image:url(http://f.share.photo.xuite.net/moon1230/1f52a89/4288422/1159348451_x.jpg ); 
background-repeat:no-repeat; 
background-position:left; 
font-size: 16px; 
padding-left:25px; 
line-height: 25px; 
border-bottom: 2px dashed #00B1A3;} 

#hot-article li a :hover { 
color: #0AC2B3; 
background: #E3FEFC; 
} 

#search{} 
#search ul{ 
overflow: hidden; 
_overflow: none; 
_height: 1%;} 

#search .box-text{padding-left:22px;padding -top:15px;} 

#search .box-text li{ 
display: inline; 
} 
/*文章搜尋-框內字體顏色+寬度設定*/ 
input#search-target { 
width: 90px; 
color: #0AC2B3; 
background: #FFFFFF; 
}

/*最新引用*/ 
#latest-trackback li, 
#latest-comment li, 
#latest-trackback li, 
#subscription li{border-bottom: 2px dashed #E3FEFC;} 
/*最新引用-引用過去的文章標題*/ 
#latest-trackback a{ 
color: #0AC2B3; 
background: #00B1A3; 
} 
#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 #00B1A3;} 
#latest-trackback a:hover { 
color: #0AC2B3 ; 
background: #E3FEFC; 
} 
#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:# 0AC2B3; 
} 
#mylink .inner-box li{ 
margin-left:15px; 
line-height: 25px; 
} 
/*誰來我家顏色設定*/ 
#mylink a:hover { 
color: #0AC2B3; 
background: #E3FEFC; 
} 
/*站方公告間隔虛線顏色*/ 
#announce .box-t ext li{border-bottom: 2px dashed #0AC2B3;} 
#announce a:hover { 
/*站方公告連結字體顏色*/ 
color: #0AC2B3; 
background: #FFFFFF; 
} 

/*頁尾中間欄位底圖+文字顏色設定*/ 
#footer{ 
clear:both; 
padding-top: 20px; 
background:url(http://i.imgur.com/PBgWuFM.png) repeat #0AC2B3; 
_height:1%; 
text-align: center ;} 
#footer p{color:#0AC2B3;} 
#bottom , 
/*頁尾中間欄位-回到頁首+回到主文+免費註冊+客服中心+痞客邦首頁字體的顏色*/ 
#bottom a {color:#0AC2B3;} 
/*頁尾中間欄位文字連結顏色設定*/ 
#bottom a:hover { 
/*頁尾中間欄位-回到頁首+回到主文+免費註冊+客服中心+痞客邦首頁字體按下去時的顏色*/ 
color: #0AC2B3; 
background: #FFFFFF; 
} 
/*文章搜尋設定*/ 
input, textarea { 
vertical-align: middle; 
font-family: Helvetica, Arial, "LiHei Pro ", PMingLiU, sans-serif; 
font-size: 1.0em; 
/*文章搜尋-字體的顏色*/ 
color: #0AC2B3; 
/*文章搜尋-框框的顏色*/ 
border: 3px double #0AC2B3; 
/*文章搜尋-框內的顏色 */ 
background: #FFFFFF; 
padding: 2px 5px; 
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px;} 
/*文章精選設定*/ 
select { 
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif; 
font-size: 1.0em; 
/*文章精選+發文的年月份-字體的顏色*/ 
color: #0AC2B3; 
/*文章精選-框框的顏色*/ 
border: 1px solid #0AC2B3; 
/*文章精選-框內的顏色*/ 
background: #FFFFFF; 
padding: 2px; 
width:100%;}

/*下列語法請勿任意更改變動↓ */ 
#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;}

 

arrow
arrow
    全站熱搜

    紫玫瑰淯嵐 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄