MediaWiki:Timeless.css

Nota: dopo aver pubblicato, potrebbe essere necessario pulire la cache del proprio browser per vedere i cambiamenti.

• Firefox / Safari: tieni premuto il tasto delle maiuscole Shift e fai clic su Ricarica, oppure premi Ctrl-F5 o Ctrl-R (⌘-R su Mac)
• Google Chrome: premi Ctrl-Shift-R (⌘-Shift-R su un Mac)
• Edge: tieni premuto il tasto Ctrl e fai clic su Aggiorna, oppure premi Ctrl-F5.

/* All CSS here will be loaded for users of the Timeless skin */
/*
 * Stili CSS personalizzati per la skin Timeless.
 * Colori basati sul sito Nick Digital Projects.
 *
 * NOTA: Questo CSS dovrebbe essere inserito in MediaWiki:Timeless.css.
 * La pagina MediaWiki:Common.css dovrebbe essere svuotata o eliminata.
 */

/* Importa il font Inter se non è già caricato */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif !important;
    color: #333333 !important; /* Testo principale: Grigio scuro per leggibilità */
    background-color: #F8F9FA !important; /* Sfondo generale del body: Grigio molto chiaro */
}

/* Header (barra superiore) - Aggiornato con ID corretto */
#mw-header-container {
    background-color: #333333 !important; /* Grigio scuro del tuo sito */
    border-bottom: 1px solid #ffffff !important; /* Bordo bianco */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 10) !important; /* Ombra leggera */
}

.color-middle {
    height: 0.95em;
    background: #2a4b8d;
    margin-left: 15em;
    margin-right: 17em;
}

/* Colore del testo del titolo della wiki nell'header - AGGIORNATO CON SELETTORE ESATTO */
#p-banner.mw-wiki-title {
    color: #FFFFFF !important; /* Bianco per il titolo della wiki */
    font-weight: 700 !important;
    text-decoration: none !important;
}
#p-banner.mw-wiki-title:hover {
    color: #CCCCCC !important; /* Grigio chiaro al hover */
}



/* Regola per l'elemento #simpleSearch */
#simpleSearch {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05) !important;
    background: #f8f7e6 !important;
    position: relative !important;
    border: solid 1px #c8ccd1 !important;
    border-radius: 0.5rem !important; /* Aggiunto per arrotondare i bordi */
}