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.

888 lines
19 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
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
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
  3. * https://github.com/Semantic-Org/Semantic-UI
  4. * http://www.semantic-ui.com/
  5. *
  6. * Copyright 2014 Contributors
  7. * Released under the MIT license
  8. * http://opensource.org/licenses/MIT
  9. *
  10. */
  11. /*******************************
  12. List
  13. *******************************/
  14. ul.ui.list,
  15. ol.ui.list,
  16. .ui.list {
  17. list-style-type: none;
  18. margin: 1em 0em;
  19. padding: 0em 0em;
  20. }
  21. ul.ui.list:first-child,
  22. ol.ui.list:first-child,
  23. .ui.list:first-child {
  24. margin-top: 0em;
  25. padding-top: 0em;
  26. }
  27. ul.ui.list:last-child,
  28. ol.ui.list:last-child,
  29. .ui.list:last-child {
  30. margin-bottom: 0em;
  31. padding-bottom: 0em;
  32. }
  33. /*******************************
  34. Content
  35. *******************************/
  36. /* List Item */
  37. ul.ui.list li,
  38. ol.ui.list li,
  39. .ui.list > .item,
  40. .ui.list .list > .item {
  41. display: list-item;
  42. table-layout: fixed;
  43. list-style-type: none;
  44. list-style-position: outside;
  45. padding: 0.3em 0em;
  46. line-height: 1.2;
  47. }
  48. ul.ui.list > li:first-child:after,
  49. ol.ui.list > li:first-child:after,
  50. .ui.list > .list > .item,
  51. .ui.list > .item:after {
  52. content: '';
  53. display: block;
  54. height: 0;
  55. clear: both;
  56. visibility: hidden;
  57. }
  58. ul.ui.list li:first-child,
  59. ol.ui.list li:first-child,
  60. .ui.list .list > .item:first-child,
  61. .ui.list > .item:first-child {
  62. padding-top: 0em;
  63. }
  64. ul.ui.list li:last-child,
  65. ol.ui.list li:last-child,
  66. .ui.list .list > .item:last-child,
  67. .ui.list > .item:last-child {
  68. padding-bottom: 0em;
  69. }
  70. /* Child List */
  71. ul.ui.list ul,
  72. ol.ui.list ol,
  73. .ui.list .list {
  74. clear: both;
  75. margin: 0em;
  76. padding: 0.75em 0em 0.25em 0.5em;
  77. }
  78. /* Icon */
  79. .ui.list .list > .item > .icon,
  80. .ui.list > .item > .icon {
  81. display: table-cell;
  82. margin: 0em;
  83. padding-top: 0.1rem;
  84. padding-right: 0.3em;
  85. vertical-align: middle;
  86. -webkit-transition: color 0.2s ease;
  87. transition: color 0.2s ease;
  88. }
  89. .ui.list .list > .item [class*="top aligned"].icon,
  90. .ui.list > .item > [class*="top aligned"].icon {
  91. vertical-align: top;
  92. }
  93. .ui.list .list > .item > .icon:only-child,
  94. .ui.list > .item > .icon:only-child {
  95. display: inline-block;
  96. vertical-align: top;
  97. }
  98. /* Image */
  99. .ui.list .list > .item > .image,
  100. .ui.list > .item > .image {
  101. display: table-cell;
  102. background-color: transparent;
  103. margin: 0em;
  104. padding-right: 0.5em;
  105. vertical-align: middle;
  106. }
  107. .ui.list .list > .item > [class*="top aligned"].image,
  108. .ui.list > .item > [class*="top aligned"].image {
  109. vertical-align: top;
  110. }
  111. .ui.list .list > .item > .image img,
  112. .ui.list > .item > .image img {
  113. vertical-align: middle;
  114. }
  115. .ui.list .list > .item > img.image,
  116. .ui.list .list > .item > .image:only-child,
  117. .ui.list > .item > img.image,
  118. .ui.list > .item > .image:only-child {
  119. display: inline-block;
  120. padding-right: 0em;
  121. }
  122. /* Content */
  123. .ui.list .list > .item > .content,
  124. .ui.list > .item > .content {
  125. line-height: 1.2em;
  126. }
  127. .ui.list .list > .item > .image + .content,
  128. .ui.list .list > .item > .icon + .content .ui.list > .item > .image + .content,
  129. .ui.list > .item > .icon + .content {
  130. display: table-cell;
  131. padding-left: 0.5em;
  132. vertical-align: middle;
  133. }
  134. .ui.list .list > .item > .image + .content,
  135. .ui.list .list > .item > .icon + .content,
  136. .ui.list > .item > .image + .content,
  137. .ui.list > .item > .icon + .content {
  138. display: table-cell;
  139. padding-left: 0.5em;
  140. vertical-align: middle;
  141. }
  142. .ui.list .list > .item > img.image + .content,
  143. .ui.list > .item > img.image + .content {
  144. display: inline-block;
  145. }
  146. .ui.list .list > .item [class*="top aligned"].content,
  147. .ui.list > .item > [class*="top aligned"].content {
  148. vertical-align: top;
  149. }
  150. .ui.list .list > .item > .content > .list,
  151. .ui.list > .item > .content > .list {
  152. margin-left: 0em;
  153. padding-left: 0em;
  154. }
  155. /* Item Link */
  156. .ui.list .list > a.item,
  157. .ui.list > a.item {
  158. cursor: pointer;
  159. color: rgba(0, 0, 0, 0.8);
  160. }
  161. .ui.list .list > a.item:hover,
  162. .ui.list > a.item:hover {
  163. color: #00b2f3;
  164. }
  165. /* Linked Item Icons */
  166. .ui.list .list > a.item .icon,
  167. .ui.list > a.item .icon {
  168. color: rgba(0, 0, 0, 0.4);
  169. }
  170. /* Linking Content */
  171. .ui.list .item a {
  172. cursor: pointer;
  173. color: rgba(0, 0, 0, 0.8) !important;
  174. }
  175. .ui.list .item a:hover {
  176. color: #00b2f3 !important;
  177. }
  178. /* Header */
  179. .ui.list .list > .item .header,
  180. .ui.list > .item .header {
  181. display: block;
  182. margin: 0em;
  183. font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  184. font-weight: bold;
  185. color: rgba(0, 0, 0, 0.8);
  186. }
  187. .ui.list .list > .item .description,
  188. .ui.list > .item .description {
  189. display: block;
  190. color: rgba(0, 0, 0, 0.8);
  191. }
  192. /* Floated Content */
  193. .ui.list .list > .item [class*="left floated"],
  194. .ui.list > .item [class*="left floated"] {
  195. float: left;
  196. margin: 0em 1em 0em 0em;
  197. }
  198. .ui.list .list > .item [class*="right floated"],
  199. .ui.list > .item [class*="right floated"] {
  200. float: right;
  201. margin: 0em 0em 0em 1em;
  202. }
  203. /*******************************
  204. Coupling
  205. *******************************/
  206. .ui.menu .ui.list > .item,
  207. .ui.menu .ui.list .list > .item {
  208. display: list-item;
  209. table-layout: fixed;
  210. list-style-type: none;
  211. list-style-position: outside;
  212. padding: 0.3em 0em;
  213. line-height: 1.2;
  214. }
  215. .ui.menu .ui.list .list > .item:before,
  216. .ui.menu .ui.list > .item:before {
  217. border: none;
  218. background: none;
  219. }
  220. .ui.menu .ui.list .list > .item:first-child,
  221. .ui.menu .ui.list > .item:first-child {
  222. padding-top: 0em;
  223. }
  224. .ui.menu .ui.list .list > .item:last-child,
  225. .ui.menu .ui.list > .item:last-child {
  226. padding-bottom: 0em;
  227. }
  228. /*******************************
  229. Types
  230. *******************************/
  231. /*-------------------
  232. Horizontal
  233. --------------------*/
  234. .ui.horizontal.list {
  235. display: inline-block;
  236. font-size: 0em;
  237. }
  238. .ui.horizontal.list > .item {
  239. display: inline-block;
  240. margin-left: 1em;
  241. font-size: 1rem;
  242. }
  243. .ui.horizontal.list > .item:first-child {
  244. margin-left: 0em !important;
  245. padding-left: 0em !important;
  246. }
  247. .ui.horizontal.list .list {
  248. padding-left: 0em;
  249. padding-bottom: 0em;
  250. }
  251. /* Padding on all elements */
  252. .ui.horizontal.list > .item:first-child,
  253. .ui.horizontal.list > .item:last-child {
  254. padding-top: 0.3em;
  255. padding-bottom: 0.3em;
  256. }
  257. /* Horizontal List */
  258. .ui.horizontal.list > .item > .icon {
  259. margin: 0em;
  260. padding: 0em 0.25em 0em 0em;
  261. }
  262. .ui.horizontal.list > .item > .icon,
  263. .ui.horizontal.list > .item > .icon + .content {
  264. float: none;
  265. display: inline-block;
  266. }
  267. /*******************************
  268. States
  269. *******************************/
  270. /*-------------------
  271. Disabled
  272. --------------------*/
  273. .ui.list .list > .disabled.item,
  274. .ui.list > .disabled.item {
  275. pointer-events: none;
  276. color: rgba(40, 40, 40, 0.3) !important;
  277. }
  278. .ui.inverted.list .list > .disabled.item,
  279. .ui.inverted.list > .disabled.item {
  280. color: rgba(225, 225, 225, 0.3) !important;
  281. }
  282. /*-------------------
  283. Hover
  284. --------------------*/
  285. .ui.list .list > a.item:hover .icon,
  286. .ui.list > a.item:hover .icon {
  287. color: rgba(0, 0, 0, 0.8);
  288. }
  289. /*******************************
  290. Variations
  291. *******************************/
  292. /*-------------------
  293. Inverted
  294. --------------------*/
  295. .ui.inverted.list .list > a.item > .icon,
  296. .ui.inverted.list > a.item > .icon {
  297. color: rgba(255, 255, 255, 0.8);
  298. }
  299. .ui.inverted.list .list > .item .header,
  300. .ui.inverted.list > .item .header {
  301. color: #ffffff;
  302. }
  303. .ui.inverted.list .list > .item .description,
  304. .ui.inverted.list > .item .description {
  305. color: rgba(255, 255, 255, 0.8);
  306. }
  307. /* Item Link */
  308. .ui.inverted.list .list > a.item,
  309. .ui.inverted.list > a.item {
  310. cursor: pointer;
  311. color: #ffffff;
  312. }
  313. .ui.inverted.list .list > a.item:hover,
  314. .ui.inverted.list > a.item:hover {
  315. color: #00b2f3;
  316. }
  317. /* Linking Content */
  318. .ui.inverted.list .item a {
  319. cursor: pointer;
  320. color: #ffffff !important;
  321. }
  322. .ui.inverted.list .item a:hover {
  323. color: #00b2f3 !important;
  324. }
  325. /*-------------------
  326. Link
  327. --------------------*/
  328. .ui.link.list .item,
  329. .ui.link.list a.item,
  330. .ui.link.list .item a {
  331. color: rgba(0, 0, 0, 0.4);
  332. -webkit-transition: 0.2s color ease;
  333. transition: 0.2s color ease;
  334. }
  335. .ui.link.list a.item:hover,
  336. .ui.link.list .item a:hover {
  337. color: rgba(0, 0, 0, 0.8);
  338. }
  339. .ui.link.list a.item:active,
  340. .ui.link.list .item a:active {
  341. color: rgba(0, 0, 0, 0.8);
  342. }
  343. .ui.link.list .active.item,
  344. .ui.link.list .active.item a {
  345. color: rgba(0, 0, 0, 0.8);
  346. }
  347. /* Inverted */
  348. .ui.inverted.link.list .item,
  349. .ui.inverted.link.list a.item,
  350. .ui.inverted.link.list .item a {
  351. color: rgba(255, 255, 255, 0.5);
  352. }
  353. .ui.inverted.link.list a.item:hover,
  354. .ui.inverted.link.list .item a:hover {
  355. color: #ffffff;
  356. }
  357. .ui.inverted.link.list a.item:active,
  358. .ui.inverted.link.list .item a:active {
  359. color: #ffffff;
  360. }
  361. .ui.inverted.link.list a.active.item,
  362. .ui.inverted.link.list .active.item a {
  363. color: #ffffff;
  364. }
  365. /*-------------------
  366. Selection
  367. --------------------*/
  368. .ui.selection.list .list > .item,
  369. .ui.selection.list > .item {
  370. cursor: pointer;
  371. background: transparent;
  372. padding: 0.5em 0.5em;
  373. margin: 0em;
  374. color: rgba(0, 0, 0, 0.4);
  375. border-radius: 0.5em;
  376. -webkit-transition: 0.2s color ease, 0.2s padding-left ease, 0.2s background-color ease;
  377. transition: 0.2s color ease, 0.2s padding-left ease, 0.2s background-color ease;
  378. }
  379. .ui.selection.list .list > .item:last-child,
  380. .ui.selection.list > .item:last-child {
  381. margin-bottom: 0em;
  382. }
  383. .ui.selection.list.list > .item:hover,
  384. .ui.selection.list > .item:hover {
  385. background: rgba(0, 0, 0, 0.03);
  386. color: rgba(0, 0, 0, 0.8);
  387. }
  388. .ui.selection.list .list > .item:active,
  389. .ui.selection.list > .item:active {
  390. background: rgba(0, 0, 0, 0.05);
  391. color: rgba(0, 0, 0, 0.8);
  392. }
  393. .ui.selection.list .list > .item.active,
  394. .ui.selection.list > .item.active {
  395. background: rgba(0, 0, 0, 0.05);
  396. color: rgba(0, 0, 0, 0.8);
  397. }
  398. /* Inverted */
  399. .ui.inverted.selection.list > .item,
  400. .ui.inverted.selection.list > .item {
  401. background: transparent;
  402. color: rgba(255, 255, 255, 0.5);
  403. }
  404. .ui.inverted.selection.list > .item:hover,
  405. .ui.inverted.selection.list > .item:hover {
  406. background: rgba(255, 255, 255, 0.02);
  407. color: #ffffff;
  408. }
  409. .ui.inverted.selection.list > .item:active,
  410. .ui.inverted.selection.list > .item:active {
  411. background: rgba(255, 255, 255, 0.05);
  412. color: #ffffff;
  413. }
  414. .ui.inverted.selection.list > .item.active,
  415. .ui.inverted.selection.list > .item.active {
  416. background: rgba(255, 255, 255, 0.05);
  417. color: #ffffff;
  418. }
  419. /* Celled / Divided Selection List */
  420. .ui.celled.selection.list .list > .item,
  421. .ui.divided.selection.list .list > .item,
  422. .ui.celled.selection.list > .item,
  423. .ui.divided.selection.list > .item {
  424. border-radius: 0em;
  425. }
  426. /*-------------------
  427. Animated
  428. --------------------*/
  429. .ui.animated.list > .item {
  430. -webkit-transition: 0.2s color ease, 0.2s padding-left ease, 0.2s background-color ease;
  431. transition: 0.2s color ease, 0.2s padding-left ease, 0.2s background-color ease;
  432. }
  433. .ui.animated.list:not(.horizontal) > .item:hover {
  434. padding-left: 1em;
  435. }
  436. /*-------------------
  437. Fitted
  438. --------------------*/
  439. .ui.fitted.list:not(.selection) .list > .item,
  440. .ui.fitted.list:not(.selection) > .item {
  441. padding-left: 0em;
  442. padding-right: 0em;
  443. }
  444. .ui.fitted.selection.list .list > .item,
  445. .ui.fitted.selection.list > .item {
  446. margin-left: -0.5em;
  447. margin-right: -0.5em;
  448. }
  449. /*-------------------
  450. Bulleted
  451. --------------------*/
  452. ul.ui.list,
  453. .ui.bulleted.list {
  454. margin-left: 1rem;
  455. }
  456. ul.ui.list li,
  457. .ui.bulleted.list .list > .item,
  458. .ui.bulleted.list > .item {
  459. position: relative;
  460. }
  461. ul.ui.list li:before,
  462. .ui.bulleted.list .list > .item:before,
  463. .ui.bulleted.list > .item:before {
  464. position: absolute;
  465. top: auto;
  466. left: auto;
  467. margin-left: -1rem;
  468. content: '•';
  469. opacity: 1;
  470. color: rgba(0, 0, 0, 0.8);
  471. vertical-align: top;
  472. }
  473. ul.ui.list ul,
  474. .ui.bulleted.list .list {
  475. padding-left: 1rem;
  476. }
  477. /* Horizontal Bulleted */
  478. ul.ui.horizontal.bulleted.list,
  479. .ui.horizontal.bulleted.list {
  480. margin-left: 0em;
  481. }
  482. ul.ui.horizontal.bulleted.list li,
  483. .ui.horizontal.bulleted.list > .item {
  484. margin-left: 1.5rem;
  485. }
  486. ul.ui.horizontal.bulleted.list li:first-child,
  487. .ui.horizontal.bulleted.list > .item:first-child {
  488. margin-left: 0em;
  489. }
  490. ul.ui.horizontal.bulleted.list li:first-child::before,
  491. .ui.horizontal.bulleted.list > .item:first-child::before {
  492. display: none;
  493. }
  494. /*-------------------
  495. Ordered
  496. --------------------*/
  497. ol.ui.list,
  498. .ui.ordered.list,
  499. .ui.ordered.list .list,
  500. ol.ui.list ol {
  501. counter-reset: ordered;
  502. margin-left: 1.25rem;
  503. list-style-type: none;
  504. }
  505. ol.ui.list li,
  506. .ui.ordered.list .list > .item,
  507. .ui.ordered.list > .item {
  508. list-style-type: none;
  509. position: relative;
  510. }
  511. ol.ui.list li:before,
  512. .ui.ordered.list .list > .item:before,
  513. .ui.ordered.list > .item:before {
  514. position: absolute;
  515. top: auto;
  516. left: auto;
  517. margin-left: -1.25rem;
  518. counter-increment: ordered;
  519. content: counters(ordered, ".") " ";
  520. text-align: right;
  521. color: rgba(0, 0, 0, 0.8);
  522. vertical-align: middle;
  523. opacity: 0.8;
  524. }
  525. /* Child Lists */
  526. ol.ui.list ol,
  527. .ui.ordered.list .list {
  528. margin-left: 1em;
  529. }
  530. ol.ui.list ol li:before,
  531. .ui.ordered.list .list > .item:before {
  532. margin-left: -2em;
  533. }
  534. /* Horizontal Ordered */
  535. ol.ui.horizontal.list,
  536. .ui.ordered.horizontal.list {
  537. margin-left: 0em;
  538. }
  539. ol.ui.horizontal.list li:before,
  540. .ui.ordered.horizontal.list .list > .item:before,
  541. .ui.ordered.horizontal.list > .item:before {
  542. position: static;
  543. margin: 0em 0.5em 0em 0em;
  544. }
  545. /*-------------------
  546. Divided
  547. --------------------*/
  548. .ui.divided.list > .item {
  549. border-top: 1px solid rgba(39, 41, 43, 0.15);
  550. }
  551. .ui.divided.list .list > .item {
  552. border-top: none;
  553. }
  554. .ui.divided.list .item .list > .item {
  555. border-top: none;
  556. }
  557. .ui.divided.list .list > .item:first-child,
  558. .ui.divided.list > .item:first-child {
  559. border-top: none;
  560. }
  561. /* Sub Menu */
  562. .ui.divided.list:not(.horizontal) .list > .item:first-child {
  563. border-top-width: 1px;
  564. }
  565. /* Divided bulleted */
  566. .ui.divided.bulleted.list:not(.horizontal),
  567. .ui.divided.bulleted.list .list {
  568. margin-left: 0em;
  569. padding-left: 0em;
  570. }
  571. .ui.divided.bulleted.list .list > .item:not(.horizontal),
  572. .ui.divided.bulleted.list > .item:not(.horizontal) {
  573. padding-left: 1rem;
  574. }
  575. /* Divided Ordered */
  576. .ui.divided.ordered.list {
  577. margin-left: 0em;
  578. }
  579. .ui.divided.ordered.list .list > .item,
  580. .ui.divided.ordered.list > .item {
  581. padding-left: 1.25rem;
  582. }
  583. .ui.divided.ordered.list .item .list {
  584. margin-left: 0em;
  585. margin-right: 0em;
  586. padding-bottom: 0.3em;
  587. }
  588. .ui.divided.ordered.list .item .list > .item {
  589. padding-left: 1em;
  590. }
  591. /* Divided Selection */
  592. .ui.divided.selection.list .list > .item,
  593. .ui.divided.selection.list > .item {
  594. margin: 0em;
  595. border-radius: 0em;
  596. }
  597. /* Divided horizontal */
  598. .ui.divided.horizontal.list {
  599. margin-left: 0em;
  600. }
  601. .ui.divided.horizontal.list > .item {
  602. border-top: none;
  603. border-left: 1px solid rgba(39, 41, 43, 0.15);
  604. margin: 0em;
  605. padding-left: 0.5em;
  606. padding-right: 0.5em;
  607. line-height: 0.6;
  608. }
  609. .ui.horizontal.divided.list > .item:first-child {
  610. border-left: none;
  611. }
  612. /* Inverted */
  613. .ui.divided.inverted.list > .item,
  614. .ui.divided.inverted.list > .list,
  615. .ui.divided.inverted.horizontal.list > .item {
  616. border-color: rgba(255, 255, 255, 0.2);
  617. }
  618. /*-------------------
  619. Celled
  620. --------------------*/
  621. .ui.celled.list > .item,
  622. .ui.celled.list > .list {
  623. border-top: 1px solid rgba(39, 41, 43, 0.15);
  624. padding-left: 0.5em;
  625. padding-right: 0.5em;
  626. }
  627. .ui.celled.list > .item:last-child {
  628. border-bottom: 1px solid rgba(39, 41, 43, 0.15);
  629. }
  630. /* Padding on all elements */
  631. .ui.celled.list > .item:first-child,
  632. .ui.celled.list > .item:last-child {
  633. padding-top: 0.3em;
  634. padding-bottom: 0.3em;
  635. }
  636. /* Sub Menu */
  637. .ui.celled.list .item .list > .item {
  638. border-width: 0px;
  639. }
  640. .ui.celled.list .list > .item:first-child {
  641. border-top-width: 0px;
  642. }
  643. /* Celled Bulleted */
  644. .ui.celled.bulleted.list {
  645. margin-left: 0em;
  646. }
  647. .ui.celled.bulleted.list .list > .item,
  648. .ui.celled.bulleted.list > .item {
  649. padding-left: 1rem;
  650. }
  651. .ui.celled.bulleted.list .item .list {
  652. margin-left: -1rem;
  653. margin-right: -1rem;
  654. padding-bottom: 0.3em;
  655. }
  656. /* Celled Ordered */
  657. .ui.celled.ordered.list {
  658. margin-left: 0em;
  659. }
  660. .ui.celled.ordered.list .list > .item,
  661. .ui.celled.ordered.list > .item {
  662. padding-left: 1.25rem;
  663. }
  664. .ui.celled.ordered.list .item .list {
  665. margin-left: 0em;
  666. margin-right: 0em;
  667. padding-bottom: 0.3em;
  668. }
  669. .ui.celled.ordered.list .list > .item {
  670. padding-left: 1em;
  671. }
  672. /* Celled Horizontal */
  673. .ui.horizontal.celled.list {
  674. margin-left: 0em;
  675. }
  676. .ui.horizontal.celled.list .list > .item,
  677. .ui.horizontal.celled.list > .item {
  678. border-top: none;
  679. border-left: 1px solid rgba(39, 41, 43, 0.15);
  680. margin: 0em;
  681. padding-left: 0.5em;
  682. padding-right: 0.5em;
  683. line-height: 0.6;
  684. }
  685. .ui.horizontal.celled.list .list > .item:last-child,
  686. .ui.horizontal.celled.list > .item:last-child {
  687. border-bottom: none;
  688. border-right: 1px solid rgba(39, 41, 43, 0.15);
  689. }
  690. /* Inverted */
  691. .ui.celled.inverted.list > .item,
  692. .ui.celled.inverted.list > .list {
  693. border-color: 1px solid rgba(255, 255, 255, 0.2);
  694. }
  695. .ui.celled.inverted.horizontal.list .list > .item,
  696. .ui.celled.inverted.horizontal.list > .item {
  697. border-color: 1px solid rgba(255, 255, 255, 0.2);
  698. }
  699. /*-------------------
  700. Relaxed
  701. --------------------*/
  702. .ui.relaxed.list:not(.horizontal) .list > .item,
  703. .ui.relaxed.list:not(.horizontal) > .item {
  704. padding-top: 0.5rem;
  705. padding-bottom: 0.5rem;
  706. }
  707. .ui.relaxed.list .list > .item .header,
  708. .ui.relaxed.list > .item .header {
  709. /*margin-bottom: @relaxedHeaderMargin;*/
  710. }
  711. .ui.horizontal.relaxed.list > .item {
  712. padding-left: 1.25rem;
  713. padding-right: 1.25rem;
  714. }
  715. /* Very Relaxed */
  716. .ui[class*="very relaxed"].list:not(.horizontal) .list > .item,
  717. .ui[class*="very relaxed"].list:not(.horizontal) > .item {
  718. padding-top: 1rem;
  719. padding-bottom: 1rem;
  720. }
  721. .ui[class*="very relaxed"].list .list > .item .header,
  722. .ui[class*="very relaxed"].list > .item .header {
  723. /*margin-bottom: @veryRelaxedHeaderMargin;*/
  724. }
  725. .ui.horizontal[class*="very relaxed"].list .list > .item,
  726. .ui.horizontal[class*="very relaxed"].list > .item {
  727. padding-left: 2rem;
  728. padding-right: 2rem;
  729. }
  730. /*-------------------
  731. Sizes
  732. --------------------*/
  733. .ui.mini.list .list > .item,
  734. .ui.mini.list > .item {
  735. font-size: 0.71428571em;
  736. }
  737. .ui.tiny.list .list > .item,
  738. .ui.tiny.list > .item {
  739. font-size: 0.85714286em;
  740. }
  741. .ui.small.list .list > .item,
  742. .ui.small.list > .item {
  743. font-size: 0.92857143em;
  744. }
  745. .ui.list .list > .item,
  746. .ui.list > .item {
  747. font-size: 1em;
  748. }
  749. .ui.large.list .list > .item,
  750. .ui.large.list > .item {
  751. font-size: 1.14285714em;
  752. }
  753. .ui.big.list .list > .item,
  754. .ui.big.list > .item {
  755. font-size: 1.28571429em;
  756. }
  757. .ui.huge.list .list > .item,
  758. .ui.huge.list > .item {
  759. font-size: 1.42857143em;
  760. }
  761. .ui.massive.list .list > .item,
  762. .ui.massive.list > .item {
  763. font-size: 1.71428571em;
  764. }
  765. .ui.mini.horizontal.list .list > .item,
  766. .ui.mini.horizontal.list > .item {
  767. font-size: 0.71428571rem;
  768. }
  769. .ui.tiny.horizontal.list .list > .item,
  770. .ui.tiny.horizontal.list > .item {
  771. font-size: 0.85714286rem;
  772. }
  773. .ui.small.horizontal.list .list > .item,
  774. .ui.small.horizontal.list > .item {
  775. font-size: 0.92857143rem;
  776. }
  777. .ui.horizontal.list .list > .item,
  778. .ui.horizontal.list > .item {
  779. font-size: 1rem;
  780. }
  781. .ui.large.horizontal.list .list > .item,
  782. .ui.large.horizontal.list > .item {
  783. font-size: 1.14285714rem;
  784. }
  785. .ui.big.horizontal.list .list > .item,
  786. .ui.big.horizontal.list > .item {
  787. font-size: 1.28571429rem;
  788. }
  789. .ui.huge.horizontal.list .list > .item,
  790. .ui.huge.horizontal.list > .item {
  791. font-size: 1.42857143rem;
  792. }
  793. .ui.massive.horizontal.list .list > .item,
  794. .ui.massive.horizontal.list > .item {
  795. font-size: 1.71428571rem;
  796. }
  797. /*******************************
  798. Theme Overrides
  799. *******************************/
  800. /*******************************
  801. User Variable Overrides
  802. *******************************/