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: | ||
/* GERAL */ | |||
body { | |||
background-color: #f5f7fa; | |||
font-family: 'Inter', 'Helvetica Neue', sans-serif; | |||
color: #2c3e50; | |||
line-height: 1.6; | |||
} | |||
/* | /* CABEÇALHO */ | ||
#mw-page-base, #mw-head-base { | |||
background: none !important; | |||
} | |||
#p-personal, #p-navigation, #left-navigation, #right-navigation { | |||
background-color: #1e1e2f; | |||
color: #fff; | |||
border-radius: 8px; | |||
margin: 0 5px; | |||
padding: 8px; | |||
} | } | ||
#p-personal a, #p-navigation a { | |||
color: #fff !important; | |||
color: # | |||
} | } | ||
/* | /* LOGO */ | ||
#p-logo { | #p-logo { | ||
background | background: url('/path/para/sua-logo.png') no-repeat center; | ||
background-size: contain; | background-size: contain; | ||
height: 100px; | |||
width: 180px; | width: 180px; | ||
} | } | ||
/* | /* CONTEÚDO PRINCIPAL */ | ||
. | #content, .mw-body { | ||
background-color: #ffffff; | |||
background: | |||
border-radius: 12px; | border-radius: 12px; | ||
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05); | |||
padding: 32px; | |||
box-shadow: 0 | margin-top: 20px; | ||
padding | |||
margin-top: | |||
} | } | ||
/* TÍTULOS */ | /* TÍTULOS */ | ||
h1, h2, h3, h4 { | h1, h2, h3, h4 { | ||
color: #1a1a1a; | |||
color: # | font-weight: 600; | ||
} | } | ||
/* LINKS */ | /* LINKS */ | ||
a { | a { | ||
color: # | color: #007acc; | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
a:hover { | a:hover { | ||
text-decoration: underline; | |||
text- | |||
} | } | ||
/* | /* SIDEBAR */ | ||
# | #mw-panel { | ||
background-color: #1e1e2f; | |||
color: # | border-radius: 10px; | ||
padding: 10px; | |||
} | } | ||
#mw-panel .portal h3 { | |||
color: #fff; | color: #fff; | ||
font-size: 14px; | |||
margin-top: 10px; | |||
} | } | ||
#mw-panel .portal ul { | |||
list-style: none; | |||
padding-left: 0; | |||
} | } | ||
#mw-panel .portal ul li a { | |||
color: #d6e4f0; | |||
color: # | padding: 5px 0; | ||
padding: | display: block; | ||
} | } | ||
/* RODAPÉ */ | /* RODAPÉ */ | ||
#footer { | #footer { | ||
margin-top: 50px; | |||
background-color: #1e1e2f; | |||
color: #ccc; | |||
text-align: center; | text-align: center; | ||
padding: 20px; | |||
padding: | border-radius: 10px; | ||
} | } | ||
/* | /* TABELAS */ | ||
::- | table { | ||
width: 100%; | |||
border-collapse: collapse; | |||
margin-top: 20px; | |||
} | |||
table th, table td { | |||
border: 1px solid #ccc; | |||
padding: 10px; | |||
} | |||
table th { | |||
background-color: #f0f0f0; | |||
font-weight: bold; | |||
} | } | ||
background: # | /* CAIXAS DE INFO */ | ||
.mw-parser-output .infobox { | |||
border: 1px solid #ccc; | |||
padding: 10px; | |||
float: right; | |||
margin: 0 0 10px 10px; | |||
width: 300px; | |||
background-color: #f9f9f9; | |||
border-radius: 8px; | |||
} | } | ||
background: # | /* BOTÕES */ | ||
.mw-ui-button { | |||
background-color: #007acc; | |||
color: white; | |||
border: none; | |||
padding: 8px 14px; | |||
border-radius: 6px; | border-radius: 6px; | ||
cursor: pointer; | |||
} | } | ||
.mw-ui-button:hover { | |||
background: # | background-color: #005f99; | ||
} | } | ||
/* RESPONSIVO */ | /* MOBILE RESPONSIVO */ | ||
@media screen and (max-width: | @media screen and (max-width: 768px) { | ||
#mw-panel { | |||
display: none; | |||
} | } | ||
#mw- | #content, .mw-body { | ||
margin: 0; | |||
padding: 20px; | |||
padding: | |||
} | } | ||
} | } | ||
Edição das 09h48min de 22 de julho de 2025
/* GERAL */
body {
background-color: #f5f7fa;
font-family: 'Inter', 'Helvetica Neue', sans-serif;
color: #2c3e50;
line-height: 1.6;
}
/* CABEÇALHO */
#mw-page-base, #mw-head-base {
background: none !important;
}
#p-personal, #p-navigation, #left-navigation, #right-navigation {
background-color: #1e1e2f;
color: #fff;
border-radius: 8px;
margin: 0 5px;
padding: 8px;
}
#p-personal a, #p-navigation a {
color: #fff !important;
}
/* LOGO */
#p-logo {
background: url('/path/para/sua-logo.png') no-repeat center;
background-size: contain;
height: 100px;
width: 180px;
}
/* CONTEÚDO PRINCIPAL */
#content, .mw-body {
background-color: #ffffff;
border-radius: 12px;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
padding: 32px;
margin-top: 20px;
}
/* TÍTULOS */
h1, h2, h3, h4 {
color: #1a1a1a;
font-weight: 600;
}
/* LINKS */
a {
color: #007acc;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* SIDEBAR */
#mw-panel {
background-color: #1e1e2f;
border-radius: 10px;
padding: 10px;
}
#mw-panel .portal h3 {
color: #fff;
font-size: 14px;
margin-top: 10px;
}
#mw-panel .portal ul {
list-style: none;
padding-left: 0;
}
#mw-panel .portal ul li a {
color: #d6e4f0;
padding: 5px 0;
display: block;
}
/* RODAPÉ */
#footer {
margin-top: 50px;
background-color: #1e1e2f;
color: #ccc;
text-align: center;
padding: 20px;
border-radius: 10px;
}
/* TABELAS */
table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
}
table th, table td {
border: 1px solid #ccc;
padding: 10px;
}
table th {
background-color: #f0f0f0;
font-weight: bold;
}
/* CAIXAS DE INFO */
.mw-parser-output .infobox {
border: 1px solid #ccc;
padding: 10px;
float: right;
margin: 0 0 10px 10px;
width: 300px;
background-color: #f9f9f9;
border-radius: 8px;
}
/* BOTÕES */
.mw-ui-button {
background-color: #007acc;
color: white;
border: none;
padding: 8px 14px;
border-radius: 6px;
cursor: pointer;
}
.mw-ui-button:hover {
background-color: #005f99;
}
/* MOBILE RESPONSIVO */
@media screen and (max-width: 768px) {
#mw-panel {
display: none;
}
#content, .mw-body {
margin: 0;
padding: 20px;
}
}