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.

952 lines
21 KiB

9 years ago
8 years ago
9 years ago
10 years ago
9 years ago
9 years ago
10 years ago
10 years ago
10 years ago
10 years ago
9 years ago
10 years ago
10 years ago
10 years ago
10 years ago
9 years ago
10 years ago
10 years ago
9 years ago
9 years ago
10 years ago
10 years ago
10 years ago
10 years ago
9 years ago
10 years ago
10 years ago
10 years ago
10 years ago
9 years ago
10 years ago
10 years ago
10 years ago
9 years ago
10 years ago
10 years ago
10 years ago
10 years ago
9 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
9 years ago
9 years ago
10 years ago
10 years ago
9 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
9 years ago
10 years ago
9 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
10 years ago
9 years ago
9 years ago
10 years ago
9 years ago
10 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
10 years ago
9 years ago
10 years ago
9 years ago
10 years ago
9 years ago
10 years ago
9 years ago
10 years ago
9 years ago
9 years ago
10 years ago
9 years ago
9 years ago
10 years ago
9 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
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
9 years ago
10 years ago
10 years ago
9 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
9 years ago
10 years ago
10 years ago
10 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
9 years ago
10 years ago
9 years ago
10 years ago
10 years ago
9 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
9 years ago
10 years ago
9 years ago
10 years ago
10 years ago
10 years ago
10 years ago
9 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
9 years ago
10 years ago
10 years ago
9 years ago
10 years ago
10 years ago
10 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
9 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
10 years ago
10 years ago
9 years ago
10 years ago
10 years ago
9 years ago
10 years ago
10 years ago
10 years ago
9 years ago
10 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
  1. /*!
  2. * # Semantic UI 2.2.0 - 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. font-weight: normal;
  503. margin-left: -1.25rem;
  504. content: '•';
  505. opacity: 1;
  506. color: inherit;
  507. vertical-align: top;
  508. }
  509. ul.ui.list li:before,
  510. .ui.bulleted.list .list > a.item:before,
  511. .ui.bulleted.list > a.item:before {
  512. color: rgba(0, 0, 0, 0.87);
  513. }
  514. ul.ui.list ul,
  515. .ui.bulleted.list .list {
  516. padding-left: 1.25rem;
  517. }
  518. /* Horizontal Bulleted */
  519. ul.ui.horizontal.bulleted.list,
  520. .ui.horizontal.bulleted.list {
  521. margin-left: 0em;
  522. }
  523. ul.ui.horizontal.bulleted.list li,
  524. .ui.horizontal.bulleted.list > .item {
  525. margin-left: 1.75rem;
  526. }
  527. ul.ui.horizontal.bulleted.list li:first-child,
  528. .ui.horizontal.bulleted.list > .item:first-child {
  529. margin-left: 0em;
  530. }
  531. ul.ui.horizontal.bulleted.list li::before,
  532. .ui.horizontal.bulleted.list > .item::before {
  533. color: rgba(0, 0, 0, 0.87);
  534. }
  535. ul.ui.horizontal.bulleted.list li:first-child::before,
  536. .ui.horizontal.bulleted.list > .item:first-child::before {
  537. display: none;
  538. }
  539. /*-------------------
  540. Ordered
  541. --------------------*/
  542. ol.ui.list,
  543. .ui.ordered.list,
  544. .ui.ordered.list .list,
  545. ol.ui.list ol {
  546. counter-reset: ordered;
  547. margin-left: 1.25rem;
  548. list-style-type: none;
  549. }
  550. ol.ui.list li,
  551. .ui.ordered.list .list > .item,
  552. .ui.ordered.list > .item {
  553. list-style-type: none;
  554. position: relative;
  555. }
  556. ol.ui.list li:before,
  557. .ui.ordered.list .list > .item:before,
  558. .ui.ordered.list > .item:before {
  559. position: absolute;
  560. top: auto;
  561. left: auto;
  562. -webkit-user-select: none;
  563. -moz-user-select: none;
  564. -ms-user-select: none;
  565. user-select: none;
  566. pointer-events: none;
  567. margin-left: -1.25rem;
  568. counter-increment: ordered;
  569. content: counters(ordered, ".") " ";
  570. text-align: right;
  571. color: rgba(0, 0, 0, 0.87);
  572. vertical-align: middle;
  573. opacity: 0.8;
  574. }
  575. ol.ui.inverted.list li:before,
  576. .ui.ordered.inverted.list .list > .item:before,
  577. .ui.ordered.inverted.list > .item:before {
  578. color: rgba(255, 255, 255, 0.7);
  579. }
  580. /* Value */
  581. .ui.ordered.list > .list > .item[data-value],
  582. .ui.ordered.list > .item[data-value] {
  583. content: attr(data-value);
  584. }
  585. ol.ui.list li[value]:before {
  586. content: attr(value);
  587. }
  588. /* Child Lists */
  589. ol.ui.list ol,
  590. .ui.ordered.list .list {
  591. margin-left: 1em;
  592. }
  593. ol.ui.list ol li:before,
  594. .ui.ordered.list .list > .item:before {
  595. margin-left: -2em;
  596. }
  597. /* Horizontal Ordered */
  598. ol.ui.horizontal.list,
  599. .ui.ordered.horizontal.list {
  600. margin-left: 0em;
  601. }
  602. ol.ui.horizontal.list li:before,
  603. .ui.ordered.horizontal.list .list > .item:before,
  604. .ui.ordered.horizontal.list > .item:before {
  605. position: static;
  606. margin: 0em 0.5em 0em 0em;
  607. }
  608. /*-------------------
  609. Divided
  610. --------------------*/
  611. .ui.divided.list > .item {
  612. border-top: 1px solid rgba(34, 36, 38, 0.15);
  613. }
  614. .ui.divided.list .list > .item {
  615. border-top: none;
  616. }
  617. .ui.divided.list .item .list > .item {
  618. border-top: none;
  619. }
  620. .ui.divided.list .list > .item:first-child,
  621. .ui.divided.list > .item:first-child {
  622. border-top: none;
  623. }
  624. /* Sub Menu */
  625. .ui.divided.list:not(.horizontal) .list > .item:first-child {
  626. border-top-width: 1px;
  627. }
  628. /* Divided bulleted */
  629. .ui.divided.bulleted.list:not(.horizontal),
  630. .ui.divided.bulleted.list .list {
  631. margin-left: 0em;
  632. padding-left: 0em;
  633. }
  634. .ui.divided.bulleted.list > .item:not(.horizontal) {
  635. padding-left: 1.25rem;
  636. }
  637. /* Divided Ordered */
  638. .ui.divided.ordered.list {
  639. margin-left: 0em;
  640. }
  641. .ui.divided.ordered.list .list > .item,
  642. .ui.divided.ordered.list > .item {
  643. padding-left: 1.25rem;
  644. }
  645. .ui.divided.ordered.list .item .list {
  646. margin-left: 0em;
  647. margin-right: 0em;
  648. padding-bottom: 0.21428571em;
  649. }
  650. .ui.divided.ordered.list .item .list > .item {
  651. padding-left: 1em;
  652. }
  653. /* Divided Selection */
  654. .ui.divided.selection.list .list > .item,
  655. .ui.divided.selection.list > .item {
  656. margin: 0em;
  657. border-radius: 0em;
  658. }
  659. /* Divided horizontal */
  660. .ui.divided.horizontal.list {
  661. margin-left: 0em;
  662. }
  663. .ui.divided.horizontal.list > .item:not(:first-child) {
  664. padding-left: 0.5em;
  665. }
  666. .ui.divided.horizontal.list > .item:not(:last-child) {
  667. padding-right: 0.5em;
  668. }
  669. .ui.divided.horizontal.list > .item {
  670. border-top: none;
  671. border-left: 1px solid rgba(34, 36, 38, 0.15);
  672. margin: 0em;
  673. line-height: 0.6;
  674. }
  675. .ui.horizontal.divided.list > .item:first-child {
  676. border-left: none;
  677. }
  678. /* Inverted */
  679. .ui.divided.inverted.list > .item,
  680. .ui.divided.inverted.list > .list,
  681. .ui.divided.inverted.horizontal.list > .item {
  682. border-color: rgba(255, 255, 255, 0.1);
  683. }
  684. /*-------------------
  685. Celled
  686. --------------------*/
  687. .ui.celled.list > .item,
  688. .ui.celled.list > .list {
  689. border-top: 1px solid rgba(34, 36, 38, 0.15);
  690. padding-left: 0.5em;
  691. padding-right: 0.5em;
  692. }
  693. .ui.celled.list > .item:last-child {
  694. border-bottom: 1px solid rgba(34, 36, 38, 0.15);
  695. }
  696. /* Padding on all elements */
  697. .ui.celled.list > .item:first-child,
  698. .ui.celled.list > .item:last-child {
  699. padding-top: 0.21428571em;
  700. padding-bottom: 0.21428571em;
  701. }
  702. /* Sub Menu */
  703. .ui.celled.list .item .list > .item {
  704. border-width: 0px;
  705. }
  706. .ui.celled.list .list > .item:first-child {
  707. border-top-width: 0px;
  708. }
  709. /* Celled Bulleted */
  710. .ui.celled.bulleted.list {
  711. margin-left: 0em;
  712. }
  713. .ui.celled.bulleted.list .list > .item,
  714. .ui.celled.bulleted.list > .item {
  715. padding-left: 1.25rem;
  716. }
  717. .ui.celled.bulleted.list .item .list {
  718. margin-left: -1.25rem;
  719. margin-right: -1.25rem;
  720. padding-bottom: 0.21428571em;
  721. }
  722. /* Celled Ordered */
  723. .ui.celled.ordered.list {
  724. margin-left: 0em;
  725. }
  726. .ui.celled.ordered.list .list > .item,
  727. .ui.celled.ordered.list > .item {
  728. padding-left: 1.25rem;
  729. }
  730. .ui.celled.ordered.list .item .list {
  731. margin-left: 0em;
  732. margin-right: 0em;
  733. padding-bottom: 0.21428571em;
  734. }
  735. .ui.celled.ordered.list .list > .item {
  736. padding-left: 1em;
  737. }
  738. /* Celled Horizontal */
  739. .ui.horizontal.celled.list {
  740. margin-left: 0em;
  741. }
  742. .ui.horizontal.celled.list .list > .item,
  743. .ui.horizontal.celled.list > .item {
  744. border-top: none;
  745. border-left: 1px solid rgba(34, 36, 38, 0.15);
  746. margin: 0em;
  747. padding-left: 0.5em;
  748. padding-right: 0.5em;
  749. line-height: 0.6;
  750. }
  751. .ui.horizontal.celled.list .list > .item:last-child,
  752. .ui.horizontal.celled.list > .item:last-child {
  753. border-bottom: none;
  754. border-right: 1px solid rgba(34, 36, 38, 0.15);
  755. }
  756. /* Inverted */
  757. .ui.celled.inverted.list > .item,
  758. .ui.celled.inverted.list > .list {
  759. border-color: 1px solid rgba(255, 255, 255, 0.1);
  760. }
  761. .ui.celled.inverted.horizontal.list .list > .item,
  762. .ui.celled.inverted.horizontal.list > .item {
  763. border-color: 1px solid rgba(255, 255, 255, 0.1);
  764. }
  765. /*-------------------
  766. Relaxed
  767. --------------------*/
  768. .ui.relaxed.list:not(.horizontal) > .item:not(:first-child) {
  769. padding-top: 0.42857143em;
  770. }
  771. .ui.relaxed.list:not(.horizontal) > .item:not(:last-child) {
  772. padding-bottom: 0.42857143em;
  773. }
  774. .ui.horizontal.relaxed.list .list > .item:not(:first-child),
  775. .ui.horizontal.relaxed.list > .item:not(:first-child) {
  776. padding-left: 1rem;
  777. }
  778. .ui.horizontal.relaxed.list .list > .item:not(:last-child),
  779. .ui.horizontal.relaxed.list > .item:not(:last-child) {
  780. padding-right: 1rem;
  781. }
  782. /* Very Relaxed */
  783. .ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:first-child) {
  784. padding-top: 0.85714286em;
  785. }
  786. .ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:last-child) {
  787. padding-bottom: 0.85714286em;
  788. }
  789. .ui.horizontal[class*="very relaxed"].list .list > .item:not(:first-child),
  790. .ui.horizontal[class*="very relaxed"].list > .item:not(:first-child) {
  791. padding-left: 1.5rem;
  792. }
  793. .ui.horizontal[class*="very relaxed"].list .list > .item:not(:last-child),
  794. .ui.horizontal[class*="very relaxed"].list > .item:not(:last-child) {
  795. padding-right: 1.5rem;
  796. }
  797. /*-------------------
  798. Sizes
  799. --------------------*/
  800. .ui.mini.list {
  801. font-size: 0.78571429em;
  802. }
  803. .ui.tiny.list {
  804. font-size: 0.85714286em;
  805. }
  806. .ui.small.list {
  807. font-size: 0.92857143em;
  808. }
  809. .ui.list {
  810. font-size: 1em;
  811. }
  812. .ui.large.list {
  813. font-size: 1.14285714em;
  814. }
  815. .ui.big.list {
  816. font-size: 1.28571429em;
  817. }
  818. .ui.huge.list {
  819. font-size: 1.42857143em;
  820. }
  821. .ui.massive.list {
  822. font-size: 1.71428571em;
  823. }
  824. .ui.mini.horizontal.list .list > .item,
  825. .ui.mini.horizontal.list > .item {
  826. font-size: 0.78571429rem;
  827. }
  828. .ui.tiny.horizontal.list .list > .item,
  829. .ui.tiny.horizontal.list > .item {
  830. font-size: 0.85714286rem;
  831. }
  832. .ui.small.horizontal.list .list > .item,
  833. .ui.small.horizontal.list > .item {
  834. font-size: 0.92857143rem;
  835. }
  836. .ui.horizontal.list .list > .item,
  837. .ui.horizontal.list > .item {
  838. font-size: 1rem;
  839. }
  840. .ui.large.horizontal.list .list > .item,
  841. .ui.large.horizontal.list > .item {
  842. font-size: 1.14285714rem;
  843. }
  844. .ui.big.horizontal.list .list > .item,
  845. .ui.big.horizontal.list > .item {
  846. font-size: 1.28571429rem;
  847. }
  848. .ui.huge.horizontal.list .list > .item,
  849. .ui.huge.horizontal.list > .item {
  850. font-size: 1.42857143rem;
  851. }
  852. .ui.massive.horizontal.list .list > .item,
  853. .ui.massive.horizontal.list > .item {
  854. font-size: 1.71428571rem;
  855. }
  856. /*******************************
  857. Theme Overrides
  858. *******************************/
  859. /*******************************
  860. User Variable Overrides
  861. *******************************/