MediaWiki:Common.css: mudanças entre as edições
Aparência
Sem resumo de edição |
Sem resumo de edição |
||
| Linha 1: | Linha 1: | ||
/* === Fonte | /* ======================== | ||
@import url('https://fonts.googleapis.com/css2?family= | Fonte personalizada | ||
======================== */ | |||
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@600&family=Inter:wght@400;500&display=swap'); | |||
/* === | /* ======================== | ||
Reset & Base | |||
======================== */ | |||
* { | |||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
box-sizing: border-box; | |||
} | } | ||
body { | |||
font-family: 'Inter', sans-serif; | |||
# | background-color: #0f0f0f; | ||
# | color: #f0f0f0; | ||
line-height: 1.6; | |||
padding: 0; | |||
} | } | ||
a { | |||
color: #ff992f; | |||
text-decoration: none; | |||
transition: 0.3s; | |||
} | |||
a:hover { | |||
color: #ffa94d; | |||
text-shadow: 0 0 5px #ff992f; | |||
} | } | ||
/* === Cabeçalho | /* ======================== | ||
# | Cabeçalho e logo | ||
======================== */ | |||
#p-logo { | |||
display: flex; | display: flex; | ||
justify-content: | justify-content: center; | ||
align-items: center; | align-items: center; | ||
margin: 40px 0; | |||
} | } | ||
# | #p-logo a { | ||
background-image: url("/images/logo.png"); /* ou /wiki/skins/common/images/logo.png */ | |||
background-size: contain; | |||
background-repeat: no-repeat; | |||
width: 220px; | |||
height: 100px; | |||
display: block; | |||
text-indent: -9999px; | |||
} | } | ||
/* === | /* ======================== | ||
Layout full screen | |||
======================== */ | |||
#mw-panel, | |||
#p-personal, | |||
#mw-head-base, | |||
#mw-head { | |||
display: none !important; | |||
} | } | ||
#content, | |||
#mw-content-text { | |||
margin: 0 auto; | |||
max-width: 1200px; | |||
padding: 40px 20px; | |||
background: #151515; | |||
border-radius: 12px; | |||
box-shadow: 0 0 20px rgba(255, 153, 47, 0.1); | |||
} | } | ||
color: # | /* ======================== | ||
text- | Headings | ||
======================== */ | |||
h1, h2, h3, h4, h5 { | |||
font-family: 'Orbitron', sans-serif; | |||
color: #ff992f; | |||
margin-top: 30px; | |||
margin-bottom: 10px; | |||
text-transform: uppercase; | |||
} | } | ||
/* === Botões === */ | /* ======================== | ||
input | Botões e formulários | ||
======================== */ | |||
button { | input, select, textarea, button { | ||
background: # | background-color: #1e1e1e; | ||
color: #fff; | color: #fff; | ||
padding: | border: 1px solid #444; | ||
padding: 8px 12px; | |||
border-radius: 6px; | |||
font-family: 'Inter', sans-serif; | |||
} | |||
input:focus, textarea:focus { | |||
outline: none; | |||
border-color: #ff992f; | |||
box-shadow: 0 0 8px #ff992f55; | |||
} | |||
button, .mw-ui-button { | |||
background-color: #ff992f; | |||
color: #000; | |||
border: none; | border: none; | ||
cursor: pointer; | |||
font-weight: bold; | font-weight: bold; | ||
transition: 0.3s; | |||
} | |||
button:hover, .mw-ui-button:hover { | |||
background-color: #ffa94d; | |||
} | } | ||
/* ======================== | |||
Rodapé | |||
======================== */ | |||
#footer { | |||
text-align: center; | |||
color: #888; | |||
padding: 40px 0 20px; | |||
font-size: 14px; | |||
} | } | ||
/* === Tabelas === */ | /* ======================== | ||
Tabelas | |||
======================== */ | |||
table { | table { | ||
width: 100%; | width: 100%; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
background-color: #1c1c1c; | |||
} | } | ||
th, td { | th, td { | ||
border: 1px solid # | border: 1px solid #333; | ||
padding: | padding: 10px; | ||
} | } | ||
th { | th { | ||
background-color: # | background-color: #252525; | ||
color: #ff992f; | |||
color: # | |||
} | } | ||
/* === | /* ======================== | ||
Outras melhorias visuais | |||
======================== */ | |||
#mw-page-base, #mw-navigation, #catlinks, .mw-editsection { | |||
# | |||
# | |||
display: none; | display: none; | ||
} | } | ||
.firstHeading { | |||
text-align: center; | |||
font-size: 2.5em; | |||
margin-bottom: 20px; | |||
font- | |||
} | } | ||
Edição das 09h27min de 22 de julho de 2025
/* ========================
Fonte personalizada
======================== */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@600&family=Inter:wght@400;500&display=swap');
/* ========================
Reset & Base
======================== */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Inter', sans-serif;
background-color: #0f0f0f;
color: #f0f0f0;
line-height: 1.6;
padding: 0;
}
a {
color: #ff992f;
text-decoration: none;
transition: 0.3s;
}
a:hover {
color: #ffa94d;
text-shadow: 0 0 5px #ff992f;
}
/* ========================
Cabeçalho e logo
======================== */
#p-logo {
display: flex;
justify-content: center;
align-items: center;
margin: 40px 0;
}
#p-logo a {
background-image: url("/images/logo.png"); /* ou /wiki/skins/common/images/logo.png */
background-size: contain;
background-repeat: no-repeat;
width: 220px;
height: 100px;
display: block;
text-indent: -9999px;
}
/* ========================
Layout full screen
======================== */
#mw-panel,
#p-personal,
#mw-head-base,
#mw-head {
display: none !important;
}
#content,
#mw-content-text {
margin: 0 auto;
max-width: 1200px;
padding: 40px 20px;
background: #151515;
border-radius: 12px;
box-shadow: 0 0 20px rgba(255, 153, 47, 0.1);
}
/* ========================
Headings
======================== */
h1, h2, h3, h4, h5 {
font-family: 'Orbitron', sans-serif;
color: #ff992f;
margin-top: 30px;
margin-bottom: 10px;
text-transform: uppercase;
}
/* ========================
Botões e formulários
======================== */
input, select, textarea, button {
background-color: #1e1e1e;
color: #fff;
border: 1px solid #444;
padding: 8px 12px;
border-radius: 6px;
font-family: 'Inter', sans-serif;
}
input:focus, textarea:focus {
outline: none;
border-color: #ff992f;
box-shadow: 0 0 8px #ff992f55;
}
button, .mw-ui-button {
background-color: #ff992f;
color: #000;
border: none;
cursor: pointer;
font-weight: bold;
transition: 0.3s;
}
button:hover, .mw-ui-button:hover {
background-color: #ffa94d;
}
/* ========================
Rodapé
======================== */
#footer {
text-align: center;
color: #888;
padding: 40px 0 20px;
font-size: 14px;
}
/* ========================
Tabelas
======================== */
table {
width: 100%;
border-collapse: collapse;
background-color: #1c1c1c;
}
th, td {
border: 1px solid #333;
padding: 10px;
}
th {
background-color: #252525;
color: #ff992f;
}
/* ========================
Outras melhorias visuais
======================== */
#mw-page-base, #mw-navigation, #catlinks, .mw-editsection {
display: none;
}
.firstHeading {
text-align: center;
font-size: 2.5em;
margin-bottom: 20px;
}