📄 page.css
字号:
BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 5px 26px 0px; COLOR: #333333; LINE-HEIGHT: 1.2; PADDING-TOP: 0px; FONT-FAMILY: Arial,sans-serif
}
A:link {
COLOR: #006699; TEXT-DECORATION: none
}
A:visited {
COLOR: #006699; TEXT-DECORATION: none
}
A:hover {
COLOR: #006699; TEXT-DECORATION: none
}
A:hover {
TEXT-DECORATION: underline
}
H1 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: Arial,sans-serif
}
H2 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: Arial,sans-serif
}
H3 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: Arial,sans-serif
}
H4 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: Arial,sans-serif
}
H5 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: Arial,sans-serif
}
H6 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: Arial,sans-serif
}
H1 {
FONT-SIZE: 120%; COLOR: #334d55; FONT-FAMILY: Verdana,Arial,sans-serif
}
H2 {
FONT-SIZE: 150%; COLOR: #000000
}
H3 {
PADDING-LEFT: 10px; FONT-SIZE: 100%; COLOR: #334d55
}
H4 {
FONT-WEIGHT: normal; FONT-SIZE: 100%; COLOR: #333333
}
H5 {
FONT-SIZE: 100%; COLOR: #334d55
}
UL {
LIST-STYLE-TYPE: square
}
UL UL {
LIST-STYLE-TYPE: disc
}
UL UL UL {
LIST-STYLE-TYPE: none
}
LABEL {
FONT: bold 100% Arial,sans-serif; COLOR: #334d55
}
#masthead {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; MARGIN: 0px; WIDTH: 950px; PADDING-TOP: 2px; BORDER-BOTTOM: #cccccc 2px solid
}
#navBar {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 630px; BORDER-LEFT: #ccc 1px solid; LINE-HEIGHT: 150%; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-COLOR: #ffffff
}
#content {
BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 20px; PADDING-LEFT: 20px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 590px; LINE-HEIGHT: 1.8; PADDING-TOP: 0px; FONT-FAMILY: Arial,sans-serif; BACKGROUND-COLOR: #f5fafe
}
#siteName {
PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 0px
}
#pageName {
PADDING-RIGHT: 0px; PADDING-LEFT: 20px; PADDING-BOTTOM: 10px; PADDING-TOP: 0px
}
#globalNav {
PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; COLOR: #cccccc; PADDING-TOP: 0px; WHITE-SPACE: nowrap
}
#globalNav IMG {
DISPLAY: block
}
#globalNav A {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 90%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#loginNav {
PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FLOAT: right; PADDING-BOTTOM: 0px; COLOR: #000033; PADDING-TOP: 0px; WHITE-SPACE: nowrap
}
#breadCrumb {
PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FONT-SIZE: 90%; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.from_info {
PADDING-RIGHT: 0px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 20px; FONT-SIZE: 80%; PADDING-BOTTOM: 10px; PADDING-TOP: 0px
}
.feature {
PADDING-RIGHT: 0px; PADDING-LEFT: 20px; FONT-SIZE: 100%; PADDING-BOTTOM: 10px; PADDING-TOP: 0px
}
.feature H3 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 30px; TEXT-ALIGN: center
}
.feature IMG {
PADDING-RIGHT: 10px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 5px 5px 0px; PADDING-TOP: 0px
}
.story {
CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FONT-SIZE: 80%; PADDING-BOTTOM: 0px; PADDING-TOP: 10px
}
.story P {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 0px
}
#siteInfo {
CLEAR: both; PADDING-RIGHT: 10px; BORDER-TOP: #cccccc 1px solid; MARGIN-TOP: 0px; PADDING-LEFT: 50px; FONT-SIZE: 85%; PADDING-BOTTOM: 10px; COLOR: #000033; PADDING-TOP: 20px
}
#siteInfo IMG {
PADDING-RIGHT: 4px; PADDING-LEFT: 0px; PADDING-BOTTOM: 4px; VERTICAL-ALIGN: middle; PADDING-TOP: 4px
}
#search {
PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FONT-SIZE: 90%; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BORDER-BOTTOM: #cccccc 1px solid
}
#search FORM {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#search LABEL {
PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#navBar UL A:link {
DISPLAY: block
}
#navBar UL A:visited {
DISPLAY: block
}
#navBar UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#navBar LI {
BORDER-BOTTOM: #eee 1px solid
}
UNKNOWN {
BORDER-BOTTOM-STYLE: none
}
#sectionLinks {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 90%; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #cccccc 1px solid; POSITION: relative
}
#sectionLinks H3 {
PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 2px; PADDING-TOP: 10px
}
#sectionLinks A:link {
PADDING-RIGHT: 0px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 2px; WIDTH: auto; PADDING-TOP: 2px; voice-family: inherit
}
#sectionLinks A:visited {
PADDING-RIGHT: 0px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
#sectionLinks A:hover {
PADDING-RIGHT: 0px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BACKGROUND-COLOR: #dddddd
}
.relatedLinks {
PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FONT-SIZE: 90%; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 0px
}
.relatedLinks H3 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; PADDING-TOP: 10px
}
#advert {
PADDING-RIGHT: 0px; BORDER-TOP: #cccccc 0px solid; PADDING-LEFT: 10px; FONT-SIZE: 90%; PADDING-BOTTOM: 0px; PADDING-TOP: 10px
}
#advert IMG {
DISPLAY: block
}
#headlines {
PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FONT-SIZE: 80%; PADDING-BOTTOM: 20px; MARGIN: 0px; PADDING-TOP: 10px
}
#headlines P {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
#clear {
CLEAR: both; BORDER-TOP: transparent 0px solid; MARGIN-TOP: 0px; VISIBILITY: hidden
}
.textbox-tags {
PADDING-RIGHT: 6px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 80%; PADDING-BOTTOM: 0px; PADDING-TOP: 15px; TEXT-ALIGN: right; WORD-WRAP: break-word
}
.kong {
FLOAT: left; WIDTH: 50%; HEIGHT: 5px
}
#line {
PADDING-RIGHT: 0px; BORDER-TOP: #cccccc 1px solid; MARGIN-TOP: 10px; PADDING-LEFT: 10px; FONT-SIZE: 80%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#line2 {
PADDING-RIGHT: 0px; BORDER-TOP: #cccccc 1px solid; MARGIN-TOP: 0px; PADDING-LEFT: 10px; FONT-SIZE: 80%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#line3 {
PADDING-RIGHT: 0px; BORDER-TOP: #cccccc 1px solid; MARGIN-TOP: 10px; PADDING-LEFT: 10px; FONT-SIZE: 80%; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#line4 {
PADDING-RIGHT: 0px; BORDER-TOP: #006699 2px solid; MARGIN-TOP: 0px; PADDING-LEFT: 0px; FONT-SIZE: 90%; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 8px
}
#line5 {
PADDING-RIGHT: 0px; BORDER-TOP: #cccccc 1px solid; MARGIN-TOP: 0px; PADDING-LEFT: 0px; FONT-SIZE: 90%; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#head-main {
MARGIN: 0px; HEIGHT: 85px; BACKGROUND-COLOR: #ffffff
}
#head-deta {
PADDING-RIGHT: 2px; PADDING-LEFT: 0px; FONT-SIZE: 80%; PADDING-BOTTOM: 0px; MARGIN-LEFT: 0px; WIDTH: 99%; COLOR: #669900; PADDING-TOP: 3px; TEXT-ALIGN: right
}
#head-inner {
WIDTH: 100%; POSITION: relative; HEIGHT: 85px
}
#siteLogo {
LEFT: 5px; POSITION: absolute; TOP: 15px
}
#site-menu {
BORDER-RIGHT: #ced4ca 1px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; RIGHT: 1px; PADDING-BOTTOM: 0px; MARGIN: 0px; BOTTOM: 0px; PADDING-TOP: 0px; POSITION: absolute; TEXT-ALIGN: right
}
#site-toplogin {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 100%; RIGHT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BOTTOM: 10px; PADDING-TOP: 0px; POSITION: absolute; TEXT-ALIGN: right
}
#site-topad {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 120%; RIGHT: 2px; LEFT: 220px; PADDING-BOTTOM: 0px; MARGIN: 0px; BOTTOM: 30px; PADDING-TOP: 0px; POSITION: absolute; TEXT-ALIGN: right
}
#site-topsoso {
PADDING-RIGHT: 260px; PADDING-LEFT: 0px; FONT-SIZE: 14px; RIGHT: 2px; LEFT: 0px; PADDING-BOTTOM: 4px; MARGIN: 0px; BOTTOM: -20px; PADDING-TOP: 0px; POSITION: absolute; TEXT-ALIGN: right
}
#site-menu UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#site-menu LI {
BORDER-RIGHT: #ced4ca 0px solid; BORDER-TOP: #ced4ca 1px solid; PADDING-LEFT: 0px; FLOAT: left; BORDER-LEFT: #ced4ca 1px solid; COLOR: #cccccc; BORDER-BOTTOM: #ced4ca 0px solid; LIST-STYLE-TYPE: none; TEXT-ALIGN: center
}
#site-menu A {
PADDING-RIGHT: 12px; DISPLAY: block; PADDING-LEFT: 12px; FONT-WEIGHT: bold; PADDING-BOTTOM: 3px; COLOR: #006699; PADDING-TOP: 3px; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none
}
#site-menu A:hover {
COLOR: #ffffff; BACKGROUND-COLOR: #006699
}
#head-line {
BORDER-TOP: #cc0000 3px solid; WIDTH: 100%; HEIGHT: 0px
}
#head-line2 {
BORDER-TOP: #cc0000 2px solid; WIDTH: 100%; HEIGHT: 0px
}
#head-line1 {
BORDER-TOP: #cc0000 1px solid; WIDTH: 100%; HEIGHT: 0px
}
ACRONYM {
CURSOR: help; BORDER-BOTTOM: #63b4cd 1px dotted; TEXT-DECORATION: none
}
FORM {
DISPLAY: inline; COLOR: #555
}
INPUT {
FONT-SIZE: 12px; COLOR: #cc0000; FONT-FAMILY: Arial,sans-serif
}
INPUT.text {
BORDER-RIGHT: #c1c0b5 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #c1c0b5 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #c1c0b5 1px solid; COLOR: #555; PADDING-TOP: 1px; BORDER-BOTTOM: #c1c0b5 1px solid; HEIGHT: 16px; BACKGROUND-COLOR: #fafaf0
}
INPUT.button {
BORDER-RIGHT: #c1c0b5 1px solid; BORDER-TOP: #c1c0b5 1px solid; BORDER-LEFT: #c1c0b5 4px solid; COLOR: #555; BORDER-BOTTOM: #c1c0b5 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: #fafaf0
}
TEXTAREA {
BORDER-RIGHT: #c1c0b5 1px solid; BORDER-TOP: #c1c0b5 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #c1c0b5 1px solid; COLOR: #555; BORDER-BOTTOM: #c1c0b5 1px solid; FONT-FAMILY: Arial,sans-serif; BACKGROUND-COLOR: #fafaf0
}
SELECT {
BORDER-RIGHT: #c1c0b5 1px solid; BORDER-TOP: #c1c0b5 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #c1c0b5 1px solid; COLOR: #555; BORDER-BOTTOM: #c1c0b5 1px solid; FONT-FAMILY: Arial,sans-serif; BACKGROUND-COLOR: #fafaf0
}
.search-field {
BORDER-RIGHT: #c1c0b5 1px solid; BORDER-TOP: #c1c0b5 1px solid; BORDER-LEFT: #c1c0b5 1px solid; WIDTH: 120px; COLOR: #555; BORDER-BOTTOM: #c1c0b5 1px solid; BACKGROUND-COLOR: #fafaf0
}
.inputButton {
BORDER-RIGHT: #c1c0b5 1px solid; BORDER-TOP: #c1c0b5 1px solid; BORDER-LEFT: #c1c0b5 4px solid; COLOR: #555; BORDER-BOTTOM: #c1c0b5 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: #fafaf0
}
.textbox {
BORDER-RIGHT: #c1c0b5 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #c1c0b5 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #c1c0b5 1px solid; COLOR: #555; PADDING-TOP: 1px; BORDER-BOTTOM: #c1c0b5 1px solid; HEIGHT: 16px; BACKGROUND-COLOR: #f9fcfe
}
#innerContent2 {
BORDER-RIGHT: #ced4ca 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ced4ca 1px solid; PADDING-LEFT: 5px; BACKGROUND: #fcfcfa; PADDING-BOTTOM: 10px; MARGIN-LEFT: 0px; OVERFLOW: visible; BORDER-LEFT: #ced4ca 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #ced4ca 1px solid; HEIGHT: auto; TEXT-ALIGN: left
}
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -