MediaWiki:FrisardiNetwork.css: differenze tra le versioni
Nessun oggetto della modifica |
Nessun oggetto della modifica |
||
| Riga 1: | Riga 1: | ||
.frisardi-hero { position:relative; padding:40px 20px; text-align:center; background:#f7f7f7; } | .frisardi-hero { position:relative; padding:40px 20px; text-align:center; background:#f7f7f7; } | ||
.frisardi-hero .brand { font-size:32px; font-weight:700; letter-spacing:0.5px; } | .frisardi-hero .brand { font-size:32px; font-weight:700; letter-spacing:0.5px; } | ||
| Riga 5: | Riga 4: | ||
.frisardi-hero .hero-img { width:100%; max-height:360px; object-fit:cover; border-radius:16px; } | .frisardi-hero .hero-img { width:100%; max-height:360px; object-fit:cover; border-radius:16px; } | ||
.f-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:16px; } | .f-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:16px; } | ||
.f-card { grid-column: span 6; background:#fff; border:1px solid #eee; border-radius:16px; padding:16px; box-shadow:0 2px 10px rgba(0,0,0,0.04); } | .f-card { grid-column: span 6; background:#fff; border:1px solid #eee; border-radius:16px; padding:16px; box-shadow:0 2px 10px rgba(0,0,0,0.04); } | ||
@media (max-width:900px){ .f-card{ grid-column: span 12; } } | @media (max-width:900px){ .f-card{ grid-column: span 12; } } | ||
.f-profile { display:flex; gap:16px; align-items:center; } | .f-profile { display:flex; gap:16px; align-items:center; } | ||
.f-profile img { width:84px; height:84px; border-radius:50%; object-fit:cover; } | .f-profile img { width:84px; height:84px; border-radius:50%; object-fit:cover; } | ||
| Riga 16: | Riga 13: | ||
.f-profile .role { font-size:13px; opacity:.8; } | .f-profile .role { font-size:13px; opacity:.8; } | ||
.f-breadcrumb { font-size:13px; margin:8px 0 16px; opacity:.8; } | .f-breadcrumb { font-size:13px; margin:8px 0 16px; opacity:.8; } | ||
.f-breadcrumb a { text-decoration:none; } | .f-breadcrumb a { text-decoration:none; } | ||
.f-cta { display:inline-block; padding:10px 16px; border-radius:10px; border:1px solid #ddd; text-decoration:none; } | .f-cta { display:inline-block; padding:10px 16px; border-radius:10px; border:1px solid #ddd; text-decoration:none; } | ||
.f-cta:hover { box-shadow:0 6px 18px rgba(0,0,0,0.06); } | .f-cta:hover { box-shadow:0 6px 18px rgba(0,0,0,0.06); } | ||
.chapter-content { max-width:1100px; margin:0 auto; line-height:1.6; } | .chapter-content { max-width:1100px; margin:0 auto; line-height:1.6; } | ||
Versione delle 15:30, 13 set 2025
.frisardi-hero { position:relative; padding:40px 20px; text-align:center; background:#f7f7f7; }
.frisardi-hero .brand { font-size:32px; font-weight:700; letter-spacing:0.5px; }
.frisardi-hero .subtitle { font-size:16px; opacity:0.85; margin-top:6px; }
.frisardi-hero .hero-img { width:100%; max-height:360px; object-fit:cover; border-radius:16px; }
.f-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:16px; }
.f-card { grid-column: span 6; background:#fff; border:1px solid #eee; border-radius:16px; padding:16px; box-shadow:0 2px 10px rgba(0,0,0,0.04); }
@media (max-width:900px){ .f-card{ grid-column: span 12; } }
.f-profile { display:flex; gap:16px; align-items:center; }
.f-profile img { width:84px; height:84px; border-radius:50%; object-fit:cover; }
.f-profile .name { font-weight:700; font-size:18px; }
.f-profile .role { font-size:13px; opacity:.8; }
.f-breadcrumb { font-size:13px; margin:8px 0 16px; opacity:.8; }
.f-breadcrumb a { text-decoration:none; }
.f-cta { display:inline-block; padding:10px 16px; border-radius:10px; border:1px solid #ddd; text-decoration:none; }
.f-cta:hover { box-shadow:0 6px 18px rgba(0,0,0,0.06); }
.chapter-content { max-width:1100px; margin:0 auto; line-height:1.6; }