MediaWiki:Common.css

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

• Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
• Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
• Internet Explorer/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
• Opera: Strg+F5

#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-transform: scale(1);
transform: scale(1);
}

header.mw-header div.mw-header-siteinfo a.mw-wiki-title:hover img.mythopedia-logo {
opacity: 1.0;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}

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-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;
}