Відмінності між версіями «MediaWiki:Common.css»
Матеріал з Енциклопедія Носівщини
м (Захистив «MediaWiki:Common.css» ([Редагування=Дозволено тільки адміністраторам] (безстроково) [Перейменування=Дозволено тільки адміністраторам] (безстроково))) |
|||
| (Не показано 5 проміжних версій цього користувача) | |||
| Рядок 1: | Рядок 1: | ||
/** Розміщений тут CSS буде застосовуватися до всіх тем оформлення */ | /** Розміщений тут CSS буде застосовуватися до всіх тем оформлення */ | ||
| + | /** Прибирання заголовку першої сторінки */ | ||
body.page-Енциклопедія_Носівщини.action-view h1.firstHeading, body.page-Енциклопедія_Носівщини.action-submit h1.firstHeading { display: none; } | body.page-Енциклопедія_Носівщини.action-view h1.firstHeading, body.page-Енциклопедія_Носівщини.action-submit h1.firstHeading { display: none; } | ||
| − | body { font-family: | + | /** Шрифт */ |
| + | body { font-family: Verdana, Geneva, sans-serif; } | ||
| + | /** Адаптивна перша сторінка */ | ||
| + | * { | ||
| + | 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; | ||
| + | } | ||
| + | } | ||
Поточна версія на 12:48, 7 грудня 2020
/** Розміщений тут CSS буде застосовуватися до всіх тем оформлення */
/** Прибирання заголовку першої сторінки */
body.page-Енциклопедія_Носівщини.action-view h1.firstHeading, body.page-Енциклопедія_Носівщини.action-submit h1.firstHeading { display: none; }
/** Шрифт */
body { font-family: Verdana, Geneva, sans-serif; }
/** Адаптивна перша сторінка */
* {
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;
}
}