98 lines
1.8 KiB
SCSS
98 lines
1.8 KiB
SCSS
/* Define your theme modifications inside next mixin */
|
|
@mixin com_cmobile_unifiedtms-havana-ext {
|
|
.full-colored-cell {
|
|
width: 100%;
|
|
display: block;
|
|
padding: 6px 8px;
|
|
font-weight: bold;
|
|
color: white;
|
|
text-align: center;
|
|
border-radius: 4px; // optional
|
|
}
|
|
|
|
.bg-green {
|
|
background-color: #4CAF50;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.bg-orange {
|
|
background-color: #FF9800;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.bg-red {
|
|
background-color: #F44336;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.table-container {
|
|
overflow-x: auto;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.bordered-table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
min-width: 1000px;
|
|
border: 2px solid #444; /* Outer border */
|
|
}
|
|
|
|
.bordered-table th,
|
|
.bordered-table td {
|
|
border: 1px solid #444; /* Visible cell borders */
|
|
padding: 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
.bordered-table thead tr:first-child th {
|
|
background-color: #dceeff;
|
|
}
|
|
|
|
.bordered-table thead tr:nth-child(2) th {
|
|
background-color: #f0f8ff;
|
|
}
|
|
|
|
.bordered-table td a {
|
|
color: #0073e6;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.bordered-table tfoot th,
|
|
.bordered-table tfoot td {
|
|
background-color: #000000; /* Black background */
|
|
font-size: 15px; /* Bigger font */
|
|
font-weight: bold; /* Bold font */
|
|
border-top: 2px solid #444; /* Top border to separate from body */
|
|
text-align: center; /* Center align like the rest of the table */
|
|
padding: 10px;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.bordered-table tfoot th .bg-green {
|
|
background-color: #4CAF50;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.bordered-table tfoot th .bg-orange {
|
|
background-color: #FF9800;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.bordered-table tfoot th .bg-red {
|
|
background-color: #F44336;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.bordered-table {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.bordered-table th,
|
|
.bordered-table td {
|
|
padding: 6px;
|
|
}
|
|
}
|
|
|
|
|
|
} |