KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
Zeile 67: | Zeile 67: | ||
padding: 5px 20px 5px 20px; | padding: 5px 20px 5px 20px; | ||
margin: 5px; | margin: 5px; | ||
border-radius: 10px; | |||
display: flex; | display: flex; | ||
justify-content: center; | justify-content: center; | ||
Zeile 72: | Zeile 73: | ||
height: 200px; | height: 200px; | ||
width: 300px; | width: 300px; | ||
overflow: hidden; | |||
} | } | ||
.category-container-pic img { | .category-container-pic img { | ||
margin: auto; | margin: auto; | ||
transform-origin: center; | transform-origin: center; | ||
-webkit-filter: grayscale(0.2); | -webkit-filter: grayscale(0.2); | ||
filter: grayscale(0.2); | filter: grayscale(0.2); | ||
-webkit-transform: scale(1.0); | |||
transform: scale(1.0); | |||
opacity: 0.8; | opacity: 0.8; | ||
-webkit-transition: .3s ease-in-out; | -webkit-transition: .3s ease-in-out; | ||
Zeile 85: | Zeile 88: | ||
} | } | ||
.category-container-pic | .category-container-pic:hover img { | ||
-webkit-filter: grayscale(0); | -webkit-filter: grayscale(0); | ||
filter: grayscale(0); | filter: grayscale(0); | ||
-webkit-transform: scale(1.1); | |||
transform: scale(1.1); | |||
opacity: 1; | opacity: 1; | ||
} | } | ||
Zeile 93: | Zeile 98: | ||
.category-container-pic-label { | .category-container-pic-label { | ||
position: absolute; | position: absolute; | ||
top: | top: 80px; | ||
left: | left: 100px; | ||
justify-content: center; | justify-content: center; | ||
align-items: center; | align-items: center; | ||
} | } |
Version vom 15. April 2021, 12:08 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; border-radius: 10px; 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.2); filter: grayscale(0.2); -webkit-transform: scale(1.0); transform: scale(1.0); opacity: 0.8; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .category-container-pic:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 1; } .category-container-pic-label { position: absolute; top: 80px; left: 100px; justify-content: center; align-items: center; }