Quelltext der Seite MediaWiki:Timeless.css

/* All CSS here will be loaded for users of the Timeless skin */

/* -------------- footer - tiles -------------- */

.mgm-footer-tiles{
    display: flex;
    flex-flow:row wrap;
    background: #ffffff;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 2em;
    padding-right: 2em;
}

.mgm-footer-tile{
    height: 10em;
    width: 15em;
    /* margin-left: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-right: 1em; */
    background-size:cover;
}

.mgm-footer-tile:hover{
    transition: 0.5s;
    filter: grayscale(20%);
    opacity: 0.7;
}

.mgm-footer-description{
    position: absolute;
    font-size: 1.8em !important;
    margin-top: 1.4em;
    margin-left: 0.5em;
    color: #ffffff;
    
}

#antike-tile-footer{
    background-image: url(https://www.das-leihhaus.de/resources/assets/buttons/antike_button_1.jpg)
}

#altdeutschland-tile-footer{
    background-image: url(https://www.das-leihhaus.de/resources/assets/buttons/altdeutschland_button_1.jpg)
}

#deutschlandAb1971-tile-footer{
    background-image: url(https://www.das-leihhaus.de/resources/assets/banner/deutschland_ab1871_banner.jpg)
}

#Ausland-tile-footer{
    background-image: url(https://www.das-leihhaus.de/resources/assets/banner/ausland_tile.jpg)
}

#medallien-tile-footer{
    background-image: url(https://www.das-leihhaus.de/resources/assets/banner/medallien_tile.jpg)
}

#numismatik-tile-footer{
    background-image: url(https://www.das-leihhaus.de/resources/assets/banner/numismatik_tile.jpg)
}




/* ------------ sidebar - tiles ------------- */

.mgm-sidebar-tiles{
    display: flex;
    flex-flow:row wrap;
    /* background: #ffffff;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 10em;
    padding-right: 10em; */
}

.mgm-sidebar-tile{
    height: 6em;
    width: 13em;
    margin-bottom: 1em;
    /* margin-left: 2em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-right: 2em;
    border-radius: 10%; */
    background-size:cover;
}

.mgm-sidebar-tile:hover{
    transition: 0.5s;
    filter: grayscale(20%);
    opacity: 0.7;
}

.mgm-sidebar-description{
    position: absolute;
    font-size: 1.8em !important;
    margin-top: 1.4em;
    margin-left: 0.5em;
    color: #ffffff;
    
}


#antike-tile-sidebar{
    background-image: url(https://www.das-leihhaus.de/resources/assets/buttons/antike_button_1.jpg)
}

#altdeutschland-tile-sidebar{
    background-image: url(https://www.das-leihhaus.de/resources/assets/buttons/altdeutschland_button_1.jpg)
}

#deutschlandAb1971-tile-sidebar{
    background-image: url(https://www.das-leihhaus.de/resources/assets/banner/deutschland_ab1871_banner.jpg)
}

#Ausland-tile-sidebar{
    background-image: url(https://www.das-leihhaus.de/resources/assets/banner/ausland_tile.jpg)
}

#medallien-tile-sidebar{
    background-image: url(https://www.das-leihhaus.de/resources/assets/banner/medallien_tile.jpg)
}

#numismatik-tile-sidebar{
    background-image: url(https://www.das-leihhaus.de/resources/assets/banner/numismatik_tile.jpg)
}

/* ---------------------- sidebar-tiles end --------------------- */


.ts-inner{
   margin-left: 0em;
}



 @font-face {
    font-family: 'MGMIndexFont';
    src: url('./resources/assets/BellMT.woff2') format('woff2'),
        url('./resources/assets/BellMT.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* center text and text size adjustments */

.mw-body-content p {
    text-align: justify;
}

.publication-header-center{
    text-align: center;
}

.publication-header-center p b {
    text-align: center;
}

/* hide Tools below header and above content */

#mw-page-header-links {
    display: none;
}

/* final logo */

.mgm-logo-div br {
    display: none;
}

.mgm-schriftzug {
    padding-bottom: 0.5em;
    font-weight: bold;
    font-size: 12px;
    font-family: MGMIndexFont;
    color: black;
}

.index-schriftzug {
    font-weight: bold;
    font-size: 19px;
    letter-spacing: 0.5px;
    font-family: MGMIndexFont;
    color: black;
}

.mgm-logo-text-div {
    padding-bottom: 5px;
    padding-left: 5px;
    font-size: 20px;
    font-family: MGMIndexFont;
    float: right;
    line-height: 0.5em;
    margin-top: 1em;
}

.mgm-logo-text-div p{
    margin-top: 0em;
    margin-bottom: 0em;
    margin-left: 0em;
    margin-right: 0em;
}

.mgm-logo-svg {
    height: 3.5em;
}

.mgm-logo-div {
    display: flex;
    align-items: flex-end;
    padding-left: 1.5em;
}

/* make the header bigger + new logo */

.mw-wiki-logo {
    background-image: url(/resources/assets/indexwikilogo.png?154e0);
    height: 3.5em !important;
    background-size: contain;
}

#simpleSearch {
    margin-top: 0.75em;
    margin-left: 4em;
    margin-right: 6em;
}

#user-tools {
   margin-top: 0.75em;
   padding-right: 1em;
}


#mw-header-container{
    height: 4.75em;
    padding-bottom: 0.5em;

    border-bottom-width: 0.25em;
    border-bottom-color: #df5e52;
    border-bottom-style: solid;
}

#mw-header{
    display: flex;
    align-item: center;
}


/* the banner */

#mw-header-hack {
    position: absolute;
    background-image: url(/resources/assets/head-numlit.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    vertical-align: center;
    height: 20.2em;
    margin-top:1.5em;
    user-select: none;
}

#mw-content-container {
/* set distance for header */
    margin-top: 24.75em;
}


/* hide page header links 

#mw-page-header-links {
    display: none;
}

*/

/* make the site flex */

html{
    height: 100%;
}

body{
    height: 100%;
}

#mw-wrapper {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between
}



/* minor cosmetic changes */


/*color bars*/
.color-middle-container{
    display:none;
}

.color-middle{
    display:none;
}

.color-left{
    display:none;
}

.color-right{
    display:none;
}


/* Link colours */
a {
	color: #b52114
}

a:hover {
	color: #498fcc;
        text-decoration: underline;
}

a:visited {
	color: #1f29a7;
}

#firstHeading  {
border-bottom: solid 3px #91969e;
}

#ca-nstab-mediawiki {
border-bottom: solid 2px #91969e;
}


#mw-content-container {
background-color: #ffffff;
background-image: none;
border-bottom: none;
flex-grow: 1;

}

/* do not display logo in sidebar */
#mw-site-navigation #p-logo { 
	display: none;
}

.visual-clear {
display:none;
}


/* logo settings*/

.mw-wiki-logo.fallback {
    content: '';
    width: 11em;
    height: 39px;
    background-repeat: no-repeat;
    background-position: center center;
}

.mw-wiki-logo {
    display: block;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
}

/* One-sided navigation menu */

/* currently not displayed:*/
#mw-related-navigation{
display:none;
}

@media (min-width: 1340px) {
  #mw-content-block {
    display: block;
  }
  #mw-content,
  #content-bottom-stuff {
    margin-left: 14em;
    margin-right: 1em;
  }
  #mw-content-wrapper {
    float: right;
    margin-left: -14em;
    width: 100%;
  }
  #mw-related-navigation {
    width: 14em;
    padding: 0 1em 0 0;
  }

/* here also adjustments for missing top margin in default skin */
  div.color-middle {
    margin-right: 0;
  }
  #mw-content-block{
    padding-top: 1em;
  }
  #mw-site-navigation .sidebar-chunk {
    margin-top: 0;
    margin-bottom: 1em;
  }
}

/* Align top colour bar with page columns */
.ts-inner {
  padding: 0 0 0 1em;
}

/* Re-aligning bottom logos */
#footer { padding-right: 1em; }