Difference between revisions of "MediaWiki:Mobile.css"
Tag: Manual revert |
|||
(61 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 59: | Line 70: | ||
} | } | ||
.content { | @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; | |||
} | |||
.desktop-only { | |||
display: none; | |||
} | } | ||
.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; | |||
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 112: | Line 153: | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
gap: | gap: 1rem; | ||
} | } | ||
Line 127: | Line 163: | ||
.cover { | .cover { | ||
position: relative; | |||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
Line 138: | Line 175: | ||
} | } | ||
.full-width { | |||
margin: 0 | margin: 0 -16px; | ||
} | } | ||
/* ============= Home ============= */ | /* ============= Home ============= */ | ||
.page-Home_Page .content { | |||
margin: 0; | |||
} | |||
.homepage-slider { | .homepage-slider { | ||
position: relative; | position: relative; | ||
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 164: | Line 211: | ||
color: white; | color: white; | ||
text-shadow: 2px 2px 40px rgba(0,0,0,0.9); | text-shadow: 2px 2px 40px rgba(0,0,0,0.9); | ||
font-size: | font-size: 300%; | ||
animation-duration: 15s; | animation-duration: 15s; | ||
animation-iteration-count: infinite; | animation-iteration-count: infinite; | ||
Line 174: | Line 221: | ||
.homepage-slide-1 { | .homepage-slide-1 { | ||
background-image: url(https://wiki.masticationpedia.org/images/a/a2/The_Past.jpg); | background-image: url(https://wiki.masticationpedia.org/images/a/a2/The_Past.jpg); | ||
background-position: 30% 50%; | |||
animation-name: slide-1-animation; | animation-name: slide-1-animation; | ||
} | } | ||
.homepage-slide-2 { | .homepage-slide-2 { | ||
background-image: url(https://wiki.masticationpedia.org/images/9/9c/The_Present.jpg); | background-image: url(https://wiki.masticationpedia.org/images/9/9c/The_Present.jpg); | ||
background-position: 20% 50%; | |||
animation-name: slide-2-animation; | animation-name: slide-2-animation; | ||
} | } | ||
.homepage-slide-3 { | .homepage-slide-3 { | ||
background-image: url(https://wiki.masticationpedia.org/images/a/ad/The_Future.jpg); | background-image: url(https://wiki.masticationpedia.org/images/a/ad/The_Future.jpg); | ||
background-position: 80% 50%; | |||
animation-name: slide-3-animation; | animation-name: slide-3-animation; | ||
} | } | ||
Line 205: | Line 255: | ||
98% { opacity: 1; } | 98% { opacity: 1; } | ||
100% { opacity: 0; } | 100% { opacity: 0; } | ||
} | |||
.homepage-video { | |||
display: flex; | |||
justify-content: center; | |||
order: 2; | |||
} | } | ||
.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: 2rem; | padding: 3rem 2rem; | ||
background-color: rgba(196,196,196, . | background-color: rgba(196,196,196, .1); | ||
} | } | ||
.homepage-what-is-it { | .homepage-what-is-it { | ||
order: 1; | |||
} | } | ||
.homepage-how-to-follow-it { | .homepage-how-to-follow-it { | ||
text-align: right; | text-align: right; | ||
} | |||
.homepage-why-to-enroll { | |||
order: 1; | |||
} | } | ||
Line 241: | Line 302: | ||
} | } | ||
.three-d-image-container { | .three-d-image-container { | ||
width: | width: 280px; | ||
background-color: cornflowerblue; | background-color: cornflowerblue; | ||
transition: 1s; | transition: 1s; | ||
Line 247: | Line 308: | ||
box-shadow: 10px 10px 30px rgba(0 0 0 / .2); | box-shadow: 10px 10px 30px rgba(0 0 0 / .2); | ||
} | } | ||
. | |||
.dubai-video { | |||
order: 2; | |||
padding: 2rem; | |||
} | } | ||
.informative-video { | .informative-video { | ||
display: none; | |||
} | } | ||
Line 282: | Line 334: | ||
.fade-in-on-intersection { | .fade-in-on-intersection { | ||
opacity: 1; | opacity: 1; | ||
} | |||
/* ============= Scientific community ============= */ | |||
.scientific-community-cover { | |||
color: #045184; | |||
background-image: url('https://wiki.masticationpedia.org/images/0/0d/Scientific_community.jpg'); | |||
} | |||
/* ============= Template:Person card ============= */ | |||
.scientific-community-container { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 2rem; | |||
justify-content: center; | |||
align-items: flex-start; | |||
} | |||
.person-container { | |||
display: inline-block; | |||
width: 40%; | |||
margin: 0; | |||
text-align: center; | |||
} | |||
.person-image { | |||
width: 100%; | |||
height: auto; | |||
border-radius: 100%; | |||
} | |||
.person-country { | |||
color: #045184; | |||
} | |||
/* ============= Scientific project ============= */ | |||
.scientific-project-intro { | |||
padding: 0 2rem; | |||
} | |||
.scientific-project-text-box { | |||
padding: 2rem; | |||
background-color: rgba(196,196,196, .1); | |||
} | |||
/* ============= Social project ============= */ | |||
/* ============= Our story ============= */ | |||
/* ============= Book index ============= */ | |||
.book-index-cover { | |||
background-image: url('https://wiki.masticationpedia.org/images/f/f7/The_sacred_wood_of_books.jpg'); | |||
color: white; | |||
text-shadow: 3px 3px 40px rgba(0 0 0 / 0.9); | |||
} | |||
.book-index-columns { | |||
display: flex; | |||
flex-direction: column; | |||
gap: 3rem; | |||
} | |||
.book-index-columns p, .book-index-columns li { | |||
color: gray; | |||
} | |||
/* ============= Our Network ============= */ | |||
.network-cover { | |||
background-image: url('https://upload.wikimedia.org/wikipedia/commons/1/19/Background-3228704_1920.jpg'); | |||
background-color: rgba(0 0 0 / 0.3); | |||
background-blend-mode: overlay; | |||
} | |||
/* ============= Frisardi Masticationpedia ============= */ | |||
.frisardi-nettuno-cover { | |||
background-image: url('https://upload.wikimedia.org/wikipedia/commons/2/26/Costa_di_Nettuno_Levante.JPG'); | |||
} | |||
.frisardi-nettuno-main-title, .frisardi-nettuno-subtitle { | |||
font-size: 250%; | |||
color: white; | |||
text-shadow: 2px 2px 10px rgba(0,0,0,0.2); | |||
} | |||
.frisardi-nettuno-person, .fontana-como-person { | |||
text-align: center; | |||
padding: 2rem; | |||
} | |||
#iframe-Google\ Docs { | |||
height: 1750px; | |||
} | |||
#iframe-Google\ Maps { | |||
margin: 0 -16px; | |||
width: 100vw; | |||
} | |||
/* ============= Fontana Masticationpedia ============= */ | |||
.fontana-como-cover { | |||
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/4/42/Como_-_Comune_di_Como_-_2023-09-08_23-29-16_001.jpg/2560px-Como_-_Comune_di_Como_-_2023-09-08_23-29-16_001.jpg'); | |||
} | |||
.fontana-como-main-title, .fontana-como-subtitle { | |||
font-size: 250%; | |||
color: white; | |||
text-shadow: 5px 5px 10px rgba(0,0,0,0.5); | |||
} | |||
/* ============= Donate ============= */ | |||
.donate-cover { | |||
background-image: url('https://wiki.masticationpedia.org/images/b/b2/Donation_background.jpg'); | |||
} | |||
/* ============= Template:Person ============= */ | |||
.person-box { | |||
background-color: silver; | |||
padding: 30px; | |||
text-align: center; | |||
background-image: url(https://wiki.masticationpedia.org/images/0/0d/Scientific_community_darker.jpg); | |||
background-position: center; | |||
background-size:cover; | |||
} | |||
.person-name { | |||
font-size: 250%; | |||
color: white; | |||
text-shadow: 3px 3px 20px rgba(0 0 0 / 0.5); | |||
} | |||
.person-bio { | |||
color: white; | |||
font-size: 150%; | |||
text-shadow: 3px 3px 10px rgba(0 0 0 / 0.5); | |||
} | |||
.person-portrait { | |||
margin: 2rem 0; | |||
} | |||
/* ============= Template:Person details ============= */ | |||
.person-details-header, .person-cv-header { | |||
margin-top: 2rem; | |||
margin-bottom: 5px; | |||
padding: 10px 0; | |||
border-radius: 8px 8px 0 0; | |||
text-align: center; | |||
color: white; | |||
background-color: #116089; | |||
} | |||
.person-cv-header { | |||
border-radius: 8px; | |||
} | |||
.smart-template { | |||
border-bottom: 1px solid silver; | |||
} | |||
.smart-template p { | |||
margin: 0; | |||
} | |||
.smart-template-left { | |||
margin-bottom: 5px; | |||
padding: 5px; | |||
font-weight: bold; | |||
} | |||
.smart-template-right { | |||
margin-bottom: 5px; | |||
padding: 5px; | |||
} | |||
.smart-template-bottom { | |||
justify-content: center; | |||
gap: 10px; | |||
margin-bottom: 5px; | |||
padding: 5px; | |||
background-color: #e6e7e8; | |||
} | |||
.person-link { | |||
display: block; | |||
text-align: center; | |||
} | |||
.person-contributions { | |||
background-color: #e6e7e8; | |||
border-radius: 8px; | |||
margin: 2rem 0 5px 0; | |||
padding: 5px; | |||
text-align: center; | |||
} | |||
/* ============= Template:Main menu ============= */ | |||
#main-menu-open { | |||
display: flex; | |||
} | |||
#main-menu-close { | |||
display: none; | |||
} | |||
#main-menu-close, #main-menu-open { | |||
flex-direction: row-reverse; | |||
padding: 1rem; | |||
background-color: #f1f1f1; | |||
} | |||
#main-menu-close img, #main-menu-open img { | |||
vertical-align: baseline; | |||
} | |||
.main-menu-container { | |||
display: none; | |||
background-color: #f1f1f1; | |||
padding: 0.5rem 1.5rem; | |||
} | |||
.main-menu-dropdown-content { | |||
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; | |||
} | } |
Latest revision as of 16:38, 9 December 2024
/* 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 */
/* ============================= 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{
display : none;
}
body.page-Pagina_principale.action-view h1.firstHeading, body.page-Pagina_principale.action-submit h1.firstHeading { display: none; }
body.page-Pagina_principale li#ca-talk { display: none !important; }
#myBtn {
display: none; /* Hidden by default */
position: fixed; /* Fixed/sticky position */
bottom: 20px; /* Place the button at the bottom of the page */
right: 30px; /* Place the button 30px from the right */
z-index: 99; /* Make sure it does not overlap */
border: none; /* Remove borders */
outline: none; /* Remove outline */
background-color: black; /* Set a background color */
color: white; /* Text color */
cursor: pointer; /* Add a mouse pointer on hover */
padding: 15px; /* Some padding */
border-radius: 10px; /* Rounded corners */
}
#myBtn a:link,
#myBtn a:visited,
#myBtn a:hover {
color: white; /* Text color */
}
#myBtn a:hover {
background-color: #000; /* Add a dark-grey background on hover */
}
#myBtn a:focus,
#myBtn a:hover {
text-decoration: none;
}
/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-parser-output .mw-collapsible-toggle {
font-weight: normal;
/* @noflip */
text-align: right;
padding-right: 0.2em;
padding-left: 0.2em;
}
.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
/* @noflip */
float: left;
/* @noflip */
text-align: left;
}
/* ========================== Integrazione pagine Wix 2024 ========================== */
/* ============= Generale ============= */
body {
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;
}
.desktop-only {
display: none;
}
.custom-h0 {
font-size: 225%;
color: #116089;
line-height: 140%;
}
.custom-h1 {
font-size: 180%;
color: #116089;
line-height: 140%;
}
.custom-h2 {
font-size: 150%;
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 {
font-size: 125%;
color: grey;
}
.left {
text-align: left;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
.rounded-logo {
width: 140px;
height: 140px;
border-radius: 100%;
}
.colour-button a, .colour-button a.external {
display: inline-block;
padding: 1rem 2rem;
border-radius: 3rem;
background-image: linear-gradient(126deg, #5f5bcd 24%, #ff5700 100%);
background-size: auto;
transition: .5s;
color: white;
text-decoration: none;
}
.colour-button a:hover {
background-image: linear-gradient(160deg, #5f5bcd 24%, #ff5700 100%);
color: white;
text-decoration: none;
}
.side-by-side {
display: flex;
flex-direction: column;
gap: 1rem;
}
.separator {
border: 1px solid silver;
width: 50%;
margin: 3rem auto;
}
.cover {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 550px;
background-size: cover;
background-position: center;
text-align: center;
line-height: 400%;
}
.full-width {
margin: 0 -16px;
}
/* ============= Home ============= */
.page-Home_Page .content {
margin: 0;
}
.homepage-slider {
position: relative;
height: 550px;
background-color: white;
}
.homepage-logo-container {
position: absolute;
top: 15px;
left: 15px;
z-index: 100;
}
.content-page-logo-container {
position: absolute;
top: 15px;
left: 15px;
z-index: 100;
}
.homepage-slide-1, .homepage-slide-2, .homepage-slide-3 {
position: absolute;
height: 550px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
color: white;
text-shadow: 2px 2px 40px rgba(0,0,0,0.9);
font-size: 300%;
animation-duration: 15s;
animation-iteration-count: infinite;
background-color: #dadada;
background-blend-mode: overlay;
background-position: center;
background-size: cover;
}
.homepage-slide-1 {
background-image: url(https://wiki.masticationpedia.org/images/a/a2/The_Past.jpg);
background-position: 30% 50%;
animation-name: slide-1-animation;
}
.homepage-slide-2 {
background-image: url(https://wiki.masticationpedia.org/images/9/9c/The_Present.jpg);
background-position: 20% 50%;
animation-name: slide-2-animation;
}
.homepage-slide-3 {
background-image: url(https://wiki.masticationpedia.org/images/a/ad/The_Future.jpg);
background-position: 80% 50%;
animation-name: slide-3-animation;
}
@keyframes slide-1-animation {
0% { opacity: 0; }
2% { opacity: 1; }
31% { opacity: 1; }
35% { opacity: 0; }
100% { opacity: 0; }
}
@keyframes slide-2-animation {
0% { opacity: 0; }
31% { opacity: 0; }
35% { opacity: 1; }
66% { opacity: 1; }
69% { opacity: 0; }
100% { opacity: 0; }
}
@keyframes slide-3-animation {
0% { opacity: 0; }
65% { opacity: 0; }
69% { opacity: 1; }
98% { opacity: 1; }
100% { opacity: 0; }
}
.homepage-video {
display: flex;
justify-content: center;
order: 2;
}
.homepage-what-is-it, .homepage-how-to-follow-it, .homepage-why-to-enroll {
padding: 3rem 2rem;
background-color: rgba(196,196,196, .1);
}
.homepage-what-is-it {
order: 1;
}
.homepage-how-to-follow-it {
text-align: right;
}
.homepage-why-to-enroll {
order: 1;
}
.for-editors a {
display: inline-block;
padding: .5rem 1rem;
background-color: #02b8bf;
color: white;
text-align: right;
transition: .5s;
}
.for-editors a:hover {
background-color: #6bd0d4;
text-decoration: none;
}
.perspective {
display: flex;
flex-direction: column;
gap: 2rem;
justify-content: center;
align-items: center;
perspective: 1000px;
perspective-origin: 10% 60%;
}
.three-d-image-container {
width: 280px;
background-color: cornflowerblue;
transition: 1s;
transform: rotateX(4deg) rotateY(-15deg) rotateZ(2deg);
box-shadow: 10px 10px 30px rgba(0 0 0 / .2);
}
.dubai-video {
order: 2;
padding: 2rem;
}
.informative-video {
display: none;
}
.einstein-quote {
padding: 3rem 15vw;
background-image: url('https://wiki.masticationpedia.org/images/5/50/Cityscape.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
color: white;
text-align: center;
}
.hidden-except-on-intersection {
opacity: 0;
transition: 2s;
}
.fade-in-on-intersection {
opacity: 1;
}
/* ============= Scientific community ============= */
.scientific-community-cover {
color: #045184;
background-image: url('https://wiki.masticationpedia.org/images/0/0d/Scientific_community.jpg');
}
/* ============= Template:Person card ============= */
.scientific-community-container {
display: flex;
flex-wrap: wrap;
gap: 2rem;
justify-content: center;
align-items: flex-start;
}
.person-container {
display: inline-block;
width: 40%;
margin: 0;
text-align: center;
}
.person-image {
width: 100%;
height: auto;
border-radius: 100%;
}
.person-country {
color: #045184;
}
/* ============= Scientific project ============= */
.scientific-project-intro {
padding: 0 2rem;
}
.scientific-project-text-box {
padding: 2rem;
background-color: rgba(196,196,196, .1);
}
/* ============= Social project ============= */
/* ============= Our story ============= */
/* ============= Book index ============= */
.book-index-cover {
background-image: url('https://wiki.masticationpedia.org/images/f/f7/The_sacred_wood_of_books.jpg');
color: white;
text-shadow: 3px 3px 40px rgba(0 0 0 / 0.9);
}
.book-index-columns {
display: flex;
flex-direction: column;
gap: 3rem;
}
.book-index-columns p, .book-index-columns li {
color: gray;
}
/* ============= Our Network ============= */
.network-cover {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/1/19/Background-3228704_1920.jpg');
background-color: rgba(0 0 0 / 0.3);
background-blend-mode: overlay;
}
/* ============= Frisardi Masticationpedia ============= */
.frisardi-nettuno-cover {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/2/26/Costa_di_Nettuno_Levante.JPG');
}
.frisardi-nettuno-main-title, .frisardi-nettuno-subtitle {
font-size: 250%;
color: white;
text-shadow: 2px 2px 10px rgba(0,0,0,0.2);
}
.frisardi-nettuno-person, .fontana-como-person {
text-align: center;
padding: 2rem;
}
#iframe-Google\ Docs {
height: 1750px;
}
#iframe-Google\ Maps {
margin: 0 -16px;
width: 100vw;
}
/* ============= Fontana Masticationpedia ============= */
.fontana-como-cover {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/4/42/Como_-_Comune_di_Como_-_2023-09-08_23-29-16_001.jpg/2560px-Como_-_Comune_di_Como_-_2023-09-08_23-29-16_001.jpg');
}
.fontana-como-main-title, .fontana-como-subtitle {
font-size: 250%;
color: white;
text-shadow: 5px 5px 10px rgba(0,0,0,0.5);
}
/* ============= Donate ============= */
.donate-cover {
background-image: url('https://wiki.masticationpedia.org/images/b/b2/Donation_background.jpg');
}
/* ============= Template:Person ============= */
.person-box {
background-color: silver;
padding: 30px;
text-align: center;
background-image: url(https://wiki.masticationpedia.org/images/0/0d/Scientific_community_darker.jpg);
background-position: center;
background-size:cover;
}
.person-name {
font-size: 250%;
color: white;
text-shadow: 3px 3px 20px rgba(0 0 0 / 0.5);
}
.person-bio {
color: white;
font-size: 150%;
text-shadow: 3px 3px 10px rgba(0 0 0 / 0.5);
}
.person-portrait {
margin: 2rem 0;
}
/* ============= Template:Person details ============= */
.person-details-header, .person-cv-header {
margin-top: 2rem;
margin-bottom: 5px;
padding: 10px 0;
border-radius: 8px 8px 0 0;
text-align: center;
color: white;
background-color: #116089;
}
.person-cv-header {
border-radius: 8px;
}
.smart-template {
border-bottom: 1px solid silver;
}
.smart-template p {
margin: 0;
}
.smart-template-left {
margin-bottom: 5px;
padding: 5px;
font-weight: bold;
}
.smart-template-right {
margin-bottom: 5px;
padding: 5px;
}
.smart-template-bottom {
justify-content: center;
gap: 10px;
margin-bottom: 5px;
padding: 5px;
background-color: #e6e7e8;
}
.person-link {
display: block;
text-align: center;
}
.person-contributions {
background-color: #e6e7e8;
border-radius: 8px;
margin: 2rem 0 5px 0;
padding: 5px;
text-align: center;
}
/* ============= Template:Main menu ============= */
#main-menu-open {
display: flex;
}
#main-menu-close {
display: none;
}
#main-menu-close, #main-menu-open {
flex-direction: row-reverse;
padding: 1rem;
background-color: #f1f1f1;
}
#main-menu-close img, #main-menu-open img {
vertical-align: baseline;
}
.main-menu-container {
display: none;
background-color: #f1f1f1;
padding: 0.5rem 1.5rem;
}
.main-menu-dropdown-content {
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;
}