那年充滿回憶的彩紅

這是我第一次做樣式~

因為~網址滴人氣快要超過一萬人~

心血來潮~就做一個網誌來看看~

還請大家多指教喔~

---

要給花花請到http://www.wretch.cc/hala/viewtopic.php?t=241213

以下是css樣式程式

HTML {
 SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #c4d2c2; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #cec2d2; SCROLLBAR-ARROW-COLOR: #cec2d2; SCROLLBAR-TRACK-COLOR: #c4d2c2; SCROLLBAR-DARKSHADOW-COLOR: #cec2d2; SCROLLBAR-BASE-COLOR: #ffffff
}
BODY {
 BACKGROUND-POSITION: right bottom; FONT-WEIGHT: normal; FONT-SIZE: 13px; BACKGROUND-ATTACHMENT: fixed; BACKGROUND-IMAGE: url(http://pic27.pic.wretch.cc/photos/69/m/mia0823/9/1193609567.jpg); MARGIN: 0px; COLOR: #666; LINE-HEIGHT: 190%; BACKGROUND-REPEAT: repeat; FONT-FAMILY: Georgia, arial, helvetica, sans-serif; HEIGHT: 100%
}
#blog_main {
 MARGIN: 0px auto; WIDTH: 100%; PADDING-TOP: 0px; TEXT-ALIGN: left
}
#container1 {
 MARGIN: 0px auto; WIDTH: 100%; PADDING-TOP: 0px; TEXT-ALIGN: left
}
#container2 {
 MARGIN: 0px auto; WIDTH: 100%; PADDING-TOP: 0px; TEXT-ALIGN: left
}
#pageheader {
 MARGIN: 0px auto; WIDTH: 100%; PADDING-TOP: 0px; TEXT-ALIGN: left
}
A {
 COLOR: #330066; TEXT-DECORATION: underline
}
A:link {
 COLOR: #330066; TEXT-DECORATION: underline
}
A:visited {
 COLOR: #330066; TEXT-DECORATION: underline
}
A:hover {
 BACKGROUND: #edf7f7; COLOR: #cc00ff; TEXT-DECORATION: underline
}
A:active {
 COLOR: #330066; TEXT-DECORATION: none
}
IMG {
 BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-TOP-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc
}
P {
 FONT-SIZE: 15px; COLOR: #666; LINE-HEIGHT: 190%
}
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-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(http://pic27.pic.wretch.cc/photos/69/m/mia0823/9/1193609561.jpg) no-repeat left center; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; HEIGHT: 300px; TEXT-ALIGN: left
}
H1 {
 PADDING-RIGHT: 0px; PADDING-LEFT: 540px; FONT-WEIGHT: bold; FONT-SIZE: 20px; PADDING-BOTTOM: 30px; MARGIN: 0px; PADDING-TOP: 70px; LETTER-SPACING: 4px
}
#description2 {
 PADDING-LEFT: 540px; WIDTH: 390px; LETTER-SPACING: 1px
}
.description {
 FONT-WEIGHT: normal; FONT-SIZE: 13px; COLOR: #fa8072; LETTER-SPACING: 2px; BACKGROUND-COLOR: transparent
}
H1 .description {
 DISPLAY: none
}
#banner A {
 BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #98fb98; TEXT-DECORATION: none
}
#banner A:link {
 BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #98fb98; TEXT-DECORATION: none
}
#banner A:active {
 BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #98fb98; TEXT-DECORATION: none
}
#banner A:visited {
 BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #98fb98; TEXT-DECORATION: none
}
#banner A:hover {
 BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffc0cb; TEXT-DECORATION: none
}
#description2 A {
 BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #c4d2c2; TEXT-DECORATION: none
}
#description2 A:link {
 BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #c4d2c2; TEXT-DECORATION: none
}
#description2 A:active {
 BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #c4d2c2; TEXT-DECORATION: none
}
#description2 A:visited {
 BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #c4d2c2; TEXT-DECORATION: none
}
#description2 A:hover {
 BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #c4d2c2; TEXT-DECORATION: underline
}
#content {
 FLOAT: right; MARGIN: 18px 20px 0px 0px; WIDTH: 600px
}
.blog {
 MARGIN-TOP: 10px; FLOAT: right
}
.blogbody {
 FONT-SIZE: 12px; MARGIN-BOTTOM: 20px; COLOR: #000; LINE-HEIGHT: 190%; FONT-FAMILY: arial, helvetica, sans-serif
}
.innertext {
 FONT-SIZE: 15px; COLOR: #0000ff; LINE-HEIGHT: 190%; FONT-FAMILY: Georgia
}
.articletext {
 BORDER-RIGHT: #9900ff 1px dashed; BACKGROUND-POSITION: right top; BORDER-TOP: #9900ff 1px dashed; FONT-SIZE: 15px; BACKGROUND-IMAGE: url(http://pic27.pic.wretch.cc/photos/69/m/mia0823/9/1193609563.jpg); BORDER-LEFT: #9900ff 1px dashed; COLOR: #666; LINE-HEIGHT: 190%; BORDER-BOTTOM: #9900ff 1px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Georgia
}
.title {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 15px; PADDING-BOTTOM: 0px; MARGIN: 15px 0px 35px; WIDTH: 100%; COLOR: #ee82ee; PADDING-TOP: 0px; TEXT-ALIGN: left
}
.date {
 PADDING-RIGHT: 15px; BACKGROUND-POSITION: left top; BORDER-TOP: #ccc 1px; PADDING-LEFT: 15px; FONT-WEIGHT: normal; FONT-SIZE: 13px; BACKGROUND-IMAGE: url(http://pic27.pic.wretch.cc/photos/69/m/mia0823/9/1193609560.jpg); PADDING-BOTTOM: 15px; WIDTH: 98%; COLOR: #990066; PADDING-TOP: 5px; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: right
}
.extended {
 FLOAT: right; WIDTH: 100%; TEXT-ALIGN: right
}
.extended {
 BACKGROUND: none transparent scroll repeat 0% 0%
}
.posted {
 BORDER-TOP: #ff00ff 1px dashed; FONT-FAMILY: Georgia; BACKGROUND-COLOR: transparent; TEXT-ALIGN: right; BORDER-BOTTOM-STYLE: none
}
.comments-head {
 FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #d1d2c2; PADDING-TOP: 20px; HEIGHT: 10px; TEXT-ALIGN: center
}
.comments-body {
 BORDER-TOP: #ccc 1px dotted; FONT-SIZE: 15px; MARGIN: 20px 0px 15px 13px; LINE-HEIGHT: 170%; PADDING-TOP: 20px
}
.comments-post {
 FONT-SIZE: 13px; MARGIN: 0px 0px 25px; COLOR: #cec2d2; TEXT-ALIGN: right
}
.total-comments-div .comments-body FORM {
 BORDER-RIGHT: #ccc 0px solid; PADDING-RIGHT: 20px; BORDER-TOP: #ccc 0px solid; PADDING-LEFT: 20px; PADDING-BOTTOM: 20px; BORDER-LEFT: #ccc 0px solid; PADDING-TOP: 20px; BORDER-BOTTOM: #ccc 0px solid
}
.comments-body TEXTAREA {
 BORDER-RIGHT: #e6e3ff 1px dotted; BORDER-TOP: #e6e3ff 1px dotted; BACKGROUND: url(http://pic.wretch.cc/icon/hyli/useroffer/sunnic/purewhitel/table03.jpg) no-repeat right top; BORDER-LEFT: #e6e3ff 1px dotted; WIDTH: 600px; BORDER-BOTTOM: #e6e3ff 1px dotted; HEIGHT: 300px
}
.comments-body INPUT {
 BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: #fff; BORDER-BOTTOM: #ccc 1px dotted; BORDER-RIGHT-WIDTH: 0px
}
.trackback-url {
 PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FONT-SIZE: 15px; PADDING-BOTTOM: 50px; COLOR: #fff; PADDING-TOP: 50px; TEXT-ALIGN: right
}
.trackback-url INPUT {
 BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 15px; BACKGROUND: #eff7ed; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 3px; WIDTH: 75%; COLOR: #666; HEIGHT: 20px; BORDER-RIGHT-WIDTH: 0px
}
#links {
 BACKGROUND-POSITION: 0% 0%; BACKGROUND-ATTACHMENT: scroll; FLOAT: left; BACKGROUND-IMAGE: none; MARGIN-LEFT: 20px; WIDTH: 200px; BACKGROUND-COLOR: transparent; TEXT-ALIGN: center
}
.sidetitle {
 BORDER-RIGHT: #ccc 0px double; PADDING-RIGHT: 0px; BORDER-TOP: #ccc 0px double; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: small; BACKGROUND: url(http://pic27.pic.wretch.cc/photos/69/m/mia0823/9/1193609562.jpg) no-repeat; PADDING-BOTTOM: 7px; MARGIN: 0px 1px; BORDER-LEFT: #ccc 0px double; COLOR: #990033; PADDING-TOP: 7px; BORDER-BOTTOM: #ccc 0px double; LETTER-SPACING: 0px; HEIGHT: 65px; TEXT-ALIGN: right
}
.side {
 PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 13px; PADDING-BOTTOM: 5px; MARGIN: 0px 0px 10px; LINE-HEIGHT: 180%; PADDING-TOP: 5px; TEXT-ALIGN: left
}
#links .side A {
 FONT-SIZE: 13px; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #666; LINE-HEIGHT: 210%; TEXT-DECORATION: none
}
#links .side A:hover {
 BACKGROUND: #f7edf1; COLOR: #918893
}
#boxCategory .side BR {
 DISPLAY: none
}
#boxCategory .side A {
 DISPLAY: block; FONT-SIZE: 13px; LINE-HEIGHT: 210%; TEXT-DECORATION: none
}
#boxCategory .boxCategory1 .side BR {
 DISPLAY: none
}
#boxCategory .boxCategory1 .side A {
 DISPLAY: block; FONT-SIZE: 13px; LINE-HEIGHT: 210%; TEXT-DECORATION: none
}
#boxNewArticle .side BR {
 DISPLAY: none
}
#boxNewArticle .side A {
 DISPLAY: block; FONT-SIZE: 13px; LINE-HEIGHT: 210%; TEXT-DECORATION: none
}
#boxNewComment .side {
 FONT-SIZE: 11px; COLOR: #666; LINE-HEIGHT: 210%
}
#boxNewTrackback {
 WORD-WRAP: break-word
}
#boxNewTrackback .side {
 FONT-SIZE: 13px; COLOR: #fff; LINE-HEIGHT: 250%
}
#boxNewTrackback .side A {
 FONT-SIZE: 13px; TEXT-DECORATION: none
}
#boxNewTrackback .side A:hover {
 BACKGROUND: #f7edf1; COLOR: #918893
}
#boxRssList .boxRssList0 {
 FONT-SIZE: 0px; COLOR: #fff; LINE-HEIGHT: 1%
}
.boxRssList1 .side {
 FONT-SIZE: 0px; COLOR: #fff; LINE-HEIGHT: 1%
}
#boxRssList .side BR {
 DISPLAY: none
}
#boxRssList .side A {
 DISPLAY: block; FONT-SIZE: 13px; PADDING-BOTTOM: 3px; LINE-HEIGHT: 210%; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none
}
#boxRssList .sidetitle {
 PADDING-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 17px; PADDING-TOP: 17px
}
#boxRssEntryTitle {
 FONT-SIZE: 13px; COLOR: #cec2d2; LINE-HEIGHT: 210%
}
#boxFolder .side BR {
 DISPLAY: none
}
#boxFolder .side A {
 DISPLAY: block; FONT-SIZE: 13px; LINE-HEIGHT: 210%; TEXT-DECORATION: none
}
#boxFolder .side INPUT {
 FONT-SIZE: 13px; BACKGROUND: #eff7ed; MARGIN: 5px; WIDTH: 160px; COLOR: #cec2d2; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 20px; BORDER-BOTTOM-STYLE: none
}
.calendar A {
 COLOR: #fff
}
.calendar TR TH .calendar {
 FONT-SIZE: 11px; COLOR: #cec2d2
}
.calendar TD A {
 FONT-SIZE: 11px; COLOR: #666; TEXT-DECORATION: none
}
.calendar TD A:hover {
 
}
.calendarhead A {
 FONT-SIZE: 11px; COLOR: #cec2d2; TEXT-DECORATION: none
}
.calendar {
 MARGIN-BOTTOM: 30px
}
.calendar SPAN {
 COLOR: #a6adad
}
.boxProfile0 .sidetitle {
 DISPLAY: none
}
#boxProfile .boxProfile1 .side .boxProfileImg {
 DISPLAY: none
}
.boxProfile1 .side {
 
}
#boxProfile .side BR {
 DISPLAY: none
}
#boxProfile .side A {
 DISPLAY: block; FONT-SIZE: 13px; LINE-HEIGHT: 220%; TEXT-DECORATION: none
}
.boxAddFriendLink {
 DISPLAY: none
}
.boxGiftLink {
 DISPLAY: none
}
#boxProfile .boxProfile1 .side SELECT {
 BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; MARGIN-TOP: 20px; BACKGROUND: #eff7ed; BORDER-LEFT: #ccc 1px solid; WIDTH: 160px; COLOR: #cec2d2; BORDER-BOTTOM: #ccc 1px solid
}
#boxCounter .boxCounter1 .side {
 COLOR: #cec2d2
}
.powered {
 COLOR: #fff
}
.powered A {
 COLOR: #fff
}
.powered A:hover {
 COLOR: #ccc
}
.powered IMG {
 DISPLAY: none
}
.powered INPUT {
 FONT-SIZE: 12px; BACKGROUND: #eff7ed; MARGIN: 1px; COLOR: #cec2d2; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 15px; BORDER-BOTTOM-STYLE: none
}