MediaWiki:Common.css
Nota: Após publicar, você pode ter que limpar o "cache" do seu navegador para ver as alterações.
- Firefox / Safari: Pressione Shift enquanto clica Recarregar, ou pressione Ctrl-F5 ou Ctrl-R (⌘-R no Mac)
- Google Chrome: Pressione Ctrl-Shift-R (⌘-Shift-R no Mac)
- Edge: Pressione Ctrl enquanto clica Recarregar, ou pressione Ctrl-F5.
- Opera: Pressione Ctrl-F5.
/* ======================================================
WIKI NETNEWS 2.1 - Layout Corporativo Profissional
====================================================== */
body {
font-family: 'Segoe UI', Arial, sans-serif;
}
/* HERO TOPO */
.hero {
background: linear-gradient(90deg, #1e3c72, #2a5298);
padding: 60px 40px;
color: white;
border-radius: 16px;
text-align: center;
margin-bottom: 40px;
}
.hero h1 {
font-size: 36px;
margin-bottom: 10px;
font-weight: 600;
}
.hero p {
font-size: 18px;
opacity: 0.9;
}
/* GRID PRINCIPAL */
.dashboard-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 25px;
margin-bottom: 40px;
}
/* CARDS */
.card {
padding: 30px;
border-radius: 18px;
color: white;
text-decoration: none;
transition: all 0.3s ease;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 200px;
}
.card h3 {
margin-top: 0;
font-size: 20px;
}
.card p {
font-size: 14px;
opacity: 0.9;
}
.card:hover {
transform: translateY(-8px);
box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}
/* CORES */
.blue { background: #3498db; }
.green { background: #2ecc71; }
.yellow { background: #f1c40f; color: #000; }
.red { background: #e74c3c; }
/* LINKS RÁPIDOS */
.quick-box {
background: #f4f6f9;
padding: 25px;
border-radius: 16px;
}
.quick-box h2 {
margin-top: 0;
}
.quick-box ul {
padding-left: 20px;
}