MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus WikiSpeicher
K
K
Zeile 222: Zeile 222:
  margin-top:2em;
  margin-top:2em;
  padding-top:0.6em  
  padding-top:0.6em  
}
.randomSlideshowContainer {
margin-bottom: 1em;
}
}
.swiper {
.swiper {
  position: relative;
position: relative;
  width: 100%;
width: 100%;
  height: 0;
height: 0;
  padding-bottom: 60%;
padding-bottom: 60%;
  overflow: hidden;
overflow: hidden;
}
}
.kartenbutton {
.kartenbutton {
  width: 100%;
width: 100%;
  position: relative;
position: relative;
  display: block;
display: block;
  flex-grow: 1;
flex-grow: 1;
  overflow: hidden;
overflow: hidden;
height: 150px;
height: 150px;
}
}
.kartenbutton img {
.kartenbutton img {
  display: block;
display: block;
  width: 100%;
width: 100%;
  position: absolute;
position: absolute;
  top: 50%;
top: 50%;
  left: 50%;
left: 50%;
  transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
}
@media screen and (min-width:851px) {
@media screen and (min-width:851px) {
  #mw-header-container {
  #mw-header-container {
  padding-top:2em;
padding-top:2em;
  position:absolute  
position:absolute  
  }
  }
  #mw-content-container {
  #mw-content-container {
  background-color:white  
background-color:white  
  }
  }
  .mw-wiki-logo.fallback {
  .mw-wiki-logo.fallback {
  width:100%;
width:100%;
  height:0;
height:0;
  padding-bottom:100%;
padding-bottom:100%;
  background-size:100%  
background-size:100%  
  }
  }
  #mw-header-nav-hack {
  #mw-header-nav-hack {
  box-shadow:none;
box-shadow:none;
  border:none  
border:none  
  }
  }
  #mw-header-nav-hack .color-bar {
  #mw-header-nav-hack .color-bar {
  opacity:0  
opacity:0  
  }
  }
  #mw-content {
  #mw-content {
  padding-top:4em;
padding-top:4em;
  border:none;
border:none;
  margin-top:7em  
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;
border:none;
  font-weight:bold  
font-weight:bold  
  }
  }
  #personal .dropdown h3 {
  #personal .dropdown h3 {
  border:none  
border:none  
  }
  }
  #simpleSearch {
  #simpleSearch {
  margin:0 0 0 auto;
margin:0 0 0 auto;
  max-width:350px  
max-width:350px  
  }
  }
  .willkommenContainer {
  .willkommenContainer {
  display:flex;
display:flex;
  flex-direction:row;
flex-direction:row;
  gap:4%  
gap:4%  
  }
  }
  .willkommenContainer .columnOne {
  .willkommenContainer .columnOne {
  width:58%  
width:58%  
  }
  }
  .willkommenContainer .columnTwo {
  .willkommenContainer .columnTwo {
  width:38%  
width:38%  
  }
  }
  .willkommenContainer h2 {
  .willkommenContainer h2 {
  margin-top:2.6em;
margin-top:2.6em;
  margin-bottom:1em  
margin-bottom:1em  
  }
  }
  .newPagesListWrapper {
  .newPagesListWrapper {
  margin-bottom:5em  
margin-bottom:5em  
  }
  }
  .mapContainer {
  .mapContainer {
  padding-bottom:60% !important  
padding-bottom:60% !important  
  }
  }
  .kategorieContainer {
  .kategorieContainer {
  display:inline-block;
display:inline-block;
  width:43%;
width:43%;
  margin:0 6% 8px 0;
margin:0 6% 8px 0;
  min-width:290px;
min-width:290px;
  vertical-align:top;
vertical-align:top;
  min-height:160px  
min-height:160px  
  }
  }
  .willkommenContainer .kategorieContainer {
  .willkommenContainer .kategorieContainer {
  width:100%;
width:100%;
  margin:0;
margin:0;
  min-height:110px;
min-height:110px;
  min-width:auto  
min-width:auto  
  }
  }
  .homeFeatureContainer {
  .homeFeatureContainer {
  display:flex;
display:flex;
  flex-direction: row;
flex-direction: row;
  gap: 2%;
gap: 2%;
  align-items: stretch;
align-items: stretch;
  }
  }
.randomSlideshowContainer {
.randomSlideshowContainer {
  position: relative;
position: relative;
  width: 78%;
width: 78%;
  height: 100%;
height: 100%;
}
}
.kartenbutton {
.kartenbutton {
  width: 22%;
width: 22%;
}
}
}
}
@media screen and (min-width:1100px) {
@media screen and (min-width:1100px) {
  #mw-header-container {
  #mw-header-container {
  background-color:transparent;
background-color:transparent;
  position:absolute  
position:absolute  
  }
  }
  #user-tools {
  #user-tools {
  margin-right:2em  
margin-right:2em  
  }
  }
  #mw-content-container {
  #mw-content-container {
  margin-top:0  
margin-top:0  
  }
  }
  #mw-content {
  #mw-content {
  margin-top:3.5em;
margin-top:3.5em;
  padding-top:2em  
padding-top:2em  
  }
  }
  #p-logo-text {
  #p-logo-text {
  opacity:0  
opacity:0  
  }
  }
  #mw-site-navigation .sidebar-chunk,
  #mw-site-navigation .sidebar-chunk,
  #mw-related-navigation .sidebar-chunk {
  #mw-related-navigation .sidebar-chunk {
  background:none;
background:none;
  border:none;
border:none;
  box-shadow:none;
box-shadow:none;
  padding-right: 0;
padding-right: 0;
  }
  }
  .mw-footer-container {
  .mw-footer-container {
  margin-left:16em  
margin-left:16em  
  }
  }
  #catlinks {
  #catlinks {
  display:block;
display:block;
  margin-left:2em  
margin-left:2em  
  }
  }
}
}
@media screen and (min-width:1340px) {
@media screen and (min-width:1340px) {
  #user-tools {
  #user-tools {
  margin-right:0  
margin-right:0  
  }
  }
  #mw-content {
  #mw-content {
  padding-right:0  
padding-right:0  
  }
  }
  body.page-Hauptseite #mw-content {
  body.page-Hauptseite #mw-content {
  margin-top:4.5em
margin-top:4.5em
  }
  }
  #mw-related-navigation {
  #mw-related-navigation {
  padding-top:4.4em;
padding-top:4.4em;
  padding-left:0.3em  
padding-left:0.3em  
  }
  }
  #mw-content-container {
  #mw-content-container {
  padding-bottom:8em  
padding-bottom:8em  
  }
  }
  .ts-inner {
  .ts-inner {
  max-width:100em  
max-width:100em  
  }
  }
  .mw-footer-container {
  .mw-footer-container {
  margin-left:0  
margin-left:0  
  }
  }
  #footer-list {
  #footer-list {
  padding-left:1.5em;
padding-left:1.5em;
  margin-left:14.5em  
margin-left:14.5em  
  }
  }
}
}

Version vom 5. März 2022, 17:33 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: 150px;
}
.kartenbutton img {
	display: block;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
@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%;
}
.kartenbutton {
	width: 22%;
}
}
@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 
 }
}