|
|
| Linha 1: |
Linha 1: |
| /* ==========================================================
| |
| Wiki TokuDrive - Vector 2022
| |
| ========================================================== */
| |
|
| |
|
| :root {
| |
| --td-bg: #0b0f17;
| |
| --td-top: #0b111b;
| |
| --td-card: #111827;
| |
| --td-card-2: #172033;
| |
| --td-border: #2b3850;
| |
| --td-text: #f4f7fb;
| |
| --td-muted: #aab6c8;
| |
| --td-link: #8ab4ff;
| |
| --td-red: #e50914;
| |
| }
| |
|
| |
| html,
| |
| body {
| |
| background: var(--td-bg) !important;
| |
| color: var(--td-text) !important;
| |
| color-scheme: dark !important;
| |
| }
| |
|
| |
|
| /* Estrutura Vector 2022 */
| |
| .mw-page-container,
| |
| .mw-body,
| |
| .vector-body,
| |
| .vector-page-titlebar,
| |
| .vector-page-toolbar,
| |
| .vector-header-container,
| |
| .vector-sticky-header,
| |
| .vector-column-start,
| |
| .vector-main-menu,
| |
| .vector-main-menu-landmark,
| |
| .vector-toc,
| |
| .vector-pinnable-header,
| |
| #content,
| |
| #mw-page-base,
| |
| #mw-head,
| |
| #mw-panel,
| |
| .mw-parser-output,
| |
| .mw-footer,
| |
| #footer {
| |
| background: var(--td-bg) !important;
| |
| color: var(--td-text) !important;
| |
| border-color: var(--td-border) !important;
| |
| }
| |
|
| |
|
| .vector-header-container,
| | /* === TOKUDRIVE_LOGO_COR_ORIGINAL_FIX_BEGIN === */ |
| .mw-header {
| |
| background: var(--td-top) !important;
| |
| border-bottom: 1px solid var(--td-border) !important;
| |
| }
| |
|
| |
|
| /* Logo oficial sem fundo */ | | /* Usa a logo original, sem alterar cor */ |
| .mw-logo, | | .mw-logo, |
| .vector-header-start .mw-logo { | | .vector-header-start .mw-logo { |
| background: transparent !important; | | background: transparent !important; |
| | background-color: transparent !important; |
| box-shadow: none !important; | | box-shadow: none !important; |
| border: 0 !important; | | border: 0 !important; |
| border-radius: 0 !important; | | border-radius: 0 !important; |
| | filter: none !important; |
| | opacity: 1 !important; |
| | mix-blend-mode: normal !important; |
| padding: 0 8px !important; | | padding: 0 8px !important; |
| min-width: 285px !important; | | min-width: 285px !important; |
| Linha 70: |
Linha 25: |
| .mw-logo-icon { | | .mw-logo-icon { |
| display: none !important; | | display: none !important; |
| | filter: none !important; |
| | opacity: 1 !important; |
| | mix-blend-mode: normal !important; |
| } | | } |
|
| |
|
| .mw-logo-wordmark { | | .mw-logo-wordmark { |
| content: url("/resources/assets/wiki-tokudrive-vector2022-wordmark-1782668192.png") !important; | | content: url("/resources/assets/wiki-logo-original-cor-1782668608.png") !important; |
| width: 250px !important; | | width: 250px !important; |
| height: 70px !important; | | height: 70px !important; |
| Linha 81: |
Linha 39: |
| object-position: left center !important; | | object-position: left center !important; |
| background: transparent !important; | | background: transparent !important; |
| filter: drop-shadow(0 3px 8px rgba(0,0,0,.45)) !important; | | background-color: transparent !important; |
| | box-shadow: none !important; |
| | filter: none !important; |
| | opacity: 1 !important; |
| | mix-blend-mode: normal !important; |
| } | | } |
|
| |
|
| Linha 88: |
Linha 50: |
| } | | } |
|
| |
|
| /* Títulos e texto */ | | /* Vector clássico, caso esteja usando p-logo */ |
| .mw-page-title-main,
| | #p-logo a { |
| .firstHeading,
| | background-image: url("/resources/assets/wiki-logo-original-cor-1782668608.png") !important; |
| h1,
| | background-size: contain !important; |
| h2,
| | background-repeat: no-repeat !important; |
| h3,
| | background-position: center center !important; |
| h4,
| | filter: none !important; |
| h5,
| | opacity: 1 !important; |
| h6 {
| | mix-blend-mode: normal !important; |
| color: var(--td-text) !important; | |
| border-color: var(--td-border) !important; | |
| } | | } |
|
| |
|
| .mw-page-title-main {
| | /* Evita que modo escuro do browser/skin altere imagens da logo */ |
| font-family: Georgia, "Times New Roman", serif !important;
| | .mw-logo img, |
| }
| | .mw-logo-wordmark img, |
| | | #p-logo img { |
| .mw-parser-output,
| | filter: none !important; |
| .mw-parser-output p,
| |
| .mw-parser-output li,
| |
| .mw-parser-output dd,
| |
| .mw-parser-output dt,
| |
| .mw-parser-output td,
| |
| .mw-parser-output th {
| |
| color: var(--td-text) !important;
| |
| }
| |
| | |
| /* Links */ | |
| a,
| |
| a:visited,
| |
| .vector-menu-tabs a,
| |
| .vector-menu-dropdown a,
| |
| .mw-parser-output a.extiw,
| |
| .mw-parser-output a.external {
| |
| color: var(--td-link) !important;
| |
| }
| |
| | |
| a:hover {
| |
| color: #ffffff !important;
| |
| }
| |
| | |
| a.new,
| |
| a.new:visited {
| |
| color: #ff8b8b !important;
| |
| }
| |
| | |
| /* Busca */
| |
| input,
| |
| textarea,
| |
| select,
| |
| .cdx-text-input__input,
| |
| .vector-search-box-input,
| |
| .mw-searchInput { | |
| background: #101827 !important;
| |
| color: var(--td-text) !important;
| |
| border: 1px solid var(--td-border) !important;
| |
| }
| |
| | |
| input::placeholder,
| |
| textarea::placeholder {
| |
| color: #8c9ab0 !important;
| |
| }
| |
| | |
| button,
| |
| .cdx-button,
| |
| .searchButton,
| |
| .vector-search-box-button {
| |
| background: #1b2638 !important;
| |
| color: #ffffff !important;
| |
| border: 1px solid var(--td-border) !important;
| |
| }
| |
| | |
| button:hover,
| |
| .cdx-button:hover,
| |
| .searchButton:hover {
| |
| background: #263650 !important;
| |
| }
| |
| | |
| /* Abas */
| |
| .vector-menu-tabs .selected a,
| |
| .vector-menu-tabs .selected a:visited {
| |
| color: #ffffff !important;
| |
| background: var(--td-bg) !important;
| |
| border-color: var(--td-border) !important;
| |
| }
| |
| | |
| .vector-menu-tabs,
| |
| .vector-page-titlebar,
| |
| .vector-page-toolbar {
| |
| border-color: var(--td-border) !important;
| |
| }
| |
| | |
| /* Menu lateral esquerdo e índice do Vector 2022 */
| |
| .vector-column-start,
| |
| .vector-main-menu-landmark,
| |
| .vector-toc-landmark {
| |
| background: var(--td-bg) !important;
| |
| color: var(--td-text) !important;
| |
| }
| |
| | |
| .vector-main-menu,
| |
| .vector-main-menu .vector-menu-content,
| |
| .vector-main-menu .vector-menu-heading,
| |
| .vector-toc,
| |
| .vector-toc-pinned-container,
| |
| #mw-panel,
| |
| .mw-portlet { | |
| background: var(--td-bg) !important;
| |
| color: var(--td-text) !important;
| |
| }
| |
| | |
| .vector-menu-heading,
| |
| .vector-toc-heading,
| |
| #mw-panel .portal h3 { | |
| color: var(--td-muted) !important;
| |
| border-color: var(--td-border) !important;
| |
| }
| |
| | |
| .vector-main-menu a,
| |
| .vector-toc a,
| |
| #mw-panel a {
| |
| color: var(--td-link) !important;
| |
| }
| |
| | |
| .vector-main-menu a:hover,
| |
| .vector-toc a:hover,
| |
| #mw-panel a:hover {
| |
| color: #ffffff !important;
| |
| }
| |
| | |
| /* Painel de aparência da direita */
| |
| .vector-appearance-landmark,
| |
| .vector-appearance,
| |
| #vector-appearance,
| |
| .vector-page-tools-landmark,
| |
| .vector-page-tools {
| |
| display: block !important; | |
| visibility: visible !important;
| |
| opacity: 1 !important; | | opacity: 1 !important; |
| color: var(--td-text) !important; | | mix-blend-mode: normal !important; |
| border-color: var(--td-border) !important;
| |
| }
| |
| | |
| .vector-appearance {
| |
| background: var(--td-card) !important;
| |
| border: 1px solid var(--td-border) !important;
| |
| }
| |
| | |
| .vector-appearance label,
| |
| .vector-appearance legend,
| |
| .vector-appearance h2,
| |
| .vector-appearance h3,
| |
| .vector-appearance span,
| |
| .vector-appearance button {
| |
| color: var(--td-text) !important;
| |
| }
| |
| | |
| /* Tabelas, infoboxes e caixas */
| |
| .toc,
| |
| #toc,
| |
| .wikitable,
| |
| .infobox,
| |
| .thumbinner,
| |
| .catlinks,
| |
| .mw-category,
| |
| table.ambox,
| |
| .metadata,
| |
| .navbox {
| |
| background: var(--td-card) !important;
| |
| color: var(--td-text) !important;
| |
| border: 1px solid var(--td-border) !important;
| |
| }
| |
| | |
| .wikitable th,
| |
| .infobox th,
| |
| .navbox th {
| |
| background: var(--td-card-2) !important;
| |
| color: var(--td-text) !important;
| |
| }
| |
| | |
| .wikitable td,
| |
| .wikitable th,
| |
| .infobox td,
| |
| .infobox th {
| |
| border: 1px solid var(--td-border) !important;
| |
| }
| |
| | |
| .infobox {
| |
| float: right;
| |
| clear: right;
| |
| width: 22em;
| |
| margin: 0 0 1em 1em;
| |
| border-spacing: 3px;
| |
| font-size: 88%;
| |
| line-height: 1.5em;
| |
| }
| |
| | |
| .infobox td,
| |
| .infobox th {
| |
| padding: 4px 6px;
| |
| } | | } |
|
| |
|
| /* Erros e avisos antigos */ | | /* === TOKUDRIVE_LOGO_COR_ORIGINAL_FIX_END === */ |
| .td-sourcebox {
| |
| display: none !important;
| |
| }
| |
| | |
| .mw-parser-output .error,
| |
| .mw-parser-output .scribunto-error,
| |
| .mw-parser-output strong.error,
| |
| .mw-parser-output span.error {
| |
| display: none !important;
| |
| }
| |
| | |
| /* Página principal */
| |
| .page-Página_principal .mw-page-title-main {
| |
| display: none !important;
| |
| }
| |
| | |
| .td-home {
| |
| max-width: 1220px;
| |
| margin: 0 auto;
| |
| padding: 14px 0 44px;
| |
| }
| |
| | |
| .td-hero {
| |
| border: 1px solid var(--td-border);
| |
| background:
| |
| radial-gradient(circle at top left, rgba(229,9,20,.24), transparent 35%),
| |
| radial-gradient(circle at bottom right, rgba(60,125,255,.22), transparent 36%),
| |
| linear-gradient(135deg, #121a28, #0d1420);
| |
| border-radius: 24px;
| |
| padding: 42px 28px;
| |
| text-align: center;
| |
| box-shadow: 0 20px 55px rgba(0,0,0,.38);
| |
| margin: 14px 0 18px;
| |
| }
| |
| | |
| .td-hero-logo {
| |
| width: min(360px, 85vw);
| |
| height: 120px;
| |
| margin: 0 auto 8px;
| |
| background: url("/resources/assets/wiki-tokudrive-vector2022-wordmark-1782668192.png") center/contain no-repeat;
| |
| filter: drop-shadow(0 8px 18px rgba(0,0,0,.45));
| |
| }
| |
| | |
| .td-kicker {
| |
| display: inline-block;
| |
| background: rgba(229,9,20,.16);
| |
| color: #ff5260;
| |
| border: 1px solid rgba(229,9,20,.35);
| |
| border-radius: 999px;
| |
| padding: 7px 12px;
| |
| font-size: 12px;
| |
| font-weight: 800;
| |
| letter-spacing: .08em;
| |
| text-transform: uppercase;
| |
| margin-bottom: 14px;
| |
| }
| |
| | |
| .td-hero h1 {
| |
| border: 0 !important;
| |
| font-size: 38px;
| |
| margin: 0 0 10px;
| |
| }
| |
| | |
| .td-hero p {
| |
| color: var(--td-muted) !important;
| |
| margin: 6px 0;
| |
| font-size: 16px;
| |
| }
| |
| | |
| .td-grid {
| |
| display: grid;
| |
| grid-template-columns: 1fr 1fr;
| |
| gap: 14px;
| |
| margin-top: 14px;
| |
| }
| |
| | |
| .td-box {
| |
| border: 1px solid var(--td-border);
| |
| background: linear-gradient(180deg, var(--td-card), #0f1724);
| |
| border-radius: 18px;
| |
| padding: 18px;
| |
| box-shadow: 0 12px 28px rgba(0,0,0,.18);
| |
| }
| |
| | |
| .td-box h2 {
| |
| margin: 0 0 12px !important;
| |
| padding-bottom: 8px !important;
| |
| border-bottom: 1px solid var(--td-border) !important;
| |
| font-size: 22px;
| |
| }
| |
| | |
| .td-box li {
| |
| margin: 6px 0;
| |
| }
| |
| | |
| @media (max-width: 900px) {
| |
| .mw-logo,
| |
| .vector-header-start .mw-logo {
| |
| min-width: 220px !important;
| |
| width: 220px !important;
| |
| height: 60px !important;
| |
| }
| |
| | |
| .mw-logo-wordmark {
| |
| width: 210px !important;
| |
| height: 58px !important;
| |
| max-width: 210px !important;
| |
| max-height: 58px !important;
| |
| }
| |
| | |
| .td-grid {
| |
| grid-template-columns: 1fr;
| |
| }
| |
| | |
| .infobox {
| |
| float: none;
| |
| width: 100%;
| |
| margin: 0 0 1em 0;
| |
| }
| |
| }
| |
