8,972
edits
MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* Kitchen Sink Logo*/ | /* Kitchen Sink Logo*/ | ||
. | |||
/* Kitchen Sink */ | |||
.life-wrapper { | |||
display: flex; | |||
align-items: center; /* Выравнивание по вертикали */ | |||
justify-content: center; /* Центрирование по горизонтали на странице */ | |||
width: 100%; | width: 100%; | ||
height: 100vh; /* | height: 100vh; /* Полная высота экрана для центрирования */ | ||
} | } | ||
. | .kitchen_sink { | ||
position: relative; | |||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
width: 150px; /* Ширина контейнера */ | |||
} | } | ||
. | .pillar { | ||
width: | width: 5px; | ||
height: | height: 50%; | ||
background-color: # | background-color: #D02019; | ||
} | } | ||
. | .left-pillar { | ||
margin-right: | margin-right: 50px; /* Расстояние между полосками и линией */ | ||
} | } | ||
. | .right-pillar { | ||
margin-left: | transform: rotate(20deg); /* Наклоняем на 20 градусов */ | ||
margin-left: -35px; /* Подвигаем полоску на 5px влево */ | |||
} | } | ||
. | .bridge-beam { | ||
width: | position: absolute; | ||
height: | width: 10px; /* Ширина линии */ | ||
background-color: # | height: 5px; /* Толщина линии */ | ||
background-color: #D02019; | |||
top: 50%; /* Центрируем вертикально по середине контейнера */ | |||
left: calc(50% - 30px - 38px); /* Обновляем расчет для выравнивания линии */ | |||
transform: translateY(-50%); /* Центрируем вертикально */ | |||
} | } | ||
. | .survival-text { | ||
margin-left: 1.5em; /* Пробел между элементом и текстом */ | |||
font-size: 16px; /* Базовый размер текста */ | |||
} | } | ||