Dantes (обсуждение | вклад) Нет описания правки |
Dantes (обсуждение | вклад) Нет описания правки |
||
| Строка 1: | Строка 1: | ||
/* Контейнер карточек */ | |||
.infoblocks { | .infoblocks { | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
gap: 1em; | gap: 1em; | ||
justify-content: | justify-content: flex-start; | ||
padding: 1em; | |||
max-width: 1200px; /* увеличенная ширина страницы для карточек */ | |||
margin: 0 auto; | |||
} | } | ||
/* Сама карточка */ | |||
.infoblocks .infoblock { | .infoblocks .infoblock { | ||
background: transparent; | background: transparent; /* без фонового цвета */ | ||
color: inherit; | color: inherit; /* наследует цвет текста темы вики */ | ||
width: 300px; | width: 300px; | ||
border: 1px solid #a2a9b1; | border: 1px solid #a2a9b1; | ||
border-radius: 0 0 8px 8px; | border-radius: 0 0 8px 8px; | ||
font-family: sans-serif; | font-family: sans-serif; | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
overflow: hidden; | |||
} | } | ||
/* Шапка карточки */ | |||
.infoblock .header { | .infoblock .header { | ||
display: flex; | display: flex; | ||
| Строка 25: | Строка 27: | ||
padding: 0.5em; | padding: 0.5em; | ||
gap: 0.5em; | gap: 0.5em; | ||
background: | background: transparent; /* без фоновой полосы */ | ||
border-bottom: 1px solid #a2a9b1; | border-bottom: 1px solid #a2a9b1; | ||
} | } | ||
| Строка 35: | Строка 37: | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
/* Основной контент */ | |||
.infoblock .content { | .infoblock .content { | ||
padding: 0.75em; | padding: 0.75em; | ||
| Строка 41: | Строка 44: | ||
line-height: 1.4; | line-height: 1.4; | ||
} | } | ||
/* Секции внутри карточки */ | |||
.infoblock .section { | .infoblock .section { | ||
margin-bottom: 0.75em; | margin-bottom: 0.75em; | ||
} | |||
.infoblock .section:last-child { | |||
margin-bottom: 0; | |||
} | } | ||
.infoblock .section h4 { | .infoblock .section h4 { | ||
| Строка 55: | Строка 62: | ||
.infoblock .section ul li { | .infoblock .section ul li { | ||
margin-bottom: 0.3em; | margin-bottom: 0.3em; | ||
} | |||
/* Отдельный блок для эффектов */ | |||
.effects-block { | |||
border: 1px dashed #a2a9b1; | |||
padding: 0.5em; | |||
margin-bottom: 0.75em; | |||
} | } | ||
Версия от 14:45, 2 июля 2025
/* Контейнер карточек */
.infoblocks {
display: flex;
flex-wrap: wrap;
gap: 1em;
justify-content: flex-start;
padding: 1em;
max-width: 1200px; /* увеличенная ширина страницы для карточек */
margin: 0 auto;
}
/* Сама карточка */
.infoblocks .infoblock {
background: transparent; /* без фонового цвета */
color: inherit; /* наследует цвет текста темы вики */
width: 300px;
border: 1px solid #a2a9b1;
border-radius: 0 0 8px 8px;
font-family: sans-serif;
display: flex;
flex-direction: column;
overflow: hidden;
}
/* Шапка карточки */
.infoblock .header {
display: flex;
align-items: center;
padding: 0.5em;
gap: 0.5em;
background: transparent; /* без фоновой полосы */
border-bottom: 1px solid #a2a9b1;
}
.infoblock .header img {
width: 20px;
height: auto;
}
.infoblock .header .title {
font-weight: bold;
}
/* Основной контент */
.infoblock .content {
padding: 0.75em;
display: flex;
flex-direction: column;
line-height: 1.4;
}
/* Секции внутри карточки */
.infoblock .section {
margin-bottom: 0.75em;
}
.infoblock .section:last-child {
margin-bottom: 0;
}
.infoblock .section h4 {
margin: 0 0 0.5em;
font-weight: bold;
font-size: 0.95em;
}
.infoblock .section ul {
margin: 0;
padding-left: 1.2em;
}
.infoblock .section ul li {
margin-bottom: 0.3em;
}
/* Отдельный блок для эффектов */
.effects-block {
border: 1px dashed #a2a9b1;
padding: 0.5em;
margin-bottom: 0.75em;
}