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