Dantes (обсуждение | вклад) Нет описания правки Метка: отменено |
Dantes (обсуждение | вклад) Нет описания правки Метка: отменено |
||
| Строка 1: | Строка 1: | ||
.race-container { | .race-container { | ||
display: flex; | |||
flex-wrap: wrap; | |||
justify-content: space-around; | |||
width: 100%; | |||
margin-bottom: 1em; | |||
} | } | ||
.race- | .race-card { | ||
display: flex; | |||
flex-direction: column; | |||
align-items: center; | |||
padding: 6px; | |||
margin: 4px; | |||
border-radius: 0.5em; | |||
background: #0C9456; | |||
box-shadow: 0 0 10px rgba(12, 148, 86, 0.4); | |||
transition: transform 0.2s, box-shadow 0.2s; | |||
text-align: center; | |||
width: 160px; | |||
} | } | ||
.race- | .race-card:hover { | ||
transform: scale(1.05); | |||
box-shadow: 0 0 15px rgba(12, 148, 86, 0.7); | |||
} | } | ||
.race- | .race-card .race-name { | ||
font-weight: bold; | |||
font-size: 16px; | |||
margin-bottom: 4px; | |||
text-shadow: 1px 1px black; | |||
} | } | ||
.race- | .race-card .race-image img { | ||
width: 120px; | |||
height: 120px; | |||
border-radius: 0.3em; | |||
border: 2px solid #0C9456; | |||
box-shadow: 0 0 8px rgba(255,255,255,0.2); | |||
} | } | ||
. | .biglink { | ||
margin: 0; | |||
text-align: center; | |||
font-size: 40px; | |||
line-height: 50px; | |||
text-shadow: 2px 3px black, 3px 5px #0C9456; | |||
} | } | ||
Версия от 11:45, 31 августа 2025
.race-container {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
width: 100%;
margin-bottom: 1em;
}
.race-card {
display: flex;
flex-direction: column;
align-items: center;
padding: 6px;
margin: 4px;
border-radius: 0.5em;
background: #0C9456;
box-shadow: 0 0 10px rgba(12, 148, 86, 0.4);
transition: transform 0.2s, box-shadow 0.2s;
text-align: center;
width: 160px;
}
.race-card:hover {
transform: scale(1.05);
box-shadow: 0 0 15px rgba(12, 148, 86, 0.7);
}
.race-card .race-name {
font-weight: bold;
font-size: 16px;
margin-bottom: 4px;
text-shadow: 1px 1px black;
}
.race-card .race-image img {
width: 120px;
height: 120px;
border-radius: 0.3em;
border: 2px solid #0C9456;
box-shadow: 0 0 8px rgba(255,255,255,0.2);
}
.biglink {
margin: 0;
text-align: center;
font-size: 40px;
line-height: 50px;
text-shadow: 2px 3px black, 3px 5px #0C9456;
}