📄 hig.css
字号:
.BodyBG {
BACKGROUND-COLOR: #a7e1e0
}
.PageBG {
BACKGROUND-IMAGE: url(img/PageBGImage.gif); BACKGROUND-REPEAT: repeat; BACKGROUND-COLOR: #a7e1e0
}
.SelectionBG {
BACKGROUND-COLOR: #fffacc
}
.HoverBG {
BACKGROUND-COLOR: #fffded
}
.ContainerBorder {
BORDER-RIGHT: #d1e3ec 1px solid; BORDER-TOP: #d1e3ec 1px solid; BORDER-LEFT: #d1e3ec 1px solid; BORDER-BOTTOM: #d1e3ec 1px solid
}
.ContainerBG {
BACKGROUND-IMAGE: none; BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #a0dae2
}
.ContainerBG2 {
BACKGROUND-IMAGE: url(img/ContainerBGImage2.gif); BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #a0dae2
}
.ContainerHeader {
BACKGROUND-IMAGE: url(img/ContainerHeaderBGImage.gif); COLOR: #1c565f; BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #a0dae2
}
.ContainerHeader A {
COLOR: #1c565f
}
.ContainerHeader A:visited {
COLOR: #1c565f
}
.ToolbarBorder {
BORDER-RIGHT: 1px; BORDER-TOP: 1px; BORDER-LEFT: 1px; BORDER-BOTTOM: 1px
}
.ToolbarBG {
BACKGROUND-IMAGE: url(img/ToolbarBGImage.gif); BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #a0dae2
}
.Toolbar {
BORDER-RIGHT: 1px; BORDER-TOP: 1px; BORDER-LEFT: 1px; COLOR: #455c62; BORDER-BOTTOM: 1px
}
.BreadcrumbBG {
BACKGROUND-COLOR: transparent
}
.BreadcrumbBorder {
BORDER-RIGHT: 1px; BORDER-TOP: 1px; BORDER-LEFT: 1px; BORDER-BOTTOM: 1px
}
.Breadcrumb {
BORDER-RIGHT: 1px; BORDER-TOP: 1px; BORDER-LEFT: 1px; COLOR: #444444; BORDER-BOTTOM: 1px; BACKGROUND-COLOR: transparent
}
.Breadcrumb A {
COLOR: #444444; TEXT-DECORATION: none
}
.Breadcrumb A:visited {
COLOR: #444444
}
.SPTransparency {
}
.SPTransparency {
}
A.back_to_x:hover {
TEXT-DECORATION: none
}
{
LINE-HEIGHT: 170%
}
BODY {
FONT-SIZE: 80%; MARGIN: 0px; COLOR: #455c62; DIRECTION: ltr; FONT-FAMILY: Verdana, Simsun; BACKGROUND-COLOR: #a7e1e0
}
LABEL {
COLOR: #455c62
}
INPUT {
FONT-SIZE: 100%; LINE-HEIGHT: normal; FONT-FAMILY: Verdana, Simsun
}
SELECT {
FONT-SIZE: 100%; LINE-HEIGHT: normal; FONT-FAMILY: Verdana, Simsun
}
TEXTAREA {
FONT-SIZE: 100%; LINE-HEIGHT: normal; FONT-FAMILY: Verdana, Simsun
}
BUTTON {
FONT-SIZE: 100%; LINE-HEIGHT: normal; FONT-FAMILY: Verdana, Simsun
}
TH {
FONT-FAMILY: Verdana, Simsun
}
TD {
FONT-FAMILY: Verdana, Simsun
}
H1 {
FONT-WEIGHT: bold; MARGIN: 8px 0px 4px; LINE-HEIGHT: 185%
}
H2 {
FONT-WEIGHT: bold; MARGIN: 8px 0px 4px; LINE-HEIGHT: 185%
}
H3 {
FONT-WEIGHT: bold; MARGIN: 8px 0px 4px; LINE-HEIGHT: 185%
}
H4 {
FONT-WEIGHT: bold; MARGIN: 8px 0px 4px; LINE-HEIGHT: 185%
}
H5 {
FONT-WEIGHT: bold; MARGIN: 8px 0px 4px; LINE-HEIGHT: 185%
}
H1 {
FONT-SIZE: 138%
}
H2 {
FONT-SIZE: 123%
}
H3 {
FONT-SIZE: 115%
}
H4 {
FONT-SIZE: 108%; MARGIN: 4px 0px
}
H5 {
FONT-SIZE: 100%; MARGIN: 4px 0px
}
A {
COLOR: #d67d37; TEXT-DECORATION: none
}
A:visited {
COLOR: #d67d37
}
A:hover {
TEXT-DECORATION: underline
}
UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 1em; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 20px 1em; PADDING-TOP: 0px; LIST-STYLE-TYPE: disc
}
LI {
MARGIN: 0px 0px 3px
}
FONT {
LINE-HEIGHT: normal
}
A IMG {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
#header {
CLEAR: both; BACKGROUND-POSITION: 50% bottom; BACKGROUND-IMAGE: url(img/HeaderGradientImage.gif); MARGIN-BOTTOM: -20px; COLOR: #444444; BACKGROUND-REPEAT: repeat-x; ZOOM: 1; BACKGROUND-COLOR: #2e93a1; TEXT-ALIGN: center
}
#header TABLE {
COLOR: #444444
}
#header .stroke {
BORDER-TOP: #298491 1px solid; FONT-SIZE: 0px; LINE-HEIGHT: 0; BORDER-BOTTOM: #439eab 1px solid; HEIGHT: 0px
}
#header .inside {
BACKGROUND: no-repeat 50% bottom; PADDING-BOTTOM: 20px; TEXT-ALIGN: left
}
#header .BrandSection {
MARGIN-TOP: 2px; FLOAT: left; WHITE-SPACE: nowrap; HEIGHT: 50px; TEXT-ALIGN: left
}
#header .cobrandSection {
MARGIN-TOP: 0px
}
#header .MeSection {
FLOAT: right; MARGIN: 2px 8px 0px 0px; WIDTH: auto; WHITE-SPACE: nowrap; HEIGHT: 50px; TEXT-ALIGN: right
}
#header .SearchSection {
PADDING-BOTTOM: 8px; PADDING-TOP: 14px; TEXT-ALIGN: center
}
#header .full {
WIDTH: 258px
}
#pagebg {
CLEAR: both; MARGIN-TOP: 20px; Z-INDEX: -1; BACKGROUND: no-repeat 50% top; MARGIN-BOTTOM: 0px; POSITION: absolute; HEIGHT: 0px
}
A.jewel_css {
DISPLAY: block; OVERFLOW: hidden; WIDTH: 49px; CURSOR: pointer; POSITION: relative; HEIGHT: 49px
}
A.jewel_css SPAN.jewel_css_filter {
LEFT: 0px; WIDTH: 49px; POSITION: absolute; TOP: 0px; HEIGHT: 147px
}
A.jewel_css SPAN.jewel_css_filter_ie6 {
FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://shared.live.com/Wa!0ulIkPIHKM-!PIRUZmoU51G0Thr9TWYC9kFBFeuvTMehJyKPZExfqRFyKSAZzVgOXtorABleZjkyfhigV!A/spain_artistic1/3290/controls/img/jewel_collage.png", sizingMethod="image"); ZOOM: 1
}
A.jewel_css IMG {
BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
A.jewel_css_hover_ie SPAN.jewel_css_filter {
TOP: -49px
}
A.jewel_css:hover SPAN.jewel_css_filter {
TOP: -49px
}
A.jewel_css SPAN.Down {
TOP: -98px
}
A.jewel_css:hover SPAN.Down {
TOP: -98px
}
A.cobrand_jewel_css {
WIDTH: 24px; HEIGHT: 18px
}
A.cobrand_jewel_css SPAN.jewel_css_filter_ie6 {
FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://shared.live.com/Wa!0ulIkPIHKM-!PIRUZmoU51G0Thr9TWYC9kFBFeuvTMehJyKPZExfqRFyKSAZzVgOXtorABleZjkyfhigV!A/spain_artistic1/3290/controls/img/cobrand_jewel_collage.png", sizingMethod="image"); ZOOM: 1
}
A.cobrand_jewel_css_hover_ie SPAN.jewel_css_filter {
TOP: -18px
}
A.cobrand_jewel_css:hover SPAN.jewel_css_filter {
TOP: -18px
}
A.cobrand_jewel_css SPAN.Down {
TOP: -36px
}
A.cobrand_jewel_css:hover SPAN.Down {
TOP: -36px
}
.cobrand_jewel_from {
MARGIN-TOP: 2px
}
.cobrand_1_jewel_productName {
POSITION: relative
}
.cobrand_1_jewel_poweredByParent IMG {
VERTICAL-ALIGN: middle
}
.cobrand_1_jewel_poweredByText {
PADDING-LEFT: 4px
}
.cobrand_1_bottomParent {
POSITION: relative; TOP: -2px
}
.cobrand_3_jewel {
}
.cobrand_3_jewel IMG {
VERTICAL-ALIGN: middle
}
.cobrand_3_jewel_productName {
POSITION: relative
}
.efp_spot {
DISPLAY: none; POSITION: absolute
}
.efp_spot TABLE.efp_spot_left {
MARGIN-RIGHT: auto
}
.efp_spot TABLE.efp_spot_right {
MARGIN-LEFT: auto
}
.efp_spot TABLE.efp_spot_center {
MARGIN-LEFT: auto; MARGIN-RIGHT: auto
}
.efp_spot TABLE {
BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BACKGROUND-IMAGE: url(img/ToolbarBGImage.gif); VISIBILITY: hidden; BORDER-LEFT: 1px solid; COLOR: #455c62; BORDER-BOTTOM: 1px solid; BACKGROUND-COLOR: #a0dae2
}
.efp_spot TABLE TD {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px
}
.efp_spot TABLE TD.efp_spot_text {
PADDING-LEFT: 4px
}
.efp_spot TABLE TD.efp_spot_closeImage {
PADDING-RIGHT: 4px; PADDING-LEFT: 8px
}
.efp_spot TABLE IMG {
VERTICAL-ALIGN: middle; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.efp_spot TABLE IMG.efp_spot_iconImage {
PADDING-RIGHT: 4px
}
.efp_spot TABLE DIV {
OVERFLOW: hidden; COLOR: #455c62; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; TEXT-ALIGN: center
}
#header .BrandSection A.jewel {
DISPLAY: inline-block; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader( src="http://shared.live.com/Wa!0ulIkPIHKM-!PIRUZmoU51G0Thr9TWYC9kFBFeuvTMehJyKPZExfqRFyKSAZzVgOXtorABleZjkyfhigV!A/spain_artistic1/3290/controls/img/jewel.png", sizingMethod="image"); VERTICAL-ALIGN: top; CURSOR: hand
}
#header SPAN.more {
DISPLAY: block; POSITION: absolute; TOP: -5000px
}
#header .BrandSection A.jewel IMG {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; VERTICAL-ALIGN: top; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
#header .BrandSection SPAN.flag IMG {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; VERTICAL-ALIGN: top; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
#header .BrandSection SPAN.flag {
DISPLAY: inline! important; VERTICAL-ALIGN: top
}
#header .BrandSection SPAN.Product {
DISPLAY: inline-block; FONT-SIZE: 17px; VERTICAL-ALIGN: top; LINE-HEIGHT: 48px; FONT-FAMILY: Verdana, Arial, sans-serif
}
#header .cobrandTableParent {
HEIGHT: 100%
}
#header .cobrandTableParent TD {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#header .cobrandTableParent TD.jewelPadding {
PADDING-RIGHT: 2px
}
#header .cobrandSection {
MARGIN-LEFT: 2px
}
#header .cobrandSection SPAN.Product {
VERTICAL-ALIGN: baseline; LINE-HEIGHT: normal
}
#header .tm {
FONT-SIZE: 6px; VERTICAL-ALIGN: super
}
#header .BrandSection SPAN.Beta {
MARGIN-TOP: 30px; FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN-LEFT: -34px; COLOR: #ee2037; LINE-HEIGHT: 16px; FONT-FAMILY: Verdana, Simsun; POSITION: absolute
}
#header .cobrandSection SPAN.Beta {
MARGIN-TOP: auto; MARGIN-LEFT: 0px; LINE-HEIGHT: normal; POSITION: static
}
.BetaText {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ee2037; FONT-FAMILY: Verdana, Simsun
}
#header .Menu {
DISPLAY: none
}
.efpSf {
MARGIN: auto
}
.efpSc BUTTON.efpSb {
BORDER-RIGHT: 0px; PADDING-RIGHT: 8px; BORDER-TOP: 0px; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 92%; BACKGROUND-IMAGE: url(controls/img/btn_bgrd_off.gif); PADDING-BOTTOM: 0.35em; VERTICAL-ALIGN: top; OVERFLOW: visible; BORDER-LEFT: 0px; WIDTH: 1px; COLOR: white; LINE-HEIGHT: 1em; PADDING-TOP: 0.35em; BORDER-BOTTOM: 0px
}
.efpSc DIV.efpHl SPAN {
BORDER-RIGHT: #4b7c9f 1px solid; BORDER-TOP: #4b7c9f 1px solid; DISPLAY: block; VERTICAL-ALIGN: middle; BORDER-LEFT: #4b7c9f 1px solid; BORDER-BOTTOM: #4b7c9f 1px solid
}
.efpSc BUTTON.efpOver {
BACKGROUND-IMAGE: url(controls/img/btn_bgrd_on.gif); BACKGROUND-COLOR: #39bdd4
}
.efpSc {
DISPLAY: inline
}
.efpSc DIV.efpHl {
BORDER-RIGHT: #298491 1px solid; BORDER-TOP: #298491 1px solid; MARGIN: 1px; BORDER-LEFT: #298491 1px solid; BORDER-BOTTOM: #298491 1px solid; WHITE-SPACE: nowrap
}
FORM.active .efpSc DIV.efpHl {
BORDER-RIGHT: #aae9ee 2px solid; BORDER-TOP: #aae9ee 2px solid; MARGIN: 0px; BORDER-LEFT: #aae9ee 2px solid; BORDER-BOTTOM: #aae9ee 2px solid
}
.efpSc .q {
BORDER-RIGHT: #4b7c9f 1px solid; PADDING-RIGHT: 4px; BACKGROUND-POSITION: right 50%; BORDER-TOP: 0px; PADDING-LEFT: 4px; BACKGROUND-IMAGE: url(controls/img/srch_shadow.gif); PADDING-BOTTOM: 0.35em; MARGIN: -1px 0px; VERTICAL-ALIGN: top; BORDER-LEFT: 0px; WIDTH: 29.6em; PADDING-TOP: 0.3em; BORDER-BOTTOM: 0px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: white
}
.efpSc .go {
MARGIN: 0px; VERTICAL-ALIGN: top; HEIGHT: 1.78em
}
.efpSf LABEL {
DISPLAY: none
}
#header .MeSection A {
COLOR: #444444; WHITE-SPACE: nowrap
}
#header .MeSection A.ppl IMG {
MARGIN-LEFT: 4px; VERTICAL-ALIGN: middle
}
#header .MeSection SPAN {
VERTICAL-ALIGN: middle; WHITE-SPACE: nowrap
}
#header .MeSection .sme {
PADDING-TOP: 16px
}
DIV.Footer {
CLEAR: both; PADDING-RIGHT: 8px; BORDER-TOP: #d1e3ec 1px solid; PADDING-LEFT: 8px; PADDING-BOTTOM: 3px; MARGIN: 8px 0px; COLOR: #444444; PADDING-TOP: 3px
}
DIV.Footer UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; WHITE-SPACE: nowrap; LIST-STYLE-TYPE: none
}
DIV.Footer UL LI {
PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; DIRECTION: ltr; PADDING-TOP: 0px; unicode-bidi: embed
}
DIV.FooterLeft {
FLOAT: left
}
DIV.FooterRight {
FLOAT: right
}
DIV.Footer UL LI.copyright {
PADDING-RIGHT: 4px
}
DIV.Footer A {
COLOR: #444444
}
DIV.Footer A:hover {
TEXT-DECORATION: underline
}
.Web_UI_ShadowPopup {
FONT-SIZE: 0px; LINE-HEIGHT: 0px; POSITION: absolute; BACKGROUND-COLOR: #000000; opacity: .2
}
.Menu {
BORDER-RIGHT: #4a9ab8 1px solid; BORDER-TOP: #4a9ab8 1px solid; Z-INDEX: 100000; LEFT: 0px; MARGIN: 0px; BORDER-LEFT: #4a9ab8 1px solid; WIDTH: 25em; BORDER-BOTTOM: #4a9ab8 1px solid; BACKGROUND-COLOR: #a0dae2
}
.Menu UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.Menu UL.Main {
MARGIN: 0.25em; WIDTH: 15em; BACKGROUND-COLOR: #ffffff
}
.Menu UL.Main A {
PADDING-RIGHT: 0.25em; DISPLAY: block; PADDING-LEFT: 0.25em; PADDING-BOTTOM: 0.25em; COLOR: #444444; PADDING-TOP: 0.25em
}
.Menu IMG {
PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.25em; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; PADDING-TOP: 0px
}
#header .Menu A.nonIcon SPAN {
PADDING-LEFT: 16px; MARGIN-LEFT: 0.78em
}
.Menu .Main A:hover {
BACKGROUND-COLOR: #a0dae2; TEXT-DECORATION: none
}
.Menu UL.Main LI.sep {
BORDER-TOP: #e9eaf1 1px solid; FONT-SIZE: 0px; MARGIN: 0px 8px; LINE-HEIGHT: 0; HEIGHT: 0px
}
.Menu UL.Main LI.sel {
BACKGROUND-COLOR: #cde7f5
}
.Menu UL.Tools {
MARGIN-BOTTOM: 0.5em; MARGIN-LEFT: 16.25em; WIDTH: 10em; BOTTOM: 0px; POSITION: absolute
}
.Menu UL.Tools A {
DISPLAY: inline; COLOR: #455c62; WHITE-SPACE: normal
}
.L_FloatLeft {
FLOAT: left
}
.L_FloatRight {
FLOAT: right
}
.L_TextAlignLeft {
TEXT-ALIGN: left
}
.L_TextAlignRight {
TEXT-ALIGN: right
}
.TextSizeXSmall {
FONT-SIZE: 92%
}
.TextSizeSmall {
FONT-SIZE: 92%
}
.TextSizeNormal {
FONT-SIZE: 100%
}
.TextSizeLarge {
FONT-SIZE: 108%
}
.TextSizeXLarge {
FONT-SIZE: 115%
}
.TextSizeXXLarge {
FONT-SIZE: 123%
}
.TextSizeXXXLarge {
FONT-SIZE: 138%
}
.LineHeightTight {
LINE-HEIGHT: 150%
}
.LineHeightStandard {
LINE-HEIGHT: 170%
}
.LineHeightLoose {
LINE-HEIGHT: 185%
}
.LineHeightXLoose {
LINE-HEIGHT: 190%
}
.TextBold {
FONT-WEIGHT: bold
}
.TextItalic {
FONT-STYLE: italic
}
.TextNormal {
FONT-WEIGHT: normal; TEXT-TRANSFORM: none; FONT-STYLE: normal; WHITE-SPACE: normal; LETTER-SPACING: normal
}
.TextHighlight {
FONT-WEIGHT: bold; COLOR: #376873
}
.TextAdLabel {
FONT-SIZE: 92%; TEXT-TRANSFORM: uppercase; COLOR: #4a9ab8
}
.TextDefinition {
BACKGROUND: url(hig/img/definitionUnderline.gif) repeat-x 50% bottom
}
.AppLink:visited {
}
.Live_Controls_Button {
BORDER-RIGHT: #00156e 1px solid; BORDER-TOP: #00156e 1px solid; BACKGROUND-IMAGE: url(controls/img/btn_rest_normal.gif); BORDER-LEFT: #00156e 1px solid; COLOR: #00156e; BORDER-BOTTOM: #00156e 1px solid; BACKGROUND-COLOR: #f1f1f1
}
.efpSc BUTTON.efpSb {
PADDING-BOTTOM: 0.25em; PADDING-TOP: 0.2em
}
.efpSc .q {
PADDING-RIGHT: 0.2em; PADDING-LEFT: 0.2em; PADDING-BOTTOM: 0.1em; WIDTH: 25em; PADDING-TOP: 0.2em
}
.efpSc .go {
HEIGHT: 1.6em
}
.TextItalic {
FONT-STYLE: normal
}
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -