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

7愛的鼓勵 0訂閱站台

/* --------------------------------------
主題:【 網 】 BOOM!
作者: http://www.wretch.cc/blog/s910102_天才蔡
注意: 游標語法請自行加入，其餘不可修改
-------------------------------------- */
BODY {
Font-Family:verdana;
Font-Size:7px;
color:#333;
background:#ffffff;
background-image:url(http://f6.wretch.yimg.com/s910102/3/1602216817.jpg?.H49A.RDchZrH5KoJjMaimdCKlgDglnaS1X5mJR24EZfh0Z6PRRiuhA-);
background-repeat:no-repeat;
background-position:91% 97%;
}
#description2 {
MARGIN-bottom:10px;
width:510px;
height:25px;
overflow:auto;
overflow-x:hidden;
scrollbar-arrow-color:#fff;
scrollbar-track-color:#fff;
padding:5px;
padding-left:15px;
padding-top:0px;
FONT-SIZE:11px;
FONT-FAMILY:MS Mincho;
color:#333;
background:#fff;
filter:alpha(opacity=100);
letter-spacing:1px;
line-height:20pt;
border:1px #bbb dotted;
border-bottom:none;
}
.comments-user {
color:#333;
padding:5px;
background:#fff;
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:#333;text-align:right;}
.total-comments-div .comments-reply .comments-post a {color:#333;text-decoration:none;}
.total-comments-div .comments-reply .comments-post a:hover {color:#DF8F05;text-decoration:none;}
.total-comments-div .comments-body .comments-post {text-align:right;color:#333;font-size:7pt;}
.total-comments-div .comments-body .comments-post a {color:#333;}
.comments-body .comments-reply ul.comments-author{LINE-HEIGHT:200%;
background:#fff;color:#333;height:auto!important;padding:10px;font-size:7pt;font-family:verdana;
border:1px #bbb dotted;letter-spacing:1px;text-align:left;margin:10 0px;}
#description2 {
position:absolute;
left:220px;
top:40px;
}
#pageheader h1 a {
text-decoration:none;
position:absolute;
left:220px;
top:7px;
color:#000;
font-size:7pt;
font-family:verdana;
FONT-WEIGHT:normal;
padding:10px 10px 5px 10px;
background:#fff;
border:0px #ccc dotted;
letter-spacing:1px;
}
#pageheader h1 a:hover {
text-decoration:none;
color:#DF8F05;
background:#fff;
}
#linkMypage{display:none;}
#linkVideo{display:none;}
.blog {
position:absolute;
top:71px;
left:220px;
font-size:9px;
padding:2px 20px 10px 20px;
MARGIN-bottom:10px;
width:490px;
color:#333;
background:#fff;
border:1px #bbb dotted;
border-top:none;
filter:alpha(opacity=100);
MARGIN-bottom:10px;
height:380px;
overflow:auto;
overflow-x:hidden;
scrollbar-arrow-color:#fff;
scrollbar-track-color:#fff;
}
#links2 {
MARGIN-bottom:10px;
width:180px;
font-size:9px;
MARGIN-bottom:10px;
height:442px;
overflow:auto;
overflow-x:hidden;
scrollbar-arrow-color:#fff;
scrollbar-track-color:#fff;
}
#links{
MARGIN-bottom:10px;
position:absolute;
left:10px;
top:10px;
background-repeat:no-repeat;
padding:0px 10px 0px 10px;
background:#fff;
border:1px #bbb dotted;
border-bottom:none;
color:#333;
}
a{
color:#333;
text-decoration:none;
}
a:hover{
color:#DF8F05;
text-decoration:none;
}
#links a:hover{
color:#DF8F05;
}
#boxNewArticle {
padding:0px 3px 1px 3px;
MARGIN-bottom:10px;
width:180px;height:175px;
overflow:auto;overflow-x:hidden;
border-bottom:1px #bbb dotted;
scrollbar-arrow-color:#ffffff;
scrollbar-track-color:#ffffff;
position:absolute;left:750px;top:10px;
}
#boxCategory {
padding:0px 10px 0px 5px;
MARGIN-bottom:10px;
width:200px;height:175px;
overflow:auto;overflow-x:hidden;
border:0px #bbb dotted;
scrollbar-arrow-color:#ffffff;
scrollbar-track-color:#ffffff;
position:absolute;left:750px;top:190px;
}
#boxNewArticle .side a{letter-spacing:4px;}
.boxNewArticle1{line-height:2px;}
.boxNewArticle1 .side a{
display:block;padding-left:10px;line-height:15pt;color:#666;border-left:5px #fff solid;background:#fff;}
.boxNewArticle1 .side a:hover{
display:block;padding-left:10px;color:#777;background:#fff;border-left:5px #fff solid;}
.boxCategory1{line-height:2px;}
.boxCategory1 .side a{
display:block;color:#666;background:#fff;
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:2px;}
.boxNewComment1{line-height:2px;}
.boxNewComment1 .side a{
display:block;padding-left:4px;line-height:15pt;color:#666;border-left:5px #fff solid;background:#fff;}
.boxNewComment1 .side a:hover{
display:block;padding-left:4px;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?L_992d9DchYcPJxfbybFVsGE_Z_fwugAjDGhbg7A5sHrVu3Nne8BCec-) 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;}
#boxNewArticle .boxNewArticle0 {padding-top:0px;background:url(http://f6.wretch.yimg.com/s910102/3/1602199353.jpg?gOIxQ05DchZRS6_7jbE1Ml5gLmaPVMTu3gFQ1m2gQ3Zrm0uYmN8WadQ-) no-repeat left center;}
#boxNewArticle .boxNewArticle0 .sidetitle {visibility:hidden;}
#boxCategory .boxCategory0 {padding-top:0px;background:url(http://f6.wretch.yimg.com/s910102/3/1602199354.jpg?QF5HlyFDchbkSfjXW0YIGHsWmA2.c2Ex12Zm0jAPMpDGQT3BxCpxRIg-) no-repeat left center;}
#boxCategory .boxCategory0 .sidetitle {visibility:hidden;}
#boxNewComment .boxNewComment0 {padding-top:0px;background:url(http://f6.wretch.yimg.com/s910102/3/1602208192.jpg?dBExGWlDchbEp7yi8Q227U2KlOICYGRClHwOY9LHZRyfZTwE8u3nyHA-) no-repeat left center;}
#boxNewComment .boxNewComment0 .sidetitle {visibility:hidden;}
#boxFolder .boxFolder0 {padding-top:0px;background:url(http://f6.wretch.yimg.com/s910102/3/1602199356.jpg?W5GgwppDchZSe7BgkQcBdcv6tzPSeA2fBMSGP6D04bXToPw_aIwEq9A-) no-repeat left center;}
#boxFolder  .boxFolder0 .sidetitle {visibility:hidden;}
#boxMySpace .boxMySpace0 {padding-top:0px;background:url(http://f6.wretch.yimg.com/s910102/3/1602208193.jpg?8lf2tI5DchZIkZKkOf_.Gx3BVf17XUsEZNDC5AiUl9C0NYNVPOf8m5U-) no-repeat left center;}
#boxMySpace .boxMySpace0 .sidetitle {visibility:hidden;}
#boxWho .sidetitle{display:none;}
.posted{
color:#333;
FONT-SIZE:11px;
FONT-FAMILY:MS Mincho;
letter-spacing:1pt;
line-height:17px;
margin-bottom:10px;
background:#fff;
padding:3px;
text-align:right;
border-top:1px #bbb dotted;
}
.posted a{color:#333;padding:1px;}
.posted a:hover{color:#DF8F05;}
#boxCounter .side br {display:none;}
.boxCounter0 {
display:none;}
#boxCounter {
color:#333;
position:absolute;
top:458px;
left:430px;
width:400px;
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:#fff;
text-align:center;
padding:5px;
background-color:#fff;
border-bottom:0px #ccc dotted;
}
.title{
padding:6px;
margin-top:0px;
letter-spacing:2px;
color:#DF8F05;
font-family:simhei;
font-weight:normal;
font-size:16px;
text-align:left;
}
#friendlist {
position:absolute;
left:220px;
top:460px;
font-size:10px;
color:#666;
border:#fff 2px solid;
background-color:#fff;
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;}
#boxNewTrackback{display:none;}
#linkBlog {
text-align:center;
POSITION:absolute;
TOP:452px;
left:-1px;
letter-spacing:5px;
padding:2px 18px 5px 18px;
border:1px #bbb dotted;
border-top:none;
border-right:none;
background:#fff;
color:#DF8F05;
WIDTH:30PX;text-align:center;display:block;padding:0 5px;
padding-top:9px;padding-bottom:5px;
}
a#linkBlog:hover{
background:#fff;color:#DF8F05;
}
#linkAlbum {
display:block;
text-align:center;
position:absolute;
left:40px;
top:452px;
letter-spacing:5px;
padding:2px 18px 5px 18px;
border-bottom:1px #bbb dotted;
background:#fff;
color:#333;
WIDTH:30PX;text-align:center;display:block;padding:0 5px;
padding-top:9px;padding-bottom:5px;
}
a#linkAlbum:hover{
background:#fff;color:#DF8F05;
}
#linkUser {
display:block;
text-align:center;
position:absolute;
left:79px;
top:452px;
letter-spacing:5px;
padding:2px 18px 5px 18px;
border-bottom:1px #bbb dotted;
background:#fff;
color:#333;
WIDTH:30PX;text-align:center;display:block;padding:0 5px;
padding-top:9px;padding-bottom:5px;
}
a#linkUser:hover{
background:#fff;color:#DF8F05;
}
#linkFriend {
display:block;
text-align:center;
position:absolute;
left:118px;
top:452px;
letter-spacing:5px;
padding:2px 18px 5px 18px;
border-bottom:1px #bbb dotted;
background:#fff;
color:#333;
WIDTH:30PX;text-align:center;display:block;padding:0 5px;
padding-top:9px;padding-bottom:5px;
}
a#linkFriend:hover{
background:#fff;color:#DF8F05;
}
#linkGbook {
display:block;
text-align:center;
position:absolute;
left:158px;
top:452px;
letter-spacing:5px;
padding:2px 18px 5px 18px;
border-bottom:1px #bbb dotted;
border-right:1px #bbb dotted;
background:#fff;
color:#333;
WIDTH:32PX;text-align:center;display:block;padding:0 5px;
padding-top:9px;padding-bottom:5px;
}
a#linkGbook:hover{
background:#fff;color:#DF8F05;
}
#boxMySpace {
height:125px;
}
HTML{
SCROLLBAR-FACE-COLOR:#fff;
SCROLLBAR-HIGHLIGHT-COLOR:#fff;
SCROLLBAR-SHADOW-COLOR:#fff;
SCROLLBAR-3DLIGHT-COLOR:#fff;
SCROLLBAR-ARROW-COLOR:#fff;
SCROLLBAR-DARKSHADOW-COLOR:#fff;
}
#boxNewComment .side {visibility:hidden;}
#boxNewComment .side a{visibility:visible;}
input, select{
background:#fff;
color:#666;
border:1px dotted #ccc;
padding:1px 3px 1px 3px;
FONT-SIZE:9px;
font-family:verdana;}
#boxWho {position:absolute;left:550px;top:0px;}
#boxWho div#whowrapper{width:270px!important;text-align:center;}
#boxWho #whowrapper li a img {filter:gray;}
#boxWho #whowrapper li a:hover img {filter:alpha(opacity=100);}
#boxWho #whowrapper li a:hover img{border:1px #bbb dotted;WIDTH:15px!important;height:15px!important;}
#boxWho input{margin-top:0px;font:7pt verdana;color:#999;background:#fff;padding:0px;}
#boxWho li, #boxWho li img{padding:1px;width:15px !important;height:15px !important;border:1px #bbb dotted;}
#boxWho li{margin-bottom:0px !important;}
#boxWho input{margin-top:0px;writing-mode:tb-rl;position:absolute;top:30px;left:180px;font:7pt verdana;color:#D1C1A1;background:#FFF;border:1px #FFF solid;padding:1px;}
.cmt_floor {display:none;}
.date{
margin-top:5px;
margin-right:5px;
line-height:13pt;
padding:5px 10px 5px 10px;
color:#DF8F05;font:8pt;
text-align:right;
letter-spacing:2px;
text-decoration:none;
float:right;
}
.innertext {
font-size:7pt;
color:#333;
letter-spacing:1px;
line-height:15pt;
}
.articletext .extended {color:#666;}
.articletext .extended A {
color:#333;
FONT-SIZE:11px;
FONT-FAMILY:MS Mincho;
letter-spacing:4px;
}
.articletext .extended a:hover {
color:#DF8F05;
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;}
#boxNewComment img{display:none;}
.blogbody textarea {
background:url(http://f6.wretch.yimg.com/s910102/3/1602216818.jpg?Y8fSsT9DchZYWAkKVaBgyKXh0fkY2xvwKUHeXjuH2a37jkm6AI_mHk0-);
color:#333;font-size:8pt;
background-position:right bottom;
background-repeat:no-repeat;
border:1px #DF8F05 dotted;}
.comments-head{font:7pt;color:#fff;}
.total-comments-div .comments-body FORM {font-size:7pt;color:#DF8F05;letter-spacing:1px;line-height:15pt;}
div#article_counter{font-size:7pt;color:#DF8F05;letter-spacing:1px;line-height:15pt;text-align:left;padding:3px 5px 3px 5px;width:80px;}
.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;}
.digu .meta {display:none;}