Utente:Davide.giorgetta/vector.css
Versione del 29 apr 2022 alle 17:18 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');*/ /* GENERAL */ body { font-family: 'Inter', sans-serif; padding: 30px; background-color: #fff; 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: #E0E8FB; color: #0741DE; border-radius: 8px; padding: 10px 2px; font-size: 14px; text-align: center; } table.wmi-navigation.wmi-navigation-first-level tr td a { font-weight: 700; text-transform: uppercase; } table.wmi-navigation.wmi-navigation-first-level tr td .selflink { font-weight: 700; text-transform: uppercase; } table.wmi-navigation.wmi-navigation-second-level tr td a { font-weight: 700; } table.wmi-navigation.wmi-navigation-second-level tr td .selflink { font-weight: 700; } table.wmi-navigation tr td a:focus { text-decoration: none; } table.wmi-navigation tr td a:hover { background-color: #C0CFF7; text-decoration: none; } table.wmi-navigation tr td .selflink { display: block; background-color: #0741DE; color: #fff; 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: #f1f1f1; 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: transparent; color: #0741DE; border: 1px solid #0741DE; 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: #0741DE; } /* SECONDARY TOC */ .toccolours { border: 0px; margin: 30px 0px; background-color: #f1f1f1; 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: #0741DE; } /* GRID */ .row { margin: 0px -15px; display: flex; margin-bottom: 15px; clear: both; } .col-1 { width: 16.666%; padding: 15px; margin-bottom: 15px; } .col-2 { width: 33.333%; padding: 15px; margin-bottom: 15px; } .col-3 { width: 50%; padding: 15px; margin-bottom: 15px; } .col-4 { width: 66.666%; padding: 15px; margin-bottom: 15px; } .col-5 { width: 83.330%; padding: 15px; margin-bottom: 15px; } .col-6 { width: 100%; padding: 15px; margin-bottom: 15px; } /* COLORS */ /* Black */ .color-black { background-color: #2C2C2C; border: 0px solid #2C2C2C; margin-left: 15px; margin-right: 15px; border-radius: 8px; } .color-black h2 { border-bottom: 1px solid #FFF; } .color-black a { color: #FFF; } .color-black .mw-editsection a { background-color: transparent; border: 1px solid #FFF; color: #FFF; } /* Light black */ .color-black-light { background-color: #F4F4F4; border: 0px solid #2C2C2C; margin-left: 15px; margin-right: 15px; border-radius: 8px; } .color-black-light h2 { border-bottom: 1px solid #2C2C2C; } .color-black-light a { color: #2C2C2C; } .color-black-light .mw-editsection a { background-color: transparent; border: 1px solid #2C2C2C; color: #2C2C2C; } /* Outline black */ .color-black-outline { background-color: #FFF; border: 1px solid #2C2C2C; margin-left: 15px; margin-right: 15px; border-radius: 8px; } .color-black-outline h2 { border-bottom: 1px solid #2C2C2C; } .color-black-outline a { color: #2C2C2C; } .color-black-outline .mw-editsection a { background-color: transparent; border: 1px solid #2C2C2C; color: #2C2C2C; } /* Red */ .color-red { background-color: #D9393F; border: 0px solid #D9393F; margin-left: 15px; margin-right: 15px; border-radius: 8px; } .color-red h2 { border-bottom: 1px solid #FFF; } .color-red a { color: #FFF; } .color-red .mw-editsection a { background-color: transparent; border: 1px solid #FFF; color: #FFF; } /* Light red */ .color-red-light { background-color: #FDDDDF; border: 0px solid #D9393F; margin-left: 15px; margin-right: 15px; border-radius: 8px; } .color-red-light h2 { border-bottom: 1px solid #D9393F; } .color-red-light a { color: #D9393F; } .color-red-light .mw-editsection a { background-color: transparent; border: 1px solid #D9393F; color: #D9393F; } /* Outline red */ .color-red-outline { background-color: #FFF; border: 1px solid #D9393F; margin-left: 15px; margin-right: 15px; border-radius: 8px; } .color-red-outline h2 { border-bottom: 1px solid #D9393F; } .color-red-outline a { color: #D9393F; } .color-red-outline .mw-editsection a { background-color: transparent; border: 1px solid #D9393F; color: #D9393F; } /* Blue */ .color-blue { background-color: #1C63F5; border: 0px solid #FFF; margin-left: 15px; margin-right: 15px; border-radius: 8px; } .color-blue h2 { border-bottom: 1px solid #FFF; } .color-blue a { color: #FFF; } .color-blue .mw-editsection a { background-color: transparent; border: 1px solid #FFF; color: #FFF; } /* Light blue */ .color-blue-light { background-color: #DBE8FF; border: 0px solid #1C63F5; margin-left: 15px; margin-right: 15px; border-radius: 8px; } .color-blue-light h2 { border-bottom: 1px solid #1C63F5; } .color-blue-light a { color: #1C63F5; } .color-blue-light .mw-editsection a { background-color: transparent; border: 1px solid #1C63F5; color: #1C63F5; } /* Outline blue */ .color-blue-outline { background-color: #FFF; border: 1px solid #1C63F5; margin-left: 15px; margin-right: 15px; border-radius: 8px; } .color-blue-outline h2 { border-bottom: 1px solid #1C63F5; } .color-blue-outline a { color: #1C63F5; } .color-blue-outline .mw-editsection a { background-color: transparent; border: 1px solid #1C63F5; color: #1C63F5; } .color-aqua { background-color: #d6ffff; border: 0px solid #00d5d5; margin-left: 15px; margin-right: 15px; border-radius: 8px; } /* Green */ .color-green { background-color: #42B56A; border: 0px solid #42B56A; margin-left: 15px; margin-right: 15px; border-radius: 8px; } .color-green h2 { border-bottom: 1px solid #FFF; } .color-green a { color: #FFF; } .color-green .mw-editsection a { background-color: transparent; border: 1px solid #FFF; color: #FFF; } /* Light green */ .color-green-light { background-color: #DDF8E7; border: 0px solid #42B56A; margin-left: 15px; margin-right: 15px; border-radius: 8px; } .color-green-light h2 { border-bottom: 1px solid #42B56A; } .color-green-light a { color: #42B56A; } .color-green-light .mw-editsection a { background-color: transparent; border: 1px solid #42B56A; color: #42B56A; } /* Outline green */ .color-green-outline { background-color: #FFF; border: 1px solid #42B56A; margin-left: 15px; margin-right: 15px; border-radius: 8px; } .color-green-outline h2 { border-bottom: 1px solid #42B56A; } .color-green-outline a { color: #42B56A; } .color-green-outline .mw-editsection a { background-color: transparent; border: 1px solid #42B56A; color: #42B56A; } /* Violet */ .color-violet { background-color: #8D46FF; border: 0px solid #8D46FF; margin-left: 15px; margin-right: 15px; border-radius: 8px; } .color-violet h2 { border-bottom: 1px solid #FFF; } .color-violet a { color: #FFF; } .color-violet .mw-editsection a { background-color: transparent; border: 1px solid #FFF; color: #FFF; } /* Light violet */ .color-violet-light { background-color: #EBDEFF; border: 0px solid #8D46FF; margin-left: 15px; margin-right: 15px; border-radius: 8px; } .color-violet-light h2 { border-bottom: 1px solid #8D46FF; } .color-violet-light a { color: #8D46FF; } .color-violet-light .mw-editsection a { background-color: transparent; border: 1px solid #8D46FF; color: #8D46FF; } /* Outline violet */ .color-violet-outline { background-color: #FFF; border: 1px solid #8D46FF; margin-left: 15px; margin-right: 15px; border-radius: 8px; } .color-violet-outline h2 { border-bottom: 1px solid #8D46FF; } .color-violet-outline a { color: #8D46FF; } .color-violet-outline .mw-editsection a { background-color: transparent; border: 1px solid #8D46FF; color: #8D46FF; } /* Yellow */ .color-yellow { background-color: #E4FE54; border: 0px solid #E4FE54; margin-left: 15px; margin-right: 15px; border-radius: 8px; } .color-yellow h2 { border-bottom: 1px solid #000; } .color-yellow a { color: #000; } .color-yellow .mw-editsection a { background-color: transparent; border: 1px solid #000; color: #000; } /* Light yellow */ .color-yellow-light { background-color: #F8FFD1; border: 0px solid #E4FE54; margin-left: 15px; margin-right: 15px; border-radius: 8px; } .color-yellow-light h2 { border-bottom: 1px solid #000; } .color-yellow-light a { color: #000; } .color-yellow-light .mw-editsection a { background-color: transparent; border: 1px solid #000; color: #000; } /* IMAGE */ .image { margin-left: 15px; margin-right: 15px; border-radius: 8px; } .image img { width: 100%; } /* EDIT BUTTON */ .mw-editsection .mw-editsection-bracket { display: none; } .mw-editsection a { background-color: #E0E8FB; color: #0741DE; border: 0px solid #0741DE; border-radius: 100vw; padding: 2px 6px; font-weight: 400; text-transform: capitalize; font-size: 12px; margin-bottom: 5px; } .mw-editsection a:hover { text-decoration: none; } /* TABELLE */ table small { visibility: hidden; } table small a { visibility: visible; background-color: transparent; color: #0741DE; border: 1px solid #0741DE; border-radius: 100vw; padding: 2px 6px; font-weight: 400; text-transform: capitalize; font-size: 12px; } table.wikitable { border-top: 1px solid #0741DE; border-bottom: 1px solid #0741DE; border-left: 1px solid #0741DE; border-right: 1px solid #0741DE; } table.wikitable tr { } table.wikitable tr th { } table.wikitable tr td { } table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; } /* MEDIA QUERIES */ @media screen and (max-width: 992px) { table.navigation tr { display: flex; flex-direction: column; margin-top: 10px; } table.navigation tr td { margin-bottom: 2px; } #toc { display: block; } .toccolours { float: none !important; } .row { flex-wrap: wrap; } .col-1 { width: 100%; } .col-2 { width: 100%; } .col-3 { width: 100%; } .col-4 { width: 100%; } .col-5 { width: 100%; } .col-6 { width: 100%; } }