Открыть поиск
Открыть меню
9
3,1 тыс.
22
13,1 тыс.
Celadon | Wiki Sierra
Переключить меню настроек
Открыть персональное меню
Вы не представились системе
Ваш IP-адрес будет виден всем, если вы внесёте какие-либо изменения.

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

Обсуждение страницы КЗ Армовича 2 версия
Дополнительные действия
← Предыдущая правка
ВизуальныйВики-текст
Armowich (обсуждение | вклад)
Sierra
3074 правки
мНет описания правки
Armowich (обсуждение | вклад)
Sierra
3074 правки
мНет описания правки
 
(не показано 17 промежуточных версий этого же участника)
Строка 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
</strong>
</div>
</div>
 
<div style="position: relative; margin-top: 16px">
<div style="position: relative;">
 
<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; border-top-left-radius: 50px"><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: red; 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: red; 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%; display: inline-block; font-size: 4px; border-top-right-radius: 50px"><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 БЛОК -->
<div style="position: relative; padding-right: 20%;">
<div style="position: relative; padding-right: 20%">
 
<div style="
<div style="
font-size: 16px;
font-size: 16px;
Строка 33: Строка 24:
margin-right: -5%;
margin-right: -5%;
position: relative;
position: relative;
z-index: 2;
z-index: 5;
border-radius: 0 30px 30px 0;
border-radius: 0 20px 20px 0;
">
">
Контент розового блока<br>
<div style="display: flex; width: 100%;">
Многострочный текст<br>
<!-- Левый блок -->
Перекрывает синий блок<br>
<div style="flex: 1;box-sizing: border-box; border: 1px solid ; height: 100%">
Автоматическая высота<br><br><br>
Центральный блок (50%)<br>
<div style="display: flex; width: 100%;">
<!-- Левый-Левый блок -->
<div style="flex: 1;box-sizing: border-box; border: 1px solid ; height: 100%">
Левый блок (50%)<br>
Контент первой части<br>
Может быть любой текст<br>
Распределяется по высоте<br><br><br><br><br><br><br><br><br><br>
</div>
<!-- Правый-Левый блок -->
<div style="flex: 1; box-sizing: border-box;">
Правый блок (50%)<br>
Контент второй части<br>
Одинаковая ширина<br>
Автоматическая высота
</div>
</div>
</div>
<!-- Правый блок -->
<div style="flex: 1; box-sizing: border-box; border: 1px solid ; height: 100%">
Правый блок (50%)<br>
Контент второй части<br>
Одинаковая ширина<br>
Автоматическая высота
</div>
</div>
</div>
</div>


Строка 47: Строка 63:
top: 0;
top: 0;
width: 20%;
width: 20%;
background-color: blue;
font-size: 16px;
font-size: 16px;
color: white;
color: white;
padding: 0 1% 0 5%;
z-index: 1;
z-index: 1;
height: 100%;
height: 100%;
box-sizing: border-box;
box-sizing: border-box;
display: flex;
flex-direction: column;
">
<div style="
background-color: none;
height: 30px;
min-height: 30px;
flex-shrink: 0;
display: flex;
align-items: center;
box-sizing: border-box;
margin-bottom:8px;
">
<br>
</div>
<!-- БОКОВОЙ БЛОК -->
<div style="
background-color: #{{MainColors|Block1Bot|First}};
flex: 1;
padding: 0 5% 0 25%;
box-sizing: border-box;
overflow: auto;
">
">
Контент синего блока<br>
Контент синего блока<br>
Многострочный текст<br>
Многострочный текст<br>
Разная высота<br>
Разная высота<br>
Еще строка<br><br><br><br><br><br><br><br><br><br><br><br>
Еще строка<br>
Еще<br>
И еще<br>
Автоматически растягивается<br>
Не выходит за пределы
</div>
</div>


<div style="
height: 60px;
min-height: 30px;
flex-shrink: 0;
display: flex;
align-items: center;
box-sizing: border-box;
margin-top:8px;
">
<br>
</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: 20%; display: inline-block; font-size: 4px; border-bottom-right-radius: 50px"><br></div>
</div>
</div>


</div>
</div>


<div style="font-size: 0; position:relative;">


<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: #{{MainColors|Block1Bot|Third}}; width: calc(25% - 8px); display: inline-block; font-size: 4px; margin-left: 50%;"><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: #{{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>


<!-- БЛОК-2 -->
<div style="position: relative; padding-left: 30%;">


<div style="
position: absolute;
left: 0;
top: 0;
width: 30%;
font-size: 16px;
color: white;
z-index: 1;
height: 100%;
box-sizing: border-box;
display: flex;
flex-direction: column;
">


<div style="
height: 100px;
min-height: 100px;
flex-shrink: 0;
display: flex;
align-items: center;
box-sizing: border-box;
margin-bottom:8px;
">
<br>
</div>


<!-- БОКОВОЙ БЛОК -->
<div style="
background-color: #{{MainColors|Block2|First}};
flex: 1;
padding: 0 15% 0 3%;
box-sizing: border-box;
overflow: auto;
">
Контент синего блока<br>
Многострочный текст<br>
Разная высота<br>
Еще строка<br>
Еще<br>
И еще<br>
Автоматически растягивается<br>
Не выходит за пределы
</div>


</div>


<div style="
font-size: 16px;
background: var(--background-color-base);
padding: 10px;
margin-left: -5%;
position: relative;
z-index: 2;
border-radius: 20px 0 0 20px;
">
<div style="display: flex; width: 100%;">
<!-- Левый блок -->
<div style="flex: 1; box-sizing: border-box;">
Левый блок<br>
Контент первой части<br>
Может быть любой текст<br>
Распределяется по высоте<br><br><br><br><br><br><br><br><br><br>
</div>
<!-- Центральный блок -->
<div style="flex: 1; box-sizing: border-box;">
Центральный блок<br>
Контент первой части<br>
Может быть любой текст<br>
Распределяется по высоте
</div>
<!-- Правый блок -->
<div style="flex: 1; box-sizing: border-box;">
Правый блок<br>
Контент второй части<br>
Одинаковая ширина<br>
Автоматическая высота
</div>
</div>
</div>


</div>


<div style="font-size: 0; position:relative;">
<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: #{{MainColors|Block2|Second}}; width: calc(25% - 8px); display: inline-block; font-size: 25px; margin-right: 8px;"><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 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; border-top-left-radius: 50px"><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: red; width: calc(40% - 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: red; width: calc(2% - 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: #fff; width: calc(33% - 8px); display: inline-block; font-size: 4px; margin-right: 8px;"><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 style="background-color: yellow; width: calc(20% - 8px); display: inline-block; font-size: 4px; border-top-right-radius: 50px"><br></div>
</div>
</div>


<div style="font-size: 0; position: relative;">
<div style="position: relative; padding-right: 30%;">
 
<div style="
<div style="
width: calc(80% - 8px);
display: inline-block;
font-size: 16px;
font-size: 16px;
margin-right: 8px;
background: var(--background-color-base);
vertical-align: top;
padding: 10px;
margin-right: -5%;
position: relative;
z-index: 5;
border-radius: 0 20px 20px 0;
">
">
<div style="
<div style="display: flex; width: 100%;">
z-index: 30;
<!-- Левый блок -->
position: relative;
<div style="flex: 1; box-sizing: border-box;">
padding: 30px 0 30px 30px;
Левый блок<br>
Контент первой части<br>
Может быть любой текст<br>
Распределяется по высоте<br><br><br><br><br><br><br><br><br><br>
</div>


">
<!-- Центральный блок -->
<div class="wiki-mainpage-column" style="width: 49.5%; float:left; border:2px solid #01568A; border-radius: 10px" align="center">
<div style="flex: 1; box-sizing: border-box;">
[[файл:Sierra_Logo.png|140px|center]]
Центральный блок<br>
<div style="padding: 0 10px; width:100%; padding-bottom: 20px">
Контент первой части<br>
{{#tag:inputbox
Может быть любой текст<br>
|type=search
Распределяется по высоте
|width=100%
}}
</div>
</div>
<div class="wiki-mainpage-column" style="width: 49.5%; float:left; border:2px solid #01568A; border-radius: 10px" align="center">
 
Галактическая карта
<!-- Правый блок -->
<div style="flex: 1; box-sizing: border-box;">
Правый блок<br>
Контент второй части<br>
Одинаковая ширина<br>
Автоматическая высота
</div>
</div>
<div class="wiki-mainpage-column" style="width: 49.5%; float:right; border:2px solid #01568A; border-radius: 10px" align="center">
Карта сьерры
</div>
</div>
</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="
<div style="
position: absolute;
position: absolute;
background: var(--background-color-base);
right: 0;
background: pink;
width: calc(80% + 30px);
left: 0;
top: 0;
top: 0;
width: 30%;
font-size: 16px;
font-size: 16px;
z-index: 20;
color: white;
border-radius: 0 20px 20px 0;
z-index: 1;
height: 100%;
box-sizing: border-box;
display: flex;
flex-direction: column;
">
 
<div style="
height: 80px;
min-height: 80px;
flex-shrink: 0;
display: flex;
align-items: center;
box-sizing: border-box;
margin-bottom:8px;
">
">
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br>
</div>
</div>
<!-- БОКОВОЙ -->
<div style="
background-color: #{{MainColors|Block3Bot|Third}};
flex: 1;
padding: 0 3% 0 15%;
box-sizing: border-box;
overflow: auto;
">
Контент синего блока<br>
Многострочный текст<br>
Разная высота<br>
Еще строка<br>
Еще<br>
И еще<br>
Автоматически растягивается<br>
Не выходит за пределы
</div>
</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 style="font-size: 0; position:relative;">
<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: #{{MainColors|Block3Bot|Second}}; width: calc(25% - 8px); display: inline-block; font-size: 25px; margin-right: 8px;"><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; 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%)
Контент второй части
Одинаковая ширина
Автоматическая высота


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







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

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









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

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








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









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

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


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




Источник — https://sierra.celadon.pro/index.php?title=Обсуждение:КЗ_Армовича_2_версия&oldid=15118
Последнее изменение
Эта страница в последний раз была отредактирована 10 февраля 2026 года в 06:20.