MediaWiki:Common.css: mudanças entre as edições
Aparência
Estilo visual da Wiki TokuDrive |
Atualizando CSS estilo Wikipédia |
||
| Linha 1: | Linha 1: | ||
/* Wiki TokuDrive - visual estilo Wikipédia */ | |||
body { | body { | ||
background: # | background: #f8f9fa !important; | ||
color: #202122; | |||
font-family: sans-serif; | |||
} | |||
.mw-body, | |||
.vector-body, | |||
#content { | |||
background: #ffffff !important; | |||
} | |||
.mw-body { | |||
border: 1px solid #a2a9b1; | |||
border-right-width: 0; | |||
margin-top: 0; | |||
} | |||
#p-personal, | |||
.vector-user-links, | |||
.vector-header-container { | |||
font-size: 13px; | |||
} | |||
.vector-page-titlebar-toc, | |||
.vector-page-titlebar { | |||
border-bottom: 1px solid #a2a9b1; | |||
} | |||
.mw-page-title-main { | |||
font-family: 'Linux Libertine', Georgia, Times, serif; | |||
font-weight: normal; | |||
} | |||
a { | |||
color: #0645ad; | |||
} | |||
a:visited { | |||
color: #0b0080; | |||
} | |||
a.new { | |||
color: #ba0000; | |||
} | |||
.toc, | |||
#toc { | |||
background: #f8f9fa; | |||
border: 1px solid #a2a9b1; | |||
padding: 8px; | |||
} | |||
.thumbinner { | |||
background: #f8f9fa; | |||
border: 1px solid #c8ccd1; | |||
} | |||
.catlinks { | |||
background: #f8f9fa; | |||
border: 1px solid #a2a9b1; | |||
margin-top: 24px; | |||
} | |||
.wikitable { | |||
background: #f8f9fa; | |||
border: 1px solid #a2a9b1; | |||
border-collapse: collapse; | |||
} | } | ||
. | .wikitable th { | ||
background: | background: #eaecf0; | ||
font-weight: bold; | |||
} | } | ||
.td | .wikitable td, | ||
.wikitable th { | |||
border: 1px solid #a2a9b1; | |||
padding: 0.35em 0.55em; | |||
border: 1px solid | |||
} | } | ||
.td- | /* Página inicial */ | ||
.td-wiki-main { | |||
max-width: 1180px; | |||
margin: 0 auto; | |||
margin | |||
} | } | ||
.td- | .td-wiki-welcome { | ||
font- | border: 1px solid #a2a9b1; | ||
line-height: 1; | background: linear-gradient(#ffffff, #f8f9fa); | ||
font- | padding: 18px 22px; | ||
text-align: center; | |||
margin: 10px 0 16px; | |||
} | |||
.td-wiki-title { | |||
font-family: 'Linux Libertine', Georgia, Times, serif; | |||
font-size: 34px; | |||
line-height: 1.2; | |||
color: #202122; | |||
} | |||
.td-wiki-subtitle { | |||
font-size: 17px; | |||
margin-top: 4px; | |||
color: #202122; | |||
} | } | ||
.td- | .td-wiki-small { | ||
margin-top: 8px; | |||
font-size: 14px; | |||
color: #54595d; | |||
} | } | ||
.td- | .td-wiki-columns { | ||
display: grid; | display: grid; | ||
grid-template-columns: | grid-template-columns: 1fr 1fr; | ||
gap: | gap: 14px; | ||
margin: | margin-bottom: 14px; | ||
} | } | ||
.td- | .td-wiki-box { | ||
border | border: 1px solid #a2a9b1; | ||
background: #ffffff; | |||
background: | padding: 12px 16px; | ||
min-height: 150px; | |||
} | } | ||
.td- | .td-wiki-box-title { | ||
background: #eaecf0; | |||
border: 1px solid #a2a9b1; | |||
font-weight: bold; | |||
font-size: 16px; | |||
padding: 6px 10px; | |||
margin: -4px -8px 10px; | |||
color: #202122; | |||
} | } | ||
.td- | .td-wiki-blue .td-wiki-box-title { | ||
background: #d8e8ff; | |||
} | } | ||
.td- | .td-wiki-green .td-wiki-box-title { | ||
background: #d5f0d5; | |||
} | } | ||
.td- | .td-wiki-wide { | ||
margin-top: 14px; | |||
min-height: auto; | |||
} | } | ||
.td-sourcebox { | .td-sourcebox { | ||
border- | border: 1px solid #a2a9b1; | ||
background: #fffbea; | |||
margin: | padding: 10px 12px; | ||
background: | margin: 12px 0 18px; | ||
border: 1px solid | font-size: 13px; | ||
} | |||
.infobox { | |||
float: right; | |||
clear: right; | |||
width: 22em; | |||
margin: 0 0 1em 1em; | |||
background: #f8f9fa; | |||
border: 1px solid #a2a9b1; | |||
border-spacing: 3px; | |||
font-size: 88%; | |||
line-height: 1.5em; | |||
} | |||
.infobox th { | |||
background: #eaecf0; | |||
text-align: center; | |||
} | |||
.infobox td, | |||
.infobox th { | |||
padding: 4px 6px; | |||
} | } | ||
@media (max-width: 900px) { | @media (max-width: 900px) { | ||
.td- | .td-wiki-columns { | ||
grid-template-columns: | grid-template-columns: 1fr; | ||
} | } | ||
.td- | .td-wiki-title { | ||
font-size: 28px; | |||
} | } | ||
.mw-body { | |||
. | border-right-width: 1px; | ||
} | } | ||
. | .infobox { | ||
float: none; | |||
width: 100%; | |||
margin: 0 0 1em 0; | |||
} | } | ||
} | } | ||
Edição das 08h36min de 28 de junho de 2026
/* Wiki TokuDrive - visual estilo Wikipédia */
body {
background: #f8f9fa !important;
color: #202122;
font-family: sans-serif;
}
.mw-body,
.vector-body,
#content {
background: #ffffff !important;
}
.mw-body {
border: 1px solid #a2a9b1;
border-right-width: 0;
margin-top: 0;
}
#p-personal,
.vector-user-links,
.vector-header-container {
font-size: 13px;
}
.vector-page-titlebar-toc,
.vector-page-titlebar {
border-bottom: 1px solid #a2a9b1;
}
.mw-page-title-main {
font-family: 'Linux Libertine', Georgia, Times, serif;
font-weight: normal;
}
a {
color: #0645ad;
}
a:visited {
color: #0b0080;
}
a.new {
color: #ba0000;
}
.toc,
#toc {
background: #f8f9fa;
border: 1px solid #a2a9b1;
padding: 8px;
}
.thumbinner {
background: #f8f9fa;
border: 1px solid #c8ccd1;
}
.catlinks {
background: #f8f9fa;
border: 1px solid #a2a9b1;
margin-top: 24px;
}
.wikitable {
background: #f8f9fa;
border: 1px solid #a2a9b1;
border-collapse: collapse;
}
.wikitable th {
background: #eaecf0;
font-weight: bold;
}
.wikitable td,
.wikitable th {
border: 1px solid #a2a9b1;
padding: 0.35em 0.55em;
}
/* Página inicial */
.td-wiki-main {
max-width: 1180px;
margin: 0 auto;
}
.td-wiki-welcome {
border: 1px solid #a2a9b1;
background: linear-gradient(#ffffff, #f8f9fa);
padding: 18px 22px;
text-align: center;
margin: 10px 0 16px;
}
.td-wiki-title {
font-family: 'Linux Libertine', Georgia, Times, serif;
font-size: 34px;
line-height: 1.2;
color: #202122;
}
.td-wiki-subtitle {
font-size: 17px;
margin-top: 4px;
color: #202122;
}
.td-wiki-small {
margin-top: 8px;
font-size: 14px;
color: #54595d;
}
.td-wiki-columns {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
margin-bottom: 14px;
}
.td-wiki-box {
border: 1px solid #a2a9b1;
background: #ffffff;
padding: 12px 16px;
min-height: 150px;
}
.td-wiki-box-title {
background: #eaecf0;
border: 1px solid #a2a9b1;
font-weight: bold;
font-size: 16px;
padding: 6px 10px;
margin: -4px -8px 10px;
color: #202122;
}
.td-wiki-blue .td-wiki-box-title {
background: #d8e8ff;
}
.td-wiki-green .td-wiki-box-title {
background: #d5f0d5;
}
.td-wiki-wide {
margin-top: 14px;
min-height: auto;
}
.td-sourcebox {
border: 1px solid #a2a9b1;
background: #fffbea;
padding: 10px 12px;
margin: 12px 0 18px;
font-size: 13px;
}
.infobox {
float: right;
clear: right;
width: 22em;
margin: 0 0 1em 1em;
background: #f8f9fa;
border: 1px solid #a2a9b1;
border-spacing: 3px;
font-size: 88%;
line-height: 1.5em;
}
.infobox th {
background: #eaecf0;
text-align: center;
}
.infobox td,
.infobox th {
padding: 4px 6px;
}
@media (max-width: 900px) {
.td-wiki-columns {
grid-template-columns: 1fr;
}
.td-wiki-title {
font-size: 28px;
}
.mw-body {
border-right-width: 1px;
}
.infobox {
float: none;
width: 100%;
margin: 0 0 1em 0;
}
}