xref: /webtrees/resources/css/administration.css (revision 4f53c755a6297b824e39b49689616bfb5762ce39) 
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::backdrop, .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    ::backdrop, .wt-global {
55        background: url(administration/paper_fibers_@2X.png);
56    }
57}
58
59/* Raw GEDCOM data */
60.gedcom-data {
61    white-space: pre-wrap;
62}
63
64.gedcom-data ins {
65    text-decoration: none;
66    background-color: #eea;
67}
68
69/* Combine bootstrap styling with phpinfo() styling */
70.php-info table {
71    width: 100%;
72}
73.php-info .center {
74    text-align: center;
75}
76.php-info .center table {
77    margin: 1em auto;
78    text-align: start;
79}
80.php-info .center th {
81    text-align: center;
82}
83.php-info td,
84.php-info th {
85    border: 1px solid #666;
86    vertical-align: baseline;
87    padding: 4px 5px;
88}
89.php-info .e {
90    background-color: #ccf;
91    width: 300px;
92}
93.php-info .h {
94    background-color: #99c;
95}
96.php-info .v {
97    background-color: #fff;
98    max-width: 300px;
99    overflow-x: auto;
100    word-break: break-all;
101}
102.php-info img {
103    float: right;
104    border: 0;
105}
106
107/* Up/down arrows to move items in a list tr*/
108tr:first-child > td.move.up > a,
109tr:last-child > td.move.down > a {
110    display: none;
111}
112