dojox
Version:
Dojo eXtensions, a rollup of many useful sub-projects and varying states of maturity – from very stable and robust, to alpha and experimental. See individual projects contain README files for details.
44 lines (43 loc) • 1.03 kB
CSS
/* === Check Button (ON) ==*/
.mblDomButtonCheckboxOn {
position: relative;
width: 30px;
height: 30px;
border-width: 1px;
border-style: outset;
border-color: #a5a2a5;
color: white;
border-radius: 3px;
background-color: #d6d3d6;
background: -webkit-gradient(linear, left top, left bottom, from(#eff3ef), to(#bdbebd));
background: linear-gradient(to bottom, #eff3ef 0%, #bdbebd 100%);
}
.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;
border-radius: 2px;
-webkit-transform: rotate(50deg);
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;
border-radius: 2px;
-webkit-transform: rotate(-100deg);
transform: rotate(-100deg);
}