Ver. Strawberry 2008.02.06

Ver. Strawberry 系列【網誌、相簿、留言版】

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}