xref: /webtrees/resources/css/_base.css (revision 4a52049613a3fd380896a97f74b94d45ccccc97c)
1/**
2 * webtrees: online genealogy
3 * Copyright (C) 2019 webtrees development team
4 * This program is free software: you can redistribute it and/or modify
5 * it under the terms of the GNU General Public License as published by
6 * the Free Software Foundation, either version 3 of the License, or
7 * (at your option) any later version.
8 * This program is distributed in the hope that it will be useful,
9 * but WITHOUT ANY WARRANTY; without even the implied warranty of
10 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
11 * GNU General Public License for more details.
12 * You should have received a copy of the GNU General Public License
13 * along with this program. If not, see <http://www.gnu.org/licenses/>.
14 */
15
16/*
17 * Base formatting, resets, etc.
18 */
19
20/* Some icons need to be reversed on right-to-left pages */
21[dir=rtl] .wt-icon-flip-rtl {
22	transform: scale(-1, 1);
23}
24
25/*
26 * Flexbox fixes for IE11
27 */
28@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
29	/* Move the body down below the mangled header */
30	div.wt-main-container {
31		padding-top: 4rem;
32	}
33}
34
35/* Keep the page as tall as the window, so the footer can remain at the bottom. */
36.wt-global {
37	display: flex;
38	min-height: 100vh;
39	flex-direction: column;
40}
41
42.wt-main-container {
43	flex: 1;
44}
45
46/* Scrollbars */
47.wt-global {
48	/* Prevent redraws when dynamic content requires a scrollbar. */
49	overflow-y: scroll;
50	/* Any wide content will have its own horizontal scrollbar */
51	overflow-x: hidden;
52}
53
54