KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
Zeile 91: | Zeile 91: | ||
} | } | ||
.category-container-label { | .category-container-pic-label { | ||
position: absolute; | position: absolute; | ||
top: 100px; | top: 100px; |
Version vom 15. April 2021, 11:32 Uhr
#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; } @media ( max-width: 800px ) { header.mw-header div.mw-header-siteinfo a.mw-wiki-title span.mythopedia-logo-span { display: none; } } nav#footer-info { display:none; } .category-tiles { display: flex; flex-wrap: wrap; } .category-tiles .category-container { flex: 1 0 40%; } .category-container { background: var(--background-color-framed); border: 2px solid var(--border-color-base--darker); border-radius: 10px; box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02); 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: 5px 20px 5px 20px; margin: 5px; display: flex; justify-content: center; align-items: center; height: 200px; width: 300px; } .category-container-pic img { margin: auto; border-radius: 10px; transform-origin: center; -webkit-filter: grayscale(0.2); filter: grayscale(0.2); opacity: 0.8; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .category-container-pic img:hover { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; } .category-container-pic-label { position: absolute; top: 100px; left: 150px; justify-content: center; align-items: center; }