deon/phpldapadmin
1
0
Fork 0
Code Issues 36 Pull Requests Packages Projects Releases Wiki Activity
SANDPIT
phpldapadmin/application/media/js/dojo-release-1.7.2/dojox/mobile/themes/common/domButtons.css

1039 lines
23 KiB
CSS
Raw Permalink Normal View History

Added Dojo 1.7.2
2012-06-19 02:07:43 +00:00
.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);
}
Reference in New Issue Copy Permalink