Заглавная страница: различия между версиями

Нет описания правки
Нет описания правки
 
(не показаны 4 промежуточные версии этого же участника)
Строка 34: Строка 34:
     line-height: 0 !important;
     line-height: 0 !important;
}
}
/* Выравнивание колонок по высоте */
/* Десктопная версия - две колонки */
.main-page-columns {
.main-page-columns {
     align-items: stretch !important;
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 20px;
     align-items: stretch;
    margin: 0;
    padding: 0;
}
}
.column-content {
.column-content {
    flex: 1 1 50%;
    min-width: 0;
    margin: 0;
    padding: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}
/* Контейнер для Links */
.links-container {
     height: 100%;
     height: 100%;
     display: flex;
     display: flex;
     flex-direction: column;
     flex-direction: column;
}
}
/* Контейнер для About */
.equal-height-container {
.equal-height-container {
    flex: 1;
     display: flex;
     display: flex;
     flex-direction: column;
     flex-direction: column;
    height: 100%;
    gap: 13px;
}
}
.pageframe {
.pageframe {
Строка 53: Строка 71:
.pageframe:last-child {
.pageframe:last-child {
     flex: 1;
     flex: 1;
}
/* Стили для блоков гайдов */
.guides-section {
    margin: 1.5em 0 0.75em 0;
}
.wiki-mainpage {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75em;
    width: 100%;
}
.wiki-mainpage-column {
    display: flex;
    flex-direction: column;
    flex: 1 1 calc(50% - 0.75em);
    gap: 0.75em;
    min-width: 300px;
}
/* Мобильная версия - одна колонка */
@media (max-width: 768px) {
    .main-page-columns {
        flex-direction: column !important;
        gap: 16px !important;
    }
    .column-content {
        flex: 1 1 100% !important;
        width: 100% !important;
        height: auto !important;
    }
    .links-container {
        height: auto !important;
    }
    .equal-height-container {
        height: auto !important;
        gap: 12px !important;
    }
    .pageframe:last-child {
        flex: 0 1 auto !important;
    }
    /* Гайды на мобильных - одна колонка */
    .wiki-mainpage {
        flex-direction: column;
    }
    .wiki-mainpage-column {
        flex: 1 1 100% !important;
        min-width: auto;
    }
}
/* Для очень маленьких экранов */
@media (max-width: 480px) {
    .main-page-columns {
        gap: 12px !important;
    }
    .community-links-grid img {
        max-width: 140px !important;
        height: auto !important;
    }
    .biglink {
        margin: 6px 0 !important;
        font-size: 18px !important;
        line-height: 18px !important;
    }
    .wiki-mainpage {
        gap: 0.5em;
    }
}
}
}}
}}
<!-- Content -->
<!-- Content -->
<div class="flex-container main-page-columns" style="
<div class="main-page-columns">
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 20px;
    align-items: stretch;
    margin: 0;
    padding: 0;
">
     <!-- Левая колонка -->
     <!-- Левая колонка -->
     <div class="column-content" style="flex: 1 1 50%; min-width: 0; margin: 0; padding: 0;">
     <div class="column-content">
        {{Main_Page/Links}}
        <div class="links-container">
            {{Main_Page/Links}}
        </div>
     </div>
     </div>
     <!-- Правая колонка -->
     <!-- Правая колонка -->
     <div class="column-content" style="flex: 1 1 50%; min-width: 0; margin: 0; padding: 0;">
     <div class="column-content">
        {{Main_Page/About}}
        <div class="equal-height-container">
            {{Main_Page/About}}
        </div>
     </div>
     </div>
</div>
<!-- GUIDES SECTION -->
<div class="guides-section">
<div class="wiki-mainpage">
  <div class="wiki-mainpage-column">
    <div>{{MainPage/Lore}}</div>
    <div>{{MainPage/Guides}}</div>
  </div>
 
  <div class="wiki-mainpage-column">
    <div>{{MainPage/Jobs}}</div>
    <div>{{MainPage/Antags}}</div>
    <div>{{MainPage/Pepegas}}</div>
  </div>
</div>
</div>
</div>

Текущая версия от 16:18, 9 ноября 2025

ДОБРО ПОЖАЛОВАТЬ НА
OPEN SPACE WIKI
Официальная Вики по игре Space Station 14


О Space Station 14
Space Station 14 вдохновлена культовой классикой Space Station 13 и рассказывает историю о том, как обычная смена на космической станции пошла наперекосяк.
Погрузитесь в свою роль, возитесь с проработанными системами и выживайте в хаосе в этой многопользовательской ролевой игре.
Сообщество
Помогите! Я не могу найти руководство по X!
Скорее всего, его еще не существует! Вики SS14, как и большинство вики, заполняется энтузиастами из нашего Discord сообщества.
Если у вас есть время и желание помогать, напишите заявку и в течении 48 часов вам ответят.


Лор