Differenze tra le versioni di "Utente:Davide.giorgetta/vector.css"
Jump to navigation
Jump to search
(+commenti) |
|||
(76 versioni intermedie di un altro utente non mostrate) | |||
Riga 1: | Riga 1: | ||
− | /* | + | /** |
+ | * Grafica realizzata da Davide Giorgetta - Giugno 2022 | ||
+ | * Licenza: stessa del wiki | ||
+ | */ | ||
/* VARIABLES */ | /* VARIABLES */ | ||
:root { | :root { | ||
− | -- | + | --transparent: transparent; |
− | + | --primary: #1C63F5; | |
− | + | --medium-primary: #C0CFF7; | |
− | -- | + | --light-primary: #e5eeff; |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | - | ||
− | |||
--white: #FFF; | --white: #FFF; | ||
− | -- | + | --black: #000; |
− | + | --dark-grey: #404040; | |
+ | --medium-grey: #7F7F7F; | ||
+ | --light-grey: #BFBFBF; | ||
+ | --extra-light-grey: #F4F4F4; | ||
+ | --red: #990000; | ||
+ | --blue: #0063BF; | ||
+ | --green: #339966; | ||
+ | --pink: #E679A6; | ||
+ | --orange: #EE8019; | ||
+ | --yellow: #F0BC00; | ||
+ | --purple: #5748B5; | ||
+ | --teal: #305D70; | ||
+ | --aqua: #049DFF; | ||
+ | --beige: #E9E7C4; | ||
+ | --turquoise: #71D1B3; | ||
+ | --light-red: #E5C0C0; | ||
+ | --light-blue: #C3D8EF; | ||
+ | --light-green: #CBE0D5; | ||
+ | --light-pink: #F9DDE9; | ||
+ | --light-orange: #FBDFC5; | ||
+ | --light-yellow: #FBEEBF; | ||
+ | --light-purple: #D5D1EC; | ||
+ | --light-teal: #CBD6DB; | ||
+ | --light-aqua: #C0E6FF; | ||
+ | --light-beige: #F9F9F0; | ||
+ | --light-turquoise: #DBF3EC; | ||
} | } | ||
Riga 26: | Riga 45: | ||
body { | body { | ||
font-family: 'Inter', sans-serif; | font-family: 'Inter', sans-serif; | ||
− | |||
− | |||
− | |||
} | } | ||
Riga 44: | Riga 60: | ||
table.wmi-navigation tr td { | table.wmi-navigation tr td { | ||
padding: 0px 1px; | padding: 0px 1px; | ||
+ | |||
} | } | ||
table.wmi-navigation tr td a { | table.wmi-navigation tr td a { | ||
display: block; | display: block; | ||
− | background-color: var(-- | + | background-color: var(--light-primary); |
− | color: var(-- | + | color: var(--primary); |
border-radius: 8px; | border-radius: 8px; | ||
padding: 10px 2px; | padding: 10px 2px; | ||
font-size: 14px; | font-size: 14px; | ||
text-align: center; | text-align: center; | ||
+ | } | ||
+ | |||
+ | table.wmi-navigation.wmi-navigation-first-level { | ||
+ | margin-bottom: 0px; | ||
+ | } | ||
+ | |||
+ | 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(--light-primary); | ||
+ | color: var(--primary); | ||
+ | border-radius: 8px; | ||
+ | margin: 0px 2px; | ||
+ | font-size: 14px; | ||
+ | text-align: center; | ||
+ | border: 0px !important; | ||
+ | } | ||
+ | |||
+ | table.wmi-navigation.wmi-navigation-first-level tr td:hover { | ||
+ | /* background-color: var(--medium-primary); */ | ||
+ | outline: 1px solid var(--primary); | ||
+ | } | ||
+ | |||
+ | table.wmi-navigation.wmi-navigation-first-level tr td:hover a { | ||
+ | /* background-color: var(--medium-primary); */ | ||
} | } | ||
table.wmi-navigation.wmi-navigation-first-level tr td a { | table.wmi-navigation.wmi-navigation-first-level tr td a { | ||
− | font-weight: 700; | + | font-weight: 700 !important; |
− | text-transform: uppercase; | + | text-transform: uppercase !important; |
+ | color: var(--primary) !important; | ||
+ | } | ||
+ | |||
+ | table.wmi-navigation.wmi-navigation-first-level tr td a span { | ||
+ | font-weight: 700 !important; | ||
+ | text-transform: uppercase !important; | ||
+ | color: var(--primary) !important; | ||
} | } | ||
table.wmi-navigation.wmi-navigation-first-level tr td .selflink { | table.wmi-navigation.wmi-navigation-first-level tr td .selflink { | ||
− | font-weight: 700; | + | font-weight: 700 !important; |
− | text-transform: uppercase; | + | text-transform: uppercase !important; |
+ | } | ||
+ | |||
+ | table.wmi-navigation.wmi-navigation-second-level tr td { | ||
+ | border: 0px !important; | ||
+ | padding: 0px 1px !important; | ||
} | } | ||
table.wmi-navigation.wmi-navigation-second-level tr td a { | table.wmi-navigation.wmi-navigation-second-level tr td a { | ||
− | font-weight: 700; | + | font-weight: 700 !important; |
} | } | ||
table.wmi-navigation.wmi-navigation-second-level tr td .selflink { | table.wmi-navigation.wmi-navigation-second-level tr td .selflink { | ||
− | font-weight: 700; | + | font-weight: 700 !important; |
+ | } | ||
+ | |||
+ | table.wmi-navigation.wmi-navigation-third-level tr td { | ||
+ | border: 0px !important; | ||
+ | padding: 0px 1px !important; | ||
+ | } | ||
+ | |||
+ | table.wmi-navigation.wmi-navigation-third-level tr td a { | ||
+ | font-weight: 700 !important; | ||
} | } | ||
table.wmi-navigation tr td a:focus { | table.wmi-navigation tr td a:focus { | ||
− | text-decoration: none; | + | text-decoration: none !important; |
} | } | ||
table.wmi-navigation tr td a:hover { | table.wmi-navigation tr td a:hover { | ||
− | background-color: | + | background-color: var(--light-primary) !important; |
− | text-decoration: none; | + | text-decoration: none !important; |
+ | outline: 1px solid var(--primary); | ||
+ | } | ||
+ | |||
+ | table.wmi-navigation.wmi-navigation-first-level tr td a:hover { | ||
+ | outline: 0; | ||
} | } | ||
table.wmi-navigation tr td .selflink { | table.wmi-navigation tr td .selflink { | ||
display: block; | display: block; | ||
− | background-color: var(-- | + | background-color: var(--primary); |
color: var(--white); | color: var(--white); | ||
border-radius: 8px; | border-radius: 8px; | ||
Riga 91: | Riga 165: | ||
font-size: 14px; | font-size: 14px; | ||
text-align: center; | text-align: center; | ||
− | font-weight: | + | font-weight: 700; |
} | } | ||
− | /* TABLE OF CONTENT */ | + | /* TABLE OF CONTENT */ |
#toc { | #toc { | ||
border: 0px; | border: 0px; | ||
margin: 30px 0px; | margin: 30px 0px; | ||
− | background-color: | + | background-color: var(--extra-light-grey); |
border-radius: 8px; | border-radius: 8px; | ||
padding: 0px; | padding: 0px; | ||
Riga 116: | Riga 190: | ||
visibility: visible; | visibility: visible; | ||
background-color: var(--transparent); | background-color: var(--transparent); | ||
− | color: var(-- | + | color: var(--primary); |
− | border: 1px solid var(-- | + | border: 1px solid var(--primary); |
border-radius: 100vw; | border-radius: 100vw; | ||
padding: 2px 6px; | padding: 2px 6px; | ||
Riga 123: | Riga 197: | ||
text-transform: capitalize; | text-transform: capitalize; | ||
font-size: 12px; | font-size: 12px; | ||
+ | text-decoration: none; | ||
} | } | ||
Riga 134: | Riga 209: | ||
#toc ul li a { | #toc ul li a { | ||
− | color: var(-- | + | color: var(--primary); |
+ | text-decoration: none; | ||
} | } | ||
Riga 142: | Riga 218: | ||
border: 0px; | border: 0px; | ||
margin: 30px 0px; | margin: 30px 0px; | ||
− | background-color: | + | background-color: var(--extra-light-grey); |
border-radius: 8px; | border-radius: 8px; | ||
padding: 0px; | padding: 0px; | ||
Riga 183: | Riga 259: | ||
a { | a { | ||
− | color: var(-- | + | color: var(--primary); |
+ | } | ||
+ | |||
+ | .mw-body a.extiw { | ||
+ | color: var(--primary); | ||
+ | } | ||
+ | |||
+ | .mw-body a.extiw:active { | ||
+ | color: var(--primary); | ||
+ | } | ||
+ | |||
+ | .mw-body a.external { | ||
+ | color: var(--primary); | ||
+ | } | ||
+ | |||
+ | li a { | ||
+ | color: var(--primary); | ||
} | } | ||
.mw-headline { | .mw-headline { | ||
font-family: 'Inter', sans-serif !important; | font-family: 'Inter', sans-serif !important; | ||
+ | padding-bottom: 10px; | ||
+ | } | ||
+ | |||
+ | .firstHeading { | ||
+ | font-family: 'Inter', sans-serif !important; | ||
+ | } | ||
+ | |||
+ | /* PROJECT */ | ||
+ | |||
+ | .project-card { | ||
+ | float:right; | ||
+ | width: 24em; | ||
+ | clear: both; | ||
+ | background-color:#EEEEEE; | ||
+ | border: transparent; | ||
+ | border-radius: 8px | ||
+ | } | ||
+ | |||
+ | .project-card th { | ||
+ | background-color: var(--primary); | ||
+ | color:white; | ||
+ | font-size: 1.6em; | ||
+ | border-radius: 8px | ||
+ | } | ||
+ | |||
+ | .project-card td { | ||
+ | padding: 15px; | ||
+ | padding-top: 5px; | ||
+ | } | ||
+ | |||
+ | .project-card .project-image { | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | .project-card .label { | ||
+ | color: var(--black); | ||
+ | font-weight: 700; | ||
+ | } | ||
+ | |||
+ | /* MICROGRANT */ | ||
+ | |||
+ | .microgrant { | ||
+ | float: right; | ||
+ | width: 24em; | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | .microgrant-wrapper { | ||
+ | float: right; | ||
+ | margin: 0 0 1em 4%; | ||
+ | min-width: 22em; | ||
+ | width: 28%; | ||
+ | } | ||
+ | |||
+ | .microgrant .label { | ||
+ | padding-right: 0.5em; | ||
+ | color: var(--black); | ||
+ | font-weight: 700; | ||
+ | } | ||
+ | |||
+ | .microgrant .value { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .microgrant .status { | ||
+ | color: var(--primary); | ||
+ | } | ||
+ | |||
+ | .microgrant-status { | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | |||
+ | .microgrant-header { | ||
+ | border-top-right-radius: 8px !important; | ||
+ | border-top-left-radius: 8px !important; | ||
+ | padding: 10px 20px !important; | ||
+ | background-color: var(--red); | ||
+ | padding: 0.25em 0 0 1em; | ||
+ | font-size: 1.3em; | ||
+ | } | ||
+ | |||
+ | .microgrant-header span { | ||
+ | color: var(--white); | ||
+ | } | ||
+ | |||
+ | .microgrant-body { | ||
+ | border-bottom-right-radius: 8px !important; | ||
+ | border-bottom-left-radius: 8px !important; | ||
+ | border: 0px !important; | ||
+ | padding: 10px 20px !important; | ||
+ | background-color: #eeeeee; | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .microgrant-entry { | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | |||
+ | /* LAYOUT */ | ||
+ | |||
+ | .catlinks { | ||
+ | background-color: var(--extra-light-grey); | ||
+ | border: 0px; | ||
+ | border-radius: 8px; | ||
+ | padding: 5px 10px; | ||
+ | } | ||
+ | |||
+ | div.thumbinner { | ||
+ | background-color: var(--extra-light-grey); | ||
+ | border: 0px; | ||
+ | border-radius: 8px; | ||
+ | padding: 10px; | ||
} | } | ||
Riga 193: | Riga 397: | ||
.row { | .row { | ||
− | margin: 0px - | + | margin: 0px -7px; |
display: flex; | display: flex; | ||
− | align-items: flex-start; | + | /* align-items: flex-start; */ |
− | margin-bottom: | + | margin-bottom: 7px; |
clear: both; | clear: both; | ||
} | } | ||
Riga 202: | Riga 406: | ||
.col-1 { | .col-1 { | ||
width: 16.666%; | width: 16.666%; | ||
− | padding: 15px; | + | padding: 10px 15px; |
− | margin-bottom: | + | margin-bottom: 7px; |
} | } | ||
.col-2 { | .col-2 { | ||
width: 33.333%; | width: 33.333%; | ||
− | padding: 15px; | + | padding: 10px 15px; |
− | margin-bottom: | + | margin-bottom: 7px; |
} | } | ||
.col-3 { | .col-3 { | ||
width: 50%; | width: 50%; | ||
− | padding: 15px; | + | padding: 10px 15px; |
− | margin-bottom: | + | margin-bottom: 7px; |
} | } | ||
.col-4 { | .col-4 { | ||
width: 66.666%; | width: 66.666%; | ||
− | padding: 15px; | + | padding: 10px 15px; |
− | margin-bottom: | + | margin-bottom: 7px; |
} | } | ||
.col-5 { | .col-5 { | ||
width: 83.330%; | width: 83.330%; | ||
− | padding: 15px; | + | padding: 10px 15px; |
− | margin-bottom: | + | margin-bottom: 7px; |
} | } | ||
.col-6 { | .col-6 { | ||
width: 100%; | width: 100%; | ||
− | padding: 15px; | + | padding: 10px 15px; |
− | margin-bottom: | + | margin-bottom: 7px; |
} | } | ||
/* COLORS */ | /* COLORS */ | ||
+ | |||
+ | /* Primary */ | ||
+ | |||
+ | .color-primary { | ||
+ | background-color: var(--primary); | ||
+ | border: 0px solid var(--primary); | ||
+ | margin-left: 7px; | ||
+ | margin-right: 7px; | ||
+ | border-radius: 8px; | ||
+ | color: var(--white); | ||
+ | } | ||
+ | |||
+ | .color-primary h2 { | ||
+ | border-bottom: 1px solid var(--white); | ||
+ | color: var(--white); | ||
+ | } | ||
+ | |||
+ | .color-primary a { | ||
+ | color: var(--white); | ||
+ | } | ||
+ | |||
+ | .color-primary .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--white); | ||
+ | color: var(--white); | ||
+ | } | ||
+ | |||
+ | .color-primary .mw-headline, | ||
+ | .color-primary .mw-headline p, | ||
+ | .color-primary a.extiw, | ||
+ | .color-primary a.external, | ||
+ | .color-primary a.extiw:active, | ||
+ | .color-primary ul li::marker, | ||
+ | .color-primary ol li::marker { | ||
+ | color: var(--white); | ||
+ | } | ||
+ | |||
+ | /* Medium primary */ | ||
+ | |||
+ | .color-medium-primary { | ||
+ | background-color: var(--medium-primary); | ||
+ | border: 0px solid var(--medium-primary); | ||
+ | margin-left: 7px; | ||
+ | margin-right: 7px; | ||
+ | border-radius: 8px; | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-medium-primary h2 { | ||
+ | border-bottom: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-medium-primary a { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-medium-primary .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-medium-primary .mw-headline, | ||
+ | .color-medium-primary .mw-headline p, | ||
+ | .color-medium-primary a.extiw, | ||
+ | .color-medium-primary a.external, | ||
+ | .color-medium-primary a.extiw:active, | ||
+ | .color-medium-primary ul li::marker, | ||
+ | .color-medium-primary ol li::marker { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | /* Light primary */ | ||
+ | |||
+ | .color-light-primary { | ||
+ | background-color: var(--light-primary); | ||
+ | border: 0px solid var(--light-primary); | ||
+ | margin-left: 7px; | ||
+ | margin-right: 7px; | ||
+ | border-radius: 8px; | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-primary h2 { | ||
+ | border-bottom: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-primary a { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-primary .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-primary .mw-headline, | ||
+ | .color-light-primary .mw-headline p, | ||
+ | .color-light-primary a.extiw, | ||
+ | .color-light-primary a.external, | ||
+ | .color-light-primary a.extiw:active, | ||
+ | .color-light-primary ul li::marker, | ||
+ | .color-light-primary ol li::marker { | ||
+ | color: var(--black); | ||
+ | } | ||
/* Black */ | /* Black */ | ||
Riga 243: | Riga 555: | ||
background-color: var(--black); | background-color: var(--black); | ||
border: 0px solid var(--black); | border: 0px solid var(--black); | ||
− | margin-left: | + | margin-left: 7px; |
− | margin-right: | + | margin-right: 7px; |
border-radius: 8px; | border-radius: 8px; | ||
+ | color: var(--white); | ||
} | } | ||
.color-black h2 { | .color-black h2 { | ||
border-bottom: 1px solid var(--white); | border-bottom: 1px solid var(--white); | ||
+ | color: var(--white); | ||
} | } | ||
Riga 262: | Riga 576: | ||
} | } | ||
− | .color-black .mw-headline, .color-black .mw-headline p { | + | .color-black .mw-headline, |
+ | .color-black .mw-headline p, | ||
+ | .color-black a.extiw, | ||
+ | .color-black a.external, | ||
+ | .color-black a.extiw:active, | ||
+ | .color-black ul li::marker, | ||
+ | .color-black ol li::marker { | ||
color: var(--white); | color: var(--white); | ||
} | } | ||
− | /* | + | /* Dark grey */ |
− | .color- | + | .color-dark-grey { |
− | background-color: var(-- | + | background-color: var(--dark-grey); |
border: 0px solid var(--black); | border: 0px solid var(--black); | ||
− | margin-left: | + | margin-left: 7px; |
− | margin-right: | + | margin-right: 7px; |
+ | border-radius: 8px; | ||
+ | color: var(--white); | ||
+ | } | ||
+ | |||
+ | .color-dark-grey h2 { | ||
+ | border-bottom: 1px solid var(--white); | ||
+ | color: var(--white); | ||
+ | } | ||
+ | |||
+ | .color-dark-grey a { | ||
+ | color: var(--white); | ||
+ | } | ||
+ | |||
+ | .color-dark-grey .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--black); | ||
+ | color: var(--white); | ||
+ | } | ||
+ | |||
+ | .color-dark-grey .mw-headline, | ||
+ | .color-dark-grey .mw-headline p, | ||
+ | .color-dark-grey a.extiw, | ||
+ | .color-dark-grey a.external, | ||
+ | .color-dark-grey a.extiw:active, | ||
+ | .color-dark-grey ul li::marker, | ||
+ | .color-dark-grey ol li::marker { | ||
+ | color: var(--white); | ||
+ | } | ||
+ | |||
+ | /* Medium grey */ | ||
+ | |||
+ | .color-medium-grey { | ||
+ | background-color: var(--medium-grey); | ||
+ | border: 0px solid var(--medium-grey); | ||
+ | margin-left: 7px; | ||
+ | margin-right: 7px; | ||
+ | border-radius: 8px; | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-medium-grey h2 { | ||
+ | border-bottom: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-medium-grey a { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-medium-grey .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-medium-grey .mw-headline, | ||
+ | .color-medium-grey .mw-headline p, | ||
+ | .color-medium-grey a.extiw, | ||
+ | .color-medium-grey a.external, | ||
+ | .color-medium-grey a.extiw:active, | ||
+ | .color-medium-grey ul li::marker, | ||
+ | .color-medium-grey ol li::marker { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | /* Light grey */ | ||
+ | |||
+ | .color-light-grey { | ||
+ | background-color: var(--light-grey); | ||
+ | border: 0px solid var(--light-grey); | ||
+ | margin-left: 7px; | ||
+ | margin-right: 7px; | ||
+ | border-radius: 8px; | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-grey h2 { | ||
+ | border-bottom: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-grey a { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-grey .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-grey .mw-headline, | ||
+ | .color-light-grey .mw-headline p, | ||
+ | .color-light-grey a.extiw, | ||
+ | .color-light-grey a.external, | ||
+ | .color-light-grey a.extiw:active, | ||
+ | .color-light-grey ul li::marker, | ||
+ | .color-light-grey ol li::marker { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | /* Extra light grey */ | ||
+ | |||
+ | .color-extra-light-grey { | ||
+ | background-color: var(--extra-light-grey); | ||
+ | border: 0px solid var(--extra-light-grey); | ||
+ | margin-left: 7px; | ||
+ | margin-right: 7px; | ||
border-radius: 8px; | border-radius: 8px; | ||
+ | color: var(--black); | ||
} | } | ||
− | .color- | + | .color-extra-light-grey h2 { |
border-bottom: 1px solid var(--black); | border-bottom: 1px solid var(--black); | ||
+ | color: var(--black); | ||
} | } | ||
− | .color- | + | .color-extra-light-grey a { |
color: var(--black); | color: var(--black); | ||
} | } | ||
− | .color- | + | .color-extra-light-grey .mw-editsection a { |
background-color: var(--transparent); | background-color: var(--transparent); | ||
border: 1px solid var(--black); | border: 1px solid var(--black); | ||
Riga 290: | Riga 720: | ||
} | } | ||
− | .color- | + | .color-extra-light-grey .mw-headline, |
+ | .color-extra-light-grey .mw-headline p, | ||
+ | .color-extra-light-grey a.extiw, | ||
+ | .color-extra-light-grey a.external, | ||
+ | .color-extra-light-grey a.extiw:active, | ||
+ | .color-extra-light-grey ul li::marker, | ||
+ | .color-extra-light-grey ol li::marker { | ||
color: var(--black); | color: var(--black); | ||
} | } | ||
− | /* | + | /* White */ |
− | .color- | + | .color-white { |
background-color: var(--white); | background-color: var(--white); | ||
− | border: | + | border: 0px solid var(--white); |
− | margin-left: | + | margin-left: 7px; |
− | margin-right: | + | margin-right: 7px; |
border-radius: 8px; | border-radius: 8px; | ||
+ | color: var(--black); | ||
} | } | ||
− | .color- | + | .color-white h2 { |
border-bottom: 1px solid var(--black); | border-bottom: 1px solid var(--black); | ||
+ | color: var(--black); | ||
} | } | ||
− | .color- | + | .color-white a { |
color: var(--black); | color: var(--black); | ||
} | } | ||
− | .color- | + | .color-white .mw-editsection a { |
background-color: var(--transparent); | background-color: var(--transparent); | ||
border: 1px solid var(--black); | border: 1px solid var(--black); | ||
Riga 318: | Riga 756: | ||
} | } | ||
− | .color- | + | .color-white .mw-headline, |
+ | .color-white .mw-headline p, | ||
+ | .color-white a.extiw, | ||
+ | .color-white a.external, | ||
+ | .color-white a.extiw:active, | ||
+ | .color-white ul li::marker, | ||
+ | .color-white ol li::marker { | ||
color: var(--black); | color: var(--black); | ||
} | } | ||
Riga 327: | Riga 771: | ||
background-color: var(--red); | background-color: var(--red); | ||
border: 0px solid var(--red); | border: 0px solid var(--red); | ||
− | margin-left: | + | margin-left: 7px; |
− | margin-right: | + | margin-right: 7px; |
border-radius: 8px; | border-radius: 8px; | ||
+ | color: var(--white); | ||
} | } | ||
.color-red h2 { | .color-red h2 { | ||
border-bottom: 1px solid var(--white); | border-bottom: 1px solid var(--white); | ||
+ | color: var(--white); | ||
} | } | ||
Riga 346: | Riga 792: | ||
} | } | ||
− | .color-red .mw-headline, .color-red .mw-headline p { | + | .color-red .mw-headline, |
+ | .color-red .mw-headline p, | ||
+ | .color-red a.extiw, | ||
+ | .color-red a.external, | ||
+ | .color-red a.extiw:active, | ||
+ | .color-red ul li::marker, | ||
+ | .color-red ol li::marker { | ||
+ | color: var(--white); | ||
+ | } | ||
+ | |||
+ | /* Blue */ | ||
+ | |||
+ | .color-blue { | ||
+ | background-color: var(--blue); | ||
+ | border: 0px solid var(--blue); | ||
+ | margin-left: 7px; | ||
+ | margin-right: 7px; | ||
+ | border-radius: 8px; | ||
+ | color: var(--white); | ||
+ | } | ||
+ | |||
+ | .color-blue h2 { | ||
+ | border-bottom: 1px solid var(--white); | ||
+ | color: 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-blue ul li::marker, | ||
+ | .color-blue ol li::marker { | ||
+ | color: var(--white); | ||
+ | } | ||
+ | |||
+ | /* Green */ | ||
+ | |||
+ | .color-green { | ||
+ | background-color: var(--green); | ||
+ | border: 0px solid var(--green); | ||
+ | margin-left: 7px; | ||
+ | margin-right: 7px; | ||
+ | border-radius: 8px; | ||
+ | color: var(--white); | ||
+ | } | ||
+ | |||
+ | .color-green h2 { | ||
+ | border-bottom: 1px solid var(--white); | ||
+ | color: 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-green ul li::marker, | ||
+ | .color-green ol li::marker { | ||
color: var(--white); | color: var(--white); | ||
} | } | ||
− | /* | + | /* Pink */ |
+ | |||
+ | .color-pink { | ||
+ | background-color: var(--pink); | ||
+ | border: 0px solid var(--pink); | ||
+ | margin-left: 7px; | ||
+ | margin-right: 7px; | ||
+ | border-radius: 8px; | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-pink h2 { | ||
+ | border-bottom: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-pink a { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-pink .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-pink .mw-headline, | ||
+ | .color-pink .mw-headline p, | ||
+ | .color-pink a.extiw, | ||
+ | .color-pink a.external, | ||
+ | .color-pink a.extiw:active, | ||
+ | .color-pink ul li::marker, | ||
+ | .color-pink ol li::marker { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | /* Orange */ | ||
− | .color- | + | .color-orange { |
− | background-color: var(-- | + | background-color: var(--orange); |
− | border: 0px solid var(-- | + | border: 0px solid var(--orange); |
− | margin-left: | + | margin-left: 7px; |
− | margin-right: | + | margin-right: 7px; |
border-radius: 8px; | border-radius: 8px; | ||
+ | color: var(--black); | ||
} | } | ||
− | .color- | + | .color-orange h2 { |
− | border-bottom: 1px solid var(-- | + | border-bottom: 1px solid var(--black); |
+ | color: var(--black); | ||
} | } | ||
− | .color- | + | .color-orange a { |
− | color: var(-- | + | color: var(--black); |
} | } | ||
− | .color- | + | .color-orange .mw-editsection a { |
background-color: var(--transparent); | background-color: var(--transparent); | ||
− | border: 1px solid var(-- | + | border: 1px solid var(--black); |
− | color: var(-- | + | color: var(--black); |
} | } | ||
− | .color- | + | .color-orange .mw-headline, |
− | color: var(-- | + | .color-orange .mw-headline p, |
+ | .color-orange a.extiw, | ||
+ | .color-orange a.external, | ||
+ | .color-orange a.extiw:active, | ||
+ | .color-orange ul li::marker, | ||
+ | .color-orange ol li::marker { | ||
+ | color: var(--black); | ||
} | } | ||
− | /* | + | /* Purple */ |
− | .color- | + | .color-purple { |
− | background-color: var(-- | + | background-color: var(--purple); |
− | border: | + | border: 0px solid var(--purple); |
− | margin-left: | + | margin-left: 7px; |
− | margin-right: | + | margin-right: 7px; |
border-radius: 8px; | border-radius: 8px; | ||
+ | color: var(--white); | ||
} | } | ||
− | .color- | + | .color-purple h2 { |
− | border-bottom: 1px solid var(-- | + | border-bottom: 1px solid var(--white); |
+ | color: var(--white); | ||
} | } | ||
− | .color- | + | .color-purple a { |
− | color: var(-- | + | color: var(--white); |
} | } | ||
− | .color- | + | .color-purple .mw-editsection a { |
background-color: var(--transparent); | background-color: var(--transparent); | ||
− | border: 1px solid var(-- | + | border: 1px solid var(--white); |
− | color: var(-- | + | color: var(--white); |
+ | } | ||
+ | |||
+ | .color-purple .mw-headline, | ||
+ | .color-purple .mw-headline p, | ||
+ | .color-purple a.extiw, | ||
+ | .color-purple a.external, | ||
+ | .color-purple a.extiw:active, | ||
+ | .color-purple ul li::marker, | ||
+ | .color-purple ol li::marker { | ||
+ | color: var(--white); | ||
+ | } | ||
+ | |||
+ | /* Yellow */ | ||
+ | |||
+ | .color-yellow { | ||
+ | background-color: var(--yellow); | ||
+ | border: 0px solid var(--yellow); | ||
+ | margin-left: 7px; | ||
+ | margin-right: 7px; | ||
+ | border-radius: 8px; | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-yellow h2 { | ||
+ | border-bottom: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-yellow a { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-yellow .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--black); | ||
+ | color: var(--black); | ||
} | } | ||
− | .color- | + | .color-yellow .mw-headline, |
− | color: var(-- | + | .color-yellow .mw-headline p, |
+ | .color-yellow a.extiw, | ||
+ | .color-yellow a.external, | ||
+ | .color-yellow a.extiw:active, | ||
+ | .color-yellow ul li::marker, | ||
+ | .color-yellow ol li::marker { | ||
+ | color: var(--black); | ||
} | } | ||
− | /* | + | /* Teal */ |
− | .color- | + | .color-teal { |
− | background-color: var(-- | + | background-color: var(--teal); |
− | border: 0px solid var(-- | + | border: 0px solid var(--teal); |
− | margin-left: | + | margin-left: 7px; |
− | margin-right: | + | margin-right: 7px; |
border-radius: 8px; | border-radius: 8px; | ||
+ | color: var(--white); | ||
} | } | ||
− | .color- | + | .color-teal h2 { |
border-bottom: 1px solid var(--white); | border-bottom: 1px solid var(--white); | ||
+ | color: var(--white); | ||
} | } | ||
− | .color- | + | .color-teal a { |
color: var(--white); | color: var(--white); | ||
} | } | ||
− | .color- | + | .color-teal .mw-editsection a { |
background-color: var(--transparent); | background-color: var(--transparent); | ||
border: 1px solid var(--white); | border: 1px solid var(--white); | ||
Riga 430: | Riga 1 044: | ||
} | } | ||
− | .color- | + | .color-teal .mw-headline, |
+ | .color-teal .mw-headline p, | ||
+ | .color-teal a.extiw, | ||
+ | .color-teal a.external, | ||
+ | .color-teal a.extiw:active, | ||
+ | .color-teal ul li::marker, | ||
+ | .color-teal ol li::marker { | ||
color: var(--white); | color: var(--white); | ||
+ | } | ||
+ | |||
+ | /* Aqua */ | ||
+ | |||
+ | .color-aqua { | ||
+ | background-color: var(--aqua); | ||
+ | border: 0px solid var(--aqua); | ||
+ | margin-left: 7px; | ||
+ | margin-right: 7px; | ||
+ | border-radius: 8px; | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-aqua h2 { | ||
+ | border-bottom: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-aqua a { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-aqua .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-aqua .mw-headline, | ||
+ | .color-aqua .mw-headline p, | ||
+ | .color-aqua a.extiw, | ||
+ | .color-aqua a.external, | ||
+ | .color-aqua a.extiw:active, | ||
+ | .color-aqua ul li::marker, | ||
+ | .color-aqua ol li::marker { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | /* Beige */ | ||
+ | |||
+ | .color-beige { | ||
+ | background-color: var(--beige); | ||
+ | border: 0px solid var(--beige); | ||
+ | margin-left: 7px; | ||
+ | margin-right: 7px; | ||
+ | border-radius: 8px; | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-beige h2 { | ||
+ | border-bottom: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-beige a { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-beige .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-beige .mw-headline, | ||
+ | .color-beige .mw-headline p, | ||
+ | .color-beige a.extiw, | ||
+ | .color-beige a.external, | ||
+ | .color-beige a.extiw:active, | ||
+ | .color-beige ul li::marker, | ||
+ | .color-beige ol li::marker { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | /* Turquoise */ | ||
+ | |||
+ | .color-turquoise { | ||
+ | background-color: var(--turquoise); | ||
+ | border: 0px solid var(--turquoise); | ||
+ | margin-left: 7px; | ||
+ | margin-right: 7px; | ||
+ | border-radius: 8px; | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-turquoise h2 { | ||
+ | border-bottom: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-turquoise a { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-turquoise .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-turquoise .mw-headline, | ||
+ | .color-turquoise .mw-headline p, | ||
+ | .color-turquoise a.extiw, | ||
+ | .color-turquoise a.external, | ||
+ | .color-turquoise a.extiw:active, | ||
+ | .color-turquoise ul li::marker, | ||
+ | .color-turquoise ol li::marker { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | /* Light red */ | ||
+ | |||
+ | .color-light-red { | ||
+ | background-color: var(--light-red); | ||
+ | border: 0px solid var(--light-red); | ||
+ | margin-left: 7px; | ||
+ | margin-right: 7px; | ||
+ | border-radius: 8px; | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-red h2 { | ||
+ | border-bottom: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-red a { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-red .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-red .mw-headline, | ||
+ | .color-light-red .mw-headline p, | ||
+ | .color-light-red a.extiw, | ||
+ | .color-light-red a.external, | ||
+ | .color-light-red a.extiw:active, | ||
+ | .color-light-red ul li::marker, | ||
+ | .color-light-red ol li::marker { | ||
+ | color: var(--black); | ||
} | } | ||
/* Light blue */ | /* Light blue */ | ||
− | .color-blue-light { | + | .color-light-blue { |
− | background-color: var(--blue-light); | + | background-color: var(--light-blue); |
− | border: 0px solid var(-- | + | border: 0px solid var(--light-blue); |
− | margin-left: | + | margin-left: 7px; |
− | margin-right: | + | margin-right: 7px; |
+ | border-radius: 8px; | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-blue h2 { | ||
+ | border-bottom: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-blue a { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-blue .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-blue .mw-headline, | ||
+ | .color-light-blue .mw-headline p, | ||
+ | .color-light-blue a.extiw, | ||
+ | .color-light-blue a.external, | ||
+ | .color-light-blue a.extiw:active, | ||
+ | .color-light-blue ul li::marker, | ||
+ | .color-light-blue ol li::marker { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | /* Light green */ | ||
+ | |||
+ | .color-light-green { | ||
+ | background-color: var(--light-green); | ||
+ | border: 0px solid var(--light-green); | ||
+ | margin-left: 7px; | ||
+ | margin-right: 7px; | ||
+ | border-radius: 8px; | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-green h2 { | ||
+ | border-bottom: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-green a { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-green .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-green .mw-headline, | ||
+ | .color-light-green .mw-headline p, | ||
+ | .color-light-green a.extiw, | ||
+ | .color-light-green a.external, | ||
+ | .color-light-green a.extiw:active, | ||
+ | .color-light-green ul li::marker, | ||
+ | .color-light-green ol li::marker { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | /* Light pink */ | ||
+ | |||
+ | .color-light-pink { | ||
+ | background-color: var(--light-pink); | ||
+ | border: 0px solid var(--light-pink); | ||
+ | margin-left: 7px; | ||
+ | margin-right: 7px; | ||
+ | border-radius: 8px; | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-pink h2 { | ||
+ | border-bottom: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-pink a { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-pink .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-pink .mw-headline, | ||
+ | .color-light-pink .mw-headline p, | ||
+ | .color-light-pink a.extiw, | ||
+ | .color-light-pink a.external, | ||
+ | .color-light-pink a.extiw:active, | ||
+ | .color-light-pink ul li::marker, | ||
+ | .color-light-pink ol li::marker { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | /* Light orange */ | ||
+ | |||
+ | .color-light-orange { | ||
+ | background-color: var(--light-orange); | ||
+ | border: 0px solid var(--light-orange); | ||
+ | margin-left: 7px; | ||
+ | margin-right: 7px; | ||
+ | border-radius: 8px; | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-orange h2 { | ||
+ | border-bottom: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-orange a { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-orange .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-orange .mw-headline, | ||
+ | .color-light-orange .mw-headline p, | ||
+ | .color-light-orange a.extiw, | ||
+ | .color-light-orange a.external, | ||
+ | .color-light-orange a.extiw:active, | ||
+ | .color-light-orange ul li::marker, | ||
+ | .color-light-orange ol li::marker { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | /* Light purple */ | ||
+ | |||
+ | .color-light-purple { | ||
+ | background-color: var(--light-purple); | ||
+ | border: 0px solid var(--light-purple); | ||
+ | margin-left: 7px; | ||
+ | margin-right: 7px; | ||
+ | border-radius: 8px; | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-purple h2 { | ||
+ | border-bottom: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-purple a { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-purple .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-purple .mw-headline, | ||
+ | .color-light-purple .mw-headline p, | ||
+ | .color-light-purple a.extiw, | ||
+ | .color-light-purple a.external, | ||
+ | .color-light-purple a.extiw:active, | ||
+ | .color-light-purple ul li::marker, | ||
+ | .color-light-purple ol li::marker { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | /* Light yellow */ | ||
+ | |||
+ | .color-light-yellow { | ||
+ | background-color: var(--light-yellow); | ||
+ | border: 0px solid var(--light-yellow); | ||
+ | margin-left: 7px; | ||
+ | margin-right: 7px; | ||
+ | border-radius: 8px; | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-yellow h2 { | ||
+ | border-bottom: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-yellow a { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-yellow .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-yellow .mw-headline, | ||
+ | .color-light-yellow .mw-headline p, | ||
+ | .color-light-yellow a.extiw, | ||
+ | .color-light-yellow a.external, | ||
+ | .color-light-yellow a.extiw:active, | ||
+ | .color-light-yellow ul li::marker, | ||
+ | .color-light-yellow ol li::marker { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | /* Light teal */ | ||
+ | |||
+ | .color-light-teal { | ||
+ | background-color: var(--light-teal); | ||
+ | border: 0px solid var(--light-teal); | ||
+ | margin-left: 7px; | ||
+ | margin-right: 7px; | ||
+ | border-radius: 8px; | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-teal h2 { | ||
+ | border-bottom: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-teal a { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-teal .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-teal .mw-headline, | ||
+ | .color-light-teal .mw-headline p, | ||
+ | .color-light-teal a.extiw, | ||
+ | .color-light-teal a.external, | ||
+ | .color-light-teal a.extiw:active, | ||
+ | .color-light-teal ul li::marker, | ||
+ | .color-light-teal ol li::marker { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | /* Light aqua */ | ||
+ | |||
+ | .color-light-aqua { | ||
+ | background-color: var(--light-aqua); | ||
+ | border: 0px solid var(--light-aqua); | ||
+ | margin-left: 7px; | ||
+ | margin-right: 7px; | ||
+ | border-radius: 8px; | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-aqua h2 { | ||
+ | border-bottom: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-aqua a { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-aqua .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-aqua .mw-headline, | ||
+ | .color-light-aqua .mw-headline p, | ||
+ | .color-light-aqua a.extiw, | ||
+ | .color-light-aqua a.external, | ||
+ | .color-light-aqua a.extiw:active, | ||
+ | .color-light-aqua ul li::marker, | ||
+ | .color-light-aqua ol li::marker { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | /* Light beige */ | ||
+ | |||
+ | .color-light-beige { | ||
+ | background-color: var(--light-beige); | ||
+ | border: 0px solid var(--light-beige); | ||
+ | margin-left: 7px; | ||
+ | margin-right: 7px; | ||
+ | border-radius: 8px; | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-beige h2 { | ||
+ | border-bottom: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-beige a { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-beige .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-beige .mw-headline, | ||
+ | .color-light-beige .mw-headline p, | ||
+ | .color-light-beige a.extiw, | ||
+ | .color-light-beige a.external, | ||
+ | .color-light-beige a.extiw:active, | ||
+ | .color-light-beige ul li::marker, | ||
+ | .color-light-beige ol li::marker { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | /* Light turquoise */ | ||
+ | |||
+ | .color-light-turquoise { | ||
+ | background-color: var(--light-turquoise); | ||
+ | border: 0px solid var(--light-turquoise); | ||
+ | margin-left: 7px; | ||
+ | margin-right: 7px; | ||
+ | border-radius: 8px; | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-turquoise h2 { | ||
+ | border-bottom: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-turquoise a { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-turquoise .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-light-turquoise .mw-headline, | ||
+ | .color-light-turquoise .mw-headline p, | ||
+ | .color-light-turquoise a.extiw, | ||
+ | .color-light-turquoise a.external, | ||
+ | .color-light-turquoise a.extiw:active, | ||
+ | .color-light-turquoise ul li::marker, | ||
+ | .color-light-turquoise ol li::marker { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | /* Ouline red */ | ||
+ | |||
+ | .color-outline-red { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--red); | ||
+ | margin-left: 7px; | ||
+ | margin-right: 7px; | ||
border-radius: 8px; | border-radius: 8px; | ||
+ | color: var(--black); | ||
} | } | ||
− | .color- | + | .color-outline-red h2 { |
− | border-bottom: 1px solid var(-- | + | border-bottom: 1px solid var(--red); |
+ | color: var(--black); | ||
} | } | ||
− | .color- | + | .color-outline-red a { |
− | color: var(-- | + | color: var(--black); |
} | } | ||
− | .color- | + | .color-outline-red .mw-editsection a { |
background-color: var(--transparent); | background-color: var(--transparent); | ||
− | border: 1px solid var(-- | + | border: 1px solid var(--black); |
− | color: var(-- | + | color: var(--black); |
} | } | ||
− | .color- | + | .color-outline-red .mw-headline, |
− | color: var(-- | + | .color-outline-red .mw-headline p, |
+ | .color-outline-red a.extiw, | ||
+ | .color-outline-red a.external, | ||
+ | .color-outline-red a.extiw:active, | ||
+ | .color-outline-red ul li::marker, | ||
+ | .color-outline-red ol li::marker { | ||
+ | color: var(--black); | ||
} | } | ||
/* Outline blue */ | /* Outline blue */ | ||
− | .color-blue | + | .color-outline-blue { |
− | background-color: var(-- | + | background-color: var(--transparent); |
border: 1px solid var(--blue); | border: 1px solid var(--blue); | ||
− | margin-left: | + | margin-left: 7px; |
− | margin-right: | + | margin-right: 7px; |
border-radius: 8px; | border-radius: 8px; | ||
+ | color: var(--black); | ||
} | } | ||
− | .color-blue | + | .color-outline-blue h2 { |
border-bottom: 1px solid var(--blue); | border-bottom: 1px solid var(--blue); | ||
+ | color: var(--black); | ||
} | } | ||
− | .color-blue | + | .color-outline-blue a { |
− | color: var(-- | + | color: var(--black); |
} | } | ||
− | .color-blue-outline .mw- | + | .color-outline-blue .mw-editsection a { |
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--black); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-outline-blue .mw-headline, | ||
+ | .color-outline-blue .mw-headline p, | ||
+ | .color-outline-blue a.extiw, | ||
+ | .color-outline-blue a.external, | ||
+ | .color-outline-blue a.extiw:active, | ||
+ | .color-outline-blue ul li::marker, | ||
+ | .color-outline-blue ol li::marker { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | /* Outline green */ | ||
+ | |||
+ | .color-outline-green { | ||
background-color: var(--transparent); | background-color: var(--transparent); | ||
− | border: 1px solid var(-- | + | border: 1px solid var(--green); |
− | color: var(-- | + | margin-left: 7px; |
+ | margin-right: 7px; | ||
+ | border-radius: 8px; | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-outline-green h2 { | ||
+ | border-bottom: 1px solid var(--green); | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-outline-green a { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .color-outline-green .mw-editsection a { | ||
+ | background-color: var(--transparent); | ||
+ | border: 1px solid var(--black); | ||
+ | color: var(--black); | ||
} | } | ||
− | .color- | + | .color-outline-green .mw-headline, |
− | color: var(-- | + | .color-outline-green .mw-headline p, |
+ | .color-outline-green a.extiw, | ||
+ | .color-outline-green a.external, | ||
+ | .color-outline-green a.extiw:active, | ||
+ | .color-outline-green ul li::marker, | ||
+ | .color-outline-green ol li::marker { | ||
+ | color: var(--black); | ||
} | } | ||
− | /* | + | /* Outline pink */ |
− | .color- | + | .color-outline-pink { |
− | background-color: var(-- | + | background-color: var(--transparent); |
− | border: | + | border: 1px solid var(--pink); |
− | margin-left: | + | margin-left: 7px; |
− | margin-right: | + | margin-right: 7px; |
border-radius: 8px; | border-radius: 8px; | ||
+ | color: var(--black); | ||
} | } | ||
− | .color- | + | .color-outline-pink h2 { |
− | border-bottom: 1px solid var(-- | + | border-bottom: 1px solid var(--pink); |
+ | color: var(--black); | ||
} | } | ||
− | .color- | + | .color-outline-pink a { |
− | color: var(-- | + | color: var(--black); |
} | } | ||
− | .color- | + | .color-outline-pink .mw-editsection a { |
background-color: var(--transparent); | background-color: var(--transparent); | ||
− | border: 1px solid var(-- | + | border: 1px solid var(--black); |
− | color: var(-- | + | color: var(--black); |
} | } | ||
− | .color- | + | .color-outline-pink .mw-headline, |
− | color: var(-- | + | .color-outline-pink .mw-headline p, |
+ | .color-outline-pink a.extiw, | ||
+ | .color-outline-pink a.external, | ||
+ | .color-outline-pink a.extiw:active, | ||
+ | .color-outline-pink ul li::marker, | ||
+ | .color-outline-pink ol li::marker { | ||
+ | color: var(--black); | ||
} | } | ||
− | /* | + | /* Outline orange */ |
− | .color- | + | .color-outline-orange { |
− | background-color: var(-- | + | background-color: var(--transparent); |
− | border: | + | border: 1px solid var(--orange); |
− | margin-left: | + | margin-left: 7px; |
− | margin-right: | + | margin-right: 7px; |
border-radius: 8px; | border-radius: 8px; | ||
+ | color: var(--black); | ||
} | } | ||
− | .color- | + | .color-outline-orange h2 { |
− | border-bottom: 1px solid var(-- | + | border-bottom: 1px solid var(--orange); |
+ | color: var(--black); | ||
} | } | ||
− | .color- | + | .color-outline-orange a { |
− | color: var(-- | + | color: var(--black); |
} | } | ||
− | .color- | + | .color-outline-orange .mw-editsection a { |
background-color: var(--transparent); | background-color: var(--transparent); | ||
− | border: 1px solid var(-- | + | border: 1px solid var(--black); |
− | color: var(-- | + | color: var(--black); |
} | } | ||
− | .color- | + | .color-outline-orange .mw-headline, |
− | color: var(-- | + | .color-outline-orange .mw-headline p, |
+ | .color-outline-orange a.extiw, | ||
+ | .color-outline-orange a.external, | ||
+ | .color-outline-orange a.extiw:active, | ||
+ | .color-outline-orange ul li::marker, | ||
+ | .color-outline-orange ol li::marker { | ||
+ | color: var(--black); | ||
} | } | ||
− | /* Outline | + | /* Outline purple */ |
− | .color- | + | .color-outline-purple { |
− | background-color: var(-- | + | background-color: var(--transparent); |
− | border: 1px solid var(-- | + | border: 1px solid var(--purple); |
− | margin-left: | + | margin-left: 7px; |
− | margin-right: | + | margin-right: 7px; |
border-radius: 8px; | border-radius: 8px; | ||
+ | color: var(--black); | ||
} | } | ||
− | .color- | + | .color-outline-purple h2 { |
− | border-bottom: 1px solid var(-- | + | border-bottom: 1px solid var(--purple); |
+ | color: var(--black); | ||
} | } | ||
− | .color- | + | .color-outline-purple a { |
− | color: var(-- | + | color: var(--black); |
} | } | ||
− | .color- | + | .color-outline-purple .mw-editsection a { |
background-color: var(--transparent); | background-color: var(--transparent); | ||
− | border: 1px solid var(-- | + | border: 1px solid var(--black); |
− | color: var(-- | + | color: var(--black); |
} | } | ||
− | .color- | + | .color-outline-purple .mw-headline, |
− | color: var(-- | + | .color-outline-purple .mw-headline p, |
+ | .color-outline-purple a.extiw, | ||
+ | .color-outline-purple a.external, | ||
+ | .color-outline-purple a.extiw:active, | ||
+ | .color-outline-purple ul li::marker, | ||
+ | .color-outline-purple ol li::marker { | ||
+ | color: var(--black); | ||
} | } | ||
− | /* | + | /* Outline yellow */ |
− | .color- | + | .color-outline-yellow { |
− | background-color: var(-- | + | background-color: var(--transparent); |
− | border: | + | border: 1px solid var(--yellow); |
− | margin-left: | + | margin-left: 7px; |
− | margin-right: | + | margin-right: 7px; |
border-radius: 8px; | border-radius: 8px; | ||
+ | color: var(--black); | ||
} | } | ||
− | .color- | + | .color-outline-yellow h2 { |
− | border-bottom: 1px solid var(-- | + | border-bottom: 1px solid var(--yellow); |
+ | color: var(--black); | ||
} | } | ||
− | .color- | + | .color-outline-yellow a { |
− | color: var(-- | + | color: var(--black); |
} | } | ||
− | .color- | + | .color-outline-yellow .mw-editsection a { |
background-color: var(--transparent); | background-color: var(--transparent); | ||
− | border: 1px solid var(-- | + | border: 1px solid var(--black); |
− | color: var(-- | + | color: var(--black); |
} | } | ||
− | .color- | + | .color-outline-yellow .mw-headline, |
− | color: var(-- | + | .color-outline-yellow .mw-headline p, |
+ | .color-outline-yellow a.extiw, | ||
+ | .color-outline-yellow a.external, | ||
+ | .color-outline-yellow a.extiw:active, | ||
+ | .color-outline-yellow ul li::marker, | ||
+ | .color-outline-yellow ol li::marker { | ||
+ | color: var(--black); | ||
} | } | ||
− | /* | + | /* Outline teal */ |
− | .color- | + | .color-outline-teal { |
− | background-color: var(-- | + | background-color: var(--transparent); |
− | border: | + | border: 1px solid var(--teal); |
− | margin-left: | + | margin-left: 7px; |
− | margin-right: | + | margin-right: 7px; |
border-radius: 8px; | border-radius: 8px; | ||
+ | color: var(--black); | ||
} | } | ||
− | .color- | + | .color-outline-teal h2 { |
− | border-bottom: 1px solid var(-- | + | border-bottom: 1px solid var(--teal); |
+ | color: var(--black); | ||
} | } | ||
− | .color- | + | .color-outline-teal a { |
− | color: var(-- | + | color: var(--black); |
} | } | ||
− | .color- | + | .color-outline-teal .mw-editsection a { |
background-color: var(--transparent); | background-color: var(--transparent); | ||
− | border: 1px solid var(-- | + | border: 1px solid var(--black); |
− | color: var(-- | + | color: var(--black); |
} | } | ||
− | .color- | + | .color-outline-teal .mw-headline, |
− | color: var(-- | + | .color-outline-teal .mw-headline p, |
+ | .color-outline-teal a.extiw, | ||
+ | .color-outline-teal a.external, | ||
+ | .color-outline-teal a.extiw:active, | ||
+ | .color-outline-teal ul li::marker, | ||
+ | .color-outline-teal ol li::marker { | ||
+ | color: var(--black); | ||
} | } | ||
− | /* Outline | + | /* Outline aqua */ |
− | .color- | + | .color-outline-aqua { |
− | background-color: var(-- | + | background-color: var(--transparent); |
− | border: 1px solid var(-- | + | border: 1px solid var(--aqua); |
− | margin-left: | + | margin-left: 7px; |
− | margin-right: | + | margin-right: 7px; |
border-radius: 8px; | border-radius: 8px; | ||
+ | color: var(--black); | ||
} | } | ||
− | .color- | + | .color-outline-aqua h2 { |
− | border-bottom: 1px solid var(-- | + | border-bottom: 1px solid var(--aqua); |
+ | color: var(--black); | ||
} | } | ||
− | .color- | + | .color-outline-aqua a { |
− | color: var(-- | + | color: var(--black); |
} | } | ||
− | .color- | + | .color-outline-aqua .mw-editsection a { |
background-color: var(--transparent); | background-color: var(--transparent); | ||
− | border: 1px solid var(-- | + | border: 1px solid var(--black); |
− | color: var(-- | + | color: var(--black); |
} | } | ||
− | .color- | + | .color-outline-aqua .mw-headline, |
− | color: var(-- | + | .color-outline-aqua .mw-headline p, |
+ | .color-outline-aqua a.extiw, | ||
+ | .color-outline-aqua a.external, | ||
+ | .color-outline-aqua a.extiw:active, | ||
+ | .color-outline-aqua ul li::marker, | ||
+ | .color-outline-aqua ol li::marker { | ||
+ | color: var(--black); | ||
} | } | ||
− | /* | + | /* Outline beige */ |
− | .color- | + | .color-outline-beige { |
− | background-color: var(-- | + | background-color: var(--transparent); |
− | border: | + | border: 1px solid var(--beige); |
− | margin-left: | + | margin-left: 7px; |
− | margin-right: | + | margin-right: 7px; |
border-radius: 8px; | border-radius: 8px; | ||
+ | color: var(--black); | ||
} | } | ||
− | .color- | + | .color-outline-beige h2 { |
− | border-bottom: 1px solid var(--black | + | border-bottom: 1px solid var(--beige); |
+ | color: var(--black); | ||
} | } | ||
− | .color- | + | .color-outline-beige a { |
− | color: var(--black | + | color: var(--black); |
} | } | ||
− | .color- | + | .color-outline-beige .mw-editsection a { |
background-color: var(--transparent); | background-color: var(--transparent); | ||
− | border: 1px solid var(--black | + | border: 1px solid var(--black); |
− | color: var(--black | + | color: var(--black); |
} | } | ||
− | .color- | + | .color-outline-beige .mw-headline, |
− | color: var(--black | + | .color-outline-beige .mw-headline p, |
+ | .color-outline-beige a.extiw, | ||
+ | .color-outline-beige a.external, | ||
+ | .color-outline-beige a.extiw:active, | ||
+ | .color-outline-beige ul li::marker, | ||
+ | .color-outline-beige ol li::marker { | ||
+ | color: var(--black); | ||
} | } | ||
− | /* | + | /* Outline turquoise */ |
− | .color- | + | .color-outline-turquoise { |
− | background-color: var(-- | + | background-color: var(--transparent); |
− | border: | + | border: 1px solid var(--turquoise); |
− | margin-left: | + | margin-left: 7px; |
− | margin-right: | + | margin-right: 7px; |
border-radius: 8px; | border-radius: 8px; | ||
+ | color: var(--black); | ||
} | } | ||
− | .color- | + | .color-outline-turquoise h2 { |
− | border-bottom: 1px solid var(--black | + | border-bottom: 1px solid var(--turquoise); |
+ | color: var(--black); | ||
} | } | ||
− | .color- | + | .color-outline-turquoise a { |
− | color: var(--black | + | color: var(--black); |
} | } | ||
− | .color- | + | .color-outline-turquoise .mw-editsection a { |
background-color: var(--transparent); | background-color: var(--transparent); | ||
− | border: 1px solid var(--black | + | border: 1px solid var(--black); |
− | color: var(--black | + | color: var(--black); |
} | } | ||
− | .color- | + | .color-outline-turquoise .mw-headline, |
− | color: var(--black-dark); | + | .color-outline-turquoise .mw-headline p, |
+ | .color-outline-turquoise a.extiw, | ||
+ | .color-outline-turquoise a.external, | ||
+ | .color-outline-turquoise a.extiw:active, | ||
+ | .color-outline-turquoise ul li::marker, | ||
+ | .color-outline-turquoise ol li::marker { | ||
+ | color: var(--black); | ||
+ | } | ||
+ | |||
+ | .mw-body a.extiw, .mw-body a { | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | .mw-body a.extiw:visited, .mw-body a:visited { | ||
+ | /* color: var(--black-dark); */ | ||
+ | } | ||
+ | |||
+ | .mw-body a.extiw.color-black:visited, .mw-body a.color-black:visited { | ||
+ | /* color: var(--white); */ | ||
+ | } | ||
+ | |||
+ | /* EMPTY COLUMN */ | ||
+ | |||
+ | .empty-first { | ||
+ | padding-left: 0px; | ||
+ | padding-right: 7px; | ||
+ | } | ||
+ | |||
+ | .empty-last { | ||
+ | padding-right: 0px; | ||
+ | padding-left: 7px; | ||
+ | } | ||
+ | |||
+ | .row.empty > .col-1:first-child, .row.empty > .col-2:first-child, .row.empty > .col-3:first-child, .row.empty > .col-4:first-child, .row.empty > .col-5:first-child, .row.empty > .col-6:first-child { | ||
+ | padding-left: 0px; | ||
+ | padding-right: 7px; | ||
+ | } | ||
+ | |||
+ | .row.empty > .col-1, .row.empty > .col-2, .row.empty > .col-3, .row.empty > .col-4, .row.empty > .col-5, .row.empty > .col-6 { | ||
+ | padding-left: 7px; | ||
+ | padding-right: 7px; | ||
+ | } | ||
+ | |||
+ | .row.empty > .col-1:last-child, .row.empty > .col-2:last-child, .row.empty > .col-3:last-child, .row.empty > .col-4:last-child, .row.empty > .col-5:last-child, .row.empty > .col-6:last-child { | ||
+ | padding-right: 0px; | ||
+ | padding-left: 7px; | ||
} | } | ||
Riga 718: | Riga 1 997: | ||
.image-box { | .image-box { | ||
border-radius: 8px; | border-radius: 8px; | ||
+ | padding-top: 0px; | ||
+ | padding-bottom: 0px; | ||
} | } | ||
.image-box img { | .image-box img { | ||
− | width: 100%; | + | width: calc(100% + 14px); |
height: auto; | height: auto; | ||
object-fit: cover; | object-fit: cover; | ||
border-radius: 8px; | border-radius: 8px; | ||
+ | margin: 0px -7px; | ||
} | } | ||
Riga 733: | Riga 2 015: | ||
} | } | ||
− | .mw-editsection a { | + | .mw-body .mw-editsection { |
− | background-color: var(-- | + | padding-bottom: 10px; |
− | color: var(-- | + | } |
− | border: 0px solid var(-- | + | |
+ | .mw-body .mw-editsection a { | ||
+ | background-color: var(--light-primary); | ||
+ | color: var(--primary); | ||
+ | border: 0px solid var(--primary); | ||
border-radius: 100vw; | border-radius: 100vw; | ||
padding: 2px 6px; | padding: 2px 6px; | ||
Riga 743: | Riga 2 029: | ||
font-size: 12px; | font-size: 12px; | ||
margin-bottom: 5px; | margin-bottom: 5px; | ||
+ | font-family: "Inter", sans-serif; | ||
+ | text-decoration: none; | ||
} | } | ||
− | .mw-editsection a:hover { | + | .mw-body .mw-editsection a:hover { |
text-decoration: none; | text-decoration: none; | ||
} | } | ||
Riga 758: | Riga 2 046: | ||
visibility: visible; | visibility: visible; | ||
background-color: var(--transparent); | background-color: var(--transparent); | ||
− | color: var(-- | + | color: var(--primary); |
− | border: 1px solid var(-- | + | border: 1px solid var(--primary); |
border-radius: 100vw; | border-radius: 100vw; | ||
padding: 2px 6px; | padding: 2px 6px; | ||
Riga 768: | Riga 2 056: | ||
table.wikitable { | table.wikitable { | ||
− | border-top: 1px solid var(-- | + | border-top: 1px solid var(--primary); |
− | border-bottom: 1px solid var(-- | + | border-bottom: 1px solid var(--primary); |
− | border-left: 1px solid var(-- | + | border-left: 1px solid var(--primary); |
− | border-right: 1px solid var(-- | + | border-right: 1px solid var(--primary); |
} | } | ||
Riga 796: | Riga 2 084: | ||
@media screen and (max-width: 992px) { | @media screen and (max-width: 992px) { | ||
+ | |||
+ | table.wmi-navigation { | ||
+ | margin: 0px 0px; | ||
+ | } | ||
table.navigation tr { | table.navigation tr { | ||
Riga 804: | Riga 2 096: | ||
table.navigation tr td { | table.navigation tr td { | ||
− | margin-bottom: | + | margin-bottom: 4px; |
+ | } | ||
+ | |||
+ | table.wmi-navigation tr td { | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | table.wmi-navigation.wmi-navigation-first-level tr td { | ||
+ | margin: 0px 0px; | ||
+ | margin-bottom: 4px; | ||
} | } | ||
Riga 844: | Riga 2 145: | ||
} | } | ||
+ | |||
+ | /** | ||
+ | * Fine Grafica realizzata da Davide Giorgetta | ||
+ | */ |
Versione attuale delle 16:52, 15 giu 2022
/** * Grafica realizzata da Davide Giorgetta - Giugno 2022 * Licenza: stessa del wiki */ /* VARIABLES */ :root { --transparent: transparent; --primary: #1C63F5; --medium-primary: #C0CFF7; --light-primary: #e5eeff; --white: #FFF; --black: #000; --dark-grey: #404040; --medium-grey: #7F7F7F; --light-grey: #BFBFBF; --extra-light-grey: #F4F4F4; --red: #990000; --blue: #0063BF; --green: #339966; --pink: #E679A6; --orange: #EE8019; --yellow: #F0BC00; --purple: #5748B5; --teal: #305D70; --aqua: #049DFF; --beige: #E9E7C4; --turquoise: #71D1B3; --light-red: #E5C0C0; --light-blue: #C3D8EF; --light-green: #CBE0D5; --light-pink: #F9DDE9; --light-orange: #FBDFC5; --light-yellow: #FBEEBF; --light-purple: #D5D1EC; --light-teal: #CBD6DB; --light-aqua: #C0E6FF; --light-beige: #F9F9F0; --light-turquoise: #DBF3EC; } /* GENERAL */ body { font-family: 'Inter', sans-serif; } /* 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(--light-primary); color: var(--primary); border-radius: 8px; padding: 10px 2px; font-size: 14px; text-align: center; } table.wmi-navigation.wmi-navigation-first-level { margin-bottom: 0px; } 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(--light-primary); color: var(--primary); border-radius: 8px; margin: 0px 2px; font-size: 14px; text-align: center; border: 0px !important; } table.wmi-navigation.wmi-navigation-first-level tr td:hover { /* background-color: var(--medium-primary); */ outline: 1px solid var(--primary); } table.wmi-navigation.wmi-navigation-first-level tr td:hover a { /* background-color: var(--medium-primary); */ } table.wmi-navigation.wmi-navigation-first-level tr td a { font-weight: 700 !important; text-transform: uppercase !important; color: var(--primary) !important; } table.wmi-navigation.wmi-navigation-first-level tr td a span { font-weight: 700 !important; text-transform: uppercase !important; color: var(--primary) !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 1px !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 1px !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(--light-primary) !important; text-decoration: none !important; outline: 1px solid var(--primary); } table.wmi-navigation.wmi-navigation-first-level tr td a:hover { outline: 0; } table.wmi-navigation tr td .selflink { display: block; background-color: var(--primary); color: var(--white); border-radius: 8px; padding: 10px 2px; font-size: 14px; text-align: center; font-weight: 700; } /* TABLE OF CONTENT */ #toc { border: 0px; margin: 30px 0px; background-color: var(--extra-light-grey); 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(--primary); border: 1px solid var(--primary); border-radius: 100vw; padding: 2px 6px; font-weight: 400; text-transform: capitalize; font-size: 12px; text-decoration: none; } #toc #toctitle .toctoggle a:hover { text-decoration: none; } #toc > ul { padding: 15px 20px; } #toc ul li a { color: var(--primary); text-decoration: none; } /* SECONDARY TOC */ .toccolours { border: 0px; margin: 30px 0px; background-color: var(--extra-light-grey); 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(--primary); } .mw-body a.extiw { color: var(--primary); } .mw-body a.extiw:active { color: var(--primary); } .mw-body a.external { color: var(--primary); } li a { color: var(--primary); } .mw-headline { font-family: 'Inter', sans-serif !important; padding-bottom: 10px; } .firstHeading { font-family: 'Inter', sans-serif !important; } /* PROJECT */ .project-card { float:right; width: 24em; clear: both; background-color:#EEEEEE; border: transparent; border-radius: 8px } .project-card th { background-color: var(--primary); color:white; font-size: 1.6em; border-radius: 8px } .project-card td { padding: 15px; padding-top: 5px; } .project-card .project-image { background-color: transparent; } .project-card .label { color: var(--black); font-weight: 700; } /* MICROGRANT */ .microgrant { float: right; width: 24em; clear: both; } .microgrant-wrapper { float: right; margin: 0 0 1em 4%; min-width: 22em; width: 28%; } .microgrant .label { padding-right: 0.5em; color: var(--black); font-weight: 700; } .microgrant .value { display: block; } .microgrant .status { color: var(--primary); } .microgrant-status { margin-bottom: 10px; } .microgrant-header { border-top-right-radius: 8px !important; border-top-left-radius: 8px !important; padding: 10px 20px !important; background-color: var(--red); padding: 0.25em 0 0 1em; font-size: 1.3em; } .microgrant-header span { color: var(--white); } .microgrant-body { border-bottom-right-radius: 8px !important; border-bottom-left-radius: 8px !important; border: 0px !important; padding: 10px 20px !important; background-color: #eeeeee; color: var(--black); } .microgrant-entry { margin-bottom: 20px; } /* LAYOUT */ .catlinks { background-color: var(--extra-light-grey); border: 0px; border-radius: 8px; padding: 5px 10px; } div.thumbinner { background-color: var(--extra-light-grey); border: 0px; border-radius: 8px; padding: 10px; } /* GRID */ .row { margin: 0px -7px; display: flex; /* align-items: flex-start; */ margin-bottom: 7px; clear: both; } .col-1 { width: 16.666%; padding: 10px 15px; margin-bottom: 7px; } .col-2 { width: 33.333%; padding: 10px 15px; margin-bottom: 7px; } .col-3 { width: 50%; padding: 10px 15px; margin-bottom: 7px; } .col-4 { width: 66.666%; padding: 10px 15px; margin-bottom: 7px; } .col-5 { width: 83.330%; padding: 10px 15px; margin-bottom: 7px; } .col-6 { width: 100%; padding: 10px 15px; margin-bottom: 7px; } /* COLORS */ /* Primary */ .color-primary { background-color: var(--primary); border: 0px solid var(--primary); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--white); } .color-primary h2 { border-bottom: 1px solid var(--white); color: var(--white); } .color-primary a { color: var(--white); } .color-primary .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--white); color: var(--white); } .color-primary .mw-headline, .color-primary .mw-headline p, .color-primary a.extiw, .color-primary a.external, .color-primary a.extiw:active, .color-primary ul li::marker, .color-primary ol li::marker { color: var(--white); } /* Medium primary */ .color-medium-primary { background-color: var(--medium-primary); border: 0px solid var(--medium-primary); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--black); } .color-medium-primary h2 { border-bottom: 1px solid var(--black); color: var(--black); } .color-medium-primary a { color: var(--black); } .color-medium-primary .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black); color: var(--black); } .color-medium-primary .mw-headline, .color-medium-primary .mw-headline p, .color-medium-primary a.extiw, .color-medium-primary a.external, .color-medium-primary a.extiw:active, .color-medium-primary ul li::marker, .color-medium-primary ol li::marker { color: var(--black); } /* Light primary */ .color-light-primary { background-color: var(--light-primary); border: 0px solid var(--light-primary); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--black); } .color-light-primary h2 { border-bottom: 1px solid var(--black); color: var(--black); } .color-light-primary a { color: var(--black); } .color-light-primary .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black); color: var(--black); } .color-light-primary .mw-headline, .color-light-primary .mw-headline p, .color-light-primary a.extiw, .color-light-primary a.external, .color-light-primary a.extiw:active, .color-light-primary ul li::marker, .color-light-primary ol li::marker { color: var(--black); } /* Black */ .color-black { background-color: var(--black); border: 0px solid var(--black); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--white); } .color-black h2 { border-bottom: 1px solid var(--white); color: 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-black ul li::marker, .color-black ol li::marker { color: var(--white); } /* Dark grey */ .color-dark-grey { background-color: var(--dark-grey); border: 0px solid var(--black); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--white); } .color-dark-grey h2 { border-bottom: 1px solid var(--white); color: var(--white); } .color-dark-grey a { color: var(--white); } .color-dark-grey .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black); color: var(--white); } .color-dark-grey .mw-headline, .color-dark-grey .mw-headline p, .color-dark-grey a.extiw, .color-dark-grey a.external, .color-dark-grey a.extiw:active, .color-dark-grey ul li::marker, .color-dark-grey ol li::marker { color: var(--white); } /* Medium grey */ .color-medium-grey { background-color: var(--medium-grey); border: 0px solid var(--medium-grey); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--black); } .color-medium-grey h2 { border-bottom: 1px solid var(--black); color: var(--black); } .color-medium-grey a { color: var(--black); } .color-medium-grey .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black); color: var(--black); } .color-medium-grey .mw-headline, .color-medium-grey .mw-headline p, .color-medium-grey a.extiw, .color-medium-grey a.external, .color-medium-grey a.extiw:active, .color-medium-grey ul li::marker, .color-medium-grey ol li::marker { color: var(--black); } /* Light grey */ .color-light-grey { background-color: var(--light-grey); border: 0px solid var(--light-grey); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--black); } .color-light-grey h2 { border-bottom: 1px solid var(--black); color: var(--black); } .color-light-grey a { color: var(--black); } .color-light-grey .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black); color: var(--black); } .color-light-grey .mw-headline, .color-light-grey .mw-headline p, .color-light-grey a.extiw, .color-light-grey a.external, .color-light-grey a.extiw:active, .color-light-grey ul li::marker, .color-light-grey ol li::marker { color: var(--black); } /* Extra light grey */ .color-extra-light-grey { background-color: var(--extra-light-grey); border: 0px solid var(--extra-light-grey); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--black); } .color-extra-light-grey h2 { border-bottom: 1px solid var(--black); color: var(--black); } .color-extra-light-grey a { color: var(--black); } .color-extra-light-grey .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black); color: var(--black); } .color-extra-light-grey .mw-headline, .color-extra-light-grey .mw-headline p, .color-extra-light-grey a.extiw, .color-extra-light-grey a.external, .color-extra-light-grey a.extiw:active, .color-extra-light-grey ul li::marker, .color-extra-light-grey ol li::marker { color: var(--black); } /* White */ .color-white { background-color: var(--white); border: 0px solid var(--white); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--black); } .color-white h2 { border-bottom: 1px solid var(--black); color: var(--black); } .color-white a { color: var(--black); } .color-white .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black); color: var(--black); } .color-white .mw-headline, .color-white .mw-headline p, .color-white a.extiw, .color-white a.external, .color-white a.extiw:active, .color-white ul li::marker, .color-white ol li::marker { color: var(--black); } /* Red */ .color-red { background-color: var(--red); border: 0px solid var(--red); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--white); } .color-red h2 { border-bottom: 1px solid var(--white); color: 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-red ul li::marker, .color-red ol li::marker { color: var(--white); } /* Blue */ .color-blue { background-color: var(--blue); border: 0px solid var(--blue); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--white); } .color-blue h2 { border-bottom: 1px solid var(--white); color: 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-blue ul li::marker, .color-blue ol li::marker { color: var(--white); } /* Green */ .color-green { background-color: var(--green); border: 0px solid var(--green); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--white); } .color-green h2 { border-bottom: 1px solid var(--white); color: 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-green ul li::marker, .color-green ol li::marker { color: var(--white); } /* Pink */ .color-pink { background-color: var(--pink); border: 0px solid var(--pink); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--black); } .color-pink h2 { border-bottom: 1px solid var(--black); color: var(--black); } .color-pink a { color: var(--black); } .color-pink .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black); color: var(--black); } .color-pink .mw-headline, .color-pink .mw-headline p, .color-pink a.extiw, .color-pink a.external, .color-pink a.extiw:active, .color-pink ul li::marker, .color-pink ol li::marker { color: var(--black); } /* Orange */ .color-orange { background-color: var(--orange); border: 0px solid var(--orange); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--black); } .color-orange h2 { border-bottom: 1px solid var(--black); color: var(--black); } .color-orange a { color: var(--black); } .color-orange .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black); color: var(--black); } .color-orange .mw-headline, .color-orange .mw-headline p, .color-orange a.extiw, .color-orange a.external, .color-orange a.extiw:active, .color-orange ul li::marker, .color-orange ol li::marker { color: var(--black); } /* Purple */ .color-purple { background-color: var(--purple); border: 0px solid var(--purple); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--white); } .color-purple h2 { border-bottom: 1px solid var(--white); color: var(--white); } .color-purple a { color: var(--white); } .color-purple .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--white); color: var(--white); } .color-purple .mw-headline, .color-purple .mw-headline p, .color-purple a.extiw, .color-purple a.external, .color-purple a.extiw:active, .color-purple ul li::marker, .color-purple ol li::marker { color: var(--white); } /* Yellow */ .color-yellow { background-color: var(--yellow); border: 0px solid var(--yellow); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--black); } .color-yellow h2 { border-bottom: 1px solid var(--black); color: var(--black); } .color-yellow a { color: var(--black); } .color-yellow .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black); color: var(--black); } .color-yellow .mw-headline, .color-yellow .mw-headline p, .color-yellow a.extiw, .color-yellow a.external, .color-yellow a.extiw:active, .color-yellow ul li::marker, .color-yellow ol li::marker { color: var(--black); } /* Teal */ .color-teal { background-color: var(--teal); border: 0px solid var(--teal); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--white); } .color-teal h2 { border-bottom: 1px solid var(--white); color: var(--white); } .color-teal a { color: var(--white); } .color-teal .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--white); color: var(--white); } .color-teal .mw-headline, .color-teal .mw-headline p, .color-teal a.extiw, .color-teal a.external, .color-teal a.extiw:active, .color-teal ul li::marker, .color-teal ol li::marker { color: var(--white); } /* Aqua */ .color-aqua { background-color: var(--aqua); border: 0px solid var(--aqua); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--black); } .color-aqua h2 { border-bottom: 1px solid var(--black); color: var(--black); } .color-aqua a { color: var(--black); } .color-aqua .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black); color: var(--black); } .color-aqua .mw-headline, .color-aqua .mw-headline p, .color-aqua a.extiw, .color-aqua a.external, .color-aqua a.extiw:active, .color-aqua ul li::marker, .color-aqua ol li::marker { color: var(--black); } /* Beige */ .color-beige { background-color: var(--beige); border: 0px solid var(--beige); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--black); } .color-beige h2 { border-bottom: 1px solid var(--black); color: var(--black); } .color-beige a { color: var(--black); } .color-beige .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black); color: var(--black); } .color-beige .mw-headline, .color-beige .mw-headline p, .color-beige a.extiw, .color-beige a.external, .color-beige a.extiw:active, .color-beige ul li::marker, .color-beige ol li::marker { color: var(--black); } /* Turquoise */ .color-turquoise { background-color: var(--turquoise); border: 0px solid var(--turquoise); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--black); } .color-turquoise h2 { border-bottom: 1px solid var(--black); color: var(--black); } .color-turquoise a { color: var(--black); } .color-turquoise .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black); color: var(--black); } .color-turquoise .mw-headline, .color-turquoise .mw-headline p, .color-turquoise a.extiw, .color-turquoise a.external, .color-turquoise a.extiw:active, .color-turquoise ul li::marker, .color-turquoise ol li::marker { color: var(--black); } /* Light red */ .color-light-red { background-color: var(--light-red); border: 0px solid var(--light-red); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--black); } .color-light-red h2 { border-bottom: 1px solid var(--black); color: var(--black); } .color-light-red a { color: var(--black); } .color-light-red .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black); color: var(--black); } .color-light-red .mw-headline, .color-light-red .mw-headline p, .color-light-red a.extiw, .color-light-red a.external, .color-light-red a.extiw:active, .color-light-red ul li::marker, .color-light-red ol li::marker { color: var(--black); } /* Light blue */ .color-light-blue { background-color: var(--light-blue); border: 0px solid var(--light-blue); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--black); } .color-light-blue h2 { border-bottom: 1px solid var(--black); color: var(--black); } .color-light-blue a { color: var(--black); } .color-light-blue .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black); color: var(--black); } .color-light-blue .mw-headline, .color-light-blue .mw-headline p, .color-light-blue a.extiw, .color-light-blue a.external, .color-light-blue a.extiw:active, .color-light-blue ul li::marker, .color-light-blue ol li::marker { color: var(--black); } /* Light green */ .color-light-green { background-color: var(--light-green); border: 0px solid var(--light-green); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--black); } .color-light-green h2 { border-bottom: 1px solid var(--black); color: var(--black); } .color-light-green a { color: var(--black); } .color-light-green .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black); color: var(--black); } .color-light-green .mw-headline, .color-light-green .mw-headline p, .color-light-green a.extiw, .color-light-green a.external, .color-light-green a.extiw:active, .color-light-green ul li::marker, .color-light-green ol li::marker { color: var(--black); } /* Light pink */ .color-light-pink { background-color: var(--light-pink); border: 0px solid var(--light-pink); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--black); } .color-light-pink h2 { border-bottom: 1px solid var(--black); color: var(--black); } .color-light-pink a { color: var(--black); } .color-light-pink .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black); color: var(--black); } .color-light-pink .mw-headline, .color-light-pink .mw-headline p, .color-light-pink a.extiw, .color-light-pink a.external, .color-light-pink a.extiw:active, .color-light-pink ul li::marker, .color-light-pink ol li::marker { color: var(--black); } /* Light orange */ .color-light-orange { background-color: var(--light-orange); border: 0px solid var(--light-orange); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--black); } .color-light-orange h2 { border-bottom: 1px solid var(--black); color: var(--black); } .color-light-orange a { color: var(--black); } .color-light-orange .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black); color: var(--black); } .color-light-orange .mw-headline, .color-light-orange .mw-headline p, .color-light-orange a.extiw, .color-light-orange a.external, .color-light-orange a.extiw:active, .color-light-orange ul li::marker, .color-light-orange ol li::marker { color: var(--black); } /* Light purple */ .color-light-purple { background-color: var(--light-purple); border: 0px solid var(--light-purple); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--black); } .color-light-purple h2 { border-bottom: 1px solid var(--black); color: var(--black); } .color-light-purple a { color: var(--black); } .color-light-purple .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black); color: var(--black); } .color-light-purple .mw-headline, .color-light-purple .mw-headline p, .color-light-purple a.extiw, .color-light-purple a.external, .color-light-purple a.extiw:active, .color-light-purple ul li::marker, .color-light-purple ol li::marker { color: var(--black); } /* Light yellow */ .color-light-yellow { background-color: var(--light-yellow); border: 0px solid var(--light-yellow); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--black); } .color-light-yellow h2 { border-bottom: 1px solid var(--black); color: var(--black); } .color-light-yellow a { color: var(--black); } .color-light-yellow .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black); color: var(--black); } .color-light-yellow .mw-headline, .color-light-yellow .mw-headline p, .color-light-yellow a.extiw, .color-light-yellow a.external, .color-light-yellow a.extiw:active, .color-light-yellow ul li::marker, .color-light-yellow ol li::marker { color: var(--black); } /* Light teal */ .color-light-teal { background-color: var(--light-teal); border: 0px solid var(--light-teal); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--black); } .color-light-teal h2 { border-bottom: 1px solid var(--black); color: var(--black); } .color-light-teal a { color: var(--black); } .color-light-teal .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black); color: var(--black); } .color-light-teal .mw-headline, .color-light-teal .mw-headline p, .color-light-teal a.extiw, .color-light-teal a.external, .color-light-teal a.extiw:active, .color-light-teal ul li::marker, .color-light-teal ol li::marker { color: var(--black); } /* Light aqua */ .color-light-aqua { background-color: var(--light-aqua); border: 0px solid var(--light-aqua); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--black); } .color-light-aqua h2 { border-bottom: 1px solid var(--black); color: var(--black); } .color-light-aqua a { color: var(--black); } .color-light-aqua .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black); color: var(--black); } .color-light-aqua .mw-headline, .color-light-aqua .mw-headline p, .color-light-aqua a.extiw, .color-light-aqua a.external, .color-light-aqua a.extiw:active, .color-light-aqua ul li::marker, .color-light-aqua ol li::marker { color: var(--black); } /* Light beige */ .color-light-beige { background-color: var(--light-beige); border: 0px solid var(--light-beige); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--black); } .color-light-beige h2 { border-bottom: 1px solid var(--black); color: var(--black); } .color-light-beige a { color: var(--black); } .color-light-beige .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black); color: var(--black); } .color-light-beige .mw-headline, .color-light-beige .mw-headline p, .color-light-beige a.extiw, .color-light-beige a.external, .color-light-beige a.extiw:active, .color-light-beige ul li::marker, .color-light-beige ol li::marker { color: var(--black); } /* Light turquoise */ .color-light-turquoise { background-color: var(--light-turquoise); border: 0px solid var(--light-turquoise); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--black); } .color-light-turquoise h2 { border-bottom: 1px solid var(--black); color: var(--black); } .color-light-turquoise a { color: var(--black); } .color-light-turquoise .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black); color: var(--black); } .color-light-turquoise .mw-headline, .color-light-turquoise .mw-headline p, .color-light-turquoise a.extiw, .color-light-turquoise a.external, .color-light-turquoise a.extiw:active, .color-light-turquoise ul li::marker, .color-light-turquoise ol li::marker { color: var(--black); } /* Ouline red */ .color-outline-red { background-color: var(--transparent); border: 1px solid var(--red); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--black); } .color-outline-red h2 { border-bottom: 1px solid var(--red); color: var(--black); } .color-outline-red a { color: var(--black); } .color-outline-red .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black); color: var(--black); } .color-outline-red .mw-headline, .color-outline-red .mw-headline p, .color-outline-red a.extiw, .color-outline-red a.external, .color-outline-red a.extiw:active, .color-outline-red ul li::marker, .color-outline-red ol li::marker { color: var(--black); } /* Outline blue */ .color-outline-blue { background-color: var(--transparent); border: 1px solid var(--blue); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--black); } .color-outline-blue h2 { border-bottom: 1px solid var(--blue); color: var(--black); } .color-outline-blue a { color: var(--black); } .color-outline-blue .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black); color: var(--black); } .color-outline-blue .mw-headline, .color-outline-blue .mw-headline p, .color-outline-blue a.extiw, .color-outline-blue a.external, .color-outline-blue a.extiw:active, .color-outline-blue ul li::marker, .color-outline-blue ol li::marker { color: var(--black); } /* Outline green */ .color-outline-green { background-color: var(--transparent); border: 1px solid var(--green); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--black); } .color-outline-green h2 { border-bottom: 1px solid var(--green); color: var(--black); } .color-outline-green a { color: var(--black); } .color-outline-green .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black); color: var(--black); } .color-outline-green .mw-headline, .color-outline-green .mw-headline p, .color-outline-green a.extiw, .color-outline-green a.external, .color-outline-green a.extiw:active, .color-outline-green ul li::marker, .color-outline-green ol li::marker { color: var(--black); } /* Outline pink */ .color-outline-pink { background-color: var(--transparent); border: 1px solid var(--pink); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--black); } .color-outline-pink h2 { border-bottom: 1px solid var(--pink); color: var(--black); } .color-outline-pink a { color: var(--black); } .color-outline-pink .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black); color: var(--black); } .color-outline-pink .mw-headline, .color-outline-pink .mw-headline p, .color-outline-pink a.extiw, .color-outline-pink a.external, .color-outline-pink a.extiw:active, .color-outline-pink ul li::marker, .color-outline-pink ol li::marker { color: var(--black); } /* Outline orange */ .color-outline-orange { background-color: var(--transparent); border: 1px solid var(--orange); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--black); } .color-outline-orange h2 { border-bottom: 1px solid var(--orange); color: var(--black); } .color-outline-orange a { color: var(--black); } .color-outline-orange .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black); color: var(--black); } .color-outline-orange .mw-headline, .color-outline-orange .mw-headline p, .color-outline-orange a.extiw, .color-outline-orange a.external, .color-outline-orange a.extiw:active, .color-outline-orange ul li::marker, .color-outline-orange ol li::marker { color: var(--black); } /* Outline purple */ .color-outline-purple { background-color: var(--transparent); border: 1px solid var(--purple); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--black); } .color-outline-purple h2 { border-bottom: 1px solid var(--purple); color: var(--black); } .color-outline-purple a { color: var(--black); } .color-outline-purple .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black); color: var(--black); } .color-outline-purple .mw-headline, .color-outline-purple .mw-headline p, .color-outline-purple a.extiw, .color-outline-purple a.external, .color-outline-purple a.extiw:active, .color-outline-purple ul li::marker, .color-outline-purple ol li::marker { color: var(--black); } /* Outline yellow */ .color-outline-yellow { background-color: var(--transparent); border: 1px solid var(--yellow); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--black); } .color-outline-yellow h2 { border-bottom: 1px solid var(--yellow); color: var(--black); } .color-outline-yellow a { color: var(--black); } .color-outline-yellow .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black); color: var(--black); } .color-outline-yellow .mw-headline, .color-outline-yellow .mw-headline p, .color-outline-yellow a.extiw, .color-outline-yellow a.external, .color-outline-yellow a.extiw:active, .color-outline-yellow ul li::marker, .color-outline-yellow ol li::marker { color: var(--black); } /* Outline teal */ .color-outline-teal { background-color: var(--transparent); border: 1px solid var(--teal); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--black); } .color-outline-teal h2 { border-bottom: 1px solid var(--teal); color: var(--black); } .color-outline-teal a { color: var(--black); } .color-outline-teal .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black); color: var(--black); } .color-outline-teal .mw-headline, .color-outline-teal .mw-headline p, .color-outline-teal a.extiw, .color-outline-teal a.external, .color-outline-teal a.extiw:active, .color-outline-teal ul li::marker, .color-outline-teal ol li::marker { color: var(--black); } /* Outline aqua */ .color-outline-aqua { background-color: var(--transparent); border: 1px solid var(--aqua); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--black); } .color-outline-aqua h2 { border-bottom: 1px solid var(--aqua); color: var(--black); } .color-outline-aqua a { color: var(--black); } .color-outline-aqua .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black); color: var(--black); } .color-outline-aqua .mw-headline, .color-outline-aqua .mw-headline p, .color-outline-aqua a.extiw, .color-outline-aqua a.external, .color-outline-aqua a.extiw:active, .color-outline-aqua ul li::marker, .color-outline-aqua ol li::marker { color: var(--black); } /* Outline beige */ .color-outline-beige { background-color: var(--transparent); border: 1px solid var(--beige); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--black); } .color-outline-beige h2 { border-bottom: 1px solid var(--beige); color: var(--black); } .color-outline-beige a { color: var(--black); } .color-outline-beige .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black); color: var(--black); } .color-outline-beige .mw-headline, .color-outline-beige .mw-headline p, .color-outline-beige a.extiw, .color-outline-beige a.external, .color-outline-beige a.extiw:active, .color-outline-beige ul li::marker, .color-outline-beige ol li::marker { color: var(--black); } /* Outline turquoise */ .color-outline-turquoise { background-color: var(--transparent); border: 1px solid var(--turquoise); margin-left: 7px; margin-right: 7px; border-radius: 8px; color: var(--black); } .color-outline-turquoise h2 { border-bottom: 1px solid var(--turquoise); color: var(--black); } .color-outline-turquoise a { color: var(--black); } .color-outline-turquoise .mw-editsection a { background-color: var(--transparent); border: 1px solid var(--black); color: var(--black); } .color-outline-turquoise .mw-headline, .color-outline-turquoise .mw-headline p, .color-outline-turquoise a.extiw, .color-outline-turquoise a.external, .color-outline-turquoise a.extiw:active, .color-outline-turquoise ul li::marker, .color-outline-turquoise ol li::marker { color: var(--black); } .mw-body a.extiw, .mw-body a { text-decoration: underline; } .mw-body a.extiw:visited, .mw-body a:visited { /* color: var(--black-dark); */ } .mw-body a.extiw.color-black:visited, .mw-body a.color-black:visited { /* color: var(--white); */ } /* EMPTY COLUMN */ .empty-first { padding-left: 0px; padding-right: 7px; } .empty-last { padding-right: 0px; padding-left: 7px; } .row.empty > .col-1:first-child, .row.empty > .col-2:first-child, .row.empty > .col-3:first-child, .row.empty > .col-4:first-child, .row.empty > .col-5:first-child, .row.empty > .col-6:first-child { padding-left: 0px; padding-right: 7px; } .row.empty > .col-1, .row.empty > .col-2, .row.empty > .col-3, .row.empty > .col-4, .row.empty > .col-5, .row.empty > .col-6 { padding-left: 7px; padding-right: 7px; } .row.empty > .col-1:last-child, .row.empty > .col-2:last-child, .row.empty > .col-3:last-child, .row.empty > .col-4:last-child, .row.empty > .col-5:last-child, .row.empty > .col-6:last-child { padding-right: 0px; padding-left: 7px; } /* IMAGE */ .image-box { border-radius: 8px; padding-top: 0px; padding-bottom: 0px; } .image-box img { width: calc(100% + 14px); height: auto; object-fit: cover; border-radius: 8px; margin: 0px -7px; } /* EDIT BUTTON */ .mw-editsection .mw-editsection-bracket { display: none; } .mw-body .mw-editsection { padding-bottom: 10px; } .mw-body .mw-editsection a { background-color: var(--light-primary); color: var(--primary); border: 0px solid var(--primary); border-radius: 100vw; padding: 2px 6px; font-weight: 400; text-transform: capitalize; font-size: 12px; margin-bottom: 5px; font-family: "Inter", sans-serif; text-decoration: none; } .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(--primary); border: 1px solid var(--primary); border-radius: 100vw; padding: 2px 6px; font-weight: 400; text-transform: capitalize; font-size: 12px; } table.wikitable { border-top: 1px solid var(--primary); border-bottom: 1px solid var(--primary); border-left: 1px solid var(--primary); border-right: 1px solid var(--primary); } 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.wmi-navigation { margin: 0px 0px; } table.navigation tr { display: flex; flex-direction: column; margin-top: 10px; } table.navigation tr td { margin-bottom: 4px; } table.wmi-navigation tr td { padding: 0px; } table.wmi-navigation.wmi-navigation-first-level tr td { margin: 0px 0px; margin-bottom: 4px; } #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%; } } /** * Fine Grafica realizzata da Davide Giorgetta */