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.

1050 lines
21 KiB

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
9 years ago
10 years ago
9 years ago
10 years ago
9 years ago
9 years ago
9 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
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
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
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
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
9 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
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
10 years ago
9 years ago
10 years ago
9 years ago
9 years ago
9 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
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
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
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
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
10 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
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
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
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
  1. /*!
  2. * # Semantic UI 2.0.0 - Table
  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. Table
  13. *******************************/
  14. /* Prototype */
  15. .ui.table {
  16. width: 100%;
  17. background: #ffffff;
  18. margin: 1em 0em;
  19. border: 1px solid rgba(34, 36, 38, 0.15);
  20. box-shadow: none;
  21. border-radius: 0.28571429rem;
  22. text-align: left;
  23. color: rgba(0, 0, 0, 0.87);
  24. border-collapse: separate;
  25. border-spacing: 0px;
  26. }
  27. .ui.table:first-child {
  28. margin-top: 0em;
  29. }
  30. .ui.table:last-child {
  31. margin-bottom: 0em;
  32. }
  33. /*******************************
  34. Parts
  35. *******************************/
  36. /* Table Content */
  37. .ui.table th,
  38. .ui.table td {
  39. -webkit-transition: background 0.1s ease, border-color 0.1s ease, color 0.1s ease;
  40. transition: background 0.1s ease, border-color 0.1s ease, color 0.1s ease;
  41. }
  42. /* Headers */
  43. .ui.table thead {
  44. box-shadow: none;
  45. }
  46. .ui.table thead th {
  47. cursor: auto;
  48. background: #f9fafb;
  49. text-align: inherit;
  50. color: rgba(0, 0, 0, 0.87);
  51. padding: 0.92857143em 0.71428571em;
  52. vertical-align: inherit;
  53. font-style: none;
  54. font-weight: bold;
  55. text-transform: none;
  56. border-bottom: 1px solid rgba(34, 36, 38, 0.1);
  57. border-left: none;
  58. }
  59. .ui.table thead tr > th:first-child {
  60. border-left: none;
  61. }
  62. .ui.table thead tr:first-child > th:first-child {
  63. border-radius: 0.28571429rem 0em 0em 0em;
  64. }
  65. .ui.table thead tr:first-child > th:last-child {
  66. border-radius: 0em 0.28571429rem 0em 0em;
  67. }
  68. .ui.table thead tr:first-child > th:only-child {
  69. border-radius: 0.28571429rem 0.28571429rem 0em 0em;
  70. }
  71. /* Footer */
  72. .ui.table tfoot {
  73. box-shadow: none;
  74. }
  75. .ui.table tfoot th {
  76. cursor: auto;
  77. border-top: 1px solid rgba(34, 36, 38, 0.15);
  78. background: #f9fafb;
  79. text-align: inherit;
  80. color: rgba(0, 0, 0, 0.87);
  81. padding: 0.71428571em 0.71428571em;
  82. vertical-align: middle;
  83. font-style: normal;
  84. font-weight: normal;
  85. text-transform: none;
  86. }
  87. .ui.table tfoot tr > th:first-child {
  88. border-left: none;
  89. }
  90. .ui.table tfoot tr:first-child > th:first-child {
  91. border-radius: 0em 0em 0em 0.28571429rem;
  92. }
  93. .ui.table tfoot tr:first-child > th:last-child {
  94. border-radius: 0em 0em 0.28571429rem 0em;
  95. }
  96. .ui.table tfoot tr:first-child > th:only-child {
  97. border-radius: 0em 0em 0.28571429rem 0.28571429rem;
  98. }
  99. /* Table Row */
  100. .ui.table tr td {
  101. border-top: 1px solid rgba(34, 36, 38, 0.1);
  102. }
  103. .ui.table tr:first-child td {
  104. border-top: none;
  105. }
  106. /* Table Cells */
  107. .ui.table td {
  108. padding: 0.71428571em 0.71428571em;
  109. text-align: inherit;
  110. }
  111. /* Icons */
  112. .ui.table > .icon {
  113. vertical-align: baseline;
  114. }
  115. .ui.table > .icon:only-child {
  116. margin: 0em;
  117. }
  118. /* Table Segment */
  119. .ui.table.segment {
  120. padding: 0em;
  121. }
  122. .ui.table.segment:after {
  123. display: none;
  124. }
  125. .ui.table.segment.stacked:after {
  126. display: block;
  127. }
  128. /* Responsive */
  129. @media only screen and (max-width: 767px) {
  130. .ui.table:not(.unstackable) {
  131. width: 100%;
  132. }
  133. .ui.table:not(.unstackable) tbody,
  134. .ui.table:not(.unstackable) tr,
  135. .ui.table:not(.unstackable) tr > th,
  136. .ui.table:not(.unstackable) tr > td {
  137. width: auto !important;
  138. display: block !important;
  139. }
  140. .ui.table:not(.unstackable) {
  141. padding: 0em;
  142. }
  143. .ui.table:not(.unstackable) thead {
  144. display: block;
  145. }
  146. .ui.table:not(.unstackable) tfoot {
  147. display: block;
  148. }
  149. .ui.table:not(.unstackable) tr {
  150. padding-top: 1em;
  151. padding-bottom: 1em;
  152. box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
  153. }
  154. .ui.table:not(.unstackable) tr > th,
  155. .ui.table:not(.unstackable) tr > td {
  156. background: none;
  157. border: none !important;
  158. padding: 0.25em 0.75em !important;
  159. box-shadow: none !important;
  160. }
  161. .ui.table:not(.unstackable) th:first-child,
  162. .ui.table:not(.unstackable) td:first-child {
  163. font-weight: bold;
  164. }
  165. /* Definition Table */
  166. .ui.definition.table:not(.unstackable) thead th:first-child {
  167. box-shadow: none !important;
  168. }
  169. }
  170. /*******************************
  171. Coupling
  172. *******************************/
  173. /* UI Image */
  174. .ui.table th .image,
  175. .ui.table th .image img,
  176. .ui.table td .image,
  177. .ui.table td .image img {
  178. max-width: none;
  179. }
  180. /*******************************
  181. Types
  182. *******************************/
  183. /*--------------
  184. Complex
  185. ---------------*/
  186. .ui.structured.table {
  187. border-collapse: collapse;
  188. }
  189. .ui.structured.table thead th {
  190. border-left: none;
  191. border-right: none;
  192. }
  193. .ui.structured.sortable.table thead th {
  194. border-left: 1px solid rgba(34, 36, 38, 0.15);
  195. border-right: 1px solid rgba(34, 36, 38, 0.15);
  196. }
  197. .ui.structured.basic.table th {
  198. border-left: none;
  199. border-right: none;
  200. }
  201. .ui.structured.celled.table tr th,
  202. .ui.structured.celled.table tr td {
  203. border-left: 1px solid rgba(34, 36, 38, 0.1);
  204. border-right: 1px solid rgba(34, 36, 38, 0.1);
  205. }
  206. /*--------------
  207. Definition
  208. ---------------*/
  209. .ui.definition.table thead:not(.full-width) th:first-child {
  210. pointer-events: none;
  211. background: transparent;
  212. font-weight: normal;
  213. color: rgba(0, 0, 0, 0.4);
  214. box-shadow: -1px -1px 0px 1px #ffffff;
  215. }
  216. .ui.definition.table tfoot:not(.full-width) th:first-child {
  217. pointer-events: none;
  218. background: transparent;
  219. font-weight: rgba(0, 0, 0, 0.4);
  220. color: normal;
  221. box-shadow: 1px 1px 0px 1px #ffffff;
  222. }
  223. /* Remove Border */
  224. .ui.celled.definition.table thead:not(.full-width) th:first-child {
  225. box-shadow: 0px -1px 0px 1px #ffffff;
  226. }
  227. .ui.celled.definition.table tfoot:not(.full-width) th:first-child {
  228. box-shadow: 0px 1px 0px 1px #ffffff;
  229. }
  230. /* Highlight Defining Column */
  231. .ui.definition.table tr td:first-child {
  232. background: rgba(0, 0, 0, 0.03);
  233. font-weight: bold;
  234. color: rgba(0, 0, 0, 0.95);
  235. }
  236. /* Fix 2nd Column */
  237. .ui.definition.table thead:not(.full-width) th:nth-child(2) {
  238. border-left: 1px solid rgba(34, 36, 38, 0.15);
  239. }
  240. .ui.definition.table tfoot:not(.full-width) th:nth-child(2) {
  241. border-left: 1px solid rgba(34, 36, 38, 0.15);
  242. }
  243. .ui.definition.table td:nth-child(2) {
  244. border-left: 1px solid rgba(34, 36, 38, 0.15);
  245. }
  246. /*******************************
  247. States
  248. *******************************/
  249. /*--------------
  250. Positive
  251. ---------------*/
  252. .ui.table tr.positive,
  253. .ui.table td.positive {
  254. box-shadow: 0px 0px 0px #a3c293 inset;
  255. }
  256. .ui.table tr.positive,
  257. .ui.table td.positive {
  258. background: #fcfff5 !important;
  259. color: #2c662d !important;
  260. }
  261. /*--------------
  262. Negative
  263. ---------------*/
  264. .ui.table tr.negative,
  265. .ui.table td.negative {
  266. box-shadow: 0px 0px 0px #e0b4b4 inset;
  267. }
  268. .ui.table tr.negative,
  269. .ui.table td.negative {
  270. background: #fff6f6 !important;
  271. color: #9f3a38 !important;
  272. }
  273. /*--------------
  274. Error
  275. ---------------*/
  276. .ui.table tr.error,
  277. .ui.table td.error {
  278. box-shadow: 0px 0px 0px #e0b4b4 inset;
  279. }
  280. .ui.table tr.error,
  281. .ui.table td.error {
  282. background: #fff6f6 !important;
  283. color: #9f3a38 !important;
  284. }
  285. /*--------------
  286. Warning
  287. ---------------*/
  288. .ui.table tr.warning,
  289. .ui.table td.warning {
  290. box-shadow: 0px 0px 0px #c9ba9b inset;
  291. }
  292. .ui.table tr.warning,
  293. .ui.table td.warning {
  294. background: #fffaf3 !important;
  295. color: #573a08 !important;
  296. }
  297. /*--------------
  298. Active
  299. ---------------*/
  300. .ui.table tr.active,
  301. .ui.table td.active {
  302. box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.87) inset;
  303. }
  304. .ui.table tr.active,
  305. .ui.table td.active {
  306. background: #e0e0e0 !important;
  307. color: rgba(0, 0, 0, 0.87) !important;
  308. }
  309. /*--------------
  310. Disabled
  311. ---------------*/
  312. .ui.table tr.disabled td,
  313. .ui.table tr td.disabled,
  314. .ui.table tr.disabled:hover,
  315. .ui.table tr:hover td.disabled {
  316. pointer-events: none;
  317. color: rgba(40, 40, 40, 0.3);
  318. }
  319. /*******************************
  320. Variations
  321. *******************************/
  322. /*--------------
  323. Stackable
  324. ---------------*/
  325. @media only screen and (max-width: 991px) {
  326. .ui[class*="tablet stackable"].table,
  327. .ui[class*="tablet stackable"].table tbody,
  328. .ui[class*="tablet stackable"].table tr,
  329. .ui[class*="tablet stackable"].table tr > th,
  330. .ui[class*="tablet stackable"].table tr > td {
  331. width: 100% !important;
  332. display: block !important;
  333. }
  334. .ui[class*="tablet stackable"].table {
  335. padding: 0em;
  336. }
  337. .ui[class*="tablet stackable"].table thead {
  338. display: block;
  339. }
  340. .ui[class*="tablet stackable"].table tfoot {
  341. display: block;
  342. }
  343. .ui[class*="tablet stackable"].table tr {
  344. padding-top: 1em;
  345. padding-bottom: 1em;
  346. box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
  347. }
  348. .ui[class*="tablet stackable"].table tr > th,
  349. .ui[class*="tablet stackable"].table tr > td {
  350. background: none;
  351. border: none !important;
  352. padding: 0.25em 0.75em;
  353. box-shadow: none !important;
  354. }
  355. /* Definition Table */
  356. .ui.definition[class*="tablet stackable"].table thead th:first-child {
  357. box-shadow: none !important;
  358. }
  359. }
  360. /*--------------
  361. Text Alignment
  362. ---------------*/
  363. .ui.table[class*="left aligned"],
  364. .ui.table [class*="left aligned"] {
  365. text-align: left;
  366. }
  367. .ui.table[class*="center aligned"],
  368. .ui.table [class*="center aligned"] {
  369. text-align: center;
  370. }
  371. .ui.table[class*="right aligned"],
  372. .ui.table [class*="right aligned"] {
  373. text-align: right;
  374. }
  375. /*------------------
  376. Vertical Alignment
  377. ------------------*/
  378. .ui.table[class*="top aligned"],
  379. .ui.table [class*="top aligned"] {
  380. vertical-align: top;
  381. }
  382. .ui.table[class*="middle aligned"],
  383. .ui.table [class*="middle aligned"] {
  384. vertical-align: middle;
  385. }
  386. .ui.table[class*="bottom aligned"],
  387. .ui.table [class*="bottom aligned"] {
  388. vertical-align: bottom;
  389. }
  390. /*--------------
  391. Collapsing
  392. ---------------*/
  393. .ui.table th.collapsing,
  394. .ui.table td.collapsing {
  395. width: 1px;
  396. white-space: nowrap;
  397. }
  398. /*--------------
  399. Hoverable
  400. ---------------*/
  401. .ui.selectable.table tbody tr:hover {
  402. background: rgba(0, 0, 0, 0.05) !important;
  403. color: rgba(0, 0, 0, 0.95) !important;
  404. }
  405. .ui.selectable.inverted.table tbody tr:hover {
  406. background: rgba(255, 255, 255, 0.08) !important;
  407. color: #ffffff !important;
  408. }
  409. /* Other States */
  410. .ui.selectable.table tr.error:hover,
  411. .ui.selectable.table tr:hover td.error {
  412. background: #ffe7e7 !important;
  413. color: #943634 !important;
  414. }
  415. .ui.selectable.table tr.warning:hover,
  416. .ui.selectable.table tr:hover td.warning {
  417. background: #fff4e4 !important;
  418. color: #493107 !important;
  419. }
  420. .ui.selectable.table tr.active:hover,
  421. .ui.selectable.table tr:hover td.active {
  422. background: #e0e0e0 !important;
  423. color: rgba(0, 0, 0, 0.87) !important;
  424. }
  425. .ui.selectable.table tr.positive:hover,
  426. .ui.selectable.table tr:hover td.positive {
  427. background: #f7ffe6 !important;
  428. color: #275b28 !important;
  429. }
  430. .ui.selectable.table tr.negative:hover,
  431. .ui.selectable.table tr:hover td.negative {
  432. background: #ffe7e7 !important;
  433. color: #943634 !important;
  434. }
  435. /*--------------
  436. Attached
  437. ---------------*/
  438. /* All */
  439. .ui.attached.table {
  440. width: -webkit-calc(100% + 2px );
  441. width: calc(100% + 2px );
  442. margin: 0em -1px;
  443. border-radius: 0px;
  444. box-shadow: none;
  445. }
  446. /* Top */
  447. .ui[class*="top attached"].table {
  448. margin-top: 1em 0em;
  449. border-radius: 0.28571429rem 0.28571429rem 0em 0em;
  450. }
  451. .ui.table[class*="top attached"]:first-child {
  452. margin-top: 0em;
  453. }
  454. /* Bottom */
  455. .ui.table[class*="bottom attached"] {
  456. margin-top: 0em;
  457. margin-bottom: 1em 0em;
  458. border-radius: 0em 0em 0.28571429rem 0.28571429rem;
  459. }
  460. .ui.table[class*="bottom attached"]:last-child {
  461. margin-bottom: 0em;
  462. }
  463. /*--------------
  464. Striped
  465. ---------------*/
  466. /* Table Striping */
  467. .ui.striped.table > tr:nth-child(2n),
  468. .ui.striped.table tbody tr:nth-child(2n) {
  469. background-color: rgba(0, 0, 50, 0.02);
  470. }
  471. /* Stripes */
  472. .ui.inverted.striped.table > tr:nth-child(2n),
  473. .ui.inverted.striped.table tbody tr:nth-child(2n) {
  474. background-color: rgba(255, 255, 255, 0.05);
  475. }
  476. /*--------------
  477. Single Line
  478. ---------------*/
  479. .ui.table[class*="single line"],
  480. .ui.table [class*="single line"] {
  481. white-space: nowrap;
  482. }
  483. /*-------------------
  484. Colors
  485. --------------------*/
  486. /* Red */
  487. .ui.red.table {
  488. border-top: 0.2em solid #db2828;
  489. }
  490. .ui.inverted.red.table {
  491. background-color: #db2828 !important;
  492. color: #ffffff !important;
  493. }
  494. /* Orange */
  495. .ui.orange.table {
  496. border-top: 0.2em solid #f2711c;
  497. }
  498. .ui.inverted.orange.table {
  499. background-color: #f2711c !important;
  500. color: #ffffff !important;
  501. }
  502. /* Yellow */
  503. .ui.yellow.table {
  504. border-top: 0.2em solid #fbbd08;
  505. }
  506. .ui.inverted.yellow.table {
  507. background-color: #fbbd08 !important;
  508. color: #ffffff !important;
  509. }
  510. /* Olive */
  511. .ui.olive.table {
  512. border-top: 0.2em solid #b5cc18;
  513. }
  514. .ui.inverted.olive.table {
  515. background-color: #b5cc18 !important;
  516. color: #ffffff !important;
  517. }
  518. /* Green */
  519. .ui.green.table {
  520. border-top: 0.2em solid #21ba45;
  521. }
  522. .ui.inverted.green.table {
  523. background-color: #21ba45 !important;
  524. color: #ffffff !important;
  525. }
  526. /* Teal */
  527. .ui.teal.table {
  528. border-top: 0.2em solid #00b5ad;
  529. }
  530. .ui.inverted.teal.table {
  531. background-color: #00b5ad !important;
  532. color: #ffffff !important;
  533. }
  534. /* Blue */
  535. .ui.blue.table {
  536. border-top: 0.2em solid #2185d0;
  537. }
  538. .ui.inverted.blue.table {
  539. background-color: #2185d0 !important;
  540. color: #ffffff !important;
  541. }
  542. /* Violet */
  543. .ui.violet.table {
  544. border-top: 0.2em solid #6435c9;
  545. }
  546. .ui.inverted.violet.table {
  547. background-color: #6435c9 !important;
  548. color: #ffffff !important;
  549. }
  550. /* Purple */
  551. .ui.purple.table {
  552. border-top: 0.2em solid #a333c8;
  553. }
  554. .ui.inverted.purple.table {
  555. background-color: #a333c8 !important;
  556. color: #ffffff !important;
  557. }
  558. /* Pink */
  559. .ui.pink.table {
  560. border-top: 0.2em solid #e03997;
  561. }
  562. .ui.inverted.pink.table {
  563. background-color: #e03997 !important;
  564. color: #ffffff !important;
  565. }
  566. /* Brown */
  567. .ui.brown.table {
  568. border-top: 0.2em solid #a5673f;
  569. }
  570. .ui.inverted.brown.table {
  571. background-color: #a5673f !important;
  572. color: #ffffff !important;
  573. }
  574. /* Grey */
  575. .ui.grey.table {
  576. border-top: 0.2em solid #757676;
  577. }
  578. .ui.inverted.grey.table {
  579. background-color: #757676 !important;
  580. color: #ffffff !important;
  581. }
  582. /* Black */
  583. .ui.black.table {
  584. border-top: 0.2em solid #1b1c1d;
  585. }
  586. .ui.inverted.black.table {
  587. background-color: #1b1c1d !important;
  588. color: #ffffff !important;
  589. }
  590. /*--------------
  591. Column Count
  592. ---------------*/
  593. /* Grid Based */
  594. .ui.one.column.table td {
  595. width: 100%;
  596. }
  597. .ui.two.column.table td {
  598. width: 50%;
  599. }
  600. .ui.three.column.table td {
  601. width: 33.33333333%;
  602. }
  603. .ui.four.column.table td {
  604. width: 25%;
  605. }
  606. .ui.five.column.table td {
  607. width: 20%;
  608. }
  609. .ui.six.column.table td {
  610. width: 16.66666667%;
  611. }
  612. .ui.seven.column.table td {
  613. width: 14.28571429%;
  614. }
  615. .ui.eight.column.table td {
  616. width: 12.5%;
  617. }
  618. .ui.nine.column.table td {
  619. width: 11.11111111%;
  620. }
  621. .ui.ten.column.table td {
  622. width: 10%;
  623. }
  624. .ui.eleven.column.table td {
  625. width: 9.09090909%;
  626. }
  627. .ui.twelve.column.table td {
  628. width: 8.33333333%;
  629. }
  630. .ui.thirteen.column.table td {
  631. width: 7.69230769%;
  632. }
  633. .ui.fourteen.column.table td {
  634. width: 7.14285714%;
  635. }
  636. .ui.fifteen.column.table td {
  637. width: 6.66666667%;
  638. }
  639. .ui.sixteen.column.table td {
  640. width: 6.25%;
  641. }
  642. /* Column Width */
  643. .ui.table th.one.wide,
  644. .ui.table td.one.wide {
  645. width: 6.25%;
  646. }
  647. .ui.table th.two.wide,
  648. .ui.table td.two.wide {
  649. width: 12.5%;
  650. }
  651. .ui.table th.three.wide,
  652. .ui.table td.three.wide {
  653. width: 18.75%;
  654. }
  655. .ui.table th.four.wide,
  656. .ui.table td.four.wide {
  657. width: 25%;
  658. }
  659. .ui.table th.five.wide,
  660. .ui.table td.five.wide {
  661. width: 31.25%;
  662. }
  663. .ui.table th.six.wide,
  664. .ui.table td.six.wide {
  665. width: 37.5%;
  666. }
  667. .ui.table th.seven.wide,
  668. .ui.table td.seven.wide {
  669. width: 43.75%;
  670. }
  671. .ui.table th.eight.wide,
  672. .ui.table td.eight.wide {
  673. width: 50%;
  674. }
  675. .ui.table th.nine.wide,
  676. .ui.table td.nine.wide {
  677. width: 56.25%;
  678. }
  679. .ui.table th.ten.wide,
  680. .ui.table td.ten.wide {
  681. width: 62.5%;
  682. }
  683. .ui.table th.eleven.wide,
  684. .ui.table td.eleven.wide {
  685. width: 68.75%;
  686. }
  687. .ui.table th.twelve.wide,
  688. .ui.table td.twelve.wide {
  689. width: 75%;
  690. }
  691. .ui.table th.thirteen.wide,
  692. .ui.table td.thirteen.wide {
  693. width: 81.25%;
  694. }
  695. .ui.table th.fourteen.wide,
  696. .ui.table td.fourteen.wide {
  697. width: 87.5%;
  698. }
  699. .ui.table th.fifteen.wide,
  700. .ui.table td.fifteen.wide {
  701. width: 93.75%;
  702. }
  703. .ui.table th.sixteen.wide,
  704. .ui.table td.sixteen.wide {
  705. width: 100%;
  706. }
  707. /*--------------
  708. Sortable
  709. ---------------*/
  710. .ui.sortable.table thead th {
  711. cursor: pointer;
  712. white-space: nowrap;
  713. border-left: 1px solid rgba(34, 36, 38, 0.15);
  714. color: rgba(0, 0, 0, 0.87);
  715. }
  716. .ui.sortable.table thead th:first-child {
  717. border-left: none;
  718. }
  719. .ui.sortable.table thead th.sorted,
  720. .ui.sortable.table thead th.sorted:hover {
  721. -webkit-user-select: none;
  722. -moz-user-select: none;
  723. -ms-user-select: none;
  724. user-select: none;
  725. }
  726. .ui.sortable.table thead th:after {
  727. display: none;
  728. font-style: normal;
  729. font-weight: normal;
  730. text-decoration: inherit;
  731. content: '';
  732. height: 1em;
  733. width: auto;
  734. opacity: 0.8;
  735. margin: 0em 0em 0em 0.5em;
  736. font-family: 'Icons';
  737. }
  738. .ui.sortable.table thead th.ascending:after {
  739. content: '\f0d8';
  740. }
  741. .ui.sortable.table thead th.descending:after {
  742. content: '\f0d7';
  743. }
  744. /* Hover */
  745. .ui.sortable.table th.disabled:hover {
  746. cursor: auto;
  747. color: rgba(40, 40, 40, 0.3);
  748. }
  749. .ui.sortable.table thead th:hover {
  750. background: rgba(0, 0, 0, 0.05);
  751. color: rgba(0, 0, 0, 0.8);
  752. }
  753. /* Sorted */
  754. .ui.sortable.table thead th.sorted {
  755. background: rgba(0, 0, 0, 0.05);
  756. color: rgba(0, 0, 0, 0.95);
  757. }
  758. .ui.sortable.table thead th.sorted:after {
  759. display: inline-block;
  760. }
  761. /* Sorted Hover */
  762. .ui.sortable.table thead th.sorted:hover {
  763. background: rgba(0, 0, 0, 0.05);
  764. color: rgba(0, 0, 0, 0.95);
  765. }
  766. /* Inverted */
  767. .ui.inverted.sortable.table thead th.sorted {
  768. background: rgba(255, 255, 255, 0.15) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  769. background: rgba(255, 255, 255, 0.15) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  770. color: #ffffff;
  771. }
  772. .ui.inverted.sortable.table thead th:hover {
  773. background: rgba(255, 255, 255, 0.08) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  774. background: rgba(255, 255, 255, 0.08) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  775. color: #ffffff;
  776. }
  777. .ui.inverted.sortable.table thead th {
  778. border-left-color: transparent;
  779. border-right-color: transparent;
  780. }
  781. /*--------------
  782. Inverted
  783. ---------------*/
  784. /* Text Color */
  785. .ui.inverted.table {
  786. background: #333333;
  787. color: rgba(255, 255, 255, 0.9);
  788. border: none;
  789. }
  790. .ui.inverted.table th {
  791. background-color: rgba(0, 0, 0, 0.15);
  792. border-color: rgba(255, 255, 255, 0.1) !important;
  793. color: rgba(255, 255, 255, 0.9);
  794. }
  795. .ui.inverted.table tr td {
  796. border-color: rgba(255, 255, 255, 0.1) !important;
  797. }
  798. .ui.inverted.table tr.disabled td,
  799. .ui.inverted.table tr td.disabled,
  800. .ui.inverted.table tr.disabled:hover td,
  801. .ui.inverted.table tr:hover td.disabled {
  802. pointer-events: none;
  803. color: rgba(225, 225, 225, 0.3);
  804. }
  805. /* Definition */
  806. .ui.inverted.definition.table tfoot:not(.full-width) th:first-child,
  807. .ui.inverted.definition.table thead:not(.full-width) th:first-child {
  808. background: #ffffff;
  809. }
  810. .ui.inverted.definition.table tr td:first-child {
  811. background: rgba(255, 255, 255, 0.02);
  812. color: #ffffff;
  813. }
  814. /*--------------
  815. Collapsing
  816. ---------------*/
  817. .ui.collapsing.table {
  818. width: auto;
  819. }
  820. /*--------------
  821. Basic
  822. ---------------*/
  823. .ui.basic.table {
  824. background: transparent;
  825. border: 1px solid rgba(34, 36, 38, 0.15);
  826. box-shadow: none;
  827. }
  828. .ui.basic.table thead,
  829. .ui.basic.table tfoot {
  830. box-shadow: none;
  831. }
  832. .ui.basic.table th {
  833. background: transparent;
  834. border-left: none;
  835. }
  836. .ui.basic.table tbody tr {
  837. border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  838. }
  839. .ui.basic.table td {
  840. background: transparent;
  841. }
  842. .ui.basic.striped.table tbody tr:nth-child(2n) {
  843. background-color: rgba(0, 0, 0, 0.05) !important;
  844. }
  845. /* Very Basic */
  846. .ui[class*="very basic"].table {
  847. border: none;
  848. }
  849. .ui[class*="very basic"].table:not(.sortable):not(.striped) th,
  850. .ui[class*="very basic"].table:not(.sortable):not(.striped) td {
  851. padding: '';
  852. }
  853. .ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child,
  854. .ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child {
  855. padding-left: 0em;
  856. }
  857. .ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child,
  858. .ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child {
  859. padding-right: 0em;
  860. }
  861. .ui[class*="very basic"].table:not(.sortable):not(.striped) thead tr:first-child th {
  862. padding-top: 0em;
  863. }
  864. /*--------------
  865. Celled
  866. ---------------*/
  867. .ui.celled.table tr th,
  868. .ui.celled.table tr td {
  869. border-left: 1px solid rgba(34, 36, 38, 0.1);
  870. }
  871. .ui.celled.table tr th:first-child,
  872. .ui.celled.table tr td:first-child {
  873. border-left: none;
  874. }
  875. /*--------------
  876. Padded
  877. ---------------*/
  878. .ui.padded.table th {
  879. padding-left: 1em;
  880. padding-right: 1em;
  881. }
  882. .ui.padded.table th,
  883. .ui.padded.table td {
  884. padding: 1em 1em;
  885. }
  886. /* Very */
  887. .ui[class*="very padded"].table th {
  888. padding-left: 1.5em;
  889. padding-right: 1.5em;
  890. }
  891. .ui[class*="very padded"].table td {
  892. padding: 1.5em 1.5em;
  893. }
  894. /*--------------
  895. Compact
  896. ---------------*/
  897. .ui.compact.table th {
  898. padding-left: 0.7em;
  899. padding-right: 0.7em;
  900. }
  901. .ui.compact.table td {
  902. padding: 0.5em 0.7em;
  903. }
  904. /* Very */
  905. .ui[class*="very compact"].table th {
  906. padding-left: 0.6em;
  907. padding-right: 0.6em;
  908. }
  909. .ui[class*="very compact"].table td {
  910. padding: 0.4em 0.6em;
  911. }
  912. /*--------------
  913. Sizes
  914. ---------------*/
  915. /* Small */
  916. .ui.small.table {
  917. font-size: 0.9em;
  918. }
  919. /* Standard */
  920. .ui.table {
  921. font-size: 1em;
  922. }
  923. /* Large */
  924. .ui.large.table {
  925. font-size: 1.1em;
  926. }
  927. /*******************************
  928. Site Overrides
  929. *******************************/