143 lines
2.4 KiB
CSS
143 lines
2.4 KiB
CSS
@import url('https://fonts.googleapis.com/css2?family=Kreon:wght@400;700&family=Signika:wght@400;600&display=swap');
|
|
|
|
body {
|
|
margin: 0;
|
|
}
|
|
|
|
/* main text */
|
|
.MuiTypography-root {
|
|
color: #069de4;
|
|
font-family: "Signika";
|
|
}
|
|
.MuiPaper-root {
|
|
color: #069de4;
|
|
}
|
|
|
|
|
|
/* buttons */
|
|
.MuiButton-root {
|
|
background-color: #069de4;
|
|
}
|
|
.MuiButton-root:hover {
|
|
background-color: #069de4;
|
|
}
|
|
.MuiButton-root .MuiTypography-root {
|
|
color: #FFF;
|
|
}
|
|
|
|
|
|
/* headers */
|
|
h1.MuiTypography-root {
|
|
font-family: 'Kreon';
|
|
font-weight: bold;
|
|
font-size: 50px;
|
|
}
|
|
|
|
|
|
/* common table */
|
|
.MuiTableHead-root tr {
|
|
background-color: #FFF !important;
|
|
}
|
|
.MuiTableRow-root:nth-child(2n+1) {
|
|
background-color: rgb(202, 209, 212, .4);
|
|
}
|
|
.MuiTableCell-root {
|
|
font-family: "Signika";
|
|
border: none;
|
|
}
|
|
.table__cell_hide {
|
|
display: none;
|
|
}
|
|
|
|
|
|
/* table: maintenance fee */
|
|
.maintenance__tableRowPayTotal {
|
|
border-top: 2px solid #000;
|
|
}
|
|
.maintenance__tableRowBalance {
|
|
background-color: #FFF !important;
|
|
}
|
|
.maintenance__tableCellBalance {
|
|
color: #df1f1f;
|
|
}
|
|
|
|
/* table: flat repair history */
|
|
.flatRepairHistory__table tbody .MuiTableCell-root {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
/* table: flat documents */
|
|
.flatDocuments__table tbody .MuiTableCell-root {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
.MuiTable-root .MuiIconButton-root {
|
|
color: #c9be63;
|
|
}
|
|
|
|
|
|
/* table: notifications and orders */
|
|
.notificationsAndOrders__tableStatus {
|
|
display: inline-block;
|
|
width: 15px;
|
|
height: 15px;
|
|
border-radius: 50%;
|
|
margin-right: 10px;
|
|
}
|
|
.notificationsAndOrders__tableStatus_0 {
|
|
background-color: #6d6969;
|
|
}
|
|
.notificationsAndOrders__tableStatus_1 {
|
|
background-color: #f0b73e;
|
|
}
|
|
.notificationsAndOrders__tableStatus_2 {
|
|
background-color: #f0b73e;
|
|
}
|
|
.notificationsAndOrders__tableStatus_3 {
|
|
background-color: #df1f1f;
|
|
}
|
|
.notificationsAndOrders__tableStatus_4 {
|
|
background-color: #1cd31c;
|
|
}
|
|
|
|
|
|
/* common cards */
|
|
.card__title {
|
|
border-bottom: 1px black dotted;
|
|
}
|
|
.card__description {
|
|
color: #686565;
|
|
}
|
|
.card__totalPrice {
|
|
font-size: 20px;
|
|
}
|
|
.card__bottom {
|
|
height: 20px;
|
|
background-color: #069de4;
|
|
}
|
|
.card__bottom .MuiTypography-root {
|
|
color: #FFF;
|
|
}
|
|
|
|
/* tooltip */
|
|
.MuiIconButton-root {
|
|
color: #069de4;
|
|
}
|
|
.tooltip.MuiTypography-root {
|
|
color: #FFF;
|
|
}
|
|
.tooltip {
|
|
color: #FFF;
|
|
}
|
|
|
|
@media (max-width: 600px) {
|
|
h1.MuiTypography-root {
|
|
font-family: 'Kreon';
|
|
font-weight: normal;
|
|
font-size: 30px;
|
|
}
|
|
.MuiCardHeader-action .MuiSvgIcon-root {
|
|
font-size: 1.8rem;
|
|
}
|
|
} |