Dantes (обсуждение | вклад) (Отмена правки 15308, сделанной Dantes (обсуждение)) Метка: отмена |
Dantes (обсуждение | вклад) Нет описания правки Метка: ручная отмена |
||
Строка 2: | Строка 2: | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
gap: | gap: 10px; | ||
justify-content: center; | justify-content: center; | ||
} | } | ||
.race-box { | .race-box { | ||
border: 2px solid #411144; | |||
padding: 10px; | |||
display: inline-block; | |||
background-color: #3133; | |||
text-align: center; | text-align: center; | ||
width: 120px; | |||
height: 160px; | |||
border-radius: 10px; | |||
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.7); | |||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
.info-popup { | .info-popup { | ||
position: fixed; | position: fixed; | ||
top: 50%; | top: 50%; | ||
left: 50%; | left: 50%; | ||
transform: translate(-50%, -50%); | transform: translate(-50%, -50%); | ||
background: #222; | |||
color: #fff; | |||
padding: 20px; | padding: 20px; | ||
border-radius: | border-radius: 10px; | ||
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.8); | |||
display: none; | |||
} | } | ||
Строка 47: | Строка 40: | ||
top: 10px; | top: 10px; | ||
right: 10px; | right: 10px; | ||
cursor: pointer; | |||
color: #fff; | |||
font-size: 18px; | 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; }