/* Ion.CheckRadio, Skin Base // Version 2.0.0 // // © Denis Ineshin, 2015 // https://github.com/IonDen // ===================================================================================================================*/ .icr-label { position: relative; display: inline-block; } .icr-hidden { position: absolute; display: block; top: 0; left: 0; width: 0; height: 0; overflow: hidden; } .icr-input { position: absolute; display: block; top: -20px; left: -20px; } .icr-text { display: inline; vertical-align: middle; } .icr-item { position: relative; display: inline-block; vertical-align: middle; } /* Sprite positions */ .icr-label .type_checkbox { background-position: 0 0; } .icr-label .type_radio { background-position: 0 -38px; } .icr-label:hover .type_checkbox { background-position: -39px 0; } .icr-label:hover .type_radio { background-position: -39px -38px; } .icr-label.checked .type_checkbox { background-position: -78px 0; } .icr-label.checked .type_radio { background-position: -117px -38px; } .icr-label.checked:hover .type_checkbox { background-position: -117px 0; } .icr-label.checked:hover .type_radio { background-position: -117px -38px; } .icr-label.disabled { opacity: 0.5; } .lt-ie9 .icr-label.disabled { filter: alpha(opacity=50); } .icr-label.disabled .type_checkbox { background-position: 0 0 !important; } .icr-label.disabled .type_radio { background-position: 0 -50px !important; } .icr-label.checked.disabled .type_checkbox { background-position: -100px 0 !important; } .icr-label.checked.disabled .type_radio { background-position: -100px -50px !important; }