8,960
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: | ||
.container { | |||
position: relative; | |||
display: flex; | |||
align-items: center; | |||
width: 320px; /* Ширина контейнера */ | |||
height: 200px; | |||
} | |||
.stripe { | |||
width: 15px; | |||
height: 50%; | |||
background-color: black; | |||
} | |||
.left-stripe { | |||
margin-right: 50px; /* Расстояние между полосками и линией */ | |||
} | |||
.right-stripe { | |||
transform: rotate(20deg); /* Наклоняем на 20 градусов */ | |||
margin-left: 20px; /* Подвигаем полоску на 5px влево */ | |||
} | |||
.horizontal-line { | |||
position: absolute; | |||
width: 50px; /* Ширина линии */ | |||
height: 15px; /* Толщина линии */ | |||
background-color: black; | |||
top: 50%; /* Центрируем вертикально по середине контейнера */ | |||
left: calc(50% - 65px - 70px); /* Обновляем расчет для выравнивания линии */ | |||
transform: translateY(-50%); /* Центрируем вертикально */ | |||
} | |||
.mail-icon { font-size: 48px; color: #000000; font-size: 96px; } | .mail-icon { font-size: 48px; color: #000000; font-size: 96px; } | ||