MediaWiki:Timeless.css: Unterschied zwischen den Versionen
Aus MGM Münzlexikon
Zeile 31: | Zeile 31: | ||
.mgm-footer-description{ | .mgm-footer-description{ | ||
position: absolute; | position: absolute; | ||
− | font-size: | + | font-size: 2.5em !important; |
− | margin-top: | + | margin-top: 5em; |
− | margin-left: | + | margin-left: 1em; |
color: #ffffff; | color: #ffffff; | ||
Version vom 5. März 2021, 18:52 Uhr
/* 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: 20em; width: 20em; 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: 2.5em !important; margin-top: 5em; margin-left: 1em; color: #ffffff; } #antike-tile-footer{ background-image: url(https://www.das-leihhaus.de/resources/assets/buttons/antike_button_1.jpg); width: 42em; } #altdeutschland-tile-footer{ background-image: url(https://www.das-leihhaus.de/resources/assets/tiles/altdeutschland_tile.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; }