xref: /webtrees/resources/css/administration.css (revision 51cc45a036341dd67a57cd9a40381b508da6f503)

/**
 * webtrees: online genealogy
 * Copyright (C) 2019 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;
}

/* Tree Preferences - fit thumbnail into parent for Default Individual*/
.select2-selection.select2-selection--single {
    min-height: 36px;
    height: auto;
    padding: 2px 0;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 2px;
}
.select2-selection--single .NAME {
    padding-left: 4px;
}

.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) {
    .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;
}