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.

963 lines
20 KiB

9 years ago
9 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
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
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
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
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
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
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
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
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
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
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 UI 1.11.4 - Label
  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. Label
  13. *******************************/
  14. .ui.label {
  15. display: inline-block;
  16. vertical-align: baseline;
  17. line-height: 1;
  18. margin: 0em 0.125em;
  19. background-color: #e8e8e8;
  20. border-color: #e8e8e8;
  21. background-image: none;
  22. padding: 0.6em 0.8em;
  23. color: rgba(0, 0, 0, 0.6);
  24. text-transform: none;
  25. font-weight: bold;
  26. border-radius: 0.2857rem;
  27. box-sizing: border-box;
  28. -webkit-transition: background 0.2s ease;
  29. transition: background 0.2s ease;
  30. }
  31. .ui.label:first-child {
  32. margin-left: 0em;
  33. }
  34. .ui.label:last-child {
  35. margin-right: 0em;
  36. }
  37. /* Link */
  38. a.ui.label {
  39. cursor: pointer;
  40. }
  41. /* Inside Link */
  42. .ui.label a {
  43. cursor: pointer;
  44. color: inherit;
  45. opacity: 0.8;
  46. -webkit-transition: 0.2s opacity ease;
  47. transition: 0.2s opacity ease;
  48. }
  49. .ui.label a:hover {
  50. opacity: 1;
  51. }
  52. /* Icon */
  53. .ui.label .icon {
  54. width: auto;
  55. margin: 0em 0.75em 0em 0em;
  56. }
  57. /* Detail */
  58. .ui.label .detail {
  59. display: inline-block;
  60. vertical-align: top;
  61. font-weight: bold;
  62. margin-left: 1em;
  63. opacity: 0.8;
  64. }
  65. .ui.label .detail .icon {
  66. margin: 0em 0.25em 0em 0em;
  67. }
  68. /* Removable label */
  69. .ui.label .close.icon,
  70. .ui.label .delete.icon {
  71. cursor: pointer;
  72. margin-right: 0em;
  73. margin-left: 0.5em;
  74. opacity: 0.8;
  75. -webkit-transition: background 0.2s ease;
  76. transition: background 0.2s ease;
  77. }
  78. .ui.label .delete.icon:hover {
  79. opacity: 1;
  80. }
  81. /*-------------------
  82. Group
  83. --------------------*/
  84. .ui.labels .label {
  85. margin: 0em 0.5em 0.75em 0em;
  86. }
  87. /*-------------------
  88. Coupling
  89. --------------------*/
  90. /* Remove border radius on attached segment */
  91. .ui.attached.segment > .ui.top.left.attached.label,
  92. .ui.bottom.attached.segment > .ui.top.left.attached.label {
  93. border-top-left-radius: 0;
  94. }
  95. .ui.attached.segment > .ui.top.right.attached.label,
  96. .ui.bottom.attached.segment > .ui.top.right.attached.label {
  97. border-top-right-radius: 0;
  98. }
  99. .ui.top.attached.segment > .ui.bottom.left.attached.label {
  100. border-bottom-left-radius: 0;
  101. }
  102. .ui.top.attached.segment > .ui.bottom.right.attached.label {
  103. border-bottom-right-radius: 0;
  104. }
  105. /* Padding on next content after a label */
  106. .ui.top.attached.label:first-child + :not(.attached) {
  107. margin-top: 2rem !important;
  108. }
  109. .ui.bottom.attached.label:first-child ~ :last-child:not(.attached) {
  110. margin-top: 0em;
  111. margin-bottom: 2rem !important;
  112. }
  113. /*******************************
  114. Types
  115. *******************************/
  116. .ui.image.label {
  117. width: auto !important;
  118. margin-top: 0em;
  119. margin-bottom: 0em;
  120. max-width: 9999px;
  121. vertical-align: baseline;
  122. text-transform: none;
  123. background: #e8e8e8;
  124. padding: 0.6em 0.8em 0.6em 0.5em;
  125. border-radius: 0.2857rem;
  126. box-shadow: none;
  127. }
  128. .ui.image.label img {
  129. display: inline-block;
  130. vertical-align: top;
  131. height: 2.2em;
  132. margin: -0.6em 0.5em -0.6em -0.5em;
  133. border-radius: 0.2857rem;
  134. }
  135. .ui.image.label .detail {
  136. background: rgba(0, 0, 0, 0.1);
  137. margin: -0.6em -0.8em -0.6em 0.5em;
  138. padding: 0.6em 0.8em;
  139. border-radius: 0em 0.2857rem 0.2857rem 0em;
  140. }
  141. /*-------------------
  142. Tag
  143. --------------------*/
  144. .ui.tag.labels .label,
  145. .ui.tag.label {
  146. margin-left: 1em;
  147. position: relative;
  148. padding-left: 1.5em;
  149. padding-right: 1.5em;
  150. border-radius: 0em 0.2857rem 0.2857rem 0em;
  151. }
  152. .ui.tag.labels .label:before,
  153. .ui.tag.label:before {
  154. position: absolute;
  155. -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);
  156. -ms-transform: translateY(-50%) translateX(50%) rotate(-45deg);
  157. transform: translateY(-50%) translateX(50%) rotate(-45deg);
  158. top: 50%;
  159. right: 100%;
  160. content: '';
  161. background-color: #e8e8e8;
  162. background-image: none;
  163. width: 1.56em;
  164. height: 1.56em;
  165. -webkit-transition: background 0.2s ease;
  166. transition: background 0.2s ease;
  167. }
  168. .ui.tag.labels .label:after,
  169. .ui.tag.label:after {
  170. position: absolute;
  171. content: '';
  172. top: 50%;
  173. left: -0.25em;
  174. margin-top: -0.25em;
  175. background-color: #ffffff !important;
  176. width: 0.5em;
  177. height: 0.5em;
  178. box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);
  179. border-radius: 500rem;
  180. }
  181. /*-------------------
  182. Corner Label
  183. --------------------*/
  184. .ui.corner.label {
  185. position: absolute;
  186. top: 0em;
  187. right: 0em;
  188. margin: 0em;
  189. padding: 0em;
  190. text-align: center;
  191. width: 3.25em;
  192. height: 3.25em;
  193. z-index: 1;
  194. -webkit-transition: border-color 0.2s ease;
  195. transition: border-color 0.2s ease;
  196. }
  197. /* Icon Label */
  198. .ui.corner.label {
  199. background-color: transparent !important;
  200. }
  201. .ui.corner.label:after {
  202. position: absolute;
  203. content: "";
  204. right: 0em;
  205. top: 0em;
  206. z-index: -1;
  207. width: 0em;
  208. height: 0em;
  209. background-color: transparent !important;
  210. border-top: 0em solid transparent;
  211. border-right: 3.25em solid transparent;
  212. border-bottom: 3.25em solid transparent;
  213. border-left: 0em solid transparent;
  214. border-right-color: inherit;
  215. -webkit-transition: border-color 0.2s ease;
  216. transition: border-color 0.2s ease;
  217. }
  218. .ui.corner.label .icon {
  219. position: relative;
  220. top: 0.4em;
  221. left: 0.75em;
  222. font-size: 1em;
  223. margin: 0em;
  224. }
  225. /* Left Corner */
  226. .ui.left.corner.label,
  227. .ui.left.corner.label:after {
  228. right: auto;
  229. left: 0em;
  230. }
  231. .ui.left.corner.label:after {
  232. border-top: 3.25em solid transparent;
  233. border-right: 3.25em solid transparent;
  234. border-bottom: 0em solid transparent;
  235. border-left: 0em solid transparent;
  236. border-top-color: inherit;
  237. }
  238. .ui.left.corner.label .icon {
  239. left: -0.75em;
  240. }
  241. /* Segment */
  242. .ui.segment > .ui.corner.label {
  243. top: -1px;
  244. right: -1px;
  245. }
  246. .ui.segment > .ui.left.corner.label {
  247. right: auto;
  248. left: -1px;
  249. }
  250. /* Input */
  251. .ui.input > .ui.corner.label {
  252. top: 1px;
  253. right: 1px;
  254. }
  255. .ui.input > .ui.right.corner.label {
  256. right: auto;
  257. left: 1px;
  258. }
  259. /*-------------------
  260. Ribbon
  261. --------------------*/
  262. .ui.ribbon.label {
  263. position: relative;
  264. margin: 0em;
  265. min-width: -webkit-max-content;
  266. min-width: -moz-max-content;
  267. min-width: max-content;
  268. border-radius: 0em 0.2857rem 0.2857rem 0em;
  269. border-color: rgba(0, 0, 0, 0.15);
  270. }
  271. .ui.ribbon.label:after {
  272. position: absolute;
  273. content: '';
  274. top: 100%;
  275. left: 0%;
  276. background-color: transparent !important;
  277. border-style: solid;
  278. border-width: 0em 1.2em 1.2em 0em;
  279. border-color: transparent;
  280. border-right-color: inherit;
  281. width: 0em;
  282. height: 0em;
  283. }
  284. /* Right Ribbon */
  285. .ui[class*="right ribbon"].label {
  286. text-align: left;
  287. -webkit-transform: translateX(-100%);
  288. -ms-transform: translateX(-100%);
  289. transform: translateX(-100%);
  290. border-radius: 0.2857rem 0em 0em 0.2857rem;
  291. padding-left: 0.8em;
  292. }
  293. .ui[class*="right ribbon"].label:after {
  294. left: auto;
  295. right: 0%;
  296. border-style: solid;
  297. border-width: 1.2em 1.2em 0em 0em;
  298. border-color: transparent;
  299. border-top-color: inherit;
  300. }
  301. /* Positioning */
  302. .ui.ribbon.label {
  303. left: -webkit-calc( -1rem - 1.2em );
  304. left: calc( -1rem - 1.2em );
  305. margin-right: -1.2em;
  306. padding-left: -webkit-calc( 1rem + 1.2em );
  307. padding-left: calc( 1rem + 1.2em );
  308. }
  309. .ui[class*="right ribbon"].label {
  310. left: -webkit-calc(100% + 1rem + 1.2em );
  311. left: calc(100% + 1rem + 1.2em );
  312. padding-right: -webkit-calc( 1rem + 1.2em );
  313. padding-right: calc( 1rem + 1.2em );
  314. }
  315. /* Inside Image */
  316. .ui.image > .ribbon.label,
  317. .ui.card .image > .ribbon.label {
  318. position: absolute;
  319. top: 1rem;
  320. }
  321. .ui.card .image > .ui.ribbon.label,
  322. .ui.image > .ui.ribbon.label {
  323. left: -webkit-calc( 0.05rem - 1.2em );
  324. left: calc( 0.05rem - 1.2em );
  325. padding-left: -webkit-calc( -0.05rem + 1.2em );
  326. padding-left: calc( -0.05rem + 1.2em );
  327. }
  328. .ui.card .image > .ui[class*="right ribbon"].label,
  329. .ui.image > .ui[class*="right ribbon"].label {
  330. left: -webkit-calc(100% + -0.05rem + 1.2em );
  331. left: calc(100% + -0.05rem + 1.2em );
  332. padding-left: 0.8em;
  333. padding-right: -webkit-calc( -0.05rem + 1.2em );
  334. padding-right: calc( -0.05rem + 1.2em );
  335. }
  336. /*-------------------
  337. Attached
  338. --------------------*/
  339. .ui.top.attached.label,
  340. .ui.attached.label {
  341. width: 100%;
  342. position: absolute;
  343. margin: 0em;
  344. top: 0em;
  345. left: 0em;
  346. padding: 0.75em 1em;
  347. border-radius: 0.2857rem 0.2857rem 0em 0em;
  348. }
  349. .ui.bottom.attached.label {
  350. top: auto;
  351. bottom: 0em;
  352. border-radius: 0em 0em 0.2857rem 0.2857rem;
  353. }
  354. .ui.top.left.attached.label {
  355. width: auto;
  356. margin-top: 0em !important;
  357. border-radius: 0.2857rem 0em 0.2857rem 0em;
  358. }
  359. .ui.top.right.attached.label {
  360. width: auto;
  361. left: auto;
  362. right: 0em;
  363. border-radius: 0em 0.2857rem 0em 0.2857rem;
  364. }
  365. .ui.bottom.left.attached.label {
  366. width: auto;
  367. top: auto;
  368. bottom: 0em;
  369. border-radius: 0em 0.2857rem 0em 0.2857rem;
  370. }
  371. .ui.bottom.right.attached.label {
  372. top: auto;
  373. bottom: 0em;
  374. left: auto;
  375. right: 0em;
  376. width: auto;
  377. border-radius: 0.2857rem 0em 0.2857rem 0em;
  378. }
  379. /*******************************
  380. States
  381. *******************************/
  382. /*-------------------
  383. Disabled
  384. --------------------*/
  385. .ui.label.disabled {
  386. opacity: 0.5;
  387. }
  388. /*-------------------
  389. Hover
  390. --------------------*/
  391. a.ui.labels .label:hover,
  392. a.ui.label:hover {
  393. background-color: #e0e0e0;
  394. border-color: #e0e0e0;
  395. background-image: none;
  396. color: rgba(0, 0, 0, 0.8);
  397. }
  398. .ui.labels a.label:hover:before,
  399. a.ui.label:hover:before {
  400. background-color: #e0e0e0;
  401. background-image: none;
  402. color: rgba(0, 0, 0, 0.8);
  403. }
  404. /*-------------------
  405. Visible
  406. --------------------*/
  407. .ui.labels.visible .label,
  408. .ui.label.visible {
  409. display: inline-block !important;
  410. }
  411. /*-------------------
  412. Hidden
  413. --------------------*/
  414. .ui.labels.hidden .label,
  415. .ui.label.hidden {
  416. display: none !important;
  417. }
  418. /*******************************
  419. Variations
  420. *******************************/
  421. /*-------------------
  422. Colors
  423. --------------------*/
  424. /*--- Black ---*/
  425. .ui.black.labels .label,
  426. .ui.black.label {
  427. background-color: #1b1c1d !important;
  428. border-color: #1b1c1d !important;
  429. color: #ffffff !important;
  430. }
  431. .ui.labels .black.label:before,
  432. .ui.black.labels .label:before,
  433. .ui.black.label:before {
  434. background-color: #1b1c1d !important;
  435. }
  436. a.ui.black.labels .label:hover,
  437. a.ui.black.label:hover {
  438. background-color: #1b1c1d !important;
  439. border-color: #1b1c1d !important;
  440. }
  441. .ui.labels a.black.label:hover:before,
  442. .ui.black.labels a.label:hover:before,
  443. a.ui.black.label:hover:before {
  444. background-color: #1b1c1d !important;
  445. }
  446. .ui.black.corner.label,
  447. .ui.black.corner.label:hover {
  448. background-color: transparent !important;
  449. }
  450. .ui.black.ribbon.label {
  451. border-color: #020203 !important;
  452. }
  453. /*--- Blue ---*/
  454. .ui.blue.labels .label,
  455. .ui.blue.label {
  456. background-color: #3b83c0 !important;
  457. border-color: #3b83c0 !important;
  458. color: #ffffff !important;
  459. }
  460. .ui.labels .blue.label:before,
  461. .ui.blue.labels .label:before,
  462. .ui.blue.label:before {
  463. background-color: #3b83c0 !important;
  464. }
  465. a.ui.blue.labels .label:hover,
  466. .ui.blue.labels a.label:hover,
  467. a.ui.blue.label:hover {
  468. background-color: #458ac6 !important;
  469. border-color: #458ac6 !important;
  470. color: #ffffff !important;
  471. }
  472. .ui.labels a.blue.label:hover:before,
  473. .ui.blue.labels a.label:hover:before,
  474. a.ui.blue.label:hover:before {
  475. background-color: #458ac6 !important;
  476. }
  477. .ui.blue.corner.label,
  478. .ui.blue.corner.label:hover {
  479. background-color: transparent !important;
  480. }
  481. .ui.blue.ribbon.label {
  482. border-color: #2f6899 !important;
  483. }
  484. /*--- Green ---*/
  485. .ui.green.labels .label,
  486. .ui.green.label {
  487. background-color: #5bbd72 !important;
  488. border-color: #5bbd72 !important;
  489. color: #ffffff !important;
  490. }
  491. .ui.labels .green.label:before,
  492. .ui.green.labels .label:before,
  493. .ui.green.label:before {
  494. background-color: #5bbd72 !important;
  495. }
  496. a.ui.green.labels .label:hover,
  497. a.ui.green.label:hover {
  498. background-color: #66c17b !important;
  499. border-color: #66c17b !important;
  500. }
  501. .ui.labels a.green.label:hover:before,
  502. .ui.green.labels a.label:hover:before,
  503. a.ui.green.label:hover:before {
  504. background-color: #66c17b !important;
  505. }
  506. .ui.green.corner.label,
  507. .ui.green.corner.label:hover {
  508. background-color: transparent !important;
  509. }
  510. .ui.green.ribbon.label {
  511. border-color: #42a359 !important;
  512. }
  513. /*--- Orange ---*/
  514. .ui.orange.labels .label,
  515. .ui.orange.label {
  516. background-color: #e07b53 !important;
  517. border-color: #e07b53 !important;
  518. color: #ffffff !important;
  519. }
  520. .ui.labels .orange.label:before,
  521. .ui.orange.labels .label:before,
  522. .ui.orange.label:before {
  523. background-color: #e07b53 !important;
  524. }
  525. a.ui.orange.labels .label:hover,
  526. .ui.orange.labels a.label:hover,
  527. a.ui.orange.label:hover {
  528. background-color: #e28560 !important;
  529. border-color: #e28560 !important;
  530. color: #ffffff !important;
  531. }
  532. .ui.labels a.orange.label:hover:before,
  533. .ui.orange.labels a.label:hover:before,
  534. a.ui.orange.label:hover:before {
  535. background-color: #e28560 !important;
  536. }
  537. .ui.orange.corner.label,
  538. .ui.orange.corner.label:hover {
  539. background-color: transparent !important;
  540. }
  541. .ui.orange.ribbon.label {
  542. border-color: #d85a28 !important;
  543. }
  544. /*--- Pink ---*/
  545. .ui.pink.labels .label,
  546. .ui.pink.label {
  547. background-color: #d9499a !important;
  548. border-color: #d9499a !important;
  549. color: #ffffff !important;
  550. }
  551. .ui.labels .pink.label:before,
  552. .ui.pink.labels .label:before,
  553. .ui.pink.label:before {
  554. background-color: #d9499a !important;
  555. }
  556. a.ui.pink.labels .label:hover,
  557. .ui.pink.labels a.label:hover,
  558. a.ui.pink.label:hover {
  559. background-color: #dc56a1 !important;
  560. border-color: #dc56a1 !important;
  561. color: #ffffff !important;
  562. }
  563. .ui.labels a.pink.label:hover:before,
  564. .ui.pink.labels a.label:hover:before,
  565. a.ui.pink.label:hover:before {
  566. background-color: #dc56a1 !important;
  567. }
  568. .ui.pink.corner.label,
  569. .ui.pink.corner.label:hover {
  570. background-color: transparent !important;
  571. }
  572. .ui.pink.ribbon.label {
  573. border-color: #c62981 !important;
  574. }
  575. /*--- Purple ---*/
  576. .ui.purple.labels .label,
  577. .ui.purple.label {
  578. background-color: #564f8a !important;
  579. border-color: #564f8a !important;
  580. color: #ffffff !important;
  581. }
  582. .ui.labels .purple.label:before,
  583. .ui.purple.labels .label:before,
  584. .ui.purple.label:before {
  585. background-color: #564f8a !important;
  586. }
  587. a.ui.purple.labels .label:hover,
  588. .ui.purple.labels a.label:hover,
  589. a.ui.purple.label:hover {
  590. background-color: #5c5594 !important;
  591. border-color: #5c5594 !important;
  592. color: #ffffff !important;
  593. }
  594. .ui.labels a.purple.label:hover:before,
  595. .ui.purple.labels a.label:hover:before,
  596. a.ui.purple.label:hover:before {
  597. background-color: #5c5594 !important;
  598. }
  599. .ui.purple.corner.label,
  600. .ui.purple.corner.label:hover {
  601. background-color: transparent !important;
  602. }
  603. .ui.purple.ribbon.label {
  604. border-color: #423c6a !important;
  605. }
  606. /*--- Red ---*/
  607. .ui.red.labels .label,
  608. .ui.red.label {
  609. background-color: #d95c5c !important;
  610. border-color: #d95c5c !important;
  611. color: #ffffff !important;
  612. }
  613. .ui.labels .red.label:before,
  614. .ui.red.labels .label:before,
  615. .ui.red.label:before {
  616. background-color: #d95c5c !important;
  617. }
  618. .ui.red.corner.label,
  619. .ui.red.corner.label:hover {
  620. background-color: transparent !important;
  621. }
  622. a.ui.red.labels .label:hover,
  623. a.ui.red.label:hover {
  624. background-color: #dc6868 !important;
  625. border-color: #dc6868 !important;
  626. color: #ffffff !important;
  627. }
  628. .ui.labels a.red.label:hover:before,
  629. .ui.red.labels a.label:hover:before,
  630. a.ui.red.label:hover:before {
  631. background-color: #dc6868 !important;
  632. }
  633. .ui.red.ribbon.label {
  634. border-color: #cf3333 !important;
  635. }
  636. /*--- Teal ---*/
  637. .ui.teal.labels .label,
  638. .ui.teal.label {
  639. background-color: #00b5ad !important;
  640. border-color: #00b5ad !important;
  641. color: #ffffff !important;
  642. }
  643. .ui.labels .teal.label:before,
  644. .ui.teal.labels .label:before,
  645. .ui.teal.label:before {
  646. background-color: #00b5ad !important;
  647. }
  648. a.ui.teal.labels .label:hover,
  649. .ui.teal.labels a.label:hover,
  650. a.ui.teal.label:hover {
  651. background-color: #00c4bc !important;
  652. border-color: #00c4bc !important;
  653. color: #ffffff !important;
  654. }
  655. .ui.labels a.teal.label:hover:before,
  656. .ui.teal.labels a.label:hover:before,
  657. a.ui.teal.label:hover:before {
  658. background-color: #00c4bc !important;
  659. }
  660. .ui.teal.corner.label,
  661. .ui.teal.corner.label:hover {
  662. background-color: transparent !important;
  663. }
  664. .ui.teal.ribbon.label {
  665. border-color: #00827c !important;
  666. }
  667. /*--- Yellow ---*/
  668. .ui.yellow.labels .label,
  669. .ui.yellow.label {
  670. background-color: #f2c61f !important;
  671. border-color: #f2c61f !important;
  672. color: #ffffff !important;
  673. }
  674. .ui.labels .yellow.label:before,
  675. .ui.yellow.labels .label:before,
  676. .ui.yellow.label:before {
  677. background-color: #f2c61f !important;
  678. }
  679. a.ui.yellow.labels .label:hover,
  680. .ui.yellow.labels a.label:hover,
  681. a.ui.yellow.label:hover {
  682. background-color: #f3ca2d !important;
  683. border-color: #f3ca2d !important;
  684. color: #ffffff !important;
  685. }
  686. .ui.labels a.yellow.label:hover:before,
  687. .ui.yellow.labels a.label:hover:before,
  688. a.ui.yellow.label:hover:before {
  689. background-color: #f3ca2d !important;
  690. }
  691. .ui.yellow.corner.label,
  692. .ui.yellow.corner.label:hover {
  693. background-color: transparent !important;
  694. }
  695. .ui.yellow.ribbon.label {
  696. border-color: #d2a90c !important;
  697. }
  698. /*-------------------
  699. Fluid
  700. --------------------*/
  701. .ui.label.fluid,
  702. .ui.fluid.labels > .label {
  703. width: 100%;
  704. box-sizing: border-box;
  705. }
  706. /*-------------------
  707. Inverted
  708. --------------------*/
  709. .ui.inverted.labels .label,
  710. .ui.inverted.label {
  711. color: #ffffff !important;
  712. }
  713. /*-------------------
  714. Horizontal
  715. --------------------*/
  716. .ui.horizontal.labels .label,
  717. .ui.horizontal.label {
  718. margin: 0em 0.5em 0em 0em;
  719. padding: 0.4em 0.8em;
  720. min-width: 3em;
  721. text-align: center;
  722. }
  723. /*-------------------
  724. Circular
  725. --------------------*/
  726. .ui.circular.labels .label,
  727. .ui.circular.label {
  728. min-width: 2em;
  729. min-height: 2em;
  730. padding: 0.5em !important;
  731. line-height: 1em;
  732. text-align: center;
  733. border-radius: 500rem;
  734. }
  735. .ui.empty.circular.labels .label,
  736. .ui.empty.circular.label {
  737. min-width: 0em;
  738. min-height: 0em;
  739. overflow: hidden;
  740. width: 0.5em;
  741. height: 0.5em;
  742. vertical-align: baseline;
  743. }
  744. /*-------------------
  745. Pointing
  746. --------------------*/
  747. .ui.pointing.label {
  748. position: relative;
  749. }
  750. .ui.attached.pointing.label {
  751. position: absolute;
  752. }
  753. .ui.pointing.label:before {
  754. position: absolute;
  755. content: '';
  756. -webkit-transform: rotate(45deg);
  757. -ms-transform: rotate(45deg);
  758. transform: rotate(45deg);
  759. background-image: none;
  760. z-index: 2;
  761. width: 0.6em;
  762. height: 0.6em;
  763. -webkit-transition: background 0.2s ease;
  764. transition: background 0.2s ease;
  765. }
  766. /*--- Above ---*/
  767. .ui.pointing.label:before {
  768. background-color: #e8e8e8;
  769. background-image: none;
  770. }
  771. .ui.pointing.label,
  772. .ui.pointing.above.label {
  773. margin-top: 1em;
  774. }
  775. .ui.pointing.label:before,
  776. .ui.pointing.above.label:before {
  777. margin-left: -0.3em;
  778. top: -0.3em;
  779. left: 50%;
  780. }
  781. /*--- Below ---*/
  782. .ui.pointing.bottom.label,
  783. .ui.pointing.below.label {
  784. margin-top: 0em;
  785. margin-bottom: 1em;
  786. }
  787. .ui.pointing.bottom.label:before,
  788. .ui.pointing.below.label:before {
  789. margin-left: -0.3em;
  790. top: auto;
  791. right: auto;
  792. bottom: -0.3em;
  793. left: 50%;
  794. }
  795. /*--- Left ---*/
  796. .ui.pointing.left.label {
  797. margin-top: 0em;
  798. margin-left: 0.6em;
  799. }
  800. .ui.pointing.left.label:before {
  801. margin-top: -0.3em;
  802. bottom: auto;
  803. right: auto;
  804. top: 50%;
  805. left: 0em;
  806. }
  807. /*--- Right ---*/
  808. .ui.pointing.right.label {
  809. margin-top: 0em;
  810. margin-right: 0.6em;
  811. }
  812. .ui.pointing.right.label:before {
  813. margin-top: -0.3em;
  814. right: -0.3em;
  815. top: 50%;
  816. bottom: auto;
  817. left: auto;
  818. }
  819. /*------------------
  820. Floating Label
  821. -------------------*/
  822. .ui.floating.label {
  823. position: absolute;
  824. z-index: 100;
  825. top: -1em;
  826. left: 100%;
  827. margin: 0em 0em 0em -1.5em !important;
  828. }
  829. /*-------------------
  830. Sizes
  831. --------------------*/
  832. .ui.mini.labels .label,
  833. .ui.mini.label {
  834. font-size: 0.6428rem;
  835. }
  836. .ui.tiny.labels .label,
  837. .ui.tiny.label {
  838. font-size: 0.7142rem;
  839. }
  840. .ui.small.labels .label,
  841. .ui.small.label {
  842. font-size: 0.7857rem;
  843. }
  844. .ui.labels .label,
  845. .ui.label {
  846. font-size: 0.8571rem;
  847. }
  848. .ui.large.labels .label,
  849. .ui.large.label {
  850. font-size: 1rem;
  851. }
  852. .ui.big.labels .label,
  853. .ui.big.label {
  854. font-size: 1.1428rem;
  855. }
  856. .ui.huge.labels .label,
  857. .ui.huge.label {
  858. font-size: 1.2857rem;
  859. }
  860. .ui.massive.labels .label,
  861. .ui.massive.label {
  862. font-size: 1.4285rem;
  863. }
  864. /*******************************
  865. Theme Overrides
  866. *******************************/
  867. /*******************************
  868. Site Overrides
  869. *******************************/