MediaWiki:Common.css: mudanças entre as edições
Aparência
Resetando Common.css para Vector 2022 padrão Etiqueta: Substituído |
CSS Wikipédia para Vector 2022, artigos e home |
||
| Linha 1: | Linha 1: | ||
/* Vector 2022 padrão: | /* ========================================================== | ||
Wiki TokuDrive - Vector 2022 claro estilo Wikipédia | |||
========================================================== */ | |||
/* Mantém o Vector 2022 claro, sem modo escuro forçado */ | |||
html, | |||
body { | |||
background: #ffffff !important; | |||
color: #202122 !important; | |||
color-scheme: light !important; | |||
} | |||
body { | |||
font-family: sans-serif; | |||
} | |||
.mw-page-title-main { | |||
font-family: "Linux Libertine", Georgia, "Times New Roman", serif; | |||
font-weight: normal; | |||
} | |||
.mw-body, | |||
.vector-body, | |||
.mw-parser-output { | |||
color: #202122 !important; | |||
} | |||
a { | |||
color: #36c !important; | |||
} | |||
a:visited { | |||
color: #6b4ba1 !important; | |||
} | |||
a.new { | |||
color: #d33 !important; | |||
} | |||
/* Remove avisos antigos de importação */ | |||
.td-sourcebox { | |||
display: none !important; | |||
} | |||
/* Esconde erros técnicos de módulos importados */ | |||
.mw-parser-output .error, | |||
.mw-parser-output .scribunto-error, | |||
.mw-parser-output strong.error, | |||
.mw-parser-output span.error { | |||
display: none !important; | |||
} | |||
/* Infobox no padrão Wikipédia */ | |||
.infobox { | |||
float: right; | |||
clear: right; | |||
width: 22em; | |||
margin: 0 0 1em 1em; | |||
background: #f8f9fa; | |||
border: 1px solid #a2a9b1; | |||
border-spacing: 3px; | |||
color: #202122; | |||
font-size: 88%; | |||
line-height: 1.5em; | |||
} | |||
.infobox caption { | |||
font-size: 125%; | |||
font-weight: bold; | |||
padding: 0.2em; | |||
} | |||
.infobox th, | |||
.infobox td { | |||
vertical-align: top; | |||
padding: 4px 6px; | |||
} | |||
.infobox th { | |||
background: #eaecf0; | |||
text-align: center; | |||
font-weight: bold; | |||
} | |||
.infobox .infobox-above, | |||
.infobox .infobox-title { | |||
background: #ccccff; | |||
text-align: center; | |||
font-size: 125%; | |||
font-weight: bold; | |||
} | |||
.infobox .infobox-image, | |||
.infobox .td-infobox-image { | |||
text-align: center; | |||
background: #f8f9fa; | |||
} | |||
.infobox img { | |||
max-width: 220px; | |||
height: auto; | |||
} | |||
/* Tabelas padrão Wikipédia */ | |||
.wikitable { | |||
background: #f8f9fa; | |||
color: #202122; | |||
border: 1px solid #a2a9b1; | |||
border-collapse: collapse; | |||
margin: 1em 0; | |||
} | |||
.wikitable > tr > th, | |||
.wikitable > * > tr > th { | |||
background: #eaecf0; | |||
font-weight: bold; | |||
} | |||
.wikitable > tr > th, | |||
.wikitable > tr > td, | |||
.wikitable > * > tr > th, | |||
.wikitable > * > tr > td { | |||
border: 1px solid #a2a9b1; | |||
padding: 0.35em 0.55em; | |||
} | |||
/* Caixas de aviso semelhantes à Wikipédia */ | |||
.ambox { | |||
border: 1px solid #a2a9b1; | |||
border-left: 10px solid #f28500; | |||
background: #fbfbfb; | |||
margin: 0.5em 10%; | |||
padding: 0.25em 0.5em; | |||
} | |||
.thumbinner { | |||
background: #f8f9fa; | |||
border: 1px solid #c8ccd1; | |||
} | |||
/* Categorias */ | |||
.catlinks { | |||
background: #f8f9fa; | |||
border: 1px solid #a2a9b1; | |||
padding: 5px; | |||
margin-top: 1em; | |||
} | |||
/* ========================================================== | |||
Página principal estilo Wikipédia | |||
========================================================== */ | |||
.td-wp-home { | |||
max-width: 1280px; | |||
margin: 0 auto; | |||
} | |||
.td-wp-welcome { | |||
display: grid; | |||
grid-template-columns: 1.25fr 1fr; | |||
align-items: center; | |||
gap: 20px; | |||
border-bottom: 1px solid #a2a9b1; | |||
padding: 28px 24px 26px; | |||
margin-bottom: 14px; | |||
} | |||
.td-wp-welcome-title { | |||
font-size: 230%; | |||
color: #54595d; | |||
font-variant: small-caps; | |||
line-height: 1.15; | |||
} | |||
.td-wp-welcome-sub { | |||
font-size: 125%; | |||
color: #54595d; | |||
} | |||
.td-wp-stats { | |||
text-align: center; | |||
border-left: 1px solid #c8ccd1; | |||
padding-left: 24px; | |||
color: #202122; | |||
} | |||
.td-wp-stats strong { | |||
font-size: 120%; | |||
} | |||
.td-wp-toplinks { | |||
margin-top: 18px; | |||
font-size: 105%; | |||
} | |||
.td-wp-portals { | |||
display: grid; | |||
grid-template-columns: repeat(8, 1fr); | |||
border: 1px solid #eaecf0; | |||
border-top: 5px solid #36c; | |||
margin: 10px 0 22px; | |||
background: #f8f9fa; | |||
text-align: center; | |||
} | |||
.td-wp-portals a { | |||
display: block; | |||
padding: 8px 4px; | |||
border-right: 1px solid #eaecf0; | |||
text-decoration: none; | |||
color: #202122 !important; | |||
} | |||
.td-wp-portals a:hover { | |||
background: #eaecf0; | |||
} | |||
.td-wp-portals a:nth-child(1) { border-top: 5px solid #8b941f; } | |||
.td-wp-portals a:nth-child(2) { border-top: 5px solid #4c9a2a; } | |||
.td-wp-portals a:nth-child(3) { border-top: 5px solid #159957; } | |||
.td-wp-portals a:nth-child(4) { border-top: 5px solid #22a6b3; } | |||
.td-wp-portals a:nth-child(5) { border-top: 5px solid #2d6cdf; } | |||
.td-wp-portals a:nth-child(6) { border-top: 5px solid #5236b8; } | |||
.td-wp-portals a:nth-child(7) { border-top: 5px solid #a3339c; } | |||
.td-wp-portals a:nth-child(8) { border-top: 5px solid #aa2e2e; } | |||
.td-wp-grid { | |||
display: grid; | |||
grid-template-columns: 1fr 1fr; | |||
gap: 0; | |||
} | |||
.td-wp-box { | |||
border: 1px solid #a3b1a3; | |||
background: #f5fff5; | |||
padding: 12px; | |||
margin-bottom: 14px; | |||
} | |||
.td-wp-box:nth-child(even) { | |||
background: #f5faff; | |||
border-color: #a3b1c2; | |||
} | |||
.td-wp-box h2 { | |||
margin: 0 0 10px !important; | |||
padding: 0.2em 0.4em !important; | |||
border: 1px solid #a3b1a3 !important; | |||
background: #cef2ce; | |||
color: #202122; | |||
font-size: 170%; | |||
font-family: "Linux Libertine", Georgia, "Times New Roman", serif; | |||
font-weight: normal; | |||
} | |||
.td-wp-box:nth-child(even) h2 { | |||
background: #cedff2; | |||
border-color: #a3b1c2 !important; | |||
} | |||
.td-wp-box ul { | |||
margin-top: 0.4em; | |||
} | |||
.td-wp-full { | |||
border: 1px solid #a2a9b1; | |||
background: #f8f9fa; | |||
padding: 12px; | |||
margin-top: 14px; | |||
} | |||
.td-wp-full h2 { | |||
margin-top: 0 !important; | |||
font-family: "Linux Libertine", Georgia, "Times New Roman", serif; | |||
font-weight: normal; | |||
} | |||
@media (max-width: 900px) { | |||
.infobox { | |||
float: none; | |||
width: 100%; | |||
margin: 0 0 1em 0; | |||
} | |||
.td-wp-welcome, | |||
.td-wp-grid { | |||
grid-template-columns: 1fr; | |||
} | |||
.td-wp-stats { | |||
border-left: 0; | |||
border-top: 1px solid #c8ccd1; | |||
padding-left: 0; | |||
padding-top: 16px; | |||
} | |||
.td-wp-portals { | |||
grid-template-columns: repeat(2, 1fr); | |||
} | |||
} | |||
Edição das 17h58min de 28 de junho de 2026
/* ==========================================================
Wiki TokuDrive - Vector 2022 claro estilo Wikipédia
========================================================== */
/* Mantém o Vector 2022 claro, sem modo escuro forçado */
html,
body {
background: #ffffff !important;
color: #202122 !important;
color-scheme: light !important;
}
body {
font-family: sans-serif;
}
.mw-page-title-main {
font-family: "Linux Libertine", Georgia, "Times New Roman", serif;
font-weight: normal;
}
.mw-body,
.vector-body,
.mw-parser-output {
color: #202122 !important;
}
a {
color: #36c !important;
}
a:visited {
color: #6b4ba1 !important;
}
a.new {
color: #d33 !important;
}
/* Remove avisos antigos de importação */
.td-sourcebox {
display: none !important;
}
/* Esconde erros técnicos de módulos importados */
.mw-parser-output .error,
.mw-parser-output .scribunto-error,
.mw-parser-output strong.error,
.mw-parser-output span.error {
display: none !important;
}
/* Infobox no padrão Wikipédia */
.infobox {
float: right;
clear: right;
width: 22em;
margin: 0 0 1em 1em;
background: #f8f9fa;
border: 1px solid #a2a9b1;
border-spacing: 3px;
color: #202122;
font-size: 88%;
line-height: 1.5em;
}
.infobox caption {
font-size: 125%;
font-weight: bold;
padding: 0.2em;
}
.infobox th,
.infobox td {
vertical-align: top;
padding: 4px 6px;
}
.infobox th {
background: #eaecf0;
text-align: center;
font-weight: bold;
}
.infobox .infobox-above,
.infobox .infobox-title {
background: #ccccff;
text-align: center;
font-size: 125%;
font-weight: bold;
}
.infobox .infobox-image,
.infobox .td-infobox-image {
text-align: center;
background: #f8f9fa;
}
.infobox img {
max-width: 220px;
height: auto;
}
/* Tabelas padrão Wikipédia */
.wikitable {
background: #f8f9fa;
color: #202122;
border: 1px solid #a2a9b1;
border-collapse: collapse;
margin: 1em 0;
}
.wikitable > tr > th,
.wikitable > * > tr > th {
background: #eaecf0;
font-weight: bold;
}
.wikitable > tr > th,
.wikitable > tr > td,
.wikitable > * > tr > th,
.wikitable > * > tr > td {
border: 1px solid #a2a9b1;
padding: 0.35em 0.55em;
}
/* Caixas de aviso semelhantes à Wikipédia */
.ambox {
border: 1px solid #a2a9b1;
border-left: 10px solid #f28500;
background: #fbfbfb;
margin: 0.5em 10%;
padding: 0.25em 0.5em;
}
.thumbinner {
background: #f8f9fa;
border: 1px solid #c8ccd1;
}
/* Categorias */
.catlinks {
background: #f8f9fa;
border: 1px solid #a2a9b1;
padding: 5px;
margin-top: 1em;
}
/* ==========================================================
Página principal estilo Wikipédia
========================================================== */
.td-wp-home {
max-width: 1280px;
margin: 0 auto;
}
.td-wp-welcome {
display: grid;
grid-template-columns: 1.25fr 1fr;
align-items: center;
gap: 20px;
border-bottom: 1px solid #a2a9b1;
padding: 28px 24px 26px;
margin-bottom: 14px;
}
.td-wp-welcome-title {
font-size: 230%;
color: #54595d;
font-variant: small-caps;
line-height: 1.15;
}
.td-wp-welcome-sub {
font-size: 125%;
color: #54595d;
}
.td-wp-stats {
text-align: center;
border-left: 1px solid #c8ccd1;
padding-left: 24px;
color: #202122;
}
.td-wp-stats strong {
font-size: 120%;
}
.td-wp-toplinks {
margin-top: 18px;
font-size: 105%;
}
.td-wp-portals {
display: grid;
grid-template-columns: repeat(8, 1fr);
border: 1px solid #eaecf0;
border-top: 5px solid #36c;
margin: 10px 0 22px;
background: #f8f9fa;
text-align: center;
}
.td-wp-portals a {
display: block;
padding: 8px 4px;
border-right: 1px solid #eaecf0;
text-decoration: none;
color: #202122 !important;
}
.td-wp-portals a:hover {
background: #eaecf0;
}
.td-wp-portals a:nth-child(1) { border-top: 5px solid #8b941f; }
.td-wp-portals a:nth-child(2) { border-top: 5px solid #4c9a2a; }
.td-wp-portals a:nth-child(3) { border-top: 5px solid #159957; }
.td-wp-portals a:nth-child(4) { border-top: 5px solid #22a6b3; }
.td-wp-portals a:nth-child(5) { border-top: 5px solid #2d6cdf; }
.td-wp-portals a:nth-child(6) { border-top: 5px solid #5236b8; }
.td-wp-portals a:nth-child(7) { border-top: 5px solid #a3339c; }
.td-wp-portals a:nth-child(8) { border-top: 5px solid #aa2e2e; }
.td-wp-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
}
.td-wp-box {
border: 1px solid #a3b1a3;
background: #f5fff5;
padding: 12px;
margin-bottom: 14px;
}
.td-wp-box:nth-child(even) {
background: #f5faff;
border-color: #a3b1c2;
}
.td-wp-box h2 {
margin: 0 0 10px !important;
padding: 0.2em 0.4em !important;
border: 1px solid #a3b1a3 !important;
background: #cef2ce;
color: #202122;
font-size: 170%;
font-family: "Linux Libertine", Georgia, "Times New Roman", serif;
font-weight: normal;
}
.td-wp-box:nth-child(even) h2 {
background: #cedff2;
border-color: #a3b1c2 !important;
}
.td-wp-box ul {
margin-top: 0.4em;
}
.td-wp-full {
border: 1px solid #a2a9b1;
background: #f8f9fa;
padding: 12px;
margin-top: 14px;
}
.td-wp-full h2 {
margin-top: 0 !important;
font-family: "Linux Libertine", Georgia, "Times New Roman", serif;
font-weight: normal;
}
@media (max-width: 900px) {
.infobox {
float: none;
width: 100%;
margin: 0 0 1em 0;
}
.td-wp-welcome,
.td-wp-grid {
grid-template-columns: 1fr;
}
.td-wp-stats {
border-left: 0;
border-top: 1px solid #c8ccd1;
padding-left: 0;
padding-top: 16px;
}
.td-wp-portals {
grid-template-columns: repeat(2, 1fr);
}
}