Открыть меню
Переключить меню настроек
Открыть персональное меню
Вы не представились системе
Ваш IP-адрес будет виден всем, если вы внесёте какие-либо изменения.

Обсуждение:КЗ Армовича 2 версия: различия между версиями

Обсуждение страницы КЗ Армовича 2 версия
Armowich (обсуждение | вклад)
мНет описания правки
Armowich (обсуждение | вклад)
мНет описания правки
 
(не показаны 2 промежуточные версии этого же участника)
Строка 1: Строка 1:
--[[Участник:Armowich|Armowich]] ([[Обсуждение участника:Armowich|обсуждение]]) 06:53, 4 февраля 2026 (UTC)--[[Участник:Armowich|Armowich]] ([[Обсуждение участника:Armowich|обсуждение]]) 06:53, 4 февраля 2026 (UTC)<div style="background-color: #f3b867; border-radius: 50px;">
--[[Участник:Armowich|Armowich]] ([[Обсуждение участника:Armowich|обсуждение]]) 06:53, 4 февраля 2026 (UTC)--[[Участник:Armowich|Armowich]] ([[Обсуждение участника:Armowich|обсуждение]]) 06:53, 4 февраля 2026 (UTC)
<strong style="
<div style="display: flex; align-items: center; height: 36px;">
    font-size: 2.5em;
<div style="width: 30px; height: 100%; background-color: #{{MainColors|Header}}; border-radius: 30px 0 0 30px; margin-right: 5px"></div>
    margin-left:30px;  
<strong style="color: #{{MainColors|Header}}; font-size: 40px">ДОБРО ПОЖАЛОВАТЬ НА SIERRA-CELADON SS-13</strong>
    background-color: var(--background-color-base);
<div style="flex: 1; height: 100%; background-color: #{{MainColors|Header}}; border-radius: 0 30px 30px 0; margin-left: 5px"></div>
    color: #f3b867;  
 
    display: inline-block;
</div>
    line-height: 0.85;
<div>
    padding: 0.1em 0.2em;  
    max-width: calc(100vw - 100px);
    box-sizing: border-box;
">
ДОБРО ПОЖАЛОВАТЬ НА SIERRA-CELADON SS-13
</strong>
</div>
</div>
<div style="position: relative;">
<div style="position: relative; margin-top: 16px">
<div style="font-size: 0; position:relative;">
<div style="font-size: 0; position:relative;">
<div style="background-color: #fff; width: calc(5% - 8px); display: inline-block; font-size: 4px; margin-right: 8px;"><br></div>
<div style="background-color: #{{MainColors|Block1|First}}; width: calc(5% - 8px); display: inline-block; font-size: 4px; margin-right: 8px;"><br></div>
<div style="background-color: #fff; width: calc(40% - 8px); display: inline-block; font-size: 4px; margin-right: 8px;"><br></div>
<div style="background-color: #{{MainColors|Block1|Second}}; width: calc(40% - 8px); display: inline-block; font-size: 4px; margin-right: 8px;"><br></div>
<div style="background-color: #fff; width: calc(2% - 8px); display: inline-block; font-size: 4px; margin-right: 8px;"><br></div>
<div style="background-color: #{{MainColors|Block2|First}}; width: calc(2% - 8px); display: inline-block; font-size: 4px; margin-right: 8px;"><br></div>
<div style="background-color: #fff; width: calc(33% - 8px); display: inline-block; font-size: 4px; margin-right: 8px;"><br></div>
<div style="background-color: #{{MainColors|Block1|Fourth}}; width: calc(33% - 8px); display: inline-block; font-size: 4px; margin-right: 8px;"><br></div>
<div style="background-color: yellow; width: 20%; position: absolute; z-index:3; height: 38px; display: inline-block; font-size: 4px; border-top-right-radius: 30px"><br></div>
<div style="background-color: #{{MainColors|Block1|Five}}; width: 20%; position: absolute; z-index:3; height: 38px; display: inline-block; font-size: 4px; border-top-right-radius: 30px"><br></div>
</div>
</div>
<!-- 1 БЛОК -->
<!-- 1 БЛОК -->
<div style="position: relative; padding-right: 20%;">
<div style="position: relative; padding-right: 20%">
<div style="
<div style="
font-size: 16px;
font-size: 16px;
Строка 35: Строка 29:
<div style="display: flex; width: 100%;">
<div style="display: flex; width: 100%;">
<!-- Левый блок -->
<!-- Левый блок -->
<div style="flex: 1;box-sizing: border-box; border: 1px solid lime; height: 100%">
<div style="flex: 1;box-sizing: border-box; border: 1px solid ; height: 100%">
Центральный блок (50%)<br>
Центральный блок (50%)<br>
<div style="display: flex; width: 100%;">
<div style="display: flex; width: 100%;">
<!-- Левый-Левый блок -->
<!-- Левый-Левый блок -->
<div style="flex: 1;box-sizing: border-box; border: 1px solid lime; height: 100%">
<div style="flex: 1;box-sizing: border-box; border: 1px solid ; height: 100%">
Левый блок (50%)<br>
Левый блок (50%)<br>
Контент первой части<br>
Контент первой части<br>
Строка 55: Строка 49:
</div>
</div>
<!-- Правый блок -->
<!-- Правый блок -->
<div style="flex: 1; box-sizing: border-box; border: 1px solid lime; height: 100%">
<div style="flex: 1; box-sizing: border-box; border: 1px solid ; height: 100%">
Правый блок (50%)<br>
Правый блок (50%)<br>
Контент второй части<br>
Контент второй части<br>
Строка 93: Строка 87:
<!-- БОКОВОЙ БЛОК -->
<!-- БОКОВОЙ БЛОК -->
<div style="
<div style="
background-color: blue;
background-color: #{{MainColors|Block1Bot|First}};
flex: 1;
flex: 1;
padding: 0 5% 0 25%;
padding: 0 5% 0 25%;
Строка 127: Строка 121:
<div style="font-size: 0; position:relative;">
<div style="font-size: 0; position:relative;">


<div style="background-color: yellow; width: calc(50% - 8px); position: absolute; left: 0; top: 0; height: 108px; font-size: 4px; border-top-left-radius: 30px; z-index: 2;"><br></div>
<div style="background-color: #{{MainColors|Block1Bot|Third}}; width: calc(50% - 8px); position: absolute; left: 0; top: 0; height: 108px; font-size: 4px; border-top-left-radius: 30px; z-index: 2;"><br></div>
<div style="background-color: #fff; width: calc(25% - 8px); display: inline-block; font-size: 4px; margin-left: 50%;"><br></div>
<div style="background-color: #{{MainColors|Block1Bot|Third}}; width: calc(25% - 8px); display: inline-block; font-size: 4px; margin-left: 50%;"><br></div>
<div style="background-color: #fff; width: calc(5% - 8px); display: inline-block; font-size: 4px; margin-left: 8px;"><br></div>
<div style="background-color: #{{MainColors|Block1Bot|Fourth}}; width: calc(5% - 8px); display: inline-block; font-size: 4px; margin-left: 8px;"><br></div>
<div style="background-color: yellow; width: 20%; position: absolute; z-index: 3; right: 0; bottom: 0; height: 68px; font-size: 4px; border-bottom-right-radius: 30px;"><br></div>
<div style="background-color: #{{MainColors|Block1Bot|First}}; width: 20%; position: absolute; z-index: 3; right: 0; bottom: 0; height: 68px; font-size: 4px; border-bottom-right-radius: 30px;"><br></div>


</div>
</div>
Строка 165: Строка 159:
<!-- БОКОВОЙ БЛОК -->
<!-- БОКОВОЙ БЛОК -->
<div style="
<div style="
background-color: blue;
background-color: #{{MainColors|Block2|First}};
flex: 1;
flex: 1;
padding: 0 15% 0 3%;
padding: 0 15% 0 3%;
Строка 222: Строка 216:


<div style="font-size: 0; position:relative;">
<div style="font-size: 0; position:relative;">
<div style="background-color: yellow; width: calc(50% - 8px); display: inline-block; font-size: 25px; margin-right: 8px; border-bottom-left-radius: 30px"><br></div>
<div style="background-color: #{{MainColors|Block2|First}}; width: calc(50% - 8px); display: inline-block; font-size: 25px; margin-right: 8px; border-bottom-left-radius: 30px"><br></div>
<div style="background-color: #fff; width: calc(25% - 8px); display: inline-block; font-size: 25px; margin-right: 8px;"><br></div>
<div style="background-color: #{{MainColors|Block2|Second}}; width: calc(25% - 8px); display: inline-block; font-size: 25px; margin-right: 8px;"><br></div>
<div style="background-color: yellow; width: 25%; display: inline-block; font-size: 25px; border-radius: 0 50px 50px 0"><br></div>
<div style="background-color: #{{MainColors|Block2|Third}}; width: 25%; display: inline-block; font-size: 25px; border-radius: 0 50px 50px 0"><br></div>
</div><!-- 3 БЛОК -->
</div><!-- 3 БЛОК -->
<div style="position: relative; margin-top: 16px">
<div style="position: relative; margin-top: 16px">


<div style="font-size: 0; position:relative;">
<div style="font-size: 0; position:relative;">
<div style="background-color: yellow; width: calc(5% - 8px); display: inline-block; font-size: 4px; margin-right: 8px;"><br></div>
<div style="background-color: #{{MainColors|Block3|First}}; width: calc(5% - 8px); display: inline-block; font-size: 4px; margin-right: 8px;"><br></div>
<div style="background-color: #fff; width: calc(20% - 8px); display: inline-block; font-size: 4px; margin-right: 8px;"><br></div>
<div style="background-color: #{{MainColors|Block3|Second}}; width: calc(20% - 8px); display: inline-block; font-size: 4px; margin-right: 8px;"><br></div>
<div style="background-color: #fff; width: calc(25% - 8px); display: inline-block; font-size: 4px; margin-right: 8px;"><br></div>
<div style="background-color: #{{MainColors|Block3|Third}}; width: calc(25% - 8px); display: inline-block; font-size: 4px; margin-right: 8px;"><br></div>
<div style="background-color: yellow; width: 50%;  position: absolute; z-index:3; height: 88px; display: inline-block; font-size: 4px; border-top-right-radius: 30px"><br></div>
<div style="background-color: #{{MainColors|Block3|Fourth}}; width: 50%;  position: absolute; z-index:3; height: 88px; display: inline-block; font-size: 4px; border-top-right-radius: 30px"><br></div>
</div>
</div>


Строка 301: Строка 295:
<!-- БОКОВОЙ -->
<!-- БОКОВОЙ -->
<div style="
<div style="
background-color: blue;
background-color: #{{MainColors|Block3Bot|Third}};
flex: 1;
flex: 1;
padding: 0 3% 0 15%;
padding: 0 3% 0 15%;
Строка 322: Строка 316:


<div style="font-size: 0; position:relative;">
<div style="font-size: 0; position:relative;">
<div style="background-color: yellow; width: calc(25% - 8px); display: inline-block; font-size: 25px; margin-right: 8px; border-radius: 30px 0 0 30px"><br></div>
<div style="background-color: #{{MainColors|Block3Bot|First}}; width: calc(25% - 8px); display: inline-block; font-size: 25px; margin-right: 8px; border-radius: 30px 0 0 30px"><br></div>
<div style="background-color: #fff; width: calc(25% - 8px); display: inline-block; font-size: 25px; margin-right: 8px;"><br></div>
<div style="background-color: #{{MainColors|Block3Bot|Second}}; width: calc(25% - 8px); display: inline-block; font-size: 25px; margin-right: 8px;"><br></div>
<div style="background-color: yellow; width: 50%; display: inline-block; font-size: 25px; border-bottom-right-radius: 30px"><br></div>
<div style="background-color: #{{MainColors|Block3Bot|Third}}; width: 50%; display: inline-block; font-size: 25px; border-bottom-right-radius: 30px"><br></div>
</div>
 
</div>
 
 
 
 
 
 
 
 
 
<div style="font-size: 0; position:relative;">
<div style="background-color: #fff; width: calc(5% - 8px); display: inline-block; font-size: 4px; margin-right: 8px; border-top-left-radius: 30px"><br></div>
<div style="background-color: red; width: calc(40% - 8px); display: inline-block; font-size: 4px; margin-right: 8px;"><br></div>
<div style="background-color: red; width: calc(2% - 8px); display: inline-block; font-size: 4px; margin-right: 8px;"><br></div>
<div style="background-color: #fff; width: calc(33% - 8px); display: inline-block; font-size: 4px; margin-right: 8px;"><br></div>
<div style="background-color: yellow; width: calc(20% - 8px); display: inline-block; font-size: 4px; border-top-right-radius: 30px"><br></div>
</div>
 
<div style="font-size: 0; position: relative;">
<div style="
width: calc(80% - 8px);
display: inline-block;
font-size: 16px;
margin-right: 8px;
vertical-align: top;
">
<div style="
z-index: 30;
position: relative;
padding: 30px 0 30px 30px;
 
">
<div class="wiki-mainpage-column" style="width: 49.5%; float:left; border:2px solid #01568A; border-radius: 10px" align="center">
[[файл:Sierra_Logo.png|140px|center]]
<div style="padding: 0 10px; width:100%; padding-bottom: 20px">
{{#tag:inputbox
|type=search
|width=100%
}}
</div>
<div class="wiki-mainpage-column" style="width: 49.5%; float:left; border:2px solid #01568A; border-radius: 10px" align="center">
Галактическая карта
</div>
<div class="wiki-mainpage-column" style="width: 49.5%; float:right; border:2px solid #01568A; border-radius: 10px" align="center">
Карта сьерры
</div>
</div>
 
<div class="wiki-mainpage-column" style="width: 49.5%; float:right; border:5px double #48765E" align="left">
<strong style="font-size: 1.4em;">О сервере</strong><br>
Sierra Celadon - сервер Space Station 13 основанный на вселенной Бэй12.
<strong>Наш сервер находится:</strong>
* byond://play.celadon.pro:1350
* byond://game.celadon.pro:1350
</div>
</div>
<div style="
position: absolute;
background: var(--background-color-base);
background: pink;
width: calc(80% + 30px);
left: 0;
top: 0;
font-size: 16px;
z-index: 20;
border-radius: 0 20px 20px 0;
">
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>
</div>
<div style="background-color: yellow; width: calc(20% - 8px); display: inline-block; font-size: 16px; color: var(--background-color-base); padding: 0 5px 0 40px;">
<hr style="color: var(--background-color-base)" padding-top: 20px>
<div style="height:8px; background:var(--background-color-base); width:150%; margin: 10px 0 10px -20px;"></div>
Наш сервер находится:
byond://play.celadon.pro:1350
byond://game.celadon.pro:1350<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>
</div>
</div>


<div style="font-size: 0; position:relative; z-index: 10;">
<div style="background-color: #fff; width: calc(50% - 8px); display: inline-block; font-size: 4px; margin-right: 8px; border-bottom-left-radius: 50px"><br></div>
<div style="background-color: red; width: calc(25% - 8px); display: inline-block; font-size: 4px; margin-right: 8px;"><br></div>
<div style="background-color: #fff; width: calc(5% - 8px); display: inline-block; font-size: 4px; margin-right: 8px;"><br></div>
<div style="background-color: yellow; width: calc(20% - 8px); display: inline-block; font-size: 4px; border-bottom-right-radius: 50px"><br></div>
</div>
</div>

Текущая версия от 06:20, 10 февраля 2026

--Armowich (обсуждение) 06:53, 4 февраля 2026 (UTC)--Armowich (обсуждение) 06:53, 4 февраля 2026 (UTC)

ДОБРО ПОЖАЛОВАТЬ НА SIERRA-CELADON SS-13






Центральный блок (50%)

Левый блок (50%)
Контент первой части
Может быть любой текст
Распределяется по высоте









Правый блок (50%)
Контент второй части
Одинаковая ширина
Автоматическая высота

Правый блок (50%)
Контент второй части
Одинаковая ширина
Автоматическая высота


Контент синего блока
Многострочный текст
Разная высота
Еще строка
Еще
И еще
Автоматически растягивается
Не выходит за пределы







Контент синего блока
Многострочный текст
Разная высота
Еще строка
Еще
И еще
Автоматически растягивается
Не выходит за пределы

Левый блок
Контент первой части
Может быть любой текст
Распределяется по высоте









Центральный блок
Контент первой части
Может быть любой текст
Распределяется по высоте

Правый блок
Контент второй части
Одинаковая ширина
Автоматическая высота








Левый блок
Контент первой части
Может быть любой текст
Распределяется по высоте









Центральный блок
Контент первой части
Может быть любой текст
Распределяется по высоте

Правый блок
Контент второй части
Одинаковая ширина
Автоматическая высота


Контент синего блока
Многострочный текст
Разная высота
Еще строка
Еще
И еще
Автоматически растягивается
Не выходит за пределы