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.
632 lines
16 KiB
632 lines
16 KiB
/*! |
|
* # Semantic UI 2.4.1 - Checkbox |
|
* http://github.com/semantic-org/semantic-ui/ |
|
* |
|
* |
|
* Released under the MIT license |
|
* http://opensource.org/licenses/MIT |
|
* |
|
*/ |
|
|
|
|
|
/******************************* |
|
Checkbox |
|
*******************************/ |
|
|
|
|
|
/*-------------- |
|
Content |
|
---------------*/ |
|
|
|
.ui.checkbox { |
|
position: relative; |
|
display: inline-block; |
|
-webkit-backface-visibility: hidden; |
|
backface-visibility: hidden; |
|
outline: none; |
|
vertical-align: baseline; |
|
font-style: normal; |
|
min-height: 17px; |
|
font-size: 1rem; |
|
line-height: 17px; |
|
min-width: 17px; |
|
} |
|
|
|
/* HTML Checkbox */ |
|
.ui.checkbox input[type="checkbox"], |
|
.ui.checkbox input[type="radio"] { |
|
cursor: pointer; |
|
position: absolute; |
|
top: 0px; |
|
left: 0px; |
|
opacity: 0 !important; |
|
outline: none; |
|
z-index: 3; |
|
width: 17px; |
|
height: 17px; |
|
} |
|
|
|
/*-------------- |
|
Box |
|
---------------*/ |
|
|
|
.ui.checkbox .box, |
|
.ui.checkbox label { |
|
cursor: auto; |
|
position: relative; |
|
display: block; |
|
padding-left: 1.85714em; |
|
outline: none; |
|
font-size: 1em; |
|
} |
|
.ui.checkbox .box:before, |
|
.ui.checkbox label:before { |
|
position: absolute; |
|
top: 0px; |
|
left: 0px; |
|
width: 17px; |
|
height: 17px; |
|
content: ''; |
|
background: #FFFFFF; |
|
border-radius: 0.21428571rem; |
|
-webkit-transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease; |
|
transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease; |
|
transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease; |
|
transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease; |
|
border: 1px solid #D4D4D5; |
|
} |
|
|
|
/*-------------- |
|
Checkmark |
|
---------------*/ |
|
|
|
.ui.checkbox .box:after, |
|
.ui.checkbox label:after { |
|
position: absolute; |
|
font-size: 14px; |
|
top: 0px; |
|
left: 0px; |
|
width: 17px; |
|
height: 17px; |
|
text-align: center; |
|
opacity: 0; |
|
color: rgba(0, 0, 0, 0.87); |
|
-webkit-transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease; |
|
transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease; |
|
transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease; |
|
transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease; |
|
} |
|
|
|
/*-------------- |
|
Label |
|
---------------*/ |
|
|
|
|
|
/* Inside */ |
|
.ui.checkbox label, |
|
.ui.checkbox + label { |
|
color: rgba(0, 0, 0, 0.87); |
|
-webkit-transition: color 0.1s ease; |
|
transition: color 0.1s ease; |
|
} |
|
|
|
/* Outside */ |
|
.ui.checkbox + label { |
|
vertical-align: middle; |
|
} |
|
|
|
|
|
/******************************* |
|
States |
|
*******************************/ |
|
|
|
|
|
/*-------------- |
|
Hover |
|
---------------*/ |
|
|
|
.ui.checkbox .box:hover::before, |
|
.ui.checkbox label:hover::before { |
|
background: #FFFFFF; |
|
border-color: rgba(34, 36, 38, 0.35); |
|
} |
|
.ui.checkbox label:hover, |
|
.ui.checkbox + label:hover { |
|
color: rgba(0, 0, 0, 0.8); |
|
} |
|
|
|
/*-------------- |
|
Down |
|
---------------*/ |
|
|
|
.ui.checkbox .box:active::before, |
|
.ui.checkbox label:active::before { |
|
background: #F9FAFB; |
|
border-color: rgba(34, 36, 38, 0.35); |
|
} |
|
.ui.checkbox .box:active::after, |
|
.ui.checkbox label:active::after { |
|
color: rgba(0, 0, 0, 0.95); |
|
} |
|
.ui.checkbox input:active ~ label { |
|
color: rgba(0, 0, 0, 0.95); |
|
} |
|
|
|
/*-------------- |
|
Focus |
|
---------------*/ |
|
|
|
.ui.checkbox input:focus ~ .box:before, |
|
.ui.checkbox input:focus ~ label:before { |
|
background: #FFFFFF; |
|
border-color: #96C8DA; |
|
} |
|
.ui.checkbox input:focus ~ .box:after, |
|
.ui.checkbox input:focus ~ label:after { |
|
color: rgba(0, 0, 0, 0.95); |
|
} |
|
.ui.checkbox input:focus ~ label { |
|
color: rgba(0, 0, 0, 0.95); |
|
} |
|
|
|
/*-------------- |
|
Active |
|
---------------*/ |
|
|
|
.ui.checkbox input:checked ~ .box:before, |
|
.ui.checkbox input:checked ~ label:before { |
|
background: #FFFFFF; |
|
border-color: rgba(34, 36, 38, 0.35); |
|
} |
|
.ui.checkbox input:checked ~ .box:after, |
|
.ui.checkbox input:checked ~ label:after { |
|
opacity: 1; |
|
color: rgba(0, 0, 0, 0.95); |
|
} |
|
|
|
/*-------------- |
|
Indeterminate |
|
---------------*/ |
|
|
|
.ui.checkbox input:not([type=radio]):indeterminate ~ .box:before, |
|
.ui.checkbox input:not([type=radio]):indeterminate ~ label:before { |
|
background: #FFFFFF; |
|
border-color: rgba(34, 36, 38, 0.35); |
|
} |
|
.ui.checkbox input:not([type=radio]):indeterminate ~ .box:after, |
|
.ui.checkbox input:not([type=radio]):indeterminate ~ label:after { |
|
opacity: 1; |
|
color: rgba(0, 0, 0, 0.95); |
|
} |
|
|
|
/*-------------- |
|
Active Focus |
|
---------------*/ |
|
|
|
.ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:before, |
|
.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:before, |
|
.ui.checkbox input:checked:focus ~ .box:before, |
|
.ui.checkbox input:checked:focus ~ label:before { |
|
background: #FFFFFF; |
|
border-color: #96C8DA; |
|
} |
|
.ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:after, |
|
.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:after, |
|
.ui.checkbox input:checked:focus ~ .box:after, |
|
.ui.checkbox input:checked:focus ~ label:after { |
|
color: rgba(0, 0, 0, 0.95); |
|
} |
|
|
|
/*-------------- |
|
Read-Only |
|
---------------*/ |
|
|
|
.ui.read-only.checkbox, |
|
.ui.read-only.checkbox label { |
|
cursor: default; |
|
} |
|
|
|
/*-------------- |
|
Disabled |
|
---------------*/ |
|
|
|
.ui.disabled.checkbox .box:after, |
|
.ui.disabled.checkbox label, |
|
.ui.checkbox input[disabled] ~ .box:after, |
|
.ui.checkbox input[disabled] ~ label { |
|
cursor: default !important; |
|
opacity: 0.5; |
|
color: #000000; |
|
} |
|
|
|
/*-------------- |
|
Hidden |
|
---------------*/ |
|
|
|
|
|
/* Initialized checkbox moves input below element |
|
to prevent manually triggering */ |
|
.ui.checkbox input.hidden { |
|
z-index: -1; |
|
} |
|
|
|
/* Selectable Label */ |
|
.ui.checkbox input.hidden + label { |
|
cursor: pointer; |
|
-webkit-user-select: none; |
|
-moz-user-select: none; |
|
-ms-user-select: none; |
|
user-select: none; |
|
} |
|
|
|
|
|
/******************************* |
|
Types |
|
*******************************/ |
|
|
|
|
|
/*-------------- |
|
Radio |
|
---------------*/ |
|
|
|
.ui.radio.checkbox { |
|
min-height: 15px; |
|
} |
|
.ui.radio.checkbox .box, |
|
.ui.radio.checkbox label { |
|
padding-left: 1.85714em; |
|
} |
|
|
|
/* Box */ |
|
.ui.radio.checkbox .box:before, |
|
.ui.radio.checkbox label:before { |
|
content: ''; |
|
-webkit-transform: none; |
|
transform: none; |
|
width: 15px; |
|
height: 15px; |
|
border-radius: 500rem; |
|
top: 1px; |
|
left: 0px; |
|
} |
|
|
|
/* Bullet */ |
|
.ui.radio.checkbox .box:after, |
|
.ui.radio.checkbox label:after { |
|
border: none; |
|
content: '' !important; |
|
width: 15px; |
|
height: 15px; |
|
line-height: 15px; |
|
} |
|
|
|
/* Radio Checkbox */ |
|
.ui.radio.checkbox .box:after, |
|
.ui.radio.checkbox label:after { |
|
top: 1px; |
|
left: 0px; |
|
width: 15px; |
|
height: 15px; |
|
border-radius: 500rem; |
|
-webkit-transform: scale(0.46666667); |
|
transform: scale(0.46666667); |
|
background-color: rgba(0, 0, 0, 0.87); |
|
} |
|
|
|
/* Focus */ |
|
.ui.radio.checkbox input:focus ~ .box:before, |
|
.ui.radio.checkbox input:focus ~ label:before { |
|
background-color: #FFFFFF; |
|
} |
|
.ui.radio.checkbox input:focus ~ .box:after, |
|
.ui.radio.checkbox input:focus ~ label:after { |
|
background-color: rgba(0, 0, 0, 0.95); |
|
} |
|
|
|
/* Indeterminate */ |
|
.ui.radio.checkbox input:indeterminate ~ .box:after, |
|
.ui.radio.checkbox input:indeterminate ~ label:after { |
|
opacity: 0; |
|
} |
|
|
|
/* Active */ |
|
.ui.radio.checkbox input:checked ~ .box:before, |
|
.ui.radio.checkbox input:checked ~ label:before { |
|
background-color: #FFFFFF; |
|
} |
|
.ui.radio.checkbox input:checked ~ .box:after, |
|
.ui.radio.checkbox input:checked ~ label:after { |
|
background-color: rgba(0, 0, 0, 0.95); |
|
} |
|
|
|
/* Active Focus */ |
|
.ui.radio.checkbox input:focus:checked ~ .box:before, |
|
.ui.radio.checkbox input:focus:checked ~ label:before { |
|
background-color: #FFFFFF; |
|
} |
|
.ui.radio.checkbox input:focus:checked ~ .box:after, |
|
.ui.radio.checkbox input:focus:checked ~ label:after { |
|
background-color: rgba(0, 0, 0, 0.95); |
|
} |
|
|
|
/*-------------- |
|
Slider |
|
---------------*/ |
|
|
|
.ui.slider.checkbox { |
|
min-height: 1.25rem; |
|
} |
|
|
|
/* Input */ |
|
.ui.slider.checkbox input { |
|
width: 3.5rem; |
|
height: 1.25rem; |
|
} |
|
|
|
/* Label */ |
|
.ui.slider.checkbox .box, |
|
.ui.slider.checkbox label { |
|
padding-left: 4.5rem; |
|
line-height: 1rem; |
|
color: rgba(0, 0, 0, 0.4); |
|
} |
|
|
|
/* Line */ |
|
.ui.slider.checkbox .box:before, |
|
.ui.slider.checkbox label:before { |
|
display: block; |
|
position: absolute; |
|
content: ''; |
|
border: none !important; |
|
left: 0em; |
|
z-index: 1; |
|
top: 0.4rem; |
|
background-color: rgba(0, 0, 0, 0.05); |
|
width: 3.5rem; |
|
height: 0.21428571rem; |
|
-webkit-transform: none; |
|
transform: none; |
|
border-radius: 500rem; |
|
-webkit-transition: background 0.3s ease; |
|
transition: background 0.3s ease; |
|
} |
|
|
|
/* Handle */ |
|
.ui.slider.checkbox .box:after, |
|
.ui.slider.checkbox label:after { |
|
background: #FFFFFF -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); |
|
background: #FFFFFF -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); |
|
background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05)); |
|
position: absolute; |
|
content: '' !important; |
|
opacity: 1; |
|
z-index: 2; |
|
border: none; |
|
-webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; |
|
box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; |
|
width: 1.5rem; |
|
height: 1.5rem; |
|
top: -0.25rem; |
|
left: 0em; |
|
-webkit-transform: none; |
|
transform: none; |
|
border-radius: 500rem; |
|
-webkit-transition: left 0.3s ease; |
|
transition: left 0.3s ease; |
|
} |
|
|
|
/* Focus */ |
|
.ui.slider.checkbox input:focus ~ .box:before, |
|
.ui.slider.checkbox input:focus ~ label:before { |
|
background-color: rgba(0, 0, 0, 0.15); |
|
border: none; |
|
} |
|
|
|
/* Hover */ |
|
.ui.slider.checkbox .box:hover, |
|
.ui.slider.checkbox label:hover { |
|
color: rgba(0, 0, 0, 0.8); |
|
} |
|
.ui.slider.checkbox .box:hover::before, |
|
.ui.slider.checkbox label:hover::before { |
|
background: rgba(0, 0, 0, 0.15); |
|
} |
|
|
|
/* Active */ |
|
.ui.slider.checkbox input:checked ~ .box, |
|
.ui.slider.checkbox input:checked ~ label { |
|
color: rgba(0, 0, 0, 0.95) !important; |
|
} |
|
.ui.slider.checkbox input:checked ~ .box:before, |
|
.ui.slider.checkbox input:checked ~ label:before { |
|
background-color: #545454 !important; |
|
} |
|
.ui.slider.checkbox input:checked ~ .box:after, |
|
.ui.slider.checkbox input:checked ~ label:after { |
|
left: 2rem; |
|
} |
|
|
|
/* Active Focus */ |
|
.ui.slider.checkbox input:focus:checked ~ .box, |
|
.ui.slider.checkbox input:focus:checked ~ label { |
|
color: rgba(0, 0, 0, 0.95) !important; |
|
} |
|
.ui.slider.checkbox input:focus:checked ~ .box:before, |
|
.ui.slider.checkbox input:focus:checked ~ label:before { |
|
background-color: #000000 !important; |
|
} |
|
|
|
/*-------------- |
|
Toggle |
|
---------------*/ |
|
|
|
.ui.toggle.checkbox { |
|
min-height: 1.5rem; |
|
} |
|
|
|
/* Input */ |
|
.ui.toggle.checkbox input { |
|
width: 3.5rem; |
|
height: 1.5rem; |
|
} |
|
|
|
/* Label */ |
|
.ui.toggle.checkbox .box, |
|
.ui.toggle.checkbox label { |
|
min-height: 1.5rem; |
|
padding-left: 4.5rem; |
|
color: rgba(0, 0, 0, 0.87); |
|
} |
|
.ui.toggle.checkbox label { |
|
padding-top: 0.15em; |
|
} |
|
|
|
/* Switch */ |
|
.ui.toggle.checkbox .box:before, |
|
.ui.toggle.checkbox label:before { |
|
display: block; |
|
position: absolute; |
|
content: ''; |
|
z-index: 1; |
|
-webkit-transform: none; |
|
transform: none; |
|
border: none; |
|
top: 0rem; |
|
background: rgba(0, 0, 0, 0.05); |
|
-webkit-box-shadow: none; |
|
box-shadow: none; |
|
width: 3.5rem; |
|
height: 1.5rem; |
|
border-radius: 500rem; |
|
} |
|
|
|
/* Handle */ |
|
.ui.toggle.checkbox .box:after, |
|
.ui.toggle.checkbox label:after { |
|
background: #FFFFFF -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05))); |
|
background: #FFFFFF -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)); |
|
background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05)); |
|
position: absolute; |
|
content: '' !important; |
|
opacity: 1; |
|
z-index: 2; |
|
border: none; |
|
-webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; |
|
box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; |
|
width: 1.5rem; |
|
height: 1.5rem; |
|
top: 0rem; |
|
left: 0em; |
|
border-radius: 500rem; |
|
-webkit-transition: background 0.3s ease, left 0.3s ease; |
|
transition: background 0.3s ease, left 0.3s ease; |
|
} |
|
.ui.toggle.checkbox input ~ .box:after, |
|
.ui.toggle.checkbox input ~ label:after { |
|
left: -0.05rem; |
|
-webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; |
|
box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; |
|
} |
|
|
|
/* Focus */ |
|
.ui.toggle.checkbox input:focus ~ .box:before, |
|
.ui.toggle.checkbox input:focus ~ label:before { |
|
background-color: rgba(0, 0, 0, 0.15); |
|
border: none; |
|
} |
|
|
|
/* Hover */ |
|
.ui.toggle.checkbox .box:hover::before, |
|
.ui.toggle.checkbox label:hover::before { |
|
background-color: rgba(0, 0, 0, 0.15); |
|
border: none; |
|
} |
|
|
|
/* Active */ |
|
.ui.toggle.checkbox input:checked ~ .box, |
|
.ui.toggle.checkbox input:checked ~ label { |
|
color: rgba(0, 0, 0, 0.95) !important; |
|
} |
|
.ui.toggle.checkbox input:checked ~ .box:before, |
|
.ui.toggle.checkbox input:checked ~ label:before { |
|
background-color: #2185D0 !important; |
|
} |
|
.ui.toggle.checkbox input:checked ~ .box:after, |
|
.ui.toggle.checkbox input:checked ~ label:after { |
|
left: 2.15rem; |
|
-webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; |
|
box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; |
|
} |
|
|
|
/* Active Focus */ |
|
.ui.toggle.checkbox input:focus:checked ~ .box, |
|
.ui.toggle.checkbox input:focus:checked ~ label { |
|
color: rgba(0, 0, 0, 0.95) !important; |
|
} |
|
.ui.toggle.checkbox input:focus:checked ~ .box:before, |
|
.ui.toggle.checkbox input:focus:checked ~ label:before { |
|
background-color: #0d71bb !important; |
|
} |
|
|
|
|
|
/******************************* |
|
Variations |
|
*******************************/ |
|
|
|
|
|
/*-------------- |
|
Fitted |
|
---------------*/ |
|
|
|
.ui.fitted.checkbox .box, |
|
.ui.fitted.checkbox label { |
|
padding-left: 0em !important; |
|
} |
|
.ui.fitted.toggle.checkbox, |
|
.ui.fitted.toggle.checkbox { |
|
width: 3.5rem; |
|
} |
|
.ui.fitted.slider.checkbox, |
|
.ui.fitted.slider.checkbox { |
|
width: 3.5rem; |
|
} |
|
|
|
|
|
/******************************* |
|
Theme Overrides |
|
*******************************/ |
|
|
|
@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'); |
|
} |
|
|
|
/* Checkmark */ |
|
.ui.checkbox label:after, |
|
.ui.checkbox .box:after { |
|
font-family: 'Checkbox'; |
|
} |
|
|
|
/* Checked */ |
|
.ui.checkbox input:checked ~ .box:after, |
|
.ui.checkbox input:checked ~ label:after { |
|
content: '\e800'; |
|
} |
|
|
|
/* Indeterminate */ |
|
.ui.checkbox input:indeterminate ~ .box:after, |
|
.ui.checkbox input:indeterminate ~ label:after { |
|
font-size: 12px; |
|
content: '\e801'; |
|
} |
|
/* UTF Reference |
|
.check:before { content: '\e800'; } |
|
.dash:before { content: '\e801'; } |
|
.plus:before { content: '\e802'; } |
|
*/ |
|
|
|
|
|
/******************************* |
|
Site Overrides |
|
*******************************/ |
|
|
|
|