1,141
edits
Difference between revisions of "MediaWiki:Common.css"
no edit summary
| (33 intermediate revisions by 2 users not shown) | |||
| Line 1,832: | Line 1,832: | ||
border: 1px solid grey !important; | border: 1px solid grey !important; | ||
border-radius: 6px !important; | border-radius: 6px !important; | ||
} | } | ||
| Line 1,859: | Line 1,858: | ||
body { | body { | ||
color: #333; | color: #333; | ||
} | |||
#mw-mf-main-menu-button { | |||
display: none; | |||
} | |||
.pre-content { | |||
display: none; | |||
} | |||
@media screen and (min-width: 1000px) { | |||
.content { | |||
width: auto; | |||
} | |||
} | |||
@media screen and (min-width: 720px) { | |||
.content { | |||
width: auto; | |||
} | |||
} | |||
.mobile-only { | |||
display: none; | |||
} | } | ||
| Line 1,889: | Line 1,911: | ||
.rounded-logo { | .rounded-logo { | ||
width: 200px; | |||
height: 200px; | |||
border-radius: 100%; | border-radius: 100%; | ||
} | } | ||
.colour-button a { | .colour-button a { | ||
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%); | ||
| Line 1,924: | Line 1,948: | ||
.cover { | .cover { | ||
position: relative; | |||
display: flex; | display: flex; | ||
flex-direction: column; | |||
justify-content: center; | justify-content: center; | ||
align-items: center; | align-items: center; | ||
| Line 1,936: | Line 1,962: | ||
.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)); | |||
} | |||
} | |||
.content-page-logo-container { | |||
margin-bottom: 2rem; | |||
} | } | ||
| Line 1,946: | Line 1,988: | ||
.homepage-logo-container { | .homepage-logo-container { | ||
position: absolute; | position: absolute; | ||
top: | top: 20px; | ||
left: | left: 50%; | ||
transform: translate(-50%); | |||
z-index: 100; | z-index: 100; | ||
} | } | ||
| Line 1,967: | Line 2,010: | ||
background-position: center; | background-position: center; | ||
background-size: cover; | background-size: cover; | ||
} | |||
.homepage-slide-1 > *, .homepage-slide-2 > *, .homepage-slide-3 > * { | |||
transform: translate(0, 2rem); | |||
} | } | ||
.homepage-slide-1 { | .homepage-slide-1 { | ||
| Line 2,005: | Line 2,051: | ||
.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: 2rem; | ||
background-color: rgba(196,196,196, . | background-color: rgba(196,196,196, .1); | ||
} | } | ||
.homepage-what-is-it { | .homepage-what-is-it { | ||
| Line 2,037: | Line 2,083: | ||
} | } | ||
.three-d-image-container { | .three-d-image-container { | ||
width: | width: 380px; | ||
background-color: cornflowerblue; | background-color: cornflowerblue; | ||
transition: 1s; | transition: 1s; | ||
| Line 2,084: | Line 2,130: | ||
color: #045184; | color: #045184; | ||
background-image: url('https://wiki.masticationpedia.org/images/0/0d/Scientific_community.jpg'); | 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: 20%; | |||
margin: 0; | |||
text-align: center; | |||
} | |||
.person-image { | |||
width: 100%; | |||
height: auto; | |||
border-radius: 100%; | |||
} | |||
.person-country { | |||
color: #045184; | |||
} | } | ||
| Line 2,089: | Line 2,162: | ||
.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 2,247: | Line 2,320: | ||
padding: 5px; | padding: 5px; | ||
text-align: center; | text-align: center; | ||
} | |||
/* ============= Template:Main menu ============= */ | |||
#main-menu-open, #main-menu-close { display: none; } | |||
.main-menu-container { | |||
display: flex; | |||
justify-content: center; | |||
background-color: #f1f1f1; | |||
} | |||
.main-menu-container a { | |||
text-decoration: none; | |||
} | |||
.padded { | |||
padding: 0.5rem 1.5rem; | |||
} | |||
.padded:hover { | |||
background-color: #e0e0e0; | |||
} | |||
.main-menu-dropdown-trigger { | |||
position: relative; | |||
} | |||
.main-menu-dropdown-content { | |||
display: none; | |||
position: absolute; | |||
z-index: 101; | |||
min-width: 180px; | |||
background-color: #f1f1f1; | |||
transition: .5s; | |||
} | |||
.main-menu-dropdown-trigger:hover .main-menu-dropdown-content { | |||
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; | |||
} | } | ||