不知道有沒有人會需要這份樣式表？坦白說這個站沒有單翼天使缺了心那麼漂亮的畫面風格，不過反正都已經存在了，就拿來分享吧！
本文依照GPL2.0之規範發表，歡迎自由取用。這份CSS適合目光相對與無名小站使用，其他未測試領域，請自行評估是否適用嚕！
.wrap1 { <!--圖片加陰影框用的，第一層-->
float: left;
width: auto;
background: url(http://linshi.twbbs.org/usr/j/jrfox/fuzzy_shadow.png) no-repeat bottom right;
}
.wrap2 { <!--圖片加陰影框用的，第二層-->
background: url(http://linshi.twbbs.org/usr/j/jrfox/fuzzy_shadow1.png) no-repeat right top;
}
.wrap3 { <!--圖片加陰影框用的，第三層-->
background: url(http://linshi.twbbs.org/usr/j/jrfox/fuzzy_shadow2.png) no-repeat left bottom;
padding: 0 6px 6px 0;
display: block;
}
.wrap1 img {<!--圖片加陰影框用的IMG標籤CSS-->
background-color: #fff;
color: #000;
border: 1px solid #999;
padding: 4px;
vertical-align: bottom;
}
body, table {<!--BODY與TABLE兩者共用之字型設定。-->
font-family: verdana, helvetica;
}
body {
background-color: #fff;
margin: 0px;
padding: 0px;
}
a { FONT-WEIGHT: normal; COLOR: #336666; TEXT-DECORATION: none }
a:link { COLOR: #336666; TEXT-DECORATION: none }
a:visited { COLOR: #336666; TEXT-DECORATION: none }
a:active { color: #336666; }
a:hover { color: #336666; }
h1, h2, h3 {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px
}
#banner {
BORDER-RIGHT: #fff 1px dotted;
background-color:#e0e6d0;
height: 65px;
padding: 10px 0 0 15px;
PADDING-RIGHT: 15px;
BORDER-TOP: #fff 1px dotted;
PADDING-LEFT: 15px;
FONT-WEIGHT: bold;
FONT-SIZE: x-large;
PADDING-BOTTOM: 15px;
BORDER-LEFT: #fff 1px dotted;
COLOR: #fff;
PADDING-TOP: 15px;
FONT-FAMILY: georgia, verdana, arial, sans-serif
}
#banner-commentspop {
BORDER-RIGHT: #fff 1px dotted;
PADDING-RIGHT: 15px;
BORDER-TOP: #fff 1px dotted;
PADDING-LEFT: 15px;
FONT-WEIGHT: bold;
FONT-SIZE: small;
BACKGROUND: url(http://linshi.twbbs.org/albums/album207/aaa.jpg) #ffffff no-repeat right top;
PADDING-BOTTOM: 15px;
BORDER-LEFT: #fff 1px dotted;
COLOR: #fff;
PADDING-TOP: 15px;
FONT-FAMILY: georgia, verdana, arial, sans-serif
}
#banner a:visited,
#banner a:active,
#banner a:link,
#banner a,
#banner a:hover {
color: #666666;
font-size: x-large;
font-weight: bold;
text-decoration: none;
}
#banner .description {
color: #336666;
font-family: times, serif;
font-size: small;
font-weight: bold;
margin-left: 10px;
}
#content {
margin-right: 230px;
border-right: #668 dotted 1px;
}
#container {
margin: 10px;
}
#links {
background-color:#e0e6d0;
border-left: 1px dotted #668;
padding: 10px;
position: absolute;
top: 0px;
right: 0px;
width: 210px;
}
.blog {
padding: 10px;
margin-bottom: 10px;
background-color:#e0e6d0;
}
.blogbody {
color: #666;
font-size: small;
font-weight: normal;
background: #ffffff;
line-height: 140%;
margin-left: 3px;
margin-right: 3px;
margin-bottom: 10px;
padding: 5px; 0px; 5px; 5px;
}
.blogbody a,
.blogbody a:link,
.blogbody a:visited {
border-bottom: 1px dotted #334;
}
.blogbody a:active,
.blogbody a:hover {
border-bottom: 1px solid #668;
}
.title {
color: #668;
font-family: verdana, helvetica, sans-serif;
font-size: normal;
}
#menu {
background: #fff;
font-size: small;
text-align: left;
}
.date {
PADDING-RIGHT: 2px;
MARGIN-TOP: 10px;
PADDING-LEFT: 2px;
FONT-WEIGHT: Bold;
FONT-SIZE: small;
BORDER-LEFT-COLOR: #66cc00;
BACKGROUND: #339900;
BORDER-BOTTOM-COLOR: #666633;
PADDING-BOTTOM: 2px;
COLOR: #fff;
BORDER-TOP-STYLE: solid;
BORDER-TOP-COLOR: #66cc00;
LINE-HEIGHT: 140%;
PADDING-TOP: 2px;
FONT-FAMILY: verdana, arial, sans-serif;
BORDER-RIGHT-STYLE: solid;
BORDER-LEFT-STYLE: solid;
LETTER-SPACING: 0.1em;
TEXT-ALIGN: center;
BORDER-RIGHT-COLOR: #666633;
BORDER-BOTTOM-STYLE: solid
}
.posted {
color: #666;
font-size: x-small;
font-style: italic;
margin-top: 8px;
}
.calendar {
font-size: x-small;
font-weight: normal;
line-height: 105%;
padding: 1px;0px;1px;1px;
text-align: center;
}
div.calendar {
padding: 1px;
}
div.calendar table {
width: 100%;
}
.calendarhead {
background: #ddf;
border: #9c9 dotted 1px;
color: #668;
font-size: x-small;
font-weight: bold;
line-height: 105%;
padding: 1px;
width: 100%;
}
.side {
color: #333;
background-color:#ffffff;
font-size: x-small;
font-weight: normal;
line-height: 140%;
margin-left: 3px;
margin-right: 3px;
padding: 5px; 0px; 5px; 5px;
}
.sidetitle {
PADDING-RIGHT: 2px;
MARGIN-TOP: 10px;
PADDING-LEFT: 2px;
FONT-WEIGHT: Bold;
FONT-SIZE: small;
BORDER-LEFT-COLOR: #66cc00;
BACKGROUND: #339900;
BORDER-BOTTOM-COLOR: #666633;
PADDING-BOTTOM: 2px;
COLOR: #fff;
BORDER-TOP-STYLE: solid;
BORDER-TOP-COLOR: #66cc00;
LINE-HEIGHT: 140%;
PADDING-TOP: 2px;
FONT-FAMILY: verdana, arial, sans-serif;
BORDER-RIGHT-STYLE: solid;
BORDER-LEFT-STYLE: solid;
LETTER-SPACING: 0.1em;
TEXT-ALIGN: center;
BORDER-RIGHT-COLOR: #666633;
BORDER-BOTTOM-STYLE: solid
}
.syndicate {
font-size: x-small;
font-weight: bold;
padding: 2px;
margin-top: 10px;
text-align: center;
}
.powered {
font-size: x-small;
font-weight: bold;
line-height:140%;
margin-top: 10px;
padding:2px;
text-align:center;
}
.comments-body {
color: #666;
font-size: small;
font-weight: normal;
line-height:140%;
margin-left: 15px;
margin-bottom: 5px;
padding: 10px;
}
.comments-post {
color: #888;
font-size: x-small;
font-style: italic;
margin-top: 3px;
text-align: right;
}
.trackback-url {
color:#666;
font-size:small;
font-weight:normal;
background: #fff;
line-height: 140%;
padding: 5px;
}
.trackback-body {
color:#666;
font-size: small;
font-weight: normal;
line-height: 140%;
padding-bottom: 10px;
padding-top: 10px;
}
.trackback-post {
color: #666;
font-size: x-small;
font-weight: normal;
background: #fff;
}
.comments-head {
color: #444;
font-size: small;
font-weight: bold;
font-size: small;
font-weight: bold;
margin-bottom: 5px;
padding: 3px;
}
留言列表
