MediaWiki:Timeless.css: Unterschied zwischen den Versionen
Aus MGM Münzlexikon
(795 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
/* All CSS here will be loaded for users of the Timeless skin */ | /* All CSS here will be loaded for users of the Timeless skin */ | ||
− | a { | + | @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; | ||
+ | } | ||
+ | |||
+ | |||
+ | .indexwikiSphere *{ | ||
+ | font-family:sans-serif!important; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /*----------- hide numismatic Category P's---------*/ | ||
+ | |||
+ | .numCat{display:none;} | ||
+ | |||
+ | /*---------------Fachbeiträge Styling--------*/ | ||
+ | |||
+ | |||
+ | button.pdfButton { | ||
+ | margin-left: 3em; | ||
+ | margin-right: 3em; | ||
+ | text-transform: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*--------------- hide heading's on pages--------*/ | ||
+ | |||
+ | |||
+ | 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; | ||
+ | } | ||
+ | |||
+ | |||
+ | @media (min-width: 851px){ | ||
+ | body.page-Münzen_Sammeln.action-view h1.firstHeading, | ||
+ | body.page-Münzen_Sammeln.action-submit h1.firstHeading | ||
+ | { | ||
+ | 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; | ||
+ | } | ||
+ | |||
+ | @media (min-width: 851px){ | ||
+ | .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--------------*/ | ||
+ | |||
+ | .autoWidth{ | ||
+ | width: auto!important; | ||
+ | } | ||
+ | |||
+ | .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; | ||
+ | } | ||
+ | |||
+ | /*-------head banner adjustments for certain sites-------*/ | ||
+ | |||
+ | body.page-Themenseite_Antike.action-view #mw-header-hack, | ||
+ | body.page-Themenseite_Antike.action-submit #mw-header-hack | ||
+ | { | ||
+ | background-image: url(https://mgmindex.de/resources/assets/banner/themaAntike2_1400x350.jpg); | ||
+ | } | ||
+ | |||
+ | body.page-Themenseite_Altdeutschland.action-view #mw-header-hack, | ||
+ | body.page-Themenseite_Altdeutschland.action-submit #mw-header-hack | ||
+ | { | ||
+ | background-image: url(https://mgmindex.de/resources/assets/banner/themaAltdeutschland1400x350.jpg); | ||
+ | } | ||
+ | |||
+ | body.page-Themenseite_Deutschland_ab_1871.action-view #mw-header-hack, | ||
+ | body.page-Themenseite_Deutschland_ab_1871.action-submit #mw-header-hack | ||
+ | { | ||
+ | background-image: url(https://mgmindex.de/resources/assets/banner/themaDab1871_1400x350.jpg); | ||
+ | } | ||
+ | |||
+ | body.page-Themenseite_Münzen_Ausland.action-view #mw-header-hack, | ||
+ | body.page-Themenseite_Münzen_Ausland.action-submit #mw-header-hack | ||
+ | { | ||
+ | background-image: url(https://mgmindex.de/resources/assets/banner/themaAusland1400x350.jpg); | ||
+ | } | ||
+ | |||
+ | body.page-Themenseite_Medaillen.action-view #mw-header-hack, | ||
+ | body.page-Themenseite_Medaillen.action-submit #mw-header-hack | ||
+ | { | ||
+ | background-image: url(https://mgmindex.de/resources/assets/banner/Goetz-Banner1400x350.jpg); | ||
+ | } | ||
+ | |||
+ | |||
+ | /* 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 | ||
} | } | ||
− | a | + | |
− | + | /* minor cosmetic changes */ | |
+ | |||
+ | |||
+ | /* Link colours */ | ||
+ | |||
+ | .mw-parser-output>p>a { | ||
+ | color: #902783 | ||
} | } | ||
− | a: | + | .mw-parser-output>p>a:hover { |
− | + | color: #498fcc; | |
+ | text-decoration: underline; | ||
} | } | ||
− | + | .mw-parser-output>p>a:visited { | |
− | + | color: #1f29a7; | |
} | } | ||
− | # | + | #firstHeading { |
− | border-bottom: solid | + | 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; | + | border-bottom: solid 2px #91969e; |
} | } | ||
#mw-content-container { | #mw-content-container { | ||
− | background-color: #ffffff; | + | background-color: #ffffff; |
− | background-image: none; | + | background-image: none; |
− | border-bottom: none; | + | border-bottom: none; |
+ | flex-grow: 1; | ||
} | } | ||
− | # | + | /* get rid of "navigation header"*/ |
− | + | ||
+ | #p-navigation-label { | ||
+ | display: none; | ||
} | } | ||
− | #mw- | + | |
− | display:none; | + | /* do not display logo in sidebar */ |
+ | |||
+ | #mw-site-navigation #p-logo { | ||
+ | display: none; | ||
} | } | ||
.visual-clear { | .visual-clear { | ||
− | display:none; | + | 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 */ | /* One-sided navigation menu */ | ||
− | @media (min-width: | + | |
− | + | ||
− | display: | + | /* 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 (outdated?) */ | ||
+ | |||
+ | .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-----------------*/ | ||
+ | |||
+ | /*-- Banners --*/ | ||
+ | |||
+ | body.page-Jaeger-Münzen.action-view #mw-header-hack, | ||
+ | body.page-Jaeger-Münzen.action-submit #mw-header-hack | ||
+ | { | ||
+ | background-image: url(https://mgmindex.de/resources/assets/banner/Jaeger-Muenzen-Banner1400x350.jpg); | ||
+ | } | ||
+ | |||
+ | |||
+ | body.page-Karl_Goetz_1875-1950.action-view #mw-header-hack, | ||
+ | body.page-Karl_Goetz_1875-1950.action-submit #mw-header-hack | ||
+ | { | ||
+ | background-image: url(https://mgmindex.de/resources/assets/banner/Goetz-Banner1400x350.jpg); | ||
+ | } | ||
+ | |||
+ | |||
+ | body.page-MuenzenSammeln_Historische_Silbermünzen.action-view #mw-header-hack, | ||
+ | body.page-MuenzenSammeln_Historische_Silbermünzen.action-submit #mw-header-hack | ||
+ | { | ||
+ | background-image: url(https://mgmindex.de/resources/assets/banner/Historische-Silbermünzen-Banner1400x350.jpg); | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .collectCoinsContainer { | ||
+ | display: grid; | ||
+ | row-gap: 1em; | ||
+ | column-gap: 2em; | ||
+ | grid-template-columns: 50% 50%; | ||
+ | } | ||
+ | .banner-box { | ||
+ | /* border: 1px solid #eaecf0; */ | ||
+ | /* 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.01; | ||
+ | --tw-scale-y: 1.01; | ||
+ | } | ||
+ | |||
+ | .collect-text-container { | ||
+ | text-align: justify; | ||
+ | min-height: 12em; | ||
+ | } | ||
+ | |||
+ | .areaBanner { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .CaVLink { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .flexCenterVertical { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | .CaVcontainer { | ||
+ | display: flex; | ||
+ | flex-direction: column; | ||
+ | } | ||
+ | |||
+ | .CaVBanner { | ||
+ | width: 100%; | ||
+ | border-radius: .5rem; | ||
+ | } | ||
+ | |||
+ | .CaVhr{ | ||
+ | width: 50% !important; | ||
+ | margin: auto; | ||
+ | margin-bottom: 1.5em; | ||
+ | } | ||
+ | |||
+ | .CaVTextBox { | ||
+ | text-align: justify; | ||
+ | position: relative; | ||
+ | top: 50%; | ||
+ | transform: translateY(-50%); | ||
+ | } | ||
+ | |||
+ | @media (max-width: 850px){ | ||
+ | .CaVTextBox { | ||
+ | margin-top: 12em; | ||
+ | }} | ||
+ | |||
+ | .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 > * + * { | |
− | margin-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))); | ||
+ | |||
} | } | ||
− | + | ||
− | + | .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 > * + * { |
− | padding: 0 0 0 1em; | + | 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; | ||
+ | } |
Aktuelle Version vom 3. August 2021, 14:16 Uhr
/* 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; } .indexwikiSphere *{ font-family:sans-serif!important; } /*----------- hide numismatic Category P's---------*/ .numCat{display:none;} /*---------------Fachbeiträge Styling--------*/ button.pdfButton { margin-left: 3em; margin-right: 3em; text-transform: none; } /*--------------- hide heading's on pages--------*/ 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; } @media (min-width: 851px){ body.page-Münzen_Sammeln.action-view h1.firstHeading, body.page-Münzen_Sammeln.action-submit h1.firstHeading { 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; } @media (min-width: 851px){ .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--------------*/ .autoWidth{ width: auto!important; } .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; } /*-------head banner adjustments for certain sites-------*/ body.page-Themenseite_Antike.action-view #mw-header-hack, body.page-Themenseite_Antike.action-submit #mw-header-hack { background-image: url(https://mgmindex.de/resources/assets/banner/themaAntike2_1400x350.jpg); } body.page-Themenseite_Altdeutschland.action-view #mw-header-hack, body.page-Themenseite_Altdeutschland.action-submit #mw-header-hack { background-image: url(https://mgmindex.de/resources/assets/banner/themaAltdeutschland1400x350.jpg); } body.page-Themenseite_Deutschland_ab_1871.action-view #mw-header-hack, body.page-Themenseite_Deutschland_ab_1871.action-submit #mw-header-hack { background-image: url(https://mgmindex.de/resources/assets/banner/themaDab1871_1400x350.jpg); } body.page-Themenseite_Münzen_Ausland.action-view #mw-header-hack, body.page-Themenseite_Münzen_Ausland.action-submit #mw-header-hack { background-image: url(https://mgmindex.de/resources/assets/banner/themaAusland1400x350.jpg); } body.page-Themenseite_Medaillen.action-view #mw-header-hack, body.page-Themenseite_Medaillen.action-submit #mw-header-hack { background-image: url(https://mgmindex.de/resources/assets/banner/Goetz-Banner1400x350.jpg); } /* 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 (outdated?) */ .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-----------------*/ /*-- Banners --*/ body.page-Jaeger-Münzen.action-view #mw-header-hack, body.page-Jaeger-Münzen.action-submit #mw-header-hack { background-image: url(https://mgmindex.de/resources/assets/banner/Jaeger-Muenzen-Banner1400x350.jpg); } body.page-Karl_Goetz_1875-1950.action-view #mw-header-hack, body.page-Karl_Goetz_1875-1950.action-submit #mw-header-hack { background-image: url(https://mgmindex.de/resources/assets/banner/Goetz-Banner1400x350.jpg); } body.page-MuenzenSammeln_Historische_Silbermünzen.action-view #mw-header-hack, body.page-MuenzenSammeln_Historische_Silbermünzen.action-submit #mw-header-hack { background-image: url(https://mgmindex.de/resources/assets/banner/Historische-Silbermünzen-Banner1400x350.jpg); } .collectCoinsContainer { display: grid; row-gap: 1em; column-gap: 2em; grid-template-columns: 50% 50%; } .banner-box { /* border: 1px solid #eaecf0; */ /* 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.01; --tw-scale-y: 1.01; } .collect-text-container { text-align: justify; min-height: 12em; } .areaBanner { width: 100%; } .CaVLink { width: 100%; } .flexCenterVertical { width: 100%; } .CaVcontainer { display: flex; flex-direction: column; } .CaVBanner { width: 100%; border-radius: .5rem; } .CaVhr{ width: 50% !important; margin: auto; margin-bottom: 1.5em; } .CaVTextBox { text-align: justify; position: relative; top: 50%; transform: translateY(-50%); } @media (max-width: 850px){ .CaVTextBox { margin-top: 12em; }} .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; }