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.

507 lines
20 KiB

9 years ago
9 years ago
9 years ago
10 years ago
10 years ago
9 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
9 years ago
10 years ago
9 years ago
10 years ago
10 years ago
9 years ago
10 years ago
9 years ago
10 years ago
10 years ago
10 years ago
10 years ago
9 years ago
10 years ago
9 years ago
10 years ago
9 years ago
10 years ago
9 years ago
10 years ago
9 years ago
10 years ago
10 years ago
10 years ago
10 years ago
9 years ago
10 years ago
9 years ago
10 years ago
9 years ago
10 years ago
9 years ago
10 years ago
9 years ago
10 years ago
9 years ago
10 years ago
10 years ago
10 years ago
10 years ago
  1. /*!
  2. * # Semantic UI 2.0.0 - Checkbox
  3. * http://github.com/semantic-org/semantic-ui/
  4. *
  5. *
  6. * Copyright 2014 Contributors
  7. * Released under the MIT license
  8. * http://opensource.org/licenses/MIT
  9. *
  10. */
  11. /*******************************
  12. Checkbox
  13. *******************************/
  14. /*--------------
  15. Content
  16. ---------------*/
  17. .ui.checkbox {
  18. position: relative;
  19. display: inline-block;
  20. min-height: 17px;
  21. font-size: 1rem;
  22. line-height: 15px;
  23. min-width: 17px;
  24. -webkit-backface-visibility: hidden;
  25. backface-visibility: hidden;
  26. outline: none;
  27. vertical-align: middle;
  28. }
  29. .ui.checkbox input[type="checkbox"],
  30. .ui.checkbox input[type="radio"] {
  31. position: absolute;
  32. top: 0px;
  33. left: 0px;
  34. opacity: 0 !important;
  35. outline: none;
  36. z-index: -1;
  37. }
  38. /*--------------
  39. Box
  40. ---------------*/
  41. .ui.checkbox .box,
  42. .ui.checkbox label {
  43. display: block;
  44. cursor: pointer;
  45. padding-left: 1.75em;
  46. outline: none;
  47. }
  48. .ui.checkbox label {
  49. font-size: 1em;
  50. }
  51. .ui.checkbox .box:before,
  52. .ui.checkbox label:before {
  53. position: absolute;
  54. line-height: 1;
  55. width: 17px;
  56. height: 17px;
  57. top: 0em;
  58. left: 0em;
  59. content: '';
  60. background: #ffffff;
  61. border-radius: 0.25em;
  62. -webkit-transition: background-color 0.3s ease, border 0.3s ease, box-shadow 0.3s ease;
  63. transition: background-color 0.3s ease, border 0.3s ease, box-shadow 0.3s ease;
  64. border: 1px solid #d4d4d5;
  65. }
  66. /*--------------
  67. Checkmark
  68. ---------------*/
  69. .ui.checkbox .box:after,
  70. .ui.checkbox label:after {
  71. position: absolute;
  72. top: 0px;
  73. left: 0px;
  74. line-height: 17px;
  75. width: 17px;
  76. height: 17px;
  77. text-align: center;
  78. opacity: 0;
  79. color: rgba(0, 0, 0, 0.8);
  80. -webkit-transition: all 0.2s ease;
  81. transition: all 0.2s ease;
  82. }
  83. /*--------------
  84. Label
  85. ---------------*/
  86. /* Inside */
  87. .ui.checkbox label,
  88. .ui.checkbox + label {
  89. cursor: pointer;
  90. color: rgba(0, 0, 0, 0.8);
  91. -webkit-transition: color 0.2s ease;
  92. transition: color 0.2s ease;
  93. -webkit-user-select: none;
  94. -moz-user-select: none;
  95. -ms-user-select: none;
  96. user-select: none;
  97. }
  98. /* Outside */
  99. .ui.checkbox + label {
  100. vertical-align: middle;
  101. }
  102. /*******************************
  103. States
  104. *******************************/
  105. /*--------------
  106. Hover
  107. ---------------*/
  108. .ui.checkbox .box:hover::before,
  109. .ui.checkbox label:hover::before {
  110. background: #ffffff;
  111. border: 1px solid rgba(34, 36, 38, 0.3);
  112. }
  113. .ui.checkbox label:hover,
  114. .ui.checkbox + label:hover {
  115. color: rgba(0, 0, 0, 0.8);
  116. }
  117. /*--------------
  118. Down
  119. ---------------*/
  120. .ui.checkbox .box:active::before,
  121. .ui.checkbox label:active::before {
  122. background: #f5f5f5;
  123. border: 1px solid 1px solid rgba(34, 36, 38, 0.3);
  124. }
  125. .ui.checkbox input[type="checkbox"]:active ~ label,
  126. .ui.checkbox input[type="radio"]:active ~ label {
  127. color: rgba(0, 0, 0, 0.9);
  128. }
  129. /*--------------
  130. Focus
  131. ---------------*/
  132. .ui.checkbox input[type="checkbox"]:focus ~ .box:before,
  133. .ui.checkbox input[type="checkbox"]:focus ~ label:before,
  134. .ui.checkbox input[type="radio"]:focus ~ .box:before,
  135. .ui.checkbox input[type="radio"]:focus ~ label:before {
  136. background: #f5f5f5;
  137. border: 1px solid 1px solid rgba(34, 36, 38, 0.3);
  138. }
  139. .ui.checkbox input[type="checkbox"]:focus ~ label,
  140. .ui.checkbox input[type="radio"]:focus ~ label {
  141. color: rgba(0, 0, 0, 0.9);
  142. }
  143. /*--------------
  144. Active
  145. ---------------*/
  146. .ui.checkbox input[type="checkbox"]:checked ~ .box:after,
  147. .ui.checkbox input[type="checkbox"]:checked ~ label:after,
  148. .ui.checkbox input[type="radio"]:checked ~ .box:after,
  149. .ui.checkbox input[type="radio"]:checked ~ label:after {
  150. opacity: 1;
  151. }
  152. /*--------------
  153. Read-Only
  154. ---------------*/
  155. .ui.read-only.checkbox,
  156. .ui.read-only.checkbox label {
  157. cursor: default;
  158. }
  159. /*--------------
  160. Disabled
  161. ---------------*/
  162. .ui.disabled.checkbox .box:after,
  163. .ui.disabled.checkbox label,
  164. .ui.checkbox input[disabled] ~ .box:after,
  165. .ui.checkbox input[disabled] ~ label {
  166. cursor: default;
  167. opacity: 0.5;
  168. color: #000000;
  169. }
  170. /*******************************
  171. Types
  172. *******************************/
  173. /*--------------
  174. Radio
  175. ---------------*/
  176. .ui.radio.checkbox {
  177. min-height: 14px;
  178. }
  179. /* Box */
  180. .ui.radio.checkbox .box:before,
  181. .ui.radio.checkbox label:before {
  182. width: 14px;
  183. height: 14px;
  184. border-radius: 500rem;
  185. top: 1px;
  186. left: 0px;
  187. -webkit-transform: none;
  188. -ms-transform: none;
  189. transform: none;
  190. }
  191. /* Circle */
  192. .ui.radio.checkbox .box:after,
  193. .ui.radio.checkbox label:after {
  194. border: none;
  195. width: 14px;
  196. height: 14px;
  197. line-height: 14px;
  198. top: 1px;
  199. left: 0px;
  200. font-size: 9px;
  201. }
  202. /* Radio Checkbox */
  203. .ui.radio.checkbox .box:after,
  204. .ui.radio.checkbox label:after {
  205. width: 14px;
  206. height: 14px;
  207. border-radius: 500rem;
  208. -webkit-transform: scale(0.42857143);
  209. -ms-transform: scale(0.42857143);
  210. transform: scale(0.42857143);
  211. background-color: rgba(0, 0, 0, 0.8);
  212. }
  213. /*--------------
  214. Slider
  215. ---------------*/
  216. .ui.slider.checkbox {
  217. min-height: 1.25rem;
  218. }
  219. .ui.slider.checkbox .box,
  220. .ui.slider.checkbox label {
  221. padding-left: 4.5rem;
  222. line-height: 1rem;
  223. color: rgba(0, 0, 0, 0.4);
  224. }
  225. /* Line */
  226. .ui.slider.checkbox .box:before,
  227. .ui.slider.checkbox label:before {
  228. display: block;
  229. position: absolute;
  230. content: '';
  231. top: 0.4rem;
  232. left: 0em;
  233. z-index: 1;
  234. border: none !important;
  235. background-color: rgba(0, 0, 0, 0.05);
  236. width: 3.5rem;
  237. height: 0.25rem;
  238. -webkit-transform: none;
  239. -ms-transform: none;
  240. transform: none;
  241. border-radius: 500rem;
  242. -webkit-transition: background 0.3s ease
  243. ;
  244. transition: background 0.3s ease
  245. ;
  246. }
  247. /* Handle */
  248. .ui.slider.checkbox .box:after,
  249. .ui.slider.checkbox label:after {
  250. background: #ffffff -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  251. background: #ffffff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  252. position: absolute;
  253. content: '';
  254. opacity: 1;
  255. z-index: 2;
  256. border: none;
  257. box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.05), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
  258. width: 1.5rem;
  259. height: 1.5rem;
  260. top: -0.25rem;
  261. left: 0em;
  262. -webkit-transform: none;
  263. -ms-transform: none;
  264. transform: none;
  265. border-radius: 500rem;
  266. -webkit-transition: left 0.3s ease 0s
  267. ;
  268. transition: left 0.3s ease 0s
  269. ;
  270. }
  271. /* Focus */
  272. .ui.slider.checkbox input[type="checkbox"]:focus ~ .box:before,
  273. .ui.slider.checkbox input[type="checkbox"]:focus ~ label:before,
  274. .ui.slider.checkbox input[type="radio"]:focus ~ .box:before,
  275. .ui.slider.checkbox input[type="radio"]:focus ~ label:before {
  276. background-color: rgba(0, 0, 0, 0.1);
  277. border: none;
  278. }
  279. /* Hover */
  280. .ui.slider.checkbox .box:hover,
  281. .ui.slider.checkbox label:hover {
  282. color: rgba(0, 0, 0, 0.8);
  283. }
  284. .ui.slider.checkbox .box:hover::before,
  285. .ui.slider.checkbox label:hover::before {
  286. background: rgba(0, 0, 0, 0.1);
  287. }
  288. /* Active */
  289. .ui.slider.checkbox input[type="checkbox"]:checked ~ .box,
  290. .ui.slider.checkbox input[type="checkbox"]:checked ~ label,
  291. .ui.slider.checkbox input[type="radio"]:checked ~ .box,
  292. .ui.slider.checkbox input[type="radio"]:checked ~ label {
  293. color: rgba(0, 0, 0, 0.9);
  294. }
  295. .ui.slider.checkbox input[type="checkbox"]:checked ~ .box:before,
  296. .ui.slider.checkbox input[type="checkbox"]:checked ~ label:before,
  297. .ui.slider.checkbox input[type="radio"]:checked ~ .box:before,
  298. .ui.slider.checkbox input[type="radio"]:checked ~ label:before {
  299. background-color: rgba(0, 0, 0, 0.1);
  300. }
  301. .ui.slider.checkbox input[type="checkbox"]:checked ~ .box:after,
  302. .ui.slider.checkbox input[type="checkbox"]:checked ~ label:after,
  303. .ui.slider.checkbox input[type="radio"]:checked ~ .box:after,
  304. .ui.slider.checkbox input[type="radio"]:checked ~ label:after {
  305. left: 2rem;
  306. }
  307. /*--------------
  308. Toggle
  309. ---------------*/
  310. .ui.toggle.checkbox {
  311. min-height: 1.5rem;
  312. }
  313. .ui.toggle.checkbox .box,
  314. .ui.toggle.checkbox label {
  315. min-height: 1.5rem;
  316. padding-left: 4.5rem;
  317. color: rgba(0, 0, 0, 0.8);
  318. }
  319. .ui.toggle.checkbox label {
  320. padding-top: 0.15em;
  321. }
  322. /* Switch */
  323. .ui.toggle.checkbox .box:before,
  324. .ui.toggle.checkbox label:before {
  325. display: block;
  326. position: absolute;
  327. content: '';
  328. top: 0rem;
  329. z-index: 1;
  330. border: none;
  331. background-color: rgba(0, 0, 0, 0.05);
  332. width: 3.5rem;
  333. height: 1.5rem;
  334. border-radius: 500rem;
  335. }
  336. /* Handle */
  337. .ui.toggle.checkbox .box:after,
  338. .ui.toggle.checkbox label:after {
  339. background: #ffffff -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  340. background: #ffffff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  341. position: absolute;
  342. content: '';
  343. opacity: 1;
  344. z-index: 2;
  345. border: none;
  346. box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.05), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
  347. width: 1.5rem;
  348. height: 1.5rem;
  349. top: 0rem;
  350. left: 0em;
  351. border-radius: 500rem;
  352. -webkit-transition: background 0.3s ease 0s,
  353. left 0.3s ease 0s
  354. ;
  355. transition: background 0.3s ease 0s,
  356. left 0.3s ease 0s
  357. ;
  358. }
  359. .ui.toggle.checkbox input[type="checkbox"] ~ .box:after,
  360. .ui.toggle.checkbox input[type="checkbox"] ~ label:after,
  361. .ui.toggle.checkbox input[type="radio"] ~ .box:after,
  362. .ui.toggle.checkbox input[type="radio"] ~ label:after {
  363. left: -0.05rem;
  364. }
  365. /* Focus */
  366. .ui.toggle.checkbox input[type="checkbox"]:focus ~ .box:before,
  367. .ui.toggle.checkbox input[type="checkbox"]:focus ~ label:before,
  368. .ui.toggle.checkbox input[type="radio"]:focus ~ .box:before,
  369. .ui.toggle.checkbox input[type="radio"]:focus ~ label:before {
  370. background-color: rgba(0, 0, 0, 0.1);
  371. border: none;
  372. }
  373. /* Hover */
  374. .ui.toggle.checkbox .box:hover::before,
  375. .ui.toggle.checkbox label:hover::before {
  376. background-color: rgba(0, 0, 0, 0.1);
  377. border: none;
  378. }
  379. /* Active */
  380. .ui.toggle.checkbox input[type="checkbox"]:checked ~ .box,
  381. .ui.toggle.checkbox input[type="checkbox"]:checked ~ label,
  382. .ui.toggle.checkbox input[type="radio"]:checked ~ .box,
  383. .ui.toggle.checkbox input[type="radio"]:checked ~ label {
  384. color: rgba(0, 0, 0, 0.9);
  385. }
  386. .ui.toggle.checkbox input[type="checkbox"]:checked ~ .box:before,
  387. .ui.toggle.checkbox input[type="checkbox"]:checked ~ label:before,
  388. .ui.toggle.checkbox input[type="radio"]:checked ~ .box:before,
  389. .ui.toggle.checkbox input[type="radio"]:checked ~ label:before {
  390. background-color: #3b83c0;
  391. }
  392. .ui.toggle.checkbox input[type="checkbox"]:checked ~ .box:after,
  393. .ui.toggle.checkbox input[type="checkbox"]:checked ~ label:after,
  394. .ui.toggle.checkbox input[type="radio"]:checked ~ .box:after,
  395. .ui.toggle.checkbox input[type="radio"]:checked ~ label:after {
  396. left: 2.15rem;
  397. }
  398. /*******************************
  399. Variations
  400. *******************************/
  401. /*--------------
  402. Fitted
  403. ---------------*/
  404. .ui.fitted.checkbox .box,
  405. .ui.fitted.checkbox label {
  406. padding-left: 0em !important;
  407. }
  408. .ui.fitted.toggle.checkbox,
  409. .ui.fitted.toggle.checkbox {
  410. width: 3.5rem;
  411. }
  412. .ui.fitted.slider.checkbox,
  413. .ui.fitted.slider.checkbox {
  414. width: 3.5rem;
  415. }
  416. /*******************************
  417. Theme Overrides
  418. *******************************/
  419. @font-face {
  420. font-family: 'Checkbox';
  421. src: url(data:application/x-font-ttf;charset=utf-8;base64,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
  422. }
  423. .ui.checkbox label:before,
  424. .ui.checkbox .box:before,
  425. .ui.checkbox label:after,
  426. .ui.checkbox .box:after {
  427. font-family: 'Checkbox';
  428. }
  429. .ui.checkbox label:after,
  430. .ui.checkbox .box:after {
  431. content: '\e800';
  432. }
  433. /* UTF Reference
  434. .check:before { content: '\e800'; } ''
  435. .circle:before { content: '\e801'; }
  436. .ok-circled:before { content: '\e806'; }
  437. .ok-circle:before { content: '\e805'; }
  438. .cancel-circle:before { content: '\e807'; }
  439. .cancel-circle-1:before { content: '\e804'; }
  440. .empty-circle:before { content: '\e802'; }
  441. .radio:before { content: '\e803'; }
  442. */
  443. /*******************************
  444. Site Overrides
  445. *******************************/