Відмінності між версіями «MediaWiki:Common.css»
Матеріал з Енциклопедія Носівщини
| (Не показано 7 проміжних версій цього користувача) | |||
| Рядок 4: | Рядок 4: | ||
/** Шрифт */ | /** Шрифт */ | ||
body { font-family: Verdana, Geneva, sans-serif; } | body { font-family: Verdana, Geneva, sans-serif; } | ||
| + | /** Вирівнювання форм, створених через <inputbox>, ліворуч */ | ||
| + | form.mw-inputbox-form-inline { | ||
| + | justify-content: left; | ||
| + | } | ||
/** Адаптивна перша сторінка */ | /** Адаптивна перша сторінка */ | ||
* { | * { | ||
| Рядок 33: | Рядок 37: | ||
flex-direction: column; | flex-direction: column; | ||
} | } | ||
| + | } | ||
| + | /* Для додаткового блока */ | ||
| + | #p-privat { | ||
| + | margin-bottom: 1em; | ||
| + | } | ||
| + | |||
| + | #p-privat .pBody { | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | #p-privat img { | ||
| + | max-width: 100%; | ||
| + | height: auto; | ||
} | } | ||
Поточна версія на 23:04, 11 серпня 2026
/** Розміщений тут CSS буде застосовуватися до всіх тем оформлення */
/** Прибирання заголовку першої сторінки */
body.page-Енциклопедія_Носівщини.action-view h1.firstHeading, body.page-Енциклопедія_Носівщини.action-submit h1.firstHeading { display: none; }
/** Шрифт */
body { font-family: Verdana, Geneva, sans-serif; }
/** Вирівнювання форм, створених через <inputbox>, ліворуч */
form.mw-inputbox-form-inline {
justify-content: left;
}
/** Адаптивна перша сторінка */
* {
box-sizing: border-box;
}
/* Container for flexboxes */
.row {
display: flex;
flex-wrap: wrap;
}
/* Create four equal columns */
.column {
flex: 25%;
padding: 0px;
}
/* On screens that are 992px wide or less, go from four columns to two columns */
@media screen and (max-width: 992px) {
.column {
flex: 50%;
}
}
/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
.row {
flex-direction: column;
}
}
/* Для додаткового блока */
#p-privat {
margin-bottom: 1em;
}
#p-privat .pBody {
text-align: center;
}
#p-privat img {
max-width: 100%;
height: auto;
}