MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/* | /* Importa il font Roboto Condensed */ | ||
@import url('https://fonts.googleapis.com/css2?family= | @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap'); | ||
body { | body { | ||
font-family: ' | font-family: 'Roboto Condensed', sans-serif; | ||
background-color: # | background-color: #ffffff; /* Sfondo bianco */ | ||
color: # | color: #333333; /* Testo scuro per contrasto */ | ||
line-height: 1.6; /* Migliora la leggibilità aumentando l'interlinea */ | |||
} | } | ||
/* Stili per i titoli: | /* Stili per i titoli: più professionali e leggibili */ | ||
h1, h2, h3, h4, h5, h6 { | h1, h2, h3, h4, h5, h6 { | ||
color: # | color: #000000; /* Nero per maggiore contrasto */ | ||
margin-top: 20px; | |||
margin-bottom: 10px; | |||
} | } | ||
/* Collegamenti */ | /* Collegamenti non visitati */ | ||
a { | a:link { | ||
color: # | color: #1a0dab; /* Blu classico per i link */ | ||
text-decoration: none | text-decoration: none; /* Nessuna sottolineatura per un aspetto più pulito */ | ||
} | } | ||
a: | /* Collegamenti visitati */ | ||
color: # | a:visited { | ||
color: #551a8b; /* Viola scuro per i link visitati */ | |||
} | } | ||
/* Box di navigazione e pannelli laterali | /* Collegamenti al passaggio del mouse e quando sono attivi */ | ||
a:hover, a:active { | |||
text-decoration: underline; /* Sottolineatura al passaggio del mouse per indicare interattività */ | |||
color: #d60092; /* Fucsia scuro per distinguere l'interazione */ | |||
} | |||
/* Box di navigazione e pannelli laterali */ | |||
.navbox, .sidebar { | .navbox, .sidebar { | ||
background-color: # | background-color: #f8f9fa; /* Sfondo leggermente grigio per distinguere le aree */ | ||
border: 1px solid # | border: 1px solid #cccccc; /* Bordo per definire i contorni */ | ||
color: # | color: #333333; /* Testo scuro */ | ||
} | } | ||
/* Modifiche specifiche per le tabelle */ | /* Modifiche specifiche per le tabelle */ | ||
table { | table { | ||
border-collapse: collapse | border-collapse: collapse; | ||
width: 100%; /* Assicura che le tabelle si estendano per tutta la larghezza disponibile */ | |||
} | } | ||
th, td { | th, td { | ||
border: 1px solid #cccccc; /* Bordo chiaro per le celle */ | |||
padding: 8px; | |||
text-align: left; | |||
} | } | ||
th { | |||
background-color: #f2f2f2; /* Sfondo grigio chiaro per l'intestazione della tabella */ | |||
background-color: # | |||
} | } |
Revision as of 22:30, 16 March 2024
/* CSS placed here will be applied to all skins */ /* Importa il font Roboto Condensed */ @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap'); body { font-family: 'Roboto Condensed', sans-serif; background-color: #ffffff; /* Sfondo bianco */ color: #333333; /* Testo scuro per contrasto */ line-height: 1.6; /* Migliora la leggibilità aumentando l'interlinea */ } /* Stili per i titoli: più professionali e leggibili */ h1, h2, h3, h4, h5, h6 { color: #000000; /* Nero per maggiore contrasto */ margin-top: 20px; margin-bottom: 10px; } /* Collegamenti non visitati */ a:link { color: #1a0dab; /* Blu classico per i link */ text-decoration: none; /* Nessuna sottolineatura per un aspetto più pulito */ } /* Collegamenti visitati */ a:visited { color: #551a8b; /* Viola scuro per i link visitati */ } /* Collegamenti al passaggio del mouse e quando sono attivi */ a:hover, a:active { text-decoration: underline; /* Sottolineatura al passaggio del mouse per indicare interattività */ color: #d60092; /* Fucsia scuro per distinguere l'interazione */ } /* Box di navigazione e pannelli laterali */ .navbox, .sidebar { background-color: #f8f9fa; /* Sfondo leggermente grigio per distinguere le aree */ border: 1px solid #cccccc; /* Bordo per definire i contorni */ color: #333333; /* Testo scuro */ } /* Modifiche specifiche per le tabelle */ table { border-collapse: collapse; width: 100%; /* Assicura che le tabelle si estendano per tutta la larghezza disponibile */ } th, td { border: 1px solid #cccccc; /* Bordo chiaro per le celle */ padding: 8px; text-align: left; } th { background-color: #f2f2f2; /* Sfondo grigio chiaro per l'intestazione della tabella */ }