Update style.css

This commit is contained in:
markovivas
2025-08-11 21:47:03 -03:00
committed by GitHub
parent 459a9d1bdc
commit d2fbc571fa

208
style.css
View File

@@ -653,9 +653,9 @@ body {
} }
.news-wrapper { .news-wrapper {
max-width: 800px; /* Ajuste para a largura desejada da sua área de notícia */ max-width: 800px;
margin: 0 auto; /* Centraliza o conteúdo */ margin: 0 auto;
padding: 20px; /* Adiciona um pouco de espaço interno */ padding: 20px;
} }
.post-thumbnail.featured-image { .post-thumbnail.featured-image {
@@ -667,7 +667,7 @@ body {
.post-thumbnail.featured-image img { .post-thumbnail.featured-image img {
width: 100%; width: 100%;
height: auto; /* Mantém a proporção da imagem */ height: auto;
display: block; display: block;
} }
@@ -676,14 +676,14 @@ body {
height: 90px; height: 90px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; /* Centraliza horizontalmente */ justify-content: center;
} }
.logo-container img { .logo-container img {
max-height: 100%; /* Garante que a imagem não ultrapasse a altura */ max-height: 100%;
max-width: 100%; /* Garante que a imagem não ultrapasse a largura */ max-width: 100%;
height: auto; /* Mantém a proporção */ height: auto;
width: auto; /* Mantém a proporção */ width: auto;
} }
.logo-container h1 { .logo-container h1 {
@@ -691,7 +691,7 @@ body {
font-size: 1.5rem; font-size: 1.5rem;
font-weight: 700; font-weight: 700;
color: var(--azul-principal); color: var(--azul-principal);
line-height: 1; /* Ajuste a altura da linha para centralizar verticalmente o texto */ line-height: 1;
} }
.header-container { .header-container {
@@ -1204,198 +1204,14 @@ function estimated_reading_time() {
color: var(--azul-brilhante); color: var(--azul-brilhante);
} }
/*-------------------------------------------------------------- /*--------------------------------------------------------------
# Estilos do Calendário # Estilos do Calendário
--------------------------------------------------------------*/ --------------------------------------------------------------*/
/* ========================= /* =========================
Calendário Personalizado - Visual Moderno e Autoral Calendário Personalizado - Visual Moderno e Autoral
========================= */ ========================= */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap');
.fc, .fc-unthemed {
font-family: 'Roboto', Arial, sans-serif !important;
background: #fff;
border-radius: 20px;
box-shadow: 0 4px 24px rgba(60,64,67,0.10);
border: none;
padding: 0 0 24px 0;
margin: 0 auto;
max-width: 420px;
}
.fc-toolbar, .fc-header-toolbar {
background: #f8f9fa;
border-radius: 20px 20px 0 0;
padding: 28px 32px 8px 32px;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 0;
border-bottom: 1px solid #e0e0e0;
box-shadow: 0 2px 8px rgba(60,64,67,0.06);
min-height: 64px;
}
.fc-toolbar .fc-center h2, .fc-header-toolbar .fc-center h2 {
color: #006494 !important;
font-size: 2em;
font-weight: 700;
margin: 0;
letter-spacing: 0.01em;
text-transform: capitalize;
}
.fc-toolbar .fc-left, .fc-toolbar .fc-right,
.fc-header-toolbar .fc-left, .fc-header-toolbar .fc-right {
display: flex;
gap: 0;
}
.fc-button {
background: none;
color: #1a73e8;
border: none;
border-radius: 50%;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.6em;
transition: background 0.2s, color 0.2s;
box-shadow: none;
outline: none;
margin: 0 2px;
}
.fc-button svg {
width: 28px;
height: 28px;
display: block;
}
.fc-button:hover, .fc-button:focus, .fc-button.active {
background: #f1f3f4;
color: #1765c1;
}
.fc-button:disabled {
opacity: 0.4;
cursor: not-allowed;
}
.fc-unthemed .fc-day-header {
color: #8a8d91;
font-weight: 700;
background: none;
border: none;
font-size: 1em;
padding: 18px 0 10px 0;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.fc-unthemed .fc-day {
background: #fff;
border: none;
border-radius: 16px;
transition: background 0.2s;
position: relative;
min-height: 64px;
margin: 2px 0;
}
.fc-unthemed .fc-day:hover {
background: #f6f8fa;
cursor: pointer;
}
.fc-unthemed .fc-other-month {
background: #f8f9fa;
color: #d0d0d0;
opacity: 1;
}
.fc-unthemed .fc-day-number {
color: #222;
font-weight: 500;
font-size: 1.18em;
z-index: 2;
position: relative;
padding: 0;
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin: 0 auto 2px auto;
transition: background 0.2s, color 0.2s;
}
.fc-unthemed .fc-today .fc-day-number {
background: linear-gradient(135deg, #1a73e8 60%, #4fc3f7 100%);
color: #fff !important;
font-weight: 700;
box-shadow: 0 2px 8px rgba(26,115,232,0.10);
}
.fc-unthemed .fc-day.selected .fc-day-number,
.fc-unthemed .fc-day.active .fc-day-number {
background: #e3f2fd !important;
color: #1a73e8 !important;
font-weight: 700;
}
.fc-unthemed .fc-sat, .fc-unthemed .fc-sun {
background: #f6f8fa;
}
.fc-unthemed .fc-day-grid-event, .fc-unthemed .fc-event-dot {
background: none !important;
color: #1a73e8 !important;
border-radius: 50%;
font-size: 0.98em;
padding: 0;
margin: 0;
box-shadow: none;
border: none;
position: absolute;
left: 50%;
bottom: 8px;
transform: translateX(-50%);
width: 8px;
height: 8px;
background: #1a73e8 !important;
display: block;
}
.fc-unthemed .fc-day-grid-event {
background: #1a73e8 !important;
}
.fc-unthemed .fc-event-dot {
background: #4fc3f7 !important;
}
.fc-unthemed .fc-day-grid-event .fc-time {
display: none;
}
.fc-unthemed .fc-row {
min-height: 64px;
}
.fc-unthemed .fc-content-skeleton td, .fc-unthemed .fc-content-skeleton th {
border: none;
}
.fc-unthemed .fc-day-grid-container {
border-radius: 0 0 20px 20px;
overflow: visible;
}
.fc-unthemed .fc-day-grid {
min-height: unset;
max-height: unset;
height: auto;
}
.fc-unthemed .fc-day-grid .fc-row {
min-height: 64px;
}
.fc-unthemed .fc-row:last-child {
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.fc-unthemed .fc-highlight {
background: #e3f2fd;
}
.fc-unthemed .fc-divider, .fc-unthemed .fc-widget-header, .fc-unthemed .fc-widget-content {
border: none;
}
.fc-unthemed .fc-popover {
background: #fff;
border-radius: 16px;
box-shadow: 0 4px 24px rgba(60,64,67,0.12);
color: #222;
}
/* Força o FullCalendar v3 a exibir no máximo 5 linhas (semanas) no mês */ /* Força o FullCalendar v3 a exibir no máximo 5 linhas (semanas) no mês */
.fc-unthemed .fc-day-grid .fc-row:nth-child(6) { .fc-unthemed .fc-day-grid .fc-row:nth-child(6) {
display: none !important; display: none !important;
@@ -1450,4 +1266,4 @@ function estimated_reading_time() {
} }
.fc-button.fc-prev-button:hover, .fc-button.fc-next-button:hover { .fc-button.fc-prev-button:hover, .fc-button.fc-next-button:hover {
background: #e3f2fd; background: #e3f2fd;
} }