Dantes (обсуждение | вклад) Нет описания правки |
Dantes (обсуждение | вклад) Нет описания правки |
||
| Строка 2: | Строка 2: | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
gap: | gap: 1.5rem; | ||
justify-content: center; | justify-content: center; | ||
padding: 1rem; | |||
background: #f5f5f5; | |||
} | } | ||
.infoblocks .infoblock { | .infoblocks .infoblock { | ||
background: # | background: #ffffff; | ||
color: # | color: #333333; | ||
width: 300px; | |||
border-radius: 8px; | |||
border-radius: | box-shadow: 0 4px 8px rgba(0,0,0,0.1); | ||
box-shadow: 0 | font-family: sans-serif; | ||
font-family: | overflow: hidden; | ||
display: flex; | |||
flex-direction: column; | |||
} | } | ||
. | .infoblock .header { | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
font-weight: | padding: 0.75rem 1rem; | ||
margin-bottom: 0. | gap: 0.5rem; | ||
font-size: 1. | background: #eaeaea; | ||
border-bottom: 1px solid #ddd; | |||
} | |||
.infoblock .header img { | |||
width: 20px; | |||
height: 20px; | |||
} | |||
.infoblock .header .title { | |||
font-size: 1.1rem; | |||
font-weight: 600; | |||
} | |||
.infoblock .content { | |||
padding: 1rem; | |||
flex: 1; | |||
display: flex; | |||
flex-direction: column; | |||
justify-content: space-between; | |||
line-height: 1.4; | |||
} | |||
.infoblock .section { | |||
margin-bottom: 1rem; | |||
} | |||
.infoblock .section:last-child { | |||
margin-bottom: 0; | |||
} | |||
.infoblock .section h4 { | |||
margin: 0 0 0.5rem; | |||
font-size: 0.95rem; | |||
font-weight: 500; | |||
color: #555; | |||
} | |||
.infoblock .section ul { | |||
margin: 0; | |||
padding-left: 1.2rem; | |||
} | |||
.infoblock .section ul li { | |||
margin-bottom: 0.3rem; | |||
font-size: 0.9rem; | |||
} | } | ||
Версия от 14:22, 2 июля 2025
.infoblocks {
display: flex;
flex-wrap: wrap;
gap: 1.5rem;
justify-content: center;
padding: 1rem;
background: #f5f5f5;
}
.infoblocks .infoblock {
background: #ffffff;
color: #333333;
width: 300px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
font-family: sans-serif;
overflow: hidden;
display: flex;
flex-direction: column;
}
.infoblock .header {
display: flex;
align-items: center;
padding: 0.75rem 1rem;
gap: 0.5rem;
background: #eaeaea;
border-bottom: 1px solid #ddd;
}
.infoblock .header img {
width: 20px;
height: 20px;
}
.infoblock .header .title {
font-size: 1.1rem;
font-weight: 600;
}
.infoblock .content {
padding: 1rem;
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
line-height: 1.4;
}
.infoblock .section {
margin-bottom: 1rem;
}
.infoblock .section:last-child {
margin-bottom: 0;
}
.infoblock .section h4 {
margin: 0 0 0.5rem;
font-size: 0.95rem;
font-weight: 500;
color: #555;
}
.infoblock .section ul {
margin: 0;
padding-left: 1.2rem;
}
.infoblock .section ul li {
margin-bottom: 0.3rem;
font-size: 0.9rem;
}