MediaWiki:Common.css: Unterschied zwischen den Versionen
Admin (Diskussion | Beiträge) |
|||
Zeile 1: | Zeile 1: | ||
− | /* | + | /** |
+ | * 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 { | body { | ||
− | font- | + | 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- | + | #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- | + | #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- | + | #mw-panel { |
− | + | font-size: 20px; | |
+ | background-image: -webkit-linear-gradient(top, #ffffff 2.5em, #f6f6f6 5em); | ||
+ | background-image: -moz-linear-gradient(top, #ffffff 2.5em, #f6f6f6 5em); | ||
+ | background-image: linear-gradient(#ffffff 2.5em, #f6f6f6 5em); | ||
} | } | ||
− | + | .box { | |
− | + | border: 1px solid lightgrey; | |
+ | box-shadow: 0px 0px 3px lightgrey; | ||
+ | padding: 0px 15px 10px 15px; | ||
} | } | ||
− | + | .box::after { | |
− | display: | + | content: ''; |
+ | display: block; | ||
+ | clear: both; | ||
} | } | ||
− | + | .box .mw-pt-languages { | |
− | display:none; | + | display: none; |
} | } | ||
− | + | #mw-content-text[lang="de-easy"] { | |
− | + | font-size: 20px; | |
− | # | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | # | + | li#footer-poweredbyico > a:not(:last-child) { |
− | + | margin-right: 1em; | |
− | |||
− | |||
} | } | ||
− | + | li#footer-poweredbyico > a img { | |
− | + | height: auto; | |
} | } | ||
− | + | #bodyContent p { | |
− | + | margin-top: 1em; | |
+ | margin-bottom: 1em; | ||
+ | max-width: 600px; | ||
} | } | ||
− | + | #bodyContent table { | |
− | + | max-width: 600px; | |
} | } | ||
− | + | #bodyContent table tr:nth-child(even) { | |
− | + | background-color: #ffffff; | |
− | |||
− | |||
} | } | ||
− | + | /** | |
− | + | * Hide Discussion Tab | |
− | + | */ | |
− | + | li#ca-talk { | |
− | + | display: none; | |
− | |||
− | |||
− | |||
− | /* | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | display: none | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | ns-2 li#ca-talk, | |
− | + | ns-3 li#ca-talk { | |
− | display:block | + | 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 { |
− | padding- | + | 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; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | . | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | padding | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | padding-right | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } |
Version vom 20. Dezember 2019, 12:15 Uhr
/**
* 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, #ffffff 2.5em, #f6f6f6 5em);
background-image: -moz-linear-gradient(top, #ffffff 2.5em, #f6f6f6 5em);
background-image: linear-gradient(#ffffff 2.5em, #f6f6f6 5em);
}
.box {
border: 1px solid lightgrey;
box-shadow: 0px 0px 3px lightgrey;
padding: 0px 15px 10px 15px;
}
.box::after {
content: '';
display: block;
clear: both;
}
.box .mw-pt-languages {
display: none;
}
#mw-content-text[lang="de-easy"] {
font-size: 20px;
}
li#footer-poweredbyico > a:not(:last-child) {
margin-right: 1em;
}
li#footer-poweredbyico > a img {
height: auto;
}
#bodyContent p {
margin-top: 1em;
margin-bottom: 1em;
max-width: 600px;
}
#bodyContent table {
max-width: 600px;
}
#bodyContent table tr:nth-child(even) {
background-color: #ffffff;
}
/**
* 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;
}