Utente:Davide.giorgetta/vector.css
Versione del 27 mag 2022 alle 09:06 di Davide.giorgetta (Discussione | contributi)
Nota: dopo aver salvato, potrebbe essere necessario pulire la cache del proprio browser per vedere i cambiamenti.
- Firefox / Safari: tenere premuto il tasto delle maiuscole Shift e fare clic su Ricarica, oppure premere Ctrl-F5 o Ctrl-R (⌘-R su Mac)
- Google Chrome: premere Ctrl-Shift-R (⌘-Shift-R su un Mac)
- Internet Explorer: tenere premuto il tasto Ctrl e fare clic su Aggiorna, oppure premere Ctrl-F5
- Opera: Vai nel Menu → Impostazioni (Opera → Preferenze su un Mac) e poi in Privacy & sicurezza → Pulisci dati del browser → Immagini e file nella cache.
/*@import url('https://fonts.wikimedia.it/css?family=Inter:wght@400;700&display=swap');*/ /* VARIABLES */ :root { --black: #2C2C2C; --red: #ff0848; --blue: #1C63F5; --green: #42B56A; --violet: #8D46FF; --yellow: #E4FE54; --black-light: #F4F4F4; --red-light: #FDDDDF; --blue-light: #e5eeff; --green-light: #DDF8E7; --violet-light: #f0eafa; --yellow-light: #F8FFD1; --black-dark: #000; --white: #FFF; --transparent: transparent; --blue-medium: #C0CFF7; } /* GENERAL */ body { font-family: 'Inter', sans-serif; padding: 30px; background-color: var(--white); height: auto; } /* NAVIGATION */ table.wmi-navigation { width: 100%; margin: 0px -3px; } table.wmi-navigation tr { } table.wmi-navigation tr td { padding: 0px 1px; } table.wmi-navigation tr td a { display: block; background-color: var(--blue-light); color: var(--blue); border-radius: 8px; padding: 10px 2px; font-size: 14px; text-align: center; } table.wmi-navigation.wmi-navigation-first-level { margin-bottom: 15px; } table.wmi-navigation.wmi-navigation-first-level tr { display: flex; width: 100%; } table.wmi-navigation.wmi-navigation-first-level tr td { display: flex; width: 100%; justify-content: center; background-color: var(--blue-light); color: var(--blue); border-radius: 8px; padding: 0px 2px; font-size: 14px; text-align: center; border: 0px !important; } table.wmi-navigation.wmi-navigation-first-level tr td:hover { background-color: var(--blue-medium); } table.wmi-navigation.wmi-navigation-first-level tr td:hover a { background-color: var(--blue-medium); } table.wmi-navigation.wmi-navigation-first-level tr td a { font-weight: 700 !important; text-transform: uppercase !important; color: var(--blue) !important; } table.wmi-navigation.wmi-navigation-first-level tr td a span { font-weight: 700 !important; text-transform: uppercase !important; color: var(--blue) !important; } table.wmi-navigation.wmi-navigation-first-level tr td .selflink { font-weight: 700 !important; text-transform: uppercase !important; } table.wmi-navigation.wmi-navigation-second-level tr td { border: 0px !important; padding: 0px !important; } table.wmi-navigation.wmi-navigation-second-level tr td a { font-weight: 700 !important; } table.wmi-navigation.wmi-navigation-second-level tr td .selflink { font-weight: 700 !important; } table.wmi-navigation.wmi-navigation-third-level tr td { border: 0px !important; padding: 0px !important; } table.wmi-navigation.wmi-navigation-third-level tr td a { font-weight: 700 !important; } table.wmi-navigation tr td a:focus { text-decoration: none !important; } table.wmi-navigation tr td a:hover { background-color: var(--black-medium) !important; text-decoration: none !important; } table.wmi-navigation tr td .selflink { display: block; background-color: var(--blue); color: var(--white); border-radius: 8px; padding: 10px 2px; font-size: 14px; text-align: center; font-weight: 400; } /* TABLE OF CONTENT */ #toc { border: 0px; margin: 30px 0px; background-color: var(--black-light); border-radius: 8px; padding: 0px; } #toc #toctitle { padding: 15px 20px; border-bottom: 1px solid #cbcbcb; } #toc #toctitle .toctoggle { visibility: hidden; } #toc #toctitle .toctoggle a { visibility: visible; background-color: var(--transparent); color: var(--blue); border: 1px solid var(--blue); border-radius: 100vw; padding: 2px 6px; font-weight: 400; text-transform: capitalize; font-size: 12px; } #toc #toctitle .toctoggle a:hover { text-decoration: none; } #toc > ul { padding: 15px 20px; } #toc ul li a { color: var(--blue); } /* SECONDARY TOC */ .toccolours { border: 0px; margin: 30px 0px; background-color: var(--black-light); border-radius: 8px; padding: 0px; } .toccolours th { padding: 15px 20px; border-bottom: 1px solid #cbcbcb; } .toccolours ul { padding: 15px 20px; } /* TEXT */ h1 { font-weight: 700; margin-bottom: 15px; padding-bottom: 15px; display: flex; align-items: center; } h2 { font-weight: 700; margin-bottom: 15px; padding-bottom: 15px; display: flex; align-items: center; } h3 { font-weight: 700; margin-bottom: 15px; padding-bottom: 15px; display: flex; align-items: center; } a { color: var(--blue); } .mw-body a.extiw { color: var(--blue); } .mw-body a.extiw:active { color: var(--blue); } .mw-body a.external { color: var(--blue); } li a { color: var(--blue); } .mw-headline { font-family: 'Inter', sans-serif !important; padding-bottom: 10px; } .firstHeading { font-family: 'Inter', sans-serif !important; }