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 21: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 */
}