MediaWiki:Mainpage.css

/* Powitanie */
.mainpage-info {
    text-align: center;
    margin: 0 auto 2.2em;
}

/* Nagłówki */
.mainpage-info h1,
h2.mainpage-header,
body.mainpage .forum-activity-module h2,
body.mainpage .ajax-poll .header {
    height: auto;
    padding: .2em .5em;
    background: transparent linear-gradient(to right, transparent 0%, #663717 15%, #663717 85%, transparent 100%);
    font-weight: bold;
    color: #c90;
    text-align: center;
    text-transform: none;
}
h2.mainpage-header,
body.mainpage .forum-activity-module h2,
body.mainpage .ajax-poll .header {
    border: none;
    font-size: 17px;
    line-height: 22px;
}
@media only screen and (min-width: 1596px) {
    h2.mainpage-header,
    body.mainpage .forum-activity-module h2,
    body.mainpage .ajax-poll .header {
        font-size: 22px;
        line-height: 24px;
    }
}

/* Forum */
.main-page-tag-lcs .forum-activity-module,
.main-page-tag-rcs .forum-activity-module { width: 100% }

/* Ankieta */
div.ajax-poll { --mp-votes-bar: #c90 }
body.mainpage div.ajax-poll div.header:before { content: "Ankieta:"; padding-right: .2em }

/* Najnowszy rozdział */
.premiere .article-thumb {
    display: flex;
    flex-flow: column nowrap;
    width: 100% !important;
    margin: 0;
    padding: 0;
    background: transparent linear-gradient(to right, transparent 0%, #663717 15%, #663717 85%, transparent 100%);
}
.premiere .article-thumb figcaption { order: -1 }
.premiere .article-thumb .caption {
    font-size: 17px;
    line-height: 22px;
    font-weight: bold;
    color: #c90;
    text-align: center;
}
@media only screen and (min-width: 1596px) {
    .premiere .article-thumb .caption {
        font-size: 22px;
        line-height: 24px;
    }
}
.premiere .article-thumb .caption a {
    display: block;
    color: #d5d4d4;
}

/* Spoiler alert */
.spoiler-alert:before {
    content: "!!!";
    position: absolute;
    left: .25em;
    top: .25em;
    z-index: -1;
    display: inline-block;
    opacity: .3;
    font-size: 7em;
    font-weight: 900;
    color: #c90;
}

/* Statystyki */
.mainpage-stats {
    width: 670px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin: 1.1em auto;
}
.mainpage-stats > div { text-align: center }
.mainpage-stats .info { font-size: 0.7em; line-height: 1.1rem; text-transform: uppercase }
.mainpage-stats .number { font-size: 1.4rem; line-height: 2.2rem }