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

Нет описания правки
Нет описания правки
 
(не показано 6 промежуточных версий этого же участника)
Строка 34: Строка 34:
     line-height: 0 !important;
     line-height: 0 !important;
}
}
/* Убираем все лишние отступы */
/* Десктопная версия - две колонки */
.flex-container {
.main-page-columns {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
}}
<!-- Content -->
<div class="flex-container" style="
     display: flex;
     display: flex;
     flex-direction: row;
     flex-direction: row;
     width: 100%;
     width: 100%;
     gap: 16px;
     gap: 20px;
     align-items: flex-start;
     align-items: stretch;
    margin: 0;
    padding: 0;
}
.column-content {
    flex: 1 1 50%;
    min-width: 0;
     margin: 0;
     margin: 0;
     padding: 0;
     padding: 0;
     min-height: 0;
     height: 100%;
">
    display: flex;
    flex-direction: column;
}
/* Контейнер для Links */
.links-container {
    height: 100%;
    display: flex;
    flex-direction: column;
}
/* Контейнер для About */
.equal-height-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 13px;
}
.pageframe {
    flex-shrink: 0;
}
.pageframe:last-child {
    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 -->
<div class="main-page-columns">
     <!-- Левая колонка -->
     <!-- Левая колонка -->
     <div 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 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 часов вам ответят.


Лор