xref: /webtrees/resources/css/administration.css (revision 6c98ae6b812cafb873e62ab73fbb6c86ae009481)
1/**
2 * webtrees: online genealogy
3 * Copyright (C) 2023 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/* The administration theme is mostly vanilla bootstrap. */
17@import "_base.css";
18
19@import "_mime-type-icons.css";
20
21:root {
22    --link-color-hover: #0a58ca;
23    --link-color: #0d6efd;
24    --link-decoration-hover: underline;
25    --link-decoration: none;
26}
27
28/* Heading sizes */
29h1 {
30    font-size: 2rem;
31}
32h2 {
33    font-size: 1.75rem;
34}
35h3 {
36    font-size: 1.5rem;
37}
38h4 {
39    font-size: 1.25rem;
40}
41
42.wt-global {
43    background: url(administration/paper_fibers.png); /* http://www.subtlepatterns.com */
44}
45
46/* Show a placeholder for slow ajax responses. */
47.wt-ajax-load:empty {
48    height: 32px;
49    width: 32px;
50    background: url(images/loading-32x32.gif) no-repeat;
51}
52
53@media (min-device-pixel-ratio: 2) {
54    .wt-global {
55        background: url(administration/paper_fibers_@2X.png);
56    }
57}
58
59/* Location edit maps */
60.wt-location-edit-map {
61    height: 55vh;
62}
63
64:fullscreen .wt-location-edit-map {
65    height: 100%;
66}
67
68/* Raw GEDCOM data */
69.gedcom-data {
70    white-space: pre-wrap;
71}
72
73.gedcom-data ins {
74    text-decoration: none;
75    background-color: #eea;
76}
77
78/* Combine bootstrap styling with phpinfo() styling */
79.php-info table {
80    width: 100%;
81}
82.php-info .center {
83    text-align: center;
84}
85.php-info .center table {
86    margin: 1em auto;
87    text-align: start;
88}
89.php-info .center th {
90    text-align: center;
91}
92.php-info td,
93.php-info th {
94    border: 1px solid #666;
95    vertical-align: baseline;
96    padding: 4px 5px;
97}
98.php-info .e {
99    background-color: #ccf;
100    width: 300px;
101}
102.php-info .h {
103    background-color: #99c;
104}
105.php-info .v {
106    background-color: #fff;
107    max-width: 300px;
108    overflow-x: auto;
109    word-break: break-all;
110}
111.php-info img {
112    float: right;
113    border: 0;
114}
115
116/* Up/down arrows to move items in a list tr*/
117tr:first-child > td.move.up > a,
118tr:last-child > td.move.down > a {
119    display: none;
120}
121