Katty's 筆記本兒

因為無名網誌樣式審稿方式改變，

所以之前我投稿成功的網誌樣式CSS--"原味藍"被迫下架，

然而有一些熱心的無名朋友肯賞臉想繼續套用我的樣式，

(這真是一種肯定呀！:p)

所以我把我的原始CSS貼上來，

有需要的人歡迎自行取用，

不過可以的話請註明原始作者為kattyhsieh喔！

Thanks！

A:link {

BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #003366; TEXT-DECORATION: none

}

A:visited {

BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffff99; TEXT-DECORATION: none

}

A:active {

BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #003366

}

A:hover {

BACKGROUND: #ffffff; COLOR: #003366; TEXT-DECORATION: underline

}

H1 {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px

}

H2 {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px

}

H3 {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px

}

#banner {

PADDING-LEFT: 30px; FONT-WEIGHT: normal; FONT-SIZE: large; Z-INDEX: 1; BORDER-LEFT-COLOR: #ffccff; BACKGROUND: url(http://pic21.pic.wretch.cc/photos/1/k/kattyhsieh/10/1122785662.jpg) no-repeat right top; BORDER-BOTTOM-COLOR: #ffccff; PADDING-BOTTOM: 50px; COLOR: #cb0f0f; BORDER-TOP-STYLE: dashed; BORDER-TOP-COLOR: #ffccff; PADDING-TOP: 10px; BORDER-RIGHT-STYLE: dashed; BORDER-LEFT-STYLE: dashed; POSITION: relative; TEXT-ALIGN: left; BORDER-RIGHT-COLOR: #ffccff; BORDER-BOTTOM-STYLE: dashed

}

#banner A:link {

FONT-SIZE: x-large; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffff33; TEXT-DECORATION: none

}

#banner A:visited {

FONT-SIZE: x-large; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffff33; TEXT-DECORATION: none

}

#banner A:active {

FONT-SIZE: x-large; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffff33; TEXT-DECORATION: none

}

#banner A:hover {

FONT-SIZE: x-large; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffffcc; TEXT-DECORATION: none

}

.description {

FONT-SIZE: small; BACKGROUND: none transparent scroll repeat 0% 0%; TEXT-TRANSFORM: none; COLOR: #ffffff

}

#content {

BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN: 10px 270px 10px 40px

}

BLOCKQUOTE {

BORDER-RIGHT: #3399ff 2px solid; PADDING-RIGHT: 10px; BORDER-TOP: #3399ff 2px solid; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: small; BACKGROUND: #ffffff; PADDING-BOTTOM: 10px; MARGIN: 5px 40px; BORDER-LEFT: #3399ff 2px solid; WIDTH: auto; COLOR: #336699; LINE-HEIGHT: 150%; PADDING-TOP: 10px; BORDER-BOTTOM: #3399ff 2px solid

}

.category {

FONT-WEIGHT: bold; FONT-SIZE: small; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #660033; TEXT-ALIGN: right

}

.category A:link {

BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #003366; TEXT-DECORATION: none

}

.category A:visited {

BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #660033; TEXT-DECORATION: none

}

.category A:active {

BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #003366; TEXT-DECORATION: none

}

.category A:hover {

BACKGROUND: #336699; COLOR: #ffffff; TEXT-DECORATION: underline

}

.blog {

PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: small; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 10px; COLOR: #336699; PADDING-TOP: 10px; HEIGHT: 1%

}

.blogbody {

BORDER-RIGHT: #99ccff 3px dotted; PADDING-RIGHT: 10px; BORDER-TOP: #99ccff 3px dotted; PADDING-LEFT: 10px; FONT-SIZE: small; BACKGROUND: url(http://pic21.pic.wretch.cc/photos/1/k/kattyhsieh/10/1122785352.jpg) #ffffff no-repeat right top; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 10px; BORDER-LEFT: #99ccff 3px dotted; WIDTH: auto; COLOR: #996600; LINE-HEIGHT: 150%; PADDING-TOP: 10px; BORDER-BOTTOM: #99ccff 3px dotted

}

.blogbody A:link {

BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #003366; TEXT-DECORATION: none

}

.blogbody A:visited {

BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #003366; TEXT-DECORATION: none

}

.blogbody A:active {

BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #003366; TEXT-DECORATION: none

}

.blogbody A:hover {

COLOR: #ffffff; BACKGROUND-COLOR: #336699; TEXT-DECORATION: underline

}

.title {

BORDER-RIGHT: #336699 1px solid; BORDER-TOP: #336699 1px solid; PADDING-LEFT: 10px; FONT-SIZE: medium; BACKGROUND: #99ccff; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: #336699 1px solid; COLOR: #336699; PADDING-TOP: 10px; BORDER-BOTTOM: #336699 1px solid

}

#menu {

FONT-WEIGHT: normal; FONT-SIZE: small; MARGIN-BOTTOM: 15px; PADDING-TOP: 5px; TEXT-ALIGN: center

}

.navi {

PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: normal; FONT-SIZE: small; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 3px; MARGIN: 10px; PADDING-TOP: 3px; TEXT-ALIGN: center

}

.date {

PADDING-LEFT: 45px; FONT-WEIGHT: bold; FONT-SIZE: medium; BACKGROUND: url(http://pic21.pic.wretch.cc/photos/1/k/kattyhsieh/10/1120550938.jpg) no-repeat left 50%; PADDING-BOTTOM: 10px; COLOR: #ffff66; PADDING-TOP: 15px; TEXT-ALIGN: right

}

.posted {

FONT-SIZE: small; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #336699

}

.extended {

PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: normal; PADDING-BOTTOM: 3px; PADDING-TOP: 3px

}

HR.seemore {

DISPLAY: none

}

#links {

PADDING-RIGHT: 10px; PADDING-LEFT: 10px; Z-INDEX: 2; RIGHT: 40px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 10px; WIDTH: 200px; COLOR: #ffffff; PADDING-TOP: 10px; POSITION: absolute; TOP: 150px

}

.calendar {

FONT-WEIGHT: normal; FONT-SIZE: small; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffffff

}

.calendar_month_head {

FONT-WEIGHT: bold; FONT-SIZE: small; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffffff; TEXT-ALIGN: center

}

.calendar_day_head {

FONT-WEIGHT: normal; FONT-SIZE: small; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffffff; TEXT-ALIGN: center

}

.calendar_day_nolink {

FONT-WEIGHT: normal; FONT-SIZE: x-small; TEXT-ALIGN: center

}

.calendar_day_link {

FONT-WEIGHT: normal; FONT-SIZE: x-small; TEXT-ALIGN: center

}

.side {

PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: small; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 5px; COLOR: #ffffff; LINE-HEIGHT: 140%; PADDING-TOP: 5px

}

.sidetitle {

BORDER-RIGHT: #99ccff 3px dashed; PADDING-RIGHT: 3px; BORDER-TOP: #99ccff 3px dashed; MARGIN-TOP: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: normal; FONT-SIZE: small; BACKGROUND: #ffffcc; PADDING-BOTTOM: 3px; BORDER-LEFT: #99ccff 3px dashed; COLOR: #336699; LINE-HEIGHT: 140%; PADDING-TOP: 3px; BORDER-BOTTOM: #99ccff 3px dashed; TEXT-ALIGN: center

}

.categories UL {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 5px; PADDING-TOP: 0px; LIST-STYLE-TYPE: disc

}

.categories LI {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px

}

.archives UL {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 5px; PADDING-TOP: 0px; LIST-STYLE-TYPE: disc

}

.syndicate {

PADDING-RIGHT: 2px; MARGIN-TOP: 15px; PADDING-LEFT: 2px; FONT-SIZE: small; PADDING-BOTTOM: 2px; LINE-HEIGHT: 140%; PADDING-TOP: 2px; TEXT-ALIGN: center

}

.powered {

PADDING-RIGHT: 2px; MARGIN-TOP: 20px; PADDING-LEFT: 2px; FONT-SIZE: medium; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 2px; TEXT-TRANSFORM: uppercase; COLOR: #336699; LINE-HEIGHT: 140%; PADDING-TOP: 2px; TEXT-ALIGN: center

}

.response {

FONT-WEIGHT: bold; FONT-SIZE: medium; BACKGROUND: none transparent scroll repeat 0% 0%; TEXT-TRANSFORM: uppercase; COLOR: #ffffff; LINE-HEIGHT: 140%; LETTER-SPACING: 0.2em; TEXT-ALIGN: center

}

.comments-body {

BORDER-RIGHT: #336699 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #336699 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: small; BACKGROUND: #ffffff; PADDING-BOTTOM: 10px; MARGIN: 5px; BORDER-LEFT: #336699 1px solid; WIDTH: auto; COLOR: #336699; LINE-HEIGHT: 150%; PADDING-TOP: 10px; BORDER-BOTTOM: #336699 1px solid

}

.comments-post {

FONT-WEIGHT: normal; FONT-SIZE: small; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #003366

}

.comments-head {

BORDER-RIGHT: #336699 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #336699 1px solid; MARGIN-TOP: 10px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: small; BACKGROUND: #99ccff; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 5px; BORDER-LEFT: #336699 1px solid; WIDTH: auto; COLOR: #336699; PADDING-TOP: 5px; BORDER-BOTTOM: #336699 1px solid

}

INPUT {

FONT-FAMILY: verdana, arial, sans-serif

}

TEXTAREA {

FONT-FAMILY: verdana, arial, sans-serif

}

.trackback-url {

BORDER-RIGHT: #336699 2px solid; PADDING-RIGHT: 10px; BORDER-TOP: #336699 2px solid; MARGIN-TOP: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: small; BACKGROUND: #ffffff; PADDING-BOTTOM: 10px; BORDER-LEFT: #336699 2px solid; COLOR: #336699; PADDING-TOP: 10px; BORDER-BOTTOM: #336699 2px solid

}

.trackback-body {

FONT-WEIGHT: normal; FONT-SIZE: small; BACKGROUND: #fff; PADDING-BOTTOM: 10px; COLOR: #336699; LINE-HEIGHT: 140%; BORDER-BOTTOM: #003366 1px dotted

}

.trackback-post {

FONT-WEIGHT: normal; FONT-SIZE: x-small; BACKGROUND: #ffeded; COLOR: #336699

}

#banner-commentspop {

BORDER-RIGHT: #336699 2px solid; PADDING-RIGHT: 10px; BORDER-TOP: #336699 2px solid; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: large; PADDING-BOTTOM: 10px; BORDER-LEFT: #336699 2px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #336699 2px solid

}

#banner A {

FONT-SIZE: x-large; COLOR: #ffff33

}

BODY {

BACKGROUND-COLOR: #99ccff

}