Timeless.css
Aus MGM Münzlexikon
Version vom 23. März 2021, 17:10 Uhr von Indexadmin (Diskussion | Beiträge)
Hinweis: Leere nach dem Speichern den Browser-Cache, um die Änderungen sehen zu können.
- Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
- Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
- Internet Explorer: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
- Opera: Gehe zu Menü → Einstellungen (Opera → Einstellungen auf dem Mac) und dann auf Datenschutz & Sicherheit → Browserdaten löschen → Gespeicherte Bilder und Dateien.
/* All CSS here will be loaded for users of the Timeless skin */ /*------- navigation button styling ------------*/ button, html input[type="button"], input[type="reset"], input[type="submit"] { width: 100%; } /*--------------------------------Wikitable Styling-----------------------------------------*/ .wikitable{ width: -webkit-fill-available; margin-left: 2em; margin-right: 2em; margin-top: 3em; } .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { padding: 0.5em 1em; } /*-------------------------------------------------------------------------*/ .mgm-sidebar-tiles{ display: none !important; } .footer-links{ text-align: center; } #VDMsiegel{ height: 70px; } #mw-footer { display:block; } .mw-footer-container{ display: block; background-color: black; padding-top: 1em; padding-bottom: 1em; width: 100%; } #mw-footer, h2 p a{ font-family: sans-serif; font-weight: bold; font-size: 16px; } } .mgm-logo-container > img{ height: 100px; } .mgm-footer-column{ display: block; text-align: center; width: auto; float: left; width:33.33333333%; } .mgm-footer-column a{ color: #f03959; } #middle-column{ } /* -------------- footer - tiles -------------- */ .footer-tile-links:nth-of-type(1), .footer-tile-links:nth-of-type(5){ grid-column: span 2; } .footer-tile-links { height: 20em; } .mgm-footer-tiles{ display: grid; grid-gap: 2em; grid-template-columns: repeat(auto-fit, minmax(25em, 1fr)); background: #ffffff; padding-top: 5em; padding-bottom: 3em; padding-left: 3em; padding-right: 3em; } .mgm-footer-tile{ height: 20em; /* margin-left: 1em; margin-top: 1em; margin-bottom: 1em; margin-right: 1em; */ background-size:cover; } .mgm-footer-tile:hover{ transition: 0.3s; filter: grayscale(10%); opacity: 0.8; } .mgm-footer-description{ position: absolute; font-size: 2.5em !important; margin-top: -2.25em; margin-left: 1em; color: white; text-shadow: 0 1px 2px rgb(0 0 0 / 60%); font-family: MGMIndexFont; font-variant-caps: small-caps; } #antike-tile-footer{ background: linear-gradient( to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3) ), url(https://www.das-leihhaus.de/resources/assets/buttons/antike_button_1.jpg); background-size:cover; } #altdeutschland-tile-footer{ background: linear-gradient( to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3) ), url(https://www.das-leihhaus.de/resources/assets/tiles/altdeutschland_tile.jpg); background-size:cover; } #deutschlandAb1971-tile-footer{ background: linear-gradient( to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3) ), url(https://www.das-leihhaus.de/resources/assets/tiles/deutschland_ab1871_tile.jpg); background-size:cover; } #Ausland-tile-footer{ background: linear-gradient( to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3) ), url(https://www.das-leihhaus.de/resources/assets/banner/ausland_tile.jpg); background-size:cover; } #medallien-tile-footer{ background: linear-gradient( to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3) ), url(https://www.das-leihhaus.de/resources/assets/tiles/medallien_tile.jpg); background-size:cover; } #numismatik-tile-footer{ background: linear-gradient( to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3) ), url(https://www.das-leihhaus.de/resources/assets/banner/numismatik_tile.jpg); background-size:cover; } /* ------------ sidebar - tiles ------------- */ .mgm-sidebar-tiles{ display: flex-box; grid-gap: 1em; grid-template-columns: repeat (auto-fit, 25 em); /* 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: 3.8em; 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: 25em; margin-top:1.5em; user-select: none; } #mw-content-container { /* set distance for header */ margin-top: 29.63em; } /* hide page header links #mw-page-header-links { display: none; } */ /* make the site flex */ html{ height: 100%; } body{ height: 100%; } #mw-wrapper { display: block; 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; } /* get rid of "navigation header"*/ #p-navigation-label{ display:none; } /* 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; }