Обсуждение:КЗ Армовича 2 версия: различия между версиями
Дополнительные действия
Armowich (обсуждение | вклад) мНет описания правки |
Armowich (обсуждение | вклад) мНет описания правки |
||
| Строка 107: | Строка 107: | ||
<div style="font-size: 0; position:relative; z-index: 10;"> | <div style="font-size: 0; position:relative; z-index: 10;"> | ||
<div style="background-color: | <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: 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: #fff; width: calc(5% - 8px); display: inline-block; font-size: 4px; margin-right: 8px;"><br></div> | ||
| Строка 113: | Строка 113: | ||
</div> | </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> | </div> | ||
Версия от 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
