xref: /webtrees/resources/css/administration.css (revision 6de2fb6bd98fc72d89227e5eb4a71ce959b25895)
1/**
2 * webtrees: online genealogy
3 * Copyright (C) 2021 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/* Raw GEDCOM data */
65.gedcom-data {
66    white-space: pre-wrap;
67}
68
69.gedcom-data ins {
70    text-decoration: none;
71    background-color: #eea;
72}
73
74/* Combine bootstrap styling with phpinfo() styling */
75.php-info table {
76    width: 100%;
77}
78.php-info .center {
79    text-align: center;
80}
81.php-info .center table {
82    margin: 1em auto;
83    text-align: start;
84}
85.php-info .center th {
86    text-align: center;
87}
88.php-info td,
89.php-info th {
90    border: 1px solid #666;
91    vertical-align: baseline;
92    padding: 4px 5px;
93}
94.php-info .e {
95    background-color: #ccf;
96    width: 300px;
97}
98.php-info .h {
99    background-color: #99c;
100}
101.php-info .v {
102    background-color: #fff;
103    max-width: 300px;
104    overflow-x: auto;
105    word-break: break-all;
106}
107.php-info img {
108    float: right;
109    border: 0;
110}
111
112
113