Css Design By S910102 ★　阿蔡蔡 這裡是s910102＂蔡蔡＂的報台唷˙ˇ˙ 這裡收集了蔡蔡的無名樣式作品， 請在蔡蔡的網誌回應過再來拿取ＣＳＳ哦！

7愛的鼓勵 0訂閱站台

/* --------------------------------------
主題:【 網 】 可可豆
作者: http://www.wretch.cc/blog/s910102_天才蔡
注意: 游標語法請自行加入，其餘不可修改
-------------------------------------- */
BODY {
Font-Family:verdana;
Font-Size:7px;
color:#666;
background:#9B5608;
background-position:left top;
background-image:url(http://f6.wretch.yimg.com/s910102/3/1602194126.jpg?WoOI0INDchYvQWLxOOX4Ruw04c1WzUpErSSJQ094wq_1v7Z0URYrH92M5HeHG_k-);
background-repeat:no-repeat;
}
#description2 {
MARGIN-bottom:10px;
width:570px;
height:25px;
overflow:auto;
overflow-x:hidden;
scrollbar-face-color:#9B5608;
scrollbar-highlight-color:#9B5608;
scrollbar-shadow-color:#9B5608;
scrollbar-3dlight-color:#9B5608;
scrollbar-arrow-color:#FFF;
scrollbar-track-color:#9B5608;
scrollbar-darkshadow-color:#9B5608;
padding:5px;
padding-left:15px;
padding-top:0px;
FONT-SIZE:11px;
FONT-FAMILY:MS Mincho;
color:#FFF;
background:#9B5608;
filter:alpha(opacity=100);
letter-spacing:1px;
line-height:20pt;
border:1px #FFF dotted;
border-bottom:none;
}
.comments-user {
color:#fff;
padding:5px;
background:#9B5608;
padding-top:10px;
letter-spacing:1px;
line-height:15pt;
}
.total-comments-div .comments-body {
border-bottom:0px;
}
.comments-reply .comments-author .comments-post A:hover {text-decoration:none;
}
.comments-reply .comments-author .comments-post a {text-decoration:none;
}
.total-comments-div .comments-reply .comments-post {color:#fff;text-align:right;}
.total-comments-div .comments-reply .comments-post a {color:#fff;text-decoration:none;}
.total-comments-div .comments-reply .comments-post a:hover {color:#F7D69D;text-decoration:none;}
.total-comments-div .comments-body .comments-post {text-align:right;color:#fff;font-size:7pt;}
.total-comments-div .comments-body .comments-post a {color:#fff;}
.total-comments-div .comments-body .comments-post a:hover {color:#F7D69D;}
.comments-body .comments-reply ul.comments-author{LINE-HEIGHT:200%;
background:#9B5608;color:#ffffff;height:auto!important;padding:10px;font-size:7pt;font-family:verdana;
border:1px #fff solid;letter-spacing:1px;text-align:left;margin:10 0px;}
#description2 {
position:absolute;
left:355px;
top:50px;
}
#pageheader h1 a {
width:570px;
text-decoration:none;
position:absolute;
left:355px;
top:5px;
color:#FFF;
font-size:12pt;
font-family:simhei;
FONT-WEIGHT:bold;
padding:10px 10px 5px 10px;
background:#9B5608;
border:1px #FFF dotted;
}
#pageheader h1 a:hover {
text-decoration:none;
color:#F7D69D;
background:#9B5608;
font-size:12pt;
font-family:simhei;
FONT-WEIGHT:bold;
}
#linkMypage{display:none;}
#linkVideo{display:none;}
.blog {
position:absolute;
top:81px;
left:355px;
font-size:9px;
padding:2px 20px 10px 20px;
MARGIN-bottom:10px;
width:550px;
color:#333;
background:#9B5608;
border:1px #fff dotted;
border-top:none;
filter:alpha(opacity=100);
MARGIN-bottom:10px;
height:430px;
overflow:auto;
overflow-x:hidden;
scrollbar-face-color:#9B5608;
scrollbar-highlight-color:#9B5608;
scrollbar-shadow-color:#9B5608;
scrollbar-3dlight-color:#9B5608;
scrollbar-arrow-color:#FFF;
scrollbar-track-color:#9B5608;
scrollbar-darkshadow-color:#9B5608;
}
#links2 {
MARGIN-bottom:10px;
width:250px;
font-size:9px;
MARGIN-bottom:10px;
height:442px;
overflow:auto;
overflow-x:hidden;
scrollbar-face-color:#9B5608;
scrollbar-highlight-color:#9B5608;
scrollbar-shadow-color:#9B5608;
scrollbar-3dlight-color:#9B5608;
scrollbar-arrow-color:#9B5608;
scrollbar-track-color:#9B5608;
scrollbar-darkshadow-color:#9B5608;
}
#links{
MARGIN-bottom:10px;
position:absolute;
left:70px;
top:50px;
background-repeat:no-repeat;
padding:10px;
background:#9B5608;
border:1px #fff dotted;
color:#fff;
}
a{
color:#fff;
text-decoration:none;
}
a:hover{
color:#F7D69D;
text-decoration:none;
}
#links a:hover{
color:#000000;
}
#boxNewArticle .side a{letter-spacing:4px;}
.boxNewArticle1{line-height:2px;}
.boxNewArticle1 .side a{
display:block;padding-left:10px;line-height:15pt;color:#fff;border-left:5px #9B5608 solid;background:#9B5608;}
.boxNewArticle1 .side a:hover{
display:block;padding-left:10px;color:#9B5608;background:#fff;border-left:5px #fff solid;}
.boxCategory1{line-height:2px;}
.boxCategory1 .side a{
display:block;color:#fff;background:#9B5608;
line-height:15pt;padding-left:10px;letter-spacing:1px;
line-height:15pt;}
.boxCategory1 .side a:hover{
display:block;padding-left:10px;background:#fff;letter-spacing:1px;
line-height:15pt;}
.boxNewComment1 .side a{letter-spacing:4px;}
.boxNewComment1{line-height:2px;}
.boxNewComment1 .side a{
display:block;padding-left:10px;line-height:15pt;color:#fff;border-left:5px #9B5608 solid;background:#9B5608;}
.boxNewComment1 .side a:hover{
display:block;padding-left:10px;background:#fff;border-left:5px #fff solid;}
#boxCategory a img {display:none;}
#boxCategory .boxCategory1 .side a {background:url(http://f6.wretch.yimg.com/s910102/3/1602139557.jpg?DYSg0ghDchYTb8TXtejLtmQbm0AwVMPHYypRvzLp8TdVk.UiGlxdEUsau.KRGAs-) no-repeat left;padding-left:17px;}
#boxCategory .boxCategory1 .side a:hover {background:no-repeat left;padding-left:17px;}
#boxCategory .boxCategory1 .side div a {background:none;}
.posted{
color:#FFF;
FONT-SIZE:11px;
FONT-FAMILY:MS Mincho;
letter-spacing:1pt;
line-height:17px;
margin-bottom:10px;
background:#9B5608;
padding:3px;
text-align:right;
border-top:1px #fff dotted;
}
.posted a{color:#FFF;padding:1px;}
.posted a:hover{color:#F7D69D;}
.boxCounter0 {
display:none;}
#boxCounter {
WRITING-MODE:tb-rl;
color:#fff;
position:absolute;
top:250px;
left:-250px;
width:220px;
height:140px;
padding:5px;
letter-spacing:4px;
}
.comments-head {
display:none;}
.postisAuth {
display:none;}
#links .sidetitle {
margin-bottom:10px;
margin-top:10px;
}
.sidetitle{
font-weight:normal;
letter-spacing:2px;
FONT-SIZE:11px;
FONT-FAMILY:MS Mincho;
color:#9B5608;
text-align:center;
padding:5px;
background-color:#F7D69D;
border-top:5px #CD9638 solid;
}
.title{
padding:6px;
margin-top:0px;
letter-spacing:2px;
color:#FFF;
font-family:simhei;
font-weight:normal;
font-size:16px;
text-align:center;
}
.title img{display:none;}
#friendlist {
position:absolute;
left:-80px;
top:210px;
font-size:10px;
color:#fff;
border:#9B5608 2px solid;
background-color:#9B5608;
clip:rect(2px 70px 16px 10px);
filter:alpha(opacity=100);
}
#boxDate{DISPLAY:none;}
#boxDate.boxDateo{DISPLAY:none;}
#boxDate.boxDateo.sidetitle{}
#boxDate.boxDate1{DISPLAY:none;}
#boxDate.boxDate1{DISPLAY:none;}
#boxRssList{display:none;}
#boxSearch{display:none;}
#linkMypage{display:none;}
#linkVideo{display:none;}
.boxAddFriendLink{display:none;}
.boxGiftLink a{display:none;}
#blogCategory{display:none;}
#oxNewTrackback{display:none;}
#linkBlog {
text-align:center;
POSITION:absolute;
TOP:0px;
left:-70px;
letter-spacing:5px;
padding:2px 18px 5px 18px;
border-right:none;
background:#9B5608;
color:#FFF;
WIDTH:50PX;text-align:center;display:block;padding:0 5px;
padding-top:9px;padding-bottom:5px;
}
a#linkBlog:hover{
background:#9B5608;color:#F7D69D;
}
#linkAlbum {
display:block;
text-align:center;
position:absolute;
left:-70px;
top:40px;
letter-spacing:5px;
padding:2px 18px 5px 18px;
border-right:none;
background:#9B5608;
color:#FFF;
WIDTH:50PX;text-align:center;display:block;padding:0 5px;
padding-top:9px;padding-bottom:5px;
}
a#linkAlbum:hover{
background:#9B5608;color:#F7D69D;
}
#linkUser {
display:block;
text-align:center;
position:absolute;
left:-70px;
top:80px;
letter-spacing:5px;
padding:2px 18px 5px 18px;
border-right:none;
background:#9B5608;
color:#FFF;
WIDTH:50PX;text-align:center;display:block;padding:0 5px;
padding-top:9px;padding-bottom:5px;
}
a#linkUser:hover{
background:#9B5608;color:#F7D69D;
}
#linkFriend {
display:block;
text-align:center;
position:absolute;
left:-70px;
top:120px;
letter-spacing:5px;
padding:2px 18px 5px 18px;
border-right:none;
background:#9B5608;
color:#FFF;
WIDTH:50PX;text-align:center;display:block;padding:0 5px;
padding-top:9px;padding-bottom:5px;
}
a#linkFriend:hover{
background:#9B5608;color:#F7D69D;
}
#linkGbook {
display:block;
text-align:center;
position:absolute;
left:-70px;
top:160px;
letter-spacing:5px;
padding:2px 18px 5px 18px;
border-right:none;
background:#9B5608;
color:#FFF;
WIDTH:50PX;text-align:center;display:block;padding:0 5px;
padding-top:9px;padding-bottom:5px;
}
a#linkGbook:hover{
background:#9B5608;color:#F7D69D;
}
#boxMySpace {
height:140px;
}
HTML{
SCROLLBAR-FACE-COLOR:#9B5608;
SCROLLBAR-HIGHLIGHT-COLOR:#9B5608;
SCROLLBAR-SHADOW-COLOR:#9B5608;
SCROLLBAR-3DLIGHT-COLOR:#9B5608;
SCROLLBAR-ARROW-COLOR:#9B5608;
SCROLLBAR-DARKSHADOW-COLOR:#9B5608;
}
#boxNewComment .side {visibility:hidden;}
#boxNewComment .side a{visibility:visible;}
input, select{
background:#9B5608;
color:#fff;
border:1px solid #9B5608;
FONT-SIZE:9px;
font-family:verdana;}
#boxWho div#whowrapper{width:300px!important;text-align:center;}
#boxWho #whowrapper li a img {filter:gray;}
#boxWho #whowrapper li a:hover img {filter:alpha(opacity=90);}
#boxWho #whowrapper li a:hover img{WIDTH:26px!important;height:26px!important;border:0px #E2C60F solid;}
#boxWho input{margin-top:0px;font:7pt verdana;color:#999;background:#fff;padding:0px;}
#boxWho li, #boxWho li img{width:20px !important;height:20px !important;}
#boxWho li{margin-bottom:0px !important;}
.cmt_floor {
display:none;}
.date{
margin-top:5px;
margin-right:5px;
line-height:13pt;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
color:#fff;
font:8pt;
text-align:right;
letter-spacing:2px;
text-decoration:none;
float:right;
}
.innertext {
font-size:7pt;
color:#FFF;
letter-spacing:1px;
line-height:15pt;
}
.articletext .extended {color:#fff;}
.articletext .extended A {
color:#fff;
FONT-SIZE:11px;
FONT-FAMILY:MS Mincho;
letter-spacing:4px;
}
.articletext .extended a:hover {
color:#F7D69D;
FONT-SIZE:11px;
FONT-FAMILY:MS Mincho;
letter-spacing:4px;
}
.extended {TEXT-ALIGN:right;}
h1 .description{display:none;}
.boxMySpace1 .side a img {
filter:alpha(opacity=90);}
.boxMySpace1 .side a:hover img {
filter:alpha(opacity=100);
}
#boxNewArticle img{display:none;}
.blogbody textarea {
color:#fff;
background-position:right bottom;
background-repeat:no-repeat;
padding-left:20px;}
.comments-head{font:7pt;color:#fff;}
.comments-body li p{margin:0px;height:auto !important;}
.comments-body li.comments-post{height:auto !important;}
.comments-body .comments-reply ul.comments-author{height:auto !important;}
.blogbody textarea {
background:url(http://f6.wretch.yimg.com/s910102/3/1602184598.jpg?Yzi2HBtDchagb.JhicOQITK5LuQ2NVMp_aeP70GcM9d6OjkAcZ4s9lfWJsyTlNk-);
background-position:right bottom;
background-repeat:no-repeat;
padding-left:20px;}