Dantes (обсуждение | вклад) Нет описания правки |
Dantes (обсуждение | вклад) Нет описания правки Метка: ручная отмена |
||
(не показана 1 промежуточная версия этого же участника) | |||
Строка 2: | Строка 2: | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
gap: 10px; | |||
justify-content: center; | justify-content: center; | ||
} | } | ||
Строка 9: | Строка 9: | ||
border: 2px solid #411144; | border: 2px solid #411144; | ||
padding: 10px; | padding: 10px; | ||
display: | display: inline-block; | ||
background-color: #3133; | background-color: #3133; | ||
text-align: center; | text-align: center; | ||
Строка 17: | Строка 15: | ||
height: 160px; | height: 160px; | ||
border-radius: 10px; | border-radius: 10px; | ||
box-shadow: 0 | box-shadow: 0 6px 20px rgba(0, 0, 0, 0.7); | ||
cursor: pointer; | |||
} | |||
.info-popup { | |||
position: fixed; | |||
top: 50%; | |||
left: 50%; | |||
transform: translate(-50%, -50%); | |||
background: #222; | |||
color: #fff; | |||
padding: 20px; | |||
border-radius: 10px; | |||
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.8); | |||
display: none; | |||
} | |||
.info-popup.active { | |||
display: block; | |||
} | |||
.close-btn { | |||
position: absolute; | |||
top: 10px; | |||
right: 10px; | |||
cursor: pointer; | cursor: pointer; | ||
color: #fff; | |||
font-size: 18px; | |||
} | } |
Текущая версия от 18:19, 19 января 2025
.race-container { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; } .race-box { border: 2px solid #411144; padding: 10px; display: inline-block; background-color: #3133; text-align: center; width: 120px; height: 160px; border-radius: 10px; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.7); cursor: pointer; } .info-popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #222; color: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.8); display: none; } .info-popup.active { display: block; } .close-btn { position: absolute; top: 10px; right: 10px; cursor: pointer; color: #fff; font-size: 18px; }