1
0

list.css 21 KB

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