Ver. Strawberry 系列【網誌、相簿、留言版】
DESIGNED BY SHANY LOVE MICKY
http://blog.pixnet.net/shyhappiness
【pixnet使用者,編輯css記得把模式改為無名模式】
嚴禁抄襲,拿了請按迴響告知。
最佳觀看:1024*768
*********適用所有預覽器* ********
使用方法,請把選中的CSS複製起來,覆蓋原本的CSS送出即可。
Ver. Strawberry 系列
2008年2月6日 出品
/*----------------------------------------------------------- designed by shany http://blog.pixnet.net/shyhappiness 2008/02/06 ------------------------------------------------------------*/ /*********整體背景****/ HTML { SCROLLBAR-FACE-COLOR: #f6f6f6; OVERFLOW-X: hidden; OVERFLOW: hidden; SCROLLBAR-HIGHLIGHT-COLOR: #000000; SCROLLBAR-SHADOW-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: #000000; SCROLLBAR-BASE-COLOR: #000000; background:url(http://i248.photobucket.com/albums/gg197/shanycss02/strawberry/blog01.jpg) fixed no-repeat;} body{ color:#000; font-family:verdana; font-size:7pt; text-align:left; word-break:break-all; padding:0px; margin-TOP: 90px; margin-LEFT: 240px; } a{ color:#000; font-family:verdana; text-decoration:none; } input{ color:#222222; font-size:10px; background:#fff; border:#999 1px solid; } select{ color:#fff; font-size:10px; background:#000; width:175px; } /*********網誌標題****/ #banner{ BACKGROUND: repeat-x center bottom; HEIGHT: 0px } #pageheader h1 a{ display:block; color:#000; position:absolute; width:400px; font-size:14px; font-weight:450; text-align:left; margin-top:-60px; margin-left:0px; letter-spacing:1px; } #pageheader h1 a:hover{ color: #fff; background: #; } /*********網誌描述****/ .description { color:#000; font-size:11px; font-weight:normal; text-align:left; position:absolute; margin-top:-60px; margin-left:450px; width:200px; letter-spacing:1px; line-height:160%; } /*****文章區*************************/ #content { width:490px;float:left; height:410px; padding:5px; POSITION: absolute; TEXT-ALIGN: left; TEXT-DECORATION: none; overflow:auto; scrollbar-arrow-color:#FFBFC0; scrollbar-face-color:#FE858A; scrollbar-track-color:#FE858A; scrollbar-3dlight-color:#FE858A; scrollbar-darkshadow-color:#FE858A; scrollbar-shadow-color:#FE858A; scrollbar-highlight-color:#FE858A; FILTER: chroma (color=#); overflow-x: hidden } .blog { color:#000; font-size:10px; text-align:left; line-height:100%; } /*********文章日期****/ .date { PADDING-LEFT: 180px; FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #ccc; TEXT-TRANSFORM: uppercase; FONT-FAMILY: verdana; LINE-HEIGHT: 10px; TEXT-ALIGN: RIGHT; HEIGHT:10px; } /*********文章標題****/ .articletext .title{ font-size:12px;font-weight:BMbug ; padding:0px; PADDING-LEFT: 20px; margin:0px 0px 0px 0px; LINE-HEIGHT: 15px; HEIGHT:15px; background-color:#FFBFC0; border-bottom: 3px solid #FE858A; } /*文章背景*/ .articletext .innertext{ margin-top:0px; padding:5px; line-height:150%; letter-spacing:2px; font-size:12px; BACKGROUND:# } /*****回應區*************************/ .total-comments-div { MARGIN-TOP:10px;MARGIN-LEFT:0px; BORDER-TOP-STYLE:none;PADDING-TOP:10px; BORDER-RIGHT-STYLE:none;BORDER-LEFT-STYLE:none; TEXT-ALIGN:LEFT;BORDER-BOTTOM-STYLE:none;} .total-comments-div .trackbacks-head { } .total-comments-div .trackbacks-head .comments-head { PADDING-RIGHT:0px;PADDING-LEFT:20px; BACKGROUND:#FFF;PADDING-BOTTOM:0px;PADDING-TOP:0px;} .total-comments-div .comments-head { PADDING-RIGHT:3px;PADDING-LEFT:20px;BACKGROUND:#CCC; PADDING-BOTTOM:0px;PADDING-TOP:0px;} .total-comments-div .comments-bottom .comments-head { PADDING-RIGHT:0px;PADDING-LEFT:0px;BACKGROUND:#CCC; PADDING-BOTTOM:0px;PADDING-TOP:0px;} .total-comments-div .comments-body { BORDER-RIGHT:#000 0px double;PADDING-RIGHT:0px; BORDER-TOP:#000 0px double;PADDING-LEFT:0px; BACKGROUND:#FFF no-repeat left bottom; PADDING-BOTTOM:0px;MARGIN:0px 0px 10px 40px; BORDER-LEFT:#e8e8e8 0px double;WIDTH:400px;COLOR:#777;LINE-HEIGHT:10px; PADDING-TOP:15px;BORDER-BOTTOM:#e8e8e8 0px double;LINE-HEIGHT:15px; } .total-comments-div .comments-body .comments-post { PADDING-RIGHT:0px;PADDING-LEFT:0px; PADDING-BOTTOM:0px;PADDING-TOP:0px;TEXT-ALIGN:right;} .total-comments-div .comments-body FORM { TEXT-ALIGN:left; } .trackback-url { PADDING-LEFT:0px; } .comments-body{ PADDING-LEFT:0px; } .comments-post IMG { VISIBILITY:hidden;WIDTH:17px;} .comments-reply .comments-author { background:#ccc;filter:alpha(opacity=100);color:#666!important; } .comments-reply p { padding-right:10px !important;TEXT-ALIGN:right;} .comments-reply .comments-author p { color:#666!important;font-size:x-small; } .comments-reply .comments-author .comments-post{ color:#666!important; } .comments-reply .comments-author .comments-post a { text-decoration:none;color:#666;} .comments-reply .comments-author .comments-post a:hover { text-decoration:none;color:#CCC;} .postuser { PADDING-RIGHT:20px;BACKGROUND:none transparent scroll repeat 0% 0%;} .postuser:hover { } .postemail { BACKGROUND:none transparent scroll repeat 0% 0%;} .postemail:hover { } .postweb { BACKGROUND:none transparent scroll repeat 0% 0%;} .postweb:hover { } #text { WIDTH:400px;} #links { MARGIN-TOP: 0px;MARGIN-RIGHT: 30px; FONT-SIZE: 10px; FLOAT: left; OVERFLOW-X: hidden;TEXT-ALIGN: left; OVERFLOW: auto; WIDTH: 180px; HEIGHT: 420px; scrollbar-arrow-color:#FE858A; scrollbar-face-color:#FFBFC0; scrollbar-track-color:#FFBFC0; scrollbar-3dlight-color:#FFBFC0; scrollbar-darkshadow-color:#FFBFC0; scrollbar-shadow-color:#FFBFC0; scrollbar-highlight-color:#FFBFC0; FILTER: chroma (color=#); } #links A { COLOR: #999 } .sidetitle { DISPLAY: none } .side { PADDING-RIGHT: 0px; BACKGROUND-POSITION: right center; PADDING-LEFT: 15px; padding:2px; FONT-WEIGHT: normal; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 10px; BACKGROUND-IMAGE: none; BORDER-BOTTOM-WIDTH: 1px; PADDING-BOTTOM: 0px; COLOR: #000; BORDER-TOP-STYLE: none; LINE-HEIGHT: 18px; PADDING-TOP: 0px; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left; BORDER-RIGHT-WIDTH: 1px;} #boxNewComment .boxNewComment1 .side { COLOR: #000; TEXT-ALIGN: center } /********圓點********/ li{ list-style:none; list-style-position:outside; } #links a{ color:#000; } a:hover{ color: #999; background: #; } /*********游標*******/ body{cursor:url("")} a:hover {cursor:url("")} */*********人氣****/* #boxCounter { LEFT: 750px; WIDTH: 100px; color:#FFF; POSITION: absolute; TOP: 550px; HEIGHT: 50px } #boxCounter .boxCounter0 .sidetitle { DISPLAY: none } #pageheader #description2 .description { FONT-SIZE: 7pt; LEFT: -600px; COLOR: #000; POSITION: absolute; TOP: 480px; TEXT-ALIGN: right }
BODY { BACKGROUND-POSITION: left center; BACKGROUND-ATTACHMENT: fixed; BACKGROUND-IMAGE: url(http://i248.photobucket.com/albums/gg197/shanycss02/strawberry/album01.jpg); SCROLLBAR-HIGHLIGHT-COLOR: #ffffd3; SCROLLBAR-SHADOW-COLOR: #ffffd3; SCROLLBAR-3DLIGHT-COLOR: #ffffd3; SCROLLBAR-TRACK-COLOR: #ffffd3; BACKGROUND-REPEAT: no-repeat; SCROLLBAR-DARKSHADOW-COLOR: #ffffd3; SCROLLBAR-FACE-: #ffffd3; BACKGROUND-: no-repeat; SCROLLBAR-ARROW-: #000 } A { FONT-WEIGHT: bold; COLOR: #000; TEXT-DECORATION: none } A:link { COLOR: #000; TEXT-DECORATION: none } A:visited { COLOR: #000; TEXT-DECORATION: none } A:active { COLOR: #000 } A:hover { LEFT: 2px; COLOR: #000; POSITION: relative; TOP: 2px } #banner { PADDING-RIGHT: 0px; BACKGROUND-POSITION: right 80%; MARGIN-TOP: 20px; FONT-WEIGHT: normal; PADDING-BOTTOM: 15px; MARGIN-LEFT: 180px; TEXT-TRANSFORM: capitalize; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: verdana, arial, sans-serif; LETTER-SPACING: 0.1em; HEIGHT: 30px; TEXT-ALIGN: left } #banner A { FONT-SIZE: 12px; COLOR: #000; FONT-FAMILY: verdana, arial, sans-serif; TEXT-DECORATION: none } #banner A:link { FONT-SIZE: 12px; COLOR: #000; FONT-FAMILY: verdana, arial, sans-serif; TEXT-DECORATION: none } #banner A:visited { FONT-SIZE: 12px; COLOR: #000; FONT-FAMILY: verdana, arial, sans-serif; TEXT-DECORATION: none } #banner A:active { FONT-SIZE: 12px; COLOR: #000; FONT-FAMILY: verdana, arial, sans-serif; TEXT-DECORATION: none } #banner A:hover { FONT-SIZE: 12px; COLOR: #000; FONT-FAMILY: verdana, arial, sans-serif; TEXT-DECORATION: none } .description { FONT-SIZE: 10pt; TEXT-TRANSFORM: none; COLOR: #000; PADDING-TOP: 30px; FONT-FAMILY: "Georgia",細明體; LETTER-SPACING: 2pt; TEXT-ALIGN: left; descFontStyle: normal; descFontWeight: normal } .side { BORDER-RIGHT: thin; PADDING-RIGHT: 2px; BACKGROUND-POSITION: center center; BORDER-TOP: thin; PADDING-LEFT: 2px; FONT-SIZE: x-small; FILTER: alpha(opacity=80); BACKGROUND-IMAGE: none; PADDING-BOTTOM: 2px; BORDER-LEFT: thin; WIDTH: 200px! important; COLOR: #FFF; PADDING-TOP: 2px; BORDER-BOTTOM: thin; BACKGROUND-REPEAT: repeat-y; FONT-FAMILY: verdana, arial, sans-serif; HEIGHT: 145px; BACKGROUND-COLOR: #FFFFFF; background-width: 145px; background-height: 145px } UNKNOWN { BORDER-RIGHT: #000 1px; PADDING-RIGHT: 2px; BORDER-TOP: #000 1px dashed; MARGIN-TOP: 10px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: x-small; PADDING-BOTTOM: 2px; BORDER-LEFT: #000 1px; COLOR: #666; LINE-HEIGHT: 140%; PADDING-TOP: 2px; BORDER-BOTTOM: #000 1px; FONT-FAMILY: verdana, arial, sans-serif; LETTER-SPACING: 2pt; TEXT-ALIGN: center } INPUT { BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 10pt; BORDER-LEFT: medium none; COLOR: #000; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: #FFF } TEXTAREA { BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 10pt; BORDER-LEFT: medium none; COLOR: #000; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: #FFF } SELECT { DISPLAY: none } BODY { SCROLLBAR-FACE-COLOR: #fff; SCROLLBAR-HIGHLIGHT-COLOR: #fff; SCROLLBAR-SHADOW-COLOR: #fff; SCROLLBAR-3DLIGHT-COLOR: #fff; SCROLLBAR-ARROW-COLOR: #000; SCROLLBAR-TRACK-COLOR: #fff; SCROLLBAR-DARKSHADOW-COLOR:#fff; SCROLLBAR-BASE-COLOR: #fff } BODY { MARGIN-left: 250px;MARGIN-top:20px } #category { DISPLAY: none } TABLE { WIDTH: 600px } .syndicate { DISPLAY: none } /*********************** 去除廣告 ***********************/ /* WRETCH.CC - ALBUM - NO AD */ /* 隱藏橫幅廣告 */ HTML BODY TABLE TR TD#AD_BANNER, HTML BODY TABLE TR TD#AD_BANNER A, HTML BODY TABLE TR TD#AD_BANNER IMG, HTML BODY TABLE TR TD#AD_BANNER EMBED, HTML BODY TABLE TR TD#AD_BANNER OBJECT, HTML BODY TABLE TR TD#AD_BANNER IFRAME, HTML BODY TABLE TR TD DIV{display:none !important;} /* 修正還原 */ HTML BODY TABLE TR TD DIV#BANNER, HTML BODY TABLE TR TD DIV#BANNER DIV{display:block !important;} HTML BODY TABLE TR TD DIV#MySpace{display:inline !important;} HTML BODY TABLE TR TD.SIDETITLE DIV{display:inline !important;} /* 隱藏文字廣告 */ TR TD SCRIPT, TR TD NOSCRIPT, FORM TR TD CENTER FONT A{display:none !important;} /* 瀏覽時方格小廣告 */ #body_show TABLE TR TD DIV A, CENTER A{display:none !important;} /* 列表橫幅FLASH動態廣告 */ HTML BODY CENTER DIV{display:none !important;} /* 隱藏RSS標籤 - 可有可無 (可省略, 個人喜好) */ HTML BODY TABLE TR TD DIV#rss{display:none !important;} /* 強制顯示[還原王/空間王] (可省略, 個人喜好) */ HTML BODY TABLE TR TD FORM DIV, #HiddenAdvFunction{display:block !important;} /* --- END -------- END --- */
/* 擋廣告開始 */ #logo, #logo img { position: absolute; left: -1000px; !important; } #floatLayer {display:none !important;} div table .small-c tr td{ display:none; } #ad_top, object, embed { display: none !important; } div table tr td { width:auto !important;height:auto !important; } table tr td { width:auto !important;height:auto !important; } center img{display:none} center div object{display:none} #ad_flash { DISPLAY: none} #ad_banner a {position : absolute;clip: rect(0px 0px 0px 0px);} FILTER: alpha(opacity=0);}} table tr td iframe {display: none; width: 0px; height: 0px} /* 擋廣告-結束-*/ body {overflow: hidden;} div.small-c select{width:auto;clip:rect(2px 150px 15px 2px);position:absolute;top:-25px;left:10px} .syndicate {display: none;} #menu {color: #000; position: absolute;left:20px;top:20px;} .main {margin-left:70px; width: 500px; height: 380px; overflow: auto;} .big-e{font-size:20px;} html{ overflow:hidden; background:url(http://i248.photobucket.com/albums/gg197/shanycss02/strawberry/bbs01.jpg) fixed no-repeat;} } body{ Font-Family: verdana; Font-Size: 10px; LINE-HEIGHT: 70%; WIDTH: 100%; COLOR: #000; HEIGHT: 100%; background-color: #000; MARGIN:110px 0px 0px 400px; } a:link {color: #000; text-decoration:none;} a:visited {color: #000; text-decoration:none;} a:active {color: #000; text-decoration:none;} a:hover { background: #fff; color: #000;cursor:nw-resize;} #banner { color: #000; HEIGHT:20px; width:400px; font-size:10pt; font-weight:normal; padding-left:30px; padding-top:40px; text-align: left; font-family:verdana; } #banner a, #banner a:link, #banner a:visited, #banner a:active, {color:#000; font-weight: bold; text-decoration: none;} #banner a:hover{background: #fff; color: #000;} .description { font-family:verdana, arial, sans-serif; color:#000; font-size:10px; font-weight:normal; background:none; text-transform:none; letter-spacing: 1px; TEXT-ALIGN: left ; padding-top: 10px; } .side { BORDER: none; PADDING: 5px; FONT-SIZE: 10px; font-weight:normal; COLOR: #000; background: #fff; FILTER: Alpha(opacity=90); font-family:verdana; TEXT-ALIGN: left; } .sidetitle { BORDER: none; PADDING: 0px; FONT-SIZE: 0px; font-weight:normal; width:0px; COLOR: #000; font-family:verdana; TEXT-ALIGN: left; display:none; } .replyside{ BORDER: none; PADDING: 3px; FONT-SIZE: 10px; font-weight:normal; COLOR: #000; background: #fff; FILTER: Alpha(opacity=80); font-family:verdana, arial, sans-serif; TEXT-ALIGN: CENTER; } TD{ border:none; PADDING: 0px; font-size:10px; font-family:verdana, arial, sans-serif; COLOR: #fff; LETTER-SPACING: 0px;} TABLE { PADDING:0px; BACKGROUND: none; border:none; WIDTH: 450px; text-align: left;} input,select{ background:#fff; color:#000; border: 1px solid #000; FONT-SIZE: 10px; font-family:verdana;} form textarea{ background-color:#fff; textarea{ color:#000; border: 1px solid #fff; } textarea{ width:400 } .powered {PADDING:0px} IMG { CLIP: rect(800px 0px 0px 00px); POSITION: absolute } .pass IMG {POSITION: static ;width:80px;} EMBED {CLIP: rect(800px 0px 0px 00px); POSITION: absolute } #search {display: none;} div.small-c {display: inline;} #logo { color: #FFFED3; LEFT: 500px; POSITION: absolute; important: } #logo IMG { color: fff; LEFT: 500px; POSITION: absolute; important: } HTML { SCROLLBAR-FACE-COLOR: #FFBFC0; SCROLLBAR-HIGHLIGHT-COLOR: #FFBFC0; SCROLLBAR-SHADOW-COLOR: #FFBFC0; SCROLLBAR-3DLIGHT-COLOR: #FFBFC0; SCROLLBAR-ARROW-COLOR: #000; SCROLLBAR-TRACK-COLOR: #FFBFC0; SCROLLBAR-DARKSHADOW-COLOR: #FFBFC0; } div form td,.pass{font-size:xx-small !important;color:#000} .passtitle, .pass {color: #000;width:50px} .pass input {border-bottom: 1px solid #000; color: #000; width:50px}