Differenze tra le versioni di "Utente:Davide.giorgetta/vector.css"
Jump to navigation
Jump to search
| Riga 190: | Riga 190: | ||
} | } | ||
| + | /* SECONDARY TOC */ | ||
| − | + | .toccolours { | |
| − | |||
| − | |||
| − | . | ||
| − | |||
border: 0px; | border: 0px; | ||
| − | + | margin: 30px 0px; | |
| − | |||
| − | |||
| − | |||
| − | |||
background-color: var(--black-light); | background-color: var(--black-light); | ||
| − | |||
border-radius: 8px; | border-radius: 8px; | ||
| − | padding: | + | padding: 0px; |
} | } | ||
| − | + | .toccolours th { | |
| − | + | padding: 15px 20px; | |
| − | . | + | border-bottom: 1px solid #cbcbcb; |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | . | + | .toccolours ul { |
| − | + | padding: 15px 20px; | |
| − | padding | ||
| − | |||
} | } | ||
| − | + | /* TEXT */ | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | h1 { | |
| − | + | font-weight: 700; | |
| − | |||
margin-bottom: 15px; | margin-bottom: 15px; | ||
| + | padding-bottom: 15px; | ||
| + | display: flex; | ||
| + | align-items: center; | ||
} | } | ||
| − | + | h2 { | |
| − | + | font-weight: 700; | |
| − | |||
margin-bottom: 15px; | margin-bottom: 15px; | ||
| + | padding-bottom: 15px; | ||
| + | display: flex; | ||
| + | align-items: center; | ||
} | } | ||
| − | + | h3 { | |
| − | + | font-weight: 700; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
margin-bottom: 15px; | margin-bottom: 15px; | ||
| + | padding-bottom: 15px; | ||
| + | display: flex; | ||
| + | align-items: center; | ||
} | } | ||
| − | + | a { | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
color: var(--blue); | color: var(--blue); | ||
} | } | ||
| − | + | .mw-body a.extiw { | |
| − | |||
| − | |||
color: var(--blue); | color: var(--blue); | ||
} | } | ||
| − | + | .mw-body a.extiw:active { | |
| − | |||
| − | |||
| − | |||
| − | |||
color: var(--blue); | color: var(--blue); | ||
} | } | ||
| − | + | .mw-body a.external { | |
| − | |||
| − | . | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
color: var(--blue); | color: var(--blue); | ||
} | } | ||
| − | + | li a { | |
| − | |||
| − | |||
| − | |||
| − | |||
color: var(--blue); | color: var(--blue); | ||
} | } | ||
| − | + | .mw-headline { | |
| − | + | font-family: 'Inter', sans-serif !important; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
padding-bottom: 10px; | padding-bottom: 10px; | ||
} | } | ||
| − | . | + | .firstHeading { |
| − | + | font-family: 'Inter', sans-serif !important; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | font-family: | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
Versione delle 09:06, 27 mag 2022
/*@import url('https://fonts.wikimedia.it/css?family=Inter:wght@400;700&display=swap');*/
/* VARIABLES */
:root {
--black: #2C2C2C;
--red: #ff0848;
--blue: #1C63F5;
--green: #42B56A;
--violet: #8D46FF;
--yellow: #E4FE54;
--black-light: #F4F4F4;
--red-light: #FDDDDF;
--blue-light: #e5eeff;
--green-light: #DDF8E7;
--violet-light: #f0eafa;
--yellow-light: #F8FFD1;
--black-dark: #000;
--white: #FFF;
--transparent: transparent;
--blue-medium: #C0CFF7;
}
/* GENERAL */
body {
font-family: 'Inter', sans-serif;
padding: 30px;
background-color: var(--white);
height: auto;
}
/* NAVIGATION */
table.wmi-navigation {
width: 100%;
margin: 0px -3px;
}
table.wmi-navigation tr {
}
table.wmi-navigation tr td {
padding: 0px 1px;
}
table.wmi-navigation tr td a {
display: block;
background-color: var(--blue-light);
color: var(--blue);
border-radius: 8px;
padding: 10px 2px;
font-size: 14px;
text-align: center;
}
table.wmi-navigation.wmi-navigation-first-level {
margin-bottom: 15px;
}
table.wmi-navigation.wmi-navigation-first-level tr {
display: flex;
width: 100%;
}
table.wmi-navigation.wmi-navigation-first-level tr td {
display: flex;
width: 100%;
justify-content: center;
background-color: var(--blue-light);
color: var(--blue);
border-radius: 8px;
padding: 0px 2px;
font-size: 14px;
text-align: center;
border: 0px !important;
}
table.wmi-navigation.wmi-navigation-first-level tr td:hover {
background-color: var(--blue-medium);
}
table.wmi-navigation.wmi-navigation-first-level tr td:hover a {
background-color: var(--blue-medium);
}
table.wmi-navigation.wmi-navigation-first-level tr td a {
font-weight: 700 !important;
text-transform: uppercase !important;
color: var(--blue) !important;
}
table.wmi-navigation.wmi-navigation-first-level tr td a span {
font-weight: 700 !important;
text-transform: uppercase !important;
color: var(--blue) !important;
}
table.wmi-navigation.wmi-navigation-first-level tr td .selflink {
font-weight: 700 !important;
text-transform: uppercase !important;
}
table.wmi-navigation.wmi-navigation-second-level tr td {
border: 0px !important;
padding: 0px !important;
}
table.wmi-navigation.wmi-navigation-second-level tr td a {
font-weight: 700 !important;
}
table.wmi-navigation.wmi-navigation-second-level tr td .selflink {
font-weight: 700 !important;
}
table.wmi-navigation.wmi-navigation-third-level tr td {
border: 0px !important;
padding: 0px !important;
}
table.wmi-navigation.wmi-navigation-third-level tr td a {
font-weight: 700 !important;
}
table.wmi-navigation tr td a:focus {
text-decoration: none !important;
}
table.wmi-navigation tr td a:hover {
background-color: var(--black-medium) !important;
text-decoration: none !important;
}
table.wmi-navigation tr td .selflink {
display: block;
background-color: var(--blue);
color: var(--white);
border-radius: 8px;
padding: 10px 2px;
font-size: 14px;
text-align: center;
font-weight: 400;
}
/* TABLE OF CONTENT */
#toc {
border: 0px;
margin: 30px 0px;
background-color: var(--black-light);
border-radius: 8px;
padding: 0px;
}
#toc #toctitle {
padding: 15px 20px;
border-bottom: 1px solid #cbcbcb;
}
#toc #toctitle .toctoggle {
visibility: hidden;
}
#toc #toctitle .toctoggle a {
visibility: visible;
background-color: var(--transparent);
color: var(--blue);
border: 1px solid var(--blue);
border-radius: 100vw;
padding: 2px 6px;
font-weight: 400;
text-transform: capitalize;
font-size: 12px;
}
#toc #toctitle .toctoggle a:hover {
text-decoration: none;
}
#toc > ul {
padding: 15px 20px;
}
#toc ul li a {
color: var(--blue);
}
/* SECONDARY TOC */
.toccolours {
border: 0px;
margin: 30px 0px;
background-color: var(--black-light);
border-radius: 8px;
padding: 0px;
}
.toccolours th {
padding: 15px 20px;
border-bottom: 1px solid #cbcbcb;
}
.toccolours ul {
padding: 15px 20px;
}
/* TEXT */
h1 {
font-weight: 700;
margin-bottom: 15px;
padding-bottom: 15px;
display: flex;
align-items: center;
}
h2 {
font-weight: 700;
margin-bottom: 15px;
padding-bottom: 15px;
display: flex;
align-items: center;
}
h3 {
font-weight: 700;
margin-bottom: 15px;
padding-bottom: 15px;
display: flex;
align-items: center;
}
a {
color: var(--blue);
}
.mw-body a.extiw {
color: var(--blue);
}
.mw-body a.extiw:active {
color: var(--blue);
}
.mw-body a.external {
color: var(--blue);
}
li a {
color: var(--blue);
}
.mw-headline {
font-family: 'Inter', sans-serif !important;
padding-bottom: 10px;
}
.firstHeading {
font-family: 'Inter', sans-serif !important;
}