MediaWiki:Common.css: Unterschied zwischen den Versionen

MediaWiki-Schnittstellenseite
KKeine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
Zeile 45: Zeile 45:


.category-container-pic {
.category-container-pic {
    position: relative;
    padding: 5px 20px 5px 20px;
    margin: 5px;   
     display: flex;     
     display: flex;     
     justify-content: center;
     justify-content: center;

Version vom 14. April 2021, 17:11 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;}

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 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 img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
}