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.

939 lines
20 KiB

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