MediaWiki:Timeless.css: Unterschied zwischen den Versionen
Aus MGM Münzlexikon
Zeile 3: | Zeile 3: | ||
@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'); | @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'); | ||
+ | /*--------------- hide heading on main page--------*/ | ||
− | |||
body.page-Hauptseite.action-view h1.firstHeading, | body.page-Hauptseite.action-view h1.firstHeading, | ||
− | body.page-Hauptseite.action-submit 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; | |
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | .coinCaption { | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | .coinCaption{ | ||
text-align: center; | text-align: center; | ||
font-size: 1em; | font-size: 1em; | ||
Zeile 37: | Zeile 23: | ||
padding-left: 5em; | padding-left: 5em; | ||
} | } | ||
+ | |||
/*----------------- bs overview table styling--------------*/ | /*----------------- bs overview table styling--------------*/ | ||
Zeile 44: | Zeile 31: | ||
} | } | ||
− | .smwtable > thead > tr > th{ | + | .smwtable>thead>tr>th { |
background-color: #ffffff; | background-color: #ffffff; | ||
border-color: #ffffff; | border-color: #ffffff; | ||
} | } | ||
− | .smwtable .row-even > td { | + | .smwtable .row-even>td { |
background-color: #ffffff; | background-color: #ffffff; | ||
border-color: #ffffff; | border-color: #ffffff; | ||
} | } | ||
− | .smwtable .row-odd > td { | + | |
+ | .smwtable .row-odd>td { | ||
background-color: #ffffff; | background-color: #ffffff; | ||
border-color: #ffffff; | border-color: #ffffff; | ||
Zeile 61: | Zeile 49: | ||
background-color: #ffffff; | background-color: #ffffff; | ||
} | } | ||
+ | |||
.smwtable .row-odd { | .smwtable .row-odd { | ||
background-color: #ffffff; | background-color: #ffffff; | ||
} | } | ||
− | + | .mw-parser-output>table>tbody>tr>td:nth-of-type(1) { | |
− | |||
− | |||
− | .mw-parser-output > table > tbody > tr > td:nth-of-type(1){ | ||
padding-top: 2em; | padding-top: 2em; | ||
padding-bottom: 2em; | padding-bottom: 2em; | ||
Zeile 77: | Zeile 63: | ||
} | } | ||
− | + | .mw-parser-output>table>tbody>tr>td:nth-of-type(2) { | |
− | .mw-parser-output > table > tbody > tr > td:nth-of-type(2){ | ||
padding-bottom: 1em; | padding-bottom: 1em; | ||
− | padding-left:1em; | + | padding-left: 1em; |
− | padding-right:1em; | + | padding-right: 1em; |
} | } | ||
− | .mw-parser-output > table > tbody > tr > td > a > img{ | + | .mw-parser-output>table>tbody>tr>td>a>img { |
padding: 0 1em 0 0; | padding: 0 1em 0 0; | ||
} | } | ||
+ | |||
/*#contentSub { | /*#contentSub { | ||
display:none; | display:none; | ||
}*/ | }*/ | ||
+ | |||
/*------- navigation button styling ------------*/ | /*------- navigation button styling ------------*/ | ||
Zeile 104: | Zeile 91: | ||
box-shadow: 0px 1px 3px #ccc6c6; | box-shadow: 0px 1px 3px #ccc6c6; | ||
width: 100%; | width: 100%; | ||
− | border:none; | + | border: none; |
padding-top: 1.2em; | padding-top: 1.2em; | ||
padding-right: 0px; | padding-right: 0px; | ||
padding-bottom: 1.2em; | padding-bottom: 1.2em; | ||
padding-left: 0px; | padding-left: 0px; | ||
− | |||
transition: 0.5s; | transition: 0.5s; | ||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | ||
− | |||
--tw-bg-opacity: 1; | --tw-bg-opacity: 1; | ||
− | background-color: rgba(243,244,246,var(--tw-bg-opacity)); | + | background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); |
− | |||
− | |||
font-family: MGMIndexFont; | font-family: MGMIndexFont; | ||
− | |||
--tw-translate-x: 0; | --tw-translate-x: 0; | ||
--tw-translate-y: 0; | --tw-translate-y: 0; | ||
Zeile 127: | Zeile 109: | ||
--tw-scale-y: 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)); | 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 { | button:hover { | ||
--tw-translate-y: 0.25rem; | --tw-translate-y: 0.25rem; | ||
− | background-color: rgba(239,246,255,1); | + | background-color: rgba(239, 246, 255, 1); |
} | } | ||
− | + | #mw-site-navigation .sidebar-chunk { | |
− | #mw-site-navigation .sidebar-chunk{ | ||
padding-right: 0em; | padding-right: 0em; | ||
padding-left: 0em; | padding-left: 0em; | ||
Zeile 142: | Zeile 122: | ||
padding-bottom: 0em; | padding-bottom: 0em; | ||
background-color: #ffffff; | background-color: #ffffff; | ||
− | border | + | border: none; |
− | |||
} | } | ||
− | |||
− | |||
/*--------------------------------Wikitable Styling-----------------------------------------*/ | /*--------------------------------Wikitable Styling-----------------------------------------*/ | ||
− | .wikitable{ | + | .wikitable { |
width: -webkit-fill-available; | width: -webkit-fill-available; | ||
margin-left: 2em; | margin-left: 2em; | ||
Zeile 158: | Zeile 135: | ||
} | } | ||
− | .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { | + | .wikitable>tr>th, |
+ | .wikitable>tr>td, | ||
+ | .wikitable>*>tr>th, | ||
+ | .wikitable>*>tr>td { | ||
padding: 0.5em 1em; | padding: 0.5em 1em; | ||
+ | } | ||
− | |||
/*-------------------------------------------------------------------------*/ | /*-------------------------------------------------------------------------*/ | ||
− | + | .footer-links { | |
− | .footer-links{ | ||
text-align: center; | text-align: center; | ||
} | } | ||
− | #VDMsiegel{ | + | #VDMsiegel { |
height: 70px; | height: 70px; | ||
} | } | ||
− | |||
#mw-footer { | #mw-footer { | ||
display: block; | display: block; | ||
− | + | } | |
− | .mw-footer-container{ | + | .mw-footer-container { |
− | + | background-color: black; | |
− | + | padding-top: 1em; | |
− | + | padding-bottom: 1em; | |
− | + | width: 100%; | |
} | } | ||
− | #mw-footer, h2 p a{ | + | #mw-footer, |
− | + | h2 p a { | |
− | |||
font-family: sans-serif; | font-family: sans-serif; | ||
font-weight: bold; | font-weight: bold; | ||
font-size: 16px; | font-size: 16px; | ||
− | |||
} | } | ||
− | .mgm-logo-container > img{ | + | .mgm-logo-container>img { |
height: 100px; | height: 100px; | ||
} | } | ||
− | .mgm-footer-column{ | + | .mgm-footer-column { |
display: block; | display: block; | ||
text-align: center; | text-align: center; | ||
width: auto; | width: auto; | ||
float: left; | float: left; | ||
− | width:33.33333333%; | + | width: 33.33333333%; |
} | } | ||
− | .mgm-footer-column a{ | + | |
+ | .mgm-footer-column a { | ||
color: #f03959; | color: #f03959; | ||
} | } | ||
− | |||
− | + | /* -------------- footer - tiles -------------- */ | |
+ | |||
− | |||
/* -------------------------------------------- */ | /* -------------------------------------------- */ | ||
− | .mgm-footer-tiles{ | + | .mgm-footer-tiles { |
display: grid; | display: grid; | ||
− | grid-auto-flow:dense; | + | grid-auto-flow: dense; |
grid-gap: 5em; | grid-gap: 5em; | ||
− | |||
column-gap: 8rem; | column-gap: 8rem; | ||
row-gap: 1rem; | row-gap: 1rem; | ||
− | |||
grid-template-columns: repeat(3, minmax(0, 1fr)); | grid-template-columns: repeat(3, minmax(0, 1fr)); | ||
background: #ffffff; | background: #ffffff; | ||
Zeile 231: | Zeile 205: | ||
padding-left: calc(5% + 5rem); | padding-left: calc(5% + 5rem); | ||
padding-right: calc(5% + 5rem); | padding-right: calc(5% + 5rem); | ||
− | |||
− | |||
} | } | ||
− | + | .mgm-footer-tile { | |
− | .mgm-footer-tile{ | + | border-radius: 50%; |
− | border-radius:50%; | ||
width: 100%; | width: 100%; | ||
max-width: 100%; | max-width: 100%; | ||
Zeile 243: | Zeile 214: | ||
} | } | ||
− | .footer-image-wrapper{ | + | .footer-image-wrapper { |
− | |||
− | |||
--tw-translate-x: 0; | --tw-translate-x: 0; | ||
--tw-translate-y: 0; | --tw-translate-y: 0; | ||
Zeile 253: | Zeile 222: | ||
--tw-scale-x: 1; | --tw-scale-x: 1; | ||
--tw-scale-y: 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-duration:0.3s; | + | 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)); | |
− | transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,-webkit-transform; | ||
− | transition-timing-function: cubic-bezier(.4,0,.2,1); | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | .footer-image-wrapper:hover{ | + | .footer-image-wrapper:hover { |
--tw-scale-x: 1.05; | --tw-scale-x: 1.05; | ||
--tw-scale-y: 1.05; | --tw-scale-y: 1.05; | ||
} | } | ||
− | .mgm-footer-description{ | + | .mgm-footer-description { |
font-family: MGMIndexFont; | font-family: MGMIndexFont; | ||
font-variant-caps: small-caps; | font-variant-caps: small-caps; | ||
− | color:black; | + | color: black; |
font-size: 1.7em; | font-size: 1.7em; | ||
} | } | ||
− | .footer-detailed-description{ | + | .footer-detailed-description { |
− | display:none; | + | display: none; |
} | } | ||
− | .footer-hr{ | + | .footer-hr { |
− | display:none; | + | display: none; |
} | } | ||
− | + | .footer-container { | |
− | |||
− | .footer-container{ | ||
text-align: center; | text-align: center; | ||
− | + | } | |
+ | #antike-tile-footer { | ||
+ | background: url(https://www.das-leihhaus.de/resources/assets/tiles/antike_tile.jpg); | ||
+ | } | ||
− | # | + | #altdeutschland-tile-footer { |
− | background:url(https://www.das-leihhaus.de/resources/assets/tiles/ | + | background: url(https://www.das-leihhaus.de/resources/assets/tiles/altdeutschland_tile.jpg); |
} | } | ||
− | # | + | #deutschlandAb1971-tile-footer { |
− | background:url(https://www.das-leihhaus.de/resources/assets/tiles/ | + | background: url(https://www.das-leihhaus.de/resources/assets/tiles/deutschland_ab1871_tile.jpg); |
} | } | ||
− | # | + | #Ausland-tile-footer { |
− | background:url(https://www.das-leihhaus.de/resources/assets/tiles/ | + | background: url(https://www.das-leihhaus.de/resources/assets/tiles/ausland_tile.jpg); |
} | } | ||
− | # | + | #medaillen-tile-footer { |
− | background:url(https://www.das-leihhaus.de/resources/assets/tiles/ | + | background: url(https://www.das-leihhaus.de/resources/assets/tiles/medaillen_tile.jpg); |
} | } | ||
− | # | + | #numismatik-tile-footer { |
− | background:url(https://www.das-leihhaus.de/resources/assets/tiles/ | + | background: url(https://www.das-leihhaus.de/resources/assets/tiles/numismatik_tile.jpg); |
} | } | ||
− | |||
− | |||
− | |||
/* -------------- footer - tiles end --------------- */ | /* -------------- footer - tiles end --------------- */ | ||
+ | |||
+ | |||
/* ------------------------------------------------- */ | /* ------------------------------------------------- */ | ||
− | + | .ts-inner { | |
− | .ts-inner{ | + | margin-left: 0em; |
− | |||
} | } | ||
− | + | @font-face { | |
− | |||
− | |||
font-family: 'MGMIndexFont'; | font-family: 'MGMIndexFont'; | ||
− | src: url('./resources/assets/BellMT.woff2') format('woff2'), | + | src: url('./resources/assets/BellMT.woff2') format('woff2'), url('./resources/assets/BellMT.woff') format('woff'); |
− | |||
font-weight: normal; | font-weight: normal; | ||
font-style: normal; | font-style: normal; | ||
font-display: swap; | font-display: swap; | ||
} | } | ||
+ | |||
/* center text and text size adjustments */ | /* center text and text size adjustments */ | ||
Zeile 341: | Zeile 301: | ||
} | } | ||
− | .publication-header-center{ | + | .publication-header-center { |
text-align: center; | text-align: center; | ||
} | } | ||
Zeile 348: | Zeile 308: | ||
text-align: center; | text-align: center; | ||
} | } | ||
+ | |||
/* hide Tools below header and above content */ | /* hide Tools below header and above content */ | ||
Zeile 354: | Zeile 315: | ||
display: none; | display: none; | ||
} | } | ||
+ | |||
/* final logo */ | /* final logo */ | ||
Zeile 387: | Zeile 349: | ||
} | } | ||
− | .mgm-logo-text-div p{ | + | .mgm-logo-text-div p { |
margin-top: 0em; | margin-top: 0em; | ||
margin-bottom: 0em; | margin-bottom: 0em; | ||
Zeile 402: | Zeile 364: | ||
align-items: flex-end; | align-items: flex-end; | ||
} | } | ||
+ | |||
/* make the header bigger + new logo */ | /* make the header bigger + new logo */ | ||
Zeile 415: | Zeile 378: | ||
margin-left: 5%; | margin-left: 5%; | ||
margin-right: 5%; | margin-right: 5%; | ||
− | border-top-color:#eaecf0; | + | border-top-color: #eaecf0; |
− | border-bottom-color:#eaecf0; | + | border-bottom-color: #eaecf0; |
− | border-left-color:#eaecf0; | + | border-left-color: #eaecf0; |
− | border-right-color:#eaecf0; | + | border-right-color: #eaecf0; |
} | } | ||
− | #mw-header-container{ | + | #mw-header-container { |
height: 4.75em; | height: 4.75em; | ||
padding-bottom: 0.5em; | padding-bottom: 0.5em; | ||
− | |||
border-bottom-width: 0.25em; | border-bottom-width: 0.25em; | ||
border-bottom-color: #df5e52; | border-bottom-color: #df5e52; | ||
Zeile 430: | Zeile 392: | ||
} | } | ||
− | #mw-header{ | + | #mw-header { |
display: flex; | display: flex; | ||
− | |||
} | } | ||
Zeile 448: | Zeile 409: | ||
vertical-align: center; | vertical-align: center; | ||
height: 25em; | height: 25em; | ||
− | margin-top:1.5em; | + | margin-top: 1.5em; |
user-select: none; | user-select: none; | ||
} | } | ||
#mw-content-container { | #mw-content-container { | ||
− | /* set distance for header */ | + | /* set distance for header */ |
margin-top: 29.63em; | margin-top: 29.63em; | ||
} | } | ||
Zeile 460: | Zeile 421: | ||
/* make the site flex */ | /* make the site flex */ | ||
− | html{ | + | html { |
height: 100%; | height: 100%; | ||
} | } | ||
− | body{ | + | body { |
height: 100%; | height: 100%; | ||
− | font-size:1.2em; | + | font-size: 1.2em; |
} | } | ||
− | .mgm-footer-tiles, .mgm-footer-tiles { | + | .mgm-footer-tiles, |
+ | .mgm-footer-tiles { | ||
font-size: 0.95em; | font-size: 0.95em; | ||
} | } | ||
− | |||
#mw-wrapper { | #mw-wrapper { | ||
Zeile 480: | Zeile 441: | ||
justify-content: space-between | justify-content: space-between | ||
} | } | ||
− | |||
Zeile 487: | Zeile 447: | ||
/* Link colours */ | /* Link colours */ | ||
− | .mw-parser-output > p > a { | + | |
− | + | .mw-parser-output>p>a { | |
+ | color: #b52114 | ||
} | } | ||
− | .mw-parser-output > p > a:hover { | + | .mw-parser-output>p>a:hover { |
− | + | color: #498fcc; | |
− | + | text-decoration: underline; | |
} | } | ||
− | .mw-parser-output > p > a:visited { | + | .mw-parser-output>p>a:visited { |
− | + | color: #1f29a7; | |
} | } | ||
− | #firstHeading | + | #firstHeading { |
− | border-bottom: solid 3px #91969e; | + | border-bottom: solid 3px #91969e; |
− | padding-bottom: 0.1em; | + | padding-bottom: 0.1em; |
− | margin-bottom: 1em; | + | margin-bottom: 1em; |
} | } | ||
#ca-nstab-mediawiki { | #ca-nstab-mediawiki { | ||
− | border-bottom: solid 2px #91969e; | + | 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"*/ | /* get rid of "navigation header"*/ | ||
− | #p-navigation-label{ | + | |
− | display:none; | + | #p-navigation-label { |
+ | display: none; | ||
} | } | ||
/* do not display logo in sidebar */ | /* do not display logo in sidebar */ | ||
− | #mw-site-navigation #p-logo { | + | |
− | + | #mw-site-navigation #p-logo { | |
+ | display: none; | ||
} | } | ||
.visual-clear { | .visual-clear { | ||
− | display:none; | + | display: none; |
} | } | ||
Zeile 551: | Zeile 514: | ||
margin-left: auto; | margin-left: auto; | ||
} | } | ||
+ | |||
/* One-sided navigation menu */ | /* One-sided navigation menu */ | ||
+ | |||
/* currently not displayed:*/ | /* currently not displayed:*/ | ||
− | #mw-related-navigation{ | + | |
− | display:none; | + | #mw-related-navigation { |
+ | display: none; | ||
} | } | ||
@media (min-width: 1340px) { | @media (min-width: 1340px) { | ||
− | + | #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-content-block { | ||
+ | padding-top: 2em; | ||
+ | } | ||
+ | #mw-site-navigation .sidebar-chunk { | ||
+ | margin-top: 0; | ||
+ | margin-bottom: 1em; | ||
+ | } | ||
+ | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/* Themenwelt Banner */ | /* Themenwelt Banner */ | ||
− | .themeWorldContainer{ | + | .themeWorldContainer { |
− | display:grid; | + | display: grid; |
row-gap: 1rem; | row-gap: 1rem; | ||
margin-top: 2em; | margin-top: 2em; | ||
} | } | ||
− | .theme-banner-links{ | + | .theme-banner-links { |
− | display:flex; | + | display: flex; |
} | } | ||
− | .banner-text-container{ | + | .banner-text-container { |
font-family: MGMIndexFont !important; | font-family: MGMIndexFont !important; | ||
− | color:black; | + | color: black; |
margin-left: 5em; | margin-left: 5em; | ||
} | } | ||
− | .theme-banner-description{ | + | .theme-banner-description { |
margin-top: 0.5em !important; | margin-top: 0.5em !important; | ||
margin-left: 0.5em !important; | margin-left: 0.5em !important; | ||
Zeile 620: | Zeile 586: | ||
} | } | ||
− | + | .banner-hr { | |
− | |||
− | |||
− | |||
− | .banner-hr{ | ||
display: none; | display: none; | ||
} | } | ||
− | .mgm-banner-description{ | + | .mgm-banner-description { |
− | + | margin-top: -1.5em!important; | |
− | + | margin-left: 1em!important; | |
} | } | ||
− | + | .themeBanner { | |
− | .themeBanner{ | ||
height: 12.5em; | height: 12.5em; | ||
border-radius: 25%; | border-radius: 25%; | ||
} | } | ||
− | #antikeBanner{ | + | #antikeBanner { |
− | background-image:url(https://www.das-leihhaus.de/resources/assets/tiles/antike_tile.jpg); | + | background-image: url(https://www.das-leihhaus.de/resources/assets/tiles/antike_tile.jpg); |
} | } | ||
− | #altdeutschlandBanner{ | + | #altdeutschlandBanner { |
− | background-image:url(https://www.das-leihhaus.de/resources/assets/tiles/altdeutschland_tile.jpg); | + | background-image: url(https://www.das-leihhaus.de/resources/assets/tiles/altdeutschland_tile.jpg); |
} | } | ||
− | #deutschlandAb1871Banner{ | + | #deutschlandAb1871Banner { |
− | background-image:url(https://www.das-leihhaus.de/resources/assets/tiles/deutschland_ab1871_tile.jpg); | + | background-image: url(https://www.das-leihhaus.de/resources/assets/tiles/deutschland_ab1871_tile.jpg); |
} | } | ||
− | #auslandBanner{ | + | #auslandBanner { |
− | background-image:url(https://www.das-leihhaus.de/resources/assets/tiles/ausland_tile.jpg); | + | background-image: url(https://www.das-leihhaus.de/resources/assets/tiles/ausland_tile.jpg); |
} | } | ||
− | #medaillenBanner{ | + | #medaillenBanner { |
− | background-image:url(https://www.das-leihhaus.de/resources/assets/tiles/medaillen_tile.jpg); | + | background-image: url(https://www.das-leihhaus.de/resources/assets/tiles/medaillen_tile.jpg); |
} | } | ||
− | #numismatikBanner{ | + | #numismatikBanner { |
− | background-image:url(https://www.das-leihhaus.de/resources/assets/tiles/numismatik_tile.jpg); | + | background-image: url(https://www.das-leihhaus.de/resources/assets/tiles/numismatik_tile.jpg); |
} | } | ||
+ | |||
/*--------------------- Münzen Sammeln-----------------*/ | /*--------------------- Münzen Sammeln-----------------*/ | ||
− | + | .collectCoinsContainer { | |
− | .collectCoinsContainer{ | + | display: grid; |
− | display:grid; | ||
row-gap: 1em; | row-gap: 1em; | ||
column-gap: 1em; | column-gap: 1em; | ||
Zeile 673: | Zeile 634: | ||
} | } | ||
− | .CaVBanner{ | + | .CaVBanner { |
height: 10em; | height: 10em; | ||
width: 100%; | width: 100%; | ||
Zeile 680: | Zeile 641: | ||
} | } | ||
− | .areaBanner{ | + | .areaBanner { |
height: 10em; | height: 10em; | ||
width: 100%; | width: 100%; | ||
} | } | ||
− | .CaVcontainer{ | + | .CaVcontainer { |
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
} | } | ||
− | .CaVBannerDescription{ | + | .CaVBannerDescription { |
margin-top: -1.5em !important; | margin-top: -1.5em !important; | ||
margin-left: 1em !important; | margin-left: 1em !important; |
Version vom 25. Mai 2021, 16:09 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'); /*--------------- 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; } .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: center; } .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: MGMIndexFont; --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-links { text-align: center; } #VDMsiegel { height: 70px; } #mw-footer { display: block; } .mw-footer-container { 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; } /* -------------- 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: 5em; padding-bottom: 2.5em; padding-left: calc(5% + 5rem); padding-right: calc(5% + 5rem); } .mgm-footer-tile { border-radius: 50%; width: 100%; max-width: 100%; height: auto; } .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-family: MGMIndexFont; font-variant-caps: small-caps; color: black; font-size: 1.7em; } .footer-detailed-description { display: none; } .footer-hr { display: none; } .footer-container { text-align: center; } #antike-tile-footer { background: url(https://www.das-leihhaus.de/resources/assets/tiles/antike_tile.jpg); } #altdeutschland-tile-footer { background: url(https://www.das-leihhaus.de/resources/assets/tiles/altdeutschland_tile.jpg); } #deutschlandAb1971-tile-footer { background: url(https://www.das-leihhaus.de/resources/assets/tiles/deutschland_ab1871_tile.jpg); } #Ausland-tile-footer { background: url(https://www.das-leihhaus.de/resources/assets/tiles/ausland_tile.jpg); } #medaillen-tile-footer { background: url(https://www.das-leihhaus.de/resources/assets/tiles/medaillen_tile.jpg); } #numismatik-tile-footer { background: url(https://www.das-leihhaus.de/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; } #simpleSearch { margin-top: 0.75em; margin-left: 5%; margin-right: 5%; border-top-color: #eaecf0; border-bottom-color: #eaecf0; border-left-color: #eaecf0; border-right-color: #eaecf0; } #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: 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; } /* 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: #b52114 } .mw-parser-output>p>a:hover { color: #498fcc; text-decoration: underline; } .mw-parser-output>p>a:visited { color: #1f29a7; } #firstHeading { border-bottom: solid 3px #91969e; padding-bottom: 0.1em; margin-bottom: 1em; } #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: 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-content-block { padding-top: 2em; } #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(https://www.das-leihhaus.de/resources/assets/tiles/antike_tile.jpg); } #altdeutschlandBanner { background-image: url(https://www.das-leihhaus.de/resources/assets/tiles/altdeutschland_tile.jpg); } #deutschlandAb1871Banner { background-image: url(https://www.das-leihhaus.de/resources/assets/tiles/deutschland_ab1871_tile.jpg); } #auslandBanner { background-image: url(https://www.das-leihhaus.de/resources/assets/tiles/ausland_tile.jpg); } #medaillenBanner { background-image: url(https://www.das-leihhaus.de/resources/assets/tiles/medaillen_tile.jpg); } #numismatikBanner { background-image: url(https://www.das-leihhaus.de/resources/assets/tiles/numismatik_tile.jpg); } /*--------------------- Münzen Sammeln-----------------*/ .collectCoinsContainer { display: grid; row-gap: 1em; column-gap: 1em; grid-template-columns: 50% 50%; } .CaVBanner { height: 10em; width: 100%; max-width: 700px; color: #e25547; } .areaBanner { height: 10em; width: 100%; } .CaVcontainer { display: flex; flex-direction: column; } .CaVBannerDescription { margin-top: -1.5em !important; margin-left: 1em !important; margin-right: 0 !important; margin-bottom: 1em !important; } *:focus { outline: 1px solid darkgrey; }