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

7愛的鼓勵 0訂閱站台

/* --------------------------------------
主題:【 網 】 I ? bear
作者: 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/1602230732.jpg?tcASOpJDchZMz8NRyDrUokEJKs..GATVqQjjZflf53U1ZFlDewpFmnlQxES9zL6v);
background-repeat:repeat;
background-position:right bottom;
}
#description2 {
MARGIN-bottom:10px;
width:468px;
height:19px;
overflow:auto;
overflow-x:hidden;
scrollbar-arrow-color:#fff;
scrollbar-track-color:#fff;
padding:5px;
padding-left:10px;
padding-top:0px;
FONT-SIZE:11px;
FONT-FAMILY:MS Mincho;
color:#333;
background:#f2f2f2;
filter:alpha(opacity=100);
letter-spacing:0px;
line-height:20pt;
}
.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:#666;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:#f2f2f2;color:#333;height:auto!important;padding:10px;font-size:7pt;font-family:verdana;
border:1px #F2F2F2 dotted;letter-spacing:1px;text-align:left;margin:10 0px;}
#description2 {
position:absolute;
left:342px;
top:11px;
}
#pageheader h1 a {
text-decoration:none;
position:absolute;
left:834px;
width:15px;
height:300px;
top:220px;
color:#FFA351;
font-size:18px;
font-family:simhei;
FONT-WEIGHT:normal;
padding:1px 5px 0px 5px;
background:none;
border-left:0px #333 solid;
letter-spacing:1px;
writing-mode:tb-rl;
}
#pageheader h1 a:hover {
text-decoration:none;
color:#333;
border-left:0px #666 solid;
}
#linkMypage{display:none;}
#linkVideo{display:none;}
.blog {
position:absolute;
top:35px;
left:342px;
font-size:9px;
padding:2px 10px 10px 10px;
MARGIN-bottom:10px;
width:460px;
color:#333;
background:#F2F2F2;
border:1px #fff solid;
border-top:none;
filter:alpha(opacity=100);
MARGIN-bottom:10px;
height:470px;
overflow:auto;
overflow-x:hidden;
SCROLLBAR-ARROW-COLOR:#F2F2F2;
}
#links2 {
MARGIN-bottom:10px;
width:200px;
font-size:9px;
MARGIN-bottom:10px;
height:500px;
overflow:auto;
overflow-x:hidden;
SCROLLBAR-ARROW-COLOR:#F2F2F2;
}
#links{
MARGIN-bottom:10px;
position:absolute;
left:125px;
top:10px;
background-repeat:no-repeat;
padding:0px 2px 0px 15px;
background:#f2f2f2;
color:#333;
}
a{
color:#666;
text-decoration:none;
FONT-FAMILY:MS Mincho;
FONT-SIZE:11px;
}
a:hover{
color:#333;
text-decoration:none;
FONT-FAMILY:MS Mincho;
FONT-SIZE:11px;
}
#links a:hover{
color:#333;
FONT-FAMILY:MS Mincho;
FONT-SIZE:11px;
}
#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 #f2f2f2 solid;background:#f2f2f2;}
.boxNewArticle1 .side a:hover{
display:block;padding-left:10px;color:#777;background:#f2f2f2;border-left:5px #f2f2f2 solid;}
.boxCategory1{line-height:2px;}
.boxCategory1 .side a{
display:block;color:#666;background:#f2f2f2;
line-height:15pt;padding-left:10px;letter-spacing:1px;
line-height:15pt;}
.boxCategory1 .side a:hover{
display:block;padding-left:10px;background:#f2f2f2;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 #f2f2f2 solid;background:#f2f2f2;}
.boxNewComment1 .side a:hover{
display:block;padding-left:4px;background:#f2f2f2;border-left:5px #f2f2f2 solid;}
#boxCategory a img {display:none;}
#boxCategory .boxCategory1 .side a {background:url(http://f6.wretch.yimg.com/s910102/3/1602230734.jpg) no-repeat left;padding-left:23px;}
#boxCategory .boxCategory1 .side a:hover {background:no-repeat left;padding-left:23px;}
#boxCategory .boxCategory1 .side div a {background:none;}
#boxWho .sidetitle{display:none;}
.posted{
color:#333;
FONT-SIZE:11px;
FONT-FAMILY:MS Mincho;
letter-spacing:1pt;
line-height:17px;
margin-bottom:10px;
background:#F2F2F2;
padding:3px;
text-align:right;
border-top:1px #333 dotted;
}
.posted a{color:#333;padding:1px;}
.posted a:hover{color:#666;}
#boxCounter .side br {display:none;}
.boxCounter0 {
display:none;}
#boxCounter {
FONT-FAMILY:MS Mincho;
FONT-SIZE:11px;
color:#333;
position:absolute;
top:0px;
left:320px;
width:400px;
padding:5px;
letter-spacing:2px;
writing-mode:tb-rl;
}
.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:#FFA351;
text-align:left;
padding:5px;
background-color:#f2f2f2;
border-bottom:0px #ccc dotted;
}
.title{
padding:6px;
margin-top:0px;
letter-spacing:2px;
color:#FFA351;
font-family:simhei;
font-weight:normal;
font-size:16px;
text-align:left;
}
#friendlist {
position:absolute;
left:-70px;
top:270px;
font-size:10px;
color:#333;
border:#f2f2f2 2px solid;
background-color:#f2f2f2;
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;
left:-57px;
top:110px;
width:40px;
height:10px;
padding:5px;
background:#f2f2f2;
color:#000;
letter-spacing:5px;
padding:2px 8px 7px 10px;
font-family:simhei;
FONT-WEIGHT:normal;
font-size:12pt;
}
a#linkBlog:hover{
background:#f2f2f2;
color:#999;
font-family:simhei;
FONT-WEIGHT:normal;
font-size:12pt;
}
#linkAlbum {
display:block;
text-align:center;
position:absolute;
left:-57px;
top:140px;
width:40px;
height:10px;
padding:5px;
background:#f2f2f2;
color:#000;
letter-spacing:5px;
padding:2px 10px 7px 10px;
border-right:none;
font-family:simhei;
FONT-WEIGHT:normal;
font-size:12pt;
}
a#linkAlbum:hover{
background:#f2f2f2;
color:#999;
font-family:simhei;
FONT-WEIGHT:normal;
font-size:12pt;
}
#linkUser {
display:block;
text-align:center;
position:absolute;
left:-57px;
top:170px;
width:40px;
height:10px;
padding:5px;
background:#f2f2f2;
color:#000;
letter-spacing:5px;
padding:2px 10px 7px 10px;
border-right:none;
font-family:simhei;
FONT-WEIGHT:normal;
font-size:12pt;
}
a#linkUser:hover{
background:#f2f2f2;
color:#999;
font-family:simhei;
FONT-WEIGHT:normal;
font-size:12pt;
}
#linkFriend {
display:block;
text-align:center;
position:absolute;
left:-57px;
top:200px;
width:40px;
height:10px;
padding:5px;
background:#f2f2f2;
color:#000;
letter-spacing:5px;
padding:2px 10px 7px 10px;
border-right:none;
font-family:simhei;
FONT-WEIGHT:normal;
font-size:12pt;
}
a#linkFriend:hover{
background:#f2f2f2;
color:#999;
font-family:simhei;
FONT-WEIGHT:normal;
font-size:12pt;
}
#linkGbook {
display:block;
text-align:center;
position:absolute;
left:-57px;
top:230px;
width:40px;
height:10px;
padding:5px;
background:#f2f2f2;
color:#000;
letter-spacing:5px;
padding:2px 10px 7px 10px;
border-right:none;
font-family:simhei;
FONT-WEIGHT:normal;
font-size:12pt;
}
a#linkGbook:hover{
background:#f2f2f2;
color:#999;
font-family:simhei;
FONT-WEIGHT:normal;
font-size:12pt;
}
#boxMySpace {
height:150px;
}
HTML{
SCROLLBAR-FACE-COLOR:#F2F2F2;
SCROLLBAR-HIGHLIGHT-COLOR:#F2F2F2;
SCROLLBAR-SHADOW-COLOR:#F2F2F2;
SCROLLBAR-3DLIGHT-COLOR:#F2F2F2;
SCROLLBAR-ARROW-COLOR:#F2F2F2;
SCROLLBAR-DARKSHADOW-COLOR:#F2F2F2;
}
#boxNewComment .side {visibility:hidden;}
#boxNewComment .side a{visibility:visible;}
input, select{
background:#f2f2f2;
color:#333;
border:1px solid #f2f2f2;
padding:1px 2px 1px 2px;
FONT-SIZE:9px;
font-family:verdana;}
#boxWho {position:absolute;left:-40px;top:300px;}
#boxWho div#whowrapper{width:27px!important;text-align:center;}
#boxWho #whowrapper li a img {filter:alpha(opacity=0);}
#boxWho #whowrapper li a:hover img{
filter:alpha(opacity=100);WIDTH:25px!important;height:25px!important;
position:relative;border:1px #fff solid;}
#boxWho li, #boxWho li img{padding:1px;width:15px !important;height:15px !important;border:1px #666 dotted;}
#boxWho li{margin-bottom:0px !important;}
#boxWho input{writing-mode:tb-rl;margin-top:0px;position:absolute;top:65px;left:-5px;font:7pt verdana;color:#666;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;
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:#666;
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=100);
border-left:48px #f2f2f2 solid;
border-right:45px #f2f2f2 solid;
border-top:10px #f2f2f2 solid;
border-bottom:10px #f2f2f2 solid;
}
.boxMySpace1 .side a:hover img {
filter:alpha(opacity=100);
border-left:48px #FFA351 solid;
border-right:45px #FFA351 solid;
border-top:10px #FFA351 solid;
border-bottom:10px #FFA351 solid;
}
#boxNewArticle img{display:none;}
#boxNewComment img{display:none;}
.blogbody textarea {
background:url(http://f6.wretch.yimg.com/s910102/3/1602230733.jpg);
color:#333;font-size:8pt;
background-position:right bottom;
background-repeat:no-repeat;
border:1px #333 dotted;}
.comments-head{font:7pt;color:#fff;}
.total-comments-div .comments-body FORM {font-size:7pt;color:#333;letter-spacing:1px;line-height:15pt;}
div#article_counter{font-size:7pt;color:#333;letter-spacing:1px;line-height:15pt;text-align:left;padding:3px 5px 3px 5px;width:250px;}
.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;}
.digu .innertext{color:#333;text-align:left;FLOAT:left;
font-size:8pt;font-family:MS Mincho;}
.digu .title a{color:#666;font-family:SimHei;
font-size:16px;}
.posted {
FONT-SIZE:0px;
COLOR:#fff;
LETTER-SPACING:-1px;
padding:5px;
MARGIN-BOTTOM:2px;
}
.posted a {
MARGIN-RIGHT:1px;
letter-spacing:0px;
FONT-SIZE:11px;
FONT-FAMILY:MS Mincho;
}