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.

1011 lines
21 KiB

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