10 lines
17 KiB
CSS
10 lines
17 KiB
CSS
|
/*!
|
||
|
|
* # Semantic UI 1.11.4 - Checkbox
|
||
|
|
* http://github.com/semantic-org/semantic-ui/
|
||
|
|
*
|
||
|
|
*
|
||
|
|
* Copyright 2014 Contributors
|
||
|
|
* Released under the MIT license
|
||
|
|
* http://opensource.org/licenses/MIT
|
||
|
|
*
|
||
|
|
*/.ui.checkbox{position:relative;display:inline-block;min-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[type=checkbox],.ui.checkbox input[type=radio]{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[type=checkbox]:active~label,.ui.checkbox input[type=radio]:active~label{color:rgba(0,0,0,.8)}.ui.checkbox input[type=checkbox]:focus~.box:before,.ui.checkbox input[type=checkbox]:focus~label:before,.ui.checkbox input[type=radio]:focus~.box:before,.ui.checkbox input[type=radio]:focus~label:before{background:#f5f5f5;border:1px solid solid}.ui.checkbox input[type=checkbox]:focus~label,.ui.checkbox input[type=radio]:focus~label{color:rgba(0,0,0,.8)}.ui.checkbox input[type=checkbox]:checked~.box:after,.ui.checkbox input[type=checkbox]:checked~label:after,.ui.checkbox input[type=radio]:checked~.box:after,.ui.checkbox input[type=radio]:checked~label:after{opacity:1}.ui.read-only.checkbox,.ui.read-only.checkbox label{cursor:default}.ui.checkbox input[type=checkbox][disabled]~.box:after,.ui.checkbox input[type=checkbox][disabled]~label,.ui.checkbox input[type=radio][disabled]~.box:after,.ui.checkbox input[type=radio][disabled]~label,.ui.disabled.checkbox .box:after,.ui.disabled.checkbox label{cursor:default;opacity:.5;color:#000}.ui.radio.checkbox{min-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(.42857143);-ms-transform:scale(.42857143);transform:scale(.42857143);background-color:rgba(0,0,0,.8)}.ui.slider.checkbox{cursor:pointer;min-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
|