|
|
| (Uma revisão intermediária pelo mesmo usuário não está sendo mostrada) |
| Linha 1: |
Linha 1: |
| − | | + | TESTE |
| − | | |
| − | /** Customiza a skin MonoBook */
| |
| − | | |
| − | /** Área de conteúdo */
| |
| − | #content {
| |
| − | background-color: white;
| |
| − | padding: 20px;
| |
| − | border-radius: 10px;
| |
| − | box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Sombra suave */
| |
| − | }
| |
| − | | |
| − | /** Barra lateral fixa e ajustada */
| |
| − | #mw-panel {
| |
| − | position: fixed;
| |
| − | top: 50px;
| |
| − | left: 0;
| |
| − | width: 200px;
| |
| − | background-color: #006400; /* Verde escuro do IF */
| |
| − | color: #ffffff;
| |
| − | height: 100%;
| |
| − | z-index: 1000;
| |
| − | overflow-y: auto; /* Habilitar scroll caso necessário */
| |
| − | border-right: 2px solid #004000; /* Borda direita */
| |
| − | }
| |
| − | | |
| − | /** Responsividade no layout */
| |
| − | @media screen and (max-width: 768px) {
| |
| − | #mw-panel {
| |
| − | width: 100px; /* Ajusta a barra lateral para dispositivos móveis */
| |
| − | }
| |
| − | | |
| − | #content {
| |
| − | margin-left: 100px; /* Ajusta a margem do conteúdo */
| |
| − | }
| |
| − | }
| |
| − | | |
| − | @media screen and (max-width: 480px) {
| |
| − | #mw-panel {
| |
| − | display: none; /* Oculta a barra lateral em telas muito pequenas */
| |
| − | }
| |
| − | | |
| − | #content {
| |
| − | margin-left: 0;
| |
| − | padding: 10px;
| |
| − | }
| |
| − | }
| |
| − | | |
| − | /** Animações */
| |
| − | /* Transição suave para links e botões */
| |
| − | a, button {
| |
| − | transition: background-color 0.3s ease, transform 0.3s ease;
| |
| − | }
| |
| − | | |
| − | /* Efeito de hover para botões */
| |
| − | button:hover {
| |
| − | background-color: #007b00; /* Cor diferente no hover */
| |
| − | transform: scale(1.05); /* Leve aumento no hover */
| |
| − | }
| |
| − | | |
| − | /* Alterando a logo */
| |
| − | #p-logo a {
| |
| − | background-image: url('https://nti.muz.ifsuldeminas.edu.br/images/b/b2/LogoWikiNTI250x250px.png');
| |
| − | background-size: contain;
| |
| − | width: 135px;
| |
| − | height: 135px;
| |
| − | | |
| − | }
| |
