MediaWiki:Common.css: Unterschied zwischen den Versionen
Aus WikiSpeicher
Admin (Diskussion | Beiträge) K |
Admin (Diskussion | Beiträge) |
||
(33 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 173: | Zeile 173: | ||
font-family:'Georgia',serif; | font-family:'Georgia',serif; | ||
font-weight:normal; | font-weight:normal; | ||
font-size:1. | font-size:1.8em; | ||
margin-top:30px; | margin-top:30px; | ||
width:100%; | width:100%; | ||
Zeile 181: | Zeile 181: | ||
padding:15px; | padding:15px; | ||
overflow:hidden; | overflow:hidden; | ||
line-height:1. | line-height:1.1 | ||
} | } | ||
.tagcloud a { | .tagcloud a { | ||
padding: | padding:0.2em; | ||
color:#108ec7; | color:#108ec7; | ||
font-weight:inherit | font-weight:inherit; | ||
display:inline-block; | |||
margin:0 | |||
} | } | ||
.youtubeWrapper { | .youtubeWrapper { | ||
Zeile 211: | Zeile 213: | ||
} | } | ||
.willkommenContainer .kategorieContainer h2 { | .willkommenContainer .kategorieContainer h2 { | ||
margin-bottom:0.6em | |||
} | } | ||
.clear { | .clear { | ||
Zeile 221: | Zeile 223: | ||
padding-top:0.6em | 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) { | @media screen and (min-width:851px) { | ||
#mw-header-container { | #mw-header-container { | ||
padding-top:2em; | |||
position:absolute | |||
} | } | ||
#mw-content-container { | #mw-content-container { | ||
background-color:white | |||
} | } | ||
.mw-wiki-logo.fallback { | .mw-wiki-logo.fallback { | ||
width:100%; | |||
height:0; | |||
padding-bottom:100%; | |||
background-size:100% | |||
} | } | ||
#mw-header-nav-hack { | #mw-header-nav-hack { | ||
box-shadow:none; | |||
border:none | |||
} | } | ||
#mw-header-nav-hack .color-bar { | #mw-header-nav-hack .color-bar { | ||
opacity:0 | |||
} | } | ||
#mw-content { | #mw-content { | ||
padding-top:4em; | |||
border:none; | |||
margin-top:7em | |||
} | } | ||
#mw-site-navigation .sidebar-inner h3, | #mw-site-navigation .sidebar-inner h3, | ||
#mw-related-navigation .sidebar-inner h3 { | #mw-related-navigation .sidebar-inner h3 { | ||
border:none; | |||
font-weight:bold | |||
} | } | ||
#personal .dropdown h3 { | #personal .dropdown h3 { | ||
border:none | |||
} | } | ||
#simpleSearch { | #simpleSearch { | ||
margin:0 0 0 auto; | |||
max-width:350px | |||
} | } | ||
.willkommenContainer { | .willkommenContainer { | ||
display:flex; | |||
flex-direction:row; | |||
gap:4% | |||
} | } | ||
.willkommenContainer .columnOne { | .willkommenContainer .columnOne { | ||
width:58% | |||
} | } | ||
.willkommenContainer .columnTwo { | .willkommenContainer .columnTwo { | ||
width:38% | |||
} | } | ||
.willkommenContainer h2 { | .willkommenContainer h2 { | ||
margin-top:2.6em; | |||
margin-bottom:1em | |||
} | |||
.newPagesListWrapper { | |||
margin-bottom:5em | |||
} | } | ||
.mapContainer { | .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) { | @media screen and (min-width:1100px) { | ||
#mw-header-container { | #mw-header-container { | ||
background-color:transparent; | |||
position:absolute | |||
} | |||
#user-tools { | |||
margin-right:2em | |||
} | } | ||
#mw-content-container { | #mw-content-container { | ||
margin-top:0 | |||
} | } | ||
#mw-content { | #mw-content { | ||
margin-top:3.5em; | |||
padding-top:2em | |||
} | } | ||
#p-logo-text { | #p-logo-text { | ||
opacity:0 | |||
} | } | ||
#mw-site-navigation .sidebar-chunk, | #mw-site-navigation .sidebar-chunk, | ||
#mw-related-navigation .sidebar-chunk { | #mw-related-navigation .sidebar-chunk { | ||
background:none; | |||
border:none; | |||
box-shadow:none; | |||
padding-right: 0; | |||
} | } | ||
.mw-footer-container { | .mw-footer-container { | ||
margin-left:16em | |||
} | } | ||
#catlinks { | #catlinks { | ||
display:block; | |||
margin-left:2em | |||
} | } | ||
} | } | ||
@media screen and (min-width:1340px) { | @media screen and (min-width:1340px) { | ||
#user-tools { | |||
margin-right:0 | |||
} | |||
#mw-content { | #mw-content { | ||
padding-right:0 | |||
} | |||
body.page-Hauptseite #mw-content { | |||
margin-top:4.5em | |||
} | } | ||
#mw-related-navigation { | #mw-related-navigation { | ||
padding-top:4.4em; | |||
padding-left:0.3em | |||
} | } | ||
#mw-content-container { | #mw-content-container { | ||
padding-bottom:8em | |||
} | } | ||
.ts-inner { | .ts-inner { | ||
max-width:100em | |||
} | } | ||
.mw-footer-container { | .mw-footer-container { | ||
margin-left:0 | |||
} | } | ||
#footer-list { | #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 } }