Zi 字媒體

/**使用者請依照[推薦] 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大公開 [情人節樣式] 第一號:粉紅小可愛（網誌） [情人節樣式] 第一號:粉紅小可愛（相本） ______________________________________________ 即時消息請加入LINE群組：點這裡加入我的LINE群組 【關於作者】艾瑪 | amarylliss   TG按讚：0