337 lines
6.7 KiB
CSS
337 lines
6.7 KiB
CSS
|
|
||
|
|
.mblColorBlue {
|
||
|
|
background-image: url(compat/ui-widget-bg.png);
|
||
|
|
}
|
||
|
|
.mblColorDefault {
|
||
|
|
background-image: url(compat/ui-widget-bg.png);
|
||
|
|
}
|
||
|
|
.mblHeading {
|
||
|
|
background-image: url(compat/heading-bg.png);
|
||
|
|
}
|
||
|
|
.mblHeadingSpanTitle {
|
||
|
|
white-space: normal;
|
||
|
|
}
|
||
|
|
.mblArrowButtonHead {
|
||
|
|
background-image: url(compat/ui-widget-bg.png);
|
||
|
|
-moz-transform-origin: left top;
|
||
|
|
-o-transform-origin: left top;
|
||
|
|
-ms-transform-origin: left top;
|
||
|
|
transform-origin: left top;
|
||
|
|
-moz-transform: scale(0.9, 0.99) rotate(45deg);
|
||
|
|
-o-transform: scale(0.9, 0.99) rotate(45deg);
|
||
|
|
-ms-transform: scale(0.9, 0.99) rotate(45deg);
|
||
|
|
transform: scale(0.9, 0.99) rotate(45deg);
|
||
|
|
left: 1px\9;
|
||
|
|
_left: 9px;
|
||
|
|
height: 32px\9;
|
||
|
|
border-width: 0\9;
|
||
|
|
background-image: url(compat/arrow-button-head.png)\9;
|
||
|
|
}
|
||
|
|
.mblArrowButtonHead:not(:target) {
|
||
|
|
background-image: url(compat/ui-widget-bg.png)\9;
|
||
|
|
left: 17px\9;
|
||
|
|
height: 21px\9;
|
||
|
|
border-width: 1px\9;
|
||
|
|
}
|
||
|
|
.mblArrowButtonBody {
|
||
|
|
-moz-border-radius-topright: 2px;
|
||
|
|
-moz-border-radius-bottomright: 2px;
|
||
|
|
-o-border-top-right-radius: 2px;
|
||
|
|
-o-border-bottom-right-radius: 2px;
|
||
|
|
-ms-border-top-right-radius: 2px;
|
||
|
|
-ms-border-bottom-right-radius: 2px;
|
||
|
|
border-top-right-radius: 2px;
|
||
|
|
border-bottom-right-radius: 2px;
|
||
|
|
background-image: url(compat/ui-widget-bg.png);
|
||
|
|
}
|
||
|
|
*html .mblArrowButtonBody {
|
||
|
|
padding: 0px 10px 0px 3px;
|
||
|
|
top: 0px;
|
||
|
|
left: 17px;
|
||
|
|
}
|
||
|
|
.mblRoundRect {
|
||
|
|
-moz-border-radius: 5px;
|
||
|
|
-o-border-radius: 5px;
|
||
|
|
-ms-border-radius: 5px;
|
||
|
|
border-radius: 5px;
|
||
|
|
}
|
||
|
|
.mblRoundCorner {
|
||
|
|
background-color: white;
|
||
|
|
height: 1px;
|
||
|
|
font-size: 1px;
|
||
|
|
overflow: hidden;
|
||
|
|
border-style: solid;
|
||
|
|
border-color: #ADAAAD;
|
||
|
|
border-width: 0px 1px;
|
||
|
|
}
|
||
|
|
.mblRoundRectContainer {
|
||
|
|
margin: 0px;
|
||
|
|
padding: 0px;
|
||
|
|
background-color: white;
|
||
|
|
border-style: solid;
|
||
|
|
border-color: #ADAAAD;
|
||
|
|
border-width: 0px 1px;
|
||
|
|
}
|
||
|
|
.mblRoundRect .mblRoundRectContainer {
|
||
|
|
padding: 3px 8px;
|
||
|
|
}
|
||
|
|
.mblRoundCorner0T {
|
||
|
|
height: 0px;
|
||
|
|
}
|
||
|
|
.mblRoundCorner1T {
|
||
|
|
background-color: #ADAAAD;
|
||
|
|
margin: 0px 5px;
|
||
|
|
}
|
||
|
|
.mblRoundCorner2T {
|
||
|
|
margin: 0px 2px;
|
||
|
|
border-width: 0px 3px;
|
||
|
|
}
|
||
|
|
.mblRoundCorner3T {
|
||
|
|
margin: 0px 1px;
|
||
|
|
border-width: 0px 2px;
|
||
|
|
}
|
||
|
|
.mblRoundCorner4T {
|
||
|
|
margin: 0px 1px;
|
||
|
|
}
|
||
|
|
.mblRoundCorner5T {
|
||
|
|
margin: 0px 1px;
|
||
|
|
}
|
||
|
|
.mblRoundCorner0B {
|
||
|
|
height: 0px;
|
||
|
|
}
|
||
|
|
.mblRoundCorner1B {
|
||
|
|
margin: 0px 1px;
|
||
|
|
}
|
||
|
|
.mblRoundCorner2B {
|
||
|
|
margin: 0px 1px;
|
||
|
|
}
|
||
|
|
.mblRoundCorner3B {
|
||
|
|
margin: 0px 1px;
|
||
|
|
border-width: 0px 2px;
|
||
|
|
}
|
||
|
|
.mblRoundCorner4B {
|
||
|
|
margin: 0px 2px;
|
||
|
|
border-width: 0px 3px;
|
||
|
|
}
|
||
|
|
.mblRoundCorner5B {
|
||
|
|
background-color: #ADAAAD;
|
||
|
|
margin: 0px 5px;
|
||
|
|
}
|
||
|
|
.mblRoundRectList {
|
||
|
|
-moz-border-radius: 5px;
|
||
|
|
-o-border-radius: 5px;
|
||
|
|
-ms-border-radius: 5px;
|
||
|
|
border-radius: 5px;
|
||
|
|
}
|
||
|
|
.mblRoundRectList .mblListItem:first-child {
|
||
|
|
-moz-border-radius-topleft: 5px;
|
||
|
|
-moz-border-radius-topright: 5px;
|
||
|
|
-o-border-top-left-radius: 5px;
|
||
|
|
-o-border-top-right-radius: 5px;
|
||
|
|
-ms-border-top-left-radius: 5px;
|
||
|
|
-ms-border-top-right-radius: 5px;
|
||
|
|
border-top-left-radius: 5px;
|
||
|
|
border-top-right-radius: 5px;
|
||
|
|
}
|
||
|
|
.mblRoundRectList .mblListItem:last-child {
|
||
|
|
-moz-border-radius-bottomleft: 5px;
|
||
|
|
-moz-border-radius-bottomright: 5px;
|
||
|
|
-o-border-bottom-left-radius: 5px;
|
||
|
|
-o-border-bottom-right-radius: 5px;
|
||
|
|
-ms-border-bottom-left-radius: 5px;
|
||
|
|
-ms-border-bottom-right-radius: 5px;
|
||
|
|
border-bottom-left-radius: 5px;
|
||
|
|
border-bottom-right-radius: 5px;
|
||
|
|
}
|
||
|
|
.mblRoundCorner {
|
||
|
|
background-color: white;
|
||
|
|
height: 1px;
|
||
|
|
font-size: 1px;
|
||
|
|
overflow: hidden;
|
||
|
|
border-style: solid;
|
||
|
|
border-color: #ADAAAD;
|
||
|
|
border-width: 0px 1px;
|
||
|
|
}
|
||
|
|
.mblRoundRectContainer {
|
||
|
|
margin: 0px;
|
||
|
|
padding: 0px;
|
||
|
|
background-color: white;
|
||
|
|
border-style: solid;
|
||
|
|
border-color: #ADAAAD;
|
||
|
|
border-width: 0px 1px;
|
||
|
|
}
|
||
|
|
.mblRoundRect .mblRoundRectContainer {
|
||
|
|
padding: 3px 8px;
|
||
|
|
}
|
||
|
|
.mblRoundCorner0T {
|
||
|
|
height: 0px;
|
||
|
|
}
|
||
|
|
.mblRoundCorner1T {
|
||
|
|
background-color: #ADAAAD;
|
||
|
|
margin: 0px 5px;
|
||
|
|
}
|
||
|
|
.mblRoundCorner2T {
|
||
|
|
margin: 0px 2px;
|
||
|
|
border-width: 0px 3px;
|
||
|
|
}
|
||
|
|
.mblRoundCorner3T {
|
||
|
|
margin: 0px 1px;
|
||
|
|
border-width: 0px 2px;
|
||
|
|
}
|
||
|
|
.mblRoundCorner4T {
|
||
|
|
margin: 0px 1px;
|
||
|
|
}
|
||
|
|
.mblRoundCorner5T {
|
||
|
|
margin: 0px 1px;
|
||
|
|
}
|
||
|
|
.mblRoundCorner0B {
|
||
|
|
height: 0px;
|
||
|
|
}
|
||
|
|
.mblRoundCorner1B {
|
||
|
|
margin: 0px 1px;
|
||
|
|
}
|
||
|
|
.mblRoundCorner2B {
|
||
|
|
margin: 0px 1px;
|
||
|
|
}
|
||
|
|
.mblRoundCorner3B {
|
||
|
|
margin: 0px 1px;
|
||
|
|
border-width: 0px 2px;
|
||
|
|
}
|
||
|
|
.mblRoundCorner4B {
|
||
|
|
margin: 0px 2px;
|
||
|
|
border-width: 0px 3px;
|
||
|
|
}
|
||
|
|
.mblRoundCorner5B {
|
||
|
|
background-color: #ADAAAD;
|
||
|
|
margin: 0px 5px;
|
||
|
|
}
|
||
|
|
.mblEdgeToEdgeCategory {
|
||
|
|
background-image: url(compat/heading-bg.png);
|
||
|
|
}
|
||
|
|
.mblDomButtonGrayArrow, .mblDomButtonArrow {
|
||
|
|
background-image: url(../common/domButtons/compat/mblDomButtonGrayArrow.png);
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
}
|
||
|
|
.mblDomButtonGrayArrow div, .mblDomButtonArrow div {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.mblDomButtonDarkBlueCheck, .mblDomButtonCheck {
|
||
|
|
background-image: url(../common/domButtons/compat/mblDomButtonDarkBlueCheck.png);
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
}
|
||
|
|
.mblDomButtonDarkBlueCheck div, .mblDomButtonCheck div {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
*html li.mblListItem.mblVariableHeight {
|
||
|
|
height: 0;
|
||
|
|
}
|
||
|
|
.mblItemSelected {
|
||
|
|
background-image: url(compat/ui-widget-bg.png);
|
||
|
|
}
|
||
|
|
*html .mblListItemTextBox {
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
*html li.mblListItem.mblVariableHeight .mblListItemTextBox {
|
||
|
|
height: auto;
|
||
|
|
}
|
||
|
|
.mblSwitchBg {
|
||
|
|
-moz-border-radius: 2px;
|
||
|
|
-o-border-radius: 2px;
|
||
|
|
-ms-border-radius: 2px;
|
||
|
|
border-radius: 2px;
|
||
|
|
-moz-box-sizing: border-box;
|
||
|
|
-o-box-sizing: border-box;
|
||
|
|
-ms-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.mblSwitchBgLeft {
|
||
|
|
background-image: url(compat/ui-widget-bg.png);
|
||
|
|
}
|
||
|
|
.mblSwitchBgRight {
|
||
|
|
background-image: url(compat/ui-widget-bg.png);
|
||
|
|
}
|
||
|
|
.mblSwitchKnob {
|
||
|
|
background-image: url(compat/ui-widget-bg.png);
|
||
|
|
-moz-border-radius: 2px;
|
||
|
|
-o-border-radius: 2px;
|
||
|
|
-ms-border-radius: 2px;
|
||
|
|
border-radius: 2px;
|
||
|
|
-moz-box-sizing: border-box;
|
||
|
|
-o-box-sizing: border-box;
|
||
|
|
-ms-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.mblSwRoundShape1 .mblSwitchBg,
|
||
|
|
.mblSwRoundShape2 .mblSwitchBg {
|
||
|
|
-moz-border-radius: 14px;
|
||
|
|
-o-border-radius: 14px;
|
||
|
|
-ms-border-radius: 14px;
|
||
|
|
border-radius: 14px;
|
||
|
|
}
|
||
|
|
.mblSwRoundShape1 .mblSwitchKnob,
|
||
|
|
.mblSwRoundShape2 .mblSwitchKnob {
|
||
|
|
-moz-border-radius: 13px;
|
||
|
|
-o-border-radius: 13px;
|
||
|
|
-ms-border-radius: 13px;
|
||
|
|
border-radius: 13px;
|
||
|
|
}
|
||
|
|
.mblSwArcShape1 .mblSwitchBg,
|
||
|
|
.mblSwArcShape2 .mblSwitchBg {
|
||
|
|
-moz-border-radius: 6px/14px;
|
||
|
|
-o-border-radius: 6px/14px;
|
||
|
|
-ms-border-radius: 6px/14px;
|
||
|
|
border-radius: 6px/14px;
|
||
|
|
}
|
||
|
|
.mblSwArcShape1 .mblSwitchKnob,
|
||
|
|
.mblSwArcShape2 .mblSwitchKnob {
|
||
|
|
-moz-border-radius: 5px/13px;
|
||
|
|
-o-border-radius: 5px/13px;
|
||
|
|
-ms-border-radius: 5px/13px;
|
||
|
|
border-radius: 5px/13px;
|
||
|
|
}
|
||
|
|
.mblProg {
|
||
|
|
position: absolute;
|
||
|
|
top: 0px;
|
||
|
|
width: 4px;
|
||
|
|
font-size: 1px;
|
||
|
|
height: 36px;
|
||
|
|
overflow: hidden;
|
||
|
|
background-color: #C0C0C0;
|
||
|
|
}
|
||
|
|
.mblProg0 {
|
||
|
|
left: 0px;
|
||
|
|
}
|
||
|
|
.mblProg1 {
|
||
|
|
left: 8px;
|
||
|
|
}
|
||
|
|
.mblProg2 {
|
||
|
|
left: 16px;
|
||
|
|
}
|
||
|
|
.mblProg3 {
|
||
|
|
left: 24px;
|
||
|
|
}
|
||
|
|
.mblProg4 {
|
||
|
|
left: 32px;
|
||
|
|
}
|
||
|
|
.mblProg5 {
|
||
|
|
left: 40px;
|
||
|
|
}
|
||
|
|
.mblProg6 {
|
||
|
|
left: 48px;
|
||
|
|
}
|
||
|
|
.mblProg7 {
|
||
|
|
left: 56px;
|
||
|
|
}
|
||
|
|
.mblProg8 {
|
||
|
|
left: 64px;
|
||
|
|
}
|
||
|
|
.mblProg9 {
|
||
|
|
left: 72px;
|
||
|
|
}
|
||
|
|
.mblProg10 {
|
||
|
|
left: 80px;
|
||
|
|
}
|
||
|
|
.mblProg11 {
|
||
|
|
left: 80px;
|
||
|
|
}
|