@import "../css3.less"; /* === 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-linear-gradient-top-bottom(#eff3ef, #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; border-radius: 2px; .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; .transform(rotate(-100deg)); }