/**2006 極簡紅色聖誕＃1/
/**提醒：無名小站部落格中若有超過640px大小的圖片者，不適宜使用此CSS。**/
/**PIXNET使用者請依照[推薦] Pixnet 新功能 Photo Auto-resize設定圖片顯示大小**/
HTML {
SCROLLBAR-FACE-COLOR: #BD6D6B;
SCROLLBAR-HIGHLIGHT-COLOR: #fff;
SCROLLBAR-SHADOW-COLOR: #fff;
SCROLLBAR-3DLIGHT-COLOR: #BD6D6B;
SCROLLBAR-ARROW-COLOR: #fff;
SCROLLBAR-TRACK-COLOR: #BD6D6B;
SCROLLBAR-DARKSHADOW-COLOR: #BD6D6B
}
BODY {
BACKGROUND: #BD6D6B url(http://static.flickr.com/20/72931529_40cddbb342_o.jpg) fixed no-repeat center top;
MARGIN: 0px 0px 0px 0px;
}
A {
FONT-WEIGHT: normal;
COLOR: #999966;
TEXT-DECORATION: none
}
A:link,
A:visited {
COLOR: #8b5f65;
TEXT-DECORATION: none
}
A:active ,
A:hover {
COLOR: #cd919e
}
H1, H2, H3 {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px
}
#banner {
TEXT-ALIGN: left;
PADDING-RIGHT: 0px;
PADDING-LEFT: 20px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 20px;
HEIGHT: 140px
}
#banner A,
#banner A:link ,
#banner A:visited,
#banner A:active,
#banner A:hover {
FONT-WEIGHT: bold;
FONT-SIZE: 24px;
COLOR: #fff;
TEXT-DECORATION: none
}
#banner .description {
FONT-WEIGHT: bold;
FONT-SIZE: small;
COLOR: #fff;
FONT-FAMILY: times, serif
}
INPUT,
SELECT,
TEXTAREA{
BORDER:#8b5f65 1px solid;
COLOR:#4f4f4f;
BACKGROUND:#ffffff;
}
#main2{BACKGROUND:#BD6D6B;}
#content {
RIGHT: 10px;
LEFT: 0px;
padding-left:10px;
BOTTOM: 20px;
POSITION: absolute;
TOP: 700px;
width: 660px;
background:#BD6D6B;
filter: alpha(opacity=90);}
#container {
MARGIN: 5px;
BACKGROUND:#BD6D6B
}
#links {
PADDING-RIGHT: 10px;
PADDING-LEFT: 10px;
BACKGROUND:#BD6D6B;
LEFT: 700px;
PADDING-BOTTOM: 10px;
WIDTH: 280px;
PADDING-TOP: 10px;
POSITION: absolute;
TOP: 700px;
}
.blog {
PADDING-RIGHT: 50px;
PADDING-LEFT: 15px;
WIDTH: 650px;
PADDING-TOP: 15px;
BACKGROUND:#BD6D6B;
}
.blogbody {
BORDER: #fff 1px solid;
PADDING-TOP: 10px;
PADDING-RIGHT: 10px;
PADDING-LEFT: 10px;
PADDING-BOTTOM: 10px;
FONT-WEIGHT: normal;
FONT-SIZE: 13px;
MARGIN-BOTTOM: 10px;
COLOR: #666;
LINE-HEIGHT: 160%;
FONT-FAMILY: verdana, arial, sans-serif;
BACKGROUND-COLOR: #ffffff;
}
.blogbody A,
.blogbody A:link,
.blogbody A:visited,
.blogbody A:active ,
.blogbody A:hover {
FONT-WEIGHT: normal;
TEXT-DECORATION: underline
}
.side A,
.side A:link,
.side A:visited {
FONT-size: 11px;
color:black;
}
.side A:active ,
.side A:hover{
color: white;
TEXT-DECORATION: underline
}
.title {
BACKGROUND-POSITION: left 50%;
PADDING-LEFT: 16px;
FONT-WEIGHT: bold;
FONT-SIZE: medium;
MARGIN-BOTTOM: 7px;
COLOR: #8b5742;
PADDING-TOP: 2px;
BACKGROUND-REPEAT: no-repeat;
FONT-FAMILY: verdana, arial
}
#menu {
BACKGROUND:#BD6D6B;
MARGIN-BOTTOM: 15px
}
.date {
MARGIN-TOP: 23px;
FONT-WEIGHT: bold;
FONT-SIZE: large;
TEXT-TRANSFORM: uppercase;
COLOR: #000;
FONT-FAMILY: verdana, arial, sans-serif
}
.posted {
FONT-SIZE: x-small;
BACKGROUND-IMAGE: none;
MARGIN-BOTTOM: 7px;
COLOR: #999;
FONT-FAMILY: verdana, arial, sans-serif
}
.calendar {
PADDING-RIGHT: 2px;
PADDING-LEFT: 2px;
FONT-WEIGHT: normal;
FONT-SIZE: x-small;
BACKGROUND: none;
PADDING-BOTTOM: 2px;
COLOR: #666;
LINE-HEIGHT: 160%;
PADDING-TOP: 2px;
FONT-FAMILY: verdana, arial, sans-serif;
TEXT-ALIGN: center
}
DIV.calendar TABLE {
WIDTH: 88%
}
.calendarhead {
PADDING-RIGHT: 2px;
PADDING-LEFT: 2px;
FONT-WEIGHT: bold;
FONT-SIZE: x-small;
BACKGROUND: none;
PADDING-BOTTOM: 2px;
COLOR: #8b7765;
LINE-HEIGHT: 160%;
PADDING-TOP: 2px;
FONT-FAMILY: verdana, arial, sans-serif
}
.side {
PADDING-RIGHT: 7px;
PADDING-LEFT: 7px;
FONT-WEIGHT: normal;
FONT-SIZE: x-small;
BACKGROUND: none;
PADDING-BOTTOM: 3px;
TEXT-TRANSFORM: uppercase;
COLOR: #fff;
LINE-HEIGHT: 160%;
PADDING-TOP: 3px;
FONT-FAMILY: verdana, arial, sans-serif
}
.sidetitle {
BACKGROUND-POSITION: left 50%;
MARGIN-TOP: 10px;
PADDING-LEFT: 18px;
FONT-WEIGHT: bold;
FONT-SIZE: 16px;
TEXT-TRANSFORM: uppercase;
COLOR: #fff;
PADDING-TOP: 2px;
BORDER-BOTTOM: #000 1px dotted;
BACKGROUND-REPEAT: no-repeat;
FONT-FAMILY: verdana, arial, sans-serif;
LETTER-SPACING: 0.2em;
TEXT-ALIGN: center
}
.syndicate {
PADDING-RIGHT: 2px;
MARGIN-TOP: 10px;
PADDING-LEFT: 2px;
FONT-WEIGHT: bold;
FONT-SIZE: xx-small;
BACKGROUND: none;
PADDING-BOTTOM: 2px;
LINE-HEIGHT: 160%;
PADDING-TOP: 2px;
FONT-FAMILY: verdana, arial, sans-serif;
TEXT-ALIGN: center
}
.powered {
PADDING-RIGHT: 2px;
BORDER-TOP: #ccc 0px solid;
MARGIN-TOP: 10px;
PADDING-LEFT: 2px;
FONT-SIZE: x-small;
PADDING-BOTTOM: 2px;
COLOR: #003366;
LINE-HEIGHT: 160%;
PADDING-TOP: 2px;
BORDER-BOTTOM: #ccc 0px solid;
FONT-FAMILY: verdana, arial, sans-serif;
LETTER-SPACING: 0.2em;
TEXT-ALIGN: center
}
.comments-head {
BORDER-RIGHT: #cdb7b5 1px solid;
PADDING-RIGHT: 3px;
BORDER-TOP: #cdb7b5 1px solid;
MARGIN-TOP: 5px;
PADDING-LEFT: 3px;
FONT-WEIGHT: normal;
FONT-SIZE: small;
MARGIN-BOTTOM: 5px;
PADDING-BOTTOM: 3px;
BORDER-LEFT: #cdb7b5 1px solid;
COLOR: #666;
PADDING-TOP: 3px;
BORDER-BOTTOM: #cdb7b5 1px solid;
FONT-FAMILY: georgia, verdana, arial, sans-serif;
BACKGROUND-COLOR: #fff0f5
}
.comments-body {
PADDING-RIGHT: 10px;
PADDING-LEFT: 10px;
FONT-WEIGHT: normal;
FONT-SIZE: small;
BACKGROUND: #fffafa;
PADDING-BOTTOM: 10px;
MARGIN: 5px;
COLOR: #cc9999;
LINE-HEIGHT: 160%;
PADDING-TOP: 5px;
FONT-FAMILY: verdana, arial, sans-serif
}
.comments-post {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FONT-WEIGHT: normal;
FONT-SIZE: x-small;
BACKGROUND: none;
PADDING-BOTTOM: 0px;
COLOR: #999;
PADDING-TOP: 0px;
FONT-FAMILY: verdana, arial, sans-serif
}
.trackback-body {
PADDING-RIGHT: 10px;
PADDING-LEFT: 10px;
FONT-WEIGHT: normal;
FONT-SIZE: small;
BACKGROUND: #fff;
PADDING-BOTTOM: 10px;
COLOR: #666;
LINE-HEIGHT: 160%;
PADDING-TOP: 10px;
FONT-FAMILY: verdana, arial, sans-serif
}
.trackback-url {
BORDER-RIGHT: #ccc 1px dashed;
PADDING-RIGHT: 10px;
BORDER-TOP: #ccc 1px dashed;
PADDING-LEFT: 10px;
FONT-WEIGHT: normal;
FONT-SIZE: small;
BACKGROUND: #fff;
PADDING-BOTTOM: 10px;
BORDER-LEFT: #ccc 1px dashed;
COLOR: #666;
LINE-HEIGHT: 160%;
PADDING-TOP: 10px;
BORDER-BOTTOM: #ccc 1px dashed;
FONT-FAMILY: verdana, arial, sans-serif
}
.trackback-post {
FONT-WEIGHT: normal;
FONT-SIZE: x-small;
BACKGROUND: #fff;
COLOR: #666;
FONT-FAMILY: verdana, arial, sans-serif
}#footer {
BACKGROUND-POSITION-X: left;
BACKGROUND-IMAGE: none;
BACKGROUND-REPEAT: no-repeat
}
.boxRssList1{
width:220px;
height:220px;
overflow: auto;
overflow-x:hidden;
SCROLLBAR-FACE-COLOR: #BD6D6B;
SCROLLBAR-HIGHLIGHT-COLOR: #cdb7b5;
SCROLLBAR-SHADOW-COLOR: #cdb7b5;
SCROLLBAR-3DLIGHT-COLOR: #BD6D6B;
SCROLLBAR-ARROW-COLOR: #cdb7b5;
SCROLLBAR-TRACK-COLOR: #BD6D6B;
SCROLLBAR-DARKSHADOW-COLOR: #BD6D6B
}.boxFolder {
width:220px;
height:160px;
overflow: auto;
overflow-x:hidden;
SCROLLBAR-FACE-COLOR: #BD6D6B;
SCROLLBAR-HIGHLIGHT-COLOR: #cdb7b5;
SCROLLBAR-SHADOW-COLOR: #cdb7b5;
SCROLLBAR-3DLIGHT-COLOR: #BD6D6B;
SCROLLBAR-ARROW-COLOR: #cdb7b5;
SCROLLBAR-TRACK-COLOR: #BD6D6B;
SCROLLBAR-DARKSHADOW-COLOR: #BD6D6B
}
原文出處: [艾瑪CSS] 2006聖誕極簡紅色系＃1
分享此篇文章延伸閱讀
- [分享] 氣質芋紫BLOG CSS
- [網誌] 深淺雙綠色（已投稿）
- [分享] 淡紫日記BLOG CSS
- [分享] 無名小站回應區、訪客留言、版主回應、誰來我家 完整CSS大公開
- [情人節樣式] 第一號:粉紅小可愛（網誌）
- [情人節樣式] 第一號:粉紅小可愛（相本）
- [情人節樣式] 第一號:粉紅小可愛（個人資料+留言版）
- [艾瑪CSS] 2006聖誕極簡紅色系＃1
| 【關於作者】艾瑪 | amarylliss 台灣第一位全職旅遊部落客受邀出國旅遊超過百次(受邀列表)，1996年起於台大椰林BBS自助旅行版(Tour Abroad)發表旅遊心得並擔任版主，2000年起於明日報/ANYWAY旅遊網分享旅遊心得，2003年起任艾瑪隨處走走部落格格主至今，從無名小站至痞客邦，目前回歸個人部落格持續經營；更詳細網路書寫歷史請參考關於我。聯繫、合作或邀約請聯繫：[email protected] |
感謝！我取走了。^^|
一直很受不了PIXNET版面的字都超小的(我明明是老人家呀！看小字很累，碎碎念、碎碎念)。