MediaWiki:Common.css
Version vom 2. Oktober 2020, 10:11 Uhr von Ahofbauer (Diskussion | Beiträge)
Hinweis: Leere nach dem Speichern den Browser-Cache, um die Änderungen sehen zu können.
- Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
- Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
- Internet Explorer: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
- Opera: Gehe zu Menü → Einstellungen (Opera → Einstellungen auf dem Mac) und dann auf Datenschutz & Sicherheit → Browserdaten löschen → Gespeicherte Bilder und Dateien.
/**
* MediaWiki:Common.css
*/
@import url('https://fonts.googleapis.com/css?family=ABeeZee&display=swap');
body,
html,
.mw-body h1,
.mw-body-content h2,
.mw-body-content h3,
.mw-body-content h3,
.mw-body-content h4,
.mw-body-content h5,
.mw-body-content h6 {
font-family: 'ABeeZee', sans-serif !important;
}
html {
background-color: #ffec8b;
}
body {
height: auto;
font-size: 18px;
}
pre, textarea {
font-family: monospace, monospace;
}
@media (max-width: 1199px) {
#content {
margin-left: calc(11em + 15px); /* #mw-panel padding */
}
#left-navigation {
margin-left: calc(11em + 15px);
}
}
@media (min-width: 1200px) {
body {
background-color: #ffec8b;
}
#mw-head-base {
display: none;
}
#mw-page-base {
max-width: 1200px;
margin: 0 auto;
}
#mw-head {
box-sizing: border-box;
max-width: calc(1200px + 3px);
margin: 0 auto;
right: auto;
}
#content {
position: relative;
box-sizing: border-box;
max-width: calc(1200px - 10em - 27px); /* 27px body padding, 24px sidebar padding/margin */
margin-left: calc(50% + 10em - 1200px / 2 + 24px + 3px); /* 1px body border */
}
#mw-navigation > * {
/*background-color: #f6f6f6;*/
position: absolute;
--content-left-part: calc(1200px / 2 - 10em + 27px); /* 27px body padding */
margin-left: calc(50% - 10em - var(--content-left-part) + 24px);
}
#left-navigation {
margin-left: calc(11em + 12px);
}
#mw-panel, #footer {
background-color: #f6f6f6;
}
#footer {
margin-left: calc(50% + 10em - 1200px / 2 + 24px + 3px); /* 1px body border */
box-sizing: border-box;
max-width: calc(1200px - 10em - 27px);
}
}
#mw-panel {
font-size: 20px;
background-image: -webkit-linear-gradient(top, #fff 2.5em, #f6f6f6 5em);
background-image: -moz-linear-gradient(top, #fff 2.5em, #f6f6f6 5em);
background-image: linear-gradient(#fff 2.5em, #f6f6f6 5em);
}
.mw-wiki-logo {
background-size: contain;
}
.box {
border: 1px solid lightgrey;
box-shadow: 0px 0px 3px lightgrey;
padding: 0px 15px 10px 15px;
margin-bottom: 1em;
}
.box::after {
content: '';
display: block;
clear: both;
}
.box .mw-pt-languages {
display: none;
}
#mw-content-text[lang="de-easy"] {
font-size: 20px;
}
body[lang="de-easy"] .firstHeading {
font-size: 2em;
}
li#footer-poweredbyico > a:not(:last-child) {
margin-right: 1em;
}
li#footer-poweredbyico > a img {
height: auto;
}
#bodyContent p,
#bodyContent ul,
#bodyContent table,
#bodyContent ol /*,
#bodyContent h1,
#bodyContent h2,
#bodyContent h3,
#bodyContent h4,
#bodyContent h5,
#bodyContent h6*/
{
margin-top: 1em;
margin-bottom: 1em;
max-width: 600px;
}
#bodyContent .portale,
#bodyContent .portale > * {
max-width: 100%;
}
#bodyContent .portale {
/*max-width: 750px;*/
line-height: 2.5em;
margin-left: 0;
margin-right: 0;
text-align: left;
}
#bodyContent .portale p {
display: grid;
column-gap: 15px;
grid-template-columns: repeat(4, 1fr);
grid-auto-rows: 1fr;
grid-auto-flow: row;
}
body[lang="de-easy"] #bodyContent .portale p {
grid-template-columns: repeat(3, 1fr);
}
#bodyContent table {
max-width: 600px;
}
#bodyContent table tr:nth-child(even) {
background-color: #fff;
}
.hauptartikel {
margin-bottom: 1.5em;
}
.frontpage-icon {
white-space: nowrap;
}
.frontpage-icon:nth-child(9) {
grid-column-start: 2;
}
body[lang="de-easy"] .frontpage-icon:nth-child(9) {
grid-column-start: auto;
}
.toclevel-1 ul {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.clearfix {
clear: both;
}
.full-width,
.full-width p {
max-width: 100% !important;
}
/**
* Hide Discussion Tab
*/
li#ca-talk {
display: none;
}
ns-2 li#ca-talk,
ns-3 li#ca-talk {
display: block;
}
/**
* Portal Icons Frontpage
*/
.portale {
text-align: center;
}
.portale > span {
white-space: nowrap;
}
/**
* Hide Registration Link
*/
#pt-createaccount {
display: none;
}
/**
* Language Selector
*/
.wibs-language-selector {
background-color: #f8f9fa;
display: table;
border: 1px solid #a2a9b1;
box-sizing: border-box;
line-height: 1.2;
width: 100%;
clear: both;
overflow: auto;
}
.wibs-language-selector-label {
background-color: #eaecf0;
display: table-cell;
/* Given `white-space: nowrap` above, label never shrinks underneath textual content. */
width: 1%;
padding: 0.5em;
font-weight: bold;
white-space: nowrap;
}
.wibs-language-selector-list {
display: flex;
}
.wibs-language-selector-language {
padding-left: 5px;
padding-right: 5px;
}
.box__content .wibs-language-selector {
display: none;
}
/**
* Wikitable Alignments
*/
.wikitable.header-left th {
text-align: left;
}
.wikitable.header-right th {
text-align: right;
}
.wikitable.header-center th {
text-align: center;
}
.wikitable.content-left td {
text-align: left;
}
.wikitable.content-right td {
text-align: right;
}
.wikitable.content-center td {
text-align: center;
}
.wikitable.justify {
width: 100%;
}
#mw-upload-form .mw-htmlform-field-HTMLTextAreaField,
#mw-upload-form .mw-htmlform-field-Licenses,
#mw-upload-form > fieldset:nth-child(3) {
display: none;
}
/**
* Badges
*/
.badge {
display: block;
position: absolute;
right: 15px;
top: 15px;
}
.badge--children {
background-color: lemonchiffon;
border: 1px solid black;
}