|
|
| Linha 1: |
Linha 1: |
| /* ===================================================== */
| |
| /* 🔧 AJUSTE RÁPIDO DE LARGURA (ALTERA SÓ ISTO) */
| |
| /* ===================================================== */
| |
|
| |
|
| /* MAIS ESPREMIDO = aumenta os valores */
| |
| :root {
| |
| --page-max-width: 1600px;
| |
| --content-max-width: 100px;
| |
| }
| |
|
| |
|
| |
| /* ===================================================== */
| |
| /* FUNDO GLOBAL */
| |
| /* ===================================================== */
| |
|
| |
| html, body {
| |
| height: 100%;
| |
| }
| |
|
| |
| body {
| |
| background:
| |
| linear-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0.55)),
| |
| url("/images/imagem_fundo.png") no-repeat center top fixed;
| |
| background-size: cover;
| |
| }
| |
|
| |
|
| |
| /* ===================================================== */
| |
| /* ÁREA CENTRAL (CAIXA CLARA) */
| |
| /* ===================================================== */
| |
|
| |
| .mw-page-container,
| |
| .vector-body,
| |
| .mw-body {
| |
| background: #e9d7a8 !important;
| |
| border: 1px solid #7a3b12;
| |
| box-shadow: 0 0 12px rgba(0,0,0,0.45);
| |
| max-width: var(--page-max-width) !important;
| |
| margin: 0 auto !important;
| |
| }
| |
|
| |
| .mw-content-container {
| |
| max-width: var(--content-max-width) !important;
| |
| margin: 0 auto !important;
| |
| padding-left: 10px !important;
| |
| padding-right: 10px !important;
| |
| }
| |
|
| |
|
| |
| /* ===================================================== */
| |
| /* HEADER */
| |
| /* ===================================================== */
| |
|
| |
| .vector-header-container,
| |
| .vector-sticky-header-container {
| |
| background: #2b1205 !important;
| |
| border-bottom: 2px solid #c28b2f;
| |
| }
| |
|
| |
| .vector-header {
| |
| background: transparent !important;
| |
| }
| |
|
| |
| /* LOGO */
| |
| .vector-header .mw-logo-container {
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: center;
| |
| min-width: 140px;
| |
| margin-right: 16px;
| |
| }
| |
|
| |
| .vector-header .mw-logo img {
| |
| max-height: 42px;
| |
| width: auto;
| |
| }
| |
|
| |
| .mw-logo-wordmark,
| |
| .mw-logo-tagline {
| |
| display: none !important;
| |
| }
| |
|
| |
|
| |
| /* ===================================================== */
| |
| /* BARRA DA PÁGINA */
| |
| /* ===================================================== */
| |
|
| |
| .vector-page-titlebar,
| |
| .vector-page-titlebar-topped {
| |
| background: #e9d7a8 !important;
| |
| border-bottom: 1px solid #8b1e12 !important;
| |
| }
| |
|
| |
| .vector-page-toolbar,
| |
| .vector-page-toolbar-container {
| |
| background: #e9d7a8 !important;
| |
| }
| |
|
| |
| .vector-page-titlebar a,
| |
| .vector-page-toolbar a {
| |
| color: #a88942 !important;
| |
| }
| |
|
| |
|
| |
| /* ===================================================== */
| |
| /* TÍTULO */
| |
| /* ===================================================== */
| |
|
| |
| .firstHeading,
| |
| .mw-first-heading {
| |
| color: #4e1208 !important;
| |
| font-family: Georgia, serif;
| |
| border-bottom: 2px solid #8b1e12;
| |
| padding-bottom: 8px;
| |
| }
| |
|
| |
|
| |
| /* ===================================================== */
| |
| /* SIDEBAR */
| |
| /* ===================================================== */
| |
|
| |
| .vector-column-start,
| |
| #mw-panel,
| |
| .vector-pinned-container {
| |
| background: rgba(34, 12, 3, 0.92);
| |
| border-right: 1px solid #8a5a16;
| |
| }
| |
|
| |
| .vector-menu-content a,
| |
| #mw-panel a {
| |
| color: #f3d17d !important;
| |
| }
| |
|
| |
| .vector-menu-content a:hover,
| |
| #mw-panel a:hover {
| |
| color: #fff0b3 !important;
| |
| text-decoration: none;
| |
| }
| |
|
| |
|
| |
| /* ===================================================== */
| |
| /* LINKS */
| |
| /* ===================================================== */
| |
|
| |
| a {
| |
| color: #9d1f12;
| |
| }
| |
|
| |
| a:visited {
| |
| color: #7b1a10;
| |
| }
| |
|
| |
| a:hover {
| |
| color: #c4311c;
| |
| }
| |
|
| |
|
| |
| /* ===================================================== */
| |
| /* HOMEPAGE */
| |
| /* ===================================================== */
| |
|
| |
| .mp-wrapper {
| |
| width: var(--wrapper-width);
| |
| max-width: var(--content-max-width);
| |
| margin: 0 auto;
| |
| }
| |
|
| |
| .mp-panel {
| |
| background: #efe4c8;
| |
| border: 2px solid #6b130e;
| |
| border-radius: 14px;
| |
| margin-bottom: 16px;
| |
| overflow: hidden;
| |
| box-shadow: 0 3px 10px rgba(0,0,0,0.35);
| |
| }
| |
|
| |
| .mp-title {
| |
| background: linear-gradient(#8f1717, #4e0909);
| |
| color: #f5df9d;
| |
| text-align: center;
| |
| font-weight: bold;
| |
| padding: 10px;
| |
| font-size: 18px;
| |
| text-shadow: 1px 1px 1px #000;
| |
| }
| |
|
| |
| .mp-content,
| |
| .mp-links,
| |
| .mp-grid {
| |
| padding: 14px;
| |
| }
| |
|
| |
|
| |
| /* ===================================================== */
| |
| /* CLASSES (CARDS) */
| |
| /* ===================================================== */
| |
|
| |
| .classes-wrapper,
| |
| .classes-flex {
| |
| display: flex;
| |
| gap: 12px;
| |
| justify-content: space-between;
| |
| align-items: flex-start;
| |
| width: 100%;
| |
| }
| |
|
| |
| .container {
| |
| flex: 1 1 0;
| |
| min-width: 160px;
| |
| }
| |
|
| |
| /* REMOVE LARGURA FIXA QUE QUEBRA O LAYOUT */
| |
| .container > div {
| |
| width: 100% !important;
| |
| }
| |
|
| |
| /* TABELA */
| |
| .container table {
| |
| width: 100%;
| |
| margin: 0 !important;
| |
| border-spacing: 0;
| |
| border-collapse: separate;
| |
| background: #f6ecd6;
| |
| border: 1px solid #8e6a3a;
| |
| border-radius: 8px;
| |
| overflow: hidden;
| |
| }
| |
|
| |
| /* TOPO */
| |
| .classe-top {
| |
| text-align: center;
| |
| font-size: 14px;
| |
| color: #f5df9d;
| |
| background: linear-gradient(to right,#36040d,#851515,#36040d);
| |
| padding: 4px;
| |
| }
| |
|
| |
| /* BASE */
| |
| .classe-bottom {
| |
| text-align: center;
| |
| font-size: 14px;
| |
| color: #fff;
| |
| background: linear-gradient(to right,#36040d,#851515,#36040d);
| |
| padding: 6px;
| |
| }
| |
|
| |
| /* TAGS */
| |
| .tag-green { background:#43cc91; color:#000; padding:2px 6px; border-radius:4px; }
| |
| .tag-red { background:#ff8a8a; color:#000; padding:2px 6px; border-radius:4px; }
| |
| .tag-yellow { background:#ffc107; color:#000; padding:2px 6px; border-radius:4px; }
| |
| .tag-blue { background:#42a1c9; color:#000; padding:2px 6px; border-radius:4px; }
| |
|
| |
| /* HOVER */
| |
| .container:hover {
| |
| transform: translateY(-2px);
| |
| transition: 0.15s ease;
| |
| }
| |
|
| |
|
| |
| /* ===================================================== */
| |
| /* RESPONSIVO */
| |
| /* ===================================================== */
| |
|
| |
| @media (max-width: 1000px) {
| |
| .classes-wrapper,
| |
| .classes-flex {
| |
| flex-wrap: wrap;
| |
| }
| |
| }
| |
|
| |
| @media (max-width: 700px) {
| |
| .container {
| |
| min-width: 100%;
| |
| }
| |
| }
| |
| /* ===================================================== */
| |
| /* CABEÇALHO / TOPO */
| |
| /* ===================================================== */
| |
|
| |
| /* barra principal do topo */
| |
| .vector-header-container,
| |
| .vector-sticky-header-container,
| |
| .vector-header {
| |
| background: #2b1205 !important;
| |
| border-bottom: 2px solid #c28b2f !important;
| |
| box-shadow: 0 2px 8px rgba(0,0,0,0.35);
| |
| }
| |
|
| |
| /* remove fundos brancos internos do header */
| |
| .vector-header *,
| |
| .vector-sticky-header-container * {
| |
| background-color: transparent;
| |
| }
| |
|
| |
| /* zona do menu superior */
| |
| .vector-top-container,
| |
| .vector-column-end,
| |
| .vector-page-toolbar-container {
| |
| background: transparent !important;
| |
| }
| |
|
| |
| /* pesquisa */
| |
| .vector-search-box,
| |
| .vector-search-box-inner,
| |
| .vector-search-box form {
| |
| background: transparent !important;
| |
| }
| |
|
| |
| .vector-search-box-input {
| |
| background: #11161d !important;
| |
| color: #f3e2b0 !important;
| |
| border: 1px solid #8a5a16 !important;
| |
| box-shadow: inset 0 1px 2px rgba(0,0,0,0.4);
| |
| }
| |
|
| |
| .vector-search-box-input::placeholder {
| |
| color: #cdbb8b !important;
| |
| }
| |
|
| |
| /* botão da pesquisa */
| |
| .cdx-search-input__end-button,
| |
| .vector-search-box button {
| |
| background: #5a1d06 !important;
| |
| color: #f3d17d !important;
| |
| border: 1px solid #8a5a16 !important;
| |
| }
| |
|
| |
| /* links do topo */
| |
| .vector-user-links a,
| |
| .vector-page-toolbar a,
| |
| .vector-menu-tabs a,
| |
| .vector-menu-dropdown a {
| |
| color: #f3d17d !important;
| |
| }
| |
|
| |
| .vector-user-links a:hover,
| |
| .vector-page-toolbar a:hover,
| |
| .vector-menu-tabs a:hover,
| |
| .vector-menu-dropdown a:hover {
| |
| color: #fff0b3 !important;
| |
| text-decoration: none;
| |
| }
| |
|
| |
| /* logo pequeno do topo */
| |
| .vector-header .mw-logo-container {
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: center;
| |
| min-width: 120px;
| |
| margin-right: 16px;
| |
| }
| |
|
| |
| .vector-header .mw-logo img {
| |
| max-height: 34px;
| |
| width: auto;
| |
| }
| |
|
| |
| .mw-logo-wordmark,
| |
| .mw-logo-tagline {
| |
| display: none !important;
| |
| }
| |
|
| |
| /* tira o aspeto branco da faixa superior */
| |
| #mw-head,
| |
| #mw-head-base,
| |
| .vector-page-toolbar,
| |
| .vector-menu,
| |
| .vector-pinned-container {
| |
| background: transparent !important;
| |
| }
| |
