127 lines
2.6 KiB
SCSS
127 lines
2.6 KiB
SCSS
/* Define your theme modifications inside next mixin */
|
|
@mixin com_cmobile_unifiedtms-halo-ext {
|
|
|
|
$cuba-menubar-background-color: #4B4B4B;
|
|
$cuba-menubar-border-color: #666666;
|
|
$v-table-row-height: 25px;
|
|
$v-selection-color: rgb(87, 153, 117);
|
|
$v-table-header-font-size: 12px;
|
|
$v-textfield-border: 1px solid #97E3A3;
|
|
|
|
$v-selection-item-selection-color: #579975;
|
|
|
|
$v-app-background-color: #E3EAF1;
|
|
$v-font-size: 12px;
|
|
$v-font-weight: 400;
|
|
$v-unit-size: 25px;
|
|
$v-border-radius: 0px;
|
|
$v-border: 1px solid #89BFA1 !default;
|
|
$v-font-family: Verdana,tahoma,arial,geneva,helvetica,sans-serif,"Trebuchet MS";
|
|
|
|
$v-panel-background-color: #ffffff;
|
|
$v-background-color: #ffffff;
|
|
|
|
$cuba-menubar-menuitem-text-color: #ffffff;
|
|
|
|
$cuba-app-menubar-padding-top: 8px;
|
|
$cuba-app-menubar-padding-bottom: 8px;
|
|
|
|
$cuba-menubar-text-color: #ffffff;
|
|
$cuba-menubar-submenu-padding: 1px;
|
|
|
|
.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;
|
|
}
|
|
}
|
|
|
|
|
|
} |