KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
Zeile 123: | Zeile 123: | ||
body.page-Hauptseite main#content div#bodyContent { | body.page-Hauptseite main#content div#bodyContent { | ||
max-width: | max-width: 960px; | ||
} | } |
Version vom 15. April 2021, 14:38 Uhr
a { color:#05a5ca; } a:hover { color:#d9a557 } #p-logo img { width: 243px; padding-top: 15px; } .ve-init-mw-desktopArticleTarget-toolbar { margin: 0px -20px 20px -20px !important; } .mw-footer, #footer-bottom { margin-top:10px; } #footer-sitetitle { margin-top:30px; } header.mw-header div.mw-header-siteinfo a.mw-wiki-title span.mythopedia-logo-span { position:absolute; top:10px; left:130px;} .mythopedia-logo { height:50px; } header.mw-header div.mw-header-siteinfo a.mw-wiki-title span.mythopedia-logo-span .mythopedia-logo { -webkit-filter: grayscale(80%); filter: grayscale(80%); } header.mw-header div.mw-header-siteinfo a.mw-wiki-title:hover img.mythopedia-logo { opacity: 1.0; -webkit-filter: grayscale(0); filter: grayscale(0); } footer.mw-footer div#footer-content h2#footer-sitetitle { height: 20px;} footer.mw-footer div#footer-content h2#footer-sitetitle span.mythopedia-logo-span { position: relative; left: 150px; top: -45px; } nav#footer-info { display:none; } .category-tiles { display: flex; flex-wrap: wrap; } .category-tiles .category-container { flex: 1 0 40%; } .category-container { background: none; border: none; border-left: 2px solid var(--border-color-base--darker); border-radius: 30px; box-shadow: none; position: relative; padding: 5px 20px 5px 20px; margin: 5px; } .category-container:hover { background: var(--background-color-framed--hover); border: 2px solid var(--border-color-input--hover:); box-shadow: 0 1px 2px 1px rgba(0,0,0,0.01); } .category-container-pic { position: relative; padding: 0; margin: 5px; border-radius: 50px; display: flex; justify-content: center; align-items: center; height: 200px; width: 300px; overflow: hidden; } .category-container-pic img { margin: auto; transform-origin: center; -webkit-filter: grayscale(0.4); filter: grayscale(0.4); -webkit-transform: scale(1.0); transform: scale(1.0); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; } .category-container-pic:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); -webkit-transform: scale(1.1); transform: scale(1.1); } .category-container-pic-label { position: absolute; top: 80px; left: auto; justify-content: center; align-items: center; } .category-container-pic-bordered { border: 2px solid var(--border-color-base--darker); box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02); } /* Logo neben Mythopedia im Header am Handy ausblenden */ @media ( max-width: 800px ) { header.mw-header div.mw-header-siteinfo a.mw-wiki-title span.mythopedia-logo-span { display: none; } } /* Layout auf breiten Bildschirmen vergrößern >1300 */ @media ( min-width: 1300px ) { --width-layout: @width-breakpoint-desktop-wide - @padding-page * 2; } /* Layout auf breiten Bildschirmen vergrößern >2000 */ @media ( min-width: 2000px ) { --width-layout: @width-breakpoint-desktop-wide - @padding-page * 2; } body.page-Hauptseite main#content div#bodyContent { max-width: 960px; }