|
|
| Riga 1: |
Riga 1: |
| /* All CSS here will be loaded for users of the Timeless skin */ | | /* 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
| |
| * o, in alternativa, in MediaWiki:Common.css.
| |
| */
| |
|
| |
| /* 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) */
| |
| .mw-timeless-header {
| |
| background-color: #333333 !important; /* Grigio scuro del tuo sito */
| |
| border-bottom: 1px solid #222222 !important; /* Bordo più scuro */
| |
| box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important; /* Ombra leggera */
| |
| }
| |
|
| |
| /* Stile per il logo nell'header */
| |
| .mw-timeless-header .mw-wiki-logo {
| |
| /* Per un'immagine logo, potresti voler regolare background-size, background-image, ecc. */
| |
| /* Esempio: background-image: url('/path/to/your/logo.png') !important; */
| |
| /* background-size: contain !important; */
| |
| /* background-repeat: no-repeat !important; */
| |
| /* background-position: center left !important; */
| |
| /* width: 150px !important; */
| |
| /* height: 40px !important; */
| |
| }
| |
|
| |
| /* Colore del testo del titolo della wiki nell'header */
| |
| .mw-timeless-header .mw-wiki-title a {
| |
| color: #FFFFFF !important; /* Bianco per il titolo della wiki */
| |
| font-weight: 700 !important;
| |
| text-decoration: none !important;
| |
| }
| |
| .mw-timeless-header .mw-wiki-title a:hover {a
| |
| color: #CCCCCC !important; /* Grigio chiaro al hover */
| |
| }
| |
|
| |
| /* Colore dei link di navigazione nell'header (es. Utente, Discussioni, Preferenze) */
| |
| .mw-timeless-header .mw-timeless-tools a,
| |
| .mw-timeless-header .mw-timeless-tools .mw-user-menu-button {
| |
| color: #0099FF !important; /* Blu vivace per i link */
| |
| text-decoration: none !important;
| |
| }
| |
| .mw-timeless-header .mw-timeless-tools a:hover,
| |
| .mw-timeless-header .mw-timeless-tools .mw-user-menu-button:hover {
| |
| color: #FFFFFF !important; /* Bianco al hover */
| |
| text-decoration: underline !important;
| |
| }
| |
|
| |
| /* Campo di ricerca nell'header */
| |
| .mw-timeless-header .mw-timeless-search-box input[type="search"] {
| |
| background-color: #444444 !important; /* Sfondo del campo di ricerca più scuro */
| |
| border: 1px solid #555555 !important; /* Bordo più chiaro */
| |
| color: #FFFFFF !important; /* Testo bianco */
| |
| border-radius: 0.25rem !important;
| |
| padding: 0.5rem 1rem !important;
| |
| }
| |
| .mw-timeless-header .mw-timeless-search-box input[type="search"]::placeholder {
| |
| color: #AAAAAA !important; /* Colore del placeholder */
| |
| }
| |
|
| |
| /* Pulsante di ricerca nell'header */
| |
| .mw-timeless-header .mw-timeless-search-box button {
| |
| background-color: #007BFF !important; /* Blu per il pulsante */
| |
| color: white !important;
| |
| border: none !important;
| |
| border-radius: 0.25rem !important;
| |
| padding: 0.5rem 1rem !important;
| |
| font-weight: 600 !important;
| |
| cursor: pointer !important;
| |
| transition: background-color 0.2s ease !important;
| |
| }
| |
| .mw-timeless-header .mw-timeless-search-box button:hover {
| |
| background-color: #0056B3 !important; /* Blu più scuro al hover */
| |
| }
| |
|
| |
| /* Sidebar di navigazione (colonna di sinistra) */
| |
| .mw-timeless-sidebar {
| |
| background-color: #FFFFFF !important; /* Sfondo bianco per la sidebar */
| |
| border-right: 1px solid #E5E7EB !important; /* Bordo leggero */
| |
| box-shadow: 2px 0 5px rgba(0, 0, 0, 0.05) !important; /* Ombra leggera a destra */
| |
| }
| |
|
| |
| /* Titoli delle sezioni nella sidebar (es. Navigazione, Strumenti) */
| |
| .mw-timeless-sidebar h2 {
| |
| color: #1A2B4C !important; /* Blu scuro/Navy per i titoli della sidebar */
| |
| font-size: 1.2rem !important;
| |
| font-weight: 600 !important;
| |
| margin-bottom: 0.8rem !important;
| |
| padding-bottom: 0.4rem !important;
| |
| border-bottom: 1px solid #EEEEEE !important;
| |
| }
| |
|
| |
| /* Link nella sidebar */
| |
| .mw-timeless-sidebar a {
| |
| color: #007BFF !important; /* Blu per i link della sidebar */
| |
| text-decoration: none !important;
| |
| display: block !important;
| |
| padding: 0.4rem 0.5rem !important;
| |
| border-radius: 0.25rem !important;
| |
| transition: background-color 0.2s ease, color 0.2s ease !important;
| |
| }
| |
| .mw-timeless-sidebar a:hover {
| |
| background-color: #F0F0F0 !important; /* Grigio chiaro al hover */
| |
| color: #0056B3 !important; /* Blu più scuro al hover */
| |
| }
| |
|
| |
| /* Contenuto principale (l'area bianca della pagina) */
| |
| .mw-timeless-content {
| |
| background-color: #FFFFFF !important; /* Mantenuto bianco come richiesto */
| |
| border-radius: 0.5rem !important;
| |
| box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important; /* Ombra per dare profondità */
| |
| padding: 2rem !important;
| |
| }
| |
|
| |
| /* Titoli all'interno del contenuto */
| |
| .mw-timeless-content h1,
| |
| .mw-timeless-content h2,
| |
| .mw-timeless-content h3,
| |
| .mw-timeless-content h4,
| |
| .mw-timeless-content h5,
| |
| .mw-timeless-content h6 {
| |
| color: #1A2B4C !important; /* Blu scuro/Navy per i titoli del contenuto */
| |
| border-bottom: 1px solid #D0D0D0 !important; /* Linea sotto i titoli */
| |
| padding-bottom: 0.5rem !important;
| |
| margin-bottom: 1rem !important;
| |
| }
| |
|
| |
| /* Footer */
| |
| .mw-timeless-footer {
| |
| background-color: #333333 !important; /* Grigio scuro del tuo sito */
| |
| color: #CCCCCC !important; /* Testo grigio chiaro nel footer */
| |
| padding: 1.5rem 2rem !important;
| |
| text-align: center !important;
| |
| margin-top: 2rem !important; /* Spazio dal contenuto */
| |
| box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2) !important; /* Ombra verso l'alto */
| |
| }
| |
|
| |
| .mw-timeless-footer a {
| |
| color: #0099FF !important; /* Blu vivace per i link nel footer */
| |
| text-decoration: none !important;
| |
| }
| |
|
| |
| .mw-timeless-footer a:hover {
| |
| text-decoration: underline !important;
| |
| }
| |
