MediaWiki:Common.css: Difference between revisions
From GDPRhub
m (Protected "MediaWiki:Common.css" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))) |
m (add maintenance warning banner) |
||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
body::before { | |||
content: 'GDPRhub will go down for maintenance in a few minutes, at 12:15 CET (for just a few minutes, hopefully), due to a software upgrade. Please ensure you save any edits beforehand.'; | |||
display: block; | |||
background: #ff000088; | |||
color: white; | |||
font-size: 30px; | |||
margin-bottom: 30px; | |||
position: absolute; | |||
z-index: 9999; | |||
pointer-events: none; | |||
top: 0; | |||
padding: 0.5em; | |||
} | |||
/* noyb colors */ | /* noyb colors */ |
Revision as of 10:06, 23 April 2021
/* CSS placed here will be applied to all skins */
body::before {
content: 'GDPRhub will go down for maintenance in a few minutes, at 12:15 CET (for just a few minutes, hopefully), due to a software upgrade. Please ensure you save any edits beforehand.';
display: block;
background: #ff000088;
color: white;
font-size: 30px;
margin-bottom: 30px;
position: absolute;
z-index: 9999;
pointer-events: none;
top: 0;
padding: 0.5em;
}
/* noyb colors */
.color-middle {
background: #9c0a7d;
}
.color-left {
background: #9c0a7d;
}
.color-right {
background: #9c0a7d;
}
.mw-body h1.firstHeading {
border-bottom: solid 4px #9c0a7d;
}
.tools-inline li.selected {
border-bottom: solid 4px #9c0a7d;
}
a.new, .new a {
color: #9c0a7d;
}
/* Text/Headline font sizes */
body {
font-size: 0.875em;
}
.mw-body h1 {
font-size: 1.8em;
}
.mw-body h2 {
font-size: 1.6em;
}
.mw-body h3 {
font-size: 1.4em;
}
.mw-body h4 {
font-size: 1.2em;
}
p {
text-align: justify;
text-justify: auto;
}
/* mobile/desktop specific media queries */
/* make content tables at beginning of articles prettier */
@media screen and (max-width: 850px) {
.wikitable {
width: 100% !important;
float: left;
/* display: none; */
}
}
/* display element desktop/mobile only */
@media screen and (max-width: 850px) {
.desktop-only {
display: none;
}
}
@media screen and (min-width: 850px) {
.mobile-only {
display: none;
}
}