1,278
edits
(44 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
/* Gli stili CSS inseriti qui si applicano a tutti i temi */ | /* Gli stili CSS inseriti qui si applicano a tutti i temi */ | ||
/* ============================= Personalizzazione font e colore ============================= */ | |||
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); | |||
.mw-parser-output { | |||
color: #585858; | |||
font-family: "Roboto", sans-serif;; | |||
} | |||
.mw-headline { | |||
color: #454545; | |||
} | |||
/* To make images responsive */ | /* To make images responsive */ | ||
Line 1,916: | Line 1,927: | ||
} | } | ||
.colour-button a { | .colour-button a, .colour-button a.external, .colour-button-small a, .colour-button-small a.external { | ||
display: inline-block; | display: inline-block; | ||
border-radius: 3rem; | border-radius: 3rem; | ||
background-image: linear-gradient(126deg, #5f5bcd 24%, #ff5700 100%); | background-image: linear-gradient(126deg, #5f5bcd 24%, #ff5700 100%); | ||
background-size: auto; | |||
transition: .5s; | transition: .5s; | ||
color: white; | color: white; | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
.colour-button a:hover { | .colour-button a:hover, .colour-button-small a:hover { | ||
background-image: linear-gradient(160deg, #5f5bcd 24%, #ff5700 100%); | background-image: linear-gradient(160deg, #5f5bcd 24%, #ff5700 100%); | ||
color: white; | color: white; | ||
text-decoration: none; | text-decoration: none; | ||
} | |||
.colour-button a, .colour-button a.external { | |||
padding: 1rem 2rem; | |||
} | |||
.colour-button-small a, .colour-button-small a.external { | |||
padding: 0.5rem 1rem; | |||
} | } | ||
Line 2,360: | Line 2,379: | ||
} | } | ||
.custom-page-title { | |||
margin-top: 50px!important; | |||
margin-bottom: 50px!important; | |||
text-align: center; | |||
font-size: 250%; | |||
text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3); | |||
} | |||
.firstHeading { | .firstHeading { | ||
margin-top: 2em !important; | margin-top: 2em !important; | ||
margin-left: 3em !important; | margin-left: 3em !important; | ||
} | |||
/* ============= Template:Tooltip ============= */ | |||
.tooltip-trigger, .tooltip-trigger-2 { | |||
color: #ba0606; | |||
position: relative; | |||
} | |||
.tooltip-trigger:hover .tooltip-content, .tooltip-trigger-2:hover .tooltip-content-2 { | |||
display: inline-block; | |||
position: absolute; | |||
top: 18px; | |||
transform: translate(-20em); /* centra il popup sotto la "i" */ | |||
min-width: 40em; | |||
padding: 10px 15px; | |||
color: #585858; | |||
background-color: white; | |||
border: 1px solid silver; | |||
border-radius: 10px; | |||
font-size: 90%; | |||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); | |||
z-index: 100; | |||
} | |||
.tooltip-content, .tooltip-content-2 { | |||
display: none; | |||
} | |||
.tooltip-trigger:hover { | |||
cursor: help; | |||
} | |||
@media screen and (max-width: 1200px) { | |||
.mw-parser-output { | |||
position: relative; | |||
} | |||
.tooltip-trigger, .tooltip-trigger-2 { | |||
position: static; | |||
} | |||
.tooltip-trigger:hover .tooltip-content, .tooltip-trigger-2:hover .tooltip-content-2 { | |||
box-sizing: border-box; | |||
left: 0; | |||
top: auto; | |||
transform: translate(0, 2em); | |||
width: 100%; | |||
} | |||
} | |||
/* ============= configurazione visibilità capitoli nel Book index ============= */ | |||
.crisis-of-paradigm-for-all { | |||
display: block; | |||
} | |||
.crisis-of-paradigm-for-members { | |||
display: none; | |||
} | |||
.extraordinary-science-for-all { | |||
display: block; | |||
} | |||
.extraordinary-science-for-affiliates { | |||
display: none; | |||
} | |||
/* ============= Template:Login or request Member account ============= */ | |||
.responsive-buttons { | |||
display: flex; | |||
justify-content: center; | |||
gap: 2rem; | |||
margin: 2rem auto; | |||
} | } |