xref: /webtrees/resources/css/administration.css (revision e3c147d0d53873311b7c137c41b4439e01d4189e) 
1/**
2 * webtrees: online genealogy
3 * Copyright (C) 2019 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/* Heading sizes */
22h1 {
23    font-size: 2rem;
24}
25h2 {
26    font-size: 1.75rem;
27}
28h3 {
29    font-size: 1.5rem;
30}
31h4 {
32    font-size: 1.25rem;
33}
34
35/* Tree Preferences - fit thumbnail into parent for Default Individual*/
36.select2-selection.select2-selection--single {
37    min-height: 36px;
38    height: auto;
39    padding: 2px 0;
40}
41
42.select2-container .select2-selection--single .select2-selection__rendered {
43    padding-left: 2px;
44}
45.select2-selection--single .NAME {
46    padding-left: 4px;
47}
48
49.wt-global {
50    background: url(administration/paper_fibers.png); /* http://www.subtlepatterns.com */
51}
52
53/* Show a placeholder for slow ajax responses. */
54.wt-ajax-load:empty {
55    height: 32px;
56    width: 32px;
57    background: url(images/loading-32x32.gif) no-repeat;
58}
59
60@media (min-device-pixel-ratio: 2) {
61    .wt-global {
62        background: url(administration/paper_fibers_@2X.png);
63    }
64}
65
66/* Raw GEDCOM data */
67.gedcom-data {
68    white-space: pre-wrap;
69}
70
71.gedcom-data ins {
72    text-decoration: none;
73    background-color: #eea;
74}
75
76/* Combine bootstrap styling with phpinfo() styling */
77.php-info table {
78    width: 100%;
79}
80.php-info .center {
81    text-align: center;
82}
83.php-info .center table {
84    margin: 1em auto;
85    text-align: start;
86}
87.php-info .center th {
88    text-align: center;
89}
90.php-info td,
91.php-info th {
92    border: 1px solid #666;
93    vertical-align: baseline;
94    padding: 4px 5px;
95}
96.php-info .e {
97    background-color: #ccf;
98    width: 300px;
99}
100.php-info .h {
101    background-color: #99c;
102}
103.php-info .v {
104    background-color: #ddd;
105    max-width: 300px;
106    overflow-x: auto;
107    word-break: break-all;
108}
109.php-info .v i {
110    color: #999;
111}
112.php-info img {
113    float: right;
114    border: 0;
115}
116