Wikia.css

Uwaga: aby zobaczyć zmiany po opublikowaniu, może zajść potrzeba wyczyszczenia pamięci podręcznej przeglądarki.

Firefox / Safari: Przytrzymaj Shift podczas klikania Odśwież bieżącą stronę, lub naciśnij klawisze Ctrl+F5, lub Ctrl+R (⌘-R na komputerze Mac)
Google Chrome: Naciśnij Ctrl-Shift-R (⌘-Shift-R na komputerze Mac)
Internet Explorer / Edge: Przytrzymaj Ctrl, jednocześnie klikając Odśwież, lub naciśnij klawisze Ctrl+F5
Opera: Naciśnij klawisze Ctrl+F5.

@import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:Highlight.css|u:dev:MediaWiki:ModernProfile/Masthead.css|u:dev:MediaWiki:ModernProfile/Wall.css");
@import url("http://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
/* Infoboksy */
.portable-infobox {
    border: 1px solid #cccccc;
}
.pi-border-color {
    border-color: #cccccc;
}
.pi-background {
    background-color: #ffffff;
}
.pi-secondary-background {
    background-color: #ffffff;
}
.portable-infobox .pi-title {
    text-align: center;
    font-size: 18px;
    line-height:125%;
    background-color:#1560bd;
    color:#fff5ee;
    font-weight:bold;
}
.pi-title a:link, .pi-title a:visited {
    color:#fff5ee!important;
}
.portable-infobox .pi-header {
    text-align: center;
    font-size: 14px;
    background-color:#1560bd;
    color:#fff5ee;
    font-weight:bold;
}
.pi-header a:link, .pi-header a:visited {
    color:inherit !important;
}
.pi-image-thumbnail {
    width: 100%;
    height: auto;
}
.pi-navigation {
    text-align: center;
    padding: 5px 0px 0px 0px !important;
    background-color:#BDDEFF;
}
.pi-font {
    color:#000000;
}
.pi-secondary-font {
    color:#000000;
}
.pi-horizontal-group .pi-header {
    text-align: center !important;
}

/* ShadowPicture © 2015 Szynka013 */
.deep {
    overflow: hidden;
    height: 200px;
    width: 200px;
    box-shadow: 0 0 20px 0 black;
    position: relative;
    left: 50%;
    top: 100px;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}
.deepimg {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: background-size 0.2s ease-in;
    transition: background-size 0.2s ease-in;
}
.deeptext {
    position: absolute;
    z-index: 99;
    bottom: 10px;
    left: 10px;
    color: #fff;
    text-transform: uppercase;
    font-family: Open Sans, sans-serif;
    font-weight: lighter;
    font-size: 10px;
    letter-spacing: 0.5px;
    text-shadow: 5px 5px 5px #000;
}
.deeparrow {
    position: absolute;
    background: rgba(45, 45, 55, 0.5);
    width: 500px;
    height: 500px;
    top: 130px;
    left: 40px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.deeparrowi {
    color: #fff;
    font-size: 30px;
    text-decoration: none;
    position: absolute;
    top: 170px;
    left: 10px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.deepimg:hover {
    background-size: 290px;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
}
.deep:hover .deeparrow {
    top: -135px;
    left: -80px;
}
.deep:hover .deeparrowi {
    font-size: 90px;
    top: 50%;
    left: 43%;
    -webkit-transform: rotate(-45deg) translateY(-50%) translateX(-50%);
    -ms-transform: rotate(-45deg) translateY(-50%) translateX(-50%);
    transform: rotate(-45deg) translateY(-50%) translateX(-50%);
}