寂 寞 大 事 記

來補以前做好卻忘記放CSS版面。
一樣，轉載可引用可，不過請告知。

雖然文案內容跟本人我完全無關，
不過我還是很喜歡這個版面的Fu啦XD

先找一下手感，最近打算要來做新版面。

BODY {
MARGIN: 0px;
COLOR: #000000;
background-image: url(http://blogimage.roodo.com/sou_keanu/6abafb2c.jpg);
background-repeat: no-repeat;
background-color: #FFFFFF;
}
A {
COLOR: #333333; TEXT-DECORATION: underline
}
A:link {
COLOR: #333333; TEXT-DECORATION: underline
}
A:visited {
TEXT-DECORATION: underline
}
A:active {

}
A:hover {
COLOR: #999999; TEXT-DECORATION: none
}
A.acontinues {
COLOR: #666666; TEXT-DECORATION: underline
}
A.acontinues:link {
COLOR: #666666; TEXT-DECORATION: underline
}
A.acontinues:visited {
TEXT-DECORATION: underline
}
A.acontinues:active {

}
A.acontinues:hover {
COLOR: #333333; TEXT-DECORATION: none
}
A.amenu {
COLOR: #333333; TEXT-DECORATION: underline
}
A.amenu:link {
COLOR: #333333; TEXT-DECORATION: underline
}
A.amenu:visited {
TEXT-DECORATION: underline
}
A.amenu:active {

}
A.amenu:hover {
COLOR: #999999; TEXT-DECORATION: none
}
.main {
MARGIN: 10px 10px 10px 10px;
font-size: 15px;
font-family: Arial, Helvetica, sans-serif, "?з?ũ";
line-height: 180%;
}
.main-continues {
MARGIN: 0px
}
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
}
LABEL {
FONT-WEIGHT: normal;
FONT-SIZE: 15px;
font-family: Arial, Helvetica, sans-serif, "?з?ũ";
}
#banner {
height: 400px;
}
#subbanner {
BACKGROUND: #d7d7d7; BORDER-BOTTOM: #999999 1px solid
}
#banner A {
COLOR: #333333; TEXT-DECORATION: none
}
#banner A:link {
COLOR: #333333; TEXT-DECORATION: none
}
#banner A:visited {
TEXT-DECORATION: none
}
#banner A:active {

}
#banner A:hover {
COLOR: #666666; TEXT-DECORATION: underline
}
#subbanner A {
COLOR: #000000; TEXT-DECORATION: none
}
#subbanner A:link {
COLOR: #000000; TEXT-DECORATION: none
}
#subbanner A:visited {
TEXT-DECORATION: none
}
#subbanner A:active {

}
#subbanner A:hover {
COLOR: #999999; TEXT-DECORATION: none
}
.description {
PADDING-RIGHT: 15px;
PADDING-LEFT: 20px;
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
TEXT-TRANSFORM: none;
PADDING-TOP: 5px;

FONT-FAMILY:
; color: #6F6F6F;
text-align: right;
}
#content {
FLOAT: right; WIDTH: 70%
}
#links {
PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 50px; WIDTH: 27%; PADDING-TOP: 25px; TEXT-ALIGN: center
}
.blog {
PADDING-RIGHT: 20px; PADDING-LEFT: 15px; PADDING-BOTTOM: 25px; PADDING-TOP: 20px
}
.menu {
FONT-SIZE: 12px;
COLOR: #333333;
TEXT-ALIGN: right;
font-family: Arial, Helvetica, sans-serif, "?з?ũ";
}
.blogbody {
FONT-SIZE: x-small;
MARGIN: 5px 5px 5px;
LINE-HEIGHT: 150%;


FONT-FAMILY:
; background-color: #F5F5F5;
padding: 5px;
height: 100%;
}
.blogbody A {
FONT-WEIGHT: normal; TEXT-DECORATION: underline
}
.blogbody A:link {
FONT-WEIGHT: normal; TEXT-DECORATION: underline
}
.blogbody A:visited {
FONT-WEIGHT: normal; TEXT-DECORATION: underline
}
.blogbody A:active {
FONT-WEIGHT: normal; TEXT-DECORATION: underline
}
.blogbody A:hover {
COLOR: #999999; TEXT-DECORATION: none
}
.blogtitle {
PADDING-RIGHT: 15px;
FONT-WEIGHT: bold;
FONT-SIZE: 15px;
PADDING-BOTTOM: 5px;
COLOR: #A8C45E;
PADDING-TOP: 360px;





FONT-FAMILY: ; TEXT-DECORATION: none;
text-align: right;
border-bottom-color: #474747;
border-bottom-style: solid;
border-bottom-width: 1px;
margin-right: 5px;
margin-left: 5px;
}
.title {
FONT-WEIGHT: normal;
FONT-SIZE: 13px;
PADDING-BOTTOM: 2px;
BORDER-BOTTOM: #CCCCCC 1px solid;




FONT-FAMILY:
;
height: 20px;
padding-top: 5px;
padding-left: 5px;
}
.date {
PADDING-RIGHT: 5px;
PADDING-LEFT: 10px;
FONT-WEIGHT: bold;
FONT-SIZE: 15px;
COLOR: #666666;
PADDING-TOP: 5px;

FONT-FAMILY:
; text-align: right;
font-family: Arial, Helvetica, sans-serif, "?з?ũ";
}
.posted {
FONT-SIZE: 12px;
MARGIN: 0px 10px 10px;
COLOR: #333333;

FONT-FAMILY: ; TEXT-ALIGN: right;
padding-bottom: 5px;
font-family: Arial, Helvetica, sans-serif, "?з?ũ";
}
A.aposted {
FONT-WEIGHT: bold; COLOR: #333333; TEXT-DECORATION: underline
}
A.aposted:link {
FONT-WEIGHT: normal; COLOR: #333333; TEXT-DECORATION: underline
}
A.aposted:visited {
FONT-WEIGHT: normal; TEXT-DECORATION: underline
}
A.aposted:active {
FONT-WEIGHT: normal
}
A.aposted:hover {
FONT-WEIGHT: normal; COLOR: #999999; TEXT-DECORATION: none
}
.calendar {
FONT-SIZE: 12px;
FONT-FAMILY:
; font-family: Arial, Helvetica, sans-serif;
}
.calendarhead {
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
MARGIN: 0px 0px 10px;
FONT-FAMILY: ;
font-family: Arial, Helvetica, sans-serif, "?з?ũ";
}
.calendard {
BORDER-TOP: #CCCCCC 1px solid; empty-cells: show
}
.calendardbg {
BORDER-TOP: #CCCCCC 1px solid;
empty-cells: show;
background-color: #F5F5F5;
}
.calendartable {
MARGIN: 0px auto 20px;
TEXT-ALIGN: center;
width: 80%;
}
.calendarwd {
PADDING-RIGHT: 2px;
PADDING-LEFT: 2px;
PADDING-BOTTOM: 2px;
PADDING-TOP: 2px;
background-color: #F5F5F5;
}
.calendarweek {
FONT-SIZE: 14px;
font-family: Arial, Helvetica, sans-serif;
}
.side {
BORDER-RIGHT: #CCCCCC 1px solid;
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
FONT-SIZE: 15px;
PADDING-BOTTOM: 5px;
MARGIN: 0px 0px 10px;
BORDER-LEFT: #CCCCCC 1px solid;
LINE-HEIGHT: 150%;
PADDING-TOP: 5px;
BORDER-BOTTOM: #CCCCCC 1px solid;
FONT-FAMILY: ; TEXT-ALIGN: left;
font-family: Arial, Helvetica, sans-serif, "?з?ũ";
}
.sidetitle {
BORDER-RIGHT: #CCCCCC 1px solid;
PADDING-RIGHT: 5px;
BORDER-TOP: #CCCCCC 1px solid;
PADDING-LEFT: 5px;
FONT-WEIGHT: normal;
FONT-SIZE: 13px;
PADDING-BOTTOM: 5px;
BORDER-LEFT: #CCCCCC 1px solid;
PADDING-TOP: 5px;

FONT-FAMILY: ; TEXT-ALIGN: center;
background-image: url(http://blog.roodo.com/theme/paris03/title3.gif);
background-repeat: repeat-x;
}
.comments-body {
FONT-SIZE: 15px;



FONT-FAMILY:
; font-family: Arial, Helvetica, sans-serif, "?з?ũ";
line-height: 150%;
padding: 10px;
background-color: #FFFFFF;
}
.comments-head {
PADDING-LEFT: 5px;
FONT-WEIGHT: normal;
FONT-SIZE: 13px;
PADDING-BOTTOM: 2px;
PADDING-TOP: 5px;
BORDER-BOTTOM: #CCCCCC 1px solid;


FONT-FAMILY:
; height: 20px;
}
.comments-post {
FONT-SIZE: 12px;
MARGIN: 0px 0px 25px;
COLOR: #000000;




FONT-FAMILY: ; TEXT-ALIGN: right;
font-family: Arial, Helvetica, sans-serif, "?з?ũ";
border-bottom: #CCCCCC 1px solid;
padding-bottom: 5px;
background-color: #FFFFFF;
padding-right: 5px;
}
.trackback-body {
FONT-SIZE: 12px;
MARGIN: 20px 0px 15px 15px;
FONT-FAMILY:
; line-height: 120%;
}
.trackback-post {
FONT-SIZE: 12px;
MARGIN: 0px 0px 25px;
COLOR: #666;
FONT-FAMILY: ; TEXT-ALIGN: right;
font-family: Arial, Helvetica, sans-serif, "?з?ũ";
}
A.atrackback-post {
FONT-WEIGHT: bold; COLOR: #333333; TEXT-DECORATION: underline
}
A.atrackback-post:link {
FONT-WEIGHT: normal; COLOR: #333333; TEXT-DECORATION: underline
}
A.atrackback-post:visited {
FONT-WEIGHT: normal; TEXT-DECORATION: underline
}
A.atrackback-post:active {
FONT-WEIGHT: normal
}
A.atrackback-post:hover {
FONT-WEIGHT: normal; COLOR: #999999; TEXT-DECORATION: none
}
.trackback-url {
FONT-WEIGHT: normal;
FONT-SIZE: 15px;
MARGIN: 20px 0px 25px 20px;
COLOR: #666666;
FONT-FAMILY:
; font-family: Arial, Helvetica, sans-serif, "?з?ũ";
}
TABLE.form {
MARGIN: 25px 0px 0px
}
#author {
WIDTH: 200px;
background-color: #FFFFFF;
border: #cccccc 1px solid;
}
#email {
WIDTH: 200px;
background-color: #FFFFFF;
border: #cccccc 1px solid;
}
#url {
WIDTH: 200px;
background-color: #FFFFFF;
border: #cccccc 1px solid;
}
#text {
WIDTH: 500px;
HEIGHT: 200px;
background-color: #FFFFFF;
border: #cccccc 1px solid;
}
.photo {
TEXT-ALIGN: center
}
.nickname {
FONT-WEIGHT: bold; FONT-SIZE: 15px; MARGIN: 10px 0px; COLOR: #000000
}
.message {
FONT-SIZE: 13px;
}
.quotetable {
BACKGROUND: #cccccc
}
.quote {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-SIZE: xx-small; BACKGROUND: #ffffff; PADDING-BOTTOM: 1px; COLOR: #000000; PADDING-TOP: 1px
}
.blogtimes {
MARGIN: 0px 0px 10px; TEXT-ALIGN: center
}
.powered {
MARGIN: 0px 0px 10px; TEXT-ALIGN: center
}
.syndicate {
FONT-SIZE: x-small; FONT-FAMILY: ; TEXT-ALIGN: center
}
.pagetop {
FONT-SIZE: 15px; MARGIN: 0px 0px 25px; COLOR: #666; FONT-FAMILY: ; TEXT-ALIGN: right
}
BLOCKQUOTE {
MARGIN: 0px 0px 0px 40px; COLOR: #339999
}
PRE {
BORDER-RIGHT: #aaa 1px solid; PADDING-RIGHT: 0.5em; BORDER-TOP: #aaa 1px solid; PADDING-LEFT: 0.5em; FONT-SIZE: x-small; BACKGROUND: #eee; PADDING-BOTTOM: 0.5em; BORDER-LEFT: #aaa 1px solid; LINE-HEIGHT: 1.2em; PADDING-TOP: 0.5em; BORDER-BOTTOM: #aaa 1px solid; FONT-FAMILY:
}
.checkers {
MARGIN-TOP: 10px; FONT-SIZE: x-small
}