Difference between revisions of "MediaWiki:Common.css"

no edit summary
 
(27 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;
padding: 12px !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;
}
}
}


Line 1,893: Line 1,911:


.rounded-logo {
.rounded-logo {
width: 200px;
height: 200px;
border-radius: 100%;
border-radius: 100%;
}
}
Line 1,899: Line 1,919:
display: inline-block;
display: inline-block;
padding: 1rem 2rem;
padding: 1rem 2rem;
margin: 2rem 0;
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,929: Line 1,948:


.cover {
.cover {
position: relative;
display: flex;
display: flex;
flex-direction: column;
flex-direction: column;
Line 1,942: 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,952: Line 1,988:
.homepage-logo-container {
.homepage-logo-container {
     position: absolute;
     position: absolute;
     top: -70px;
     top: 20px;
     left: 20px;
     left: 50%;
    transform: translate(-50%);
     z-index: 100;
     z-index: 100;
}
}
Line 1,973: 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,011: 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, .4);
background-color: rgba(196,196,196, .1);
}
}
.homepage-what-is-it {
.homepage-what-is-it {
Line 2,043: Line 2,083:
}
}
.three-d-image-container {
.three-d-image-container {
width: 400px;
width: 380px;
     background-color: cornflowerblue;
     background-color: cornflowerblue;
     transition: 1s;
     transition: 1s;
Line 2,122: Line 2,162:
.scientific-project-text-box {
.scientific-project-text-box {
padding: 2rem;
padding: 2rem;
background-color: rgba(196,196,196, .25);
background-color: rgba(196,196,196, .1);
}
}


Line 2,318: Line 2,358:
.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;
}
}