MediaWiki:Common.css: Unterschied zwischen den Versionen
Aus WikiSpeicher
Admin (Diskussion | Beiträge) |
Admin (Diskussion | Beiträge) |
||
(77 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
@screen and (min-width: 851px) { | body { | ||
.mw-wiki-logo.fallback { | font-family:sans-serif; | ||
font-size:15px; | |||
background-color:#ffffff; | |||
overflow-y:scroll | |||
} | |||
} | a, | ||
a:visited, | |||
.mw-footer-container a { | |||
text-decoration:none; | |||
color:#108ec7; | |||
background:none | |||
} | |||
a:hover, | |||
a:focus, | |||
a:active, | |||
a:hover:visited, | |||
.mw-footer-container a:hover, | |||
.mw-footer-container a:active, | |||
.mw-footer-container a:focus { | |||
text-decoration:none; | |||
color:#006592 | |||
} | |||
a.stub, | |||
a.external, | |||
a.external:visited, | |||
.mw-body a.external, | |||
.mw-body a.external:visited, | |||
.mw-footer-container a:visited { | |||
color:#108ec7 | |||
} | |||
a.new, | |||
a.new:visited, | |||
a.new:visited:hover, | |||
.new a, | |||
.new a:visited, | |||
.new a:visited:hover { | |||
color:#888 | |||
} | |||
a.new:hover, | |||
.new a:hover { | |||
color:#333 | |||
} | |||
.mw-body h1, | |||
.mw-body h2 { | |||
font-family:'Georgia',serif; | |||
line-height:1.3; | |||
margin-bottom:0.5em; | |||
padding:0; | |||
border:none | |||
} | |||
.mw-body h1 { | |||
font-size:2.4em | |||
} | |||
.mw-body h1.firstHeading { | |||
border:none | |||
} | |||
body.page-Hauptseite h1.firstHeading { | |||
display:none | |||
} | |||
.mw-body h2 { | |||
font-size:2em; | |||
margin-top:1em | |||
} | |||
.mw-body h3, | |||
.mw-body h4, | |||
.mw-body h5, | |||
.mw-body h6 { | |||
font-family:'Georgia',serif; | |||
line-height:1.5; | |||
margin-top:0.3em; | |||
margin-bottom:0; | |||
padding-bottom:0; | |||
font-weight:normal; | |||
border:none | |||
} | |||
.mw-body h3 { | |||
font-size:1.5em | |||
} | |||
.mw-body h4, | |||
.mw-body h5, | |||
.mw-body h6 { | |||
font-size:100% | |||
} | |||
.mw-body #toc h2, | |||
.mw-body .toc h2 { | |||
font-size:100%; | |||
font-family:sans-serif | |||
} | |||
#p-logo-text a { | |||
font-family:'Georgia',serif; | |||
font-variant:none | |||
} | |||
#mw-header-hack { | |||
opacity:0 | |||
} | |||
#searchInput { | |||
padding:0.5em | |||
} | |||
#searchButton, | |||
#mw-searchButton { | |||
right:0 | |||
} | |||
#mw-content-container { | |||
border:none; | |||
padding-bottom:4em; | |||
background:none | |||
} | |||
#mw-content { | |||
box-shadow:none | |||
} | |||
.mw-body .mw-parser-output h1::after, | |||
.mw-body .mw-parser-output h2::after, | |||
.sidebar-inner h3, | |||
.dropdown h3, | |||
.tools-inline li { | |||
border:None | |||
} | |||
#user-tools h2::after, | |||
.sidebar-chunk h2::after, | |||
.dropdown-toggle::after { | |||
display:none | |||
} | |||
.mw-footer-container { | |||
border-color:transparent; | |||
color:inherit; | |||
box-shadow:none | |||
} | |||
#footer-info-lastmod { | |||
font-size:0.8em | |||
} | |||
ul.gallery { | |||
margin:1em 0 | |||
} | |||
.thumbinner, | |||
.mw-body li.gallerybox div.thumb { | |||
box-shadow:none; | |||
border-width:1px; | |||
border-color:#ddd; | |||
background-color:inherit | |||
} | |||
.toc { | |||
width:100%; | |||
box-sizing:border-box; | |||
box-shadow:none; | |||
border-width:1px 0; | |||
background-color:inherit; | |||
border-color:#ddd; | |||
padding:1.5em 0 | |||
} | |||
.mw-body .toctitle { | |||
border:none | |||
} | |||
#mw-toc-heading { | |||
font-weight:bold | |||
} | |||
.mw-category-generated { | |||
margin-top:3em; | |||
border-top:1px solid #ddd | |||
} | |||
.mw-category-generated #mw-pages h2 { | |||
display:none | |||
} | |||
.mw-editsection { | |||
background:none; | |||
padding-left:0 | |||
} | |||
.tagCloudContainer { | |||
margin-top:30px | |||
} | |||
.tagcloud { | |||
box-sizing:border-box; | |||
font-family:'Georgia',serif; | |||
font-weight:normal; | |||
font-size:1.8em; | |||
margin-top:30px; | |||
width:100%; | |||
text-align:center; | |||
background-color:#FDFDFD; | |||
border:1px solid #EEEEEE; | |||
padding:15px; | |||
overflow:hidden; | |||
line-height:1.1 | |||
} | |||
.tagcloud a { | |||
padding:0.2em; | |||
color:#108ec7; | |||
font-weight:inherit; | |||
display:inline-block; | |||
margin:0 | |||
} | |||
.youtubeWrapper { | |||
position:relative; | |||
display:block; | |||
width:100%; | |||
height:0; | |||
padding-bottom:56.25%; | |||
margin:2em 0; | |||
clear:both | |||
} | |||
iframe { | |||
display:block; | |||
position:absolute; | |||
width:100%; | |||
height:100% | |||
} | |||
.willkommenContainer { | |||
display:flex; | |||
flex-direction:column | |||
} | |||
.mapContainer { | |||
padding-bottom:100% !important | |||
} | |||
.willkommenContainer .kategorieContainer h2 { | |||
margin-bottom:0.6em | |||
} | |||
.clear { | |||
clear:both | |||
} | |||
#catlinks { | |||
border-top:1px solid #ddd; | |||
margin-top:2em; | |||
padding-top:0.6em | |||
} | |||
.randomSlideshowContainer { | |||
margin-bottom: 1em; | |||
} | |||
.swiper { | |||
position: relative; | |||
width: 100%; | |||
height: 0; | |||
padding-bottom: 60%; | |||
overflow: hidden; | |||
} | |||
.kartenbutton { | |||
width: 100%; | |||
position: relative; | |||
display: block; | |||
flex-grow: 1; | |||
overflow: hidden; | |||
height: 35vw; | |||
} | |||
.kartenbutton img { | |||
display: block; | |||
width: 100%; | |||
position: absolute; | |||
top: 50%; | |||
left: 50%; | |||
transform: translate(-50%,-50%); | |||
} | |||
.gm-style img { | |||
max-width: 100%; | |||
height: auto; | |||
width: 350px; | |||
} | |||
.gm-style .gm-style-iw-c { | |||
padding-right: 12px!important; | |||
} | |||
.simpleTable td:first-child { | |||
padding-right: 2em; | |||
} | |||
@media screen and (min-width:851px) { | |||
#mw-header-container { | |||
padding-top:2em; | |||
position:absolute | |||
} | |||
#mw-content-container { | |||
background-color:white | |||
} | |||
.mw-wiki-logo.fallback { | |||
width:100%; | |||
height:0; | |||
padding-bottom:100%; | |||
background-size:100% | |||
} | |||
#mw-header-nav-hack { | |||
box-shadow:none; | |||
border:none | |||
} | |||
#mw-header-nav-hack .color-bar { | |||
opacity:0 | |||
} | |||
#mw-content { | |||
padding-top:4em; | |||
border:none; | |||
margin-top:7em | |||
} | |||
#mw-site-navigation .sidebar-inner h3, | |||
#mw-related-navigation .sidebar-inner h3 { | |||
border:none; | |||
font-weight:bold | |||
} | |||
#personal .dropdown h3 { | |||
border:none | |||
} | |||
#simpleSearch { | |||
margin:0 0 0 auto; | |||
max-width:350px | |||
} | |||
.willkommenContainer { | |||
display:flex; | |||
flex-direction:row; | |||
gap:4% | |||
} | |||
.willkommenContainer .columnOne { | |||
width:58% | |||
} | |||
.willkommenContainer .columnTwo { | |||
width:38% | |||
} | |||
.willkommenContainer h2 { | |||
margin-top:2.6em; | |||
margin-bottom:1em | |||
} | |||
.newPagesListWrapper { | |||
margin-bottom:5em | |||
} | |||
.mapContainer { | |||
padding-bottom:60% !important | |||
} | |||
.kategorieContainer { | |||
display:inline-block; | |||
width:43%; | |||
margin:0 6% 8px 0; | |||
min-width:290px; | |||
vertical-align:top; | |||
min-height:160px | |||
} | |||
.willkommenContainer .kategorieContainer { | |||
width:100%; | |||
margin:0; | |||
min-height:110px; | |||
min-width:auto | |||
} | |||
.homeFeatureContainer { | |||
display:flex; | |||
flex-direction: row; | |||
gap: 2%; | |||
align-items: stretch; | |||
} | |||
.randomSlideshowContainer { | |||
position: relative; | |||
width: 78%; | |||
height: 100%; | |||
margin-bottom: 0; | |||
} | |||
.kartenbutton { | |||
width: 22%; | |||
height: auto; | |||
} | |||
.mw-body .kartenbutton img { | |||
max-width: none !important; | |||
width: auto; | |||
transform: translate(-50%,-50%) scale(0.9); | |||
} | |||
} | |||
@media screen and (min-width:1100px) { | |||
#mw-header-container { | |||
background-color:transparent; | |||
position:absolute | |||
} | |||
#user-tools { | |||
margin-right:2em | |||
} | |||
#mw-content-container { | |||
margin-top:0 | |||
} | |||
#mw-content { | |||
margin-top:3.5em; | |||
padding-top:2em | |||
} | |||
#p-logo-text { | |||
opacity:0 | |||
} | |||
#mw-site-navigation .sidebar-chunk, | |||
#mw-related-navigation .sidebar-chunk { | |||
background:none; | |||
border:none; | |||
box-shadow:none; | |||
padding-right: 0; | |||
} | |||
.mw-footer-container { | |||
margin-left:16em | |||
} | |||
#catlinks { | |||
display:block; | |||
margin-left:2em | |||
} | |||
} | |||
@media screen and (min-width:1340px) { | |||
#user-tools { | |||
margin-right:0 | |||
} | |||
#mw-content { | |||
padding-right:0 | |||
} | |||
body.page-Hauptseite #mw-content { | |||
margin-top:4.5em | |||
} | |||
#mw-related-navigation { | |||
padding-top:4.4em; | |||
padding-left:0.3em | |||
} | |||
#mw-content-container { | |||
padding-bottom:8em | |||
} | |||
.ts-inner { | |||
max-width:100em | |||
} | |||
.mw-footer-container { | |||
margin-left:0 | |||
} | |||
#footer-list { | |||
padding-left:1.5em; | |||
margin-left:14.5em | |||
} | |||
} | } |
Aktuelle Version vom 28. April 2023, 16:48 Uhr
body { font-family:sans-serif; font-size:15px; background-color:#ffffff; overflow-y:scroll } a, a:visited, .mw-footer-container a { text-decoration:none; color:#108ec7; background:none } a:hover, a:focus, a:active, a:hover:visited, .mw-footer-container a:hover, .mw-footer-container a:active, .mw-footer-container a:focus { text-decoration:none; color:#006592 } a.stub, a.external, a.external:visited, .mw-body a.external, .mw-body a.external:visited, .mw-footer-container a:visited { color:#108ec7 } a.new, a.new:visited, a.new:visited:hover, .new a, .new a:visited, .new a:visited:hover { color:#888 } a.new:hover, .new a:hover { color:#333 } .mw-body h1, .mw-body h2 { font-family:'Georgia',serif; line-height:1.3; margin-bottom:0.5em; padding:0; border:none } .mw-body h1 { font-size:2.4em } .mw-body h1.firstHeading { border:none } body.page-Hauptseite h1.firstHeading { display:none } .mw-body h2 { font-size:2em; margin-top:1em } .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family:'Georgia',serif; line-height:1.5; margin-top:0.3em; margin-bottom:0; padding-bottom:0; font-weight:normal; border:none } .mw-body h3 { font-size:1.5em } .mw-body h4, .mw-body h5, .mw-body h6 { font-size:100% } .mw-body #toc h2, .mw-body .toc h2 { font-size:100%; font-family:sans-serif } #p-logo-text a { font-family:'Georgia',serif; font-variant:none } #mw-header-hack { opacity:0 } #searchInput { padding:0.5em } #searchButton, #mw-searchButton { right:0 } #mw-content-container { border:none; padding-bottom:4em; background:none } #mw-content { box-shadow:none } .mw-body .mw-parser-output h1::after, .mw-body .mw-parser-output h2::after, .sidebar-inner h3, .dropdown h3, .tools-inline li { border:None } #user-tools h2::after, .sidebar-chunk h2::after, .dropdown-toggle::after { display:none } .mw-footer-container { border-color:transparent; color:inherit; box-shadow:none } #footer-info-lastmod { font-size:0.8em } ul.gallery { margin:1em 0 } .thumbinner, .mw-body li.gallerybox div.thumb { box-shadow:none; border-width:1px; border-color:#ddd; background-color:inherit } .toc { width:100%; box-sizing:border-box; box-shadow:none; border-width:1px 0; background-color:inherit; border-color:#ddd; padding:1.5em 0 } .mw-body .toctitle { border:none } #mw-toc-heading { font-weight:bold } .mw-category-generated { margin-top:3em; border-top:1px solid #ddd } .mw-category-generated #mw-pages h2 { display:none } .mw-editsection { background:none; padding-left:0 } .tagCloudContainer { margin-top:30px } .tagcloud { box-sizing:border-box; font-family:'Georgia',serif; font-weight:normal; font-size:1.8em; margin-top:30px; width:100%; text-align:center; background-color:#FDFDFD; border:1px solid #EEEEEE; padding:15px; overflow:hidden; line-height:1.1 } .tagcloud a { padding:0.2em; color:#108ec7; font-weight:inherit; display:inline-block; margin:0 } .youtubeWrapper { position:relative; display:block; width:100%; height:0; padding-bottom:56.25%; margin:2em 0; clear:both } iframe { display:block; position:absolute; width:100%; height:100% } .willkommenContainer { display:flex; flex-direction:column } .mapContainer { padding-bottom:100% !important } .willkommenContainer .kategorieContainer h2 { margin-bottom:0.6em } .clear { clear:both } #catlinks { border-top:1px solid #ddd; margin-top:2em; padding-top:0.6em } .randomSlideshowContainer { margin-bottom: 1em; } .swiper { position: relative; width: 100%; height: 0; padding-bottom: 60%; overflow: hidden; } .kartenbutton { width: 100%; position: relative; display: block; flex-grow: 1; overflow: hidden; height: 35vw; } .kartenbutton img { display: block; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .gm-style img { max-width: 100%; height: auto; width: 350px; } .gm-style .gm-style-iw-c { padding-right: 12px!important; } .simpleTable td:first-child { padding-right: 2em; } @media screen and (min-width:851px) { #mw-header-container { padding-top:2em; position:absolute } #mw-content-container { background-color:white } .mw-wiki-logo.fallback { width:100%; height:0; padding-bottom:100%; background-size:100% } #mw-header-nav-hack { box-shadow:none; border:none } #mw-header-nav-hack .color-bar { opacity:0 } #mw-content { padding-top:4em; border:none; margin-top:7em } #mw-site-navigation .sidebar-inner h3, #mw-related-navigation .sidebar-inner h3 { border:none; font-weight:bold } #personal .dropdown h3 { border:none } #simpleSearch { margin:0 0 0 auto; max-width:350px } .willkommenContainer { display:flex; flex-direction:row; gap:4% } .willkommenContainer .columnOne { width:58% } .willkommenContainer .columnTwo { width:38% } .willkommenContainer h2 { margin-top:2.6em; margin-bottom:1em } .newPagesListWrapper { margin-bottom:5em } .mapContainer { padding-bottom:60% !important } .kategorieContainer { display:inline-block; width:43%; margin:0 6% 8px 0; min-width:290px; vertical-align:top; min-height:160px } .willkommenContainer .kategorieContainer { width:100%; margin:0; min-height:110px; min-width:auto } .homeFeatureContainer { display:flex; flex-direction: row; gap: 2%; align-items: stretch; } .randomSlideshowContainer { position: relative; width: 78%; height: 100%; margin-bottom: 0; } .kartenbutton { width: 22%; height: auto; } .mw-body .kartenbutton img { max-width: none !important; width: auto; transform: translate(-50%,-50%) scale(0.9); } } @media screen and (min-width:1100px) { #mw-header-container { background-color:transparent; position:absolute } #user-tools { margin-right:2em } #mw-content-container { margin-top:0 } #mw-content { margin-top:3.5em; padding-top:2em } #p-logo-text { opacity:0 } #mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk { background:none; border:none; box-shadow:none; padding-right: 0; } .mw-footer-container { margin-left:16em } #catlinks { display:block; margin-left:2em } } @media screen and (min-width:1340px) { #user-tools { margin-right:0 } #mw-content { padding-right:0 } body.page-Hauptseite #mw-content { margin-top:4.5em } #mw-related-navigation { padding-top:4.4em; padding-left:0.3em } #mw-content-container { padding-bottom:8em } .ts-inner { max-width:100em } .mw-footer-container { margin-left:0 } #footer-list { padding-left:1.5em; margin-left:14.5em } }