9 lines
No EOL
16 KiB
CSS
9 lines
No EOL
16 KiB
CSS
/*!
|
|
* # Fomantic-UI 2.9.0-beta.301+42e68bc - Checkbox
|
|
* http://github.com/fomantic/Fomantic-UI/
|
|
*
|
|
*
|
|
* Released under the MIT license
|
|
* http://opensource.org/licenses/MIT
|
|
*
|
|
*/.ui.checkbox{position:relative;display:inline-block;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0;vertical-align:baseline;font-style:normal;min-height:17px;font-size:1em;line-height:17px;min-width:17px}.ui.checkbox input[type=checkbox],.ui.checkbox input[type=radio]{cursor:pointer;position:absolute;top:0;left:0;opacity:0!important;outline:0;z-index:3;width:17px;height:17px}.ui.checkbox label{cursor:auto;position:relative;display:block;padding-left:1.85714em;outline:0;font-size:1em}.ui.checkbox label::before{position:absolute;top:0;left:0;width:17px;height:17px;content:'';background:#fff;border-radius:.21428571rem;-webkit-transition:border .1s ease,opacity .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;transition:border .1s ease,opacity .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;transition:border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease;transition:border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;border:1px solid #d4d4d5}.ui.checkbox label::after{position:absolute;font-size:14px;top:0;left:0;width:17px;height:17px;text-align:center;opacity:0;color:rgba(0,0,0,.87);-webkit-transition:border .1s ease,opacity .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;transition:border .1s ease,opacity .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;transition:border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease;transition:border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease}.ui.right.aligned.checkbox label{padding-left:0;padding-right:1.85714em}.ui.right.aligned.checkbox label::after,.ui.right.aligned.checkbox label::before{right:0;left:auto}.ui.checkbox label,.ui.checkbox+label{color:rgba(0,0,0,.87);-webkit-transition:color .1s ease;transition:color .1s ease}.ui.checkbox+label{vertical-align:middle}.ui.checkbox label:hover::before{background:#fff;border-color:rgba(34,36,38,.35)}.ui.checkbox label:hover,.ui.checkbox+label:hover{color:rgba(0,0,0,.8)}.ui.checkbox label:active::before{background:#f9fafb;border-color:rgba(34,36,38,.35)}.ui.checkbox label:active::after{color:rgba(0,0,0,.95)}.ui.checkbox input:active~label{color:rgba(0,0,0,.95)}.ui.checkbox input:focus~label::before{background:#fff;border-color:#96c8da}.ui.checkbox input:focus~label::after{color:rgba(0,0,0,.95)}.ui.checkbox input:focus~label{color:rgba(0,0,0,.95)}.ui.checkbox input:checked~label::before{background:#fff;border-color:rgba(34,36,38,.35)}.ui.checkbox input:checked~label::after{opacity:1;color:rgba(0,0,0,.95)}.ui.checkbox input:not([type=radio]):indeterminate~label::before{background:#fff;border-color:rgba(34,36,38,.35)}.ui.checkbox input:not([type=radio]):indeterminate~label::after{opacity:1;color:rgba(0,0,0,.95)}.ui.indeterminate.toggle.checkbox input:not([type=radio]):indeterminate~label::before{background:rgba(0,0,0,.15)}.ui.indeterminate.toggle.checkbox input:not([type=radio])~label::after{left:1.075rem}.ui.right.aligned.indeterminate.toggle.checkbox input:not([type=radio])~label::after{left:auto;right:1.075rem}.ui.checkbox input:checked:focus~label::before,.ui.checkbox input:not([type=radio]):indeterminate:focus~label::before{background:#fff;border-color:#96c8da}.ui.checkbox input:checked:focus~label::after,.ui.checkbox input:not([type=radio]):indeterminate:focus~label::after{color:rgba(0,0,0,.95)}.ui.read-only.checkbox,.ui.read-only.checkbox label{cursor:default;pointer-events:none}.ui.checkbox input[disabled]~label,.ui.disabled.checkbox label{cursor:default;opacity:.5;color:#000;pointer-events:none}.ui.checkbox input.hidden{z-index:-1}.ui.checkbox input+label[for],.ui.checkbox input.hidden+label{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui.radio.checkbox{min-height:15px}.ui.radio.checkbox label{padding-left:1.85714em}.ui.radio.checkbox label::before{content:'';-webkit-transform:none;transform:none;width:15px;height:15px;border-radius:500rem;top:1px;left:0}.ui.radio.checkbox label::after{border:none;content:''!important;line-height:15px;top:1px;left:0;width:15px;height:15px;border-radius:500rem;-webkit-transform:scale(.46666667);transform:scale(.46666667);background-color:rgba(0,0,0,.87)}.ui.radio.checkbox input:focus~label::before{background-color:#fff}.ui.radio.checkbox input:focus~label::after{background-color:rgba(0,0,0,.95)}.ui.radio.checkbox input:indeterminate~label::after{opacity:0}.ui.radio.checkbox input:checked~label::before{background-color:#fff}.ui.radio.checkbox input:checked~label::after{background-color:rgba(0,0,0,.95)}.ui.radio.checkbox input:focus:checked~label::before{background-color:#fff}.ui.radio.checkbox input:focus:checked~label::after{background-color:rgba(0,0,0,.95)}.ui.slider.checkbox{min-height:1.25rem}.ui.slider.checkbox input{width:3.5rem;height:1.25rem}.ui.slider.checkbox label{padding-left:4.5rem;line-height:1rem;color:rgba(0,0,0,.4)}.ui.slider.checkbox label::before{display:block;position:absolute;content:'';-webkit-transform:none;transform:none;border:none!important;left:0;z-index:1;top:.4rem;background-color:rgba(0,0,0,.05);width:3.5rem;height:.21428571rem;border-radius:500rem;-webkit-transition:background .3s ease;transition:background .3s ease}.ui.slider.checkbox label::after{background:#fff -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.05)));background:#fff -webkit-linear-gradient(transparent,rgba(0,0,0,.05));background:#fff linear-gradient(transparent,rgba(0,0,0,.05));position:absolute;content:''!important;opacity:1;z-index:2;border:none;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15) inset;box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15) inset;width:1.5rem;height:1.5rem;top:-.25rem;left:0;-webkit-transform:none;transform:none;border-radius:500rem;-webkit-transition:left .3s ease;transition:left .3s ease}.ui.slider.checkbox input:focus~label::before{background-color:rgba(0,0,0,.15);border:none}.ui.slider.checkbox label:hover{color:rgba(0,0,0,.8)}.ui.slider.checkbox label:hover::before{background:rgba(0,0,0,.15)}.ui.slider.checkbox input:checked~label{color:rgba(0,0,0,.95)!important}.ui.slider.checkbox input:checked~label::before{background-color:#545454!important}.ui.slider.checkbox input:checked~label::after{left:2rem}.ui.slider.checkbox input:focus:checked~label{color:rgba(0,0,0,.95)!important}.ui.slider.checkbox input:focus:checked~label::before{background-color:#000!important}.ui.right.aligned.slider.checkbox label{padding-left:0;padding-right:4.5rem}.ui.right.aligned.slider.checkbox label::after{left:auto;right:2rem;-webkit-transition:right .3s ease;transition:right .3s ease}.ui.right.aligned.slider.checkbox input:checked~label::after{left:auto;right:0}.ui.toggle.checkbox{min-height:1.5rem}.ui.toggle.checkbox input{width:3.5rem;height:1.5rem}.ui.toggle.checkbox label{min-height:1.5rem;padding-left:4.5rem;color:rgba(0,0,0,.87)}.ui.toggle.checkbox label{padding-top:.15em}.ui.toggle.checkbox label::before{display:block;position:absolute;content:'';z-index:1;-webkit-transform:none;transform:none;border:none;top:0;background:rgba(0,0,0,.05);-webkit-box-shadow:none;box-shadow:none;width:3.5rem;height:1.5rem;border-radius:500rem}.ui.toggle.checkbox label::after{background:#fff -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.05)));background:#fff -webkit-linear-gradient(transparent,rgba(0,0,0,.05));background:#fff linear-gradient(transparent,rgba(0,0,0,.05));position:absolute;content:''!important;opacity:1;z-index:2;border:none;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15) inset;box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15) inset;width:1.5rem;height:1.5rem;top:0;left:0;border-radius:500rem;-webkit-transition:background .3s ease,left .3s ease;transition:background .3s ease,left .3s ease}.ui.toggle.checkbox input~label::after{left:-.05rem;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15) inset;box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15) inset}.ui.toggle.checkbox input:focus~label::before{background-color:rgba(0,0,0,.15);border:none}.ui.toggle.checkbox label:hover::before{background-color:rgba(0,0,0,.15);border:none}.ui.toggle.checkbox input:checked~label{color:rgba(0,0,0,.95)!important}.ui.toggle.checkbox input:checked~label::before{background-color:#6435c9!important}.ui.toggle.checkbox input:checked~label::after{left:2.15rem;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15) inset;box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15) inset}.ui.toggle.checkbox input:focus:checked~label{color:rgba(0,0,0,.95)!important}.ui.toggle.checkbox input:focus:checked~label::before{background-color:#4f20b5!important}.ui.right.aligned.toggle.checkbox label{padding-left:0;padding-right:4.5rem}.ui.right.aligned.toggle.checkbox input~label::after{left:auto;right:2.15rem;-webkit-transition:background .3s ease,right .3s ease;transition:background .3s ease,right .3s ease}.ui.right.aligned.toggle.checkbox input:checked~label::after{left:auto;right:-.05rem}.ui.fitted.checkbox label{padding-left:0!important}.ui.fitted.toggle.checkbox{width:3.5rem}.ui.fitted.slider.checkbox{width:3.5rem}.ui.inverted.checkbox label,.ui.inverted.checkbox+label{color:rgba(255,255,255,.9)!important}.ui.inverted.checkbox label:hover{color:#fff!important}.ui.inverted.checkbox label:hover::before{border-color:rgba(34,36,38,.5)}.ui.inverted.slider.checkbox label{color:rgba(255,255,255,.5)}.ui.inverted.slider.checkbox label::before{background-color:rgba(255,255,255,.5)!important}.ui.inverted.slider.checkbox label:hover::before{background:rgba(255,255,255,.7)!important}.ui.inverted.slider.checkbox input:checked~label{color:#fff!important}.ui.inverted.slider.checkbox input:checked~label::before{background-color:rgba(255,255,255,.8)!important}.ui.inverted.slider.checkbox input:focus:checked~label{color:#fff!important}.ui.inverted.slider.checkbox input:focus:checked~label::before{background-color:rgba(255,255,255,.8)!important}.ui.inverted.toggle.checkbox label::before{background-color:rgba(255,255,255,.9)!important}.ui.inverted.toggle.checkbox label:hover::before{background:#fff!important}.ui.inverted.toggle.checkbox input:checked~label{color:#fff!important}.ui.inverted.toggle.checkbox input:checked~label::before{background-color:#6435c9!important}.ui.inverted.toggle.checkbox input:focus:checked~label{color:#fff!important}.ui.inverted.toggle.checkbox input:focus:checked~label::before{background-color:#4f20b5!important}.ui.mini.checkbox{font-size:.78571429em}.ui.tiny.checkbox{font-size:.85714286em}.ui.small.checkbox{font-size:.92857143em}.ui.large.checkbox{font-size:1.14285714em}.ui.large.checkbox:not(.slider):not(.toggle):not(.radio) label::after,.ui.large.checkbox:not(.slider):not(.toggle):not(.radio) label::before,.ui.large.form .checkbox:not(.slider):not(.toggle):not(.radio) label::after,.ui.large.form .checkbox:not(.slider):not(.toggle):not(.radio) label::before{-webkit-transform:scale(1.14285714);transform:scale(1.14285714);-webkit-transform-origin:left;transform-origin:left}.ui.large.checkbox.radio label::before,.ui.large.form .checkbox.radio label::before{-webkit-transform:scale(1.14285714);transform:scale(1.14285714);-webkit-transform-origin:left;transform-origin:left}.ui.large.checkbox.radio label::after,.ui.large.form .checkbox.radio label::after{-webkit-transform:scale(.57142857);transform:scale(.57142857);-webkit-transform-origin:left;transform-origin:left;left:.33571429em}.ui.big.checkbox{font-size:1.28571429em}.ui.big.checkbox:not(.slider):not(.toggle):not(.radio) label::after,.ui.big.checkbox:not(.slider):not(.toggle):not(.radio) label::before,.ui.big.form .checkbox:not(.slider):not(.toggle):not(.radio) label::after,.ui.big.form .checkbox:not(.slider):not(.toggle):not(.radio) label::before{-webkit-transform:scale(1.28571429);transform:scale(1.28571429);-webkit-transform-origin:left;transform-origin:left}.ui.big.checkbox.radio label::before,.ui.big.form .checkbox.radio label::before{-webkit-transform:scale(1.28571429);transform:scale(1.28571429);-webkit-transform-origin:left;transform-origin:left}.ui.big.checkbox.radio label::after,.ui.big.form .checkbox.radio label::after{-webkit-transform:scale(.64285714);transform:scale(.64285714);-webkit-transform-origin:left;transform-origin:left;left:.37142857em}.ui.huge.checkbox{font-size:1.42857143em}.ui.huge.checkbox:not(.slider):not(.toggle):not(.radio) label::after,.ui.huge.checkbox:not(.slider):not(.toggle):not(.radio) label::before,.ui.huge.form .checkbox:not(.slider):not(.toggle):not(.radio) label::after,.ui.huge.form .checkbox:not(.slider):not(.toggle):not(.radio) label::before{-webkit-transform:scale(1.42857143);transform:scale(1.42857143);-webkit-transform-origin:left;transform-origin:left}.ui.huge.checkbox.radio label::before,.ui.huge.form .checkbox.radio label::before{-webkit-transform:scale(1.42857143);transform:scale(1.42857143);-webkit-transform-origin:left;transform-origin:left}.ui.huge.checkbox.radio label::after,.ui.huge.form .checkbox.radio label::after{-webkit-transform:scale(.71428571);transform:scale(.71428571);-webkit-transform-origin:left;transform-origin:left;left:.40714286em}.ui.massive.checkbox{font-size:1.71428571em}.ui.massive.checkbox:not(.slider):not(.toggle):not(.radio) label::after,.ui.massive.checkbox:not(.slider):not(.toggle):not(.radio) label::before,.ui.massive.form .checkbox:not(.slider):not(.toggle):not(.radio) label::after,.ui.massive.form .checkbox:not(.slider):not(.toggle):not(.radio) label::before{-webkit-transform:scale(1.71428571);transform:scale(1.71428571);-webkit-transform-origin:left;transform-origin:left}.ui.massive.checkbox.radio label::before,.ui.massive.form .checkbox.radio label::before{-webkit-transform:scale(1.71428571);transform:scale(1.71428571);-webkit-transform-origin:left;transform-origin:left}.ui.massive.checkbox.radio label::after,.ui.massive.form .checkbox.radio label::after{-webkit-transform:scale(.85714286);transform:scale(.85714286);-webkit-transform-origin:left;transform-origin:left;left:.47857143em}@font-face{font-family:Checkbox;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBD8AAAC8AAAAYGNtYXAYVtCJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn4huwUAAAF4AAABYGhlYWQGPe1ZAAAC2AAAADZoaGVhB30DyAAAAxAAAAAkaG10eBBKAEUAAAM0AAAAHGxvY2EAmgESAAADUAAAABBtYXhwAAkALwAAA2AAAAAgbmFtZSC8IugAAAOAAAABknBvc3QAAwAAAAAFFAAAACAAAwMTAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6AL//f//AAAAAAAg6AD//f//AAH/4xgEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAEUAUQO7AvgAGgAAARQHAQYjIicBJjU0PwE2MzIfAQE2MzIfARYVA7sQ/hQQFhcQ/uMQEE4QFxcQqAF2EBcXEE4QAnMWEP4UEBABHRAXFhBOEBCoAXcQEE4QFwAAAAABAAABbgMlAkkAFAAAARUUBwYjISInJj0BNDc2MyEyFxYVAyUQEBf9SRcQEBAQFwK3FxAQAhJtFxAQEBAXbRcQEBAQFwAAAAABAAAASQMlA24ALAAAARUUBwYrARUUBwYrASInJj0BIyInJj0BNDc2OwE1NDc2OwEyFxYdATMyFxYVAyUQEBfuEBAXbhYQEO4XEBAQEBfuEBAWbhcQEO4XEBACEm0XEBDuFxAQEBAX7hAQF20XEBDuFxAQEBAX7hAQFwAAAQAAAAIAAHRSzT9fDzz1AAsEAAAAAADRsdR3AAAAANGx1HcAAAAAA7sDbgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADuwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAABFAyUAAAMlAAAAAAAAAAoAFAAeAE4AcgCwAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhWZXJzaW9uIDIuMABWAGUAcgBzAGkAbwBuACAAMgAuADBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhDaGVja2JveABDAGgAZQBjAGsAYgBvAHhSZWd1bGFyAFIAZQBnAHUAbABhAHJDaGVja2JveABDAGgAZQBjAGsAYgBvAHhGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype')}.ui.checkbox .box::after,.ui.checkbox label::after{font-family:Checkbox}.ui.checkbox input:checked~.box::after,.ui.checkbox input:checked~label::after{content:'\e800'}.ui.checkbox input:indeterminate~.box::after,.ui.checkbox input:indeterminate~label::after{font-size:12px;content:'\e801'} |