Katty's 筆記本兒

就是現在用的這個樣式，

有需要的人請自行取用。

但請註明作者為Kattyhsieh，

取用者也請在下面回應處告知一聲，謝謝！

---

html {

scrollbar-arrow-color: #E0F5FF;

scrollbar-face-color: #A3E2FF;

scrollbar-track-color: #C2ECFF;

scrollbar-3dlight-color: #fff;

scrollbar-highlight-color: #60CDFF;

scrollbar-shadow-color: #E0F5FF;

scrollbar-darkshadow-Color: #60CDFF;}

BODY {

 BACKGROUND-ATTACHMENT: fixed;

        BACKGROUND-IMAGE: url(https://pic21.pic.wretch.cc/photos/1/k/kattyhsieh/10/1135648888.jpg);

        MARGIN: 0px; FONT: 0.8em Arial;

        BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #ffffff}

#container1 {

 BACKGROUND-POSITION-X: left;

        MARGIN: 0px auto; WIDTH: 750px; BACKGROUND-COLOR: transparent}

#banner {

 FONT-WEIGHT: bold; BACKGROUND: no-repeat left top;

        MARGIN-BOTTOM: 20px; HEIGHT: 80px; TEXT-ALIGN: center}

#pageheader {PADDING-LEFT: 20px}

#banner H1 {MARGIN-TOP: 0px}

#banner H1 A {

 COLOR: #777}

#banner H1 A:hover {

 COLOR: #333; TEXT-DECORATION: none}

#content {

 FLOAT: left; WIDTH: 525px; BACKGROUND-COLOR: transparent}

#content A {COLOR: #547f8f}

#content A:hover {COLOR: #2b5d70; TEXT-DECORATION: none}

.date {

 PADDING-RIGHT: 25px; FONT-SIZE: large;

        BACKGROUND: no-repeat left top;

        COLOR: #666666; PADDING-TOP: 5px;

        LETTER-SPACING: -1px; HEIGHT: 25px; TEXT-ALIGN: right}

.blogbody {MARGIN-BOTTOM: 20px; PADDING-BOTTOM: 20px}

.articletext {

 PADDING-RIGHT: 20px; PADDING-LEFT: 20px;

        BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px;

　　　　PADDING-TOP: 5px; BACKGROUND-REPEAT: repeat-y;

　　　　BACKGROUND-COLOR: transparent}

.posted {

 COLOR: #003366; BACKGROUND-COLOR: transparent;

　　　　TEXT-ALIGN: center}

.title {

 MARGIN-TOP: 0px; COLOR: #666666}

.total-comments-div {

 MARGIN-LEFT: 30px; WIDTH: 400px}

.comments-head {

 COLOR: #666666; MARGIN-TOP: 15px;

　　　　FONT-WEIGHT: bold; BORDER-BOTTOM: black 1px solid}

.comments-body {COLOR: #666666;}

.comments-post {COLOR: #666666; FONT-SIZE: 10px; TEXT-ALIGN: left}

.total-comments-div FORM {MARGIN: 0px}

.total-comments-div .comments-body p{padding-left:30px;}

#text {WIDTH: 80%}

#links {

 BACKGROUND-POSITION: center center;

　　　　FLOAT: right;

　　　　BACKGROUND-IMAGE: url(https://pic21.pic.wretch.cc/photos/1/k/kattyhsieh/10/1135648889.jpg); WIDTH: 207px; BACKGROUND-REPEAT: repeat-y; BACKGROUND-COLOR: transparent}

#links A {

 PADDING-RIGHT: 5px; DISPLAY: block;

　　　　PADDING-LEFT: 10px; FONT-SIZE: 12px;

　　　　PADDING-BOTTOM: 2px; WIDTH: 173px; COLOR: #728a3e;

　　　　PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid;

　　　　TEXT-DECORATION: none}

#links A:hover {

 BACKGROUND: #fff; COLOR: #4381a1}

#links BR {DISPLAY: none}

.sidetitle {

　　　 PADDING-RIGHT: 20px; PADDING-LEFT: 20px;

　　　 FONT-WEIGHT: bold; BACKGROUND: no-repeat left top;

       PADDING-BOTTOM: 0px; COLOR: #996633;

       PADDING-TOP: 11px; LETTER-SPACING: 2px; HEIGHT: 19px;

       TEXT-ALIGN: center}

#boxProfile {

 MARGIN-BOTTOM: 20px; PADDING-BOTTOM: 20px}

#boxSlideShow {

 MARGIN-BOTTOM: 20px; PADDING-BOTTOM: 20px}

#boxNewArticle {

 MARGIN-BOTTOM: 20px; PADDING-BOTTOM: 20px}

#boxCategory {

 MARGIN-BOTTOM: 20px; PADDING-BOTTOM: 20px}

#boxDate {

 MARGIN-BOTTOM: 20px; PADDING-BOTTOM: 20px}

#boxSearch {

 MARGIN-BOTTOM: 20px; PADDING-BOTTOM: 20px}

#scupioSearch {

 MARGIN-BOTTOM: 20px; PADDING-BOTTOM: 20px}

#boxNewComment {

 MARGIN-BOTTOM: 20px; PADDING-BOTTOM: 20px}

#boxRssList {

 MARGIN-BOTTOM: 20px; PADDING-BOTTOM: 20px}

#boxNewTrackback {

 MARGIN-BOTTOM: 20px; PADDING-BOTTOM: 20px}

#boxFolder {

 MARGIN-BOTTOM: 20px; PADDING-BOTTOM: 20px}

#boxCounter {

 MARGIN-BOTTOM: 20px; PADDING-BOTTOM: 20px}

.side {

 BACKGROUND: none transparent scroll repeat 0% 0%;

        BORDER-LEFT: #fff 6px solid; BORDER-BOTTOM: #fff 0px solid}

#boxSearch FORM {

 MARGIN-BOTTOM: 0px}

#links .calendar A {

 BORDER-TOP-WIDTH: 0px; DISPLAY: inline;

        BORDER-LEFT-WIDTH: 0px;

        BACKGROUND: none transparent scroll repeat 0% 0%;

        BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px}

#links #boxSlideShow A {

 BORDER-TOP-WIDTH: 0px; DISPLAY: inline;

        BORDER-LEFT-WIDTH: 0px;

        BACKGROUND: none transparent scroll repeat 0% 0%;

        BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px}

#links .syndicate A {

 BORDER-TOP-WIDTH: 0px; DISPLAY: inline;

        BORDER-LEFT-WIDTH: 0px;

        BACKGROUND: none transparent scroll repeat 0% 0%;

        BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px}

#links .powered A {

 BORDER-TOP-WIDTH: 0px; DISPLAY: inline;

        BORDER-LEFT-WIDTH: 0px;

        BACKGROUND: none transparent scroll repeat 0% 0%;

        BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px}

#links .sidetitle A {

 BORDER-TOP-WIDTH: 0px; DISPLAY: inline;

        BORDER-LEFT-WIDTH: 0px;

        BACKGROUND: none transparent scroll repeat 0% 0%;

        BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px}

.calendar {

 FONT-SIZE: 12px; MARGIN-BOTTOM: 20px; WIDTH: 200px; HEIGHT: 200px}

.calendar .calendar {

 BACKGROUND: none transparent scroll repeat 0% 0%;

        MARGIN-BOTTOM: 0px; WIDTH: auto; HEIGHT: auto}

.boxCategory1 {

 FONT-SIZE: 0px; COLOR: #eee; LETTER-SPACING: -2px}

.boxProfile1 {

 FONT-SIZE: 0px; COLOR: #eee; LETTER-SPACING: -2px}

#links .boxCategory1 A {

 FONT-SIZE: 12px; LETTER-SPACING: 0px}

#links .boxProfile1 A {

 FONT-SIZE: 12px; LETTER-SPACING: 0px}

#links .boxSearch1 BR {DISPLAY: block}

#links .sidetitle A IMG {HEIGHT: 13px}

.boxNewComment1 {FONT-SIZE: 10px; COLOR: #666; TEXT-ALIGN: right}

#links .boxNewComment1 A {FONT-SIZE: 12px; TEXT-ALIGN: left}

.boxRssList1 {FONT-SIZE: 10px; COLOR: #666}

#links .boxRssList1 A {FONT-SIZE: 12px; TEXT-ALIGN: right}

.boxNewTrackback1 {FONT-SIZE: 10px; COLOR: #666; TEXT-ALIGN: right}

#links .boxNewTrackback1 A {FONT-SIZE: 12px; TEXT-ALIGN: left}

#links .boxNewTrackback1 SPAN A {

        PADDING-RIGHT: 0px; DISPLAY: inline;

        PADDING-LEFT: 0px; FONT-SIZE: 10px;

        BACKGROUND: none transparent scroll repeat 0% 0%;

        PADDING-BOTTOM: 0px; MARGIN: 0px; CURSOR: default;

        COLOR: #666; PADDING-TOP: 0px}

#links .boxNewTrackback1 SPAN A:hover {

 BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #666}

#links .boxCounter1 BR {DISPLAY: inline}

#links .boxCounter1 .side {PADDING-LEFT: 20px}

#links .powered BR {DISPLAY: block}

A {COLOR: #3366cc}

A:link {COLOR: #3366cc}

A:visited {COLOR: #3366cc}

A:active {COLOR: #3366cc}

A:hover {COLOR: #ffccff}

.description {

        FONT-SIZE: small; COLOR: #663399;

        BACKGROUND-COLOR: transparent}

#banner A {FONT-SIZE: x-large; COLOR: #0066cc}

#banner A:link {FONT-SIZE: x-large; COLOR: #0066cc}

#banner A:visited {FONT-SIZE: x-large; COLOR: #0066cc}

#banner A:active {FONT-SIZE: x-large; COLOR: #0066cc}

#banner A:hover {FONT-SIZE: x-large; COLOR: #ffccff}

.innertext {COLOR: #666633}

 

 

 

 

-----