Dantes (обсуждение | вклад) Нет описания правки |
Dantes (обсуждение | вклад) Нет описания правки |
||
| Строка 2: | Строка 2: | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
gap: | gap: 1em; | ||
justify-content: center; | justify-content: center; | ||
margin: 1em 0; | |||
} | |||
.infobocks-container { | |||
/* Ничего не задаем: фон и цвета наследуются от темы вики */ | |||
} | } | ||
.infoblocks .infoblock { | .infoblocks .infoblock { | ||
background: | background: transparent; | ||
color: | color: inherit; | ||
width: 300px; | width: 300px; | ||
border | border: 1px solid #a2a9b1; | ||
border-radius: 0 0 8px 8px; | |||
font-family: sans-serif; | font-family: sans-serif; | ||
overflow: hidden; | overflow: hidden; | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
} | } | ||
.infoblock .header { | .infoblock .header { | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
padding: 0. | padding: 0.5em; | ||
gap: 0. | gap: 0.5em; | ||
background: #3e3e3e; | background: #3e3e3e; /* темный заголовок */ | ||
border-bottom: 1px solid # | border-bottom: 1px solid #a2a9b1; | ||
} | } | ||
.infoblock .header img { | .infoblock .header img { | ||
width: 20px; | width: 20px; | ||
height: | height: auto; | ||
} | } | ||
.infoblock .header .title { | .infoblock .header .title { | ||
font-weight: bold; | |||
font-weight: | |||
} | } | ||
.infoblock .content { | .infoblock .content { | ||
padding: | padding: 0.75em; | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
line-height: 1.4; | line-height: 1.4; | ||
} | } | ||
.infoblock .section { | .infoblock .section { | ||
margin-bottom: | margin-bottom: 0.75em; | ||
} | } | ||
.infoblock .section h4 { | .infoblock .section h4 { | ||
margin: 0 0 0. | margin: 0 0 0.5em; | ||
font- | font-weight: bold; | ||
font- | font-size: 0.95em; | ||
} | } | ||
.infoblock .section ul { | .infoblock .section ul { | ||
margin: 0; | margin: 0; | ||
padding-left: 1. | padding-left: 1.2em; | ||
} | } | ||
.infoblock .section ul li { | .infoblock .section ul li { | ||
margin-bottom: 0. | margin-bottom: 0.3em; | ||
} | } | ||
Версия от 14:31, 2 июля 2025
.infoblocks {
display: flex;
flex-wrap: wrap;
gap: 1em;
justify-content: center;
margin: 1em 0;
}
.infobocks-container {
/* Ничего не задаем: фон и цвета наследуются от темы вики */
}
.infoblocks .infoblock {
background: transparent;
color: inherit;
width: 300px;
border: 1px solid #a2a9b1;
border-radius: 0 0 8px 8px;
font-family: sans-serif;
overflow: hidden;
display: flex;
flex-direction: column;
}
.infoblock .header {
display: flex;
align-items: center;
padding: 0.5em;
gap: 0.5em;
background: #3e3e3e; /* темный заголовок */
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 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;
}