101 lines
2.3 KiB
SCSS
101 lines
2.3 KiB
SCSS
.tui-table {
|
|
border: 2px solid rgb(168, 168, 168);
|
|
padding: 5px;
|
|
border-collapse: collapse;
|
|
|
|
&.hovered-blue tbody tr:hover {
|
|
background-color: rgb(0, 0, 255) !important;
|
|
color: black;
|
|
}
|
|
|
|
&.hovered-green tbody tr:hover {
|
|
background-color: rgb(0, 255, 0) !important;
|
|
color: black;
|
|
}
|
|
|
|
&.hovered-cyan tbody tr:hover {
|
|
background-color: rgb(0, 255, 255) !important;
|
|
color: black;
|
|
}
|
|
|
|
&.hovered-red tbody tr:hover {
|
|
background-color: rgb(255, 0, 0) !important;
|
|
color: white;
|
|
}
|
|
|
|
&.hovered-purple tbody tr:hover {
|
|
background-color: rgb(255, 0, 255) !important;
|
|
color: white;
|
|
}
|
|
|
|
&.hovered-yellow tbody tr:hover {
|
|
background-color: rgb(255, 255, 0) !important;
|
|
color: black;
|
|
}
|
|
|
|
&.hovered-white tbody tr:hover {
|
|
background-color: rgb(255, 255, 255) !important;
|
|
color: black;
|
|
}
|
|
|
|
&.hovered-orange tbody tr:hover {
|
|
background-color: rgb(255, 168, 0) !important;
|
|
color: black;
|
|
}
|
|
|
|
&.hovered tbody tr:hover {
|
|
background-color: rgb(0, 255, 255) !important;
|
|
color: black;
|
|
}
|
|
|
|
&.striped-blue tbody tr:nth-child(even) {
|
|
background-color: rgb(0, 0, 168);
|
|
}
|
|
|
|
&.striped-green tbody tr:nth-child(even) {
|
|
background-color: rgb(0, 168, 0);
|
|
}
|
|
|
|
&.striped-cyan tbody tr:nth-child(even) {
|
|
background-color: rgb(0, 168, 168);
|
|
}
|
|
|
|
&.striped-red tbody tr:nth-child(even) {
|
|
background-color: rgb(168, 0, 0);
|
|
}
|
|
|
|
&.striped-purple tbody tr:nth-child(even) {
|
|
background-color: rgb(168, 0, 168);
|
|
}
|
|
|
|
&.striped-yellow tbody tr:nth-child(even) {
|
|
background-color: rgb(168, 168, 0);
|
|
}
|
|
|
|
&.striped-white tbody tr:nth-child(even) {
|
|
background-color: rgb(168, 168, 168);
|
|
color: black;
|
|
}
|
|
|
|
&.striped-orange tbody tr:nth-child(even) {
|
|
background-color: rgb(168, 86, 0);
|
|
}
|
|
}
|
|
.tui-table tbody {
|
|
background-color: inherit;
|
|
color: white;
|
|
}
|
|
.tui-table tbody tr td {
|
|
border-right: 2px solid rgb(168, 168, 168);
|
|
padding: 0px 2px;
|
|
}
|
|
.tui-table thead {
|
|
background-color: inherit;
|
|
color: rgb(255, 255, 0);
|
|
text-align: center;
|
|
}
|
|
.tui-table tfoot {
|
|
background-color: inherit;
|
|
color: rgb(255, 255, 0);
|
|
text-align: center;
|
|
} |