1039 lines
23 KiB
CSS
1039 lines
23 KiB
CSS
|
|
.mblDomButtonWhitePlus {
|
|
position: relative;
|
|
width: 29px;
|
|
height: 29px;
|
|
}
|
|
.mblDomButtonWhitePlus > div {
|
|
position: absolute;
|
|
top: 11px;
|
|
left: 8px;
|
|
width: 13px;
|
|
height: 3px;
|
|
margin: 0px;
|
|
font-size: 1px;
|
|
background-color: white;
|
|
border-top: 1px solid #4A5A71;
|
|
}
|
|
.mblDomButtonWhitePlus > div > div {
|
|
position: absolute;
|
|
top: -6px;
|
|
left: 5px;
|
|
width: 3px;
|
|
height: 13px;
|
|
margin: 0px;
|
|
font-size: 1px;
|
|
background-color: white;
|
|
border-top: 1px solid #4A5A71;
|
|
}
|
|
.mblDomButtonWhiteUpArrow {
|
|
position: relative;
|
|
width: 29px;
|
|
height: 29px;
|
|
}
|
|
.mblDomButtonWhiteUpArrow div {
|
|
position: absolute;
|
|
left: 0px;
|
|
clip: rect(0px 30px 20px 0px);
|
|
}
|
|
.mblDomButtonWhiteUpArrow > div > div {
|
|
top: 9px;
|
|
left: 4px;
|
|
width: 20px;
|
|
height: 20px;
|
|
margin: 0px;
|
|
font-size: 1px;
|
|
background-color: white;
|
|
border-top: 1px solid #4A5A71;
|
|
-webkit-transform: scaleX(0.6) rotate(45deg);
|
|
}
|
|
.mblDomButtonWhiteDownArrow {
|
|
position: relative;
|
|
width: 29px;
|
|
height: 29px;
|
|
}
|
|
.mblDomButtonWhiteDownArrow div {
|
|
position: absolute;
|
|
left: 0px;
|
|
clip: rect(7px 50px 40px 0px);
|
|
}
|
|
.mblDomButtonWhiteDownArrow > div > div {
|
|
top: -10px;
|
|
left: 2px;
|
|
width: 25px;
|
|
height: 25px;
|
|
margin: 0px;
|
|
font-size: 1px;
|
|
background-color: white;
|
|
border-top: 1px solid #4A5A71;
|
|
-webkit-transform: scaleX(0.6) rotate(45deg);
|
|
}
|
|
.mblDomButtonWhiteSearch {
|
|
position: relative;
|
|
width: 29px;
|
|
height: 29px;
|
|
}
|
|
.mblDomButtonWhiteSearch > div {
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 6px;
|
|
width: 10px;
|
|
height: 10px;
|
|
margin: 0px;
|
|
font-size: 1px;
|
|
border: 2px solid white;
|
|
-webkit-border-radius: 6px;
|
|
}
|
|
.mblDomButtonWhiteSearch > div > div {
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 7px;
|
|
width: 8px;
|
|
height: 3px;
|
|
margin: 0px;
|
|
font-size: 1px;
|
|
background-color: white;
|
|
border: none;
|
|
-webkit-transform: rotate(45deg);
|
|
-webkit-border-radius: 0px;
|
|
}
|
|
.mblDomButtonBlueMinus, .mblDomButtonBluePlus, .mblDomButtonDarkBlueMinus, .mblDomButtonDarkBluePlus, .mblDomButtonRedMinus, .mblDomButtonRedPlus {
|
|
position: relative;
|
|
width: 29px;
|
|
height: 29px;
|
|
}
|
|
.mblDomButtonBlueMinus > div, .mblDomButtonBluePlus > div, .mblDomButtonDarkBlueMinus > div, .mblDomButtonDarkBluePlus > div, .mblDomButtonRedMinus > div, .mblDomButtonRedPlus > div {
|
|
position: relative;
|
|
top: 4px;
|
|
left: 3px;
|
|
width: 22px;
|
|
height: 18px;
|
|
border-width: 1px 1px 1px 0px;
|
|
border-style: outset;
|
|
color: white;
|
|
-webkit-border-radius: 3px;
|
|
}
|
|
.mblDomButtonBlueMinus > div, .mblDomButtonBluePlus > div {
|
|
border-color: #6D89C7;
|
|
background-color: #366EDF;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#7A9DE9), to(#2362DD), color-stop(0.5, #366EDF), color-stop(0.5, #215FDC));
|
|
}
|
|
.mblDomButtonDarkBlueMinus > div, .mblDomButtonDarkBluePlus > div {
|
|
border-color: #6D89C7;
|
|
background-color: #5877A2;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999));
|
|
}
|
|
.mblDomButtonRedMinus > div, .mblDomButtonRedPlus > div {
|
|
border-color: #cc1122;
|
|
background-color: #C9404B;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#D3656D), to(#BC1320), color-stop(0.5, #C9404B), color-stop(0.5, #BC1421));
|
|
}
|
|
.mblDomButtonBlueMinus > div > div, .mblDomButtonBluePlus > div > div, .mblDomButtonDarkBlueMinus > div > div, .mblDomButtonDarkBluePlus > div > div, .mblDomButtonRedMinus > div > div, .mblDomButtonRedPlus > div > div {
|
|
position: absolute;
|
|
top: 7px;
|
|
left: 7px;
|
|
width: 8px;
|
|
height: 2px;
|
|
margin: 0px;
|
|
font-size: 1px;
|
|
border-style: none;
|
|
background: white;
|
|
border-top: 1px solid #4A5A71;
|
|
}
|
|
.mblDomButtonBluePlus > div > div > div, .mblDomButtonDarkBluePlus > div > div > div, .mblDomButtonRedPlus > div > div > div {
|
|
position: absolute;
|
|
top: -3px;
|
|
left: 3px;
|
|
width: 2px;
|
|
height: 8px;
|
|
margin: 0px;
|
|
font-size: 1px;
|
|
background-color: white;
|
|
}
|
|
.mblDomButtonCheckboxOn {
|
|
position: relative;
|
|
width: 30px;
|
|
height: 30px;
|
|
border-width: 1px;
|
|
border-style: outset;
|
|
border-color: #A5A2A5;
|
|
color: white;
|
|
-webkit-border-radius: 3px;
|
|
background-color: #D6D3D6;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#EFF3EF), to(#BDBEBD));
|
|
}
|
|
.mblDomButtonCheckboxOn > div {
|
|
position: absolute;
|
|
top: 15px;
|
|
left: 3px;
|
|
width: 14px;
|
|
height: 4px;
|
|
margin: 0px;
|
|
font-size: 1px;
|
|
background-color: #00CF00;
|
|
border-top: 1px solid #4A5A71;
|
|
-webkit-border-radius: 2px;
|
|
-webkit-transform: rotate(50deg);
|
|
}
|
|
.mblDomButtonCheckboxOn > div > div {
|
|
position: absolute;
|
|
top: -10px;
|
|
left: 0px;
|
|
width: 20px;
|
|
height: 4px;
|
|
margin: 0px;
|
|
font-size: 1px;
|
|
background-color: #00CF00;
|
|
border-top: none;
|
|
border-bottom: 1px solid #4A5A71;
|
|
-webkit-border-radius: 2px;
|
|
-webkit-transform: rotate(-100deg);
|
|
}
|
|
.mblDomButtonCheckboxOff {
|
|
position: relative;
|
|
width: 30px;
|
|
height: 30px;
|
|
border-width: 1px;
|
|
border-style: outset;
|
|
border-color: #A5A2A5;
|
|
color: white;
|
|
-webkit-border-radius: 3px;
|
|
background-color: #D6D3D6;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#EFF3EF), to(#BDBEBD));
|
|
}
|
|
.mblDomButtonCheckboxOff > div {
|
|
position: absolute;
|
|
top: 15px;
|
|
left: 3px;
|
|
width: 14px;
|
|
height: 4px;
|
|
margin: 0px;
|
|
font-size: 1px;
|
|
background-color: #BDBABD;
|
|
border-bottom: 1px solid #8C8E8C;
|
|
-webkit-border-radius: 2px;
|
|
-webkit-transform: rotate(50deg);
|
|
}
|
|
.mblDomButtonCheckboxOff > div > div {
|
|
position: absolute;
|
|
top: -10px;
|
|
left: 0px;
|
|
width: 20px;
|
|
height: 4px;
|
|
margin: 0px;
|
|
font-size: 1px;
|
|
background-color: #BDBABD;
|
|
border-bottom: none;
|
|
border-top: 1px solid #8C8E8C;
|
|
-webkit-border-radius: 2px;
|
|
-webkit-transform: rotate(-100deg);
|
|
}
|
|
.mblDomButtonBlueCircleMinus {
|
|
position: relative;
|
|
width: 29px;
|
|
height: 29px;
|
|
}
|
|
.mblDomButtonBlueCircleMinus > div {
|
|
position: relative;
|
|
top: 2px;
|
|
left: 2px;
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 1px solid #B5B6B5;
|
|
-webkit-border-radius: 12px;
|
|
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
|
|
}
|
|
.mblDomButtonBlueCircleMinus > div > div {
|
|
position: relative;
|
|
top: 2px;
|
|
left: 2px;
|
|
width: 18px;
|
|
height: 18px;
|
|
-webkit-border-radius: 9px;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#6BA2E7), to(#216DD6), color-stop(0.5, #4282DE), color-stop(0.5, #216DD6));
|
|
}
|
|
.mblDomButtonBlueCircleMinus > div > div > div {
|
|
position: absolute;
|
|
top: 8px;
|
|
left: 3px;
|
|
width: 12px;
|
|
height: 3px;
|
|
margin: 0px;
|
|
font-size: 1px;
|
|
border-style: none;
|
|
background: white;
|
|
}
|
|
.mblDomButtonBlueCirclePlus {
|
|
position: relative;
|
|
width: 29px;
|
|
height: 29px;
|
|
}
|
|
.mblDomButtonBlueCirclePlus > div {
|
|
position: relative;
|
|
top: 2px;
|
|
left: 2px;
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 1px solid #B5B6B5;
|
|
-webkit-border-radius: 12px;
|
|
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
|
|
}
|
|
.mblDomButtonBlueCirclePlus > div > div {
|
|
position: relative;
|
|
top: 2px;
|
|
left: 2px;
|
|
width: 18px;
|
|
height: 18px;
|
|
-webkit-border-radius: 9px;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#6BA2E7), to(#216DD6), color-stop(0.5, #4282DE), color-stop(0.5, #216DD6));
|
|
}
|
|
.mblDomButtonBlueCirclePlus > div > div > div {
|
|
position: absolute;
|
|
top: 8px;
|
|
left: 3px;
|
|
width: 13px;
|
|
height: 3px;
|
|
margin: 0px;
|
|
font-size: 1px;
|
|
border-style: none;
|
|
background: white;
|
|
}
|
|
.mblDomButtonBlueCirclePlus > div > div > div > div {
|
|
position: absolute;
|
|
top: -5px;
|
|
left: 5px;
|
|
width: 3px;
|
|
height: 13px;
|
|
margin: 0px;
|
|
font-size: 1px;
|
|
background-color: white;
|
|
}
|
|
.mblDomButtonBlueCircleArrow {
|
|
position: relative;
|
|
width: 29px;
|
|
height: 29px;
|
|
}
|
|
.mblDomButtonBlueCircleArrow > div {
|
|
position: relative;
|
|
top: 2px;
|
|
left: 2px;
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 1px solid #B5B6B5;
|
|
-webkit-border-radius: 12px;
|
|
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
|
|
}
|
|
.mblDomButtonBlueCircleArrow > div > div {
|
|
position: relative;
|
|
top: 2px;
|
|
left: 2px;
|
|
width: 18px;
|
|
height: 18px;
|
|
-webkit-border-radius: 9px;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#6BA2E7), to(#216DD6), color-stop(0.5, #4282DE), color-stop(0.5, #216DD6));
|
|
}
|
|
.mblDomButtonBlueCircleArrow > div > div > div {
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 6px;
|
|
width: 8px;
|
|
height: 3px;
|
|
margin: 0px;
|
|
font-size: 1px;
|
|
border-style: none;
|
|
background: white;
|
|
-webkit-transform: rotate(45deg);
|
|
}
|
|
.mblDomButtonBlueCircleArrow > div > div > div > div {
|
|
position: absolute;
|
|
top: 1px;
|
|
left: 6px;
|
|
width: 3px;
|
|
height: 8px;
|
|
margin: 0px;
|
|
font-size: 1px;
|
|
background-color: white;
|
|
}
|
|
.mblDomButtonRedCircleMinus {
|
|
position: relative;
|
|
width: 29px;
|
|
height: 29px;
|
|
}
|
|
.mblDomButtonRedCircleMinus > div {
|
|
position: relative;
|
|
top: 2px;
|
|
left: 2px;
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 1px solid #B5B6B5;
|
|
-webkit-border-radius: 12px;
|
|
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
|
|
}
|
|
.mblDomButtonRedCircleMinus > div > div {
|
|
position: relative;
|
|
top: 2px;
|
|
left: 2px;
|
|
width: 18px;
|
|
height: 18px;
|
|
-webkit-border-radius: 9px;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#D3656D), to(#BC1320), color-stop(0.5, #C9404B), color-stop(0.5, #BC1421));
|
|
}
|
|
.mblDomButtonRedCircleMinus > div > div > div {
|
|
position: absolute;
|
|
top: 8px;
|
|
left: 3px;
|
|
width: 12px;
|
|
height: 3px;
|
|
margin: 0px;
|
|
font-size: 1px;
|
|
border-style: none;
|
|
background: white;
|
|
}
|
|
.mblDomButtonRedCirclePlus {
|
|
position: relative;
|
|
width: 29px;
|
|
height: 29px;
|
|
}
|
|
.mblDomButtonRedCirclePlus > div {
|
|
position: relative;
|
|
top: 2px;
|
|
left: 2px;
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 1px solid #B5B6B5;
|
|
-webkit-border-radius: 12px;
|
|
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
|
|
}
|
|
.mblDomButtonRedCirclePlus > div > div {
|
|
position: relative;
|
|
top: 2px;
|
|
left: 2px;
|
|
width: 18px;
|
|
height: 18px;
|
|
-webkit-border-radius: 9px;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#D3656D), to(#BC1320), color-stop(0.5, #C9404B), color-stop(0.5, #BC1421));
|
|
}
|
|
.mblDomButtonRedCirclePlus > div > div > div {
|
|
position: absolute;
|
|
top: 8px;
|
|
left: 3px;
|
|
width: 13px;
|
|
height: 3px;
|
|
margin: 0px;
|
|
font-size: 1px;
|
|
border-style: none;
|
|
background: white;
|
|
}
|
|
.mblDomButtonRedCirclePlus > div > div > div > div {
|
|
position: absolute;
|
|
top: -5px;
|
|
left: 5px;
|
|
width: 3px;
|
|
height: 13px;
|
|
margin: 0px;
|
|
font-size: 1px;
|
|
background-color: white;
|
|
}
|
|
.mblDomButtonRedCircleArrow {
|
|
position: relative;
|
|
width: 29px;
|
|
height: 29px;
|
|
}
|
|
.mblDomButtonRedCircleArrow > div {
|
|
position: relative;
|
|
top: 2px;
|
|
left: 2px;
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 1px solid #B5B6B5;
|
|
-webkit-border-radius: 12px;
|
|
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
|
|
}
|
|
.mblDomButtonRedCircleArrow > div > div {
|
|
position: relative;
|
|
top: 2px;
|
|
left: 2px;
|
|
width: 18px;
|
|
height: 18px;
|
|
-webkit-border-radius: 9px;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#D3656D), to(#BC1320), color-stop(0.5, #C9404B), color-stop(0.5, #BC1421));
|
|
}
|
|
.mblDomButtonRedCircleArrow > div > div > div {
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 6px;
|
|
width: 8px;
|
|
height: 3px;
|
|
margin: 0px;
|
|
font-size: 1px;
|
|
border-style: none;
|
|
background: white;
|
|
-webkit-transform: rotate(45deg);
|
|
}
|
|
.mblDomButtonRedCircleArrow > div > div > div > div {
|
|
position: absolute;
|
|
top: 1px;
|
|
left: 6px;
|
|
width: 3px;
|
|
height: 8px;
|
|
margin: 0px;
|
|
font-size: 1px;
|
|
background-color: white;
|
|
}
|
|
.mblDomButtonGreenCircleMinus {
|
|
position: relative;
|
|
width: 29px;
|
|
height: 29px;
|
|
}
|
|
.mblDomButtonGreenCircleMinus > div {
|
|
position: relative;
|
|
top: 2px;
|
|
left: 2px;
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 1px solid #B5B6B5;
|
|
-webkit-border-radius: 12px;
|
|
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
|
|
}
|
|
.mblDomButtonGreenCircleMinus > div > div {
|
|
position: relative;
|
|
top: 2px;
|
|
left: 2px;
|
|
width: 18px;
|
|
height: 18px;
|
|
-webkit-border-radius: 9px;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#7BE75A), to(#398C08), color-stop(0.5, #6BC642), color-stop(0.5, #4AAD21));
|
|
}
|
|
.mblDomButtonGreenCircleMinus > div > div > div {
|
|
position: absolute;
|
|
top: 8px;
|
|
left: 3px;
|
|
width: 12px;
|
|
height: 3px;
|
|
margin: 0px;
|
|
font-size: 1px;
|
|
border-style: none;
|
|
background: white;
|
|
}
|
|
.mblDomButtonGreenCirclePlus {
|
|
position: relative;
|
|
width: 29px;
|
|
height: 29px;
|
|
}
|
|
.mblDomButtonGreenCirclePlus > div {
|
|
position: relative;
|
|
top: 2px;
|
|
left: 2px;
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 1px solid #B5B6B5;
|
|
-webkit-border-radius: 12px;
|
|
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
|
|
}
|
|
.mblDomButtonGreenCirclePlus > div > div {
|
|
position: relative;
|
|
top: 2px;
|
|
left: 2px;
|
|
width: 18px;
|
|
height: 18px;
|
|
-webkit-border-radius: 9px;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#7BE75A), to(#398C08), color-stop(0.5, #6BC642), color-stop(0.5, #4AAD21));
|
|
}
|
|
.mblDomButtonGreenCirclePlus > div > div > div {
|
|
position: absolute;
|
|
top: 8px;
|
|
left: 3px;
|
|
width: 13px;
|
|
height: 3px;
|
|
margin: 0px;
|
|
font-size: 1px;
|
|
border-style: none;
|
|
background: white;
|
|
}
|
|
.mblDomButtonGreenCirclePlus > div > div > div > div {
|
|
position: absolute;
|
|
top: -5px;
|
|
left: 5px;
|
|
width: 3px;
|
|
height: 13px;
|
|
margin: 0px;
|
|
font-size: 1px;
|
|
background-color: white;
|
|
}
|
|
.mblDomButtonGreenCircleArrow {
|
|
position: relative;
|
|
width: 29px;
|
|
height: 29px;
|
|
}
|
|
.mblDomButtonGreenCircleArrow > div {
|
|
position: relative;
|
|
top: 2px;
|
|
left: 2px;
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 1px solid #B5B6B5;
|
|
-webkit-border-radius: 12px;
|
|
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
|
|
}
|
|
.mblDomButtonGreenCircleArrow > div > div {
|
|
position: relative;
|
|
top: 2px;
|
|
left: 2px;
|
|
width: 18px;
|
|
height: 18px;
|
|
-webkit-border-radius: 9px;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#7BE75A), to(#398C08), color-stop(0.5, #6BC642), color-stop(0.5, #4AAD21));
|
|
}
|
|
.mblDomButtonGreenCircleArrow > div > div > div {
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 6px;
|
|
width: 8px;
|
|
height: 3px;
|
|
margin: 0px;
|
|
font-size: 1px;
|
|
border-style: none;
|
|
background: white;
|
|
-webkit-transform: rotate(45deg);
|
|
}
|
|
.mblDomButtonGreenCircleArrow > div > div > div > div {
|
|
position: absolute;
|
|
top: 1px;
|
|
left: 6px;
|
|
width: 3px;
|
|
height: 8px;
|
|
margin: 0px;
|
|
font-size: 1px;
|
|
background-color: white;
|
|
}
|
|
.mblDomButtonBlackCircleCross {
|
|
position: relative;
|
|
width: 29px;
|
|
height: 29px;
|
|
}
|
|
.mblDomButtonBlackCircleCross > div {
|
|
position: relative;
|
|
top: 3px;
|
|
left: 3px;
|
|
width: 23px;
|
|
height: 23px;
|
|
background-color: white;
|
|
-webkit-border-radius: 12px;
|
|
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
|
|
}
|
|
.mblDomButtonBlackCircleCross > div > div {
|
|
position: relative;
|
|
top: 2px;
|
|
left: 2px;
|
|
width: 19px;
|
|
height: 19px;
|
|
background-color: black;
|
|
-webkit-border-radius: 10px;
|
|
}
|
|
.mblDomButtonBlackCircleCross > div > div > div {
|
|
position: absolute;
|
|
top: 8px;
|
|
left: 3px;
|
|
width: 13px;
|
|
height: 3px;
|
|
margin: 0px;
|
|
font-size: 1px;
|
|
border-style: none;
|
|
background-color: white;
|
|
-webkit-transform: rotate(45deg);
|
|
-webkit-border-radius: 1px;
|
|
}
|
|
.mblDomButtonBlackCircleCross > div > div > div > div {
|
|
position: absolute;
|
|
top: -5px;
|
|
left: 5px;
|
|
width: 3px;
|
|
height: 13px;
|
|
margin: 0px;
|
|
font-size: 1px;
|
|
background-color: white;
|
|
-webkit-border-radius: 1px;
|
|
}
|
|
.mblDomButtonGrayRoundRect {
|
|
position: relative;
|
|
width: 29px;
|
|
height: 29px;
|
|
text-align: right;
|
|
}
|
|
.mblDomButtonGrayRoundRect > div {
|
|
position: absolute;
|
|
right: 0px;
|
|
display: inline;
|
|
padding: 0px 5px;
|
|
top: 7px;
|
|
color: white;
|
|
font-family: Helvetica;
|
|
font-size: 12px;
|
|
-webkit-border-radius: 4px;
|
|
background-color: #949BA5;
|
|
text-align: center;
|
|
}
|
|
.mblDomButtonGrayRoundRect > div > div {
|
|
display: none;
|
|
}
|
|
.mblDomButtonSilverCircleDownArrow {
|
|
position: relative;
|
|
width: 30px;
|
|
height: 30px;
|
|
}
|
|
.mblDomButtonSilverCircleDownArrow > div {
|
|
position: relative;
|
|
top: 0px;
|
|
left: 0px;
|
|
width: 26px;
|
|
height: 26px;
|
|
border: 1px solid #B5B6B5;
|
|
-webkit-border-radius: 13px;
|
|
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#C2C2C2));
|
|
}
|
|
.mblDomButtonSilverCircleDownArrow > div > div {
|
|
position: relative;
|
|
top: 3px;
|
|
left: 3px;
|
|
width: 20px;
|
|
height: 20px;
|
|
-webkit-border-radius: 10px;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#979797), to(#616161));
|
|
}
|
|
.mblDomButtonSilverCircleDownArrow > div > div > div {
|
|
position: absolute;
|
|
left: 0px;
|
|
clip: rect(6px 50px 40px 0px);
|
|
}
|
|
.mblDomButtonSilverCircleDownArrow > div > div > div > div {
|
|
position: absolute;
|
|
top: -5px;
|
|
left: 1px;
|
|
width: 18px;
|
|
height: 18px;
|
|
margin: 0px;
|
|
font-size: 1px;
|
|
background-color: #D1D1D1;
|
|
border-top: 1px solid #4A5A71;
|
|
-webkit-transform: scaleX(0.7) rotate(45deg);
|
|
}
|
|
.mblDomButtonSilverCircleGreenButton {
|
|
position: relative;
|
|
width: 30px;
|
|
height: 30px;
|
|
}
|
|
.mblDomButtonSilverCircleGreenButton > div {
|
|
position: relative;
|
|
top: 0px;
|
|
left: 0px;
|
|
width: 26px;
|
|
height: 26px;
|
|
border: 1px solid #B5B6B5;
|
|
-webkit-border-radius: 13px;
|
|
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#C2C2C2));
|
|
}
|
|
.mblDomButtonSilverCircleGreenButton > div > div {
|
|
position: relative;
|
|
top: 6px;
|
|
left: 6px;
|
|
width: 12px;
|
|
height: 12px;
|
|
border: 1px inset #1B991C;
|
|
-webkit-border-radius: 7px;
|
|
background: -webkit-gradient(radial, center center, 0, center center, 6, from(#17DF25), to(#1BA51C));
|
|
}
|
|
.mblDomButtonSilverCircleGrayButton {
|
|
position: relative;
|
|
width: 30px;
|
|
height: 30px;
|
|
}
|
|
.mblDomButtonSilverCircleGrayButton > div {
|
|
position: relative;
|
|
top: 0px;
|
|
left: 0px;
|
|
width: 26px;
|
|
height: 26px;
|
|
border: 1px solid #B5B6B5;
|
|
-webkit-border-radius: 13px;
|
|
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#C2C2C2));
|
|
}
|
|
.mblDomButtonSilverCircleGrayButton > div > div {
|
|
position: relative;
|
|
top: 6px;
|
|
left: 6px;
|
|
width: 12px;
|
|
height: 12px;
|
|
border: 1px inset #AEAEAE;
|
|
-webkit-border-radius: 7px;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#D4D4D4), to(#BABABA));
|
|
}
|
|
.mblDomButtonSilverCircleOrangeButton {
|
|
position: relative;
|
|
width: 30px;
|
|
height: 30px;
|
|
}
|
|
.mblDomButtonSilverCircleOrangeButton > div {
|
|
position: relative;
|
|
top: 0px;
|
|
left: 0px;
|
|
width: 26px;
|
|
height: 26px;
|
|
border: 1px solid #B5B6B5;
|
|
-webkit-border-radius: 13px;
|
|
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#C2C2C2));
|
|
}
|
|
.mblDomButtonSilverCircleOrangeButton > div > div {
|
|
position: relative;
|
|
top: 6px;
|
|
left: 6px;
|
|
width: 12px;
|
|
height: 12px;
|
|
border: 1px inset #CA701A;
|
|
-webkit-border-radius: 7px;
|
|
background: -webkit-gradient(radial, center center, 0, center center, 6, from(#FF7A07), to(#E66B03));
|
|
}
|
|
.mblDomButtonSilverCircleGreenPlus {
|
|
position: relative;
|
|
width: 30px;
|
|
height: 30px;
|
|
}
|
|
.mblDomButtonSilverCircleGreenPlus > div {
|
|
position: relative;
|
|
top: 0px;
|
|
left: 0px;
|
|
width: 26px;
|
|
height: 26px;
|
|
border: 1px solid #B5B6B5;
|
|
-webkit-border-radius: 13px;
|
|
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#C2C2C2));
|
|
}
|
|
.mblDomButtonSilverCircleGreenPlus > div > div {
|
|
position: absolute;
|
|
top: 11px;
|
|
left: 4px;
|
|
width: 18px;
|
|
height: 4px;
|
|
margin: 0px;
|
|
font-size: 1px;
|
|
background-color: #17DF25;
|
|
}
|
|
.mblDomButtonSilverCircleGreenPlus > div > div > div {
|
|
position: absolute;
|
|
top: -7px;
|
|
left: 7px;
|
|
width: 4px;
|
|
height: 18px;
|
|
margin: 0px;
|
|
font-size: 1px;
|
|
background-color: #17DF25;
|
|
}
|
|
.mblDomButtonSilverCircleRedCross {
|
|
position: relative;
|
|
width: 30px;
|
|
height: 30px;
|
|
}
|
|
.mblDomButtonSilverCircleRedCross > div {
|
|
position: relative;
|
|
top: 0px;
|
|
left: 0px;
|
|
width: 26px;
|
|
height: 26px;
|
|
border: 1px solid #B5B6B5;
|
|
-webkit-border-radius: 13px;
|
|
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#C2C2C2));
|
|
}
|
|
.mblDomButtonSilverCircleRedCross > div > div {
|
|
position: absolute;
|
|
top: 11px;
|
|
left: 4px;
|
|
width: 18px;
|
|
height: 4px;
|
|
margin: 0px;
|
|
font-size: 1px;
|
|
background-color: #F00E5A;
|
|
-webkit-transform: rotate(45deg);
|
|
}
|
|
.mblDomButtonSilverCircleRedCross > div > div > div {
|
|
position: absolute;
|
|
top: -7px;
|
|
left: 7px;
|
|
width: 4px;
|
|
height: 18px;
|
|
margin: 0px;
|
|
font-size: 1px;
|
|
background-color: #F00E5A;
|
|
}
|
|
.mblDomButtonBlueBall {
|
|
position: relative;
|
|
width: 19px;
|
|
height: 29px;
|
|
}
|
|
.mblDomButtonBlueBall > div {
|
|
position: relative;
|
|
top: 8px;
|
|
left: 4px;
|
|
width: 14px;
|
|
height: 14px;
|
|
-webkit-border-radius: 7px;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#84AFF4), to(#2758B3));
|
|
}
|
|
.mblDomButtonGreenBall {
|
|
position: relative;
|
|
width: 19px;
|
|
height: 29px;
|
|
}
|
|
.mblDomButtonGreenBall > div {
|
|
position: relative;
|
|
top: 8px;
|
|
left: 4px;
|
|
width: 14px;
|
|
height: 14px;
|
|
-webkit-border-radius: 7px;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#59E738), to(#0AA908));
|
|
}
|
|
.mblDomButtonOrangeBall {
|
|
position: relative;
|
|
width: 19px;
|
|
height: 29px;
|
|
}
|
|
.mblDomButtonOrangeBall > div {
|
|
position: relative;
|
|
top: 8px;
|
|
left: 4px;
|
|
width: 14px;
|
|
height: 14px;
|
|
-webkit-border-radius: 7px;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#F9E20A), to(#FF6B0A));
|
|
}
|
|
.mblDomButtonRedBall {
|
|
position: relative;
|
|
width: 19px;
|
|
height: 29px;
|
|
}
|
|
.mblDomButtonRedBall > div {
|
|
position: relative;
|
|
top: 8px;
|
|
left: 4px;
|
|
width: 14px;
|
|
height: 14px;
|
|
-webkit-border-radius: 7px;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#EC9B9D), to(#D73C3F));
|
|
}
|
|
.mblDomButtonTransparent19 {
|
|
position: relative;
|
|
width: 19px;
|
|
height: 19px;
|
|
}
|
|
.mblDomButtonTransparent29 {
|
|
position: relative;
|
|
width: 29px;
|
|
height: 29px;
|
|
}
|
|
.mblDomButtonTransparent30 {
|
|
position: relative;
|
|
width: 30px;
|
|
height: 30px;
|
|
}
|
|
.mblDomButtonYellowStar {
|
|
position: relative;
|
|
width: 29px;
|
|
height: 29px;
|
|
}
|
|
.mblDomButtonYellowStar > div {
|
|
position: absolute;
|
|
width: 0px;
|
|
height: 0px;
|
|
border-style: solid;
|
|
border-color: #FFFF00 transparent transparent transparent;
|
|
top: 12px;
|
|
left: 3px;
|
|
border-width: 9px 12px 0px 12px;
|
|
-webkit-transform: rotate(0deg);
|
|
}
|
|
.mblDomButtonYellowStar > div > div {
|
|
position: absolute;
|
|
width: 24px;
|
|
height: 0px;
|
|
border-style: solid;
|
|
border-color: #CD853F;
|
|
border-width: 1px 0px 0px 0px;
|
|
top: -10px;
|
|
left: -12px;
|
|
}
|
|
.mblDomButtonYellowStar > div > div > div {
|
|
position: absolute;
|
|
width: 0px;
|
|
height: 0px;
|
|
border-style: solid;
|
|
border-color: #FFFF00 transparent transparent transparent;
|
|
top: 0px;
|
|
left: 0px;
|
|
border-width: 9px 12px 0px 12px;
|
|
-webkit-transform: rotate(72deg);
|
|
}
|
|
.mblDomButtonYellowStar > div > div > div > div {
|
|
position: absolute;
|
|
width: 0px;
|
|
height: 0px;
|
|
border-style: solid;
|
|
border-color: #FFFF00 transparent transparent transparent;
|
|
top: -10px;
|
|
left: -12px;
|
|
border-width: 9px 12px 0px 12px;
|
|
-webkit-transform: rotate(216deg);
|
|
}
|
|
.mblDomButtonGrayStar {
|
|
position: relative;
|
|
width: 29px;
|
|
height: 29px;
|
|
}
|
|
.mblDomButtonGrayStar > div {
|
|
position: absolute;
|
|
width: 0px;
|
|
height: 0px;
|
|
border-style: solid;
|
|
border-color: #BDBABD transparent transparent transparent;
|
|
top: 12px;
|
|
left: 3px;
|
|
border-width: 9px 12px 0px 12px;
|
|
-webkit-transform: rotate(0deg);
|
|
}
|
|
.mblDomButtonGrayStar > div > div {
|
|
position: absolute;
|
|
width: 24px;
|
|
height: 0px;
|
|
border-style: solid;
|
|
border-color: #8C8E8C;
|
|
border-width: 1px 0px 0px 0px;
|
|
top: -10px;
|
|
left: -12px;
|
|
}
|
|
.mblDomButtonGrayStar > div > div > div {
|
|
position: absolute;
|
|
width: 0px;
|
|
height: 0px;
|
|
border-style: solid;
|
|
border-color: #BDBABD transparent transparent transparent;
|
|
top: 0px;
|
|
left: 0px;
|
|
border-width: 9px 12px 0px 12px;
|
|
-webkit-transform: rotate(72deg);
|
|
}
|
|
.mblDomButtonGrayStar > div > div > div > div {
|
|
position: absolute;
|
|
width: 0px;
|
|
height: 0px;
|
|
border-style: solid;
|
|
border-color: #BDBABD transparent transparent transparent;
|
|
top: -10px;
|
|
left: -12px;
|
|
border-width: 9px 12px 0px 12px;
|
|
-webkit-transform: rotate(216deg);
|
|
}
|