xref: /webtrees/resources/css/_base.css (revision 315eb31683006273e24c08b447e6e1095d6f2147)
1e759aebbSGreg Roach/**
2e759aebbSGreg Roach * webtrees: online genealogy
332aacef3SGreg Roach * Copyright (C) 2021 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/*
1792044e0dSGreg Roach * Common formatting for all themes.
18e759aebbSGreg Roach */
19e759aebbSGreg Roach
200dac5065SGreg Roach@import "_blocks.css";
2192044e0dSGreg Roach@import "_charts.css";
2292044e0dSGreg Roach@import "_colorbox.css";
2332aacef3SGreg Roach@import "_leaflet.css";
2492044e0dSGreg Roach@import "_lists.css";
251db5ed46SGreg Roach@import "_markdown.css";
2692044e0dSGreg Roach@import "_mime-type-icons.css";
2792044e0dSGreg Roach@import "_on-screen-keyboard.css";
280dac5065SGreg Roach@import "_pages.css";
2992044e0dSGreg Roach@import "_sortable.css";
30dcafe132SGreg Roach@import "_tab-album.css";
3192044e0dSGreg Roach@import "_tab-relatives.css";
3292044e0dSGreg Roach
33d274c9ecSGreg Roach/* Some icons need to be reversed on right-to-left pages */
342f955fcfSGreg Roach[dir=rtl] .wt-icon-flip-rtl
3543e8a0e6SGreg Roach{
36d274c9ecSGreg Roach    transform: scale(-1, 1);
37d274c9ecSGreg Roach}
38d274c9ecSGreg Roach
39dbffae50SGreg Roach/* rtl:ignore */
40e72c24d6SGreg Roachtd.align-digits,
41e72c24d6SGreg Roachth.align-digits {
42dbffae50SGreg Roach    text-align: right;
43dbffae50SGreg Roach}
44dbffae50SGreg Roach
45e759aebbSGreg Roach/* Keep the page as tall as the window, so the footer can remain at the bottom. */
46e759aebbSGreg Roach.wt-global {
47e759aebbSGreg Roach    display: flex;
48e759aebbSGreg Roach    min-height: 100vh;
49e759aebbSGreg Roach    flex-direction: column;
50e759aebbSGreg Roach}
51e759aebbSGreg Roach
52e759aebbSGreg Roach.wt-main-container {
53e759aebbSGreg Roach    flex: 1;
54e759aebbSGreg Roach}
55e759aebbSGreg Roach
56*315eb316SGreg Roach/* Bootstrap 5 underlines links by default */
57*315eb316SGreg Roacha {
58*315eb316SGreg Roach    text-decoration: none;
59*315eb316SGreg Roach}
60*315eb316SGreg Roach
61*315eb316SGreg Roacha:hover {
62*315eb316SGreg Roach    text-decoration: underline;
63*315eb316SGreg Roach}
64*315eb316SGreg Roach
65e759aebbSGreg Roach/* Scrollbars */
66e759aebbSGreg Roach.wt-global {
67e759aebbSGreg Roach    /* Prevent redraws when dynamic content requires a scrollbar. */
68e759aebbSGreg Roach    overflow-y: scroll;
69e759aebbSGreg Roach    /* Any wide content will have its own horizontal scrollbar */
70e759aebbSGreg Roach    overflow-x: hidden;
71e759aebbSGreg Roach}
72c652cdbdSGreg Roach
73c652cdbdSGreg Roach/* Browsers only understand US English */
74c652cdbdSGreg Roach[lang=en-AU] q,
75c652cdbdSGreg Roach[lang=en-GB] q {
76c652cdbdSGreg Roach    quotes: "‘" "’" "“" "”";
77c652cdbdSGreg Roach}
78c15fb5e7SGreg Roach
79c15fb5e7SGreg Roach/* Expand/collapse icons on accordions, etc. */
80*315eb316SGreg Roach[data-bs-toggle=collapse][aria-expanded=true] > .wt-icon-expand {
81c15fb5e7SGreg Roach    display: none;
82*315eb316SGreg Roach}[data-bs-toggle=collapse][aria-expanded=false] > .wt-icon-collapse {
83c15fb5e7SGreg Roach    display: none;
84c15fb5e7SGreg Roach}
85