MediaWiki:Common.css: diferenças entre revisões
Fonte: Wiki 420
Sem resumo de edição |
Sem resumo de edição Etiqueta: Revertida |
||
Linha 1: | Linha 1: | ||
:root { | :root { | ||
--bs-primary: #0c3c29; | --bs-primary: #0c3c29; | ||
Linha 12: | Linha 11: | ||
--bs-link-color: var(--bs-primary); | --bs-link-color: var(--bs-primary); | ||
--bs-link-hover-color: var(--bs-secondary); | --bs-link-hover-color: var(--bs-secondary); | ||
} | |||
body { | |||
font-family: var(--bs-body-font-family); | |||
background-color: var(--bs-white); | |||
color: var(--bs-text-color); | |||
line-height: 1.6; | |||
margin: 0; | |||
padding: 1rem; | |||
} | |||
h1, h2, h3, h4, h5, h6 { | |||
font-family: var(--bs-heading-font-family); | |||
color: var(--bs-primary); | |||
margin-top: 1.5rem; | |||
margin-bottom: 0.75rem; | |||
line-height: 1.25; | |||
} | |||
/* Links sutis agora em verde escuro */ | |||
a { | |||
color: var(--bs-link-color); | |||
text-decoration: none; | |||
border-bottom: 1px dotted var(--bs-link-color); | |||
} | |||
a:hover { | |||
color: var(--bs-link-hover-color); | |||
border-bottom-color: var(--bs-link-hover-color); | |||
} | |||
/* Citações e blocos de destaque */ | |||
blockquote { | |||
background-color: var(--bs-light); | |||
border-left: 4px solid var(--bs-secondary); | |||
margin: 1rem 0; | |||
padding: 0.5rem 1rem; | |||
font-style: italic; | |||
color: var(--bs-text-color); | |||
} | |||
/* Separadores suaves */ | |||
hr { | |||
border: none; | |||
border-top: 1px solid var(--bs-secondary); | |||
margin: 2rem 0; | |||
} | |||
/* Tabelas limpas */ | |||
table { | |||
width: 100%; | |||
border-collapse: collapse; | |||
margin: 1rem 0; | |||
} | |||
table, th, td { | |||
border: 1px solid var(--bs-light); | |||
} | |||
th, td { | |||
padding: 0.5rem; | |||
} | |||
th { | |||
background-color: var(--bs-light); | |||
} | |||
/* Sumário (TOC) estilizado */ | |||
.toc { | |||
background-color: var(--bs-light); | |||
border: 1px solid var(--bs-secondary); | |||
padding: 0.5rem; | |||
font-size: 0.9rem; | |||
} | |||
.toc ul { | |||
list-style: none; | |||
margin: 0; | |||
padding: 0; | |||
} | |||
.toc a { | |||
border: none; | |||
} | |||
/* Navbar clean */ | |||
.navbar, .navbar-inverse { | |||
background-color: var(--bs-light) !important; | |||
border-bottom: 1px solid var(--bs-secondary); | |||
} | |||
.navbar .navbar-brand, .navbar .nav-link { | |||
color: var(--bs-primary) !important; | |||
} | |||
/* Botões com detalhes suaves */ | |||
.btn-primary { | |||
background-color: var(--bs-secondary); | |||
border-color: var(--bs-secondary); | |||
} | |||
.btn-primary:hover { | |||
background-color: var(--bs-primary); | |||
border-color: var(--bs-primary); | |||
} | } |
Revisão das 11h19min de 22 de julho de 2025
:root { --bs-primary: #0c3c29; --bs-secondary: #689427; --bs-accent: #f2ca36; --bs-light: #fdedc7; --bs-white: #ffffff; --bs-body-font-family: 'Inter', 'Montserrat', sans-serif; --bs-heading-font-family: 'Oswald', 'League Spartan', sans-serif; --bs-text-color: #202122; /* Links agora em verde escuro */ --bs-link-color: var(--bs-primary); --bs-link-hover-color: var(--bs-secondary); } body { font-family: var(--bs-body-font-family); background-color: var(--bs-white); color: var(--bs-text-color); line-height: 1.6; margin: 0; padding: 1rem; } h1, h2, h3, h4, h5, h6 { font-family: var(--bs-heading-font-family); color: var(--bs-primary); margin-top: 1.5rem; margin-bottom: 0.75rem; line-height: 1.25; } /* Links sutis agora em verde escuro */ a { color: var(--bs-link-color); text-decoration: none; border-bottom: 1px dotted var(--bs-link-color); } a:hover { color: var(--bs-link-hover-color); border-bottom-color: var(--bs-link-hover-color); } /* Citações e blocos de destaque */ blockquote { background-color: var(--bs-light); border-left: 4px solid var(--bs-secondary); margin: 1rem 0; padding: 0.5rem 1rem; font-style: italic; color: var(--bs-text-color); } /* Separadores suaves */ hr { border: none; border-top: 1px solid var(--bs-secondary); margin: 2rem 0; } /* Tabelas limpas */ table { width: 100%; border-collapse: collapse; margin: 1rem 0; } table, th, td { border: 1px solid var(--bs-light); } th, td { padding: 0.5rem; } th { background-color: var(--bs-light); } /* Sumário (TOC) estilizado */ .toc { background-color: var(--bs-light); border: 1px solid var(--bs-secondary); padding: 0.5rem; font-size: 0.9rem; } .toc ul { list-style: none; margin: 0; padding: 0; } .toc a { border: none; } /* Navbar clean */ .navbar, .navbar-inverse { background-color: var(--bs-light) !important; border-bottom: 1px solid var(--bs-secondary); } .navbar .navbar-brand, .navbar .nav-link { color: var(--bs-primary) !important; } /* Botões com detalhes suaves */ .btn-primary { background-color: var(--bs-secondary); border-color: var(--bs-secondary); } .btn-primary:hover { background-color: var(--bs-primary); border-color: var(--bs-primary); }