|
|
| Строка 1: |
Строка 1: |
| <noinclude> | | <noinclude> |
| <style> | | <style> |
| /* Контейнер инфобокса */
| |
| .infobox {
| |
| display: flex; /* Используем flexbox для размещения элементов */
| |
| flex-direction: column; /* Элементы располагаются вертикально */
| |
| width: 250px; /* Фиксированная ширина инфобокса */
| |
| padding: 10px; /* Отступы внутри инфобокса */
| |
| border: 1px solid #ccc; /* Рамка вокруг инфобокса */
| |
| border-radius: 8px; /* Округленные углы */
| |
| background-color: #fafafa; /* Светлый фон */
| |
| margin-left: 10px; /* Отступ слева */
| |
| float: right; /* Позиционирование инфобокса справа */
| |
| margin-bottom: 10px; /* Отступ снизу */
| |
| }
| |
|
| |
|
| /* Изображение в инфобоксе */
| |
| .infobox img {
| |
| width: 100%; /* Изображение растягивается по ширине блока */
| |
| height: auto; /* Высота подстраивается по пропорциям */
| |
| border-radius: 8px; /* Округленные углы */
| |
| margin-bottom: 10px; /* Отступ снизу от изображения */
| |
| }
| |
|
| |
| /* Заголовок инфобокса */
| |
| .infobox-title {
| |
| font-size: 18px; /* Размер шрифта для заголовка */
| |
| font-weight: bold; /* Жирный шрифт */
| |
| color: #0044cc; /* Синий цвет */
| |
| margin-bottom: 5px; /* Отступ снизу */
| |
| }
| |
|
| |
| /* Текстовое содержимое инфобокса */
| |
| .infobox-content p {
| |
| font-size: 14px; /* Размер шрифта для текста */
| |
| margin: 5px 0; /* Отступы между строками */
| |
| }
| |
| </style> | | </style> |
| </noinclude> | | </noinclude> |
