MediaWiki:Common.css: Difference between revisions

From Apollo Nephilim
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 */


/* Imposta il font di base */
/* Importa il font Roboto Condensed */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');


body {
body {
     font-family: 'Orbitron', sans-serif !important;
     font-family: 'Roboto Condensed', sans-serif;
     background-color: #0a0a0a !important; /* Sfondo scuro */
     background-color: #ffffff; /* Sfondo bianco */
     color: #c7c7c7 !important; /* Testo chiaro per contrasto */
     color: #333333; /* Testo scuro per contrasto */
    line-height: 1.6; /* Migliora la leggibilità aumentando l'interlinea */
}
}


/* Stili per i titoli: colore fucsia scuro */
/* Stili per i titoli: più professionali e leggibili */
h1, h2, h3, h4, h5, h6 {
h1, h2, h3, h4, h5, h6 {
     color: #d60092 !important; /* Fucsia scuro */
     color: #000000; /* Nero per maggiore contrasto */
     text-shadow: none !important; /* Nessun effetto glow */
     margin-top: 20px;
    margin-bottom: 10px;
}
}


/* Collegamenti */
/* Collegamenti non visitati */
a {
a:link {
     color: #d60092 !important; /* Fucsia scuro */
     color: #1a0dab; /* Blu classico per i link */
     text-decoration: none !important; /* Nessuna sottolineatura */
     text-decoration: none; /* Nessuna sottolineatura per un aspetto più pulito */
}
}


a:hover {
/* Collegamenti visitati */
     color: #ff66ff !important; /* Fucsia chiaro al passaggio del mouse */
a:visited {
    text-decoration: underline !important; /* Sottolinea al passaggio del mouse */
     color: #551a8b; /* Viola scuro per i link visitati */
}
}


/* Box di navigazione e pannelli laterali con sfondo leggermente diverso */
/* 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: #121212 !important; /* Sfondo scuro per contrasto */
     background-color: #f8f9fa; /* Sfondo leggermente grigio per distinguere le aree */
     border: 1px solid #d60092 !important; /* Bordo fucsia scuro */
     border: 1px solid #cccccc; /* Bordo per definire i contorni */
     color: #c7c7c7 !important; /* Testo chiaro */
     color: #333333; /* Testo scuro */
}
}


/* Modifiche specifiche per le tabelle */
/* Modifiche specifiche per le tabelle */
table {
table {
     border-collapse: collapse !important;
     border-collapse: collapse;
}
     width: 100%; /* Assicura che le tabelle si estendano per tutta la larghezza disponibile */
 
table, th, td {
     border: 1px solid #d60092 !important; /* Bordo fucsia scuro per le tabelle */
}
}


th, td {
th, td {
     padding: 8px !important; /* Spaziatura */
     border: 1px solid #cccccc; /* Bordo chiaro per le celle */
     text-align: left !important; /* Allineamento testo */
     padding: 8px;
}
     text-align: left;
 
/* Personalizza ulteriormente secondo le tue necessità */
 
/* Specifica per il titolo della pagina */
#firstHeading {
     font-family: 'Orbitron', sans-serif !important;
    color: #d60092 !important; /* Fucsia scuro */
}
}


/* Correzione dello sfondo e del colore del testo */
th {
body, .mw-body {
     background-color: #f2f2f2; /* Sfondo grigio chiaro per l'intestazione della tabella */
     background-color: #0a0a0a !important; /* Sfondo scuro */
    color: #c7c7c7 !important; /* Testo chiaro per contrasto */
}
}

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