117 lines
2.5 KiB
CSS
117 lines
2.5 KiB
CSS
.tabeladiaria {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
margin: 2rem 0;
|
|
border-radius: 10px;
|
|
overflow: hidden; /* mantém o arredondado */
|
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
|
border: 4px solid #4a90e2; /* borda azul, altere para a cor desejada */
|
|
}
|
|
|
|
/* Células da tabela */
|
|
.tabeladiaria th, .tabeladiaria td {
|
|
padding: 9px;
|
|
text-align: left;
|
|
border: 1px solid #e0e0e0;
|
|
}
|
|
|
|
/* Cabeçalho */
|
|
.tabeladiaria thead th {
|
|
background-color: #0078d7;
|
|
color: #ffffff;
|
|
font-weight: 600;
|
|
border-bottom: 2px solid #005a9e; /* borda inferior mais forte no cabeçalho */
|
|
}
|
|
|
|
/* Remover bordas laterais do cabeçalho (se quiser) */
|
|
.tabeladiaria thead th:first-child {
|
|
border-left: none;
|
|
}
|
|
|
|
.tabeladiaria thead th:last-child {
|
|
border-right: none;
|
|
}
|
|
|
|
/* Linhas pares do corpo */
|
|
.tabeladiaria tbody tr:nth-child(even) {
|
|
background-color: #e7e7e7a6;
|
|
}
|
|
|
|
/* Hover nas linhas */
|
|
.tabeladiaria tbody tr:hover {
|
|
background-color: #f1f1f1;
|
|
}
|
|
|
|
/* Card dentro da tabela */
|
|
.tabeladiaria .cardconsulta {
|
|
border-radius: 10px;
|
|
color: black;
|
|
height: 80px;
|
|
width: 100%;
|
|
padding: 8px;
|
|
}
|
|
|
|
/* Ajuste para a classe calendario, se for usada */
|
|
|
|
|
|
|
|
.mostrar-horario td, .mostrar-horario th {
|
|
padding: 4px 6px;
|
|
height: 30px;
|
|
border: 1px solid #e0e0e0;
|
|
text-align: center;
|
|
}
|
|
|
|
.container-cardconsulta-dia {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: flex-start;
|
|
height: 70px;
|
|
}
|
|
|
|
html[data-bs-theme="dark"] .tabeladiaria {
|
|
border: 4px solid #333;
|
|
box-shadow: 0 4px 12px rgba(0,0,0,0.5);
|
|
background-color: #232323;
|
|
}
|
|
|
|
html[data-bs-theme="dark"] .tabeladiaria th,
|
|
html[data-bs-theme="dark"] .tabeladiaria td {
|
|
border: 1px solid #333;
|
|
color: #e0e0e0;
|
|
background-color: #232323;
|
|
}
|
|
|
|
html[data-bs-theme="dark"] .tabeladiaria thead th {
|
|
background-color: #222e3c;
|
|
color: #aee2ff;
|
|
border-bottom: 2px solid #333;
|
|
}
|
|
|
|
html[data-bs-theme="dark"] .tabeladiaria tbody tr:nth-child(even) {
|
|
background-color: #232a34;
|
|
}
|
|
|
|
html[data-bs-theme="dark"] .tabeladiaria tbody tr:hover,
|
|
html[data-bs-theme="dark"] .tabeladiaria tbody tr:hover td {
|
|
background-color: #2c3642 !important;
|
|
}
|
|
|
|
html[data-bs-theme="dark"] .tabeladiaria .cardconsulta {
|
|
background-color: #232323;
|
|
color: #e0e0e0;
|
|
box-shadow: 0 1px 3px rgba(0,0,0,0.3);
|
|
border-left: 5px solid #333;
|
|
}
|
|
|
|
html[data-bs-theme="dark"] .container-cardconsulta-dia {
|
|
background-color: transparent;
|
|
}
|
|
|
|
html[data-bs-theme="dark"] .mostrar-horario td,
|
|
html[data-bs-theme="dark"] .mostrar-horario th {
|
|
border: 1px solid #333;
|
|
color: #e0e0e0;
|
|
background-color: #232323;
|
|
} |