|
|
/* * # Semantic UI * https://github.com/Semantic-Org/Semantic-UI * http://www.semantic-ui.com/ * * Copyright 2014 Contributors * Released under the MIT license * http://opensource.org/licenses/MIT * */.ui.checkbox{position:relative;display:inline-block;height:17px;font-size:1rem;line-height:15px;min-width:17px;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0;vertical-align:middle}.ui.checkbox input{position:absolute;top:0;left:0;opacity:0!important;outline:0;z-index:-1}.ui.checkbox .box,.ui.checkbox label{display:block;cursor:pointer;padding-left:1.75em;outline:0}.ui.checkbox label{font-size:1em}.ui.checkbox .box:before,.ui.checkbox label:before{position:absolute;line-height:1;width:17px;height:17px;top:0;left:0;content:'';background:#fff;border-radius:.25em;-webkit-transition:background-color .3s ease,border .3s ease,box-shadow .3s ease;transition:background-color .3s ease,border .3s ease,box-shadow .3s ease;border:1px solid #d4d4d5}.ui.checkbox .box:after,.ui.checkbox label:after{position:absolute;top:0;left:0;line-height:17px;width:17px;height:17px;text-align:center;opacity:0;color:rgba(0,0,0,.8);-webkit-transition:all .1s ease;transition:all .1s ease}.ui.checkbox label,.ui.checkbox+label{cursor:pointer;color:rgba(0,0,0,.8);-webkit-transition:color .2s ease;transition:color .2s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui.checkbox+label{vertical-align:middle}.ui.checkbox .box:hover::before,.ui.checkbox label:hover::before{background:#fff;border:1px solid rgba(39,41,43,.3)}.ui.checkbox label:hover,.ui.checkbox+label:hover{color:rgba(0,0,0,.8)}.ui.checkbox .box:active::before,.ui.checkbox label:active::before{background:#f5f5f5;border:1px solid solid}.ui.checkbox input:active~label{color:rgba(0,0,0,.8)}.ui.checkbox input:focus~.box:before,.ui.checkbox input:focus~label:before{background:#f5f5f5;border:1px solid solid}.ui.checkbox input:focus~label{color:rgba(0,0,0,.8)}.ui.checkbox input:checked~.box:after,.ui.checkbox input:checked~label:after{opacity:1}.ui.read-only.checkbox,.ui.read-only.checkbox label{cursor:default}.ui.checkbox input[disabled]~.box:after,.ui.checkbox input[disabled]~label,.ui.disabled.checkbox .box:after,.ui.disabled.checkbox label{cursor:default;opacity:.5;color:#000}.ui.radio.checkbox{height:14px}.ui.radio.checkbox .box:before,.ui.radio.checkbox label:before{width:14px;height:14px;border-radius:500rem;top:1px;left:0;-webkit-transform:none;-ms-transform:none;transform:none}.ui.radio.checkbox .box:after,.ui.radio.checkbox label:after{border:none;line-height:14px;top:1px;left:0;font-size:9px;width:14px;height:14px;border-radius:500rem;-webkit-transform:scale(0.42857143);-ms-transform:scale(0.42857143);transform:scale(0.42857143);background-color:rgba(0,0,0,.8)}.ui.slider.checkbox{cursor:pointer;height:1.25rem}.ui.slider.checkbox .box,.ui.slider.checkbox label{padding-left:4.5rem;line-height:1rem;color:rgba(0,0,0,.4)}.ui.slider.checkbox .box:before,.ui.slider.checkbox label:before{cursor:pointer;display:block;position:absolute;content:'';top:.4rem;left:0;z-index:1;border:none!important;background-color:rgba(0,0,0,.05);width:3.5rem;height:.25rem;-webkit-transform:none;-ms-transform:none;transform:none;border-radius:500rem;-webkit-transition:background .3s ease;transition:background .3s ease}.ui.slider.checkbox .box:after,.ui.slider.checkbox label:after{background:-webkit-linear-gradient(transparent,rgba(0,0,0,.05)) #fff;background:linear-gradient(transparent,rgba(0,0,0,.05)) #fff;position:absolute;content:'';opacity:1;z-index:2;border:none;box-shadow:0 1px 2px 0 rgba(0,0,0,.05),0 0 0 1px rgba(39,41,43,.15) inset;width:1.5rem;height:1.5rem;top:-.25rem;left:0;-webkit-transform:none;-ms-transform:none;transform:none;border-radius:500rem;-webkit-transition:left .3s ease 0s;transition:left .3s ease 0s}.ui.slider.checkbox input:focus~.box:before,.ui.slider.checkbox input:focus~label:before{background-color:rgba(0,0,0,.1);border:none}.ui.slider.checkbox .box:hover,.ui.slider.checkbox label:hover{color:rgba(0,0,0,.8)}.ui.slider.checkbox .box:hover::before,.ui.slider.checkbox label:hover::before{background:rgba(0,0,0,.1)}.ui.slider.checkbox input:checked~.box,.ui.slider.checkbox input:checked~label{color:rgba(0,0,0,.8)}.ui.slider.checkb
|
