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