語法:
/*************************************
作者:Sunerw
BLOG:http://www.wretch.cc/blog/Sunerw
版本:松鼠
***************************************/
HTML {
SCROLLBAR-FACE-COLOR: #fff;
SCROLLBAR-HIGHLIGHT-COLOR: #fff;
SCROLLBAR-SHADOW-COLOR: #fff;
SCROLLBAR-3DLIGHT-COLOR: #663300;
SCROLLBAR-ARROW-COLOR: #663300;
SCROLLBAR-TRACK-COLOR: #ffffff;
SCROLLBAR-DARKSHADOW-COLOR: #663300;
}
BODY {
BACKGROUND: url(http://l.yimg.com/e/style/3/379/body.jpg) repeat-y center 0%;
FONT: 8pt Arial;
}
A ,
A:link ,
A:visited,
A:active {
COLOR: #663300;
text-decoration: none;
}
A:hover {
COLOR: #ff0000;
text-decoration: none;
position:relative;top:1px;left:1px;
}
INPUT,textarea,select {
BORDER-RIGHT: #663300 1px solid;
BORDER-TOP: #663300 1px solid;
BACKGROUND: transparent;
BORDER-LEFT: #663300 1px solid;
COLOR: #663300;
BORDER-BOTTOM: #663300 1px solid;
}
#container1 {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 10px auto;
WIDTH: 760px; PADDING-TOP: 0px;
}
#container2 {
MARGIN-TOP: 0px;
BACKGROUND: #ffffff;
HEIGHT: 100%;
}
#banner {
PADDING-RIGHT: 10px;
PADDING-LEFT: 10px;
BACKGROUND: url(http://l.yimg.com/e/style/3/379/banner.jpg) #ffffff no-repeat center 0%;
WIDTH: 670px; HEIGHT: 400px;
}
#banner H1 A {
COLOR: #663300;
text-decoration: none;
}
#banner H1 A:hover {
COLOR: #ff0000;
text-decoration: none;
}
#banner .description {
FONT-SIZE: 14px;
COLOR: #663300;
}
#description2 {
PADDING-RIGHT: 10px;
PADDING-LEFT: 10px;
PADDING-TOP: 14px;
TEXT-ALIGN: right;
}
#description2 .description {
FONT-SIZE: 12px; COLOR: #663300;
}
#content {
FLOAT: left; BACKGROUND-IMAGE: none; WIDTH: 520px;
}
.blog {
PADDING-RIGHT: 15px; PADDING-LEFT: 20px;
}
#content IMG {
max-width: 450px;
}
.picleft {
FLOAT: left; MARGIN: 10px;
}
.picright {
FLOAT: right; MARGIN: 10px;
}
.piccenter {
DISPLAY: block; MARGIN: 10px;
}
.date {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FONT-SIZE: large;
BACKGROUND:#ffffff;
PADDING-BOTTOM: 0px;
MARGIN: 0px; COLOR: #663300;
PADDING-TOP: 10px;
}
.datediv {
PADDING-LEFT: 43px;
BACKGROUND: url(http://l.yimg.com/e/style/3/379/datediv.jpg) no-repeat 12px 0px;
PADDING-BOTTOM: 5px;
PADDING-TOP: 6px;
}
.title {
FONT-SIZE: large; PADDING-BOTTOM: 3px; MARGIN-LEFT: 10px; BORDER-BOTTOM: #663300 1px dotted;COLOR: #481700;
}
.extended {
MARGIN-TOP: 0px; TEXT-ALIGN: left;COLOR: #663300;font-weight: bold;
}
.articletext {
BACKGROUND: url(http://l.yimg.com/e/style/3/379/articletext.jpg) fixed no-repeat right bottom;
COLOR: #663300;
BACKGROUND-COLOR: transparent;
BORDER-RIGHT: #663300 1px solid;
PADDING-RIGHT: 10px;
BORDER-TOP: #663300 1px solid;
PADDING-LEFT: 10px;
PADDING-BOTTOM: 10px;
BORDER-LEFT: #663300 1px solid;
PADDING-TOP: 10px;
BORDER-BOTTOM: #663300 1px solid;
}
.posted {
PADDING-RIGHT: 10px;
MARGIN-BOTTOM: 2px;
PADDING-BOTTOM: 2px;
PADDING-TOP: 5px;
TEXT-ALIGN: right;
}
#links {
RIGHT: 0px; MARGIN-LEFT: 470px; WIDTH: 200px;
}
.calendar {
MARGIN-TOP: 20px; MARGIN-BOTTOM: 20px;
}
.sidetitle {
BORDER-RIGHT: red 0px solid;
BORDER-TOP: red 0px solid;
PADDING-top: 5px;
PADDING-LEFT: 33px; font-weight: bold;
FONT-SIZE: 16px; BACKGROUND: url(http://l.yimg.com/e/style/3/379/sidetitle.gif) no-repeat 0px 0px;
PADDING-BOTTOM: 10px;
BORDER-LEFT: red 0px solid;
COLOR: #481700;
BORDER-BOTTOM: #ffffff 3px solid;
}
.boxProfileImg IMG {
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
BACKGROUND: #fff;
PADDING-BOTTOM: 5px;
MARGIN-LEFT: 20px;
PADDING-TOP: 5px;
}
.boxProfile1 {
PADDING-LEFT: 10px;
}
#SlidePicLink IMG {
WIDTH: 70px;
}
.boxSlideShow1 {
HEIGHT: 180px;
}
.boxNewArticle1 {
PADDING-LEFT: 5px;
MARGIN-LEFT: 10px;
BORDER-LEFT: #ffffff 1px solid;
}
.boxCategory1 {
PADDING-LEFT: 5px;
MARGIN-LEFT: 10px;
BORDER-LEFT: #ffffff 1px solid;
}
.boxNewComment1 {
SCROLLBAR-FACE-COLOR: #ffffff;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #ffffff;
SCROLLBAR-3DLIGHT-COLOR: #663300;
SCROLLBAR-ARROW-COLOR: #663300;
SCROLLBAR-TRACK-COLOR: #ffffff;
SCROLLBAR-DARKSHADOW-COLOR: #663300;
HEIGHT: 200px;
}
.boxNewComment1 .side {
TEXT-ALIGN: right;
}
.boxNewComment1 A {
PADDING-RIGHT: 2px;
DISPLAY: block;
PADDING-LEFT: 2px;
BACKGROUND: #fff;
PADDING-BOTTOM: 2px;
COLOR: #663300;
PADDING-TOP: 2px;
TEXT-ALIGN: left;
text-decoration: none;
}
.boxNewComment1 A:hover {
BACKGROUND: #ffffff; COLOR: #ff0000;
}
.boxFolder1 {
BORDER-RIGHT: #ffffff 1px solid;
PADDING-LEFT: 5px;
MARGIN-LEFT: 10px;
TEXT-ALIGN: left;
}
.boxFolder1 A {
BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 5px;
}
.boxFolder1 A:hover {
BORDER-RIGHT: #ffffff 1px solid;
}
.boxCounter1 {
PADDING-LEFT: 20px; font-weight: bold;
}
.syndicate {
MARGIN-TOP: 20px; MARGIN-BOTTOM: 5px; TEXT-ALIGN: LEFT;
}
.total-comments-div {
BORDER-RIGHT: #663300 0px solid;
BORDER-TOP: #663300 0px solid;
MARGIN-LEFT: 83px;
BORDER-LEFT: #663300 0px solid;
BORDER-BOTTOM: #663300 0px solid;
}
.comments-head {
PADDING-RIGHT: 5px;
PADDING-LEFT: 20px; font-weight: bold;
PADDING-BOTTOM: 5px; PADDING-TOP: 5px;
BORDER-BOTTOM: #663300 1px solid; LETTER-SPACING: 0.2em;
}
.comments-body {
BORDER-RIGHT: #663300 1px solid;
BORDER-TOP: #663300 1px solid;
MARGIN-TOP: 0px;
MARGIN-BOTTOM: 0px;
BORDER-LEFT: #663300 1px solid;
COLOR: #663300;
}
.comments-body P {
PADDING-RIGHT: 30px; PADDING-LEFT: 10px;
}
.comments-bottom .comments-head {
BORDER-RIGHT: #663300 1px solid;
PADDING-RIGHT: 20px;
BORDER-TOP: #663300 1px solid;
BACKGROUND: transparent;
BORDER-LEFT: #663300 1px solid;
BORDER-BOTTOM: #663300 1px solid;
TEXT-ALIGN: right;
}
.comments-post {
PADDING-RIGHT: 10px;
PADDING-BOTTOM: 10px;
MARGIN-LEFT: 60px;
COLOR: #663300;
BORDER-BOTTOM: #663300 1px dotted;
TEXT-ALIGN: right;
}
.comments-body FORM {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px;
PADDING-BOTTOM: 10px; PADDING-TOP: 10px;
BORDER-BOTTOM: #663300 1px solid; TEXT-ALIGN: right;
}
#url {
WIDTH: 85%;
}
#email {
WIDTH: 85%;
}
#text {
BORDER-RIGHT: #663300 1px solid;
BORDER-TOP: #663300 1px solid;
BORDER-LEFT: #663300 1px solid;
WIDTH: 350px;
COLOR: #663300;
BORDER-BOTTOM: #663300 1px solid;
FONT-FAMILY: Arial;
}
.side {
BACKGROUND-IMAGE: none;
}
.blogbody {
BORDER-TOP-WIDTH: thin;
COLOR: #663300;
BACKGROUND-COLOR: transparent;
}