📄 fpo.css
字号:
BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 13px; BACKGROUND: url(../images/bg_body.gif) #fff repeat-x; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #333333; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
FORM {
MARGIN-TOP: 0px; DISPLAY: inline; MARGIN-BOTTOM: 0px
}
IMG {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
HR {
BORDER-RIGHT: #efefef 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #efefef 1px solid; MARGIN-TOP: 3px; PADDING-LEFT: 0px; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: #efefef 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #efefef 1px solid
}
H1 {
MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; FONT: bold 17px "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif; MARGIN-LEFT: 0px; COLOR: #467; TEXT-ALIGN: left
}
H3 {
MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; FONT: bold 14px "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif; MARGIN-LEFT: 0px; COLOR: #467; TEXT-ALIGN: left
}
SELECT {
HEIGHT: 22px
}
P STRONG {
COLOR: #000
}
radio {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: bottom; PADDING-TOP: 0px
}
STRONG {
FONT-WEIGHT: bold; COLOR: #e70
}
EM {
FONT-FAMILY: Arial, sans-serif
}
INPUT {
MARGIN-TOP: 1px; MARGIN-BOTTOM: 1px
}
A:link {
COLOR: #ee7700; TEXT-DECORATION: none
}
A:visited {
COLOR: #ee7700; TEXT-DECORATION: none
}
A:hover {
COLOR: #111; TEXT-DECORATION: underline
}
.helplink {
PADDING-LEFT: 0px; FONT-WEIGHT: normal; COLOR: #f90; TEXT-DECORATION: none
}
A.helplink {
PADDING-LEFT: 0px; FONT-WEIGHT: normal; COLOR: #f90; TEXT-DECORATION: none
}
A.helplink:link {
PADDING-LEFT: 0px; FONT-WEIGHT: normal; COLOR: #f90; TEXT-DECORATION: none
}
A.helplink:visited {
PADDING-LEFT: 0px; FONT-WEIGHT: normal; COLOR: #aa6625; TEXT-DECORATION: none
}
A.helplink:hover {
FONT-WEIGHT: normal; COLOR: #ff9933
}
A.helplink:active {
TEXT-DECORATION: underline
}
.paginate {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 11px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: none
}
.paginate A {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 11px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: none
}
.paginate A:link {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 11px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: none
}
.paginate A:visited {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 11px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: none
}
.paginate A:hover {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 11px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: none
}
.paginate A:active {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 11px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: none
}
#body {
VERTICAL-ALIGN: top; WIDTH: 100%; POSITION: absolute; HEIGHT: 95%
}
#layout {
BACKGROUND: url(../images/bg_layout.gif) #fff repeat-x; MARGIN: 0px auto; WIDTH: 940px
}
.full_width {
DISPLAY: block; WIDTH: 100%
}
#content_div {
PADDING-RIGHT: 20px; MARGIN-TOP: 25px; PADDING-LEFT: 20px; MARGIN-BOTTOM: 25px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#content_div_fixed {
PADDING-RIGHT: 20px; MARGIN-TOP: 1px; PADDING-LEFT: 20px; MARGIN-BOTTOM: 25px; PADDING-BOTTOM: 0px; WIDTH: 900px; PADDING-TOP: 0px
}
#content_div2 {
PADDING-RIGHT: 20px; MARGIN-TOP: 25px; PADDING-LEFT: 20px; MARGIN-BOTTOM: 25px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#footer {
CLEAR: both; PADDING-RIGHT: 0px; BORDER-TOP: #dde 3px solid; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; COLOR: #444; LINE-HEIGHT: 30px; PADDING-TOP: 0px; HEIGHT: 40px; TEXT-ALIGN: left
}
#logo {
DISPLAY: block; BACKGROUND: url(../images/fpo_logo.gif) no-repeat; FLOAT: left; WIDTH: 376px; HEIGHT: 95px
}
#logo A {
DISPLAY: block; BACKGROUND: url(../images/fpo_logo.gif) no-repeat; WIDTH: 376px; HEIGHT: 95px
}
#search {
PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 15px; BACKGROUND: url(../images/bg_search.gif) no-repeat 50% bottom; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 346px; PADDING-TOP: 0px; HEIGHT: 95px
}
.padding_div {
DISPLAY: block; MARGIN: 0px; HEIGHT: 40px
}
#search FORM INPUT.box {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FLOAT: left; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 290px; PADDING-TOP: 3px; HEIGHT: 18px; BORDER-RIGHT-WIDTH: 0px
}
#search FORM INPUT.button {
FLOAT: left; MARGIN-LEFT: 5px; HEIGHT: 22px
}
#search .advancedsearch A {
DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 10px; WIDTH: 160px; COLOR: #ffffff; PADDING-TOP: 8px; FONT-FAMILY: sans-serif; HEIGHT: auto; TEXT-DECORATION: underline
}
.header_captions {
MARGIN-TOP: 18px; DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN-BOTTOM: 5px; COLOR: #224455; FONT-FAMILY: Arial, Helvetica, sans-serif
}
#login {
PADDING-RIGHT: 15px; PADDING-LEFT: 15px; BACKGROUND: url(../images/bg_login.gif) no-repeat 50% bottom; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 158px; PADDING-TOP: 0px; HEIGHT: 95px
}
#login UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px 0px 15px; WIDTH: 143px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#login UL LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #fff; PADDING-TOP: 0px
}
#login UL LI A {
FONT-WEIGHT: bold; COLOR: #fff; TEXT-DECORATION: none
}
#login UL LI A:hover {
COLOR: #467
}
#logged {
PADDING-RIGHT: 15px; PADDING-LEFT: 15px; BACKGROUND: url(../images/bg_logged.gif) no-repeat 50% bottom; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 158px; PADDING-TOP: 0px; HEIGHT: 95px
}
#logged UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px 0px 15px; WIDTH: 143px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#logged UL LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #fff; PADDING-TOP: 0px
}
#logged UL LI A {
FONT-WEIGHT: bold; COLOR: #fff; TEXT-DECORATION: none
}
#logged UL LI A:hover {
COLOR: #467
}
#header {
HEIGHT: 95px
}
.login_box {
PADDING-LEFT: 0px; FLOAT: left; WIDTH: 56%; MARGIN-RIGHT: 2%; PADDING-TOP: 0px
}
.features_box {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN-LEFT: 0px; WIDTH: 42%; MARGIN-RIGHT: 0px; PADDING-TOP: 0px; HEIGHT: 200px
}
#menu_bar {
CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 940px; PADDING-TOP: 0px; HEIGHT: 41px
}
#menu_bar UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#menu_bar UL LI {
PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: middle; WIDTH: 188px; PADDING-TOP: 0px; HEIGHT: 41px
}
#menu_bar UL LI A {
BACKGROUND-POSITION: 0px 0px; DISPLAY: block; FONT-WEIGHT: normal; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(../images/menu_bg.gif); WIDTH: 188px; COLOR: #ffffff; PADDING-TOP: 14px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Verdana; HEIGHT: 27px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
#menu_bar UL LI A:hover {
BACKGROUND-POSITION: 0px -41px
}
#menu_bar UL LI A.sel {
BACKGROUND-POSITION: 0px -41px
}
#menu_bar UL LI:hover A {
BACKGROUND-POSITION: 0px -41px
}
#news {
DISPLAY: block; FONT-SIZE: 12px; BACKGROUND: url(../images/BL.gif) #ddc no-repeat left bottom; MARGIN: 0px 0px 10px; FONT-FAMILY: Arial, sans-serif; TEXT-ALIGN: left; TEXT-DECORATION: none
}
#news H1 {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 13px; BACKGROUND: url(../images/news_h1.gif) no-repeat right top; PADDING-BOTTOM: 5px; MARGIN: 10px 0px; COLOR: #e70; PADDING-TOP: 5px
}
#news P {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 0px; TEXT-ALIGN: justify; TEXT-DECORATION: none
}
.features {
PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: #dfe8ec; PADDING-BOTTOM: 15px; PADDING-TOP: 0px; HEIGHT: auto
}
.features H1 {
PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 15px; BACKGROUND: #80959f; PADDING-BOTTOM: 0px; FONT: 11px/25px "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif; TEXT-TRANSFORM: uppercase; COLOR: #fff; PADDING-TOP: 0px; LETTER-SPACING: 0.1em; HEIGHT: 25px
}
.features P {
PADDING-RIGHT: 15px; PADDING-LEFT: 13px; PADDING-BOTTOM: 12px; MARGIN: 0px; LINE-HEIGHT: 80%; PADDING-TOP: 8px
}
.recent {
BACKGROUND: #fc7; WIDTH: 100%
}
.recent H1 {
PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 15px; BACKGROUND: #f90; PADDING-BOTTOM: 0px; FONT: 11px/25px "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif; TEXT-TRANSFORM: uppercase; COLOR: #fff; PADDING-TOP: 0px; LETTER-SPACING: 0.1em
}
.recent P {
PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; PADDING-TOP: 5px
}
.services {
FONT-SIZE: 12px; FONT-FAMILY: Arial, sans-serif
}
.services H1 {
MARGIN: 20px 0px 0px; FONT: bold 15px/25px "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif; COLOR: #467; TEXT-ALIGN: left
}
.services P {
PADDING-BOTTOM: 10px; LINE-HEIGHT: 130%; BORDER-BOTTOM: #eee 1px solid
}
.services2 H1 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px 0px; FONT: bold 15px/25px "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif; COLOR: #467; PADDING-TOP: 0px; TEXT-ALIGN: left
}
.services2 P {
MARGIN-TOP: 5px; PADDING-BOTTOM: 10px; LINE-HEIGHT: 130%; PADDING-TOP: 0px; BORDER-BOTTOM: #eee 1px solid
}
.normal_p {
BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.popular {
BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 0px
}
.popular H1 {
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -