September 18,2007
CSS*投海
追尋湛藍色澤的甜美香氣,
那,你所留下的夏日回憶。」
--
最近,當心情起伏不定,
我就會安靜的整理著開闊的風景,
神奇的,情緒也就這樣平靜下來。
作出自己喜歡的東西,
成就感,也能使我得到勇氣。
以往作blog的banner,
總習慣將字放得大大的,
畢竟要放,就是要給別人看見。
但這回刻意的,選了不起眼的白色,
然後將文字小小的放在角落。
只是害怕在哪個太過脆弱的夜,
被美麗而頹廢的字句,傷了自己。
BODY {
Font-Family: Arial, Helvetica, sans-serif;
BACKGROUND: url(http://blog.roodo.com/theme/city_build/back.gif) #c5c7ca repeat-y 50% 0px;
MARGIN: 0px;
WIDTH: 100%;
COLOR: #666;
HEIGHT: 100%;
TEXT-ALIGN: center
}
A {
COLOR: #2b5695; TEXT-DECORATION: underline
}
A:link {
COLOR: #2b5695; TEXT-DECORATION: underline
}
A:visited {
TEXT-DECORATION: underline
}
A:active {
}
A:hover {
COLOR: #a6a6a6; TEXT-DECORATION: none
}
A.acalendar {
COLOR: #666; TEXT-DECORATION: underline
}
A.acalendar:link {
COLOR: #666; TEXT-DECORATION: underline
}
A.acalendar:visited {
TEXT-DECORATION: underline
}
A.acalendar:active {
}
A.acalendar:hover {
COLOR: #a6a6a6; TEXT-DECORATION: none
}
A.acontinues {
COLOR: #2b5695; TEXT-DECORATION: underline
}
A.acontinues:link {
COLOR: #2b5695; TEXT-DECORATION: underline
}
A.acontinues:visited {
TEXT-DECORATION: underline
}
A.acontinues:active {
}
A.acontinues:hover {
COLOR: #a6a6a6; TEXT-DECORATION: none
}
A.amenu {
COLOR: #2b5695; TEXT-DECORATION: underline
}
A.amenu:link {
COLOR: #2b5695; TEXT-DECORATION: underline
}
A.amenu:visited {
TEXT-DECORATION: underline
}
A.amenu:active {
}
A.amenu:hover {
COLOR: #a6a6a6; TEXT-DECORATION: none
}
#container {
MARGIN: 0px auto; WIDTH: 750px; TEXT-ALIGN: left
}
#banner {
BACKGROUND: url(http://blog.roodo.com/sou_keanu/878636fb.gif) no-repeat 50% 0px; HEIGHT: 200px
}
#subbanner {
BACKGROUND: url(http://blog.roodo.com/theme/city_build/title.gif) no-repeat 50% 0px; HEIGHT: 200px
}
#banner A {
COLOR: #fff; TEXT-DECORATION: none
}
#banner A:link {
COLOR: #fff; TEXT-DECORATION: none
}
#banner A:visited {
TEXT-DECORATION: none
}
#banner A:active {
}
#banner A:hover {
COLOR: #fff; TEXT-DECORATION: underline
}
#subbanner A {
COLOR: #fff; TEXT-DECORATION: none
}
#subbanner A:link {
COLOR: #fff; TEXT-DECORATION: none
}
#subbanner A:visited {
TEXT-DECORATION: none
}
#subbanner A:active {
}
#subbanner A:hover {
COLOR: #fff; 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
}
.blogtitle {
PADDING-RIGHT: 0px; PADDING-LEFT: 35px; FONT-WEIGHT: bold; FONT-SIZE: 16px; PADDING-BOTTOM: 0px; PADDING-TOP: 155px; LETTER-SPACING: 2px; TEXT-ALIGN: left
}
.description {
PADDING-RIGHT: 0px; PADDING-LEFT: 35px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; COLOR: #fff; PADDING-TOP: 0px; LETTER-SPACING: 2px; TEXT-ALIGN: left
}
#content {
FLOAT: right; WIDTH: 530px
}
.blog {
MARGIN: 20px 20px 20px 15px
}
.date {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 13px; BACKGROUND: #2b5695; PADDING-BOTTOM: 3px; COLOR: #fff; PADDING-TOP: 3px; HEIGHT: 20px
}
.blogbody {
MARGIN: 10px 0px 0px
}
.title {
FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #2b5695; HEIGHT: 10px
}
.main {
FONT-SIZE: 13px; MARGIN: 20px 0px 15px; COLOR: #666; LINE-HEIGHT: 135%
}
.main-continues {
FONT-SIZE: 13px
}
.posted {
FONT-SIZE: 11px; MARGIN: 0px 0px 25px; COLOR: #666; TEXT-ALIGN: right
}
A.aposted {
COLOR: #2b5695; TEXT-DECORATION: underline
}
A.aposted:link {
COLOR: #2b5695; TEXT-DECORATION: underline
}
A.aposted:visited {
TEXT-DECORATION: underline
}
A.aposted:active {
}
A.aposted:hover {
COLOR: #a6a6a6; TEXT-DECORATION: none
}
.menu {
FONT-SIZE: 12px; COLOR: #666; TEXT-ALIGN: right
}
.comments-head {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 13px; PADDING-BOTTOM: 0px; COLOR: #2b5695; PADDING-TOP: 0px; HEIGHT: 10px
}
.comments-body {
FONT-SIZE: 13px; MARGIN: 20px 0px 15px 13px; LINE-HEIGHT: 135%
}
.comments-post {
FONT-SIZE: 12px; MARGIN: 0px 0px 25px; COLOR: #666; TEXT-ALIGN: right
}
.trackback-url {
FONT-WEIGHT: bold; FONT-SIZE: 13px; MARGIN: 20px 0px 15px 13px; COLOR: #2b5695
}
.trackback-body {
FONT-SIZE: 13px; MARGIN: 20px 0px 15px 13px; LINE-HEIGHT: 135%
}
.trackback-post {
FONT-SIZE: 12px; MARGIN: 0px 0px 25px; COLOR: #666; TEXT-ALIGN: right
}
A.atrackback-post {
FONT-WEIGHT: bold; COLOR: #2b5695; TEXT-DECORATION: underline
}
A.atrackback-post:link {
FONT-WEIGHT: bold; COLOR: #2b5695; TEXT-DECORATION: underline
}
A.atrackback-post:visited {
FONT-WEIGHT: bold; TEXT-DECORATION: underline
}
A.atrackback-post:active {
FONT-WEIGHT: bold
}
A.atrackback-post:hover {
FONT-WEIGHT: bold; COLOR: #a6a6a6; TEXT-DECORATION: none
}
TABLE.form {
MARGIN: 25px 0px 0px 13px
}
LABEL {
FONT-WEIGHT: bold; FONT-SIZE: 13px
}
#author {
BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; BORDER-LEFT: #666 1px solid; WIDTH: 200px; BORDER-BOTTOM: #666 1px solid
}
#email {
BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; BORDER-LEFT: #666 1px solid; WIDTH: 200px; BORDER-BOTTOM: #666 1px solid
}
#url {
BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; BORDER-LEFT: #666 1px solid; WIDTH: 200px; BORDER-BOTTOM: #666 1px solid
}
#text {
BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; BORDER-LEFT: #666 1px solid; WIDTH: 500px; BORDER-BOTTOM: #666 1px solid; HEIGHT: 200px
}
.pagetop {
FONT-SIZE: 12px; MARGIN: 0px 0px 25px; TEXT-ALIGN: right
}
#links {
PADDING-RIGHT: 10px; MARGIN-TOP: 20px; PADDING-LEFT: 10px; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 10px; MARGIN-LEFT: 20px; WIDTH: 180px; PADDING-TOP: 10px; POSITION: absolute; TEXT-ALIGN: right
}
.calendarhead {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 13px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 5px; COLOR: #2b5695; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px solid; LETTER-SPACING: 2px; TEXT-ALIGN: left
}
.calendartable {
MARGIN: 0px auto 10px; WIDTH: 100%; TEXT-ALIGN: left
}
.calendarweek {
FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #fff
}
.calendarwd {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BACKGROUND: #95aaca; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
.calendard {
empty-cells: show
}
.calendardbg {
}
.calendar {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
.sidetitle {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 13px; PADDING-BOTTOM: 3px; COLOR: #2b5695; PADDING-TOP: 3px; BORDER-BOTTOM: #ccc 1px solid; LETTER-SPACING: 2px; TEXT-ALIGN: left
}
.side {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 13px; PADDING-BOTTOM: 5px; MARGIN: 0px 0px 10px; LINE-HEIGHT: 135%; PADDING-TOP: 5px; TEXT-ALIGN: left
}
A.arss {
COLOR: #2b5695; TEXT-DECORATION: underline
}
A.arss:link {
COLOR: #2b5695; TEXT-DECORATION: underline
}
A.arss:visited {
TEXT-DECORATION: underline
}
A.arss:active {
}
A.arss:hover {
COLOR: #2b5695; TEXT-DECORATION: none
}
img {BORDER: 0px;}
.pict {MARGIN: 5px 5px 5px 5px;}
.photo {
TEXT-ALIGN: center
}
.nickname {
FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN: 10px 0px; COLOR: #2b5695
}
.message {
FONT-SIZE: 12px
}
.quotetable {
}
.quote {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-SIZE: 12px; PADDING-BOTTOM: 1px; COLOR: #666; PADDING-TOP: 1px
}
.blogtimes {
MARGIN: 0px 0px 10px; TEXT-ALIGN: center
}
.powered {
MARGIN: 0px 0px 10px; TEXT-ALIGN: center
}
.syndicate {margin:5px 0px 5px 0px; TEXT-ALIGN: center}
.checkers {
MARGIN-TOP: 10px; FONT-SIZE: 12px
}
Font-Family: Arial, Helvetica, sans-serif;
BACKGROUND: url(http://blog.roodo.com/theme/city_build/back.gif) #c5c7ca repeat-y 50% 0px;
MARGIN: 0px;
WIDTH: 100%;
COLOR: #666;
HEIGHT: 100%;
TEXT-ALIGN: center
}
A {
COLOR: #2b5695; TEXT-DECORATION: underline
}
A:link {
COLOR: #2b5695; TEXT-DECORATION: underline
}
A:visited {
TEXT-DECORATION: underline
}
A:active {
}
A:hover {
COLOR: #a6a6a6; TEXT-DECORATION: none
}
A.acalendar {
COLOR: #666; TEXT-DECORATION: underline
}
A.acalendar:link {
COLOR: #666; TEXT-DECORATION: underline
}
A.acalendar:visited {
TEXT-DECORATION: underline
}
A.acalendar:active {
}
A.acalendar:hover {
COLOR: #a6a6a6; TEXT-DECORATION: none
}
A.acontinues {
COLOR: #2b5695; TEXT-DECORATION: underline
}
A.acontinues:link {
COLOR: #2b5695; TEXT-DECORATION: underline
}
A.acontinues:visited {
TEXT-DECORATION: underline
}
A.acontinues:active {
}
A.acontinues:hover {
COLOR: #a6a6a6; TEXT-DECORATION: none
}
A.amenu {
COLOR: #2b5695; TEXT-DECORATION: underline
}
A.amenu:link {
COLOR: #2b5695; TEXT-DECORATION: underline
}
A.amenu:visited {
TEXT-DECORATION: underline
}
A.amenu:active {
}
A.amenu:hover {
COLOR: #a6a6a6; TEXT-DECORATION: none
}
#container {
MARGIN: 0px auto; WIDTH: 750px; TEXT-ALIGN: left
}
#banner {
BACKGROUND: url(http://blog.roodo.com/sou_keanu/878636fb.gif) no-repeat 50% 0px; HEIGHT: 200px
}
#subbanner {
BACKGROUND: url(http://blog.roodo.com/theme/city_build/title.gif) no-repeat 50% 0px; HEIGHT: 200px
}
#banner A {
COLOR: #fff; TEXT-DECORATION: none
}
#banner A:link {
COLOR: #fff; TEXT-DECORATION: none
}
#banner A:visited {
TEXT-DECORATION: none
}
#banner A:active {
}
#banner A:hover {
COLOR: #fff; TEXT-DECORATION: underline
}
#subbanner A {
COLOR: #fff; TEXT-DECORATION: none
}
#subbanner A:link {
COLOR: #fff; TEXT-DECORATION: none
}
#subbanner A:visited {
TEXT-DECORATION: none
}
#subbanner A:active {
}
#subbanner A:hover {
COLOR: #fff; 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
}
.blogtitle {
PADDING-RIGHT: 0px; PADDING-LEFT: 35px; FONT-WEIGHT: bold; FONT-SIZE: 16px; PADDING-BOTTOM: 0px; PADDING-TOP: 155px; LETTER-SPACING: 2px; TEXT-ALIGN: left
}
.description {
PADDING-RIGHT: 0px; PADDING-LEFT: 35px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; COLOR: #fff; PADDING-TOP: 0px; LETTER-SPACING: 2px; TEXT-ALIGN: left
}
#content {
FLOAT: right; WIDTH: 530px
}
.blog {
MARGIN: 20px 20px 20px 15px
}
.date {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 13px; BACKGROUND: #2b5695; PADDING-BOTTOM: 3px; COLOR: #fff; PADDING-TOP: 3px; HEIGHT: 20px
}
.blogbody {
MARGIN: 10px 0px 0px
}
.title {
FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #2b5695; HEIGHT: 10px
}
.main {
FONT-SIZE: 13px; MARGIN: 20px 0px 15px; COLOR: #666; LINE-HEIGHT: 135%
}
.main-continues {
FONT-SIZE: 13px
}
.posted {
FONT-SIZE: 11px; MARGIN: 0px 0px 25px; COLOR: #666; TEXT-ALIGN: right
}
A.aposted {
COLOR: #2b5695; TEXT-DECORATION: underline
}
A.aposted:link {
COLOR: #2b5695; TEXT-DECORATION: underline
}
A.aposted:visited {
TEXT-DECORATION: underline
}
A.aposted:active {
}
A.aposted:hover {
COLOR: #a6a6a6; TEXT-DECORATION: none
}
.menu {
FONT-SIZE: 12px; COLOR: #666; TEXT-ALIGN: right
}
.comments-head {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 13px; PADDING-BOTTOM: 0px; COLOR: #2b5695; PADDING-TOP: 0px; HEIGHT: 10px
}
.comments-body {
FONT-SIZE: 13px; MARGIN: 20px 0px 15px 13px; LINE-HEIGHT: 135%
}
.comments-post {
FONT-SIZE: 12px; MARGIN: 0px 0px 25px; COLOR: #666; TEXT-ALIGN: right
}
.trackback-url {
FONT-WEIGHT: bold; FONT-SIZE: 13px; MARGIN: 20px 0px 15px 13px; COLOR: #2b5695
}
.trackback-body {
FONT-SIZE: 13px; MARGIN: 20px 0px 15px 13px; LINE-HEIGHT: 135%
}
.trackback-post {
FONT-SIZE: 12px; MARGIN: 0px 0px 25px; COLOR: #666; TEXT-ALIGN: right
}
A.atrackback-post {
FONT-WEIGHT: bold; COLOR: #2b5695; TEXT-DECORATION: underline
}
A.atrackback-post:link {
FONT-WEIGHT: bold; COLOR: #2b5695; TEXT-DECORATION: underline
}
A.atrackback-post:visited {
FONT-WEIGHT: bold; TEXT-DECORATION: underline
}
A.atrackback-post:active {
FONT-WEIGHT: bold
}
A.atrackback-post:hover {
FONT-WEIGHT: bold; COLOR: #a6a6a6; TEXT-DECORATION: none
}
TABLE.form {
MARGIN: 25px 0px 0px 13px
}
LABEL {
FONT-WEIGHT: bold; FONT-SIZE: 13px
}
#author {
BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; BORDER-LEFT: #666 1px solid; WIDTH: 200px; BORDER-BOTTOM: #666 1px solid
}
#email {
BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; BORDER-LEFT: #666 1px solid; WIDTH: 200px; BORDER-BOTTOM: #666 1px solid
}
#url {
BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; BORDER-LEFT: #666 1px solid; WIDTH: 200px; BORDER-BOTTOM: #666 1px solid
}
#text {
BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; BORDER-LEFT: #666 1px solid; WIDTH: 500px; BORDER-BOTTOM: #666 1px solid; HEIGHT: 200px
}
.pagetop {
FONT-SIZE: 12px; MARGIN: 0px 0px 25px; TEXT-ALIGN: right
}
#links {
PADDING-RIGHT: 10px; MARGIN-TOP: 20px; PADDING-LEFT: 10px; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 10px; MARGIN-LEFT: 20px; WIDTH: 180px; PADDING-TOP: 10px; POSITION: absolute; TEXT-ALIGN: right
}
.calendarhead {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 13px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 5px; COLOR: #2b5695; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px solid; LETTER-SPACING: 2px; TEXT-ALIGN: left
}
.calendartable {
MARGIN: 0px auto 10px; WIDTH: 100%; TEXT-ALIGN: left
}
.calendarweek {
FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #fff
}
.calendarwd {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BACKGROUND: #95aaca; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
.calendard {
empty-cells: show
}
.calendardbg {
}
.calendar {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
.sidetitle {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 13px; PADDING-BOTTOM: 3px; COLOR: #2b5695; PADDING-TOP: 3px; BORDER-BOTTOM: #ccc 1px solid; LETTER-SPACING: 2px; TEXT-ALIGN: left
}
.side {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 13px; PADDING-BOTTOM: 5px; MARGIN: 0px 0px 10px; LINE-HEIGHT: 135%; PADDING-TOP: 5px; TEXT-ALIGN: left
}
A.arss {
COLOR: #2b5695; TEXT-DECORATION: underline
}
A.arss:link {
COLOR: #2b5695; TEXT-DECORATION: underline
}
A.arss:visited {
TEXT-DECORATION: underline
}
A.arss:active {
}
A.arss:hover {
COLOR: #2b5695; TEXT-DECORATION: none
}
img {BORDER: 0px;}
.pict {MARGIN: 5px 5px 5px 5px;}
.photo {
TEXT-ALIGN: center
}
.nickname {
FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN: 10px 0px; COLOR: #2b5695
}
.message {
FONT-SIZE: 12px
}
.quotetable {
}
.quote {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-SIZE: 12px; PADDING-BOTTOM: 1px; COLOR: #666; PADDING-TOP: 1px
}
.blogtimes {
MARGIN: 0px 0px 10px; TEXT-ALIGN: center
}
.powered {
MARGIN: 0px 0px 10px; TEXT-ALIGN: center
}
.syndicate {margin:5px 0px 5px 0px; TEXT-ALIGN: center}
.checkers {
MARGIN-TOP: 10px; FONT-SIZE: 12px
}
引用URL
http://cgi.blog.roodo.com/trackback/4155729