Відмінності між версіями «MediaWiki:Common.css»
Матеріал з Енциклопедія Носівщини
| Рядок 4: | Рядок 4: | ||
/** Шрифт */ | /** Шрифт */ | ||
body { font-family: Verdana, Geneva, sans-serif; } | 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: 20px; | ||
| + | } | ||
| + | |||
| + | /* 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; | ||
| + | } | ||
| + | } | ||
Версія за 23:05, 6 грудня 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: 20px;
}
/* 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;
}
}