MediaWiki:Common.css: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
No edit summary
Line 5: Line 5:
.life-wrapper {
.life-wrapper {
     display: flex;
     display: flex;
     align-items: center; /* Выравнивание по вертикали */
     align-items: center;
     justify-content: center; /* Центрирование по горизонтали на странице */
     justify-content: center;
     width: 100%;
     width: 100%;
     height: 100vh; /* Полная высота экрана для центрирования */
     height: 100vh;
}
}


Line 15: Line 15:
     display: flex;
     display: flex;
     align-items: center;
     align-items: center;
     width: 150px; /* Ширина контейнера */
     width: 150px;
}
}


.pillar {
.pillar {
     width: 5px;
     width: 5px;
     height: 50%;
     height: 50px;
     background-color: #D02019;
     background-color: #D02019;
}
}


.left-pillar {
.left-pillar {
     margin-right: 50px; /* Расстояние между полосками и линией */
     margin-right: 50px;
}
}


.right-pillar {
.right-pillar {
     transform: rotate(20deg); /* Наклоняем на 20 градусов */
     transform: rotate(20deg);
     margin-left: -35px; /* Подвигаем полоску на 5px влево */
     margin-left: -35px;
}
}


.bridge-beam {
.bridge-beam {
     position: absolute;
     position: absolute;
     width: 10px; /* Ширина линии */
     width: 10px;
     height: 5px; /* Толщина линии */
     height: 5px;
     background-color: #D02019;
     background-color: #D02019;
     top: 50%; /* Центрируем вертикально по середине контейнера */
     top: 50%;
     left: calc(50% - 30px - 38px); /* Обновляем расчет для выравнивания линии */
     left: calc(50% - 30px - 38px);
     transform: translateY(-50%); /* Центрируем вертикально */
     transform: translateY(-50%);
}
}


.survival-text {
.survival-text {
     margin-left: 1.5em; /* Пробел между элементом и текстом */
     margin-left: 1.5em;
     font-size: 16px; /* Базовый размер текста */
     font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: #000;
}
}


Navigation menu