📄 hig+spaces+controls.css
字号:
.cxp_ic_img_s .cxp_ic_greenframe {
LEFT: -137px; TOP: -132px
}
.cxp_ic_img_s .cxp_ic_blueframe {
LEFT: 0px; TOP: -182px
}
.cxp_ic_img_s .cxp_ic_tile_clip {
LEFT: 6px; WIDTH: 21px; TOP: 3px; HEIGHT: 21px
}
.cxp_ic_img_s .cxp_ic_tile {
WIDTH: 21px; HEIGHT: 21px
}
.cxp_ic_img_s .cxp_ic_highlight {
LEFT: -10px; WIDTH: 42px; TOP: -4px; HEIGHT: 34px
}
.cxp_ic_img_s .cxp_ic_chevron {
LEFT: 3px; WIDTH: 6px; TOP: 15px; HEIGHT: 3px
}
.cxp_ic_img_s .cxp_ic_chevron IMG {
LEFT: -45px; TOP: -194px
}
.cxp_ic_img_s .cxp_ic_menu_btm {
TOP: 32px
}
.cxp_ic_img_s .cxp_ic_menu_top {
BOTTOM: 35px
}
.cxp_ic_img_s .cxp_ic_menu_left {
RIGHT: -1px
}
.cxp_ic_img_s .cxp_ic_menu_right {
LEFT: -10px
}
.cxp_ic_text_h_s {
PADDING-TOP: 4px
}
.cxp_ic_text_v_s {
WIDTH: 120px
}
.cxp_ic_h_xl {
WIDTH: 131px; HEIGHT: 127px
}
.cxp_ic_v_xl_t {
WIDTH: 160px
}
.cxp_ic_h_xl_t {
WIDTH: 320px
}
.cxp_ic_img_xl {
WIDTH: 131px; HEIGHT: 127px
}
.cxp_ic_img_xl .cxp_ic_frame_clip {
WIDTH: 131px; HEIGHT: 127px
}
.cxp_ic_img_xl .cxp_ic_orangeframe {
LEFT: 0px; TOP: 0px
}
.cxp_ic_img_xl .cxp_ic_redframe {
LEFT: 0px; TOP: -127px
}
.cxp_ic_img_xl .cxp_ic_greenframe {
LEFT: -131px; TOP: 0px
}
.cxp_ic_img_xl .cxp_ic_blueframe {
LEFT: -131px; TOP: -127px
}
.cxp_ic_img_xl .cxp_ic_tile_clip {
LEFT: 18px; WIDTH: 96px; TOP: 12px; HEIGHT: 96px
}
.cxp_ic_img_xl .cxp_ic_tile {
WIDTH: 96px; HEIGHT: 96px
}
.cxp_ic_img_xl .cxp_ic_highlight {
LEFT: -12px; WIDTH: 142px; TOP: -5px; HEIGHT: 128px
}
.cxp_ic_img_xl .cxp_ic_chevron {
LEFT: 6px; WIDTH: 6px; TOP: 65px; HEIGHT: 3px
}
.cxp_ic_img_xl .cxp_ic_chevron IMG {
LEFT: 0px; TOP: -254px
}
.cxp_ic_img_xl .cxp_ic_menu_btm {
TOP: 125px
}
.cxp_ic_img_xl .cxp_ic_menu_top {
BOTTOM: 132px
}
.cxp_ic_img_xl .cxp_ic_menu_left {
RIGHT: -1px
}
.cxp_ic_img_xl .cxp_ic_menu_right {
LEFT: -12px
}
.cxp_ic_text_h_xl {
PADDING-TOP: 32px
}
.cxp_ic_text_v_xl {
WIDTH: 160px
}
.cxp_ic_i .cxp_ic_orangeframe {
BACKGROUND-POSITION: 12px 0px
}
.cxp_ic_i .cxp_ic_redframe {
BACKGROUND-POSITION: 36px 0px
}
.cxp_ic_i .cxp_ic_greenframe {
BACKGROUND-POSITION: 24px 0px
}
.cxp_ic_i .cxp_ic_blueframe {
BACKGROUND-POSITION: 0px 0px
}
.cxp_ic_i .cxp_ic_frame_clip {
BACKGROUND-IMAGE: url(/$live.controls.images/ic/chip.png); OVERFLOW: auto; WIDTH: 12px; POSITION: static; HEIGHT: 10px
}
.cxp_ic_i .cxp_ic_frame_clip IMG {
POSITION: static
}
.IE_M6 .cxp_ic_i .cxp_ic_frame_clip {
BACKGROUND-IMAGE: url(/$live.controls.images/ic/chip8.png)
}
A.cxp_ic_name {
COLOR: #404040; TEXT-DECORATION: none
}
A.cxp_ic_name:visited {
COLOR: #404040; TEXT-DECORATION: none
}
A.cxp_ic_name:hover {
TEXT-DECORATION: underline
}
.cxp_ic_name_l {
FONT-SIZE: 108%
}
.cxp_ic_name_xl {
FONT-SIZE: 115%
}
.cxp_ic_psm {
COLOR: #6e6e6e
}
.cxp_ic_pr_t {
WHITE-SPACE: nowrap
}
.cxp_ic_menu {
Z-INDEX: 200; WIDTH: 178px; POSITION: absolute
}
.cxp_ic_menu .c_m {
DISPLAY: block; POSITION: relative; HEIGHT: 1%; min-width: 160px
}
.cxp_ic_menu .c_m LI A {
WIDTH: 160px; WHITE-SPACE: normal
}
.cxp_ic_menu .c_m .c_ms {
MARGIN-TOP: -1px; FONT-SIZE: 1px; LINE-HEIGHT: 1px; HEIGHT: 1px
}
.cxp_ic_menu_separator {
FONT-SIZE: 1px; LINE-HEIGHT: 1px
}
.cxp_ic_menu_shadow {
Z-INDEX: 180; FILTER: alpha(opacity = 25); LEFT: 5px; POSITION: absolute; TOP: 7px; BACKGROUND-COLOR: rgb(0,0,0); opacity: 0.25; ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"
}
DIV.UI_Dialog_BG {
Z-INDEX: 3000000; FILTER: alpha(opacity=50); LEFT: 0px; TOP: 0px; BACKGROUND-COLOR: #fff; opacity: 0.5
}
DIV.UI_Dialog_ZoomTest {
LEFT: 100px; VISIBILITY: hidden; POSITION: absolute
}
DIV.UI_Dialog_Shadow {
Z-INDEX: 3000001
}
DIV.UI_Popover {
BORDER-RIGHT: #e9eaf1 1px solid; BORDER-TOP: #e9eaf1 1px solid; Z-INDEX: 3000002; BORDER-LEFT: #e9eaf1 1px solid; BORDER-BOTTOM: #e9eaf1 1px solid; WHITE-SPACE: normal; BACKGROUND-COLOR: #ffffff
}
DIV.UI_Popover DIV.Body {
CLEAR: both; PADDING-RIGHT: 16px; PADDING-LEFT: 16px; PADDING-BOTTOM: 16px; OVERFLOW: hidden; PADDING-TOP: 12px; TEXT-ALIGN: left; WORD-WRAP: break-word; align-vertical: top
}
DIV.UI_Popover DIV.Body SELECT {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DIV.UI_Popover DIV.Header {
PADDING-RIGHT: 16px; PADDING-LEFT: 16px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; PADDING-TOP: 15px; TEXT-ALIGN: left; WORD-WRAP: break-word
}
DIV.UI_Popover DIV.Footer {
PADDING-RIGHT: 16px; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; OVERFLOW: hidden; PADDING-TOP: 0px; TEXT-ALIGN: left; WORD-WRAP: break-word
}
DIV.UI_Popover DIV.Footer BUTTON {
MARGIN-RIGHT: 2px
}
DIV.UI_Popover DIV.Header H3 {
MARGIN: 0px; LINE-HEIGHT: normal
}
SPAN.UI_Popover_Outer {
DISPLAY: block; FLOAT: left; WIDTH: 0px; HEIGHT: 0px
}
DIV.UI_Popover DIV.LargeText {
FONT-SIZE: 108%; COLOR: #404040
}
DIV.UI_Popover DIV.SecondaryTextColor {
COLOR: #6e6e6e
}
DIV.UI_NotificationBar {
CLEAR: both; VERTICAL-ALIGN: baseline; OVERFLOW: hidden; ZOOM: 1; TEXT-ALIGN: left; WORD-WRAP: break-word
}
.ErrorBorder {
BORDER-RIGHT: #e9eaf1 1px solid; BORDER-TOP: #e9eaf1 1px solid; BORDER-LEFT: #e9eaf1 1px solid; BORDER-BOTTOM: #e9eaf1 1px solid
}
.ErrorLayout {
BORDER-RIGHT: #e9eaf1 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #e9eaf1 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: #e9eaf1 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #e9eaf1 1px solid
}
.ErrorHigh {
BORDER-RIGHT: #e9eaf1 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #e9eaf1 1px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; BORDER-LEFT: #e9eaf1 1px solid; COLOR: #444444; PADDING-TOP: 6px; BORDER-BOTTOM: #e9eaf1 1px solid; BACKGROUND-COLOR: #ffaeb9
}
.ErrorMed {
BORDER-RIGHT: #e9eaf1 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #e9eaf1 1px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; BORDER-LEFT: #e9eaf1 1px solid; COLOR: #444444; PADDING-TOP: 6px; BORDER-BOTTOM: #e9eaf1 1px solid; BACKGROUND-COLOR: #ffffae
}
.ErrorLow {
BORDER-RIGHT: #e9eaf1 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #e9eaf1 1px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; BORDER-LEFT: #e9eaf1 1px solid; COLOR: #444444; PADDING-TOP: 6px; BORDER-BOTTOM: #e9eaf1 1px solid; BACKGROUND-COLOR: #f1f7f7
}
.ErrorHigh A {
COLOR: #0066a7
}
.ErrorMed A {
COLOR: #0066a7
}
.ErrorLow A {
COLOR: #0066a7
}
.ErrorHigh A:visited {
COLOR: #6e4987
}
.ErrorMed A:visited {
COLOR: #6e4987
}
.ErrorLow A:visited {
COLOR: #6e4987
}
#frex_mutual {
PADDING-BOTTOM: 4px
}
.frex_part {
WIDTH: 100%
}
.frex_hdr {
WIDTH: 100%
}
.frex_title {
FLOAT: left
}
.frex_title A {
COLOR: #7d7d7d; WHITE-SPACE: nowrap
}
.frex_title A:visited {
COLOR: #7d7d7d; WHITE-SPACE: nowrap
}
.frex_title A SPAN {
COLOR: #6e6e6e
}
.frex_viewall {
FLOAT: right; PADDING-TOP: 0.1em
}
.frex_part_bdy {
CLEAR: both; PADDING-TOP: 12px
}
.frex_part_bdy_tbl {
WIDTH: 100%; BORDER-COLLAPSE: collapse
}
.frex_part_bdy_tbl {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.frex_part_bdy_tbl TD {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.frex_part_bdy_tbl TR {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.frex_friend {
PADDING-RIGHT: 8px; FLOAT: left; PADDING-BOTTOM: 8px
}
.frex_friend_end {
PADDING-RIGHT: 0px
}
.frex_friend .cxp_ic {
WIDTH: 68px
}
.frex_friend .cxp_ic_text_v_m {
WIDTH: 68px
}
.frex_friend .cxp_ic_text_v_m {
OVERFLOW: hidden; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; WORD-WRAP: normal
}
.NoWrap {
WHITE-SPACE: nowrap
}
.AlignTop {
VERTICAL-ALIGN: top
}
.ControlProgressBar {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; WIDTH: 420px; PADDING-TOP: 1px
}
.ControlProgressBar DIV {
FILTER: alpha(opacity=100, finishopacity=50, style=1, starty=75, finishy=25, startx=0, finishx=0)
}
.PadLeft5 {
PADDING-LEFT: 5px
}
.PadLeft10 {
PADDING-LEFT: 10px
}
.PadLeft12 {
PADDING-LEFT: 12px
}
.PadLeft20 {
PADDING-LEFT: 20px
}
.PadLeft50 {
PADDING-LEFT: 50px
}
.PadLeft150 {
PADDING-LEFT: 150px
}
.PadLeft190 {
PADDING-LEFT: 190px
}
.PadTop4 {
PADDING-TOP: 4px
}
.PadTop6 {
PADDING-TOP: 6px
}
.PadTop14 {
PADDING-TOP: 14px
}
.PadBottom25 {
PADDING-BOTTOM: 25px
}
.frex_title {
COLOR: #404040
}
H1 {
COLOR: #404040
}
H2 {
COLOR: #404040
}
H3 {
COLOR: #404040
}
H4 {
COLOR: #404040
}
H5 {
COLOR: #404040
}
H6 {
COLOR: #404040
}
.PrimaryTextColor {
COLOR: #404040
}
A.PrimaryTextColor:visited {
COLOR: #404040
}
.SecondaryTextColor {
COLOR: #6e6e6e
}
A.SecondaryTextColor:visited {
COLOR: #6e6e6e
}
.SecondaryTextBorder {
BORDER-RIGHT: #6e6e6e 1px solid; BORDER-TOP: #6e6e6e 1px solid; BORDER-LEFT: #6e6e6e 1px solid; BORDER-BOTTOM: #6e6e6e 1px solid
}
.DisabledTextColor {
COLOR: #c7c7c7
}
A.DisabledTextColor:visited {
COLOR: #c7c7c7
}
.SourceTextColor {
COLOR: #1aab1f
}
A.SourceTextColor:visited {
COLOR: #1aab1f
}
.InlineError {
COLOR: #ee2037
}
A.InlineError:visited {
COLOR: #ee2037
}
.PageBGColor {
BACKGROUND-COLOR: #ffffff
}
.ContainerBorderLeft {
BORDER-LEFT: #e9eaf1 1px solid
}
.ContainerBorderRight {
BORDER-RIGHT: #e9eaf1 1px solid
}
.ContainerBorderTop {
BORDER-TOP: #e9eaf1 1px solid
}
.ContainerBorderBottom {
BORDER-BOTTOM: #e9eaf1 1px solid
}
.ContainerBGColor {
BACKGROUND-COLOR: #ffffff
}
.ContainerBGColor2 {
BACKGROUND-COLOR: #f5fafc
}
.ContainerHeaderBGColor {
BACKGROUND-COLOR: #ffffff
}
.ContainerHeaderTextColor {
COLOR: #7d7d7d
}
A.ContainerHeaderTextColor:visited {
COLOR: #7d7d7d
}
.ContainerHeaderLinkColor {
COLOR: #0066a7
}
A.ContainerHeaderLinkColor:visited {
COLOR: #0066a7
}
.HeaderBGColor {
BACKGROUND-COLOR: #0066a7
}
.FooterTextColor {
COLOR: #444444
}
A.FooterTextColor:visited {
COLOR: #444444
}
.ToolbarBGColor {
BACKGROUND-COLOR: #ffffff
}
A:visited {
COLOR: #0066a7
}
.ContainerNoPadding {
BORDER-RIGHT: #e9eaf1 1px solid; BORDER-TOP: #e9eaf1 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #e9eaf1 1px solid; BORDER-BOTTOM: #e9eaf1 1px solid; BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #ffffff
}
.ContainerLeftNav {
BORDER-RIGHT: #e9eaf1 1px solid; BORDER-TOP: #e9eaf1 1px solid; BACKGROUND-IMAGE: url(img/ContainerBGImage2.png); BORDER-LEFT: #e9eaf1 1px solid; BORDER-BOTTOM: #e9eaf1 1px solid; BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #f5fafc
}
.ContainerMovable {
BORDER-RIGHT: #e9eaf1 1px solid; BORDER-TOP: #e9eaf1 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #e9eaf1 1px solid; BORDER-BOTTOM: #e9eaf1 1px solid; BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #ffffff
}
.ContainerFullView {
BORDER-RIGHT: #e9eaf1 1px solid; BORDER-TOP: #e9eaf1 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #e9eaf1 1px solid; BORDER-BOTTOM: #e9eaf1 1px solid; BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #ffffff
}
.Container {
BORDER-RIGHT: #e9eaf1 1px solid; BORDER-TOP: #e9eaf1 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #e9eaf1 1px solid; BORDER-BOTTOM: #e9eaf1 1px solid; BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #ffffff
}
.ContainerHeader {
FONT-WEIGHT: bold; FONT-SIZE: 108%
}
.ContainerLeftNav .ContainerHeader {
BACKGROUND-IMAGE: none; BACKGROUND-COLOR: transparent
}
.ContainerFullView .ContainerHeader {
BACKGROUND-IMAGE: none; BACKGROUND-COLOR: transparent
}
.ContainerHeader A:hover {
COLOR: #0066a7
}
#AdContainer {
BACKGROUND-COLOR: #0066a7
}
.LeftNav .List .On {
PADDING-RIGHT: 8px; PADDING-LEFT: 16px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; BACKGROUND-COLOR: #acdef9
}
.LeftNav .List {
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; LIST-STYLE-TYPE: none; HEIGHT: 1px; BORDER-BOTTOM-STYLE: none
}
.LeftNav .List LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.LeftNav .List LI A {
PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 16px; PADDING-BOTTOM: 10px; COLOR: #404040; PADDING-TOP: 10px; TEXT-DECORATION: none
}
.LeftNav .List LI A.disabledLink {
COLOR: #c7c7c7; BACKGROUND-COLOR: transparent
}
.LeftNav .List LI A.disabledLink:hover {
COLOR: #c7c7c7; BACKGROUND-COLOR: transparent
}
UNKNOWN {
WIDTH: auto
}
.LeftNav .List LI A:visited {
COLOR: #404040
}
.LeftNav .List LI A:hover {
COLOR: #404040; BACKGROUND-COLOR: #d6effc; TEXT-DECORATION: none
}
.ErrorBorder {
BORDER-RIGHT: #e9eaf1 1px solid; BORDER-TOP: #e9eaf1 1px solid; BORDER-LEFT: #e9eaf1 1px solid; BORDER-BOTTOM: #e9eaf1 1px solid
}
.ErrorLayout {
BORDER-RIGHT: #e9eaf1 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #e9eaf1 1px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; BORDER-LEFT: #e9eaf1 1px solid; PADDING-TOP: 6px; BORDER-BOTTOM: #e9eaf1 1px solid
}
.ErrorHigh {
BORDER-RIGHT: #e9eaf1 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #e9eaf1 1px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; BORDER-LEFT: #e9eaf1 1px solid; COLOR: #444444; PADDING-TOP: 6px; BORDER-BOTTOM: #e9eaf1 1px solid; BACKGROUND-COLOR: #ffaeb9
}
.ErrorMed {
BORDER-RIGHT: #e9eaf1 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #e9eaf1 1px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; BORDER-LEFT: #e9eaf1 1px solid; COLOR: #444444; PADDING-TOP: 6px; BORDER-BOTTOM: #e9eaf1 1px solid; BACKGROUND-COLOR: #ffffae
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -