8,960
edits
MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary Tag: Reverted |
No edit summary Tag: Manual revert |
||
| Line 1,059: | Line 1,059: | ||
.container { | .container { | ||
position: relative; | |||
display: flex; | |||
align-items: center; | |||
} | width: 150px; /* Ширина контейнера */ | ||
height: 50px; | |||
.stripe { | left: 697px; | ||
top: -37px; | |||
} | |||
.stripe { | |||
} | width: 5px; | ||
height: 50%; | |||
.left-stripe { | background-color: #D02019; | ||
} | |||
} | .left-stripe { | ||
margin-right: 50px; /* Расстояние между полосками и линией */ | |||
.right-stripe { | } | ||
.right-stripe { | |||
} | transform: rotate(20deg); /* Наклоняем на 20 градусов */ | ||
margin-left: -35px; /* Подвигаем полоску на 5px влево */ | |||
.horizontal-line { | } | ||
.horizontal-line { | |||
position: absolute; | |||
width: 10px; /* Ширина линии */ | |||
} | height: 5px; /* Толщина линии */ | ||
background-color: #D02019; | |||
top: 50%; /* Центрируем вертикально по середине контейнера */ | |||
left: calc(50% - 30px - 38px); /* Обновляем расчет для выравнивания линии */ | |||
transform: translateY(-50%); /* Центрируем вертикально */ | |||
} | |||
.mail-icon { font-size: 48px; color: #000000; font-size: 96px; } | .mail-icon { font-size: 48px; color: #000000; font-size: 96px; } | ||