|
|
- /*!
- * # Semantic UI 2.0.0 - Table
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Copyright 2015 Contributors
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-
- /*******************************
- Table
- *******************************/
-
-
- /* Prototype */
- .ui.table {
- width: 100%;
- background: #ffffff;
- margin: 1em 0em;
- border: 1px solid rgba(34, 36, 38, 0.15);
- box-shadow: none;
- border-radius: 0.28571429rem;
- text-align: left;
- color: rgba(0, 0, 0, 0.87);
- border-collapse: separate;
- border-spacing: 0px;
- }
- .ui.table:first-child {
- margin-top: 0em;
- }
- .ui.table:last-child {
- margin-bottom: 0em;
- }
-
-
- /*******************************
- Parts
- *******************************/
-
-
- /* Table Content */
- .ui.table th,
- .ui.table td {
- -webkit-transition: background 0.1s ease, color 0.1s ease;
- transition: background 0.1s ease, color 0.1s ease;
- }
-
- /* Headers */
- .ui.table thead {
- box-shadow: none;
- }
- .ui.table thead th {
- cursor: auto;
- background: #f9fafb;
- text-align: inherit;
- color: rgba(0, 0, 0, 0.87);
- padding: 0.92857143em 0.71428571em;
- vertical-align: inherit;
- font-style: none;
- font-weight: bold;
- text-transform: none;
- border-bottom: 1px solid rgba(34, 36, 38, 0.1);
- border-left: none;
- }
- .ui.table thead tr > th:first-child {
- border-left: none;
- }
- .ui.table thead tr:first-child > th:first-child {
- border-radius: 0.28571429rem 0em 0em 0em;
- }
- .ui.table thead tr:first-child > th:last-child {
- border-radius: 0em 0.28571429rem 0em 0em;
- }
- .ui.table thead tr:first-child > th:only-child {
- border-radius: 0.28571429rem 0.28571429rem 0em 0em;
- }
-
- /* Footer */
- .ui.table tfoot {
- box-shadow: none;
- }
- .ui.table tfoot th {
- cursor: auto;
- border-top: 1px solid rgba(34, 36, 38, 0.15);
- background: #f9fafb;
- text-align: inherit;
- color: rgba(0, 0, 0, 0.87);
- padding: 0.71428571em 0.71428571em;
- vertical-align: middle;
- font-style: normal;
- font-weight: normal;
- text-transform: none;
- }
- .ui.table tfoot tr > th:first-child {
- border-left: none;
- }
- .ui.table tfoot tr:first-child > th:first-child {
- border-radius: 0em 0em 0em 0.28571429rem;
- }
- .ui.table tfoot tr:first-child > th:last-child {
- border-radius: 0em 0em 0.28571429rem 0em;
- }
- .ui.table tfoot tr:first-child > th:only-child {
- border-radius: 0em 0em 0.28571429rem 0.28571429rem;
- }
-
- /* Table Row */
- .ui.table tr td {
- border-top: 1px solid rgba(34, 36, 38, 0.1);
- }
- .ui.table tr:first-child td {
- border-top: none;
- }
-
- /* Table Cells */
- .ui.table td {
- padding: 0.71428571em 0.71428571em;
- text-align: inherit;
- }
-
- /* Icons */
- .ui.table > .icon {
- vertical-align: baseline;
- }
- .ui.table > .icon:only-child {
- margin: 0em;
- }
-
- /* Table Segment */
- .ui.table.segment {
- padding: 0em;
- }
- .ui.table.segment:after {
- display: none;
- }
- .ui.table.segment.stacked:after {
- display: block;
- }
-
- /* Responsive */
- @media only screen and (max-width: 767px) {
- .ui.table:not(.unstackable) {
- width: 100%;
- }
- .ui.table:not(.unstackable) tbody,
- .ui.table:not(.unstackable) tr,
- .ui.table:not(.unstackable) tr > th,
- .ui.table:not(.unstackable) tr > td {
- width: auto !important;
- display: block !important;
- }
- .ui.table:not(.unstackable) {
- padding: 0em;
- }
- .ui.table:not(.unstackable) thead {
- display: block;
- }
- .ui.table:not(.unstackable) tfoot {
- display: block;
- }
- .ui.table:not(.unstackable) tr {
- padding-top: 1em;
- padding-bottom: 1em;
- box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
- }
- .ui.table:not(.unstackable) tr > th,
- .ui.table:not(.unstackable) tr > td {
- background: none;
- border: none !important;
- padding: 0.25em 0.75em !important;
- box-shadow: none !important;
- }
- .ui.table:not(.unstackable) th:first-child,
- .ui.table:not(.unstackable) td:first-child {
- font-weight: bold;
- }
-
- /* Definition Table */
- .ui.definition.table:not(.unstackable) thead th:first-child {
- box-shadow: none !important;
- }
- }
-
-
- /*******************************
- Coupling
- *******************************/
-
-
- /* UI Image */
- .ui.table th .image,
- .ui.table th .image img,
- .ui.table td .image,
- .ui.table td .image img {
- max-width: none;
- }
-
-
- /*******************************
- Types
- *******************************/
-
-
- /*--------------
- Complex
- ---------------*/
-
- .ui.structured.table {
- border-collapse: collapse;
- }
- .ui.structured.table thead th {
- border-left: none;
- border-right: none;
- }
- .ui.structured.sortable.table thead th {
- border-left: 1px solid rgba(34, 36, 38, 0.15);
- border-right: 1px solid rgba(34, 36, 38, 0.15);
- }
- .ui.structured.basic.table th {
- border-left: none;
- border-right: none;
- }
- .ui.structured.celled.table tr th,
- .ui.structured.celled.table tr td {
- border-left: 1px solid rgba(34, 36, 38, 0.1);
- border-right: 1px solid rgba(34, 36, 38, 0.1);
- }
-
- /*--------------
- Definition
- ---------------*/
-
- .ui.definition.table thead:not(.full-width) th:first-child {
- pointer-events: none;
- background: transparent;
- font-weight: normal;
- color: rgba(0, 0, 0, 0.4);
- box-shadow: -1px -1px 0px 1px #ffffff;
- }
- .ui.definition.table tfoot:not(.full-width) th:first-child {
- pointer-events: none;
- background: transparent;
- font-weight: rgba(0, 0, 0, 0.4);
- color: normal;
- box-shadow: 1px 1px 0px 1px #ffffff;
- }
-
- /* Remove Border */
- .ui.celled.definition.table thead:not(.full-width) th:first-child {
- box-shadow: 0px -1px 0px 1px #ffffff;
- }
- .ui.celled.definition.table tfoot:not(.full-width) th:first-child {
- box-shadow: 0px 1px 0px 1px #ffffff;
- }
-
- /* Highlight Defining Column */
- .ui.definition.table tr td:first-child {
- background: rgba(0, 0, 0, 0.03);
- font-weight: bold;
- color: rgba(0, 0, 0, 0.95);
- }
-
- /* Fix 2nd Column */
- .ui.definition.table thead:not(.full-width) th:nth-child(2) {
- border-left: 1px solid rgba(34, 36, 38, 0.15);
- }
- .ui.definition.table tfoot:not(.full-width) th:nth-child(2) {
- border-left: 1px solid rgba(34, 36, 38, 0.15);
- }
- .ui.definition.table td:nth-child(2) {
- border-left: 1px solid rgba(34, 36, 38, 0.15);
- }
-
-
- /*******************************
- States
- *******************************/
-
-
- /*--------------
- Positive
- ---------------*/
-
- .ui.table tr.positive,
- .ui.table td.positive {
- box-shadow: 0px 0px 0px #a3c293 inset;
- }
- .ui.table tr.positive,
- .ui.table td.positive {
- background: #fcfff5 !important;
- color: #2c662d !important;
- }
-
- /*--------------
- Negative
- ---------------*/
-
- .ui.table tr.negative,
- .ui.table td.negative {
- box-shadow: 0px 0px 0px #e0b4b4 inset;
- }
- .ui.table tr.negative,
- .ui.table td.negative {
- background: #fff6f6 !important;
- color: #9f3a38 !important;
- }
-
- /*--------------
- Error
- ---------------*/
-
- .ui.table tr.error,
- .ui.table td.error {
- box-shadow: 0px 0px 0px #e0b4b4 inset;
- }
- .ui.table tr.error,
- .ui.table td.error {
- background: #fff6f6 !important;
- color: #9f3a38 !important;
- }
-
- /*--------------
- Warning
- ---------------*/
-
- .ui.table tr.warning,
- .ui.table td.warning {
- box-shadow: 0px 0px 0px #c9ba9b inset;
- }
- .ui.table tr.warning,
- .ui.table td.warning {
- background: #fffaf3 !important;
- color: #573a08 !important;
- }
-
- /*--------------
- Active
- ---------------*/
-
- .ui.table tr.active,
- .ui.table td.active {
- box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.87) inset;
- }
- .ui.table tr.active,
- .ui.table td.active {
- background: #e0e0e0 !important;
- color: rgba(0, 0, 0, 0.87) !important;
- }
-
- /*--------------
- Disabled
- ---------------*/
-
- .ui.table tr.disabled td,
- .ui.table tr td.disabled,
- .ui.table tr.disabled:hover,
- .ui.table tr:hover td.disabled {
- pointer-events: none;
- color: rgba(40, 40, 40, 0.3);
- }
-
-
- /*******************************
- Variations
- *******************************/
-
-
- /*--------------
- Stackable
- ---------------*/
-
- @media only screen and (max-width: 991px) {
- .ui[class*="tablet stackable"].table,
- .ui[class*="tablet stackable"].table tbody,
- .ui[class*="tablet stackable"].table tr,
- .ui[class*="tablet stackable"].table tr > th,
- .ui[class*="tablet stackable"].table tr > td {
- width: 100% !important;
- display: block !important;
- }
- .ui[class*="tablet stackable"].table {
- padding: 0em;
- }
- .ui[class*="tablet stackable"].table thead {
- display: block;
- }
- .ui[class*="tablet stackable"].table tfoot {
- display: block;
- }
- .ui[class*="tablet stackable"].table tr {
- padding-top: 1em;
- padding-bottom: 1em;
- box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
- }
- .ui[class*="tablet stackable"].table tr > th,
- .ui[class*="tablet stackable"].table tr > td {
- background: none;
- border: none !important;
- padding: 0.25em 0.75em;
- box-shadow: none !important;
- }
-
- /* Definition Table */
- .ui.definition[class*="tablet stackable"].table thead th:first-child {
- box-shadow: none !important;
- }
- }
-
- /*--------------
- Text Alignment
- ---------------*/
-
- .ui.table[class*="left aligned"],
- .ui.table [class*="left aligned"] {
- text-align: left;
- }
- .ui.table[class*="center aligned"],
- .ui.table [class*="center aligned"] {
- text-align: center;
- }
- .ui.table[class*="right aligned"],
- .ui.table [class*="right aligned"] {
- text-align: right;
- }
-
- /*------------------
- Vertical Alignment
- ------------------*/
-
- .ui.table[class*="top aligned"],
- .ui.table [class*="top aligned"] {
- vertical-align: top;
- }
- .ui.table[class*="middle aligned"],
- .ui.table [class*="middle aligned"] {
- vertical-align: middle;
- }
- .ui.table[class*="bottom aligned"],
- .ui.table [class*="bottom aligned"] {
- vertical-align: bottom;
- }
-
- /*--------------
- Collapsing
- ---------------*/
-
- .ui.table th.collapsing,
- .ui.table td.collapsing {
- width: 1px;
- white-space: nowrap;
- }
-
- /*--------------
- Hoverable
- ---------------*/
-
- .ui.selectable.table tbody tr:hover {
- background: rgba(0, 0, 0, 0.05) !important;
- color: rgba(0, 0, 0, 0.95) !important;
- }
- .ui.selectable.inverted.table tbody tr:hover {
- background: rgba(255, 255, 255, 0.08) !important;
- color: #ffffff !important;
- }
-
- /* Other States */
- .ui.selectable.table tr.error:hover,
- .ui.selectable.table tr:hover td.error {
- background: #ffe7e7 !important;
- color: #943634 !important;
- }
- .ui.selectable.table tr.warning:hover,
- .ui.selectable.table tr:hover td.warning {
- background: #fff4e4 !important;
- color: #493107 !important;
- }
- .ui.selectable.table tr.active:hover,
- .ui.selectable.table tr:hover td.active {
- background: #e0e0e0 !important;
- color: rgba(0, 0, 0, 0.87) !important;
- }
- .ui.selectable.table tr.positive:hover,
- .ui.selectable.table tr:hover td.positive {
- background: #f7ffe6 !important;
- color: #275b28 !important;
- }
- .ui.selectable.table tr.negative:hover,
- .ui.selectable.table tr:hover td.negative {
- background: #ffe7e7 !important;
- color: #943634 !important;
- }
-
- /*--------------
- Attached
- ---------------*/
-
-
- /* All */
- .ui.attached.table {
- width: calc(100% + 2px );
- margin: 0em -1px;
- border-radius: 0px;
- box-shadow: none;
- }
-
- /* Top */
- .ui[class*="top attached"].table {
- margin-top: 1em;
- border-radius: 0.28571429rem 0.28571429rem 0em 0em;
- }
- .ui.table[class*="top attached"]:first-child {
- margin-top: 0em;
- }
-
- /* Bottom */
- .ui.table[class*="bottom attached"] {
- margin-top: 0em;
- margin-bottom: 1em;
- border-radius: 0em 0em 0.28571429rem 0.28571429rem;
- }
- .ui.table[class*="bottom attached"]:last-child {
- margin-bottom: 0em;
- }
-
- /*--------------
- Striped
- ---------------*/
-
-
- /* Table Striping */
- .ui.striped.table > tr:nth-child(2n),
- .ui.striped.table tbody tr:nth-child(2n) {
- background-color: rgba(0, 0, 50, 0.02);
- }
-
- /* Stripes */
- .ui.inverted.striped.table > tr:nth-child(2n),
- .ui.inverted.striped.table tbody tr:nth-child(2n) {
- background-color: rgba(255, 255, 255, 0.05);
- }
-
- /*--------------
- Single Line
- ---------------*/
-
- .ui.table[class*="single line"],
- .ui.table [class*="single line"] {
- white-space: nowrap;
- }
-
- /*-------------------
- Colors
- --------------------*/
-
-
- /* Red */
- .ui.red.table {
- border-top: 0.2em solid #db2828;
- }
- .ui.inverted.red.table {
- background-color: #db2828 !important;
- color: #ffffff !important;
- }
-
- /* Orange */
- .ui.orange.table {
- border-top: 0.2em solid #f2711c;
- }
- .ui.inverted.orange.table {
- background-color: #f2711c !important;
- color: #ffffff !important;
- }
-
- /* Yellow */
- .ui.yellow.table {
- border-top: 0.2em solid #fbbd08;
- }
- .ui.inverted.yellow.table {
- background-color: #fbbd08 !important;
- color: #ffffff !important;
- }
-
- /* Olive */
- .ui.olive.table {
- border-top: 0.2em solid #b5cc18;
- }
- .ui.inverted.olive.table {
- background-color: #b5cc18 !important;
- color: #ffffff !important;
- }
-
- /* Green */
- .ui.green.table {
- border-top: 0.2em solid #21ba45;
- }
- .ui.inverted.green.table {
- background-color: #21ba45 !important;
- color: #ffffff !important;
- }
-
- /* Teal */
- .ui.teal.table {
- border-top: 0.2em solid #00b5ad;
- }
- .ui.inverted.teal.table {
- background-color: #00b5ad !important;
- color: #ffffff !important;
- }
-
- /* Blue */
- .ui.blue.table {
- border-top: 0.2em solid #2185d0;
- }
- .ui.inverted.blue.table {
- background-color: #2185d0 !important;
- color: #ffffff !important;
- }
-
- /* Violet */
- .ui.violet.table {
- border-top: 0.2em solid #6435c9;
- }
- .ui.inverted.violet.table {
- background-color: #6435c9 !important;
- color: #ffffff !important;
- }
-
- /* Purple */
- .ui.purple.table {
- border-top: 0.2em solid #a333c8;
- }
- .ui.inverted.purple.table {
- background-color: #a333c8 !important;
- color: #ffffff !important;
- }
-
- /* Pink */
- .ui.pink.table {
- border-top: 0.2em solid #e03997;
- }
- .ui.inverted.pink.table {
- background-color: #e03997 !important;
- color: #ffffff !important;
- }
-
- /* Brown */
- .ui.brown.table {
- border-top: 0.2em solid #a5673f;
- }
- .ui.inverted.brown.table {
- background-color: #a5673f !important;
- color: #ffffff !important;
- }
-
- /* Grey */
- .ui.grey.table {
- border-top: 0.2em solid #767676;
- }
- .ui.inverted.grey.table {
- background-color: #767676 !important;
- color: #ffffff !important;
- }
-
- /* Black */
- .ui.black.table {
- border-top: 0.2em solid #1b1c1d;
- }
- .ui.inverted.black.table {
- background-color: #1b1c1d !important;
- color: #ffffff !important;
- }
-
- /*--------------
- Column Count
- ---------------*/
-
-
- /* Grid Based */
- .ui.one.column.table td {
- width: 100%;
- }
- .ui.two.column.table td {
- width: 50%;
- }
- .ui.three.column.table td {
- width: 33.33333333%;
- }
- .ui.four.column.table td {
- width: 25%;
- }
- .ui.five.column.table td {
- width: 20%;
- }
- .ui.six.column.table td {
- width: 16.66666667%;
- }
- .ui.seven.column.table td {
- width: 14.28571429%;
- }
- .ui.eight.column.table td {
- width: 12.5%;
- }
- .ui.nine.column.table td {
- width: 11.11111111%;
- }
- .ui.ten.column.table td {
- width: 10%;
- }
- .ui.eleven.column.table td {
- width: 9.09090909%;
- }
- .ui.twelve.column.table td {
- width: 8.33333333%;
- }
- .ui.thirteen.column.table td {
- width: 7.69230769%;
- }
- .ui.fourteen.column.table td {
- width: 7.14285714%;
- }
- .ui.fifteen.column.table td {
- width: 6.66666667%;
- }
- .ui.sixteen.column.table td {
- width: 6.25%;
- }
-
- /* Column Width */
- .ui.table th.one.wide,
- .ui.table td.one.wide {
- width: 6.25%;
- }
- .ui.table th.two.wide,
- .ui.table td.two.wide {
- width: 12.5%;
- }
- .ui.table th.three.wide,
- .ui.table td.three.wide {
- width: 18.75%;
- }
- .ui.table th.four.wide,
- .ui.table td.four.wide {
- width: 25%;
- }
- .ui.table th.five.wide,
- .ui.table td.five.wide {
- width: 31.25%;
- }
- .ui.table th.six.wide,
- .ui.table td.six.wide {
- width: 37.5%;
- }
- .ui.table th.seven.wide,
- .ui.table td.seven.wide {
- width: 43.75%;
- }
- .ui.table th.eight.wide,
- .ui.table td.eight.wide {
- width: 50%;
- }
- .ui.table th.nine.wide,
- .ui.table td.nine.wide {
- width: 56.25%;
- }
- .ui.table th.ten.wide,
- .ui.table td.ten.wide {
- width: 62.5%;
- }
- .ui.table th.eleven.wide,
- .ui.table td.eleven.wide {
- width: 68.75%;
- }
- .ui.table th.twelve.wide,
- .ui.table td.twelve.wide {
- width: 75%;
- }
- .ui.table th.thirteen.wide,
- .ui.table td.thirteen.wide {
- width: 81.25%;
- }
- .ui.table th.fourteen.wide,
- .ui.table td.fourteen.wide {
- width: 87.5%;
- }
- .ui.table th.fifteen.wide,
- .ui.table td.fifteen.wide {
- width: 93.75%;
- }
- .ui.table th.sixteen.wide,
- .ui.table td.sixteen.wide {
- width: 100%;
- }
-
- /*--------------
- Sortable
- ---------------*/
-
- .ui.sortable.table thead th {
- cursor: pointer;
- white-space: nowrap;
- border-left: 1px solid rgba(34, 36, 38, 0.15);
- color: rgba(0, 0, 0, 0.87);
- }
- .ui.sortable.table thead th:first-child {
- border-left: none;
- }
- .ui.sortable.table thead th.sorted,
- .ui.sortable.table thead th.sorted:hover {
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- }
- .ui.sortable.table thead th:after {
- display: none;
- font-style: normal;
- font-weight: normal;
- text-decoration: inherit;
- content: '';
- height: 1em;
- width: auto;
- opacity: 0.8;
- margin: 0em 0em 0em 0.5em;
- font-family: 'Icons';
- }
- .ui.sortable.table thead th.ascending:after {
- content: '\f0d8';
- }
- .ui.sortable.table thead th.descending:after {
- content: '\f0d7';
- }
-
- /* Hover */
- .ui.sortable.table th.disabled:hover {
- cursor: auto;
- color: rgba(40, 40, 40, 0.3);
- }
- .ui.sortable.table thead th:hover {
- background: rgba(0, 0, 0, 0.05);
- color: rgba(0, 0, 0, 0.8);
- }
-
- /* Sorted */
- .ui.sortable.table thead th.sorted {
- background: rgba(0, 0, 0, 0.05);
- color: rgba(0, 0, 0, 0.95);
- }
- .ui.sortable.table thead th.sorted:after {
- display: inline-block;
- }
-
- /* Sorted Hover */
- .ui.sortable.table thead th.sorted:hover {
- background: rgba(0, 0, 0, 0.05);
- color: rgba(0, 0, 0, 0.95);
- }
-
- /* Inverted */
- .ui.inverted.sortable.table thead th.sorted {
- background: rgba(255, 255, 255, 0.15) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
- background: rgba(255, 255, 255, 0.15) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
- color: #ffffff;
- }
- .ui.inverted.sortable.table thead th:hover {
- background: rgba(255, 255, 255, 0.08) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
- background: rgba(255, 255, 255, 0.08) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
- color: #ffffff;
- }
- .ui.inverted.sortable.table thead th {
- border-left-color: transparent;
- border-right-color: transparent;
- }
-
- /*--------------
- Inverted
- ---------------*/
-
-
- /* Text Color */
- .ui.inverted.table {
- background: #333333;
- color: rgba(255, 255, 255, 0.9);
- border: none;
- }
- .ui.inverted.table th {
- background-color: rgba(0, 0, 0, 0.15);
- border-color: rgba(255, 255, 255, 0.1) !important;
- color: rgba(255, 255, 255, 0.9);
- }
- .ui.inverted.table tr td {
- border-color: rgba(255, 255, 255, 0.1) !important;
- }
- .ui.inverted.table tr.disabled td,
- .ui.inverted.table tr td.disabled,
- .ui.inverted.table tr.disabled:hover td,
- .ui.inverted.table tr:hover td.disabled {
- pointer-events: none;
- color: rgba(225, 225, 225, 0.3);
- }
-
- /* Definition */
- .ui.inverted.definition.table tfoot:not(.full-width) th:first-child,
- .ui.inverted.definition.table thead:not(.full-width) th:first-child {
- background: #ffffff;
- }
- .ui.inverted.definition.table tr td:first-child {
- background: rgba(255, 255, 255, 0.02);
- color: #ffffff;
- }
-
- /*--------------
- Collapsing
- ---------------*/
-
- .ui.collapsing.table {
- width: auto;
- }
-
- /*--------------
- Basic
- ---------------*/
-
- .ui.basic.table {
- background: transparent;
- border: 1px solid rgba(34, 36, 38, 0.15);
- box-shadow: none;
- }
- .ui.basic.table thead,
- .ui.basic.table tfoot {
- box-shadow: none;
- }
- .ui.basic.table th {
- background: transparent;
- border-left: none;
- }
- .ui.basic.table tbody tr {
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
- }
- .ui.basic.table td {
- background: transparent;
- }
- .ui.basic.striped.table tbody tr:nth-child(2n) {
- background-color: rgba(0, 0, 0, 0.05) !important;
- }
-
- /* Very Basic */
- .ui[class*="very basic"].table {
- border: none;
- }
- .ui[class*="very basic"].table:not(.sortable):not(.striped) th,
- .ui[class*="very basic"].table:not(.sortable):not(.striped) td {
- padding: '';
- }
- .ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child,
- .ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child {
- padding-left: 0em;
- }
- .ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child,
- .ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child {
- padding-right: 0em;
- }
- .ui[class*="very basic"].table:not(.sortable):not(.striped) thead tr:first-child th {
- padding-top: 0em;
- }
-
- /*--------------
- Celled
- ---------------*/
-
- .ui.celled.table tr th,
- .ui.celled.table tr td {
- border-left: 1px solid rgba(34, 36, 38, 0.1);
- }
- .ui.celled.table tr th:first-child,
- .ui.celled.table tr td:first-child {
- border-left: none;
- }
-
- /*--------------
- Padded
- ---------------*/
-
- .ui.padded.table th {
- padding-left: 1em;
- padding-right: 1em;
- }
- .ui.padded.table th,
- .ui.padded.table td {
- padding: 1em 1em;
- }
-
- /* Very */
- .ui[class*="very padded"].table th {
- padding-left: 1.5em;
- padding-right: 1.5em;
- }
- .ui[class*="very padded"].table td {
- padding: 1.5em 1.5em;
- }
-
- /*--------------
- Compact
- ---------------*/
-
- .ui.compact.table th {
- padding-left: 0.7em;
- padding-right: 0.7em;
- }
- .ui.compact.table td {
- padding: 0.5em 0.7em;
- }
-
- /* Very */
- .ui[class*="very compact"].table th {
- padding-left: 0.6em;
- padding-right: 0.6em;
- }
- .ui[class*="very compact"].table td {
- padding: 0.4em 0.6em;
- }
-
- /*--------------
- Sizes
- ---------------*/
-
-
- /* Small */
- .ui.small.table {
- font-size: 0.9em;
- }
-
- /* Standard */
- .ui.table {
- font-size: 1em;
- }
-
- /* Large */
- .ui.large.table {
- font-size: 1.1em;
- }
-
-
- /*******************************
- Site Overrides
- *******************************/
-
|