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.

1106 lines
24 KiB

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
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
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 - Table
  3. * http://github.com/semantic-org/semantic-ui/
  4. *
  5. *
  6. * Copyright 2014 Contributor
  7. * Released under the MIT license
  8. * http://opensource.org/licenses/MIT
  9. *
  10. */
  11. /*******************************
  12. Theme
  13. *******************************/
  14. /*
  15. */
  16. /*******************************
  17. Folders
  18. *******************************/
  19. /* Path to theme packages */
  20. /* Path to site override folder */
  21. /*******************************
  22. Themes
  23. *******************************/
  24. /* To override a theme for an individual element
  25. specify theme name below
  26. Be sure to update the user folder name (see README)
  27. */
  28. /* Global */
  29. /* Elements */
  30. /* Collections */
  31. /* Modules */
  32. /* Views */
  33. /*******************************
  34. Import Directives
  35. *******************************/
  36. /*------------------
  37. Load Defaults
  38. -------------------*/
  39. /*******************************
  40. Site Settings
  41. *******************************/
  42. /*-------------------
  43. Paths
  44. --------------------*/
  45. /*-------------------
  46. Fonts
  47. --------------------*/
  48. /*-------------------
  49. Site Colors
  50. --------------------*/
  51. /*--- Colors ---*/
  52. /*--- Light Colors ---*/
  53. /*-------------------
  54. Page
  55. --------------------*/
  56. /*-------------------
  57. Background Colors
  58. --------------------*/
  59. /* Used for differentiating neutrals */
  60. /* Used for differentiating layers */
  61. /*-------------------
  62. Grid
  63. --------------------*/
  64. /*-------------------
  65. Breakpoints
  66. --------------------*/
  67. /*******************************
  68. Power-User
  69. *******************************/
  70. /*-------------------
  71. Icons
  72. --------------------*/
  73. /* Maximum Glyph Width of Icon */
  74. /*-------------------
  75. Easing
  76. --------------------*/
  77. /*--- Neutrals ---*/
  78. /*--- Colored Backgrounds ---*/
  79. /*--- Colored Text ---*/
  80. /*--- Colored Headers ---*/
  81. /*-------------------
  82. Emotive Colors
  83. --------------------*/
  84. /* Mood */
  85. /* Status */
  86. /*-------------------
  87. Neutral Text
  88. --------------------*/
  89. /*-------------------
  90. Brand Colors
  91. --------------------*/
  92. /*-------------------
  93. Borders
  94. --------------------*/
  95. /*-------------------
  96. Sizes
  97. --------------------*/
  98. /*-------------------
  99. Transitions
  100. --------------------*/
  101. /*-------------------
  102. Derived Values
  103. --------------------*/
  104. /* Makes sure padded grid can fit at 320px */
  105. /* Used to match floats with text */
  106. /* Positive / Negative Dupes */
  107. /* Header Colors */
  108. /* Responsive */
  109. /* Columns */
  110. /*******************************
  111. States
  112. *******************************/
  113. /*-------------------
  114. Disabled
  115. --------------------*/
  116. /*-------------------
  117. Hover
  118. --------------------*/
  119. /*--- Colors ---*/
  120. /*--- Emotive ---*/
  121. /*--- Neutrals ---*/
  122. /*-------------------
  123. Down (:active)
  124. --------------------*/
  125. /*--- Colors ---*/
  126. /*--- Emotive ---*/
  127. /*--- Neutrals ---*/
  128. /*-------------------
  129. Active
  130. --------------------*/
  131. /*--- Standard ---*/
  132. /*--- Emotive ---*/
  133. /*--- Neutrals ---*/
  134. /*******************************
  135. Table
  136. *******************************/
  137. /*-------------------
  138. Element
  139. --------------------*/
  140. /*-------------------
  141. Types
  142. --------------------*/
  143. /* Definition */
  144. /*--------------
  145. Parts
  146. ---------------*/
  147. /* Table Row */
  148. /* Table Cell */
  149. /* Table Header */
  150. /* Table Footer */
  151. /* Responsive Size */
  152. /*--------------
  153. Couplings
  154. ---------------*/
  155. /*--------------
  156. States
  157. ---------------*/
  158. /* Positive */
  159. /* Negative */
  160. /* Error */
  161. /* Warning */
  162. /* Active */
  163. /*--------------
  164. Types
  165. ---------------*/
  166. /* Attached */
  167. /* Striped */
  168. /* Sortable */
  169. /* Colors */
  170. /* Inverted */
  171. /* Basic */
  172. /* Padded */
  173. /* Compact */
  174. /* Sizes */
  175. /*------------------
  176. Load Theme
  177. -------------------*/
  178. /*******************************
  179. Site Settings
  180. *******************************/
  181. /*-------------------
  182. Paths
  183. --------------------*/
  184. /*-------------------
  185. Fonts
  186. --------------------*/
  187. /*-------------------
  188. Site Colors
  189. --------------------*/
  190. /*--- Colors ---*/
  191. /*--- Light Colors ---*/
  192. /*-------------------
  193. Page
  194. --------------------*/
  195. /*-------------------
  196. Background Colors
  197. --------------------*/
  198. /* Used for differentiating neutrals */
  199. /* Used for differentiating layers */
  200. /*-------------------
  201. Grid
  202. --------------------*/
  203. /*-------------------
  204. Breakpoints
  205. --------------------*/
  206. /*******************************
  207. Power-User
  208. *******************************/
  209. /*-------------------
  210. Icons
  211. --------------------*/
  212. /* Maximum Glyph Width of Icon */
  213. /*-------------------
  214. Easing
  215. --------------------*/
  216. /*--- Neutrals ---*/
  217. /*--- Colored Backgrounds ---*/
  218. /*--- Colored Text ---*/
  219. /*--- Colored Headers ---*/
  220. /*-------------------
  221. Emotive Colors
  222. --------------------*/
  223. /* Mood */
  224. /* Status */
  225. /*-------------------
  226. Neutral Text
  227. --------------------*/
  228. /*-------------------
  229. Brand Colors
  230. --------------------*/
  231. /*-------------------
  232. Borders
  233. --------------------*/
  234. /*-------------------
  235. Sizes
  236. --------------------*/
  237. /*-------------------
  238. Transitions
  239. --------------------*/
  240. /*-------------------
  241. Derived Values
  242. --------------------*/
  243. /* Makes sure padded grid can fit at 320px */
  244. /* Used to match floats with text */
  245. /* Positive / Negative Dupes */
  246. /* Header Colors */
  247. /* Responsive */
  248. /* Columns */
  249. /*******************************
  250. States
  251. *******************************/
  252. /*-------------------
  253. Disabled
  254. --------------------*/
  255. /*-------------------
  256. Hover
  257. --------------------*/
  258. /*--- Colors ---*/
  259. /*--- Emotive ---*/
  260. /*--- Neutrals ---*/
  261. /*-------------------
  262. Down (:active)
  263. --------------------*/
  264. /*--- Colors ---*/
  265. /*--- Emotive ---*/
  266. /*--- Neutrals ---*/
  267. /*-------------------
  268. Active
  269. --------------------*/
  270. /*--- Standard ---*/
  271. /*--- Emotive ---*/
  272. /*--- Neutrals ---*/
  273. /*******************************
  274. Table
  275. *******************************/
  276. /*-------------------
  277. Element
  278. --------------------*/
  279. /*-------------------
  280. Types
  281. --------------------*/
  282. /* Definition */
  283. /*--------------
  284. Parts
  285. ---------------*/
  286. /* Table Row */
  287. /* Table Cell */
  288. /* Table Header */
  289. /* Table Footer */
  290. /* Responsive Size */
  291. /*--------------
  292. Couplings
  293. ---------------*/
  294. /*--------------
  295. States
  296. ---------------*/
  297. /* Positive */
  298. /* Negative */
  299. /* Error */
  300. /* Warning */
  301. /* Active */
  302. /*--------------
  303. Types
  304. ---------------*/
  305. /* Attached */
  306. /* Striped */
  307. /* Sortable */
  308. /* Colors */
  309. /* Inverted */
  310. /* Basic */
  311. /* Padded */
  312. /* Compact */
  313. /* Sizes */
  314. /*------------------
  315. Load Site
  316. -------------------*/
  317. /*******************************
  318. User Global Variables
  319. *******************************/
  320. /*******************************
  321. User Variable Overrides
  322. *******************************/
  323. /*------------------
  324. Override Loader
  325. -------------------*/
  326. /*******************************
  327. Table
  328. *******************************/
  329. /* Prototype */
  330. .ui.table {
  331. width: 100%;
  332. background: #ffffff;
  333. margin: 1em 0em;
  334. border: 1px solid #d0d0d0;
  335. box-shadow: none;
  336. border-radius: 0.25rem;
  337. color: rgba(0, 0, 0, 0.8);
  338. border-collapse: separate;
  339. border-spacing: 0px;
  340. }
  341. .ui.table:first-child {
  342. margin-top: 0em;
  343. }
  344. .ui.table:last-child {
  345. margin-bottom: 0em;
  346. }
  347. /*******************************
  348. Parts
  349. *******************************/
  350. /* Table Content */
  351. .ui.table th,
  352. .ui.table td {
  353. -webkit-transition: all 0.2s ease;
  354. transition: all 0.2s ease;
  355. }
  356. /* Headers */
  357. .ui.table thead {
  358. box-shadow: none;
  359. }
  360. .ui.table thead th {
  361. cursor: auto;
  362. background: #f0f0f0;
  363. text-align: left;
  364. color: rgba(0, 0, 0, 0.8);
  365. padding: 0.7em 0.8em;
  366. vertical-align: middle;
  367. font-style: none;
  368. font-weight: bold;
  369. text-transform: none;
  370. border-bottom: 1px solid #d4d4d5;
  371. border-left: none;
  372. }
  373. .ui.table thead th:first-child {
  374. border-radius: 0.25rem 0em 0em 0em;
  375. border-left: none;
  376. }
  377. .ui.table thead th:last-child {
  378. border-radius: 0em 0.25rem 0em 0em;
  379. }
  380. .ui.table thead th:only-child {
  381. border-radius: 0.25rem 0.25rem 0em 0em;
  382. }
  383. /* Footer */
  384. .ui.table tfoot {
  385. box-shadow: none;
  386. }
  387. .ui.table tfoot th {
  388. cursor: auto;
  389. border-top: 1px solid #d4d4d5;
  390. background: #ffffff;
  391. text-align: left;
  392. color: rgba(0, 0, 0, 0.8);
  393. padding: 0.7em 0.8em;
  394. vertical-align: middle;
  395. font-style: normal;
  396. font-weight: normal;
  397. text-transform: none;
  398. }
  399. .ui.table tfoot th:first-child {
  400. border-radius: 0em 0em 0em 0.25rem;
  401. }
  402. .ui.table tfoot th:last-child {
  403. border-radius: 0em 0em 0.25rem 0em;
  404. }
  405. .ui.table tfoot th:only-child {
  406. border-radius: 0em 0em 0.25rem 0.25rem;
  407. }
  408. /* Table Row */
  409. .ui.table tr td {
  410. border-top: 1px solid #d4d4d5;
  411. }
  412. .ui.table tr:first-child td {
  413. border-top: none;
  414. }
  415. /* Table Cells */
  416. .ui.table td {
  417. padding: 0.7em 0.8em;
  418. vertical-align: middle;
  419. }
  420. /* Icons */
  421. .ui.table > .icon {
  422. vertical-align: baseline;
  423. }
  424. .ui.table > .icon:only-child {
  425. margin: 0em;
  426. }
  427. /* Table Segment */
  428. .ui.table.segment {
  429. padding: 0em;
  430. }
  431. .ui.table.segment:after {
  432. display: none;
  433. }
  434. .ui.table.segment.stacked:after {
  435. display: block;
  436. }
  437. /* Responsive */
  438. @media only screen and (max-width: 768px) {
  439. .ui.table {
  440. display: block;
  441. padding: 0em;
  442. }
  443. .ui.table thead {
  444. display: block;
  445. }
  446. .ui.table tfoot {
  447. display: block;
  448. }
  449. .ui.table tbody {
  450. display: block;
  451. }
  452. .ui.table tr {
  453. display: block;
  454. }
  455. .ui.table tr > th,
  456. .ui.table tr > td {
  457. background: none;
  458. width: 100% !important;
  459. display: block;
  460. border: none !important;
  461. padding: 0.25em 0.75em;
  462. box-shadow: none;
  463. }
  464. .ui.table th:first-child,
  465. .ui.table td:first-child {
  466. font-weight: bold;
  467. padding-top: 1em;
  468. }
  469. .ui.table th:last-child,
  470. .ui.table td:last-child {
  471. box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
  472. padding-bottom: 1em;
  473. }
  474. /* Clear BG Colors */
  475. .ui.table tr > td.warning,
  476. .ui.table tr > td.error,
  477. .ui.table tr > td.active,
  478. .ui.table tr > td.positive,
  479. .ui.table tr > td.negative {
  480. background-color: transparent !important;
  481. }
  482. }
  483. /*******************************
  484. Types
  485. *******************************/
  486. /*--------------
  487. Definition
  488. ---------------*/
  489. .ui.definition.table thead:not(.full-width) th:first-child {
  490. pointer-events: none;
  491. background: transparent;
  492. font-weight: normal;
  493. color: rgba(0, 0, 0, 0.4);
  494. box-shadow: -1px -1px 0px 1px #ffffff;
  495. }
  496. .ui.definition.table tfoot:not(.full-width) th:first-child {
  497. pointer-events: none;
  498. background: transparent;
  499. font-weight: rgba(0, 0, 0, 0.4);
  500. color: normal;
  501. box-shadow: 1px 1px 0px 1px #ffffff;
  502. }
  503. /* Remove Border */
  504. .ui.celled.definition.table thead:not(.full-width) th:first-child {
  505. box-shadow: 0px -1px 0px 1px #ffffff;
  506. }
  507. .ui.celled.definition.table tfoot:not(.full-width) th:first-child {
  508. box-shadow: 0px 1px 0px 1px #ffffff;
  509. }
  510. /* Highlight Defining Column */
  511. .ui.definition.table tr td:first-child {
  512. background: rgba(0, 0, 0, 0.03);
  513. font-weight: bold;
  514. color: rgba(0, 0, 0, 0.8);
  515. }
  516. /* Fix 2nd Column */
  517. .ui.definition.table thead:not(.full-width) th:nth-child(2) {
  518. border-left: 1px solid #d0d0d0;
  519. }
  520. .ui.definition.table tfoot:not(.full-width) th:nth-child(2) {
  521. border-left: 1px solid #d0d0d0;
  522. }
  523. .ui.definition.table td:nth-child(2) {
  524. border-left: 1px solid #d0d0d0;
  525. }
  526. /*******************************
  527. States
  528. *******************************/
  529. /*--------------
  530. Positive
  531. ---------------*/
  532. .ui.table tr.positive,
  533. .ui.table td.positive {
  534. box-shadow: 2px 0px 0px #119000 inset;
  535. }
  536. .ui.table tr.positive td,
  537. .ui.table td.positive {
  538. background: #f2f8f0 !important;
  539. color: #119000 !important;
  540. }
  541. .ui.celled.table tr.positive:hover td,
  542. .ui.celled.table tr:hover td.positive,
  543. .ui.table tr.positive:hover td,
  544. .ui.table td:hover.positive,
  545. .ui.table th:hover.positive {
  546. background: #ecf5e9 !important;
  547. color: #119000 !important;
  548. }
  549. /*--------------
  550. Negative
  551. ---------------*/
  552. .ui.table tr.negative,
  553. .ui.table td.negative {
  554. box-shadow: 2px 0px 0px #cd2929 inset;
  555. }
  556. .ui.table tr.negative td,
  557. .ui.table td.negative {
  558. background: #f9f4f4 !important;
  559. color: #cd2929 !important;
  560. }
  561. .ui.celled.table tr.negative:hover td,
  562. .ui.celled.table tr:hover td.negative {
  563. background: #f2e8e8 !important;
  564. color: #cd2929 !important;
  565. }
  566. /*--------------
  567. Error
  568. ---------------*/
  569. .ui.table tr.error,
  570. .ui.table td.error {
  571. box-shadow: 2px 0px 0px #cd2929 inset;
  572. }
  573. .ui.table tr.error td,
  574. .ui.table td.error {
  575. background: #f9f4f4 !important;
  576. color: #cd2929 !important;
  577. }
  578. .ui.celled.table tr.error:hover td,
  579. .ui.celled.table tr:hover td.error {
  580. background: #f2e8e8 !important;
  581. color: #cd2929 !important;
  582. }
  583. /*--------------
  584. Warning
  585. ---------------*/
  586. .ui.table tr.warning,
  587. .ui.table td.warning {
  588. box-shadow: 2px 0px 0px #7d6c00 inset;
  589. }
  590. .ui.table tr.warning td,
  591. .ui.table td.warning {
  592. background: #fbf6e9 !important;
  593. color: #7d6c00 !important;
  594. }
  595. .ui.celled.table tr.warning:hover td,
  596. .ui.celled.table tr:hover td.warning {
  597. background: #f3eddc !important;
  598. color: #cd2929 !important;
  599. }
  600. /*--------------
  601. Active
  602. ---------------*/
  603. .ui.table tr.active,
  604. .ui.table td.active {
  605. box-shadow: 2px 0px 0px rgba(50, 50, 50, 0.9) inset;
  606. }
  607. .ui.table tr.active td,
  608. .ui.table td.active {
  609. background: #e0e0e0 !important;
  610. color: rgba(50, 50, 50, 0.9) !important;
  611. }
  612. .ui.celled.table tr.active:hover td,
  613. .ui.celled.table tr:hover td.active {
  614. background: #e0e0e0 !important;
  615. color: rgba(50, 50, 50, 0.9) !important;
  616. }
  617. /*--------------
  618. Disabled
  619. ---------------*/
  620. .ui.table tr.disabled td,
  621. .ui.table tr td.disabled,
  622. .ui.table tr.disabled:hover td,
  623. .ui.table tr:hover td.disabled {
  624. pointer-events: none;
  625. color: rgba(40, 40, 40, 0.3);
  626. }
  627. /*******************************
  628. Variations
  629. *******************************/
  630. /*--------------
  631. Aligned
  632. ---------------*/
  633. .ui.table[class*="left aligned"],
  634. .ui.table [class*="left aligned"] {
  635. text-align: left;
  636. }
  637. .ui.table[class*="center aligned"],
  638. .ui.table [class*="center aligned"] {
  639. text-align: center;
  640. }
  641. .ui.table[class*="right aligned"],
  642. .ui.table [class*="right aligned"] {
  643. text-align: right;
  644. }
  645. /*--------------
  646. Collapsing
  647. ---------------*/
  648. .ui.table th.collapsing,
  649. .ui.table td.collapsing {
  650. width: 1px;
  651. white-space: nowrap;
  652. }
  653. /*--------------
  654. Attached
  655. ---------------*/
  656. /* All */
  657. .ui.attached.table {
  658. width: -webkit-calc(100% + 2px );
  659. width: calc(100% + 2px );
  660. margin: 0em -1px;
  661. border-radius: 0px;
  662. box-shadow: none;
  663. }
  664. /* Top */
  665. .ui[class*="top attached"].table {
  666. margin-top: 1em 0em;
  667. border-radius: 0.25rem 0.25rem 0em 0em;
  668. }
  669. .ui.table[class*="top attached"]:first-child {
  670. margin-top: 0em;
  671. }
  672. /* Bottom */
  673. .ui.table[class*="bottom attached"] {
  674. margin-top: 0em;
  675. margin-bottom: 1em 0em;
  676. border-radius: 0em 0em 0.25rem 0.25rem;
  677. }
  678. .ui.table[class*="bottom attached"]:last-child {
  679. margin-bottom: 0em;
  680. }
  681. /*--------------
  682. Striped
  683. ---------------*/
  684. /* Table Striping */
  685. .ui.striped.table > tr:nth-child(2n),
  686. .ui.striped.table tbody tr:nth-child(2n) {
  687. background-color: rgba(0, 0, 50, 0.03);
  688. }
  689. /* Stripes */
  690. .ui.inverted.striped.table > tr:nth-child(2n),
  691. .ui.inverted.striped.table tbody tr:nth-child(2n) {
  692. background-color: rgba(255, 255, 255, 0.06);
  693. }
  694. /*-------------------
  695. Colors
  696. --------------------*/
  697. .ui.black.table {
  698. border-top: 0.2em solid #1b1c1d;
  699. }
  700. .ui.blue.table {
  701. border-top: 0.2em solid #3b83c0;
  702. }
  703. .ui.green.table {
  704. border-top: 0.2em solid #5bbd72;
  705. }
  706. .ui.orange.table {
  707. border-top: 0.2em solid #e07b53;
  708. }
  709. .ui.pink.table {
  710. border-top: 0.2em solid #d9499a;
  711. }
  712. .ui.purple.table {
  713. border-top: 0.2em solid #564f8a;
  714. }
  715. .ui.red.table {
  716. border-top: 0.2em solid #d95c5c;
  717. }
  718. .ui.teal.table {
  719. border-top: 0.2em solid #00b5ad;
  720. }
  721. .ui.yellow.table {
  722. border-top: 0.2em solid #f2c61f;
  723. }
  724. /*-------------------
  725. Inverted Colors
  726. --------------------*/
  727. .ui.inverted.table,
  728. .ui.inverted.black.table {
  729. background-color: #1b1c1d !important;
  730. color: #ffffff !important;
  731. }
  732. .ui.inverted.blue.table {
  733. background-color: #3b83c0 !important;
  734. color: #ffffff !important;
  735. }
  736. .ui.inverted.green.table {
  737. background-color: #5bbd72 !important;
  738. color: #ffffff !important;
  739. }
  740. .ui.inverted.orange.table {
  741. background-color: #e07b53 !important;
  742. color: #ffffff !important;
  743. }
  744. .ui.inverted.pink.table {
  745. background-color: #d9499a !important;
  746. color: #ffffff !important;
  747. }
  748. .ui.inverted.purple.table {
  749. background-color: #564f8a !important;
  750. color: #ffffff !important;
  751. }
  752. .ui.inverted.red.table {
  753. background-color: #d95c5c !important;
  754. color: #ffffff !important;
  755. }
  756. .ui.inverted.teal.table {
  757. background-color: #00b5ad !important;
  758. color: #ffffff !important;
  759. }
  760. .ui.inverted.yellow.table {
  761. background-color: #f2c61f !important;
  762. color: #ffffff !important;
  763. }
  764. /*--------------
  765. Column Count
  766. ---------------*/
  767. /* Grid Based */
  768. .ui.one.column.table td {
  769. width: 100%;
  770. }
  771. .ui.two.column.table td {
  772. width: 50%;
  773. }
  774. .ui.three.column.table td {
  775. width: 33.33333333%;
  776. }
  777. .ui.four.column.table td {
  778. width: 25%;
  779. }
  780. .ui.five.column.table td {
  781. width: 20%;
  782. }
  783. .ui.six.column.table td {
  784. width: 16.66666667%;
  785. }
  786. .ui.seven.column.table td {
  787. width: 14.28571429%;
  788. }
  789. .ui.eight.column.table td {
  790. width: 12.5%;
  791. }
  792. .ui.nine.column.table td {
  793. width: 11.11111111%;
  794. }
  795. .ui.ten.column.table td {
  796. width: 10%;
  797. }
  798. .ui.eleven.column.table td {
  799. width: 9.09090909%;
  800. }
  801. .ui.twelve.column.table td {
  802. width: 8.33333333%;
  803. }
  804. .ui.thirteen.column.table td {
  805. width: 7.69230769%;
  806. }
  807. .ui.fourteen.column.table td {
  808. width: 7.14285714%;
  809. }
  810. .ui.fifteen.column.table td {
  811. width: 6.66666667%;
  812. }
  813. .ui.sixteen.column.table td {
  814. width: 6.25%;
  815. }
  816. /* Column Width */
  817. .ui.table th.one.wide,
  818. .ui.table td.one.wide {
  819. width: 6.25%;
  820. }
  821. .ui.table th.two.wide,
  822. .ui.table td.two.wide {
  823. width: 12.5%;
  824. }
  825. .ui.table th.three.wide,
  826. .ui.table td.three.wide {
  827. width: 18.75%;
  828. }
  829. .ui.table th.four.wide,
  830. .ui.table td.four.wide {
  831. width: 25%;
  832. }
  833. .ui.table th.five.wide,
  834. .ui.table td.five.wide {
  835. width: 31.25%;
  836. }
  837. .ui.table th.six.wide,
  838. .ui.table td.six.wide {
  839. width: 37.5%;
  840. }
  841. .ui.table th.seven.wide,
  842. .ui.table td.seven.wide {
  843. width: 43.75%;
  844. }
  845. .ui.table th.eight.wide,
  846. .ui.table td.eight.wide {
  847. width: 50%;
  848. }
  849. .ui.table th.nine.wide,
  850. .ui.table td.nine.wide {
  851. width: 56.25%;
  852. }
  853. .ui.table th.ten.wide,
  854. .ui.table td.ten.wide {
  855. width: 62.5%;
  856. }
  857. .ui.table th.eleven.wide,
  858. .ui.table td.eleven.wide {
  859. width: 68.75%;
  860. }
  861. .ui.table th.twelve.wide,
  862. .ui.table td.twelve.wide {
  863. width: 75%;
  864. }
  865. .ui.table th.thirteen.wide,
  866. .ui.table td.thirteen.wide {
  867. width: 81.25%;
  868. }
  869. .ui.table th.fourteen.wide,
  870. .ui.table td.fourteen.wide {
  871. width: 87.5%;
  872. }
  873. .ui.table th.fifteen.wide,
  874. .ui.table td.fifteen.wide {
  875. width: 93.75%;
  876. }
  877. .ui.table th.sixteen.wide,
  878. .ui.table td.sixteen.wide {
  879. width: 100%;
  880. }
  881. /*--------------
  882. Sortable
  883. ---------------*/
  884. .ui.sortable.table thead th {
  885. cursor: pointer;
  886. white-space: nowrap;
  887. border-left: 1px solid #d0d0d0;
  888. color: rgba(0, 0, 0, 0.8);
  889. }
  890. .ui.sortable.table thead th:first-child {
  891. border-left: none;
  892. }
  893. .ui.sortable.table thead th.sorted,
  894. .ui.sortable.table thead th.sorted:hover {
  895. -webkit-user-select: none;
  896. -moz-user-select: none;
  897. -ms-user-select: none;
  898. user-select: none;
  899. }
  900. .ui.sortable.table thead th:after {
  901. display: inline-block;
  902. content: '';
  903. width: 1em;
  904. height: 1em;
  905. opacity: 0.8;
  906. margin: 0em 0em 0em 0.5em;
  907. font-family: 'Icons';
  908. font-style: normal;
  909. font-weight: normal;
  910. text-decoration: inherit;
  911. }
  912. .ui.sortable.table thead th.ascending:after {
  913. content: '\f0d7';
  914. }
  915. .ui.sortable.table thead th.descending:after {
  916. content: '\f0d8';
  917. }
  918. /* Hover */
  919. .ui.sortable.table th.disabled:hover {
  920. cursor: auto;
  921. color: rgba(40, 40, 40, 0.3);
  922. }
  923. .ui.sortable.table thead th:hover {
  924. background: rgba(0, 0, 0, 0.05);
  925. color: rgba(0, 0, 0, 0.8);
  926. }
  927. /* Sorted */
  928. .ui.sortable.table thead th.sorted {
  929. background: rgba(0, 0, 0, 0.05);
  930. color: rgba(0, 0, 0, 0.8);
  931. }
  932. /* Sorted Hover */
  933. .ui.sortable.table thead th.sorted:hover {
  934. background: rgba(0, 0, 0, 0.05);
  935. color: rgba(0, 0, 0, 0.8);
  936. }
  937. /* Inverted */
  938. .ui.inverted.sortable.table thead th.sorted {
  939. background: rgba(255, 255, 255, 0.07) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  940. background: rgba(255, 255, 255, 0.07) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  941. color: #ffffff;
  942. }
  943. .ui.inverted.sortable.table thead th:hover {
  944. background: rgba(255, 255, 255, 0.05) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  945. background: rgba(255, 255, 255, 0.05) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  946. color: #ffffff;
  947. }
  948. .ui.inverted.sortable.table thead th {
  949. border-left-color: transparent;
  950. }
  951. /*--------------
  952. Inverted
  953. ---------------*/
  954. /* Text Color */
  955. .ui.inverted.table {
  956. background: #333333;
  957. color: #ffffff;
  958. border: none;
  959. }
  960. .ui.inverted.table th {
  961. background-color: rgba(0, 0, 0, 0.15);
  962. border-color: rgba(0, 0, 0, 0.2) !important;
  963. color: rgba(255, 255, 255, 0.9);
  964. }
  965. .ui.inverted.table tr td {
  966. border-color: rgba(0, 0, 0, 0.2) !important;
  967. }
  968. .ui.inverted.table tr.disabled td,
  969. .ui.inverted.table tr td.disabled,
  970. .ui.inverted.table tr.disabled:hover td,
  971. .ui.inverted.table tr:hover td.disabled {
  972. pointer-events: none;
  973. color: rgba(225, 225, 225, 0.3);
  974. }
  975. /* Definition */
  976. .ui.inverted.definition.table tfoot:not(.full-width) th:first-child,
  977. .ui.inverted.definition.table thead:not(.full-width) th:first-child {
  978. background: #ffffff;
  979. }
  980. .ui.inverted.definition.table tr td:first-child {
  981. background: rgba(255, 255, 255, 0.02);
  982. color: #ffffff;
  983. }
  984. /*--------------
  985. Collapsing
  986. ---------------*/
  987. .ui.collapsing.table {
  988. width: auto;
  989. }
  990. /*--------------
  991. Basic
  992. ---------------*/
  993. .ui.basic.table {
  994. background: transparent;
  995. border: 1px solid #d0d0d0;
  996. box-shadow: none;
  997. }
  998. .ui.basic.table thead,
  999. .ui.basic.table tfoot {
  1000. box-shadow: none;
  1001. }
  1002. .ui.basic.table th {
  1003. background: transparent;
  1004. border-left: none;
  1005. }
  1006. .ui.basic.table tbody tr {
  1007. border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  1008. }
  1009. .ui.basic.table td {
  1010. background: transparent;
  1011. }
  1012. .ui.basic.striped.table tbody tr:nth-child(2n) {
  1013. background-color: rgba(0, 0, 0, 0.05) !important;
  1014. }
  1015. /* Very Basic */
  1016. .ui[class*="very basic"].table {
  1017. border: none;
  1018. }
  1019. .ui[class*="very basic"].table:not(.sortable):not(.striped) th,
  1020. .ui[class*="very basic"].table:not(.sortable):not(.striped) td {
  1021. padding: 0.8em 0em;
  1022. }
  1023. .ui[class*="very basic"].table:not(.sortable):not(.striped) thead th {
  1024. padding-top: 0em;
  1025. }
  1026. .ui[class*="very basic"].table:not(.sortable):not(.striped) tbody tr:last-child td {
  1027. padding-bottom: 0em;
  1028. }
  1029. /*--------------
  1030. Celled
  1031. ---------------*/
  1032. .ui.celled.table th,
  1033. .ui.celled.table td {
  1034. border-left: 1px solid #d4d4d5;
  1035. }
  1036. .ui.celled.table th:first-child,
  1037. .ui.celled.table td:first-child {
  1038. border-left: none;
  1039. }
  1040. /*--------------
  1041. Padded
  1042. ---------------*/
  1043. .ui.padded.table th {
  1044. padding-left: 1em;
  1045. padding-right: 1em;
  1046. }
  1047. .ui.padded.table th,
  1048. .ui.padded.table td {
  1049. padding: 1em 1em;
  1050. }
  1051. /* Very */
  1052. .ui[class*="very padded"].table th {
  1053. padding-left: 1.5em;
  1054. padding-right: 1.5em;
  1055. }
  1056. .ui[class*="very padded"].table td {
  1057. padding: 1.5em 1.5em;
  1058. }
  1059. /*--------------
  1060. Compact
  1061. ---------------*/
  1062. .ui.compact.table th {
  1063. padding-left: 0.7em;
  1064. padding-right: 0.7em;
  1065. }
  1066. .ui.compact.table td {
  1067. padding: 0.5em 0.7em;
  1068. }
  1069. /* Very */
  1070. .ui[class*="very compact"].table th {
  1071. padding-left: 0.6em;
  1072. padding-right: 0.6em;
  1073. }
  1074. .ui[class*="very compact"].table td {
  1075. padding: 0.4em 0.6em;
  1076. }
  1077. /*--------------
  1078. Sizes
  1079. ---------------*/
  1080. /* Small */
  1081. .ui.small.table {
  1082. font-size: 0.9em;
  1083. }
  1084. /* Standard */
  1085. .ui.table {
  1086. font-size: 1em;
  1087. }
  1088. /* Large */
  1089. .ui.large.table {
  1090. font-size: 1.1em;
  1091. }
  1092. /*******************************
  1093. Overrides
  1094. *******************************/
  1095. /*******************************
  1096. Overrides
  1097. *******************************/