resources/css/administration.css
/**
* webtrees: online genealogy
* Copyright (C) 2023 webtrees development team
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
/* The administration theme is mostly vanilla bootstrap. */
@import "_base.css";
@import "_mime-type-icons.css";
:root {
--link-color-hover: #0a58ca;
--link-color: #0d6efd;
--link-decoration-hover: underline;
--link-decoration: none;
}
/* Heading sizes */
h1 {
font-size: 2rem;
}
h2 {
font-size: 1.75rem;
}
h3 {
font-size: 1.5rem;
}
h4 {
font-size: 1.25rem;
}
::backdrop, .wt-global {
background: url(administration/paper_fibers.png); /* http://www.subtlepatterns.com */
}
/* Show a placeholder for slow ajax responses. */
.wt-ajax-load:empty {
height: 32px;
width: 32px;
background: url(images/loading-32x32.gif) no-repeat;
}
@media (min-device-pixel-ratio: 2) {
::backdrop, .wt-global {
background: url(administration/paper_fibers_@2X.png);
}
}
/* Raw GEDCOM data */
.gedcom-data {
white-space: pre-wrap;
}
.gedcom-data ins {
text-decoration: none;
background-color: #eea;
}
/* Combine bootstrap styling with phpinfo() styling */
.php-info table {
width: 100%;
}
.php-info .center {
text-align: center;
}
.php-info .center table {
margin: 1em auto;
text-align: start;
}
.php-info .center th {
text-align: center;
}
.php-info td,
.php-info th {
border: 1px solid #666;
vertical-align: baseline;
padding: 4px 5px;
}
.php-info .e {
background-color: #ccf;
width: 300px;
}
.php-info .h {
background-color: #99c;
}
.php-info .v {
background-color: #fff;
max-width: 300px;
overflow-x: auto;
word-break: break-all;
}
.php-info img {
float: right;
border: 0;
}
/* Up/down arrows to move items in a list tr*/
tr:first-child > td.move.up > a,
tr:last-child > td.move.down > a {
display: none;
}