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

Версия от 11:01, 6 февраля 2026

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

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

Контент розового блока
Многострочный текст
Перекрывает синий блок
Автоматическая высота

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

Контент розового блока
Многострочный текст
Перекрывает синий блок
Автоматическая высота

Галактическая карта

Карта сьерры

О сервере
Sierra Celadon - сервер Space Station 13 основанный на вселенной Бэй12. Наш сервер находится:

Наш сервер находится: byond://play.celadon.pro:1350 byond://game.celadon.pro:1350

@@ Строка 107: / Строка 107: @@
 <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: yellow; width: calc(50% - 8px); display: inline-block; font-size: 4px; margin-right: 8px; border-top-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>
@@ Строка 113: / Строка 113: @@
 </div>
+</div>
+<!-- БЛОК-2 -->
+<div style="position: relative; padding-left: 40%;">
+<div style="
+position: absolute;
+left: 0;
+top: 0;
+width: 40%;
+font-size: 16px;
+color: white;
+z-index: 1;
+height: 100%;
+box-sizing: border-box;
+display: flex;
+flex-direction: column;
+">
+<!-- Фиолетовый блок (30px) -->
+<div style="
+background-color: yellow;
+height: 30px;
+min-height: 30px;
+flex-shrink: 0;
+display: flex;
+align-items: center;
+box-sizing: border-box;
+margin-bottom:10px;
+">
+<br>
+</div>
+<!-- Синий блок -->
+<div style="
+background-color: blue;
+flex: 1;
+padding: 0 5% 0 25%;
+box-sizing: border-box;
+overflow: auto;
+">
+Контент синего блока<br>
+Многострочный текст<br>
+Разная высота<br>
+Еще строка<br>
+Еще<br>
+И еще<br>
+Автоматически растягивается<br>
+Не выходит за пределы
+</div>
+<!-- Фиолетовый блок (30px) -->
+<div style="
+background-color: yellow;
+height: 60px;
+min-height: 30px;
+flex-shrink: 0;
+display: flex;
+align-items: center;
+box-sizing: border-box;
+margin-top:10px;
+">
+<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: 30px 0 0 30px;
+">
+Контент розового блока<br>
+Многострочный текст<br>
+Перекрывает синий блок<br>
+Автоматическая высота<br><br><br><br><br><br><br><br><br><br><br>
+</div>
+</div>
+<div style="font-size: 0; position:relative; z-index: 10;">
+<div style="background-color: yellow; width: calc(50% - 8px); display: inline-block; font-size: 4px; margin-right: 8px; border-top-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>