Foreground.css: Difference between revisions

Revision as of 14:53, 15 July 2025

/* All CSS here will be loaded for users of the Foreground skin */
body {
  background: #fff2e6;
  color: #222;
  font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
  font-style:normal;
  font-weight:normal;
  text-align: justify;
  line-height:1.5;
  margin:0;
  padding:0;
  position:relative
}

/*Add fixed page background for main pages, category pages, and file pages */
.page-Main_Page,
.page-Overview {
    background: url("images/b/b1/MTX-illustrations-splash-page-new-size2.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}


#page-content > .row {
	background: #fff2e6;
	padding: 2em;
}

/*Create gap between page body and category links at the bottom*/
.catlinks {
	margin: 50px 0 0;
}

/*Style footer to be more consistent and same size*/
#footer ul {
	font-size: 85%;
	text-align: left !important;
}
#footer-right-icons li {
	margin: 0;
}

/*Styling blockquotes*/
blockquote {
	border-left: 2px solid #ccc;
}

blockquote,
blockquote p {
	color: #222;
}

/*Table styling for .wikitables to fit the colour scheme*/
table.wikitable > * > tr > td,
table.wikitable > * > tr > th {
	background: #fff2e6;
	border: 1px solid #fff2e6;
	text-align: left;
}

/*Table styling for .datatables*/
.datatable input {
	padding: 5px;
}

.datatable input::placeholder {
	font-weight: normal;
}
/* Breite des zentralen Inhaltsbereichs erhöhen */
#content, .mw-body, #mw-wrapper {
    max-width: 110% !important;
    width: 110% !important;
    margin: 2em auto;
    padding-left: 2em;
    padding-right: 10em;
    box-sizing: border-box;
    
}
/* Contentbereich vollständig nach links ziehen */
body.page-Catalog #content {
  margin-left: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
  max-width: none !important;
}

body.page-Catalog table#catalog {
  position: relative;
  left: -2em; /* oder mehr je nach Bedarf */
  width: calc(100% + 4em); /* gleicht das negative left aus */
  max-width: none !important;
}
body.page-Catalog #bodyContent {
  overflow: visible !important;
}
body.page-Catalog #bodyContent {
    position: relative; /* notwendig für Z-Index */
    z-index: 10; /* höher als der Margin-Block */
    overflow: visible !important;
}