xref: /webtrees/resources/css/administration.css (revision de360501f3a59ca7e45d3e7edbe20f2589ed9ff6)

/**
 * 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";

/* 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: #ddd;
    max-width: 300px;
    overflow-x: auto;
    word-break: break-all;
}
.php-info .v i {
    color: #999;
}
.php-info img {
    float: right;
    border: 0;
}