Update style.css
This commit is contained in:
208
style.css
208
style.css
@@ -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;
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user