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

7愛的鼓勵 0訂閱站台

/* --------------------------------------
主題:【 網 】 站立
作者: 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/1602222308.jpg?qeMMDVlDchYj1N5jis4qK8mYr0WEqiKDU1QPbAyVe8KRW7UwTaHwuk0CKeaIaGU-);
background-repeat:no-repeat;
background-position:left top;
}
#description2 {
MARGIN-bottom:10px;
width:425px;
height:17px;
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:#666;
background:#fff;
filter:alpha(opacity=100);
letter-spacing:1px;
line-height:20pt;
border:0px #000 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:#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:#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:320px;
top:505px;
}
#pageheader h1 a {
text-decoration:none;
position:absolute;
left:330px;
top:10px;
color:#333;
font-size:12pt;
font-family:simhei;
FONT-WEIGHT:normal;
padding:1px 10px 0px 20px;
background:none;
border-left:10px #333 solid;
letter-spacing:1px;
}
#pageheader h1 a:hover {
text-decoration:none;
color:#666;
border-left:10px #666 solid;
}
#linkMypage{display:none;}
#linkVideo{display:none;}
.blog {
position:absolute;
top:35px;
left:303px;
font-size:9px;
padding:2px 20px 10px 20px;
MARGIN-bottom:10px;
width:550px;
color:#333;
background:#fff;
border:1px #fff solid;
border-top:none;
filter:alpha(opacity=100);
MARGIN-bottom:10px;
height:450px;
overflow:auto;
overflow-x:hidden;
scrollbar-arrow-color:#fff;
scrollbar-track-color:#fff;
}
#links2 {
MARGIN-bottom:10px;
width:260px;
font-size:9px;
MARGIN-bottom:10px;
height:322px;
overflow:auto;
overflow-x:hidden;
scrollbar-arrow-color:#fff;
scrollbar-track-color:#fff;
}
#links{
MARGIN-bottom:10px;
position:absolute;
left:0px;
top:175px;
background-repeat:no-repeat;
padding:0px 10px 0px 25px;
background:#fff;
color:#333;
}
a{
color:#333;
text-decoration:none;
}
a:hover{
color:#333;
text-decoration:none;
}
#links a:hover{
color:#333;
}
#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) 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;}
#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 solid;
}
.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:129px;
left:495px;
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:#fff;
text-align:center;
padding:5px;
background-color:#666;
border-bottom:0px #ccc dotted;
}
.title{
padding:6px;
margin-top:0px;
letter-spacing:2px;
color:#000;
font-family:simhei;
font-weight:normal;
font-size:16px;
text-align:left;
}
#friendlist {
position:absolute;
left:40px;
top:330px;
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;
left:915px;
top:130px;
width:40px;
height:10px;
padding:5px;
background:#fff;
color:#000;
letter-spacing:5px;
padding:2px 10px 5px 10px;
font-family:simhei;
FONT-WEIGHT:normal;
font-size:12pt;
}
a#linkBlog:hover{
background:#fff;
color:#999;
}
#linkAlbum {
display:block;
text-align:center;
position:absolute;
left:915px;
top:160px;
width:40px;
height:10px;
padding:5px;
background:#fff;
color:#000;
letter-spacing:5px;
padding:2px 10px 5px 10px;
border-right:none;
font-family:simhei;
FONT-WEIGHT:normal;
font-size:12pt;
}
a#linkAlbum:hover{
background:#fff;
color:#999;
}
#linkUser {
display:block;
text-align:center;
position:absolute;
left:915px;
top:190px;
width:40px;
height:10px;
padding:5px;
background:#fff;
color:#000;
letter-spacing:5px;
padding:2px 10px 5px 10px;
border-right:none;
font-family:simhei;
FONT-WEIGHT:normal;
font-size:12pt;
}
a#linkUser:hover{
background:#fff;
color:#999;
}
#linkFriend {
display:block;
text-align:center;
position:absolute;
left:915px;
top:220px;
width:40px;
height:10px;
padding:5px;
background:#fff;
color:#000;
letter-spacing:5px;
padding:2px 10px 5px 10px;
border-right:none;
font-family:simhei;
FONT-WEIGHT:normal;
font-size:12pt;
}
a#linkFriend:hover{
background:#fff;
color:#999;
}
#linkGbook {
display:block;
text-align:center;
position:absolute;
left:915px;
top:250px;
width:40px;
height:10px;
padding:5px;
background:#fff;
color:#000;
letter-spacing:5px;
padding:2px 10px 5px 10px;
border-right:none;
font-family:simhei;
FONT-WEIGHT:normal;
font-size:12pt;
}
a#linkGbook:hover{
background:#fff;
color:#999;
}
#boxMySpace {
height:150px;
}
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:#666;
color:#fff;
border:1px solid #666;
padding:1px 3px 1px 3px;
FONT-SIZE:9px;
font-family:verdana;}
#boxWho {position:absolute;left:890px;top:45px;}
#boxWho div#whowrapper{width:75px!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 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 #666 dotted;}
#boxWho li{margin-bottom:0px !important;}
#boxWho input{margin-top:0px;position:absolute;top:65px;left:-15px;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:75px #fff solid;
border-right:77px #fff solid;
border-top:10px #fff solid;
border-bottom:10px #fff solid;
}
.boxMySpace1 .side a:hover img {
filter:alpha(opacity=100);
border-left:75px #666 solid;
border-right:77px #666 solid;
border-top:10px #666 solid;
border-bottom:10px #666 solid;
}
#boxNewArticle img{display:none;}
#boxNewComment img{display:none;}
.blogbody textarea {
background:url(http://f6.wretch.yimg.com/s910102/3/1602222309.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;}