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 moderna */ | /* Fonte moderna */ | ||
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600&display=swap'); | |||
body { | body { | ||
font-family: ' | font-family: 'Space Grotesk', sans-serif; | ||
background-color: # | background-color: #f9f9f9; | ||
color: # | color: #111; | ||
font-size: 16px; | font-size: 16px; | ||
line-height: 1.7; | |||
margin: 0; | |||
padding: 0; | |||
} | |||
/* Container principal */ | |||
#content { | |||
max-width: 1000px; | |||
margin: 40px auto; | |||
padding: 40px; | |||
background: white; | |||
border: 1px solid #ccc; | |||
border-radius: 12px; | |||
box-shadow: 4px 4px 0px #000; | |||
} | } | ||
/* Cabeçalho */ | /* Cabeçalho */ | ||
#mw-head | #mw-head { | ||
background-color: # | background-color: #fff; | ||
border-bottom: | border-bottom: 2px solid #000; | ||
padding: 20px; | |||
} | |||
#p-personal { | |||
display: none; | |||
} | } | ||
/* Barra lateral */ | /* Barra lateral */ | ||
#mw-panel { | #mw-panel { | ||
background-color: # | background-color: #fff; | ||
border-right: | border-right: 2px solid #000; | ||
padding-top: 20px; | |||
} | |||
#mw-panel .portal { | |||
border: none; | |||
margin-bottom: 16px; | |||
} | |||
#mw-panel .portal h3 { | |||
font-size: 14px; | |||
font-weight: bold; | |||
color: #111; | |||
text-transform: uppercase; | |||
} | |||
#mw-panel .body ul { | |||
list-style: none; | |||
padding-left: 0; | |||
} | |||
#mw-panel .body ul li a { | |||
color: #0066ff; | |||
text-decoration: none; | |||
} | |||
#mw-panel .body ul li a:hover { | |||
text-decoration: underline; | |||
} | |||
/* Títulos */ | |||
h1, h2, h3, h4 { | |||
color: #000; | |||
border-bottom: 2px solid #000; | |||
padding-bottom: 4px; | |||
margin-top: 40px; | |||
} | } | ||
/* Links */ | /* Links */ | ||
a { | a { | ||
color: # | color: #0066ff; | ||
text-decoration: none; | text-decoration: none; | ||
transition: | transition: all 0.2s ease; | ||
} | } | ||
a:hover { | a:hover { | ||
color: # | color: #0033aa; | ||
text-decoration: underline; | text-decoration: underline; | ||
} | } | ||
/* Botões */ | /* Botões */ | ||
input[type="submit"] | input[type="submit"], .mw-ui-button, button { | ||
background | background: #000; | ||
color: #fff; | color: #fff; | ||
padding: 10px 18px; | |||
border: none; | border: none; | ||
border-radius: 6px; | border-radius: 6px; | ||
font-weight: bold; | |||
cursor: pointer; | cursor: pointer; | ||
text-transform: uppercase; | |||
} | } | ||
input[type="submit"] | input[type="submit"]:hover, .mw-ui-button:hover, button:hover { | ||
background-color: # | background: #333; | ||
} | |||
/* Rodapé */ | |||
#footer { | |||
background-color: #f1f1f1; | |||
text-align: center; | |||
padding: 20px; | |||
font-size: 13px; | |||
color: #555; | |||
border-top: 2px solid #000; | |||
} | } | ||
/* Tabelas */ | /* Tabelas */ | ||
table { | table { | ||
width: 100%; | |||
border-collapse: collapse; | border-collapse: collapse; | ||
margin: 24px 0; | |||
} | } | ||
th, td { | th, td { | ||
border: 1px solid # | border: 1px solid #ccc; | ||
padding: | padding: 12px; | ||
text-align: left; | |||
} | } | ||
th { | th { | ||
background-color: # | background-color: #eee; | ||
} | } | ||
/* | /* Área de edição */ | ||
textarea, input[type="text"], input[type="search"] { | |||
border: 2px solid #000; | |||
padding: 10px; | |||
border-radius: 6px; | |||
width: 100%; | |||
background-color: #fff; | |||
font-family: 'Space Grotesk', sans-serif; | |||
textarea, input[type="text"] { | |||
border: | |||
} | } | ||
/* | /* Logotipo customizado opcional */ | ||
#p-logo a { | #p-logo a { | ||
display: block; | display: block; | ||
background-image: url('/wiki/Especial:Arquivo/ | background-image: url('/wiki/Especial:Arquivo/logo_nova.png'); | ||
background-size: contain; | background-size: contain; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: center; | background-position: center; | ||
height: | height: 70px; | ||
width: 160px; | |||
margin: auto; | |||
} | |||
/* Remoção de detalhes visuais antigos */ | |||
#toc, .mw-portlet-empty { | |||
background: none !important; | |||
border: none !important; | |||
} | } | ||
Edição das 09h21min de 22 de julho de 2025
/* Fonte moderna */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600&display=swap');
body {
font-family: 'Space Grotesk', sans-serif;
background-color: #f9f9f9;
color: #111;
font-size: 16px;
line-height: 1.7;
margin: 0;
padding: 0;
}
/* Container principal */
#content {
max-width: 1000px;
margin: 40px auto;
padding: 40px;
background: white;
border: 1px solid #ccc;
border-radius: 12px;
box-shadow: 4px 4px 0px #000;
}
/* Cabeçalho */
#mw-head {
background-color: #fff;
border-bottom: 2px solid #000;
padding: 20px;
}
#p-personal {
display: none;
}
/* Barra lateral */
#mw-panel {
background-color: #fff;
border-right: 2px solid #000;
padding-top: 20px;
}
#mw-panel .portal {
border: none;
margin-bottom: 16px;
}
#mw-panel .portal h3 {
font-size: 14px;
font-weight: bold;
color: #111;
text-transform: uppercase;
}
#mw-panel .body ul {
list-style: none;
padding-left: 0;
}
#mw-panel .body ul li a {
color: #0066ff;
text-decoration: none;
}
#mw-panel .body ul li a:hover {
text-decoration: underline;
}
/* Títulos */
h1, h2, h3, h4 {
color: #000;
border-bottom: 2px solid #000;
padding-bottom: 4px;
margin-top: 40px;
}
/* Links */
a {
color: #0066ff;
text-decoration: none;
transition: all 0.2s ease;
}
a:hover {
color: #0033aa;
text-decoration: underline;
}
/* Botões */
input[type="submit"], .mw-ui-button, button {
background: #000;
color: #fff;
padding: 10px 18px;
border: none;
border-radius: 6px;
font-weight: bold;
cursor: pointer;
text-transform: uppercase;
}
input[type="submit"]:hover, .mw-ui-button:hover, button:hover {
background: #333;
}
/* Rodapé */
#footer {
background-color: #f1f1f1;
text-align: center;
padding: 20px;
font-size: 13px;
color: #555;
border-top: 2px solid #000;
}
/* Tabelas */
table {
width: 100%;
border-collapse: collapse;
margin: 24px 0;
}
th, td {
border: 1px solid #ccc;
padding: 12px;
text-align: left;
}
th {
background-color: #eee;
}
/* Área de edição */
textarea, input[type="text"], input[type="search"] {
border: 2px solid #000;
padding: 10px;
border-radius: 6px;
width: 100%;
background-color: #fff;
font-family: 'Space Grotesk', sans-serif;
}
/* Logotipo customizado opcional */
#p-logo a {
display: block;
background-image: url('/wiki/Especial:Arquivo/logo_nova.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
height: 70px;
width: 160px;
margin: auto;
}
/* Remoção de detalhes visuais antigos */
#toc, .mw-portlet-empty {
background: none !important;
border: none !important;
}