@import "../css3.less"; /* === Silver Circle Red Cross Button ==*/ .mblDomButtonSilverCircleRedCross { position: relative; width: 30px; height: 30px; } .mblDomButtonSilverCircleRedCross > div { position: relative; top: 0px; left: 0px; width: 26px; height: 26px; border: 1px solid #b5b6b5; border-radius: 13px; .box-shadow(0px 1px 2px rgba(0, 0, 0, 0.5)); .background-linear-gradient-top-bottom(#efefef, #c2c2c2); } .mblDomButtonSilverCircleRedCross > div > div { position: absolute; top: 11px; left: 4px; width: 18px; height: 4px; margin: 0px; font-size: 1px; background-color: #f00e5a; .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; }