Tim Schumacher
parent
3f1e728781
commit
4385f1acbc
425 changed files with 59924 additions and 37200 deletions
558
web/semantic/dist/components/table.css
vendored
Normal file → Executable file
558
web/semantic/dist/components/table.css
vendored
Normal file → Executable file
|
|
@ -1,9 +1,9 @@
|
|||
/*!
|
||||
* # Semantic UI 1.11.4 - Table
|
||||
* # Semantic UI 2.1.7 - Table
|
||||
* http://github.com/semantic-org/semantic-ui/
|
||||
*
|
||||
*
|
||||
* Copyright 2014 Contributors
|
||||
* Copyright 2015 Contributors
|
||||
* Released under the MIT license
|
||||
* http://opensource.org/licenses/MIT
|
||||
*
|
||||
|
|
@ -20,10 +20,11 @@
|
|||
width: 100%;
|
||||
background: #ffffff;
|
||||
margin: 1em 0em;
|
||||
border: 1px solid #d0d0d0;
|
||||
border: 1px solid rgba(34, 36, 38, 0.15);
|
||||
box-shadow: none;
|
||||
border-radius: 0.25rem;
|
||||
color: rgba(0, 0, 0, 0.8);
|
||||
border-radius: 0.28571429rem;
|
||||
text-align: left;
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
border-collapse: separate;
|
||||
border-spacing: 0px;
|
||||
}
|
||||
|
|
@ -43,8 +44,8 @@
|
|||
/* Table Content */
|
||||
.ui.table th,
|
||||
.ui.table td {
|
||||
-webkit-transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
|
||||
transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
|
||||
-webkit-transition: background 0.1s ease, color 0.1s ease;
|
||||
transition: background 0.1s ease, color 0.1s ease;
|
||||
}
|
||||
|
||||
/* Headers */
|
||||
|
|
@ -53,28 +54,28 @@
|
|||
}
|
||||
.ui.table thead th {
|
||||
cursor: auto;
|
||||
background: #f0f0f0;
|
||||
text-align: left;
|
||||
color: rgba(0, 0, 0, 0.8);
|
||||
padding: 0.7em 0.8em;
|
||||
vertical-align: middle;
|
||||
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 #d4d4d5;
|
||||
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.25rem 0em 0em 0em;
|
||||
border-radius: 0.28571429rem 0em 0em 0em;
|
||||
}
|
||||
.ui.table thead tr:first-child > th:last-child {
|
||||
border-radius: 0em 0.25rem 0em 0em;
|
||||
border-radius: 0em 0.28571429rem 0em 0em;
|
||||
}
|
||||
.ui.table thead tr:first-child > th:only-child {
|
||||
border-radius: 0.25rem 0.25rem 0em 0em;
|
||||
border-radius: 0.28571429rem 0.28571429rem 0em 0em;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
|
|
@ -83,11 +84,11 @@
|
|||
}
|
||||
.ui.table tfoot th {
|
||||
cursor: auto;
|
||||
border-top: 1px solid #d4d4d5;
|
||||
background: #ffffff;
|
||||
text-align: left;
|
||||
color: rgba(0, 0, 0, 0.8);
|
||||
padding: 0.7em 0.8em;
|
||||
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;
|
||||
|
|
@ -97,18 +98,18 @@
|
|||
border-left: none;
|
||||
}
|
||||
.ui.table tfoot tr:first-child > th:first-child {
|
||||
border-radius: 0em 0em 0em 0.25rem;
|
||||
border-radius: 0em 0em 0em 0.28571429rem;
|
||||
}
|
||||
.ui.table tfoot tr:first-child > th:last-child {
|
||||
border-radius: 0em 0em 0.25rem 0em;
|
||||
border-radius: 0em 0em 0.28571429rem 0em;
|
||||
}
|
||||
.ui.table tfoot tr:first-child > th:only-child {
|
||||
border-radius: 0em 0em 0.25rem 0.25rem;
|
||||
border-radius: 0em 0em 0.28571429rem 0.28571429rem;
|
||||
}
|
||||
|
||||
/* Table Row */
|
||||
.ui.table tr td {
|
||||
border-top: 1px solid #d4d4d5;
|
||||
border-top: 1px solid rgba(34, 36, 38, 0.1);
|
||||
}
|
||||
.ui.table tr:first-child td {
|
||||
border-top: none;
|
||||
|
|
@ -116,9 +117,8 @@
|
|||
|
||||
/* Table Cells */
|
||||
.ui.table td {
|
||||
padding: 0.7em 0.8em;
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
padding: 0.71428571em 0.71428571em;
|
||||
text-align: inherit;
|
||||
}
|
||||
|
||||
/* Icons */
|
||||
|
|
@ -161,43 +161,27 @@
|
|||
.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;
|
||||
box-shadow: none;
|
||||
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;
|
||||
padding-top: 1em;
|
||||
}
|
||||
.ui.table:not(.unstackable) th:last-child,
|
||||
.ui.table:not(.unstackable) td:last-child {
|
||||
box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
|
||||
/* Clear BG Colors */
|
||||
.ui.table:not(.unstackable) tr > td.warning,
|
||||
.ui.table:not(.unstackable) tr > td.error,
|
||||
.ui.table:not(.unstackable) tr > td.active,
|
||||
.ui.table:not(.unstackable) tr > td.positive,
|
||||
.ui.table:not(.unstackable) tr > td.negative {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
/* Definition Table */
|
||||
.ui.definition.table:not(.unstackable) thead th:first-child {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
.ui.definition.table:not(.unstackable) tr td:first-child {
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
.ui.definition.table:not(.unstackable) tr td:nth-child(n+2) {
|
||||
padding-top: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -232,8 +216,8 @@
|
|||
border-right: none;
|
||||
}
|
||||
.ui.structured.sortable.table thead th {
|
||||
border-left: 1px solid #d0d0d0;
|
||||
border-right: 1px solid #d0d0d0;
|
||||
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;
|
||||
|
|
@ -241,8 +225,8 @@
|
|||
}
|
||||
.ui.structured.celled.table tr th,
|
||||
.ui.structured.celled.table tr td {
|
||||
border-left: 1px solid #d4d4d5;
|
||||
border-right: 1px solid #d4d4d5;
|
||||
border-left: 1px solid rgba(34, 36, 38, 0.1);
|
||||
border-right: 1px solid rgba(34, 36, 38, 0.1);
|
||||
}
|
||||
|
||||
/*--------------
|
||||
|
|
@ -276,18 +260,18 @@
|
|||
.ui.definition.table tr td:first-child {
|
||||
background: rgba(0, 0, 0, 0.03);
|
||||
font-weight: bold;
|
||||
color: rgba(0, 0, 0, 0.8);
|
||||
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 #d0d0d0;
|
||||
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 #d0d0d0;
|
||||
border-left: 1px solid rgba(34, 36, 38, 0.15);
|
||||
}
|
||||
.ui.definition.table td:nth-child(2) {
|
||||
border-left: 1px solid #d0d0d0;
|
||||
border-left: 1px solid rgba(34, 36, 38, 0.15);
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -302,17 +286,12 @@
|
|||
|
||||
.ui.table tr.positive,
|
||||
.ui.table td.positive {
|
||||
box-shadow: 0px 0px 0px #b7caa7 inset;
|
||||
box-shadow: 0px 0px 0px #a3c293 inset;
|
||||
}
|
||||
.ui.table tr.positive td,
|
||||
.ui.table tr.positive,
|
||||
.ui.table td.positive {
|
||||
background: #eeffe7 !important;
|
||||
color: #3c763d !important;
|
||||
}
|
||||
.ui.celled.table tr.positive:hover td,
|
||||
.ui.celled.table tr:hover td.positive {
|
||||
background: #e3ffd8 !important;
|
||||
color: #376c38 !important;
|
||||
background: #fcfff5 !important;
|
||||
color: #2c662d !important;
|
||||
}
|
||||
|
||||
/*--------------
|
||||
|
|
@ -321,17 +300,12 @@
|
|||
|
||||
.ui.table tr.negative,
|
||||
.ui.table td.negative {
|
||||
box-shadow: 0px 0px 0px #dbb1b1 inset;
|
||||
box-shadow: 0px 0px 0px #e0b4b4 inset;
|
||||
}
|
||||
.ui.table tr.negative td,
|
||||
.ui.table tr.negative,
|
||||
.ui.table td.negative {
|
||||
background: #fff0f0 !important;
|
||||
color: #cd2929 !important;
|
||||
}
|
||||
.ui.celled.table tr.negative:hover td,
|
||||
.ui.celled.table tr:hover td.negative {
|
||||
background: #ffe1e1 !important;
|
||||
color: #c02626 !important;
|
||||
background: #fff6f6 !important;
|
||||
color: #9f3a38 !important;
|
||||
}
|
||||
|
||||
/*--------------
|
||||
|
|
@ -340,17 +314,12 @@
|
|||
|
||||
.ui.table tr.error,
|
||||
.ui.table td.error {
|
||||
box-shadow: 0px 0px 0px #dbb1b1 inset;
|
||||
box-shadow: 0px 0px 0px #e0b4b4 inset;
|
||||
}
|
||||
.ui.table tr.error td,
|
||||
.ui.table tr.error,
|
||||
.ui.table td.error {
|
||||
background: #fff0f0 !important;
|
||||
color: #cd2929 !important;
|
||||
}
|
||||
.ui.celled.table tr.error:hover td,
|
||||
.ui.celled.table tr:hover td.error {
|
||||
background: #ffe1e1 !important;
|
||||
color: #c02626 !important;
|
||||
background: #fff6f6 !important;
|
||||
color: #9f3a38 !important;
|
||||
}
|
||||
|
||||
/*--------------
|
||||
|
|
@ -359,17 +328,12 @@
|
|||
|
||||
.ui.table tr.warning,
|
||||
.ui.table td.warning {
|
||||
box-shadow: 0px 0px 0px #d9caab inset;
|
||||
box-shadow: 0px 0px 0px #c9ba9b inset;
|
||||
}
|
||||
.ui.table tr.warning td,
|
||||
.ui.table tr.warning,
|
||||
.ui.table td.warning {
|
||||
background: #fffbe6 !important;
|
||||
color: #7d6c00 !important;
|
||||
}
|
||||
.ui.celled.table tr.warning:hover td,
|
||||
.ui.celled.table tr:hover td.warning {
|
||||
background: #fff9d7 !important;
|
||||
color: #6e5f00 !important;
|
||||
background: #fffaf3 !important;
|
||||
color: #573a08 !important;
|
||||
}
|
||||
|
||||
/*--------------
|
||||
|
|
@ -378,17 +342,12 @@
|
|||
|
||||
.ui.table tr.active,
|
||||
.ui.table td.active {
|
||||
box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.9) inset;
|
||||
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.87) inset;
|
||||
}
|
||||
.ui.table tr.active td,
|
||||
.ui.table tr.active,
|
||||
.ui.table td.active {
|
||||
background: #e0e0e0 !important;
|
||||
color: rgba(50, 50, 50, 0.9) !important;
|
||||
}
|
||||
.ui.celled.table tr.active:hover td,
|
||||
.ui.celled.table tr:hover td.active {
|
||||
background: #e0e0e0 !important;
|
||||
color: rgba(50, 50, 50, 0.9) !important;
|
||||
color: rgba(0, 0, 0, 0.87) !important;
|
||||
}
|
||||
|
||||
/*--------------
|
||||
|
|
@ -397,7 +356,7 @@
|
|||
|
||||
.ui.table tr.disabled td,
|
||||
.ui.table tr td.disabled,
|
||||
.ui.table tr.disabled:hover td,
|
||||
.ui.table tr.disabled:hover,
|
||||
.ui.table tr:hover td.disabled {
|
||||
pointer-events: none;
|
||||
color: rgba(40, 40, 40, 0.3);
|
||||
|
|
@ -431,47 +390,27 @@
|
|||
.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;
|
||||
}
|
||||
.ui[class*="tablet stackable"].table th:first-child,
|
||||
.ui[class*="tablet stackable"].table td:first-child {
|
||||
font-weight: bold;
|
||||
padding-top: 1em;
|
||||
}
|
||||
.ui[class*="tablet stackable"].table th:last-child,
|
||||
.ui[class*="tablet stackable"].table td:last-child {
|
||||
box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
|
||||
/* Clear BG Colors */
|
||||
.ui[class*="tablet stackable"].table tr > td.warning,
|
||||
.ui[class*="tablet stackable"].table tr > td.error,
|
||||
.ui[class*="tablet stackable"].table tr > td.active,
|
||||
.ui[class*="tablet stackable"].table tr > td.positive,
|
||||
.ui[class*="tablet stackable"].table tr > td.negative {
|
||||
background-color: transparent !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
/* Definition Table */
|
||||
.ui.definition[class*="tablet stackable"].table thead th:first-child {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
.ui.definition[class*="tablet stackable"].table tr td:first-child {
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
.ui.definition[class*="tablet stackable"].table tr td:nth-child(n+2) {
|
||||
padding-top: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
/*--------------
|
||||
Aligned
|
||||
Text Alignment
|
||||
---------------*/
|
||||
|
||||
.ui.table[class*="left aligned"],
|
||||
|
|
@ -487,6 +426,23 @@
|
|||
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
|
||||
---------------*/
|
||||
|
|
@ -498,35 +454,117 @@
|
|||
}
|
||||
|
||||
/*--------------
|
||||
Attached
|
||||
Fixed
|
||||
---------------*/
|
||||
|
||||
.ui.fixed.table {
|
||||
table-layout: fixed;
|
||||
}
|
||||
.ui.fixed.table th,
|
||||
.ui.fixed.table td {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
/* All */
|
||||
/*--------------
|
||||
Selectable
|
||||
---------------*/
|
||||
|
||||
.ui.selectable.table tbody tr:hover,
|
||||
.ui.table tbody tr td.selectable:hover {
|
||||
background: rgba(0, 0, 0, 0.05) !important;
|
||||
color: rgba(0, 0, 0, 0.95) !important;
|
||||
}
|
||||
.ui.selectable.inverted.table tbody tr:hover,
|
||||
.ui.inverted.table tbody tr td.selectable:hover {
|
||||
background: rgba(255, 255, 255, 0.08) !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
/* Selectable Cell Link */
|
||||
.ui.table tbody tr td.selectable {
|
||||
padding: 0em;
|
||||
}
|
||||
.ui.table tbody tr td.selectable > a:not(.ui) {
|
||||
display: block;
|
||||
color: inherit;
|
||||
padding: 0.71428571em 0.71428571em;
|
||||
}
|
||||
|
||||
/* Other States */
|
||||
.ui.selectable.table tr.error:hover,
|
||||
.ui.table tr td.selectable.error:hover,
|
||||
.ui.selectable.table tr:hover td.error {
|
||||
background: #ffe7e7 !important;
|
||||
color: #943634 !important;
|
||||
}
|
||||
.ui.selectable.table tr.warning:hover,
|
||||
.ui.table tr td.selectable.warning:hover,
|
||||
.ui.selectable.table tr:hover td.warning {
|
||||
background: #fff4e4 !important;
|
||||
color: #493107 !important;
|
||||
}
|
||||
.ui.selectable.table tr.active:hover,
|
||||
.ui.table tr td.selectable.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.table tr td.selectable.positive:hover,
|
||||
.ui.selectable.table tr:hover td.positive {
|
||||
background: #f7ffe6 !important;
|
||||
color: #275b28 !important;
|
||||
}
|
||||
.ui.selectable.table tr.negative:hover,
|
||||
.ui.table tr td.selectable.negative:hover,
|
||||
.ui.selectable.table tr:hover td.negative {
|
||||
background: #ffe7e7 !important;
|
||||
color: #943634 !important;
|
||||
}
|
||||
|
||||
/*-------------------
|
||||
Attached
|
||||
--------------------*/
|
||||
|
||||
|
||||
/* Middle */
|
||||
.ui.attached.table {
|
||||
width: -webkit-calc(100% + 2px );
|
||||
width: calc(100% + 2px );
|
||||
margin: 0em -1px;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
border-radius: 0px;
|
||||
margin: 0em -1px;
|
||||
width: calc(100% + 2px );
|
||||
max-width: calc(100% + 2px );
|
||||
box-shadow: none;
|
||||
border: 1px solid #d4d4d5;
|
||||
}
|
||||
.ui.attached + .ui.attached.table:not(.top) {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
/* Top */
|
||||
.ui[class*="top attached"].table {
|
||||
margin-top: 1em 0em;
|
||||
border-radius: 0.25rem 0.25rem 0em 0em;
|
||||
bottom: 0px;
|
||||
margin-bottom: 0em;
|
||||
top: 0px;
|
||||
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"] {
|
||||
.ui[class*="bottom attached"].table {
|
||||
bottom: 0px;
|
||||
margin-top: 0em;
|
||||
margin-bottom: 1em 0em;
|
||||
border-radius: 0em 0em 0.25rem 0.25rem;
|
||||
top: 0px;
|
||||
margin-bottom: 1em;
|
||||
box-shadow: none, none;
|
||||
border-radius: 0em 0em 0.28571429rem 0.28571429rem;
|
||||
}
|
||||
.ui.table[class*="bottom attached"]:last-child {
|
||||
.ui[class*="bottom attached"].table:last-child {
|
||||
margin-bottom: 0em;
|
||||
}
|
||||
|
||||
|
|
@ -538,86 +576,147 @@
|
|||
/* Table Striping */
|
||||
.ui.striped.table > tr:nth-child(2n),
|
||||
.ui.striped.table tbody tr:nth-child(2n) {
|
||||
background-color: rgba(0, 0, 50, 0.03);
|
||||
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.06);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
/*--------------
|
||||
Single Line
|
||||
---------------*/
|
||||
|
||||
.ui.table[class*="single line"],
|
||||
.ui.table [class*="single line"] {
|
||||
white-space: nowrap;
|
||||
}
|
||||
.ui.table[class*="single line"],
|
||||
.ui.table [class*="single line"] {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/*-------------------
|
||||
Colors
|
||||
--------------------*/
|
||||
|
||||
.ui.black.table {
|
||||
border-top: 0.2em solid #1b1c1d;
|
||||
}
|
||||
.ui.blue.table {
|
||||
border-top: 0.2em solid #3b83c0;
|
||||
}
|
||||
.ui.green.table {
|
||||
border-top: 0.2em solid #5bbd72;
|
||||
}
|
||||
.ui.orange.table {
|
||||
border-top: 0.2em solid #e07b53;
|
||||
}
|
||||
.ui.pink.table {
|
||||
border-top: 0.2em solid #d9499a;
|
||||
}
|
||||
.ui.purple.table {
|
||||
border-top: 0.2em solid #564f8a;
|
||||
}
|
||||
|
||||
/* Red */
|
||||
.ui.red.table {
|
||||
border-top: 0.2em solid #d95c5c;
|
||||
}
|
||||
.ui.teal.table {
|
||||
border-top: 0.2em solid #00b5ad;
|
||||
}
|
||||
.ui.yellow.table {
|
||||
border-top: 0.2em solid #f2c61f;
|
||||
}
|
||||
|
||||
/*-------------------
|
||||
Inverted Colors
|
||||
--------------------*/
|
||||
|
||||
.ui.inverted.table,
|
||||
.ui.inverted.black.table {
|
||||
background-color: #1b1c1d !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
.ui.inverted.blue.table {
|
||||
background-color: #3b83c0 !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
.ui.inverted.green.table {
|
||||
background-color: #5bbd72 !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
.ui.inverted.orange.table {
|
||||
background-color: #e07b53 !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
.ui.inverted.pink.table {
|
||||
background-color: #d9499a !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
.ui.inverted.purple.table {
|
||||
background-color: #564f8a !important;
|
||||
color: #ffffff !important;
|
||||
border-top: 0.2em solid #db2828;
|
||||
}
|
||||
.ui.inverted.red.table {
|
||||
background-color: #d95c5c !important;
|
||||
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;
|
||||
}
|
||||
.ui.inverted.yellow.table {
|
||||
background-color: #f2c61f !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;
|
||||
}
|
||||
|
||||
|
|
@ -749,8 +848,8 @@
|
|||
.ui.sortable.table thead th {
|
||||
cursor: pointer;
|
||||
white-space: nowrap;
|
||||
border-left: 1px solid #d0d0d0;
|
||||
color: rgba(0, 0, 0, 0.8);
|
||||
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;
|
||||
|
|
@ -763,22 +862,22 @@
|
|||
user-select: none;
|
||||
}
|
||||
.ui.sortable.table thead th:after {
|
||||
display: inline-block;
|
||||
content: '';
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
opacity: 0.8;
|
||||
margin: 0em 0em 0em 0.5em;
|
||||
font-family: 'Icons';
|
||||
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: '\f0d7';
|
||||
content: '\f0d8';
|
||||
}
|
||||
.ui.sortable.table thead th.descending:after {
|
||||
content: '\f0d8';
|
||||
content: '\f0d7';
|
||||
}
|
||||
|
||||
/* Hover */
|
||||
|
|
@ -794,24 +893,27 @@
|
|||
/* Sorted */
|
||||
.ui.sortable.table thead th.sorted {
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
color: rgba(0, 0, 0, 0.8);
|
||||
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.8);
|
||||
color: rgba(0, 0, 0, 0.95);
|
||||
}
|
||||
|
||||
/* Inverted */
|
||||
.ui.inverted.sortable.table thead th.sorted {
|
||||
background: rgba(255, 255, 255, 0.07) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
|
||||
background: rgba(255, 255, 255, 0.07) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
|
||||
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.05) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
|
||||
background: rgba(255, 255, 255, 0.05) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
|
||||
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 {
|
||||
|
|
@ -827,16 +929,16 @@
|
|||
/* Text Color */
|
||||
.ui.inverted.table {
|
||||
background: #333333;
|
||||
color: #ffffff;
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
border: none;
|
||||
}
|
||||
.ui.inverted.table th {
|
||||
background-color: rgba(0, 0, 0, 0.15);
|
||||
border-color: rgba(0, 0, 0, 0.2) !important;
|
||||
border-color: rgba(255, 255, 255, 0.1) !important;
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
}
|
||||
.ui.inverted.table tr td {
|
||||
border-color: rgba(0, 0, 0, 0.2) !important;
|
||||
border-color: rgba(255, 255, 255, 0.1) !important;
|
||||
}
|
||||
.ui.inverted.table tr.disabled td,
|
||||
.ui.inverted.table tr td.disabled,
|
||||
|
|
@ -870,7 +972,7 @@
|
|||
|
||||
.ui.basic.table {
|
||||
background: transparent;
|
||||
border: 1px solid #d0d0d0;
|
||||
border: 1px solid rgba(34, 36, 38, 0.15);
|
||||
box-shadow: none;
|
||||
}
|
||||
.ui.basic.table thead,
|
||||
|
|
@ -897,7 +999,7 @@
|
|||
}
|
||||
.ui[class*="very basic"].table:not(.sortable):not(.striped) th,
|
||||
.ui[class*="very basic"].table:not(.sortable):not(.striped) td {
|
||||
padding: 0.7em 0.8em;
|
||||
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 {
|
||||
|
|
@ -917,7 +1019,7 @@
|
|||
|
||||
.ui.celled.table tr th,
|
||||
.ui.celled.table tr td {
|
||||
border-left: 1px solid #d4d4d5;
|
||||
border-left: 1px solid rgba(34, 36, 38, 0.1);
|
||||
}
|
||||
.ui.celled.table tr th:first-child,
|
||||
.ui.celled.table tr td:first-child {
|
||||
|
|
@ -988,12 +1090,6 @@
|
|||
}
|
||||
|
||||
|
||||
/*******************************
|
||||
Theme Overrides
|
||||
*******************************/
|
||||
|
||||
|
||||
|
||||
/*******************************
|
||||
Site Overrides
|
||||
*******************************/
|
||||
|
|
|
|||
Reference in a new issue