Timeless.css
Aus MGM Münzlexikon
Version vom 14. Juli 2021, 15:34 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 */ @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap'); * { font-family: 'Source Sans Pro', sans-serif; } /*---------------Fachbeiträge Styling--------*/ button.pdfButton { margin-left: 3em; margin-right: 3em; text-transform: none; } /*--------------- hide heading on main page--------*/ body.page-Hauptseite.action-view h1.firstHeading, body.page-Hauptseite.action-submit h1.firstHeading { display: none; } body.page-Hauptseite.action-view .mw-parser-output>p:first-of-type { display: none; } /*---------------Hauptseite 1 - Test--------*/ body.page-Hauptseite.action-view h1.firstHeading, body.page-Hauptseite.action-submit h1.firstHeading { display: none; } body.page-Hauptseite.action-view .mw-parser-output>p:first-of-type { display: none; } body.page-Hauptseite.action-view .shopBannerHack { display: none; } #content-bottom-stuff{ display:none; } .page-Hauptseite .mw-portlet-body{ display:none; } .page-Hauptseite .mw-portlet-body{ display:none; } .mainpageFlex { display:flex; } .centralize{ text-align:center; } .mainpageGrid { display: grid; grid-auto-flow: dense; column-gap: 2rem; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 2em; } .mainpageGridImage{ height: 150px; width: 400px; object-fit: cover; width:100%; } .mainpageFlexItem p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical; } .mainpageFlexItem .floatnone > a > img { height: 150px !important; width: auto; } .mainpageFlexItem .coinCaption { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical; } .mainpageFlexItem h1 { margin-top: 0 !important; } div#randomArticleParagraph { text-align: start; width: 75%; margin-left: auto; margin-right: auto; } @media (min-width: 851px){ .page-Hauptseite #mw-content{ margin-left: 0 !important; } .mainpageFlexItem { width: 100%; } .paragraphItem { padding-left: 2.5em; padding-right: 2.5em; } } .flexDivider{ width: 1px; margin-top: 2%; margin-bottom: 2%; background: #c8ccd1; } #user-tools h2 span, .sidebar-chunk h2 span { display: inline-block; text-indent: -99999px; border: 0; background-color: transparent; background-repeat: no-repeat; } @media (max-width: 850px){ .mainpageFlex { flex-direction:column; } .mainpageFlexItem { padding-left:2em; } .mainpageFlexItem .coinCaption { -webkit-line-clamp: 3; /* number of lines to show */ } .mainpageFlexItem p { -webkit-line-clamp: 4; /* number of lines to show */ } .mainpageGrid { grid-template-columns: 100%; } .paragraphBody { padding-bottom: 2em; } } /*-------------------------------------------*/ #user-tools{ display: none; } .coinCaption { text-align: center; font-size: 1em; font-style: italic; margin-top: 1.5em; margin-bottom: 1.5em; padding-right: 5em; padding-left: 5em; } /*----------------- bs overview table styling--------------*/ .smwtable * { border-color: #ffffff; } .smwtable>thead>tr>th { background-color: #ffffff; border-color: #ffffff; } .smwtable .row-even>td { background-color: #ffffff; border-color: #ffffff; } .smwtable .row-odd>td { background-color: #ffffff; border-color: #ffffff; } .smwtable .row-even { background-color: #ffffff; } .smwtable .row-odd { background-color: #ffffff; } .mw-parser-output>table>tbody>tr>td:nth-of-type(1) { padding-top: 2em; padding-bottom: 2em; margin: auto; width: 100%; display: flex; justify-content: flex-start; } .mw-parser-output>table>tbody>tr>td:nth-of-type(2) { padding-bottom: 1em; padding-left: 1em; padding-right: 1em; } .mw-parser-output>table>tbody>tr>td>a>img { padding: 0 1em 0 0; } /*#contentSub { display:none; }*/ /*------- navigation button styling ------------*/ #mw-site-navigation .sidebar-chunk li { padding-top: 0em; padding-right: 0px; padding-bottom: 0.75em; padding-left: 0px; } button { box-shadow: 0px 1px 3px #ccc6c6; width: 100%; border: none; padding-top: 1.2em; padding-right: 0px; padding-bottom: 1.2em; padding-left: 0px; transition: 0.5s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --tw-bg-opacity: 1; background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); font-family: Source Sans Pro, sans-serif; text-transform: uppercase; letter-spacing: 2px; font-size: 14px; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } button:hover { --tw-translate-y: 0.25rem; background-color: rgba(239, 246, 255, 1); } #mw-site-navigation .sidebar-chunk { padding-right: 0em; padding-left: 0em; padding-top: 0em; padding-bottom: 0em; background-color: #ffffff; border: none; } /*--------------------------------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; } /*-------------------------------------------------------------------------*/ .footer-hr { border-top: 0; border-bottom: 1px solid #c8ccd1; } .footer-detailed-description{ font-size: 14px; color: #353535; } .footer-links { text-align: center; } #VDMsiegel { height: 70px; } #mw-footer { display: block; } .mw-footer-container { background-color: #f3f4f6; color: black; padding-top: 1em; padding-bottom: 1em; width: 100%; } .space-y-1 > * + * { margin-top: 0.25rem; margin-bottom: 0.25rem; } #mgm-footer { display: flex; flex-direction: row; flex-wrap: wrap; background-color: rgba(243, 244, 246, 1); justify-content: center; color: black; padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 5%; padding-right: 5%; font-size: 0.875rem; line-height: 1.25rem; } #mgm-footer-content { display: grid; grid-template-rows: repeat(3, minmax(0, 1fr)); padding-top: 2.25rem; padding-bottom: 2.25rem; } @media only screen and (min-width: 851px) { #mgm-footer-content { grid-template-rows: none; grid-template-columns: repeat(3, minmax(0, 1fr)); } } #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; } /* -------------- footer - tiles -------------- */ /* -------------------------------------------- */ .mgm-footer-tiles { display: grid; grid-auto-flow: dense; grid-gap: 5em; column-gap: 8rem; row-gap: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); background: #ffffff; padding-top: 5rem; padding-bottom: 2.5em; padding-left: calc(5% + 5rem); padding-right: calc(5% + 5rem); } @media (max-width: 850px){ .mgm-footer-tiles { padding-left: 15%; padding-right: 15%; } } .mgm-footer-tile { border-radius: 50%; width: 100%; max-width: 100%; height: auto; --tw-shadow: 0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04); box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow); } .footer-image-wrapper { --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; transition-duration: 0.3s; transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, -webkit-transform; transition-timing-function: cubic-bezier(.4, 0, .2, 1); -webkit-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .footer-image-wrapper:hover { --tw-scale-x: 1.05; --tw-scale-y: 1.05; } .mgm-footer-description { font-weight: 400; font-variant-caps: all-small-caps; letter-spacing: .1em; color: black; font-size: 21px; } .footer-container { text-align: center; } #antike-tile-footer { background: url(/resources/assets/tiles/antike_tile.jpg); } #altdeutschland-tile-footer { background: url(/resources/assets/tiles/altdeutschland_tile.jpg); } #deutschlandAb1971-tile-footer { background: url(/resources/assets/tiles/deutschland_ab1871_tile.jpg); } #Ausland-tile-footer { background: url(/resources/assets/tiles/ausland_tile.jpg); } #medaillen-tile-footer { background: url(/resources/assets/tiles/medaillen_tile.jpg); } #numismatik-tile-footer { background: url(/resources/assets/tiles/numismatik_tile.jpg); } /* -------------- footer - 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: 15px; font-family: MGMIndexFont; color: black; } .index-schriftzug { font-weight: bold; font-size: 20px; letter-spacing: 0.5px; font-family: MGMIndexFont; color: black; } .mgm-logo-text-div { padding-bottom: 5px; padding-left: 12px; font-size: 29px; font-family: MGMIndexFont; float: right; line-height: 0.5em; margin-top: 0.8em; } .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; } /* make the header bigger + new logo */ .mw-wiki-logo { background-image: url(/resources/assets/indexwikilogo.png?154e0); height: 3.5em !important; background-size: contain; } #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; } /* the banner (top) */ #mw-header-hack { position: absolute; background-image: url(/resources/assets/head-numlit.jpg); background-attachment: scroll; 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; } /* make the site flex */ html { height: 100%; } body { height: 100%; font-size: 1.2em; } .mgm-footer-tiles, .mgm-footer-tiles { font-size: 0.95em; } #mw-wrapper { display: block; height: 100%; flex-direction: column; justify-content: space-between } /* minor cosmetic changes */ /* Link colours */ .mw-parser-output>p>a { color: #902783 } .mw-parser-output>p>a:hover { color: #498fcc; text-decoration: underline; } .mw-parser-output>p>a:visited { color: #1f29a7; } #firstHeading { letter-spacing: 0.1rem; border-bottom: solid 1px #c8ccd1; padding-bottom: 10px; margin-bottom: 10px; font-family: MGMIndexFont; font-weight: bold; } #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; } #mw-content{ border: 0 !important; } @media (min-width: 1400px) { #mw-content-block { display: block; } #mw-content, #content-bottom-stuff { margin-left: 15em; margin-right: 2.5em; padding-top: 2em; padding-bottom: 3em; padding-right: 3em; padding-left: 3em; } #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-site-navigation .sidebar-chunk { margin-top: 0; margin-bottom: 1em; } } /* Themenwelt Banner */ .themeWorldContainer { display: grid; row-gap: 1rem; margin-top: 2em; } .theme-banner-links { display: flex; } .banner-text-container { font-family: MGMIndexFont !important; color: black; margin-left: 5em; } .theme-banner-description { margin-top: 0.5em !important; margin-left: 0.5em !important; margin-right: 0 !important; margin-bottom: 0 !important; } .banner-hr { display: none; } .mgm-banner-description { margin-top: -1.5em!important; margin-left: 1em!important; } .themeBanner { height: 12.5em; border-radius: 25%; } #antikeBanner { background-image: url(/resources/assets/tiles/antike_tile.jpg); } #altdeutschlandBanner { background-image: url(/resources/assets/tiles/altdeutschland_tile.jpg); } #deutschlandAb1871Banner { background-image: url(/resources/assets/tiles/deutschland_ab1871_tile.jpg); } #auslandBanner { background-image: url(/resources/assets/tiles/ausland_tile.jpg); } #medaillenBanner { background-image: url(/resources/assets/tiles/medaillen_tile.jpg); } #numismatikBanner { background-image: url(/resources/assets/tiles/numismatik_tile.jpg); } /*--------------------- Münzen Sammeln-----------------*/ .collectCoinsContainer { display: grid; row-gap: 1em; column-gap: 2em; grid-template-columns: 50% 50%; } .banner-box { border: 1px solid black; padding: 1px; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; transition-duration: 0.3s; transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, -webkit-transform; transition-timing-function: cubic-bezier(.4, 0, .2, 1); -webkit-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .banner-box:hover { --tw-scale-x: 1.025; --tw-scale-y: 1.025; } .collect-text-container { text-align: justify; min-height: 12em; } .areaBanner { width: 100%; } .CaVcontainer { display: flex; flex-direction: column; } .CaVBanner { width: 100%; } .CaVBannerDescription { margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 1em !important; } h1.CaVBannerDescription { font-size: 27px; padding-top: 10px; text-align: center; font-family: MGMIndexFont; font-variant-caps: all-petite-caps; font-weight: bold; letter-spacing: 3px; } h1.CaVBannerDescription:after{ visibility:hidden; } h1.collect-text-heading { margin-right: 2em; margin-top: 0.5em; } /*------------------ design fixes--------------------------*/ *:focus { outline: 1px solid darkgrey; } ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: rgb(146, 146, 146); opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgb(146, 146, 146); } ::-ms-input-placeholder { /* Microsoft Edge */ color: rgb(146, 146, 146); } .text-xs { font-size: 0.75rem; line-height: 1rem; } .text-sm { font-size: 0.875rem; line-height: 1.25rem; } .text-base { font-size: 1rem; line-height: 1.5rem; } .text-lg { font-size: 1.125rem; line-height: 1.75rem; } .text-xl { font-size: 1.25rem; line-height: 1.75rem; } .text-2xl { font-size: 1.5rem; line-height: 2rem; } .text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .paragraphTitle { text-align: center; font-size: 1.2em; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; padding-top: 1em; padding-bottom: 1em; font-family: MGMIndexFont; font-weight: bold; color: black; } .paragraphBody { text-align: justify; color: #353535; font-size: 17px; } .paragraphItem { font-size: 17px; color: #353535; } .paragraphItem h1{ margin: 0; border: 0; text-align: center; } .paragraphItem h1 span a { font-family: MGMIndexFont; font-weight: bold; } .mgmShopImage { max-width: 170px; height: auto; } .shopBannerHack .wikitable { margin: 0; table-layout:fixed; border-spacing: 15px 50px; border-collapse: collapse; } .shopBannerHack .wikitable td { background: white; font-size: 0.7em; height: 12rem; width: 12rem; } .mgmShopImageWrapper { display: flex; flex-direction: flex-row; justify-content: center; } .shopBannerHack a { color: black; } .mgmShop-font { font-weight: bold; } a { outline: none !important; } ul.space-y-1 { list-style: none; } ul.space-y-1 li:first-of-type { font-weight: bold; } .halfhalf-left, .halfhalf-right { display: flex; } @media only screen and (max-width: 850px) { .halfhalf-right { flex-direction: column-reverse; } .halfhalf-left{ flex-direction: column; } .halfhalf-right > * + * { --tw-space-x-reverse: 0; margin-right: 0 !important; margin-left: 0 !important; margin-top: calc(1.75rem * var(--tw-space-x-reverse)); margin-bottom: calc(1.75rem * calc(1 - var(--tw-space-x-reverse))); } .halfhalf-left > * + * { --tw-space-x-reverse: 0; margin-right: 0 !important; margin-left: 0 !important; margin-top: calc(1.75rem * var(--tw-space-x-reverse)); margin-bottom: calc(1.75rem * calc(1 - var(--tw-space-x-reverse))); } .flex-row { width: 100%; justify-content: center; } } .halfhalf-right > * + * { width: 100%; --tw-space-x-reverse: 0; margin-right: calc(1.75rem * var(--tw-space-x-reverse)); margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse))); } .halfhalf-left> * + * { width: 100%; --tw-space-x-reverse: 0; margin-right: calc(1.75rem * var(--tw-space-x-reverse)); margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse))); } .halfhalf-left *, .halfhalf-right *{ width: 100%; } .vertical-center { display: flex; align-items:center; } .banner-desc { font-size: 27px; text-align: center !important; font-family: MGMIndexFont; font-variant-caps: all-petite-caps; font-weight: bold; letter-spacing: 3px; margin: 0 !important; } .mw-body .mw-parser-output h1:after { padding-top: 10px; content: ''; display: block; border-bottom: 0 !important; overflow: hidden; } #mw-content-text > div > div.paragraphItem > p:nth-child(2) { display: none; } /* #user-tools h2, .sidebar-chunk h2 { cursor: pointer !important; margin-bottom: -1em !important; padding-bottom: 1em !important; margin: 0 !important; width: 25px !important; height: 25px !important; position: absolute !important; top: 1em !important; padding-bottom: 0 !important; font-size: 1em !important; background-repeat: no-repeat !important; background-position: center center !important; } */ div.divider > * + * { --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } .flex-row { display: flex; flex-direction: row; } .flex-row > * + * { margin-left: 2rem; } .pb-1, .mobile-only{ padding-bottom: 2rem; }