MediaWiki:Common.css: различия между версиями

Текущая версия от 08:56, 18 августа 2025

body {
    font-size: 1em;
    background-color: #e9e9e9;
    font-family: Arial, Helvetica, sans-serif;
}

#mw-page-base {
    height: 140px;
    background-color: #e9e9e9;
}

#mw-head-base {
    margin-top: -4.3em;
}

.mw-body h1,
.mw-body-content h1,
.mw-body-content h2 {
    font-family: Arial, Helvetica, sans-serif;
}

.mw-body h1 {
    border-bottom: none;
}

#mw-head {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    padding: 0 8px;
    background-color: #e9e9e9;
}

#mw-panel {
    position: absolute;
    top: 140px;
    left: 20px;
    padding-top: 10px;
    width: 10em;
    background-color: #dddddd;
}

#mw-panel div.body ul li a {
    color: #656565;
}

#mw-panel div.body ul li a:visited {
    color: #303030;
}

#mw-panel.collapsible-nav .portal {
    padding: 0.25em 0.6em;
}

.information ul {
    margin-left: 0;
    list-style: none;
}

#p-personal li {
    margin-right: 20px;
    margin-top: 12px;
}

#p-personal li a {
    color: #3161a3;
    font-size: 1.2em;
}

#p-logo {
    position: absolute;
    top: -120px;
    left: 0;
    width: unset;
    height: unset;
    margin-bottom: 0;
}

#p-logo a {
    display: block;
    background-repeat: no-repeat;
    width: 215px;
    height: 85px;
    text-decoration: none;
    background-size: 100% auto;
}

#left-navigation {
    margin-left: 200px;
    margin-top: 109px;
}

#right-navigation {
    margin-top: 108px;
}


.vectorTabs ul li {
    background-color: #e9e9e9;
}

.vector-menu-tabs li,
.vector-menu-tabs li a {
    background-color: #e9e9e9;
}

.vector-menu-tabs li a {
    color: #808080;
}

.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown h3 {
    background-image: none;
}

#simpleSearch input {
    margin: 0;
    border: none;
    background-color: white;
}

#content {
    margin-left: 200px;
    margin-right: 15px;
    padding: 10px 20px;
    background-color: #dddddd;
    color: #202020;
    border: none;
    line-height: 1.5;
}

.content-block {
    margin: 0;
    padding: 10px;
    border-top: 1px solid #dddddd;
}

.content-block .links ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.block-title {
    margin: 0;
    padding: 10px;
    background-color: #e9e9e9;
}

.block-title,
.block-title a {
    font-size: 24px;
    font-family: 'Roboto', sans-serif;
    color: #010101;
    line-height: 1;
}

.main td {
    border: 10px solid #dddddd;
    background-color: #e9e9e9;
    vertical-align: top;
}

.internal {
    width: 100%;
    border: none;
}

.internal td {
    border: none;
    vertical-align: top;
}

.content-block {
    margin: 0;
    padding: 10px;
    border-top: 1px solid #dddddd;
}

.content-block .links .section {
    margin-bottom: 5px;
    text-align: left;
    color: #434343;
}

.internal {
    width: 100%;
    border: none;
}

.mw-body-content h2 {
    font-family: inherit;
}

.fraction .logo {
    width: 155px;
    float: left;
    text-align: center;
}

.content-block .social {
    list-style: none;
}

.content-block .social-text {
    line-height: 1;
    padding-top: 15px;
    padding-bottom: 12px;
}

.content-block .social li {
    list-style: none;
    margin: 0 0 0 5px;
    padding: 0;
    float: left;
}

#content a.external[href^="https://"],
.link-https {
    background-position: center right;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAdUlEQVQYV2P4//8/Awxv3LThf0dXKxyD+DA5DEUg+tWrV2AaWTFcIboJyJrhCtGtRMcgebhpL2/4/v//Lvn//x+7IRjIfn8v+P/t055gxZgKPzaC8Y/nMYQVLpnM8f/zo3AqKfzyOOL/h/sh/59c9sBUSIyvAeRdJWjk4E//AAAAAElFTkSuQmCC);
    background-image: url(//wiki.star-conflict.com/skins/vector/images/lock-icon.png?2023-08-31T21:25:00Z) !ie;
    padding-right: 13px;
}

.content-block .youtube-block {
    margin-top: 41px;
}

#content .icon {
    width: 27px;
}

#content .icon.youtube a.external {
    background-position: -1px 0px;
    width: 52px;
    height: 22px;
}

#content .icon a.external {
    display: inline-block;
    background: url(//wiki.star-conflict.com/skins/vector/images/social-networks.png?2023-08-31T21:25:00Z) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    width: 27px;
    height: 27px;
    text-decoration: none;
}

#content .icon.fb a.external {
    background-position: -1px -23px;
}

#content .icon.tw a.external {
    background-position: -1px -51px;
}

#content .icon.vk a.external {
    background-position: -1px -79px;
}

.content-block .youtube-text {
    line-height: 1;
    margin-right: 3px;
    padding-top: 6px;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.clear-fix {
    clear: both;
}

#footer-info-lastmod,
#footer-places a {
    line-height: 1;
    font-size: 12px;
    color: #808080;
}

.footer-socials {
    float: right;
    margin-top: 3px;
}

.footer-socials__item {
    display: block;
    float: left;
    width: 35px;
    height: 21px;
    margin-right: 10px !important;
    background-image: url('data:image/png;base64,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');
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.footer-socials__item.vk {
    background-position: 0 0;
}

.footer-socials__item.yt {
    background-position: 33% 0;
}

.footer-socials__item.tw {
    background-position: 66% 0;
}

.footer-socials__item.fb {
    background-position: 100% 0;
}

.footer-socials__item>a {
    display: block;
    width: 100%;
    height: 100%;
    border-right: none !important;
}

.footer-copyright {
    font-size: 12px;
    color: #808080;
}

div#content .icon a.external {
    display: inline-block;
    background: url('skins/Vector/resources/skins.vector.styles/images/social-networks2.png') no-repeat;
    width: 27px;
    height: 27px;
    text-decoration: none;
}

/* --- ГЛАВНАЯ СЕТКА СТРАНИЦЫ --- */
.main-page-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.grid-cell {
    background-color: #e9e9e9;
}

.main-page-grid .grid-cell--span-2 {
    grid-column: span 2;
}

.main-page-grid .grid-cell--span-3 {
    grid-column: span 3;
}

.main-page-link {
    text-align: center;
    padding-bottom: 10px;
}

.about-game-layout {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}
.about-game-layout__text {
    flex: 1;
}
.about-game-layout__logo {
    flex-shrink: 0;
}


.link-grid {
    display: grid;
    gap: 8px 15px;
    text-align: center;
    padding: 5px 0;
}
.link-grid--2-cols {
    grid-template-columns: repeat(2, 1fr);
}
.link-grid--3-cols {
    grid-template-columns: repeat(3, 1fr);
}

.info-links-layout {
    display: flex;
    justify-content: space-between;
    gap: 15px;
}
.info-links-layout__column {
    flex: 1;
    min-width: 0;
}

/* --- АДАПТИВНОСТЬ ГЛАВНОЙ СТРАНИЦЫ --- */

@media screen and (max-width: 768px) {
    .main-page-grid {
        grid-template-columns: 1fr;
    }
    .main-page-grid .grid-cell,
    .main-page-grid .grid-cell--span-2,
    .main-page-grid .grid-cell--span-3 {
        grid-column: span 1;
    }

    .about-game-layout,
    .info-links-layout {
        flex-direction: column;
    }
}

@media (min-width: 769px) and (max-width: 1560px)  {
    .main-page-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .main-page-grid .grid-cell--span-3 {
        grid-column: span 2;
    }
}