MediaWiki:Common.css: Difference between revisions

From Poupedia
Jump to navigation Jump to search
Content added Content deleted
No edit summary
No edit summary
Line 54: Line 54:


.move {
.move {
height: 200px;
animation-name: moving;
animation-name: moving;
animation-direction: alternate;
animation-direction: alternate;

Revision as of 11:15, 2 February 2024

@import "/load.php?mode=articles&articles=MediaWiki:Badges.css&only=styles";
@import "/load.php?mode=articles&articles=MediaWiki:Colors.css&only=styles";
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:InterlanguageFlags.css&only=styles";

/* Import */
@font-face {
	font-family: "Pou Font";
	src:url(https://static.wikia.nocookie.net/pou/images/d/d9/Pou_Font.ttf/revision/latest?cb=20221010151243&format=original);
}

/* Page titles and sections titles font */
.page-header__title, .mw-headline {
	font-family: Pou Font;
	color: #fff;
	text-shadow: 2px 0 #000, -2px 0 #000, 0 2px #000, 0 -2px #000, 1px 1px #000, -1px -1px #000, 1px -1px #000, -1px 1px #000;
}

/* Main Page */
.mainpage-header {
    font-family: 'Pou Font';
    font-size: 22pt;
    text-align: center;
    letter-spacing: 2px;
    color: #ffffff;
    text-shadow: 4px #000000;
    border-radius: 5px;
    background-color: #337800;
    font-weight: 300;
    text-shadow: 2px 2px 2px #000, -2px 2px 2px #000, 2px -2px 2px #000, -2px -2px 2px #000 !important;
}

/* Table Formatting */
table.article-table th {
    background: #337800 !important;
    color:#FFFFFF !important;
    }

/* Portable Infobox */

.portable-infobox .pi-title {
	font-size: 28px !important;
    font-family: 'Pou Font' !important;
    font-weight: 500;
    text-shadow: 2px 2px 2px #000, -2px 2px 2px #000, 2px -2px 2px #000, -2px -2px 2px #000 !important;
}
.portable-infobox .pi-secondary-background {
    font-family: 'Pou Font' !important;
}
.portable-infobox .pi-secondary-font {
    font-family: 'Pou Font' !important;
}

/* An zoomage image effect */

.move {
    animation-name: moving;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    transition: all .3s;
    animation-duration: 270ms;
}

@keyframes moving {
    0% {
        height: 200px;
        transition: all .3s;
        }
    100% {
         height: 210px;
         transition: all .3s;
        }
}