1,278
edits
Difference between revisions of "MediaWiki:Mobile.css"
no edit summary
Tag: Manual revert |
|||
| (39 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* All CSS here will be loaded for users of the mobile site */ | /* All CSS here will be loaded for users of the mobile site */ | ||
/* Gli stili CSS inseriti qui si applicano agli utenti che usano il sito per dispositivi mobili */ | /* Gli stili CSS inseriti qui si applicano agli utenti che usano il sito per dispositivi mobili */ | ||
/* ============================= 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; | |||
} | |||
#p-tb{ | #p-tb{ | ||
| Line 57: | Line 68: | ||
body { | body { | ||
color: #333; | color: #333; | ||
} | |||
@media screen and (min-width: 720px) { | |||
.content { | |||
margin: 0 16px; | |||
max-width: none; | |||
} | |||
} | |||
@media screen and (min-width: 1000px) { | |||
.content { | |||
width: auto; | |||
max-width: none; | |||
} | |||
} | |||
#mw-mf-main-menu-button { | |||
display: none; | |||
} | } | ||
| Line 64: | Line 92: | ||
.custom-h0 { | .custom-h0 { | ||
font-size: | font-size: 225%; | ||
color: #116089; | color: #116089; | ||
line-height: 140%; | |||
} | } | ||
.custom-h1 { | .custom-h1 { | ||
font-size: | font-size: 180%; | ||
color: #116089; | color: #116089; | ||
line-height: 140%; | |||
} | } | ||
.custom-h2 { | .custom-h2 { | ||
font-size: 150%; | font-size: 150%; | ||
color: #116089; | color: #116089; | ||
line-height: 140%; | |||
} | |||
.custom-page-title { | |||
margin-top: 50px!important; | |||
margin-bottom: 50px!important; | |||
text-align: center; | |||
font-size: 175%; | |||
text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3); | |||
} | } | ||
.custom-subtitle { | .custom-subtitle { | ||
| Line 91: | Line 129: | ||
.rounded-logo { | .rounded-logo { | ||
width: 140px; | |||
height: 140px; | |||
border-radius: 100%; | border-radius: 100%; | ||
} | } | ||
.colour-button a { | .colour-button a, .colour-button a.external { | ||
display: inline-block; | display: inline-block; | ||
padding: 1rem 2rem; | padding: 1rem 2rem; | ||
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; | ||
| Line 123: | Line 163: | ||
.cover { | .cover { | ||
position: relative; | |||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
| Line 149: | Line 190: | ||
} | } | ||
.homepage-logo-container { | .homepage-logo-container { | ||
position: absolute; | |||
top: 15px; | |||
left: 15px; | |||
z-index: 100; | |||
} | |||
.content-page-logo-container { | |||
position: absolute; | position: absolute; | ||
top: 15px; | top: 15px; | ||
| Line 211: | Line 258: | ||
.homepage-video { | .homepage-video { | ||
display: flex; | |||
justify-content: center; | |||
order: 2; | order: 2; | ||
} | } | ||
| Line 216: | Line 265: | ||
.homepage-what-is-it, .homepage-how-to-follow-it, .homepage-why-to-enroll { | .homepage-what-is-it, .homepage-how-to-follow-it, .homepage-why-to-enroll { | ||
padding: 3rem 2rem; | padding: 3rem 2rem; | ||
background-color: rgba(196,196,196, . | background-color: rgba(196,196,196, .1); | ||
} | } | ||
| Line 317: | Line 366: | ||
.person-country { | .person-country { | ||
color: #045184; | color: #045184; | ||
} | } | ||
| Line 332: | Line 375: | ||
.scientific-project-text-box { | .scientific-project-text-box { | ||
padding: 2rem; | padding: 2rem; | ||
background-color: rgba(196,196,196, . | background-color: rgba(196,196,196, .1); | ||
} | } | ||
| Line 480: | Line 523: | ||
/* ============= Template:Main menu ============= */ | /* ============= Template:Main menu ============= */ | ||
#main-menu-open { | |||
display: flex; | |||
} | |||
#main-menu-close { | #main-menu-close { | ||
display: none; | display: none; | ||
| Line 500: | Line 546: | ||
.main-menu-dropdown-content { | .main-menu-dropdown-content { | ||
padding-left: 2rem; | padding-left: 2rem; | ||
} | |||
/* ====================== visibilità barra superiore ====================== */ | |||
.banner-container { | |||
display: none; | |||
} | |||
.pre-content { | |||
display: none; | |||
} | |||
/* ============= Template:Tooltip ============= */ | |||
.tooltip-trigger img, .tooltip-trigger-2 img { | |||
display: none; | |||
} | |||
.tooltip-content, .tooltip-content-2 { | |||
display: none; | |||
} | |||
.tooltip-trigger, .tooltip-trigger-2 { | |||
color: #585858; | |||
} | |||
/* ============= Template:Login or request Member account ============= */ | |||
.responsive-buttons { | |||
display: flex; | |||
flex-direction: column; | |||
align-items: center; | |||
gap: 1rem; | |||
} | } | ||