Differenze tra le versioni di "Utente:Davide.giorgetta/vector.css"
Jump to navigation
Jump to search
(Pagina svuotata) |
|||
Riga 1: | Riga 1: | ||
+ | /*@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; | ||
+ | } | ||
+ | |||
+ | /* LAYOUT */ | ||
+ | |||
+ | .catlinks { | ||
+ | background-color: var(--black-light); | ||
+ | border: 0px; | ||
+ | border-radius: 8px; | ||
+ | padding: 5px 10px; | ||
+ | } | ||
+ | |||
+ | div.thumbinner { | ||
+ | background-color: var(--black-light); | ||
+ | border: 0px; | ||
+ | border-radius: 8px; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | |||
+ | /* GRID */ | ||
+ | |||
+ | .row { | ||
+ | margin: 0px -15px; | ||
+ | display: flex; | ||
+ | /* align-items: flex-start; */ | ||
+ | margin-bottom: 15px; | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | .col-1 { | ||
+ | width: 16.666%; | ||
+ | padding: 10px 15px; | ||
+ | margin-bottom: 15px; | ||
+ | } | ||
+ | |||
+ | .col-2 { | ||
+ | width: 33.333%; | ||
+ | padding: 10px 15px; | ||
+ | margin-bottom: 15px; | ||
+ | } | ||
+ | |||
+ | .col-3 { | ||
+ | width: 50%; | ||
+ | padding: 10px 15px; | ||
+ | margin-bottom: 15px; | ||
+ | } | ||
+ | |||
+ | .col-4 { | ||
+ | width: 66.666%; | ||
+ | padding: 10px 15px; | ||
+ | margin-bottom: 15px; | ||
+ | } | ||
+ | |||
+ | .col-5 { | ||
+ | width: 83.330%; | ||
+ | padding: 10px 15px; | ||
+ | margin-bottom: 15px; | ||
+ | } | ||
+ | |||
+ | .col-6 { | ||
+ | width: 100%; | ||
+ | padding: 10px 15px; | ||
+ | margin-bottom: 15px; | ||
+ | } | ||
+ | |||
+ | /* COLORS */ | ||
+ | |||
+ | /* Black */ | ||
+ | |||
+ | .color-black { | ||
+ | background-color: var(--black); | ||
+ | border: 0px solid var(--black); | ||
+ | margin-left: 15px; | ||
+ | margin-right: 15px; | ||
+ | border-radius: 8px; | ||
+ | } | ||
+ | |||
+ | .color-black h2 { | ||
+ | border-bottom: 1px solid var(--white); | ||
+ | } | ||
+ | |||
+ | .color-black a { | ||
+ | color: var(--white); | ||
+ | } | ||
+ | |||
+ | .color-black .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--white); | ||
+ | color: var(--white); | ||
+ | } | ||
+ | |||
+ | .color-black .mw-headline, | ||
+ | .color-black .mw-headline p, | ||
+ | .color-black a.extiw, | ||
+ | .color-black a.external, | ||
+ | .color-black a.extiw:active { | ||
+ | color: var(--white); | ||
+ | } | ||
+ | |||
+ | /* Light black */ | ||
+ | |||
+ | .color-black-light { | ||
+ | background-color: var(--black-light); | ||
+ | border: 0px solid var(--black); | ||
+ | margin-left: 15px; | ||
+ | margin-right: 15px; | ||
+ | border-radius: 8px; | ||
+ | } | ||
+ | |||
+ | .color-black-light h2 { | ||
+ | border-bottom: 1px solid var(--black); | ||
+ | } | ||
+ | |||
+ | .color-black-light a { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-black-light .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-black-light .mw-headline, | ||
+ | .color-black-light .mw-headline p, | ||
+ | .color-black-light a.extiw, | ||
+ | .color-black-light a.external, | ||
+ | .color-black-light a.extiw:active { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | /* Outline black */ | ||
+ | |||
+ | .color-black-outline { | ||
+ | background-color: var(--white); | ||
+ | border: 1px solid var(--black); | ||
+ | margin-left: 15px; | ||
+ | margin-right: 15px; | ||
+ | border-radius: 8px; | ||
+ | } | ||
+ | |||
+ | .color-black-outline h2 { | ||
+ | border-bottom: 1px solid var(--black); | ||
+ | } | ||
+ | |||
+ | .color-black-outline a { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-black-outline .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-black-outline .mw-headline, | ||
+ | .color-black-outline .mw-headline p, | ||
+ | .color-black-outline a.extiw, | ||
+ | .color-black-outline a.external, | ||
+ | .color-black-outline a.extiw:active { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | /* Red */ | ||
+ | |||
+ | .color-red { | ||
+ | background-color: var(--red); | ||
+ | border: 0px solid var(--red); | ||
+ | margin-left: 15px; | ||
+ | margin-right: 15px; | ||
+ | border-radius: 8px; | ||
+ | } | ||
+ | |||
+ | .color-red h2 { | ||
+ | border-bottom: 1px solid var(--white); | ||
+ | } | ||
+ | |||
+ | .color-red a { | ||
+ | color: var(--white); | ||
+ | } | ||
+ | |||
+ | .color-red .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--white); | ||
+ | color: var(--white); | ||
+ | } | ||
+ | |||
+ | .color-red .mw-headline, | ||
+ | .color-red .mw-headline p, | ||
+ | .color-red a.extiw, | ||
+ | .color-red a.external, | ||
+ | .color-red a.extiw:active { | ||
+ | color: var(--white); | ||
+ | } | ||
+ | |||
+ | /* Light red */ | ||
+ | |||
+ | .color-red-light { | ||
+ | background-color: var(--red-light); | ||
+ | border: 0px solid var(--red); | ||
+ | margin-left: 15px; | ||
+ | margin-right: 15px; | ||
+ | border-radius: 8px; | ||
+ | } | ||
+ | |||
+ | .color-red-light h2 { | ||
+ | border-bottom: 1px solid var(--red); | ||
+ | } | ||
+ | |||
+ | .color-red-light a { | ||
+ | color: var(--red); | ||
+ | } | ||
+ | |||
+ | .color-red-light .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--red); | ||
+ | color: var(--red); | ||
+ | } | ||
+ | |||
+ | .color-red-light .mw-headline, | ||
+ | .color-red-light .mw-headline p, | ||
+ | .color-red-light a.extiw, | ||
+ | .color-red-light a.external, | ||
+ | .color-red-light a.extiw:active { | ||
+ | color: var(--red); | ||
+ | } | ||
+ | |||
+ | /* Outline red */ | ||
+ | |||
+ | .color-red-outline { | ||
+ | background-color: var(--white); | ||
+ | border: 1px solid var(--red); | ||
+ | margin-left: 15px; | ||
+ | margin-right: 15px; | ||
+ | border-radius: 8px; | ||
+ | } | ||
+ | |||
+ | .color-red-outline h2 { | ||
+ | border-bottom: 1px solid var(--red); | ||
+ | } | ||
+ | |||
+ | .color-red-outline a { | ||
+ | color: var(--red); | ||
+ | } | ||
+ | |||
+ | .color-red-outline .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--red); | ||
+ | color: var(--red); | ||
+ | } | ||
+ | |||
+ | .color-red-outline .mw-headline, | ||
+ | .color-red-outline .mw-headline p, | ||
+ | .color-red-outline a.extiw, | ||
+ | .color-red-outline a.external, | ||
+ | .color-red-outline a.extiw:active { | ||
+ | color: var(--red); | ||
+ | } | ||
+ | |||
+ | /* Blue */ | ||
+ | |||
+ | .color-blue { | ||
+ | background-color: var(--blue); | ||
+ | border: 0px solid var(--white); | ||
+ | margin-left: 15px; | ||
+ | margin-right: 15px; | ||
+ | border-radius: 8px; | ||
+ | } | ||
+ | |||
+ | .color-blue h2 { | ||
+ | border-bottom: 1px solid var(--white); | ||
+ | } | ||
+ | |||
+ | .color-blue a { | ||
+ | color: var(--white); | ||
+ | } | ||
+ | |||
+ | .color-blue .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--white); | ||
+ | color: var(--white); | ||
+ | } | ||
+ | |||
+ | .color-blue .mw-headline, | ||
+ | .color-blue .mw-headline p, | ||
+ | .color-blue a.extiw, | ||
+ | .color-blue a.external, | ||
+ | .color-blue a.extiw:active { | ||
+ | color: var(--white); | ||
+ | } | ||
+ | |||
+ | /* Light blue */ | ||
+ | |||
+ | .color-blue-light { | ||
+ | background-color: var(--blue-light); | ||
+ | border: 0px solid var(--blue); | ||
+ | margin-left: 15px; | ||
+ | margin-right: 15px; | ||
+ | border-radius: 8px; | ||
+ | } | ||
+ | |||
+ | .color-blue-light h2 { | ||
+ | border-bottom: 1px solid var(--blue); | ||
+ | } | ||
+ | |||
+ | .color-blue-light a { | ||
+ | color: var(--blue); | ||
+ | } | ||
+ | |||
+ | .color-blue-light .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--blue); | ||
+ | color: var(--blue); | ||
+ | } | ||
+ | |||
+ | .color-blue-light .mw-headline, | ||
+ | .color-blue-light .mw-headline p, | ||
+ | .color-blue-light a.extiw, | ||
+ | .color-blue-light a.external, | ||
+ | .color-blue-light a.extiw:active { | ||
+ | color: var(--blue); | ||
+ | } | ||
+ | |||
+ | /* Outline blue */ | ||
+ | |||
+ | .color-blue-outline { | ||
+ | background-color: var(--white); | ||
+ | border: 1px solid var(--blue); | ||
+ | margin-left: 15px; | ||
+ | margin-right: 15px; | ||
+ | border-radius: 8px; | ||
+ | } | ||
+ | |||
+ | .color-blue-outline h2 { | ||
+ | border-bottom: 1px solid var(--blue); | ||
+ | } | ||
+ | |||
+ | .color-blue-outline a { | ||
+ | color: var(--blue); | ||
+ | } | ||
+ | |||
+ | .color-blue-outline .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--blue); | ||
+ | color: var(--blue); | ||
+ | } | ||
+ | |||
+ | .color-blue-outline .mw-headline, | ||
+ | .color-blue-outline .mw-headline p, | ||
+ | .color-blue-outline a.extiw, | ||
+ | .color-blue-outline a.external, | ||
+ | .color-blue-outline a.extiw:active { | ||
+ | color: var(--blue); | ||
+ | } | ||
+ | |||
+ | /* Green */ | ||
+ | |||
+ | .color-green { | ||
+ | background-color: var(--green); | ||
+ | border: 0px solid var(--green); | ||
+ | margin-left: 15px; | ||
+ | margin-right: 15px; | ||
+ | border-radius: 8px; | ||
+ | } | ||
+ | |||
+ | .color-green h2 { | ||
+ | border-bottom: 1px solid var(--white); | ||
+ | } | ||
+ | |||
+ | .color-green a { | ||
+ | color: var(--white); | ||
+ | } | ||
+ | |||
+ | .color-green .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--white); | ||
+ | color: var(--white); | ||
+ | } | ||
+ | |||
+ | .color-green .mw-headline, | ||
+ | .color-green .mw-headline p, | ||
+ | .color-green a.extiw, | ||
+ | .color-green a.external, | ||
+ | .color-green a.extiw:active { | ||
+ | color: var(--white); | ||
+ | } | ||
+ | |||
+ | /* Light green */ | ||
+ | |||
+ | .color-green-light { | ||
+ | background-color: var(--green-light); | ||
+ | border: 0px solid var(--green); | ||
+ | margin-left: 15px; | ||
+ | margin-right: 15px; | ||
+ | border-radius: 8px; | ||
+ | } | ||
+ | |||
+ | .color-green-light h2 { | ||
+ | border-bottom: 1px solid var(--green); | ||
+ | } | ||
+ | |||
+ | .color-green-light a { | ||
+ | color: var(--green); | ||
+ | } | ||
+ | |||
+ | .color-green-light .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--green); | ||
+ | color: var(--green); | ||
+ | } | ||
+ | |||
+ | .color-green-light .mw-headline, | ||
+ | .color-green-light .mw-headline p, | ||
+ | .color-green-light a.extiw, | ||
+ | .color-green-light a.external, | ||
+ | .color-green-light a.extiw:active { | ||
+ | color: var(--green); | ||
+ | } | ||
+ | |||
+ | /* Outline green */ | ||
+ | |||
+ | .color-green-outline { | ||
+ | background-color: var(--white); | ||
+ | border: 1px solid var(--green); | ||
+ | margin-left: 15px; | ||
+ | margin-right: 15px; | ||
+ | border-radius: 8px; | ||
+ | } | ||
+ | |||
+ | .color-green-outline h2 { | ||
+ | border-bottom: 1px solid var(--green); | ||
+ | } | ||
+ | |||
+ | .color-green-outline a { | ||
+ | color: var(--green); | ||
+ | } | ||
+ | |||
+ | .color-green-outline .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--green); | ||
+ | color: var(--green); | ||
+ | } | ||
+ | |||
+ | .color-green-outline .mw-headline, | ||
+ | .color-green-outline .mw-headline p, | ||
+ | .color-green-outline a.extiw, | ||
+ | .color-green-outline a.external, | ||
+ | .color-green-outline a.extiw:active { | ||
+ | color: var(--green); | ||
+ | } | ||
+ | |||
+ | /* Violet */ | ||
+ | |||
+ | .color-violet { | ||
+ | background-color: var(--violet); | ||
+ | border: 0px solid var(--violet); | ||
+ | margin-left: 15px; | ||
+ | margin-right: 15px; | ||
+ | border-radius: 8px; | ||
+ | } | ||
+ | |||
+ | .color-violet h2 { | ||
+ | border-bottom: 1px solid var(--white); | ||
+ | } | ||
+ | |||
+ | .color-violet a { | ||
+ | color: var(--white); | ||
+ | } | ||
+ | |||
+ | .color-violet .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--white); | ||
+ | color: var(--white); | ||
+ | } | ||
+ | |||
+ | .color-violet .mw-headline, | ||
+ | .color-violet .mw-headline p, | ||
+ | .color-violet a.extiw, | ||
+ | .color-violet a.external, | ||
+ | .color-violet a.extiw:active { | ||
+ | color: var(--white); | ||
+ | } | ||
+ | |||
+ | /* Light violet */ | ||
+ | |||
+ | .color-violet-light { | ||
+ | background-color: var(--violet-light); | ||
+ | border: 0px solid var(--violet); | ||
+ | margin-left: 15px; | ||
+ | margin-right: 15px; | ||
+ | border-radius: 8px; | ||
+ | } | ||
+ | |||
+ | .color-violet-light h2 { | ||
+ | border-bottom: 1px solid var(--violet); | ||
+ | } | ||
+ | |||
+ | .color-violet-light a { | ||
+ | color: var(--violet); | ||
+ | } | ||
+ | |||
+ | .color-violet-light .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--violet); | ||
+ | color: var(--violet); | ||
+ | } | ||
+ | |||
+ | .color-violet-light .mw-headline, | ||
+ | .color-violet-light .mw-headline p, | ||
+ | .color-violet-light a.extiw, | ||
+ | .color-violet-light a.external, | ||
+ | .color-violet-light a.extiw:active { | ||
+ | color: var(--violet); | ||
+ | } | ||
+ | |||
+ | /* Outline violet */ | ||
+ | |||
+ | .color-violet-outline { | ||
+ | background-color: var(--white); | ||
+ | border: 1px solid var(--violet); | ||
+ | margin-left: 15px; | ||
+ | margin-right: 15px; | ||
+ | border-radius: 8px; | ||
+ | } | ||
+ | |||
+ | .color-violet-outline h2 { | ||
+ | border-bottom: 1px solid var(--violet); | ||
+ | } | ||
+ | |||
+ | .color-violet-outline a { | ||
+ | color: var(--violet); | ||
+ | } | ||
+ | |||
+ | .color-violet-outline .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--violet); | ||
+ | color: var(--violet); | ||
+ | } | ||
+ | |||
+ | .color-violet-outline .mw-headline, | ||
+ | .color-violet-outline .mw-headline p, | ||
+ | .color-violet-outline a.extiw, | ||
+ | .color-violet-outline a.external, | ||
+ | .color-violet-outline a.extiw:active { | ||
+ | color: var(--violet); | ||
+ | } | ||
+ | |||
+ | /* Yellow */ | ||
+ | |||
+ | .color-yellow { | ||
+ | background-color: var(--yellow); | ||
+ | border: 0px solid var(--yellow); | ||
+ | margin-left: 15px; | ||
+ | margin-right: 15px; | ||
+ | border-radius: 8px; | ||
+ | } | ||
+ | |||
+ | .color-yellow h2 { | ||
+ | border-bottom: 1px solid var(--black-dark); | ||
+ | } | ||
+ | |||
+ | .color-yellow a { | ||
+ | color: var(--black-dark); | ||
+ | } | ||
+ | |||
+ | .color-yellow .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--black-dark); | ||
+ | color: var(--black-dark); | ||
+ | } | ||
+ | |||
+ | .color-yellow .mw-headline, | ||
+ | .color-yellow .mw-headline p, | ||
+ | .color-yellow a.extiw, | ||
+ | .color-yellow a.external, | ||
+ | .color-yellow a.extiw:active { | ||
+ | color: var(--black-dark); | ||
+ | } | ||
+ | |||
+ | /* Light yellow */ | ||
+ | |||
+ | .color-yellow-light { | ||
+ | background-color: var(--yellow-light); | ||
+ | border: 0px solid var(--yellow); | ||
+ | margin-left: 15px; | ||
+ | margin-right: 15px; | ||
+ | border-radius: 8px; | ||
+ | } | ||
+ | |||
+ | .color-yellow-light h2 { | ||
+ | border-bottom: 1px solid var(--black-dark); | ||
+ | } | ||
+ | |||
+ | .color-yellow-light a { | ||
+ | color: var(--black-dark); | ||
+ | } | ||
+ | |||
+ | .color-yellow-light .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--black-dark); | ||
+ | color: var(--black-dark); | ||
+ | } | ||
+ | |||
+ | .color-yellow-light .mw-headline, | ||
+ | .color-yellow-light .mw-headline p, | ||
+ | .color-yellow-light a.extiw, | ||
+ | .color-yellow-light a.external, | ||
+ | .color-yellow-light a.extiw:active { | ||
+ | color: var(--black-dark); | ||
+ | } | ||
+ | |||
+ | /* IMAGE */ | ||
+ | |||
+ | .image-box { | ||
+ | border-radius: 8px; | ||
+ | } | ||
+ | |||
+ | .image-box img { | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | object-fit: cover; | ||
+ | border-radius: 8px; | ||
+ | } | ||
+ | |||
+ | /* EDIT BUTTON */ | ||
+ | |||
+ | .mw-editsection .mw-editsection-bracket { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .mw-body .mw-editsection { | ||
+ | padding-bottom: 10px; | ||
+ | } | ||
+ | |||
+ | .mw-body .mw-editsection a { | ||
+ | background-color: var(--blue-light); | ||
+ | color: var(--blue); | ||
+ | border: 0px solid var(--blue); | ||
+ | border-radius: 100vw; | ||
+ | padding: 2px 6px; | ||
+ | font-weight: 400; | ||
+ | text-transform: capitalize; | ||
+ | font-size: 12px; | ||
+ | margin-bottom: 5px; | ||
+ | font-family: "Inter", sans-serif; | ||
+ | } | ||
+ | |||
+ | .mw-body .mw-editsection a:hover { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | /* TABELLE */ | ||
+ | |||
+ | table small { | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | |||
+ | table small 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; | ||
+ | } | ||
+ | |||
+ | table.wikitable { | ||
+ | border-top: 1px solid var(--blue); | ||
+ | border-bottom: 1px solid var(--blue); | ||
+ | border-left: 1px solid var(--blue); | ||
+ | border-right: 1px solid var(--blue); | ||
+ | } | ||
+ | |||
+ | 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%; | ||
+ | } | ||
+ | |||
+ | } |
Versione delle 09:04, 27 mag 2022
/*@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; } /* LAYOUT */ .catlinks { background-color: var(--black-light); border: 0px; border-radius: 8px; padding: 5px 10px; } div.thumbinner { background-color: var(--black-light); border: 0px; border-radius: 8px; padding: 10px; } /* GRID */ .row { margin: 0px -15px; display: flex; /* align-items: flex-start; */ margin-bottom: 15px; clear: both; } .col-1 { width: 16.666%; padding: 10px 15px; margin-bottom: 15px; } .col-2 { width: 33.333%; padding: 10px 15px; margin-bottom: 15px; } .col-3 { width: 50%; padding: 10px 15px; margin-bottom: 15px; } .col-4 { width: 66.666%; padding: 10px 15px; margin-bottom: 15px; } .col-5 { width: 83.330%; padding: 10px 15px; margin-bottom: 15px; } .col-6 { width: 100%; padding: 10px 15px; margin-bottom: 15px; } /* COLORS */ /* Black */ .color-black { background-color: var(--black); border: 0px solid var(--black); margin-left: 15px; margin-right: 15px; border-radius: 8px; } .color-black h2 { border-bottom: 1px solid var(--white); } .color-black a { color: var(--white); } .color-black .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--white); color: var(--white); } .color-black .mw-headline, .color-black .mw-headline p, .color-black a.extiw, .color-black a.external, .color-black a.extiw:active { color: var(--white); } /* Light black */ .color-black-light { background-color: var(--black-light); border: 0px solid var(--black); margin-left: 15px; margin-right: 15px; border-radius: 8px; } .color-black-light h2 { border-bottom: 1px solid var(--black); } .color-black-light a { color: var(--black); } .color-black-light .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black); color: var(--black); } .color-black-light .mw-headline, .color-black-light .mw-headline p, .color-black-light a.extiw, .color-black-light a.external, .color-black-light a.extiw:active { color: var(--black); } /* Outline black */ .color-black-outline { background-color: var(--white); border: 1px solid var(--black); margin-left: 15px; margin-right: 15px; border-radius: 8px; } .color-black-outline h2 { border-bottom: 1px solid var(--black); } .color-black-outline a { color: var(--black); } .color-black-outline .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black); color: var(--black); } .color-black-outline .mw-headline, .color-black-outline .mw-headline p, .color-black-outline a.extiw, .color-black-outline a.external, .color-black-outline a.extiw:active { color: var(--black); } /* Red */ .color-red { background-color: var(--red); border: 0px solid var(--red); margin-left: 15px; margin-right: 15px; border-radius: 8px; } .color-red h2 { border-bottom: 1px solid var(--white); } .color-red a { color: var(--white); } .color-red .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--white); color: var(--white); } .color-red .mw-headline, .color-red .mw-headline p, .color-red a.extiw, .color-red a.external, .color-red a.extiw:active { color: var(--white); } /* Light red */ .color-red-light { background-color: var(--red-light); border: 0px solid var(--red); margin-left: 15px; margin-right: 15px; border-radius: 8px; } .color-red-light h2 { border-bottom: 1px solid var(--red); } .color-red-light a { color: var(--red); } .color-red-light .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--red); color: var(--red); } .color-red-light .mw-headline, .color-red-light .mw-headline p, .color-red-light a.extiw, .color-red-light a.external, .color-red-light a.extiw:active { color: var(--red); } /* Outline red */ .color-red-outline { background-color: var(--white); border: 1px solid var(--red); margin-left: 15px; margin-right: 15px; border-radius: 8px; } .color-red-outline h2 { border-bottom: 1px solid var(--red); } .color-red-outline a { color: var(--red); } .color-red-outline .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--red); color: var(--red); } .color-red-outline .mw-headline, .color-red-outline .mw-headline p, .color-red-outline a.extiw, .color-red-outline a.external, .color-red-outline a.extiw:active { color: var(--red); } /* Blue */ .color-blue { background-color: var(--blue); border: 0px solid var(--white); margin-left: 15px; margin-right: 15px; border-radius: 8px; } .color-blue h2 { border-bottom: 1px solid var(--white); } .color-blue a { color: var(--white); } .color-blue .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--white); color: var(--white); } .color-blue .mw-headline, .color-blue .mw-headline p, .color-blue a.extiw, .color-blue a.external, .color-blue a.extiw:active { color: var(--white); } /* Light blue */ .color-blue-light { background-color: var(--blue-light); border: 0px solid var(--blue); margin-left: 15px; margin-right: 15px; border-radius: 8px; } .color-blue-light h2 { border-bottom: 1px solid var(--blue); } .color-blue-light a { color: var(--blue); } .color-blue-light .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--blue); color: var(--blue); } .color-blue-light .mw-headline, .color-blue-light .mw-headline p, .color-blue-light a.extiw, .color-blue-light a.external, .color-blue-light a.extiw:active { color: var(--blue); } /* Outline blue */ .color-blue-outline { background-color: var(--white); border: 1px solid var(--blue); margin-left: 15px; margin-right: 15px; border-radius: 8px; } .color-blue-outline h2 { border-bottom: 1px solid var(--blue); } .color-blue-outline a { color: var(--blue); } .color-blue-outline .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--blue); color: var(--blue); } .color-blue-outline .mw-headline, .color-blue-outline .mw-headline p, .color-blue-outline a.extiw, .color-blue-outline a.external, .color-blue-outline a.extiw:active { color: var(--blue); } /* Green */ .color-green { background-color: var(--green); border: 0px solid var(--green); margin-left: 15px; margin-right: 15px; border-radius: 8px; } .color-green h2 { border-bottom: 1px solid var(--white); } .color-green a { color: var(--white); } .color-green .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--white); color: var(--white); } .color-green .mw-headline, .color-green .mw-headline p, .color-green a.extiw, .color-green a.external, .color-green a.extiw:active { color: var(--white); } /* Light green */ .color-green-light { background-color: var(--green-light); border: 0px solid var(--green); margin-left: 15px; margin-right: 15px; border-radius: 8px; } .color-green-light h2 { border-bottom: 1px solid var(--green); } .color-green-light a { color: var(--green); } .color-green-light .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--green); color: var(--green); } .color-green-light .mw-headline, .color-green-light .mw-headline p, .color-green-light a.extiw, .color-green-light a.external, .color-green-light a.extiw:active { color: var(--green); } /* Outline green */ .color-green-outline { background-color: var(--white); border: 1px solid var(--green); margin-left: 15px; margin-right: 15px; border-radius: 8px; } .color-green-outline h2 { border-bottom: 1px solid var(--green); } .color-green-outline a { color: var(--green); } .color-green-outline .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--green); color: var(--green); } .color-green-outline .mw-headline, .color-green-outline .mw-headline p, .color-green-outline a.extiw, .color-green-outline a.external, .color-green-outline a.extiw:active { color: var(--green); } /* Violet */ .color-violet { background-color: var(--violet); border: 0px solid var(--violet); margin-left: 15px; margin-right: 15px; border-radius: 8px; } .color-violet h2 { border-bottom: 1px solid var(--white); } .color-violet a { color: var(--white); } .color-violet .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--white); color: var(--white); } .color-violet .mw-headline, .color-violet .mw-headline p, .color-violet a.extiw, .color-violet a.external, .color-violet a.extiw:active { color: var(--white); } /* Light violet */ .color-violet-light { background-color: var(--violet-light); border: 0px solid var(--violet); margin-left: 15px; margin-right: 15px; border-radius: 8px; } .color-violet-light h2 { border-bottom: 1px solid var(--violet); } .color-violet-light a { color: var(--violet); } .color-violet-light .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--violet); color: var(--violet); } .color-violet-light .mw-headline, .color-violet-light .mw-headline p, .color-violet-light a.extiw, .color-violet-light a.external, .color-violet-light a.extiw:active { color: var(--violet); } /* Outline violet */ .color-violet-outline { background-color: var(--white); border: 1px solid var(--violet); margin-left: 15px; margin-right: 15px; border-radius: 8px; } .color-violet-outline h2 { border-bottom: 1px solid var(--violet); } .color-violet-outline a { color: var(--violet); } .color-violet-outline .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--violet); color: var(--violet); } .color-violet-outline .mw-headline, .color-violet-outline .mw-headline p, .color-violet-outline a.extiw, .color-violet-outline a.external, .color-violet-outline a.extiw:active { color: var(--violet); } /* Yellow */ .color-yellow { background-color: var(--yellow); border: 0px solid var(--yellow); margin-left: 15px; margin-right: 15px; border-radius: 8px; } .color-yellow h2 { border-bottom: 1px solid var(--black-dark); } .color-yellow a { color: var(--black-dark); } .color-yellow .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black-dark); color: var(--black-dark); } .color-yellow .mw-headline, .color-yellow .mw-headline p, .color-yellow a.extiw, .color-yellow a.external, .color-yellow a.extiw:active { color: var(--black-dark); } /* Light yellow */ .color-yellow-light { background-color: var(--yellow-light); border: 0px solid var(--yellow); margin-left: 15px; margin-right: 15px; border-radius: 8px; } .color-yellow-light h2 { border-bottom: 1px solid var(--black-dark); } .color-yellow-light a { color: var(--black-dark); } .color-yellow-light .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black-dark); color: var(--black-dark); } .color-yellow-light .mw-headline, .color-yellow-light .mw-headline p, .color-yellow-light a.extiw, .color-yellow-light a.external, .color-yellow-light a.extiw:active { color: var(--black-dark); } /* IMAGE */ .image-box { border-radius: 8px; } .image-box img { width: 100%; height: auto; object-fit: cover; border-radius: 8px; } /* EDIT BUTTON */ .mw-editsection .mw-editsection-bracket { display: none; } .mw-body .mw-editsection { padding-bottom: 10px; } .mw-body .mw-editsection a { background-color: var(--blue-light); color: var(--blue); border: 0px solid var(--blue); border-radius: 100vw; padding: 2px 6px; font-weight: 400; text-transform: capitalize; font-size: 12px; margin-bottom: 5px; font-family: "Inter", sans-serif; } .mw-body .mw-editsection a:hover { text-decoration: none; } /* TABELLE */ table small { visibility: hidden; } table small 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; } table.wikitable { border-top: 1px solid var(--blue); border-bottom: 1px solid var(--blue); border-left: 1px solid var(--blue); border-right: 1px solid var(--blue); } 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%; } }