Відмінності між версіями «MediaWiki:Common.css»
Матеріал з Енциклопедія Носівщини
м (Захистив «MediaWiki:Common.css» ([Редагування=Дозволено тільки адміністраторам] (безстроково) [Перейменування=Дозволено тільки адміністраторам] (безстроково))) |
|||
(Не показані 4 проміжні версії цього користувача) | |||
Рядок 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;
}
}