You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

9 lines
18 KiB

9 years ago
9 years ago
9 years ago
10 years ago
9 years ago
10 years ago
9 years ago
  1. /*!
  2. * # Semantic UI 2.0.0 - Checkbox
  3. * http://github.com/semantic-org/semantic-ui/
  4. *
  5. *
  6. * Copyright 2015 Contributors
  7. * Released under the MIT license
  8. * http://opensource.org/licenses/MIT
  9. *
  10. */.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 .1s ease,border .1s ease,opacity .1s ease,box-shadow .1s ease;transition:background-color .1s ease,border .1s ease,opacity .1s ease,box-shadow .1s 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,.87);-webkit-transition:background-color .1s ease,border .1s ease,opacity .1s ease,box-shadow .1s ease;transition:background-color .1s ease,border .1s ease,opacity .1s ease,box-shadow .1s ease}.ui.checkbox label,.ui.checkbox+label{cursor:pointer;color:rgba(0,0,0,.87);-webkit-transition:color .1s ease;transition:color .1s 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(34,36,38,.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:#f9fafb;border:1px solid rgba(34,36,38,.3)}.ui.checkbox .box:active::after,.ui.checkbox input[type=checkbox]:active~label,.ui.checkbox input[type=radio]:active~label,.ui.checkbox label:active::after{color:rgba(0,0,0,.95)}.ui.checkbox input[type=checkbox]:checked~.box:before,.ui.checkbox input[type=checkbox]:checked~label:before,.ui.checkbox input[type=radio]:checked~.box:before,.ui.checkbox input[type=radio]:checked~label:before{background:#fff;border:1px solid rgba(34,36,38,.15)}.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;color:rgba(0,0,0,.95)}.ui.checkbox input[type=checkbox]:checked:focus~.box:before,.ui.checkbox input[type=checkbox]:checked:focus~label:before,.ui.checkbox input[type=checkbox]:focus~.box:before,.ui.checkbox input[type=checkbox]:focus~label:before,.ui.checkbox input[type=radio]:checked:focus~.box:before,.ui.checkbox input[type=radio]:checked:focus~label:before,.ui.checkbox input[type=radio]:focus~.box:before,.ui.checkbox input[type=radio]:focus~label:before{background:#f9fafb;border:1px solid rgba(34,36,38,.3)}.ui.checkbox input[type=checkbox]:focus~.box:after,.ui.checkbox input[type=checkbox]:focus~label,.ui.checkbox input[type=checkbox]:focus~label:after,.ui.checkbox input[type=radio]:focus~.box:after,.ui.checkbox input[type=radio]:focus~label,.ui.checkbox input[type=radio]:focus~label:after{color:rgba(0,0,0,.95)}.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{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;content:'';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,.87)}.ui.radio.checkbox input[type=radio]:checked~.box:before,.ui.radio.che