117 lines
2.5 KiB
CSS
117 lines
2.5 KiB
CSS
.tabelasemanal {
|
|
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 */
|
|
.tabelasemanal th, .tabelasemanal td {
|
|
padding: 9px;
|
|
text-align: left;
|
|
border: 1px solid #e0e0e0;
|
|
}
|
|
|
|
/* Estilo aplicado APENAS às células do cabeçalho da tabela */
|
|
.tabelasemanal thead th,
|
|
.tabelasemanal thead td {
|
|
background-color: #0078d7;
|
|
color: #ffffff;
|
|
font-weight: 600;
|
|
text-align: center;
|
|
border-bottom: 2px solid #005a9e;
|
|
}
|
|
|
|
/* Remover bordas laterais do cabeçalho (se quiser) */
|
|
.tabelasemanal thead th:first-child {
|
|
border-left: none;
|
|
}
|
|
|
|
.tabelasemanal thead th:last-child {
|
|
border-right: none;
|
|
}
|
|
|
|
/* Linhas pares do corpo */
|
|
.tabelasemanal tbody tr:nth-child(even) {
|
|
background-color: #e7e7e7a6;
|
|
}
|
|
|
|
/* Hover nas linhas */
|
|
.tabelasemanal tbody tr:hover {
|
|
background-color: #f1f1f1;
|
|
}
|
|
|
|
/* Card dentro da tabela */
|
|
.tabelasemanal .cardconsulta {
|
|
border-radius: 10px;
|
|
color: black;
|
|
height: 80px;
|
|
width: 100%;
|
|
padding: 12px;
|
|
}
|
|
|
|
/* Ajuste para a classe .calendario, se for usada */
|
|
|
|
.tabelasemanal tr:nth-child(even) {
|
|
background-color: #e7e7e7a6 !important;
|
|
margin-left: 10px !important;
|
|
}
|
|
|
|
.tabelasemanal tr:nth-child(odd) {
|
|
background-color: #ffffff !important;
|
|
}
|
|
|
|
.tabelasemanal tr:hover {
|
|
background-color: #f1f1f1 !important;
|
|
}
|
|
/*
|
|
tr{
|
|
width: 1000px;
|
|
}*/
|
|
|
|
html[data-bs-theme="dark"] .tabelasemanal {
|
|
border: 4px solid #333;
|
|
box-shadow: 0 4px 12px rgba(0,0,0,0.5);
|
|
background-color: #232323 !important;
|
|
}
|
|
|
|
html[data-bs-theme="dark"] .tabelasemanal th,
|
|
html[data-bs-theme="dark"] .tabelasemanal td {
|
|
border: 1px solid #333;
|
|
color: #e0e0e0;
|
|
background-color: #232323;
|
|
}
|
|
|
|
html[data-bs-theme="dark"] .tabelasemanal thead th,
|
|
html[data-bs-theme="dark"] .tabelasemanal thead td {
|
|
background-color: #222e3c;
|
|
color: #aee2ff;
|
|
border-bottom: 2px solid #333;
|
|
}
|
|
|
|
html[data-bs-theme="dark"] .tabelasemanal tbody tr:nth-child(even) {
|
|
background-color: #232a34
|
|
}
|
|
|
|
html[data-bs-theme="dark"] .tabelasemanal tbody tr:nth-child(odd) {
|
|
background-color: #232323
|
|
}
|
|
|
|
html[data-bs-theme="dark"] .tabelasemanal tbody tr:hover,
|
|
html[data-bs-theme="dark"] .tabelasemanal tbody tr:hover td {
|
|
background-color: #2c3642 !important;
|
|
}
|
|
|
|
html[data-bs-theme="dark"] .tabelasemanal .cardconsulta {
|
|
background-color: #232323;
|
|
color: #e0e0e0;
|
|
box-shadow: 0 1px 3px rgba(0,0,0,0.3);
|
|
border-left: 5px solid #333;
|
|
}
|
|
|
|
|