Mudanças entre as edições de "MediaWiki:Common.css"
| Linha 1: | Linha 1: | ||
/** o código CSS colocado aqui será aplicado a todos os temas */ | /** o código CSS colocado aqui será aplicado a todos os temas */ | ||
| − | /* | + | /* Layout principal */ |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
#content { | #content { | ||
| − | background-color: # | + | display: flex; |
| + | flex-direction: column; | ||
| + | align-items: center; | ||
| + | background-color: #ffffff; | ||
padding: 20px; | padding: 20px; | ||
| + | margin: 0 auto; | ||
| + | max-width: 1200px; /* Largura máxima para desktops */ | ||
| + | box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); | ||
border-radius: 10px; | border-radius: 10px; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | @media (max-width: 768px) { | |
| − | + | #content { | |
| − | + | padding: 15px; | |
| + | max-width: 100%; | ||
| + | } | ||
} | } | ||
| − | /* | + | /* Sidebar - Oculta em telas menores e deixa o conteúdo centralizado */ |
| − | + | #mw-panel { | |
| − | + | display: flex; | |
| − | + | flex-direction: column; | |
| − | + | background-color: #006400; /* Cor verde do IF */ | |
| − | + | padding: 10px; | |
| − | + | width: 250px; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | /* | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | padding: 10px | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | @media (max-width: 768px) { | |
| − | + | #mw-panel { | |
| − | + | display: none; /* Oculta sidebar em telas pequenas */ | |
| + | } | ||
} | } | ||
Edição das 17h00min de 19 de setembro de 2024
/** o código CSS colocado aqui será aplicado a todos os temas */
/* Layout principal */
#content {
display: flex;
flex-direction: column;
align-items: center;
background-color: #ffffff;
padding: 20px;
margin: 0 auto;
max-width: 1200px; /* Largura máxima para desktops */
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
@media (max-width: 768px) {
#content {
padding: 15px;
max-width: 100%;
}
}
/* Sidebar - Oculta em telas menores e deixa o conteúdo centralizado */
#mw-panel {
display: flex;
flex-direction: column;
background-color: #006400; /* Cor verde do IF */
padding: 10px;
width: 250px;
}
@media (max-width: 768px) {
#mw-panel {
display: none; /* Oculta sidebar em telas pequenas */
}
}
