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.

711 lines
26 KiB

10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
  1. /*
  2. * # Semantic - Checkbox
  3. * http://github.com/semantic-org/semantic-ui/
  4. *
  5. *
  6. * Copyright 2014 Contributor
  7. * Released under the MIT license
  8. * http://opensource.org/licenses/MIT
  9. *
  10. */
  11. /*******************************
  12. Theme
  13. *******************************/
  14. /*
  15. */
  16. /*******************************
  17. Folders
  18. *******************************/
  19. /* Path to theme packages */
  20. /* Path to site override folder */
  21. /*******************************
  22. Themes
  23. *******************************/
  24. /* To override a theme for an individual element
  25. specify theme name below
  26. Be sure to update the user folder name (see README)
  27. */
  28. /* Global */
  29. /* Elements */
  30. /* Collections */
  31. /* Modules */
  32. /* Views */
  33. /*******************************
  34. Import Directives
  35. *******************************/
  36. /*------------------
  37. Load Defaults
  38. -------------------*/
  39. /*******************************
  40. Site Settings
  41. *******************************/
  42. /*-------------------
  43. Paths
  44. --------------------*/
  45. /*-------------------
  46. Fonts
  47. --------------------*/
  48. /*-------------------
  49. Site Colors
  50. --------------------*/
  51. /*--- Colors ---*/
  52. /*--- Light Colors ---*/
  53. /*-------------------
  54. Page
  55. --------------------*/
  56. /*-------------------
  57. Background Colors
  58. --------------------*/
  59. /* Used for differentiating neutrals */
  60. /* Used for differentiating layers */
  61. /*-------------------
  62. Grid
  63. --------------------*/
  64. /*-------------------
  65. Breakpoints
  66. --------------------*/
  67. /*******************************
  68. Power-User
  69. *******************************/
  70. /*-------------------
  71. Icons
  72. --------------------*/
  73. /* Max Width of Icon */
  74. /*-------------------
  75. Easing
  76. --------------------*/
  77. /*--- Neutrals ---*/
  78. /*--- Colored Backgrounds ---*/
  79. /*--- Colored Text ---*/
  80. /*--- Colored Headers ---*/
  81. /*-------------------
  82. Emotive Colors
  83. --------------------*/
  84. /* Mood */
  85. /* Status */
  86. /*-------------------
  87. Neutral Text
  88. --------------------*/
  89. /*-------------------
  90. Brand Colors
  91. --------------------*/
  92. /*-------------------
  93. Borders
  94. --------------------*/
  95. /*-------------------
  96. Sizes
  97. --------------------*/
  98. /*-------------------
  99. Transitions
  100. --------------------*/
  101. /*-------------------
  102. Derived Values
  103. --------------------*/
  104. /* Makes sure padded grid can fit at 320px */
  105. /* Used to match floats with text */
  106. /* Positive / Negative Dupes */
  107. /* Header Colors */
  108. /* Responsive */
  109. /* Columns */
  110. /*******************************
  111. States
  112. *******************************/
  113. /*-------------------
  114. Disabled
  115. --------------------*/
  116. /*-------------------
  117. Hover
  118. --------------------*/
  119. /*--- Colors ---*/
  120. /*--- Emotive ---*/
  121. /*--- Neutrals ---*/
  122. /*-------------------
  123. Down (:active)
  124. --------------------*/
  125. /*--- Colors ---*/
  126. /*--- Emotive ---*/
  127. /*--- Neutrals ---*/
  128. /*-------------------
  129. Active
  130. --------------------*/
  131. /*--- Standard ---*/
  132. /*--- Emotive ---*/
  133. /*--- Neutrals ---*/
  134. /*******************************
  135. Checkbox
  136. *******************************/
  137. /* Label */
  138. /* Checkbox */
  139. /* Checkmark */
  140. /*-------------------
  141. Coupling
  142. --------------------*/
  143. /*-------------------
  144. States
  145. --------------------*/
  146. /* Disabled */
  147. /*-------------------
  148. Types
  149. --------------------*/
  150. /* Radio */
  151. /* Slider & Toggle Handle */
  152. /* Slider */
  153. /* Toggle */
  154. /*-------------------
  155. Variations
  156. --------------------*/
  157. /*------------------
  158. Load Theme
  159. -------------------*/
  160. /*******************************
  161. Site Settings
  162. *******************************/
  163. /*-------------------
  164. Paths
  165. --------------------*/
  166. /*-------------------
  167. Fonts
  168. --------------------*/
  169. /*-------------------
  170. Site Colors
  171. --------------------*/
  172. /*--- Colors ---*/
  173. /*--- Light Colors ---*/
  174. /*-------------------
  175. Page
  176. --------------------*/
  177. /*-------------------
  178. Background Colors
  179. --------------------*/
  180. /* Used for differentiating neutrals */
  181. /* Used for differentiating layers */
  182. /*-------------------
  183. Grid
  184. --------------------*/
  185. /*-------------------
  186. Breakpoints
  187. --------------------*/
  188. /*******************************
  189. Power-User
  190. *******************************/
  191. /*-------------------
  192. Icons
  193. --------------------*/
  194. /* Max Width of Icon */
  195. /*-------------------
  196. Easing
  197. --------------------*/
  198. /*--- Neutrals ---*/
  199. /*--- Colored Backgrounds ---*/
  200. /*--- Colored Text ---*/
  201. /*--- Colored Headers ---*/
  202. /*-------------------
  203. Emotive Colors
  204. --------------------*/
  205. /* Mood */
  206. /* Status */
  207. /*-------------------
  208. Neutral Text
  209. --------------------*/
  210. /*-------------------
  211. Brand Colors
  212. --------------------*/
  213. /*-------------------
  214. Borders
  215. --------------------*/
  216. /*-------------------
  217. Sizes
  218. --------------------*/
  219. /*-------------------
  220. Transitions
  221. --------------------*/
  222. /*-------------------
  223. Derived Values
  224. --------------------*/
  225. /* Makes sure padded grid can fit at 320px */
  226. /* Used to match floats with text */
  227. /* Positive / Negative Dupes */
  228. /* Header Colors */
  229. /* Responsive */
  230. /* Columns */
  231. /*******************************
  232. States
  233. *******************************/
  234. /*-------------------
  235. Disabled
  236. --------------------*/
  237. /*-------------------
  238. Hover
  239. --------------------*/
  240. /*--- Colors ---*/
  241. /*--- Emotive ---*/
  242. /*--- Neutrals ---*/
  243. /*-------------------
  244. Down (:active)
  245. --------------------*/
  246. /*--- Colors ---*/
  247. /*--- Emotive ---*/
  248. /*--- Neutrals ---*/
  249. /*-------------------
  250. Active
  251. --------------------*/
  252. /*--- Standard ---*/
  253. /*--- Emotive ---*/
  254. /*--- Neutrals ---*/
  255. /*******************************
  256. Checkbox
  257. *******************************/
  258. /* Label */
  259. /* Checkbox */
  260. /* Checkmark */
  261. /*-------------------
  262. Coupling
  263. --------------------*/
  264. /*-------------------
  265. States
  266. --------------------*/
  267. /* Disabled */
  268. /*-------------------
  269. Types
  270. --------------------*/
  271. /* Radio */
  272. /* Slider & Toggle Handle */
  273. /* Slider */
  274. /* Toggle */
  275. /*-------------------
  276. Variations
  277. --------------------*/
  278. /*------------------
  279. Load Site
  280. -------------------*/
  281. /*******************************
  282. User Global Variables
  283. *******************************/
  284. /*******************************
  285. User Variable Overrides
  286. *******************************/
  287. /*------------------
  288. Override Loader
  289. -------------------*/
  290. /*******************************
  291. Checkbox
  292. *******************************/
  293. /*--------------
  294. Content
  295. ---------------*/
  296. .ui.checkbox {
  297. position: relative;
  298. display: inline-block;
  299. height: 17px;
  300. font-size: 1rem;
  301. line-height: 15px;
  302. min-width: 17px;
  303. -webkit-backface-visibility: hidden;
  304. backface-visibility: hidden;
  305. outline: none;
  306. vertical-align: middle;
  307. }
  308. .ui.checkbox input {
  309. position: absolute;
  310. top: 0px;
  311. left: 0px;
  312. opacity: 0 !important;
  313. outline: none;
  314. z-index: -1;
  315. }
  316. /*--------------
  317. Box
  318. ---------------*/
  319. .ui.checkbox .box,
  320. .ui.checkbox label {
  321. cursor: pointer;
  322. padding-left: 1.75em;
  323. outline: none;
  324. }
  325. .ui.checkbox label {
  326. font-size: 1em;
  327. }
  328. .ui.checkbox .box:before,
  329. .ui.checkbox label:before {
  330. position: absolute;
  331. line-height: 1;
  332. width: 17px;
  333. height: 17px;
  334. top: 0em;
  335. left: 0em;
  336. content: '';
  337. background: #ffffff;
  338. border-radius: 0.25em;
  339. -webkit-transition: background-color 0.3s ease, border 0.3s ease, box-shadow 0.3s ease;
  340. transition: background-color 0.3s ease, border 0.3s ease, box-shadow 0.3s ease;
  341. border: 1px solid #dddddd;
  342. }
  343. /*--------------
  344. Checkmark
  345. ---------------*/
  346. .ui.checkbox .box:after,
  347. .ui.checkbox label:after {
  348. position: absolute;
  349. top: 0px;
  350. left: 0px;
  351. line-height: 17px;
  352. width: 17px;
  353. height: 17px;
  354. text-align: center;
  355. opacity: 0;
  356. color: rgba(0, 0, 0, 0.8);
  357. -webkit-transition: all 0.1s ease;
  358. transition: all 0.1s ease;
  359. }
  360. /*--------------
  361. Label
  362. ---------------*/
  363. /* Inside */
  364. .ui.checkbox label,
  365. .ui.checkbox + label {
  366. cursor: pointer;
  367. color: rgba(0, 0, 0, 0.8);
  368. -webkit-transition: color 0.2s ease;
  369. transition: color 0.2s ease;
  370. -webkit-user-select: none;
  371. -moz-user-select: none;
  372. -ms-user-select: none;
  373. user-select: none;
  374. }
  375. /* Outside */
  376. .ui.checkbox + label {
  377. vertical-align: middle;
  378. }
  379. /*******************************
  380. States
  381. *******************************/
  382. /*--------------
  383. Hover
  384. ---------------*/
  385. .ui.checkbox .box:hover::before,
  386. .ui.checkbox label:hover::before {
  387. background: #ffffff;
  388. border: 1px solid rgba(0, 0, 0, 0.2);
  389. }
  390. .ui.checkbox label:hover,
  391. .ui.checkbox + label:hover {
  392. color: rgba(0, 0, 0, 0.8);
  393. }
  394. /*--------------
  395. Down
  396. ---------------*/
  397. .ui.checkbox .box:active::before,
  398. .ui.checkbox label:active::before {
  399. background: #f5f5f5;
  400. border: 1px solid 1px solid rgba(0, 0, 0, 0.2);
  401. }
  402. .ui.checkbox input:active ~ label {
  403. color: rgba(0, 0, 0, 0.8);
  404. }
  405. /*--------------
  406. Focus
  407. ---------------*/
  408. .ui.checkbox input:focus ~ .box:before,
  409. .ui.checkbox input:focus ~ label:before {
  410. background: #f5f5f5;
  411. border: 1px solid 1px solid rgba(0, 0, 0, 0.2);
  412. }
  413. .ui.checkbox input:focus ~ label {
  414. color: rgba(0, 0, 0, 0.8);
  415. }
  416. /*--------------
  417. Active
  418. ---------------*/
  419. .ui.checkbox input:checked ~ .box:after,
  420. .ui.checkbox input:checked ~ label:after {
  421. opacity: 1;
  422. }
  423. /*--------------
  424. Read-Only
  425. ---------------*/
  426. .ui.read-only.checkbox,
  427. .ui.read-only.checkbox label {
  428. cursor: default;
  429. }
  430. /*--------------
  431. Disabled
  432. ---------------*/
  433. .ui.disabled.checkbox .box:after,
  434. .ui.disabled.checkbox label,
  435. .ui.checkbox input[disabled] ~ .box:after,
  436. .ui.checkbox input[disabled] ~ label {
  437. cursor: default;
  438. opacity: 0.5;
  439. color: #000000;
  440. }
  441. /*******************************
  442. Types
  443. *******************************/
  444. /*--------------
  445. Radio
  446. ---------------*/
  447. .ui.radio.checkbox {
  448. height: 14px;
  449. }
  450. /* Box */
  451. .ui.radio.checkbox .box:before,
  452. .ui.radio.checkbox label:before {
  453. width: 14px;
  454. height: 14px;
  455. border-radius: 500rem;
  456. top: 1px;
  457. left: 0px;
  458. -webkit-transform: none;
  459. -ms-transform: none;
  460. transform: none;
  461. }
  462. /* Circle */
  463. .ui.radio.checkbox .box:after,
  464. .ui.radio.checkbox label:after {
  465. border: none;
  466. width: 14px;
  467. height: 14px;
  468. line-height: 14px;
  469. top: 1px;
  470. left: 0px;
  471. font-size: 9px;
  472. }
  473. /* Radio Checkbox */
  474. .ui.radio.checkbox .box:after,
  475. .ui.radio.checkbox label:after {
  476. width: 14px;
  477. height: 14px;
  478. border-radius: 500rem;
  479. -webkit-transform: scale(0.42857143);
  480. -ms-transform: scale(0.42857143);
  481. transform: scale(0.42857143);
  482. background-color: rgba(0, 0, 0, 0.8);
  483. }
  484. /*--------------
  485. Slider
  486. ---------------*/
  487. .ui.slider.checkbox {
  488. cursor: pointer;
  489. height: 1rem;
  490. }
  491. .ui.slider.checkbox .box,
  492. .ui.slider.checkbox label {
  493. padding-left: 4.5rem;
  494. line-height: 1rem;
  495. color: rgba(0, 0, 0, 0.4);
  496. }
  497. /* Line */
  498. .ui.slider.checkbox .box:before,
  499. .ui.slider.checkbox label:before {
  500. cursor: pointer;
  501. display: block;
  502. position: absolute;
  503. content: '';
  504. top: 0.4rem;
  505. left: 0em;
  506. z-index: 1;
  507. border: none !important;
  508. background-color: rgba(0, 0, 0, 0.05);
  509. width: 3.5rem;
  510. height: 0.25rem;
  511. -webkit-transform: none;
  512. -ms-transform: none;
  513. transform: none;
  514. border-radius: 500rem;
  515. -webkit-transition: background 0.3s ease
  516. ;
  517. transition: background 0.3s ease
  518. ;
  519. }
  520. /* Handle */
  521. .ui.slider.checkbox .box:after,
  522. .ui.slider.checkbox label:after {
  523. background: #ffffff -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  524. background: #ffffff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  525. position: absolute;
  526. content: '';
  527. opacity: 1;
  528. z-index: 2;
  529. border: none;
  530. box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.05), 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset;
  531. width: 1.5rem;
  532. height: 1.5rem;
  533. top: -0.25rem;
  534. left: 0em;
  535. -webkit-transform: none;
  536. -ms-transform: none;
  537. transform: none;
  538. border-radius: 500rem;
  539. -webkit-transition: left 0.3s ease 0s
  540. ;
  541. transition: left 0.3s ease 0s
  542. ;
  543. }
  544. /* Focus */
  545. .ui.slider.checkbox input:focus ~ .box:before,
  546. .ui.slider.checkbox input:focus ~ label:before {
  547. background-color: rgba(0, 0, 0, 0.1);
  548. border: none;
  549. }
  550. /* Hover */
  551. .ui.slider.checkbox .box:hover,
  552. .ui.slider.checkbox label:hover {
  553. color: rgba(0, 0, 0, 0.8);
  554. }
  555. .ui.slider.checkbox .box:hover::before,
  556. .ui.slider.checkbox label:hover::before {
  557. background: rgba(0, 0, 0, 0.1);
  558. }
  559. /* Active */
  560. .ui.slider.checkbox input:checked ~ .box,
  561. .ui.slider.checkbox input:checked ~ label {
  562. color: rgba(0, 0, 0, 0.8);
  563. }
  564. .ui.slider.checkbox input:checked ~ .box:before,
  565. .ui.slider.checkbox input:checked ~ label:before {
  566. background-color: rgba(0, 0, 0, 0.1);
  567. }
  568. .ui.slider.checkbox input:checked ~ .box:after,
  569. .ui.slider.checkbox input:checked ~ label:after {
  570. left: 2rem;
  571. }
  572. /*--------------
  573. Toggle
  574. ---------------*/
  575. .ui.toggle.checkbox {
  576. cursor: pointer;
  577. height: 1.5rem;
  578. }
  579. .ui.toggle.checkbox .box,
  580. .ui.toggle.checkbox label {
  581. height: 1.5rem;
  582. padding-left: 4.5rem;
  583. line-height: 1.5rem;
  584. color: rgba(0, 0, 0, 0.8);
  585. }
  586. /* Switch */
  587. .ui.toggle.checkbox .box:before,
  588. .ui.toggle.checkbox label:before {
  589. cursor: pointer;
  590. display: block;
  591. position: absolute;
  592. content: '';
  593. top: 0rem;
  594. z-index: 1;
  595. border: none;
  596. background-color: rgba(0, 0, 0, 0.05);
  597. width: 3.5rem;
  598. height: 1.5rem;
  599. border-radius: 500rem;
  600. }
  601. /* Handle */
  602. .ui.toggle.checkbox .box:after,
  603. .ui.toggle.checkbox label:after {
  604. background: #ffffff -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  605. background: #ffffff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  606. position: absolute;
  607. content: '';
  608. opacity: 1;
  609. z-index: 2;
  610. border: none;
  611. box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.05), 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset;
  612. width: 1.5rem;
  613. height: 1.5rem;
  614. top: 0rem;
  615. left: 0em;
  616. border-radius: 500rem;
  617. -webkit-transition: background 0.3s ease 0s,
  618. left 0.3s ease 0s
  619. ;
  620. transition: background 0.3s ease 0s,
  621. left 0.3s ease 0s
  622. ;
  623. }
  624. .ui.toggle.checkbox input ~ .box:after,
  625. .ui.toggle.checkbox input ~ label:after {
  626. left: -0.05rem;
  627. }
  628. /* Focus */
  629. .ui.toggle.checkbox input:focus ~ .box:before,
  630. .ui.toggle.checkbox input:focus ~ label:before {
  631. background-color: rgba(0, 0, 0, 0.1);
  632. border: none;
  633. }
  634. /* Hover */
  635. .ui.toggle.checkbox .box:hover::before,
  636. .ui.toggle.checkbox label:hover::before {
  637. background-color: rgba(0, 0, 0, 0.1);
  638. border: none;
  639. }
  640. /* Active */
  641. .ui.toggle.checkbox input:checked ~ .box,
  642. .ui.toggle.checkbox input:checked ~ label {
  643. color: #5bbd72;
  644. }
  645. .ui.toggle.checkbox input:checked ~ .box:before,
  646. .ui.toggle.checkbox input:checked ~ label:before {
  647. background-color: #5bbd72;
  648. }
  649. .ui.toggle.checkbox input:checked ~ .box:after,
  650. .ui.toggle.checkbox input:checked ~ label:after {
  651. left: 2.05rem;
  652. }
  653. /*******************************
  654. Variations
  655. *******************************/
  656. /*--------------
  657. Fitted
  658. ---------------*/
  659. .ui.fitted.checkbox .box,
  660. .ui.fitted.checkbox label {
  661. padding-left: 0em !important;
  662. }
  663. .ui.fitted.toggle.checkbox,
  664. .ui.fitted.toggle.checkbox {
  665. width: 3.5rem;
  666. }
  667. .ui.fitted.slider.checkbox,
  668. .ui.fitted.slider.checkbox {
  669. width: 3.5rem;
  670. }
  671. /*******************************
  672. Overrides
  673. *******************************/
  674. @font-face {
  675. font-family: 'Checkbox';
  676. src: url('data:application/octet-stream;base64,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') format('woff'), url('data:application/octet-stream;base64,AAEAAAAOAIAAAwBgT1MvMj3hSQEAAADsAAAAVmNtYXDQEhm3AAABRAAAAUpjdnQgBkn/lAAABuwAAAAcZnBnbYoKeDsAAAcIAAAJkWdhc3AAAAAQAAAG5AAAAAhnbHlm32cEdgAAApAAAAC2aGVhZAErPHsAAANIAAAANmhoZWEHUwNNAAADgAAAACRobXR4CykAAAAAA6QAAAAMbG9jYQA4AFsAAAOwAAAACG1heHAApgm8AAADuAAAACBuYW1lzJ0aHAAAA9gAAALNcG9zdK69QJgAAAaoAAAAO3ByZXCSoZr/AAAQnAAAAFYAAQO4AZAABQAIAnoCvAAAAIwCegK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA6ADoAQNS/2oAWgMLAE8AAAABAAAAAAAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAADoAf//AAAAAOgA//8AABgBAAEAAAAAAAAAAAEGAAAAAAAAAAAAAAAAA
  677. }
  678. .ui.checkbox label:before,
  679. .ui.checkbox .box:before,
  680. .ui.checkbox label:after,
  681. .ui.checkbox .box:after {
  682. font-family: 'Checkbox';
  683. }
  684. .ui.checkbox label:after,
  685. .ui.checkbox .box:after {
  686. content: '\e800';
  687. /* '' */
  688. }
  689. /* UTF Reference
  690. .check:before { content: '\e800'; }
  691. .circle:before { content: '\e801'; }
  692. .ok-circled:before { content: '\e806'; }
  693. .ok-circle:before { content: '\e805'; }
  694. .cancel-circle:before { content: '\e807'; }
  695. .cancel-circle-1:before { content: '\e804'; }
  696. .empty-circle:before { content: '\e802'; }
  697. .radio:before { content: '\e803'; }
  698. */
  699. /*******************************
  700. Overrides
  701. *******************************/