1,278
edits
Difference between revisions of "MediaWiki:Common.css"
no edit summary
| (56 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,861: | Line 1,872: | ||
#mw-mf-main-menu-button { | #mw-mf-main-menu-button { | ||
display: none; | |||
} | |||
.pre-content { | |||
display: none; | display: none; | ||
} | } | ||
| Line 1,872: | Line 1,887: | ||
.content { | .content { | ||
width: auto; | width: auto; | ||
} | } | ||
} | } | ||
| Line 1,913: | 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 1,959: | Line 1,981: | ||
.full-width { | .full-width { | ||
margin: 0 calc(-1*((99vw - 993px)/2)); | margin: 0 calc(-1*((99vw - 993px)/2)); | ||
} | |||
@media screen and (max-width: 1000px) { | |||
.full-width { | |||
margin: 0 calc(-1*((99vw - 763px) / 2)); | |||
} | |||
} | |||
@media screen and (max-width: 800px) { | |||
.full-width { | |||
margin: 0 calc(-1*((99vw - 654px) / 2)); | |||
} | |||
} | } | ||
| Line 2,343: | Line 2,377: | ||
.main-menu-dropdown-trigger:hover .main-menu-dropdown-content { | .main-menu-dropdown-trigger:hover .main-menu-dropdown-content { | ||
display: block; | display: block; | ||
} | |||
.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 { | |||
margin-top: 2em !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; | |||
} | } | ||