September 13,2007

CSS*望岩

久違的新版面,
之前說過要做的,望岩。
不過老實說,一整個給他很不滿意*翻桌*

算了。總之先這樣子。
還是放上css來備忘一下,
短時間也會用這個版面,
好督促自己努力再來做新的*握拳*

html{
scrollbar-face-color: #666666;
scrollbar-highlight-color: #666666;
scrollbar-shadow-color: #666666;
scrollbar-3Dlight-color: #666666;
scrollbar-arrow-color: #999999;
scrollbar-track-color: #222222;
scrollbar-darkshadow-color: #666666;
}
BODY {
MARGIN: 0px;
COLOR: #000000;
background-image: url(http://blog.roodo.com/theme/contemporar03/bg.jpg);
background-repeat: no-repeat;
background-color: #0B0A0F;
background-attachment: fixed;
}
A {
COLOR: #9F9888; TEXT-DECORATION: underline
}
A:link {
COLOR: #9F9888; TEXT-DECORATION: underline
}
A:visited {
TEXT-DECORATION: underline
}
A:active {

}
A:hover {
COLOR: #CCCCCC; 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 {
font-size: 15px;
font-family: Arial, Helvetica, sans-serif, "?з?ũ";
line-height: 180%;
padding: 10px;
height: 100%;
color: #FFFFFF;
text-align: left;
background-color: #46413E;
filter: Alpha(Opacity=70);
}
.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: 13px;
font-family: Arial, Helvetica, sans-serif, "?з?ũ";
color: #FFFFFF;
}
#banner {
height: 335px;
background-image: url(http://blog.roodo.com/sou_keanu/4e78545f.gif);
}
#subbanner {
BACKGROUND: #d7d7d7; BORDER-BOTTOM: #999999 1px solid
}
#banner A {
COLOR: #FFFFFF; TEXT-DECORATION: none
}
#banner A:link {
COLOR: #FFFFFF; TEXT-DECORATION: none
}
#banner A:visited {
TEXT-DECORATION: none;
color: #FFFFFF;
}
#banner A:active {

}
#banner A:hover {
COLOR: #FFFFFF; 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: 20px;
PADDING-LEFT: 20px;
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
TEXT-TRANSFORM: none;


FONT-FAMILY:
; color: #A8A38C;
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;
color: #FFFFFF;
}
.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;
LINE-HEIGHT: 150%;




FONT-FAMILY:
;
padding: 5px;
height: 100%;
text-align: center;
}
.blogbody A {
FONT-WEIGHT: normal;
TEXT-DECORATION: underline;
color: #A8A38C;
}
.blogbody A:link {
FONT-WEIGHT: normal;
TEXT-DECORATION: underline;
color: #A8A38C;
}
.blogbody A:visited {
FONT-WEIGHT: normal;
TEXT-DECORATION: underline;
color: #A8A38C;
}
.blogbody A:active {
FONT-WEIGHT: normal; TEXT-DECORATION: underline
}
.blogbody A:hover {
COLOR: #A8A38C; TEXT-DECORATION: none
}
.blogtitle {
PADDING-RIGHT: 15px;
FONT-WEIGHT: bold;
FONT-SIZE: 13px;
PADDING-BOTTOM: 2px;
COLOR: #FFFFFF;
PADDING-TOP: 10px;





FONT-FAMILY: ; TEXT-DECORATION: none;
text-align: right;
margin-right: 5px;
margin-left: 5px;
}
.title {
FONT-WEIGHT: normal;
FONT-SIZE: 13px;
PADDING-BOTTOM: 2px;
BORDER-BOTTOM: #A8A38C 1px solid;







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

FONT-FAMILY:
; text-align: left;
font-family: Arial, Helvetica, sans-serif, "?з?ũ";
}
.posted {
FONT-SIZE: 12px;
COLOR: #A8A38C;





FONT-FAMILY: ; TEXT-ALIGN: right;
font-family: Arial, Helvetica, sans-serif, "?з?ũ";
padding: 5px;
border-top: #A8A38C 1px solid;
margin-bottom: 1px;
}
A.aposted {
FONT-WEIGHT: bold; COLOR: #333333; TEXT-DECORATION: underline
}
A.aposted:link {
FONT-WEIGHT: normal; COLOR: #A8A38C; 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: #FFFFFF; TEXT-DECORATION: none
}
.calendar {
FONT-SIZE: 12px;

FONT-FAMILY:
; font-family: Arial, Helvetica, sans-serif;
color: #9F9888;
}
.calendarhead {
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
MARGIN: 0px 0px 10px;
FONT-FAMILY: ;
font-family: Arial, Helvetica, sans-serif, "?з?ũ";
}
.calendard {
BORDER-TOP: #000000 1px solid; empty-cells: show
}
.calendardbg {
BORDER-TOP: #000000 1px solid;
empty-cells: show;
background-color: #000000;
}
.calendartable {
MARGIN: 0px auto 20px;
TEXT-ALIGN: center;
width: 80%;
}
.calendarwd {
PADDING-RIGHT: 2px;
PADDING-LEFT: 2px;
PADDING-BOTTOM: 2px;
PADDING-TOP: 2px;
}
.calendarweek {
FONT-SIZE: 14px;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
}
.side {
BORDER-RIGHT: #9F9888 1px solid;
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
FONT-SIZE: 15px;
PADDING-BOTTOM: 5px;
MARGIN: 0px 0px 10px;
BORDER-LEFT: #9F9888 1px solid;
LINE-HEIGHT: 150%;
PADDING-TOP: 5px;
BORDER-BOTTOM: #9F9888 1px solid;

FONT-FAMILY: ; TEXT-ALIGN: left;
font-family: Arial, Helvetica, sans-serif, "?з?ũ";
color: #9F9888;
}
.sidetitle {
BORDER-RIGHT: #9F9888 1px solid;
PADDING-RIGHT: 5px;
BORDER-TOP: #9F9888 1px solid;
PADDING-LEFT: 5px;
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
PADDING-BOTTOM: 5px;
BORDER-LEFT: #9F9888 1px solid;
PADDING-TOP: 5px;



FONT-FAMILY: ; TEXT-ALIGN: center;
color: #9F9888;
background-color: #000000;
}
.comments-body {
FONT-SIZE: 15px;





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





FONT-FAMILY:
; height: 20px;
color: #FFFFFF;
text-align: left;
}
.comments-post {
FONT-SIZE: 12px;
MARGIN: 0px 0px 25px;
COLOR: #A8A38C;





FONT-FAMILY: ; TEXT-ALIGN: right;
font-family: Arial, Helvetica, sans-serif, "?з?ũ";
border-bottom: #A8A38C 1px solid;
padding-bottom: 5px;
padding-right: 5px;
}
.trackback-body {
FONT-SIZE: 12px;








FONT-FAMILY:
; line-height: 120%;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
background-color: #46413E;
color: #FFFFFF;
text-align: left;
filter: Alpha(Opacity=70);
}
.trackback-post {
FONT-SIZE: 12px;
MARGIN: 0px 0px 25px;
COLOR: #A8A38C;







FONT-FAMILY: ; TEXT-ALIGN: right;
font-family: Arial, Helvetica, sans-serif, "?з?ũ";
border-bottom: #A8A38C 1px solid;
background-color: #46413E;
padding-bottom: 5px;
padding-right: 5px;
padding-left: 5px;
filter: Alpha(Opacity=70);
}
A.atrackback-post {
FONT-WEIGHT: bold; COLOR: #333333; TEXT-DECORATION: underline
}
A.atrackback-post:link {
FONT-WEIGHT: normal; COLOR: #A8A38C; 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: #FFFFFF; TEXT-DECORATION: none
}
.trackback-url {
FONT-WEIGHT: normal;
FONT-SIZE: 15px;
COLOR: #FFFFFF;









FONT-FAMILY:
; font-family: Arial, Helvetica, sans-serif, "?з?ũ";
background-color: #46413E;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 5px;
padding-top: 5px;
border-bottom: #A8A38C 1px solid;
text-align: left;
filter: Alpha(Opacity=70);
}
TABLE.form {
MARGIN: 25px 0px 0px;
text-align: left;
border: #A8A38C 1px solid;
background-color: #46413E;
}
#author {
WIDTH: 200px;
background-color: #A8A38C;
border: #000000 1px solid;
}
#email {
WIDTH: 200px;
background-color: #A8A38C;
border: #000000 1px solid;
}
#url {
WIDTH: 200px;
background-color: #A8A38C;
border: #000000 1px solid;
}
#text {
WIDTH: 350px;
HEIGHT: 150px;
background-color: #A8A38C;
border: #000000 1px solid;
}
.photo {
TEXT-ALIGN: center
}
.nickname {
FONT-WEIGHT: bold; FONT-SIZE: 15px; MARGIN: 10px 0px; COLOR: #F5F5F5
}
.message {
FONT-SIZE: 13px;
color: #CCCCCC;
}
.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
}


Posted by sou_keanu at 樂多Roodo! │21:23 │回應(1)引用(0)戀物*沉醉
樂多分類:文字創作 工具:編輯本文
Ads by Roodo! 

引用URL

http://cgi.blog.roodo.com/trackback/4132971
回應文章
還是做不出喜歡的版面,
我要發瘋了吼吼吼吼*翻桌*
Posted by 豆 at September 13,2007 23:57