📄 main.css
字号:
BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 63.12%; BACKGROUND: #d7d6d1; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #222; PADDING-TOP: 0px; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
#cu-identity {
BACKGROUND: url(header_bg2.jpg) #b31b1b no-repeat center top; HEIGHT: 75px
}
#cu-logo {
BACKGROUND: url(cu_logo.gif) no-repeat left top; MARGIN: 0px auto; WIDTH: 740px
}
#cu-logo A {
DISPLAY: block; BACKGROUND: url(cu_logo.gif) no-repeat left top; WIDTH: 240px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 75px; BORDER-BOTTOM-STYLE: none
}
#cu-logo IMG {
DISPLAY: none
}
#cu-search {
RIGHT: 50%; WIDTH: 200px; MARGIN-RIGHT: -385px; POSITION: absolute; TOP: 26px
}
#cu-search A {
PADDING-RIGHT: 15px; PADDING-LEFT: 15px; FONT-SIZE: 1.1em; FLOAT: right; PADDING-BOTTOM: 5px; COLOR: #fff; BORDER-TOP-STYLE: none; PADDING-TOP: 5px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none
}
#cu-search A:hover {
BACKGROUND: #990f26
}
#search-form {
RIGHT: 50%; MARGIN-RIGHT: -385px; POSITION: absolute; TOP: 18px
}
#search-form FORM {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-ALIGN: right
}
#search-form LABEL {
COLOR: #fff
}
#search-form-query {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 1.1em; BACKGROUND: url(header_search.gif) #990f0f no-repeat left top; PADDING-BOTTOM: 3px; VERTICAL-ALIGN: middle; WIDTH: 145px; COLOR: #fff; BORDER-TOP-STYLE: none; PADDING-TOP: 3px; FONT-FAMILY: verdana, arial, helvetica, sans-serif; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#search-form-submit {
BORDER-RIGHT: #400606 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #bf6060 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 1em; BACKGROUND: #900; PADDING-BOTTOM: 3px; VERTICAL-ALIGN: middle; BORDER-LEFT: #bf6060 1px solid; COLOR: #fff; PADDING-TOP: 0px; BORDER-BOTTOM: #400606 1px solid; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
#search-filters {
MARGIN: 5px 0px 0px
}
#search-filters INPUT {
MARGIN: 0px; VERTICAL-ALIGN: middle
}
#search-filters LABEL {
MARGIN: 0px 10px 0px 0px; VERTICAL-ALIGN: middle
}
#search-form A {
COLOR: #fff; BORDER-BOTTOM: #ce7f7f 1px solid
}
#search-form A:hover {
BORDER-BOTTOM: #fff 1px solid
}
#identity {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 25px; PADDING-TOP: 25px
}
#identity H1 {
FONT-WEIGHT: normal; FONT-SIZE: 2.4em; MARGIN: 0px auto; WIDTH: 740px; COLOR: #73736c; FONT-FAMILY: georgia, "times new roman", times, serif
}
#header {
BACKGROUND: #b3b3aa; FLOAT: left; WIDTH: 100%
}
#navigation {
MARGIN: 0px auto; WIDTH: 740px
}
#navigation UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1em; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #a6a69d 1px solid; WIDTH: 739px; PADDING-TOP: 0px
}
#navigation LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#navigation A {
BORDER-RIGHT: #a6a69d 1px solid; PADDING-RIGHT: 20px; PADDING-LEFT: 20px; FONT-WEIGHT: bold; FONT-SIZE: 1.2em; FLOAT: left; PADDING-BOTTOM: 7px; COLOR: #fff; BORDER-TOP-STYLE: none; PADDING-TOP: 7px; BORDER-LEFT-STYLE: none; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none
}
#navigation A:hover {
BACKGROUND: #a6a69d
}
#wrap {
BACKGROUND: #f0eee4; FLOAT: left; WIDTH: 100%
}
#content {
MARGIN: 0px auto; WIDTH: 740px
}
#main {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 20px; WIDTH: 100%; PADDING-TOP: 20px
}
.twocolumn #wrap {
BACKGROUND: url(twocolumn_bg.gif) #f0eee4 repeat-y center top
}
.twocolumn #main {
FLOAT: right; WIDTH: 510px
}
#section-navigation {
CLEAR: left; FLOAT: left; WIDTH: 200px
}
#secondary {
CLEAR: left; FLOAT: left; WIDTH: 200px
}
#section-navigation {
MARGIN-BOTTOM: 50px
}
#section-navigation UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 1.2em; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#section-navigation LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px
}
#section-navigation A {
PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; WIDTH: 180px; BORDER-TOP-STYLE: none; PADDING-TOP: 10px; BORDER-BOTTOM: #f4f4ef 2px solid; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none
}
#section-navigation A:visited {
COLOR: #b31b1b
}
#section-navigation A:hover {
BACKGROUND: #f2f7fa; COLOR: #f00
}
#section-navigation A:active {
BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #b31b1b
}
.first {
MARGIN-TOP: 0px
}
H2 {
FONT-WEIGHT: normal; FONT-SIZE: 1.8em; MARGIN: 0px 0px 15px
}
H3 {
CLEAR: both; FONT-WEIGHT: bold; FONT-SIZE: 1.3em; MARGIN: 0px 0px 15px; LINE-HEIGHT: 1.4em
}
H4 {
FONT-WEIGHT: bold; FONT-SIZE: 1.2em; MARGIN: 15px 0px 3px
}
P {
FONT-SIZE: 1.3em; MARGIN: 0px 0px 15px; LINE-HEIGHT: 1.4em
}
BLOCKQUOTE {
MARGIN: 0px 30px
}
.caption {
FONT-SIZE: 1.1em; COLOR: #000; LINE-HEIGHT: 1.5em
}
UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1.3em; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 15px; LINE-HEIGHT: 1.4em; PADDING-TOP: 0px
}
OL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1.3em; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 15px; LINE-HEIGHT: 1.4em; PADDING-TOP: 0px
}
UL UL {
FONT-SIZE: 1em
}
UL OL {
FONT-SIZE: 1em
}
OL OL {
FONT-SIZE: 1em
}
OL UL {
FONT-SIZE: 1em
}
UL LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 30px; BACKGROUND: url(bullet.gif) no-repeat 18px 0.65em; PADDING-BOTTOM: 0px; MARGIN: 5px 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
OL LI {
MARGIN: 5px 0px 5px 30px
}
DL {
MARGIN: 0px 0px 15px; LINE-HEIGHT: 1.4em
}
DT {
FONT-WEIGHT: bold; FONT-SIZE: 1.2em; MARGIN: 0px 0px 3px
}
DD {
FONT-SIZE: 1.3em; MARGIN: 0px 0px 15px; LINE-HEIGHT: 1.4em
}
A {
COLOR: #b31b1b; BORDER-BOTTOM: #e5cfcf 1px solid; TEXT-DECORATION: none
}
A:visited {
COLOR: #b37474
}
A:hover {
BORDER-LEFT-COLOR: #f00; BORDER-BOTTOM-COLOR: #f00; COLOR: #f00; BORDER-TOP-COLOR: #f00; BORDER-RIGHT-COLOR: #f00
}
A:active {
BORDER-LEFT-COLOR: #e5cfcf; BORDER-BOTTOM-COLOR: #e5cfcf; COLOR: #b31b1b; BORDER-TOP-COLOR: #e5cfcf; BORDER-RIGHT-COLOR: #e5cfcf
}
#secondary {
COLOR: #666
}
.secondary-section {
PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 50px; PADDING-TOP: 0px
}
#secondary-section-first {
MARGIN-TOP: 25px
}
#secondary H2 {
FONT-WEIGHT: bold; FONT-SIZE: 1.1em; MARGIN: 0px 0px 10px
}
#secondary P {
FONT-SIZE: 1.1em; MARGIN: 0px 0px 10px; LINE-HEIGHT: 1.5em
}
#secondary UL {
FONT-SIZE: 1.1em; MARGIN: 0px 0px 10px
}
#secondary UL LI {
BACKGROUND-POSITION: 0px 0.65em; PADDING-LEFT: 12px
}
IMG {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
.main-photo-large {
MARGIN: 20px 0px; WIDTH: 510px
}
.main-photo-small {
FLOAT: right; MARGIN: 5px 0px 15px 25px; WIDTH: 210px
}
.main-photo-large .caption {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: #f0eee4; PADDING-BOTTOM: 8px; MARGIN: 0px; PADDING-TOP: 5px
}
.main-photo-small .caption {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: #f0eee4; PADDING-BOTTOM: 8px; MARGIN: 0px; PADDING-TOP: 5px
}
.secondary-photo {
MARGIN: 0px 0px 50px
}
#secondary .secondary-photo .caption {
MARGIN: 10px 15px 0px
}
.thumbnail {
PADDING-RIGHT: 9px; PADDING-LEFT: 6px; BACKGROUND: url(shadow_tn.gif) no-repeat left top; LEFT: -6px; PADDING-BOTTOM: 9px; MARGIN: 0px 0px -15px; PADDING-TOP: 6px; POSITION: relative; TOP: -6px
}
TABLE {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 1em; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
TR {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 1em; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
TH {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 1em; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
TD {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 1em; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
TABLE {
MARGIN: 15px 0px; BORDER-BOTTOM: #e7e7e7 1px solid; caption-side: bottom
}
TH {
PADDING-RIGHT: 15px; PADDING-LEFT: 15px; FONT-WEIGHT: normal; PADDING-BOTTOM: 5px; COLOR: #888; PADDING-TOP: 0px; TEXT-ALIGN: left
}
TD {
PADDING-RIGHT: 15px; BORDER-TOP: #e7e7e7 1px solid; PADDING-LEFT: 15px; FONT-SIZE: 1.1em; PADDING-BOTTOM: 10px; VERTICAL-ALIGN: top; LINE-HEIGHT: 1.5em; PADDING-TOP: 10px
}
TBODY TH {
PADDING-RIGHT: 15px; BORDER-TOP: #e7e7e7 1px solid; PADDING-LEFT: 15px; FONT-SIZE: 1.1em; PADDING-BOTTOM: 10px; VERTICAL-ALIGN: top; LINE-HEIGHT: 1.5em; PADDING-TOP: 10px
}
TBODY TH {
FONT-WEIGHT: bold; COLOR: #222; TEXT-ALIGN: right
}
.row1 {
BACKGROUND: #fff
}
.row1 TD {
BACKGROUND: #fff
}
.row1 TH {
BACKGROUND: #fff
}
.row2 {
BACKGROUND: #fafaf7
}
.row2 TD {
BACKGROUND: #fafaf7
}
.row2 TH {
BACKGROUND: #fafaf7
}
TFOOT TD {
FONT-WEIGHT: bold
}
CAPTION {
FONT-SIZE: 1.1em; MARGIN: 0px 0px 15px; COLOR: #888; TEXT-ALIGN: left
}
FORM {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 15px; WIDTH: 510px; PADDING-TOP: 0px
}
FIELDSET {
PADDING-RIGHT: 0px; BORDER-TOP: #e7e7e7 1px solid; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 15px; MARGIN: 0px; WIDTH: 510px; PADDING-TOP: 10px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
FORM H3 {
MARGIN: 0px 15px 5px
}
.form-pair {
DISPLAY: inline; FLOAT: left; MARGIN: 5px 15px 0px; WIDTH: 480px
}
.form-item {
MARGIN-TOP: 5px; FONT-SIZE: 1.1em; FLOAT: left; WIDTH: 165px; LINE-HEIGHT: 1.5em; TEXT-ALIGN: right
}
.form-value {
MARGIN-TOP: 5px; FONT-SIZE: 1.1em; FLOAT: right; WIDTH: 300px; LINE-HEIGHT: 1.5em
}
.checklist {
FONT-SIZE: 1em; MARGIN: 0px
}
.checklist LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 5px; PADDING-TOP: 0px
}
.input-text {
FONT-SIZE: 1em; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
SELECT {
FONT-SIZE: 1em; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
TEXTAREA {
FONT-SIZE: 1em; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.form-submit {
BACKGROUND: #dbdbd2; BORDER-TOP-STYLE: none
}
.form-submit-buttons {
PADDING-RIGHT: 15px; TEXT-ALIGN: right
}
.form-submit-buttons .input-reset {
MARGIN-RIGHT: 5px
}
.input-submit {
FONT-SIZE: 1.3em; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.input-reset {
FONT-SIZE: 1.3em; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.input-submit {
FONT-WEIGHT: bold
}
#hub-description {
FLOAT: left; WIDTH: 350px
}
#hub-sections {
FLOAT: right; MARGIN: 0px 0px 15px; WIDTH: 355px
}
.hub-section {
BORDER-TOP: #ddd 1px solid; MARGIN-TOP: 15px; FLOAT: right; WIDTH: 355px; PADDING-TOP: 15px
}
#hub-section-first {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.hub-section H3 {
FLOAT: right; MARGIN: 0px 0px 5px; WIDTH: 235px
}
.hub-section IMG {
FLOAT: left
}
.hub-section P {
FLOAT: right; MARGIN: 0px; WIDTH: 235px; LINE-HEIGHT: 1.5em
}
#hub-more {
BORDER-RIGHT: #ddd 1px solid; BORDER-TOP: #ddd 1px solid; BACKGROUND: #fff; FLOAT: left; MARGIN: 15px 0px 0px; BORDER-LEFT: #ddd 1px solid; WIDTH: 100%; BORDER-BOTTOM: #ddd 1px solid
}
#hub-more H3 {
DISPLAY: inline; FLOAT: left; MARGIN: 15px 0px 15px 15px
}
#hub-more UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 25px; FONT-SIZE: 1.1em; FLOAT: left; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 10px
}
.pullquote {
FLOAT: right; MARGIN: 0px 0px 15px 25px; WIDTH: 180px
}
.pullquote P {
FONT-WEIGHT: bold; MARGIN: 0px 0px 10px; LINE-HEIGHT: 1.9em
}
.bridge-section {
FLOAT: left; WIDTH: 100%
}
.bridge-group1 {
CLEAR: left; FLOAT: left; WIDTH: 355px
}
.bridge-group2 {
CLEAR: right; FLOAT: right; WIDTH: 355px
}
.bridge-group1 H2 {
PADDING-RIGHT: 12px; PADDING-LEFT: 12px; FONT-SIZE: 2.1em; BACKGROUND: #d9d9ce; PADDING-BOTTOM: 8px; MARGIN: 25px 0px 20px; LINE-HEIGHT: 1.5em; PADDING-TOP: 8px; FONT-FAMILY: georgia, "times new roman", times, serif
}
.bridge-group2 H2 {
PADDING-RIGHT: 12px; PADDING-LEFT: 12px; FONT-SIZE: 2.1em; BACKGROUND: #d9d9ce; PADDING-BOTTOM: 8px; MARGIN: 25px 0px 20px; LINE-HEIGHT: 1.5em; PADDING-TOP: 8px; FONT-FAMILY: georgia, "times new roman", times, serif
}
.bridge-section H2 {
PADDING-RIGHT: 12px; PADDING-LEFT: 12px; FONT-SIZE: 2.1em; BACKGROUND: #d9d9ce; PADDING-BOTTOM: 8px; MARGIN: 25px 0px 20px; LINE-HEIGHT: 1.5em; PADDING-TOP: 8px; FONT-FAMILY: georgia, "times new roman", times, serif
}
.bridge-photo {
MARGIN: 0px 0px 20px
}
.bridge-links {
FONT-SIZE: 1.1em
}
.bridge-links LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#gallery {
MARGIN-TOP: 10px; FONT-SIZE: 1.1em; FLOAT: left; LINE-HEIGHT: 1.4em
}
.gallery-thumbnail {
FLOAT: left; MARGIN: 0px 20px 30px 0px; WIDTH: 235px
}
.gallery-thumbnail .thumbnail {
FLOAT: left
}
#photo {
FLOAT: left
}
#photo-meta {
FLOAT: right; WIDTH: 200px
}
#photo-meta .caption {
MARGIN: 10px 0px
}
#photo-credit {
COLOR: #999
}
#webring {
FONT-SIZE: 1.1em; LINE-HEIGHT: 1.4em
}
#webring .prev {
PADDING-LEFT: 11px; BACKGROUND: url(left_red.gif) no-repeat 0px 0.4em
}
#webring .sep {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; COLOR: #ccc; PADDING-TOP: 0px
}
#webring .next {
PADDING-RIGHT: 11px; BACKGROUND: url(right_red.gif) no-repeat 100% 0.4em
}
#footer {
FLOAT: left; WIDTH: 100%
}
#footer-content {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1em; PADDING-BOTTOM: 25px; MARGIN: 0px auto; WIDTH: 740px; COLOR: #333; PADDING-TOP: 15px
}
#footer A {
BORDER-BOTTOM: #ccadad 1px solid
}
#footer A:active {
BORDER-LEFT-COLOR: #ccadad; BORDER-BOTTOM-COLOR: #ccadad; BORDER-TOP-COLOR: #ccadad; BORDER-RIGHT-COLOR: #ccadad
}
#skipnav {
LEFT: -1000em; POSITION: absolute; TOP: -1000em
}
HR {
DISPLAY: none
}
.twocolumn #content {
BACKGROUND: url(twocolumn_bg.gif) #f0eee4 repeat-y center top
}
.twocolumn #wrap {
BACKGROUND: #f0eee4
}
UNKNOWN {
BACKGROUND: url(twocolumn_bg.gif) #f0eee4 repeat-y center top
}
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -