📄 style.css
字号:
BODY {
PADDING-RIGHT: 30px; PADDING-LEFT: 30px; FONT-SIZE: 0.7em; PADDING-BOTTOM: 10px; MARGIN: 10px 30px; PADDING-TOP: 10px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #d9d6cb
}
IMG {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
TD {
FONT-SIZE: 0.7em
}
A {
COLOR: #223355; TEXT-DECORATION: none
}
A:hover {
TEXT-DECORATION: underline
}
H1 {
FONT-SIZE: 1.8em; MARGIN: 0px; PADDING-TOP: 5px
}
H1 A:visited {
MARGIN-TOP: 10px; COLOR: #fff; TEXT-DECORATION: none
}
H1 A:active {
MARGIN-TOP: 10px; COLOR: #fff; TEXT-DECORATION: none
}
H1 A:link {
MARGIN-TOP: 10px; COLOR: #fff; TEXT-DECORATION: none
}
H1 A:hover {
MARGIN-TOP: 10px; COLOR: #fff; TEXT-DECORATION: none
}
H2 {
MARGIN-TOP: 10px; FONT-SIZE: 1em
}
H5 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#top {
VERTICAL-ALIGN: middle; HEIGHT: 75px; BACKGROUND-COLOR: #20375f
}
#top TD {
COLOR: white
}
#sub {
PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-SIZE: 0.8em; PADDING-BOTTOM: 4px; COLOR: #cccccc; PADDING-TOP: 4px; BACKGROUND-COLOR: black; TEXT-ALIGN: right
}
.headermaintitle {
FONT-FAMILY: "Trebuchet MS"
}
#tagline {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 1em; PADDING-BOTTOM: 5px; MARGIN: 0px; COLOR: #ffffff; PADDING-TOP: 5px; BACKGROUND-COLOR: #0000ff
}
P.date IMG {
VERTICAL-ALIGN: middle
}
P.date {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 1.2em; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 2px; COLOR: #aaaaaa; PADDING-TOP: 2px; TEXT-ALIGN: right
}
P.date SPAN {
BACKGROUND-COLOR: #fff
}
P.date A {
COLOR: #888888
}
BLOCKQUOTE {
BORDER-RIGHT: 0px; PADDING-RIGHT: 4px; BORDER-TOP: 0px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; MARGIN: 0px; BORDER-LEFT: #cccccc 18px solid; PADDING-TOP: 4px; BORDER-BOTTOM: 0px; BACKGROUND-COLOR: #eeeeee
}
#leftmenu {
TABLE-LAYOUT: fixed; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: 0px; PADDING-BOTTOM: 5px; WIDTH: 180px; PADDING-TOP: 0px; POSITION: relative; HEIGHT: 100%; WORD-WRAP: break-word
}
#leftmenu H3 {
PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-SIZE: 1em; PADDING-BOTTOM: 4px; MARGIN: 0px; PADDING-TOP: 4px; BORDER-BOTTOM: #bbbbbb 1px solid
}
#leftmenu UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 10px 8px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#leftmenu OL {
PADDING-LEFT: 5px; LIST-STYLE-POSITION: inside; FONT-SIZE: 8pt; MARGIN: 0px 5px 10px; LIST-STYLE-TYPE: decimal
}
#leftmenu LI {
DISPLAY: inline; MARGIN-BOTTOM: 5px; WORD-BREAK: break-all; WORD-WRAP: break-word
}
#leftmenu A:active {
PADDING-RIGHT: 2px; DISPLAY: block; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; COLOR: #000; MARGIN-RIGHT: 0px; PADDING-TOP: 2px; TEXT-DECORATION: none
}
#leftmenu A:visited {
PADDING-RIGHT: 2px; DISPLAY: block; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; COLOR: #000; MARGIN-RIGHT: 0px; PADDING-TOP: 2px; TEXT-DECORATION: none
}
#leftmenu A:link {
PADDING-RIGHT: 2px; DISPLAY: block; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; COLOR: #000; MARGIN-RIGHT: 0px; PADDING-TOP: 2px; TEXT-DECORATION: none
}
#leftmenu A:hover {
BACKGROUND-COLOR: #ccd5e0
}
#main {
}
#footer {
FONT-SIZE: 0.7em; MARGIN: 0px; PADDING-TOP: 5px; TEXT-ALIGN: center
}
INPUT.text {
WIDTH: 300px
}
TEXTAREA {
WIDTH: 300px; HEIGHT: 200px
}
#comments H4 SPAN {
COLOR: #999
}
#comments H4 {
FONT-SIZE: 0.9em; MARGIN: 0px
}
P {
MARGIN: 0px 0px 14px
}
H3 {
FONT-SIZE: 1.2em; BORDER-BOTTOM: #aaa 1px solid
}
#relatedlinks UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 10px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.post {
BORDER-RIGHT: #cccccc 2px solid; PADDING-RIGHT: 4px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; MARGIN-BOTTOM: 28px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 2px solid
}
.post H5 {
FONT-SIZE: 14px; MARGIN: 0px 0px 4px
}
.post H2 {
FONT-SIZE: 14px; MARGIN: 0px 0px 4px
}
.post .postfoot {
BORDER-TOP: #dddddd 1px solid; FONT-SIZE: 0.8em; MARGIN: 14px 0px 0px; COLOR: #aaaaaa
}
PRE {
FONT-SIZE: 1em; MARGIN: 0px 0px 0px 22px
}
.Textbox {
BORDER-RIGHT: #aaaaaa 1px solid; BORDER-TOP: #aaaaaa 1px solid; BORDER-LEFT: #aaaaaa 1px solid; WIDTH: 100%; BORDER-BOTTOM: #aaaaaa 1px solid
}
TEXTAREA {
BORDER-RIGHT: #aaaaaa 1px solid; BORDER-TOP: #aaaaaa 1px solid; BORDER-LEFT: #aaaaaa 1px solid; WIDTH: 100%; BORDER-BOTTOM: #aaaaaa 1px solid
}
.button {
BORDER-RIGHT: #aaaaaa 1px solid; BORDER-TOP: #aaaaaa 1px solid; BORDER-LEFT: #aaaaaa 1px solid; BORDER-BOTTOM: #aaaaaa 1px solid; BACKGROUND-COLOR: #ccd4e0
}
INPUT {
FONT-SIZE: 10px; FONT-FAMILY: Verdana, Geneva, Arial, Sans-Serif
}
TEXTAREA {
FONT-SIZE: 10px; FONT-FAMILY: Verdana, Geneva, Arial, Sans-Serif
}
.Framework {
BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid; BACKGROUND-COLOR: #eeeeee
}
.MainCell {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; VERTICAL-ALIGN: top; BORDER-LEFT: #dddddd 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #dddddd 1px solid; BACKGROUND-COLOR: white
}
#LeftCell {
VERTICAL-ALIGN: top; WIDTH: 200px
}
.FooterCell {
VERTICAL-ALIGN: top
}
SPAN.highlight {
BACKGROUND-COLOR: yellow
}
.Tag {
PADDING-RIGHT: 0px; PADDING-LEFT: 6px; PADDING-BOTTOM: 0px; PADDING-TOP: 5px
}
.Tag SPAN {
FONT-SIZE: 12px; FLOAT: left
}
.Tag UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 4px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.Tag LI {
PADDING-RIGHT: 15px; PADDING-LEFT: 0px; FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM: 0px; LINE-HEIGHT: 20px; PADDING-TOP: 0px
}
.Tag LI A {
TEXT-DECORATION: underline
}
.Tag LI A:hover {
TEXT-DECORATION: underline
}
IMG.UserStatus {
BACKGROUND: url(/Images/online.gif) no-repeat left -20px; WIDTH: 50px; HEIGHT: 20px
}
IMG.online {
BACKGROUND-POSITION: left top
}
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -