checkbox.css 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632
  1. /*!
  2. * # Semantic UI 2.4.2 - Checkbox
  3. * http://github.com/semantic-org/semantic-ui/
  4. *
  5. *
  6. * Released under the MIT license
  7. * http://opensource.org/licenses/MIT
  8. *
  9. */
  10. /*******************************
  11. Checkbox
  12. *******************************/
  13. /*--------------
  14. Content
  15. ---------------*/
  16. .ui.checkbox {
  17. position: relative;
  18. display: inline-block;
  19. -webkit-backface-visibility: hidden;
  20. backface-visibility: hidden;
  21. outline: none;
  22. vertical-align: baseline;
  23. font-style: normal;
  24. min-height: 17px;
  25. font-size: 1rem;
  26. line-height: 17px;
  27. min-width: 17px;
  28. }
  29. /* HTML Checkbox */
  30. .ui.checkbox input[type="checkbox"],
  31. .ui.checkbox input[type="radio"] {
  32. cursor: pointer;
  33. position: absolute;
  34. top: 0px;
  35. left: 0px;
  36. opacity: 0 !important;
  37. outline: none;
  38. z-index: 3;
  39. width: 17px;
  40. height: 17px;
  41. }
  42. /*--------------
  43. Box
  44. ---------------*/
  45. .ui.checkbox .box,
  46. .ui.checkbox label {
  47. cursor: auto;
  48. position: relative;
  49. display: block;
  50. padding-left: 1.85714em;
  51. outline: none;
  52. font-size: 1em;
  53. }
  54. .ui.checkbox .box:before,
  55. .ui.checkbox label:before {
  56. position: absolute;
  57. top: 0px;
  58. left: 0px;
  59. width: 17px;
  60. height: 17px;
  61. content: '';
  62. background: #FFFFFF;
  63. border-radius: 0.21428571rem;
  64. -webkit-transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;
  65. transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;
  66. transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
  67. 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;
  68. border: 1px solid #D4D4D5;
  69. }
  70. /*--------------
  71. Checkmark
  72. ---------------*/
  73. .ui.checkbox .box:after,
  74. .ui.checkbox label:after {
  75. position: absolute;
  76. font-size: 14px;
  77. top: 0px;
  78. left: 0px;
  79. width: 17px;
  80. height: 17px;
  81. text-align: center;
  82. opacity: 0;
  83. color: rgba(0, 0, 0, 0.87);
  84. -webkit-transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;
  85. transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease;
  86. transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
  87. 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;
  88. }
  89. /*--------------
  90. Label
  91. ---------------*/
  92. /* Inside */
  93. .ui.checkbox label,
  94. .ui.checkbox + label {
  95. color: rgba(0, 0, 0, 0.87);
  96. -webkit-transition: color 0.1s ease;
  97. transition: color 0.1s ease;
  98. }
  99. /* Outside */
  100. .ui.checkbox + label {
  101. vertical-align: middle;
  102. }
  103. /*******************************
  104. States
  105. *******************************/
  106. /*--------------
  107. Hover
  108. ---------------*/
  109. .ui.checkbox .box:hover::before,
  110. .ui.checkbox label:hover::before {
  111. background: #FFFFFF;
  112. border-color: rgba(34, 36, 38, 0.35);
  113. }
  114. .ui.checkbox label:hover,
  115. .ui.checkbox + label:hover {
  116. color: rgba(0, 0, 0, 0.8);
  117. }
  118. /*--------------
  119. Down
  120. ---------------*/
  121. .ui.checkbox .box:active::before,
  122. .ui.checkbox label:active::before {
  123. background: #F9FAFB;
  124. border-color: rgba(34, 36, 38, 0.35);
  125. }
  126. .ui.checkbox .box:active::after,
  127. .ui.checkbox label:active::after {
  128. color: rgba(0, 0, 0, 0.95);
  129. }
  130. .ui.checkbox input:active ~ label {
  131. color: rgba(0, 0, 0, 0.95);
  132. }
  133. /*--------------
  134. Focus
  135. ---------------*/
  136. .ui.checkbox input:focus ~ .box:before,
  137. .ui.checkbox input:focus ~ label:before {
  138. background: #FFFFFF;
  139. border-color: #96C8DA;
  140. }
  141. .ui.checkbox input:focus ~ .box:after,
  142. .ui.checkbox input:focus ~ label:after {
  143. color: rgba(0, 0, 0, 0.95);
  144. }
  145. .ui.checkbox input:focus ~ label {
  146. color: rgba(0, 0, 0, 0.95);
  147. }
  148. /*--------------
  149. Active
  150. ---------------*/
  151. .ui.checkbox input:checked ~ .box:before,
  152. .ui.checkbox input:checked ~ label:before {
  153. background: #FFFFFF;
  154. border-color: rgba(34, 36, 38, 0.35);
  155. }
  156. .ui.checkbox input:checked ~ .box:after,
  157. .ui.checkbox input:checked ~ label:after {
  158. opacity: 1;
  159. color: rgba(0, 0, 0, 0.95);
  160. }
  161. /*--------------
  162. Indeterminate
  163. ---------------*/
  164. .ui.checkbox input:not([type=radio]):indeterminate ~ .box:before,
  165. .ui.checkbox input:not([type=radio]):indeterminate ~ label:before {
  166. background: #FFFFFF;
  167. border-color: rgba(34, 36, 38, 0.35);
  168. }
  169. .ui.checkbox input:not([type=radio]):indeterminate ~ .box:after,
  170. .ui.checkbox input:not([type=radio]):indeterminate ~ label:after {
  171. opacity: 1;
  172. color: rgba(0, 0, 0, 0.95);
  173. }
  174. /*--------------
  175. Active Focus
  176. ---------------*/
  177. .ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:before,
  178. .ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:before,
  179. .ui.checkbox input:checked:focus ~ .box:before,
  180. .ui.checkbox input:checked:focus ~ label:before {
  181. background: #FFFFFF;
  182. border-color: #96C8DA;
  183. }
  184. .ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:after,
  185. .ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:after,
  186. .ui.checkbox input:checked:focus ~ .box:after,
  187. .ui.checkbox input:checked:focus ~ label:after {
  188. color: rgba(0, 0, 0, 0.95);
  189. }
  190. /*--------------
  191. Read-Only
  192. ---------------*/
  193. .ui.read-only.checkbox,
  194. .ui.read-only.checkbox label {
  195. cursor: default;
  196. }
  197. /*--------------
  198. Disabled
  199. ---------------*/
  200. .ui.disabled.checkbox .box:after,
  201. .ui.disabled.checkbox label,
  202. .ui.checkbox input[disabled] ~ .box:after,
  203. .ui.checkbox input[disabled] ~ label {
  204. cursor: default !important;
  205. opacity: 0.5;
  206. color: #000000;
  207. }
  208. /*--------------
  209. Hidden
  210. ---------------*/
  211. /* Initialized checkbox moves input below element
  212. to prevent manually triggering */
  213. .ui.checkbox input.hidden {
  214. z-index: -1;
  215. }
  216. /* Selectable Label */
  217. .ui.checkbox input.hidden + label {
  218. cursor: pointer;
  219. -webkit-user-select: none;
  220. -moz-user-select: none;
  221. -ms-user-select: none;
  222. user-select: none;
  223. }
  224. /*******************************
  225. Types
  226. *******************************/
  227. /*--------------
  228. Radio
  229. ---------------*/
  230. .ui.radio.checkbox {
  231. min-height: 15px;
  232. }
  233. .ui.radio.checkbox .box,
  234. .ui.radio.checkbox label {
  235. padding-left: 1.85714em;
  236. }
  237. /* Box */
  238. .ui.radio.checkbox .box:before,
  239. .ui.radio.checkbox label:before {
  240. content: '';
  241. -webkit-transform: none;
  242. transform: none;
  243. width: 15px;
  244. height: 15px;
  245. border-radius: 500rem;
  246. top: 1px;
  247. left: 0px;
  248. }
  249. /* Bullet */
  250. .ui.radio.checkbox .box:after,
  251. .ui.radio.checkbox label:after {
  252. border: none;
  253. content: '' !important;
  254. width: 15px;
  255. height: 15px;
  256. line-height: 15px;
  257. }
  258. /* Radio Checkbox */
  259. .ui.radio.checkbox .box:after,
  260. .ui.radio.checkbox label:after {
  261. top: 1px;
  262. left: 0px;
  263. width: 15px;
  264. height: 15px;
  265. border-radius: 500rem;
  266. -webkit-transform: scale(0.46666667);
  267. transform: scale(0.46666667);
  268. background-color: rgba(0, 0, 0, 0.87);
  269. }
  270. /* Focus */
  271. .ui.radio.checkbox input:focus ~ .box:before,
  272. .ui.radio.checkbox input:focus ~ label:before {
  273. background-color: #FFFFFF;
  274. }
  275. .ui.radio.checkbox input:focus ~ .box:after,
  276. .ui.radio.checkbox input:focus ~ label:after {
  277. background-color: rgba(0, 0, 0, 0.95);
  278. }
  279. /* Indeterminate */
  280. .ui.radio.checkbox input:indeterminate ~ .box:after,
  281. .ui.radio.checkbox input:indeterminate ~ label:after {
  282. opacity: 0;
  283. }
  284. /* Active */
  285. .ui.radio.checkbox input:checked ~ .box:before,
  286. .ui.radio.checkbox input:checked ~ label:before {
  287. background-color: #FFFFFF;
  288. }
  289. .ui.radio.checkbox input:checked ~ .box:after,
  290. .ui.radio.checkbox input:checked ~ label:after {
  291. background-color: rgba(0, 0, 0, 0.95);
  292. }
  293. /* Active Focus */
  294. .ui.radio.checkbox input:focus:checked ~ .box:before,
  295. .ui.radio.checkbox input:focus:checked ~ label:before {
  296. background-color: #FFFFFF;
  297. }
  298. .ui.radio.checkbox input:focus:checked ~ .box:after,
  299. .ui.radio.checkbox input:focus:checked ~ label:after {
  300. background-color: rgba(0, 0, 0, 0.95);
  301. }
  302. /*--------------
  303. Slider
  304. ---------------*/
  305. .ui.slider.checkbox {
  306. min-height: 1.25rem;
  307. }
  308. /* Input */
  309. .ui.slider.checkbox input {
  310. width: 3.5rem;
  311. height: 1.25rem;
  312. }
  313. /* Label */
  314. .ui.slider.checkbox .box,
  315. .ui.slider.checkbox label {
  316. padding-left: 4.5rem;
  317. line-height: 1rem;
  318. color: rgba(0, 0, 0, 0.4);
  319. }
  320. /* Line */
  321. .ui.slider.checkbox .box:before,
  322. .ui.slider.checkbox label:before {
  323. display: block;
  324. position: absolute;
  325. content: '';
  326. border: none !important;
  327. left: 0em;
  328. z-index: 1;
  329. top: 0.4rem;
  330. background-color: rgba(0, 0, 0, 0.05);
  331. width: 3.5rem;
  332. height: 0.21428571rem;
  333. -webkit-transform: none;
  334. transform: none;
  335. border-radius: 500rem;
  336. -webkit-transition: background 0.3s ease;
  337. transition: background 0.3s ease;
  338. }
  339. /* Handle */
  340. .ui.slider.checkbox .box:after,
  341. .ui.slider.checkbox label:after {
  342. background: #FFFFFF -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
  343. background: #FFFFFF -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  344. background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  345. position: absolute;
  346. content: '' !important;
  347. opacity: 1;
  348. z-index: 2;
  349. border: none;
  350. -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
  351. box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
  352. width: 1.5rem;
  353. height: 1.5rem;
  354. top: -0.25rem;
  355. left: 0em;
  356. -webkit-transform: none;
  357. transform: none;
  358. border-radius: 500rem;
  359. -webkit-transition: left 0.3s ease;
  360. transition: left 0.3s ease;
  361. }
  362. /* Focus */
  363. .ui.slider.checkbox input:focus ~ .box:before,
  364. .ui.slider.checkbox input:focus ~ label:before {
  365. background-color: rgba(0, 0, 0, 0.15);
  366. border: none;
  367. }
  368. /* Hover */
  369. .ui.slider.checkbox .box:hover,
  370. .ui.slider.checkbox label:hover {
  371. color: rgba(0, 0, 0, 0.8);
  372. }
  373. .ui.slider.checkbox .box:hover::before,
  374. .ui.slider.checkbox label:hover::before {
  375. background: rgba(0, 0, 0, 0.15);
  376. }
  377. /* Active */
  378. .ui.slider.checkbox input:checked ~ .box,
  379. .ui.slider.checkbox input:checked ~ label {
  380. color: rgba(0, 0, 0, 0.95) !important;
  381. }
  382. .ui.slider.checkbox input:checked ~ .box:before,
  383. .ui.slider.checkbox input:checked ~ label:before {
  384. background-color: #545454 !important;
  385. }
  386. .ui.slider.checkbox input:checked ~ .box:after,
  387. .ui.slider.checkbox input:checked ~ label:after {
  388. left: 2rem;
  389. }
  390. /* Active Focus */
  391. .ui.slider.checkbox input:focus:checked ~ .box,
  392. .ui.slider.checkbox input:focus:checked ~ label {
  393. color: rgba(0, 0, 0, 0.95) !important;
  394. }
  395. .ui.slider.checkbox input:focus:checked ~ .box:before,
  396. .ui.slider.checkbox input:focus:checked ~ label:before {
  397. background-color: #000000 !important;
  398. }
  399. /*--------------
  400. Toggle
  401. ---------------*/
  402. .ui.toggle.checkbox {
  403. min-height: 1.5rem;
  404. }
  405. /* Input */
  406. .ui.toggle.checkbox input {
  407. width: 3.5rem;
  408. height: 1.5rem;
  409. }
  410. /* Label */
  411. .ui.toggle.checkbox .box,
  412. .ui.toggle.checkbox label {
  413. min-height: 1.5rem;
  414. padding-left: 4.5rem;
  415. color: rgba(0, 0, 0, 0.87);
  416. }
  417. .ui.toggle.checkbox label {
  418. padding-top: 0.15em;
  419. }
  420. /* Switch */
  421. .ui.toggle.checkbox .box:before,
  422. .ui.toggle.checkbox label:before {
  423. display: block;
  424. position: absolute;
  425. content: '';
  426. z-index: 1;
  427. -webkit-transform: none;
  428. transform: none;
  429. border: none;
  430. top: 0rem;
  431. background: rgba(0, 0, 0, 0.05);
  432. -webkit-box-shadow: none;
  433. box-shadow: none;
  434. width: 3.5rem;
  435. height: 1.5rem;
  436. border-radius: 500rem;
  437. }
  438. /* Handle */
  439. .ui.toggle.checkbox .box:after,
  440. .ui.toggle.checkbox label:after {
  441. background: #FFFFFF -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
  442. background: #FFFFFF -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  443. background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  444. position: absolute;
  445. content: '' !important;
  446. opacity: 1;
  447. z-index: 2;
  448. border: none;
  449. -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
  450. box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
  451. width: 1.5rem;
  452. height: 1.5rem;
  453. top: 0rem;
  454. left: 0em;
  455. border-radius: 500rem;
  456. -webkit-transition: background 0.3s ease, left 0.3s ease;
  457. transition: background 0.3s ease, left 0.3s ease;
  458. }
  459. .ui.toggle.checkbox input ~ .box:after,
  460. .ui.toggle.checkbox input ~ label:after {
  461. left: -0.05rem;
  462. -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
  463. box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
  464. }
  465. /* Focus */
  466. .ui.toggle.checkbox input:focus ~ .box:before,
  467. .ui.toggle.checkbox input:focus ~ label:before {
  468. background-color: rgba(0, 0, 0, 0.15);
  469. border: none;
  470. }
  471. /* Hover */
  472. .ui.toggle.checkbox .box:hover::before,
  473. .ui.toggle.checkbox label:hover::before {
  474. background-color: rgba(0, 0, 0, 0.15);
  475. border: none;
  476. }
  477. /* Active */
  478. .ui.toggle.checkbox input:checked ~ .box,
  479. .ui.toggle.checkbox input:checked ~ label {
  480. color: rgba(0, 0, 0, 0.95) !important;
  481. }
  482. .ui.toggle.checkbox input:checked ~ .box:before,
  483. .ui.toggle.checkbox input:checked ~ label:before {
  484. background-color: #2185D0 !important;
  485. }
  486. .ui.toggle.checkbox input:checked ~ .box:after,
  487. .ui.toggle.checkbox input:checked ~ label:after {
  488. left: 2.15rem;
  489. -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
  490. box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
  491. }
  492. /* Active Focus */
  493. .ui.toggle.checkbox input:focus:checked ~ .box,
  494. .ui.toggle.checkbox input:focus:checked ~ label {
  495. color: rgba(0, 0, 0, 0.95) !important;
  496. }
  497. .ui.toggle.checkbox input:focus:checked ~ .box:before,
  498. .ui.toggle.checkbox input:focus:checked ~ label:before {
  499. background-color: #0d71bb !important;
  500. }
  501. /*******************************
  502. Variations
  503. *******************************/
  504. /*--------------
  505. Fitted
  506. ---------------*/
  507. .ui.fitted.checkbox .box,
  508. .ui.fitted.checkbox label {
  509. padding-left: 0em !important;
  510. }
  511. .ui.fitted.toggle.checkbox,
  512. .ui.fitted.toggle.checkbox {
  513. width: 3.5rem;
  514. }
  515. .ui.fitted.slider.checkbox,
  516. .ui.fitted.slider.checkbox {
  517. width: 3.5rem;
  518. }
  519. /*******************************
  520. Theme Overrides
  521. *******************************/
  522. @font-face {
  523. font-family: 'Checkbox';
  524. src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBD8AAAC8AAAAYGNtYXAYVtCJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn4huwUAAAF4AAABYGhlYWQGPe1ZAAAC2AAAADZoaGVhB30DyAAAAxAAAAAkaG10eBBKAEUAAAM0AAAAHGxvY2EAmgESAAADUAAAABBtYXhwAAkALwAAA2AAAAAgbmFtZSC8IugAAAOAAAABknBvc3QAAwAAAAAFFAAAACAAAwMTAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6AL//f//AAAAAAAg6AD//f//AAH/4xgEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAEUAUQO7AvgAGgAAARQHAQYjIicBJjU0PwE2MzIfAQE2MzIfARYVA7sQ/hQQFhcQ/uMQEE4QFxcQqAF2EBcXEE4QAnMWEP4UEBABHRAXFhBOEBCoAXcQEE4QFwAAAAABAAABbgMlAkkAFAAAARUUBwYjISInJj0BNDc2MyEyFxYVAyUQEBf9SRcQEBAQFwK3FxAQAhJtFxAQEBAXbRcQEBAQFwAAAAABAAAASQMlA24ALAAAARUUBwYrARUUBwYrASInJj0BIyInJj0BNDc2OwE1NDc2OwEyFxYdATMyFxYVAyUQEBfuEBAXbhYQEO4XEBAQEBfuEBAWbhcQEO4XEBACEm0XEBDuFxAQEBAX7hAQF20XEBDuFxAQEBAX7hAQFwAAAQAAAAIAAHRSzT9fDzz1AAsEAAAAAADRsdR3AAAAANGx1HcAAAAAA7sDbgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADuwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAABFAyUAAAMlAAAAAAAAAAoAFAAeAE4AcgCwAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhWZXJzaW9uIDIuMABWAGUAcgBzAGkAbwBuACAAMgAuADBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhDaGVja2JveABDAGgAZQBjAGsAYgBvAHhSZWd1bGFyAFIAZQBnAHUAbABhAHJDaGVja2JveABDAGgAZQBjAGsAYgBvAHhGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype');
  525. }
  526. /* Checkmark */
  527. .ui.checkbox label:after,
  528. .ui.checkbox .box:after {
  529. font-family: 'Checkbox';
  530. }
  531. /* Checked */
  532. .ui.checkbox input:checked ~ .box:after,
  533. .ui.checkbox input:checked ~ label:after {
  534. content: '\e800';
  535. }
  536. /* Indeterminate */
  537. .ui.checkbox input:indeterminate ~ .box:after,
  538. .ui.checkbox input:indeterminate ~ label:after {
  539. font-size: 12px;
  540. content: '\e801';
  541. }
  542. /* UTF Reference
  543. .check:before { content: '\e800'; }
  544. .dash:before { content: '\e801'; }
  545. .plus:before { content: '\e802'; }
  546. */
  547. /*******************************
  548. Site Overrides
  549. *******************************/