/** * 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 . */ /* The xenea theme */ @import "_base.css"; @import "_block-charts.css"; @import "_chart-ancestors.css"; @import "_chart-compact.css"; @import "_chart-descendants.css"; @import "_chart-family-book.css"; @import "_chart-fan.css"; @import "_chart-hourglass.css"; @import "_chart-interactive.css"; @import "_chart-lifespans.css"; @import "_chart-pedigree.css"; @import "_chart-pedigree-map.css"; @import "_chart-relationships.css"; @import "_chart-statistics.css"; @import "_chart-timeline.css"; @import "_list-branches.css"; @import "_list-individuals.css"; @import "_list-media.css"; @import "_list-notes.css"; @import "_list-places.css"; @import "_list-repositories.css"; @import "_list-sources.css"; @import "_mime-type-icons.css"; @import "_on-screen-keyboard.css"; @import "_tab-relatives.css"; /* Colors for chart boxes, etc. */ :root { --sex-f-fg: #ff2080; --sex-m-fg: #84beff; --sex-u-fg: #008080; --sex-f-bg: #fff0f0; --sex-m-bg: #f0f9ff; --sex-u-bg: #ffffff; --chart-line: solid gray thin; } /* Override Bootstrap formatting */ .btn-link { padding-left: 0.25rem; padding-right: 0.25rem; } .table-given-name { overflow-x: hidden; } .container-fluid { padding-left: 5px; padding-right: 5px; } table { border-collapse: separate; } /* * Pages have the following high-level structure: * * wt-global wt-theme- wt-route- * +---wt-header-wrapper * | +---wt-header-container * | +---wt-header-content * | +---wt-accessibility-links * | +---wt-site-logo * | +---wt-site-title * | +---wt-header-search * | | +---wt-header-search-form * | | +---wt-header-search-field * | | +---wt-header-search-button * | +---wt-secondary-navigation * | | +---wt-user-menu * | +---wt-primary-navigation * | +---wt-genealogy-menu * +---wt-main-wrapper * | +---wt-main-container * | +---wt-main-content * | +---wt-messages * | +---wt-page-title * | +---wt-page-options wt-page-options-xxxxx * | +---wt-page-content * +---wt-footers * +---wt-footer wt-footer-contact * +---wt-footer wt-footer-cookies * +---wt-footer wt-footer-page-views * +---wt-footer wt-footer-powered-by */ .wt-global { color: #006; } .wt-header-wrapper { background-image: linear-gradient(to right, #06d, #acf); border-bottom: 2px solid #0073cf; } .wt-header-container { color: #fff; } .wt-header-content { } .wt-accessibility-links { } .wt-site-logo { display: none; } .wt-site-title { order: 1; flex: 0 0 calc(100% - 15rem); font-size: 1.5rem; margin: 0.5rem 0; } .wt-header-search { order: 2; flex: 0 0 15rem; margin: 0.25rem 0; } .wt-header-search-form { } .wt-header-search-field { } .wt-header-search-button { color: #000; background: #ddd; border: 0; } .wt-header-search-button .fa-search::before { content: ">"; } .wt-secondary-navigation { order: 3; background-image: linear-gradient(#1548a7, #81bafc, #1548a7); /* Extend to full page width */ flex: 0 1 100vw; max-width: 100vw; /* Recalculate margins for content */ margin: 0 calc(50% - 50vw); padding: 0 calc(50vw - 50%); } .wt-user-menu { flex-wrap: nowrap; padding: 0.25rem 0; justify-content: space-between; } .wt-user-menu a.nav-link { color: #fff; font-weight: bold; } .wt-user-menu .dropdown-toggle::after { display: none; } .wt-primary-navigation { order: 4; background: #fff; /* Extend to full page width */ flex: 0 1 100vw; max-width: 100vw; /* Recalculate margins for content */ margin: 0 calc(50% - 50vw); padding: 0 calc(50vw - 50%); } .wt-genealogy-menu { justify-content: center; } .wt-genealogy-menu .nav-item { text-align: center; min-width: 5rem; padding-top: 0.25rem; } .wt-genealogy-menu .nav-link::before { display: block; } .wt-genealogy-menu .dropdown-toggle::after { display: none; } .wt-genealogy-menu .dropdown-menu { border-radius: 0; } .wt-genealogy-menu .dropdown-item { padding: 0 0.25rem; } .wt-genealogy-menu .dropdown-item::before { vertical-align: top; padding: 0 0.25rem; } .menu-tree .nav-link::before { content: url(xenea/menu/tree.png); } .menu-tree .dropdown-item::before { content: url(xenea/menu/tree-tree.png); } .menu-chart .nav-link::before { content: url(xenea/menu/chart.png); } .menu-chart-ancestry::before { content: url(xenea/menu/chart-ancestors.png); } .menu-chart-compact::before { content: url(xenea/menu/chart-compact.png); } .menu-chart-descendants::before { content: url(xenea/menu/chart-descendants.png); } .menu-chart-familybook::before { content: url(xenea/menu/chart-family-book.png); } .menu-chart-fanchart::before { content: url(xenea/menu/chart-fanchart.png); } .menu-chart-hourglass::before { content: url(xenea/menu/chart-hourglass.png); } .menu-chart-lifespan::before { content: url(xenea/menu/chart-lifespan.png); } .menu-chart-pedigree::before { content: url(xenea/menu/chart-pedigree.png); } .menu-chart-pedigreemap::before { content: url(xenea/menu/chart-pedigree-map.png); } .menu-chart-relationship::before { content: url(xenea/menu/chart-relationship.png); } .menu-chart-statistics::before { content: url(xenea/menu/chart-statistics.png); } .menu-chart-timeline::before { content: url(xenea/menu/chart-timeline.png); } .menu-chart-tree::before { content: url(xenea/menu/chart-tree.png); } .menu-list .nav-link::before { content: url(xenea/menu/list.png); } .menu-branches::before { content: url(xenea/menu/branches.png); } .menu-list-fam::before { content: url(xenea/menu/list-fam.png); } .menu-list-indi::before { content: url(xenea/menu/list-indi.png); } .menu-list-note::before { content: url(xenea/menu/list-note.png); } .menu-list-obje::before { content: url(xenea/menu/list-obje.png); } .menu-list-plac::before { content: url(xenea/menu/list-plac.png); } .menu-list-repo::before { content: url(xenea/menu/list-repo.png); } .menu-list-sour::before { content: url(xenea/menu/list-sour.png); } .menu-calendar .nav-link::before { content: url(xenea/menu/calendar.png); } .menu-calendar-day::before { content: url(xenea/menu/calendar-calendar.png); } .menu-calendar-month::before { content: url(xenea/menu/calendar-calendar.png); } .menu-calendar-year::before { content: url(xenea/menu/calendar-calendar.png); } .menu-report .nav-link::before { content: url(xenea/menu/report.png); } .menu-report .dropdown-item::before { content: url(xenea/menu/report-report.png); } .menu-search .nav-link::before { content: url(xenea/menu/search.png); } .menu-search .dropdown-item::before { content: url(xenea/menu/search-search.png); } .menu-help .nav-link::before { content: url(xenea/menu/help.png); } .menu-clippings .nav-link::before { content: url(xenea/menu/clippings.png); } .menu-clippings-add::before { content: url(xenea/menu/clippings-add.png); } .menu-clippings-cart::before { content: url(xenea/menu/clippings-cart.png); } .menu-clippings-download::before { content: url(xenea/menu/edit-preferences.png); } .menu-clippings-empty::before { content: url(xenea/menu/edit-delete.png); } .menu-fam .nav-link::before { content: url(xenea/menu/fam.png); } .menu-fam-change::before { content: url(xenea/menu/edit-fam.png); } .menu-fam-addchil::before { content: url(xenea/menu/edit-fam.png); } .menu-fam-orderchil::before { content: url(xenea/menu/edit-fam.png); } .menu-fam-del::before { content: url(xenea/menu/edit-delete.png); } .menu-fam-addfav::before { content: url(xenea/menu/edit-add-favorite.png); } .menu-fam-editraw::before { content: url(xenea/menu/edit-gedcom.png); } .menu-indi .nav-link::before { content: url(xenea/menu/indi.png); } .menu-indi-addname::before { content: url(xenea/menu/edit-indi.png); } .menu-indi-editsex::before { content: url(xenea/menu/edit-indi.png); } .menu-indi-del::before { content: url(xenea/menu/edit-delete.png); } .menu-indi-addfav::before { content: url(xenea/menu/edit-add-favorite.png); } .menu-indi-editraw::before { content: url(xenea/menu/edit-gedcom.png); } .menu-obje .nav-link::before { content: url(xenea/menu/obje.png); } .menu-obje-edit::before { content: url(xenea/menu/edit-obje.png); } .menu-obje-link::before { content: url(xenea/menu/edit-link.png); } .menu-obje-del::before { content: url(xenea/menu/edit-delete.png); } .menu-obje-addfav::before { content: url(xenea/menu/edit-add-favorite.png); } .menu-obje-editraw::before { content: url(xenea/menu/edit-gedcom.png); } .menu-note .nav-link::before { content: url(xenea/menu/note.png); } .menu-note-edit::before { content: url(xenea/menu/edit-note.png); } .menu-note-del::before { content: url(xenea/menu/edit-delete.png); } .menu-note-addfav::before { content: url(xenea/menu/edit-add-favorite.png); } .menu-note-editraw::before { content: url(xenea/menu/edit-gedcom.png); } .menu-record .nav-link::before { content: url(xenea/menu/indi.png); } .menu-record-del::before { content: url(xenea/menu/edit-delete.png); } .menu-record-editraw::before { content: url(xenea/menu/edit-gedcom.png); } .menu-repo .nav-link::before { content: url(xenea/menu/repo.png); } .menu-repo-edit::before { content: url(xenea/menu/edit-repo.png); } .menu-repo-del::before { content: url(xenea/menu/edit-delete.png); } .menu-repo-addfav::before { content: url(xenea/menu/edit-add-favorite.png); } .menu-repo-editraw::before { content: url(xenea/menu/edit-gedcom.png); } .menu-sour .nav-link::before { content: url(xenea/menu/sour.png); } .menu-sour-edit::before { content: url(xenea/menu/edit-sour.png); } .menu-sour-del::before { content: url(xenea/menu/edit-delete.png); } .menu-sour-addfav::before { content: url(xenea/menu/edit-add-favorite.png); } .menu-sour-editraw::before { content: url(xenea/menu/edit-gedcom.png); } .menu-story .nav-link::before { content: url(xenea/menu/story.png); } .wt-main-container { /* Space between the header/footer and the main content. */ padding-top: 1rem; padding-bottom: 1rem; } .wt-main { } .wt-messages { } .wt-page-title { text-align: center; } .wt-page-options { } .wt-page-content { } .wt-page-options .form-group { margin-bottom: 2px; } .wt-page-options-label { color: #006; background-color: #95b8e0; border-left: 2px solid transparent; border-right: 2px solid transparent; } .wt-page-options-value { background-color: #ecf5ff; border: thin solid #c3dfff; padding: 0.25rem 0.75rem; } .wt-page-content { margin-top: 1rem; } .wt-footers { } .wt-footer { } .wt-footer-contact { } .wt-footer-cookies { background: #aaa; color: #fff; transition: height 0.5s; } .wt-footer-page-views { } .wt-footer-powered-by { } .wt-footer-powered-by-webtrees { width: 100px; height: 21px; content: url(images/powered-by-webtrees.png); } /* * The tree/user home pages * * wt-home-page / wt-user-page * +---wt-main-blocks * | +---wt-block, wt-block-AAA * | +---wt-block, wt-block-BBB * | +---wt-block, wt-block-CCC * +---wt-side-blocks * +---wt-block, wt-block-XXX * +---wt-block, wt-block-YYY * +---wt-block, wt-block-ZZZ * * Each block as the structure * wt-block, wt-block-XXX * +---wt-block-header, wt-block-header-XXX * +---wt-block-content, wt-block-content-XXX */ .wt-block { background-color: #edf7fd; border: thin solid #81a9cb; } .wt-block-header { background-color: #edf7fd; border-bottom: none; font-weight: bold; } .wt-block-content { } .wt-block-content .list_table { border-spacing: 1px; border: solid #81a9cb 1px; border-right: 0; } .wt-block-content .list_value, .wt-block-content .list_value_wrap { border: 0; border-top: solid #81a9cb 1px; border-right: solid #81a9cb 1px; } /* * The individual page. * * wt-route-individual * +---wt-header-wrapper */ .wt-individual-silhouette { content: url(images/individual-silhouette-unknown.png); } .wt-individual-silhouette-f { content: url(images/individual-silhouette-female.png); } .wt-individual-silhouette-m { content: url(images/individual-silhouette-male.png); } /* * Chart-boxes are used to build the various charts. * Each type of chart will set its own size and hide/show content. * * wt-chart-box * +--- wt-chart-box-thumbnail * +--- wt-chart-box-extra * +--- wt-chart-box-zoom * +--- wt-chart-box-icon * +--- wt-chart-box-dropdown wt-chart-box-zoom-dropdown * +--- wt-chart-box-links * +--- wt-chart-box-icon * +--- wt-chart-box-dropdown wt-chart-box-links-dropdown * +--- wt-chart-box-name * +--- wt-chart-box-lifespan * +--- wt-chart-box-facts * +--- wt-chart-box-fact */ .wt-chart-box, .wt-chart-box-menu { background: var(--sex-u-bg); border: dashed var(--sex-u-fg) thin; } .wt-chart-box { height: 5rem; padding: 2px; line-height: 1.1; } .wt-chart-box-f, .wt-chart-box-f .wt-chart-box-dropdown { background: var(--sex-f-bg); border: solid var(--sex-f-fg) thin; } .wt-chart-box-m, .wt-chart-box-m .wt-chart-box-dropdown { background: var(--sex-m-bg); border: solid var(--sex-m-fg) thin; } /* * Calendar * * wt-calendar-page */ /* * Reports * * wt-reports-page */ /* * Search * * wt-search-page, wt-general-serach-page/wt-phonetic-search-page/wt-advanced-search-page/wt-search-replace-page */ #content #home-page { margin-left: 5px; } /* ====== Round Corners ======== */ a { color: #00f; text-decoration: none; } a:hover { color: #f00; text-decoration: none; } :focus { outline-style: none; } .flash-messages { clear: both; text-align: center; } img.block, #mycart img { border: 0; height: 25px; vertical-align: middle; } .topbottombar { background-color: #c3dfff; color: #fff; font-size: 12px; font-weight: bold; padding: 4px; text-align: center; } #mycart a img { height: 15px; } .button { width: 60px; } .alpha_index { color: #999; } .news_box:target, #gedcom_stats:target { background-color: #ffc; } /* families tab person box */ table.center { margin-left: auto; margin-right: auto; } .list_table { margin: 0 auto; } .list_label, .list_label_wrap { color: #006; font-size: 12px; background-color: #c3dfff; border: solid #81a9cb 1px; font-weight: bold; text-align: center; } .list_value, .list_value_wrap { background-color: #edf7fd; font-size: 12px; border: solid #81a9cb 1px; vertical-align: top; padding: 4px; } .list_label, .list_value { white-space: nowrap; } .list_label_wrap, .list_value_wrap { white-space: normal; } div.fact_SHARED_NOTE { clear: both; } /* Table of genealogical facts */ .wt-facts-table caption { caption-side: top; } .wt-facts-table th { background-color: #c3dfff; color: #006; text-align: center; font-weight: normal; min-width: 20%; } .wt-facts-table td { background-color: #ecf5ff; border: solid #c3dfff 1px; } .wt-facts-table .wt-gender-M td { background-color: #f0f9ff; border-color: #84beff; } .wt-facts-table .wt-gender-F td { background-color: #fff0f0; border-color: #ff2080; } .tabs_table { width: 99%; } .name1 { font-weight: bold; font-size: 12px; } .name2 { font-size: 16px; } a:hover .name1, a:hover .name2 { color: #f00; font-weight: bold; font-size: 12px; } a:hover .nameZoom { color: #f00; font-size: 16px; font-weight: bold; } .details0, .details1 { font-size: 11px; } .details2 { font-size: 12px; } .nameZoom { color: #555; font-size: 16px; font-weight: bold; } .details_label { font-weight: bold; } .name_head { color: #555; font-size: 16px; font-weight: bold; line-height: 2; padding: 0 5px; } .date { color: #337; } .label { font-weight: bold; } .error { color: #d00; font-weight: bold; } .largeError { color: #d00; font-size: large; font-weight: bold; } .warning { color: #f00; font-weight: bold; } .indent { padding-left: 20px; } .image { height: 150px; padding: 5px; margin: 2px; } .gender_image { margin: 0 3px; border: 0; vertical-align: middle; } .thumbnail { height: auto; padding: 3px; } .icon { border: 0; padding: 0 5px; } .sublinks_cell { background-color: #edf7fd; font-size: 12px; } .submenu .icon { vertical-align: middle; width: 20px; height: 20px; } .subheaders { font-weight: bold; font-size: 15px; margin-top: 15px; vertical-align: bottom; } #family-table .subheaders:first-child { width: 285px; } .parentdeath { border: thin solid #888; padding: 1px; } .source_citations { display: none; } .selected-option { background-color: #edf7fd; } .border1 { border: solid #000 1px; } .menuitem { text-decoration: none; font-size: 11px; padding: 1px; } .menuitem_hover { text-decoration: none; font-size: 11px; padding: 1px; } .menuitem .icon, .menuitem_hover .icon { width: 50px; height: 50px; } .submenu { text-decoration: none; font-size: 11px; background-color: #edf7fd; border: solid #81a9cb 1px; visibility: hidden; position: absolute; padding: 5px; } .submenuitem { vertical-align: middle; font-size: 11px; height: 20px; text-decoration: none; background-color: #edf7fd; padding: 1px; white-space: nowrap; } .submenuitem_hover { vertical-align: middle; height: 20px; font-size: 11px; background-color: #e6f0fa; white-space: nowrap; padding: 1px; } .submenuitem a, .submenuitem_hover a { display: inline-block; vertical-align: middle; } .journal_box { padding: 3pt; border: thin solid #aaa; overflow: visible; } .news_box { background-color: #edf7fd; border-top: solid #81a9cb 1px; } .news_title { font-weight: bold; font-size: 14px; } .news_date { margin-bottom: 12px; } .current_day { font-weight: bold; font-size: 16px; } .cal_day { float: left; font-weight: bold; } .rtl_cal_day { direction: rtl; float: right; color: #00f; font-weight: bold; } .helpcontent { margin-left: 10px; margin-right: 10px; } .helpcontent dt { clear: both; } #user-page h1 { margin: 0.25em auto 0.6em; } .tvertline { vertical-align: bottom; } #childbox { padding: 5px; position: absolute; display: none; text-align: start; white-space: nowrap; top: 20px; left: 0; } .layout3 #childbox { top: auto; bottom: 20px; } #childbox a.name1 { display: block; margin-left: 5px; } .person0 { background-color: #aaf; border: outset #aaf 1px; vertical-align: top; } .person1 { background-color: #afa; border: outset #afa 1px; vertical-align: top; } .person2 { background-color: #faa; border: outset #faa 1px; vertical-align: top; } .person3 { background-color: #55f; border: outset #55f 1px; vertical-align: top; } .person4 { background-color: #f55; border: outset #f55 1px; vertical-align: top; } .person5 { background-color: #5f5; border: outset #5f5 1px; vertical-align: top; } .listlog { line-height: 20pt; } .starredname { text-decoration: underline; } .search_hit { background-color: #ff0; } .search_item { font-weight: 600; } .descriptionbox { color: #006; font-size: 12px; background-color: #c3dfff; vertical-align: top; padding: 3px; } .optionbox { background-color: #ecf5ff; font-size: 1rem; border: solid #c3dfff 1px; vertical-align: top; white-space: nowrap; padding: 3px; } .vmiddle { vertical-align: middle; } .red { color: #f00; } .wt-relation-fact, .wt-historic-fact { opacity: 0.8; } .messagebox { background-color: #c2ceef; border: solid #81a9cb 1px; } /* ---Pending edits--- */ .new { outline: solid blue 1px; } .old { outline: solid red 1px; } .tag_cloud { text-align: center; } .tag_cloud a { white-space: nowrap; } .nowrap { white-space: nowrap; } .wrap { white-space: normal; } .statistics-page { text-align: center; } .gchart { border: solid #81a9cb 1px; } /* ---Find special characters--- */ .largechars { font-family: monospace; font-size: 200%; } #facts_content dd { float: left; width: 70%; } /* this keeps the tag color the same when it is a link as when not */ .place { padding-top: 5px; } #pending h2 { text-align: center; margin-bottom: 20px; } #pending h3 { text-align: center; margin-top: 20px; } #pending .list_value { padding: 3px; text-align: center; vertical-align: middle; white-space: nowrap; } #pending .indent { padding: 0; } /* --- reportengine.php --- */ #reportengine-page table { margin: 20px auto; } #reportengine-page .report-type { overflow: hidden; margin: auto; width: 180px; } #reportengine-page .report-type div { float: left; margin: 0 20px; } #reportengine-page .report-type p { margin: 0; text-align: center; } /* styles for popup menus */ .itr { position: absolute; line-height: 1.5; } .popup { position: absolute; top: 20px; right: 0; left: auto; visibility: hidden; opacity: 0; transition: visibility 0s ease .25s,opacity .25s ease; z-index: 9999; box-shadow: 5px 5px 5px 0 rgba(0,0,0,.4); } .popup ul { white-space: nowrap; list-style: none; margin: 0; padding: 0 10px; font-size: smaller; } .popup > ul { padding: 2px 10px; } .popup li .NAME { padding: 0 5px; } .itr:hover .popup { visibility: visible; opacity: 1; transition-delay: 0s; } /* styles for FindFacts pop-up */ #layDefinedTags, #tabDefinedTagsShow { width: 450px; } #tabDefinedTags { width: 430px; } #layDefinedTags { margin-left: auto; margin-right: auto; height: 285px; overflow: auto; } #tabDefinedTags { border-collapse: collapse; } #tabDefinedTags th, #tabDefinedTags td { border: solid 1px #000; margin: 0; padding: 3px; } #tabDefinedTags tbody th { text-align: left; font-weight: bold; } #tabDefinedTags tr.sel { background-color: #d1d9ef; color: #888; } #tabDefinedTags tr.unsel { background-color: #fff; color: #888; } #tabDefinedTagsShow { margin-left: auto; margin-right: auto; } #tabDefinedTagsShow td { width: 50%; text-align: center; } #tabFilterAndCustom { margin-left: auto; margin-right: auto; } #tabAction { margin-left: auto; margin-right: auto; } #tabAction td { width: 50%; text-align: center; } /* ======== List styles ====== */ .surname-list, .givn-list { margin: 5px auto; } .surname-list td { vertical-align: top; } .indi-list .stats, .fam-list .stats { margin: 0 auto; width: auto; } .source-list th, .note-list th, .repo-list th, .media-list th, .indi-list th, .fam-list th, .surname-list th, .givn-list th { cursor: pointer; font-weight: 600; padding: 2px 4px; white-space: nowrap; } .source-list th:last-child, .note-list th:last-child, .repo-list th:last-child { margin: 0 -2px 1px 1px; padding: 3px 0 4px; width: 24px; } .givn-list th { cursor: pointer; white-space: nowrap; padding: 2px; text-align: center; } #source-details h2, #sourcelist-page h2, #note-details h2, #notelist-page h2, #repo-details h2, #repolist-page h2, #media-details h2, #statistics-page h2 { margin-bottom: 20px; text-align: center; } #source-edit, #note-edit, #repo-edit, #media-edit { overflow-x: auto; } .media-list td img { display: block; height: 40px; width: auto; margin: 3px auto; } .filtersH, .filtersF { margin: 4px; } .filtersH img { margin-bottom: 2px; } .list-charts { text-align: center; } #search-result-tabs h3 { text-align: center; } #searchAccordion-indi, #searchAccordion-fam, #searchAccordion-source, #searchAccordion-note { margin: auto; width: 99%; } #place-hierarchy h2, #place-hierarchy h4 { text-align: center; } #main_select, #available_select, #right_select { min-width: 150px; } /* ==== FAQ table styles ===== */ table.faq { background-color: #e0e0e0; margin: 5px 0 50px 5px; width: 98%; } table.faq tr:nth-child(odd) td { background-color: #e7eef3; } div.faq_title { background-color: #e0e0e0; margin: 1em 0; padding: .25em; font-weight: bold; width: 98%; } div.faq_body { clear: both; padding: 0 1em; } .faq_top { float: right; } /* === Positioning edit, copy, delete links === */ /* General use */ .editfacts { clear: left; padding-top: 15px; } /* ======== Indi header ====== */ #indi_header { overflow: hidden; border-radius: 3px; border: 1px solid #b2c7d7; margin: 0 0 5px 10px; padding: 10px 0; } #indi_header h3 { font-size: 90%; font-weight: bold; margin: 0; padding: 0 10px 0 30px; text-align: left; overflow: hidden; position: relative; } #indi_header .name_one { font-size: 1.5em; } #indi_header h3 .details1 { font-size: 1.0em; } #indi_header h3 .header_age { padding: 5px 0 5px 5px; float: right; font-weight: normal; font-size: 65%; } #indi_header h3 a { display: inline; } #indi_header a { color: #337; font-size: 0.75em; font-weight: normal; } #indi_header a:hover { color: #f00; } #indi_mainimage { float: left; padding: 0 10px; } #header_accordion1 { padding: 0 10px 0 0; overflow: hidden; } #header_accordion1 .indi_name_details { margin: 0; overflow: hidden; padding: 5px; } .indi_name_details .name1 { font-weight: normal; padding-top: 5px; font-size: inherit; } #indi_header a.warning { color: #f00; font-size: 1em; } #indi_note { margin: 0 0 5px; } .indi_table { clear: left; } #sex { float: right; } #dates { float: right; } #individual-names .wt-icon-edit, #individual-names .wt-icon-delete { float: right; } #indi_note .fact_NOTE { float: left; margin: 0 5px 0 0; } #indi_note .fact_SOUR { margin: 3px 0; } #indi_note .fact_SOUR a { font-size: 100%; } #indi_note .fact_NOTE, #indi_note .fact_SOUR { clear: both; } /* markdown formatting */ .markdown { /* Tables and pre-formatted text can break the layout. */ overflow-x: auto; } .markdown p { margin: 0 0 0.5em; white-space: pre-wrap; } .markdown table { border-collapse: collapse; margin-bottom: 5px; } .markdown th { font-weight: bold; } .markdown td, .markdown th { border: solid thin #000; padding: 3px; } .odometer { font-family: courier, monospace; font-weight: bold; background: #000; color: #fff; } /* ======== Indi tabs ======== */ /* Facts & Events tab */ #personal_facts_content .fact_NOTE, #personal_facts_content .fact_SOUR, #family-table .fact_NOTE, #family-table .fact_SOUR { margin: 5px 3px 5px 0; clear: both; } .media-display-image { float: left; } .media-display-title { float: left; font-style: italic; margin: 10px; } /* === jQuery.datatable styling general over-rides === */ .odd { background-color: #e7eef3; } .even { background-color: #e6e6e6; } .css_right { float: left; } .fg-button { padding: 2px 6px; } /* Sidebar - Family navigator */ .wt-family-navigator-dropdown { background: #edf7fd; } .wt-family-navigator-dropdown-heading { font-weight: bold; font-size: inherit; color: inherit; } /* Sidebar - Descendants */ #sb_content_descendancy { margin-top: 5px; } #sb_desc_content { margin-left: 3px; font-size: 0.8em; } #sb_desc_content ul { padding: 0; margin: 0; } .sb_desc_indi_li { list-style-type: none; } .desc_tree_div { display: none; } .desc_tree_div ul { padding: 0; margin-left: 10px; margin-top: 0; margin-right: 0; } /* Individuals and Families */ #sidebar-content-individuals, #sidebar-content-families { margin-top: 5px; } .sb_indi_surname_li, .sb_fam_surname_li { list-style-image: url(xenea/images/plus.png); } .name_tree_div ul { padding: 0; margin: 0; } .name_tree_div li { list-style: none; margin: 0; padding: 0; } /* Clippings */ #sb_clippings_content ul { padding: 0; margin: 0; } #sb_clippings_content li { list-style: none; margin: 0; padding: 0; white-space: nowrap; } /* Extra info */ #sb_content_extra_info { font-size: 80%; font-weight: bold; margin-top: 1px; overflow: hidden; padding: 5px; } #sb_content_extra_info .editfacts { float: right; margin-top: -30px; } #sb_content_extra_info a { display: block; } #sb_content_extra_info span { font-weight: normal; } #sb_content_extra_info span a { display: inline; } #sb_content_extra_info #hitcounter { border-top: 1px solid #b2c7d7; font-weight: bold; padding-top: 5px; } /* http://www.jacklmoore.com/colorbox */ #colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; } #cboxWrapper { max-width: none; } #cboxOverlay { position: fixed; width: 100%; height: 100%; background: #fff; } #cboxContent { background: #fff; overflow: hidden; position: relative; padding: 0.5rem; border: 0.25rem solid #ccc; } #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; } #colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; } #cboxError { padding: 50px; border: 1px solid #ccc; } #cboxLoadedContent { margin-bottom: 28px; } #cboxTitle { background: #fff; position: absolute; bottom: 0.25rem; left: 0; margin: 0 3rem; text-align: center; } #cboxLoadingGraphic { background: url(images/loading-32x32.gif) no-repeat center center; } #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { background: none; border: 0; cursor: pointer; font-family: "Font Awesome\ 5 Free", sans-serif; font-weight: 900; overflow: visible; padding: 0; position: absolute; } #cboxSlideshow { bottom: 0.25rem; right: 0.25rem; } #cboxPrevious { bottom: 0.25rem; left: 0.25rem; } #cboxNext { bottom: 0.25rem; left: 1.5rem; } #cboxClose { top: 0.25rem; right: 0.25rem; } /* Stories module */ .story_title { padding-top: 12px; font-size: 13px; height: 32px; font-weight: bold; } .story_body { padding: 20px; white-space: normal; } .story_edit { padding: 12px; } /* Stories module */ .story_title { padding-top: 12px; font-size: 13px; height: 32px; font-weight: bold; } .story_body { padding: 20px; white-space: normal; } .story_edit { padding: 12px; } /* ====== Charts Styles ======== */ #people label { display: block; } /* Ancestry chart */ .wt-chart-ancestors-list { background: transparent url(images/vline.png) left top repeat-y; margin: 0 0 0 15px; padding: 0; display: block; } .wt-chart-ancestors-list-item { margin: 5px 0; } .chart_common li { list-style: outside none none; } .generations { background: transparent url(images/vline.png) repeat-y scroll left top; display: block; margin: 0 0 0 15px; padding: 0; } .chart_common table { padding: 0; border-spacing: 0; border-collapse: collapse; margin: 5px 0; } .chart_common td { border: 0; padding: 0; } .chart_common span.details1 div[class^=fact_] { display: inline-block; } .chart_common span.details1 .date { color: inherit; } /*-- Family book --*/ #familybook_chart { margin-left: 10px; } #familybook_chart table { border-collapse: collapse; empty-cells: show; } #familybook_chart td { margin: 0; padding: 0; } #familybook_chart h2 { text-align: center; } #familybook_chart .line3, #familybook_chart .pvline, #familybook_chart .spacer { width: 3px; } #familybook_chart .line4 { width: 7px; vertical-align: middle; } [ID^="vline"] { width: 3px; } #familybook_chart h3 { color: #006; font-size: 16px; text-align: center; } /*-- Fan chart ---- */ .fan_chart_menu { position: absolute; display: none; z-index: 100; } #fan_chart ul { list-style-type: none; margin: 0; } /* Lifespans chart */ .wt-lifespans-subtitle { text-align: center; } .wt-lifespans-scale { white-space: nowrap; } .wt-lifespans-decade { width: 70px; height: 60px; display: inline-block; background-image: url(images/lifespan-decade.png); background-position-y: bottom; background-repeat: no-repeat; background-size: 70px 37px; } .wt-lifespans-individuals { background: #fafafa; } .wt-lifespans-individual { } .wt-lifespans-summary { background: #ffffff; border: thin solid #000; z-index: 1; } .wt-lifespans-summary-link { font-weight: bold; } /*-- Pedigree ---- */ #pedigree_chart { position: relative; margin: 20px auto; } #pedigree_canvas { color: #81a9cb; z-index: -1000; } #pedigree-page .shadow { position: absolute; white-space: nowrap; } #pedigree-page .layout0 .shadow > div, #pedigree-page .layout1 .shadow > div { display: inline-block; vertical-align: middle; } #pedigree-page .spacer { background-image: url(images/spacer.png); height: 20px; width: 1px; } #childarrow, .ancestorarrow { text-align: center; } #pedigree-page #childarrow { position: relative; } #pedigree-page #childbox { border: 1px solid; background-color: #fff; } #pedigree-page table.list_table { margin: 0 auto; width: 500px; } .pedigree_chart_table { border: 0; border-collapse: collapse; padding: 0; width: 100%; } /*-- timeline --*/ #timeline_chart { position: relative; top: 0; left: 0; } #field_table { width: 30%; min-width: 500px; } /* * Any element that is loaded dynamically has the class wt-ajax-load. * We can provide a "loading" placeholder for empty elements with this class. */ .wt-ajax-load:empty { height: 32px; background: url(images/loading-32x32.gif) no-repeat 50% 50%; } /* * Default icons are provided by FontAwesome. * Some icons get mirrored on RTL pages. Typiclly arrows */ [dir=rtl] .wt-flip-rtl { transform: scale(-1, 1); } .wt-icon-anniversary { content: url(images/anniversary.png); } .wt-icon-arrow-down { content: url(xenea/icons/arrow-down.png); } a > .wt-icon-arrow-down:hover { content: url(xenea/icons/arrow-down-hover.png); } .wt-icon-arrow-left { content: url(xenea/icons/arrow-left.png); } a > .wt-icon-arrow-left:hover { content: url(xenea/icons/arrow-left-hover.png); } .wt-icon-arrow-right { content: url(xenea/icons/arrow-right.png); } a > .wt-icon-arrow-right:hover { content: url(xenea/icons/arrow-right-hover.png); } .wt-icon-arrow-up { content: url(xenea/icons/arrow-up.png); } a > .wt-icon-arrow-up:hover { content: url(xenea/icons/arrow-up-hover.png); } .wt-icon-coordinates { content: url(images/coordinates.png) } .wt-icon-reorder { content: url(images/reorder.png); } .wt-icon-sex-f { content: url(images/sex-female.png); } .wt-icon-sex-m { content: url(images/sex-male.png); } .wt-icon-sex-u { content: url(images/sex-unknown.png); } .wt-icon-sex-x { content: url(images/sex-unknown.png); } .wt-icon-warning { content: url(images/warning.png); } .wt-icon-zoom-in { content: url(xenea/images/zoomin.png); } .wt-icon-zoom-out { content: url(xenea/images/zoomout.png); } /* * .wt-icon-bing-maps * .wt-icon-calendar * .wt-icon-copy * .wt-icon-delete * .wt-icon-edit * .wt-icon-email * .wt-icon-family * .wt-icon-help * .wt-icon-individual * .wt-icon-google-maps * .wt-icon-keyboard * .wt-icon-media * .wt-icon-note * .wt-icon-openstreetmap * .wt-icon-preferences * .wt-icon-repository * .wt-icon-source * .wt-icon-submitter */ .wt-icon-bing-maps::before { width: 16px; height: 16px; content: url(xenea/icons/bing-maps.png); } .wt-icon-calendar::before { width: 19px; height: 15px; content: url(xenea/icons/calendar.png) } .wt-icon-copy::before { width: 16px; height: 16px; content: url(xenea/icons/copy.png) } .wt-icon-delete::before { width: 16px; height: 16px; content: url(xenea/icons/delete.png); } .wt-icon-edit::before { width: 16px; height: 16px; content: url(xenea/icons/edit.png); } .wt-icon-family::before { width: 14px; height: 15px; content: url(xenea/icons/family.png); } .wt-icon-help::before { width: 16px; height: 16px; content: url(xenea/icons/help.png); } .wt-icon-google-maps::before { width: 16px; height: 16px; content: url(xenea/icons/google-maps.png); } .wt-icon-individual::before { width: 11px; height: 15px; content: url(xenea/icons/individual.png); } .wt-icon-keyboard::before { width: 30px; height: 15px; content: url(xenea/icons/keyboard.png); } .wt-icon-media::before { width: 18px; height: 16px; content: url(xenea/icons/media.png); } .wt-icon-note::before { width: 20px; height: 20px; content: url(xenea/icons/note.png); } .wt-icon-openstreetmap::before { width: 16px; height: 16px; content: url(xenea/icons/openstreetmap.png); } .wt-icon-preferences::before { width: 25px; height: 25px; content: url(xenea/icons/preferences.png); } .wt-icon-repository::before { width: 15px; height: 15px; content: url(xenea/icons/repository.png); } .wt-icon-source::before { width: 18px; height: 16px; content: url(xenea/icons/source.png); } .wt-icon-submitter::before { width: 11px; height: 15px; content: url(xenea/icons/individual.png); } [class^="icon-"], [class*=" icon-"] { display: inline-block; vertical-align: text-bottom; background-repeat: no-repeat; background-size: cover; } .icon-add { width: 14px; height: 15px; background-image: url(images/add.png); } .icon-cfamily { width: 25px; height: 25px; background-image: url(xenea/images/cfamily.png); } .icon-childless { width: 25px; height: 25px; background-image: url(xenea/images/childless.png); } .icon-children { width: 16px; height: 16px; background-image: url(xenea/images/children.png); } .icon-clippings { width: 22px; height: 22px; background-image: url(xenea/images/clippings.png); } .icon-edit_indi { width: 25px; height: 25px; background-image: url(xenea/images/edit_indi.png); } .icon-fam-list { width: 25px; height: 25px; background-image: url(xenea/images/cfamily.png); } .icon-indi-list { width: 20px; height: 20px; background-image: url(xenea/images/indis.png); } .icon-loading-small { width: 16px; height: 16px; background-image: url(xenea/images/indicator.gif); } .icon-media { width: 20px; height: 20px; background-image: url(xenea/images/media.png); } .icon-media-list { width: 20px; height: 20px; background-image: url(xenea/images/media.png); } .icon-media-next { width: 20px; height: 20px; background-image: url(xenea/images/rdarrow.png); } .icon-media-play { width: 20px; height: 20px; background-image: url(xenea/images/rarrow.png); } .icon-media-stop { width: 20px; height: 20px; background-image: url(xenea/images/stop.png); } .icon-minus { width: 11px; height: 11px; background-image: url(xenea/images/minus.png); } .icon-mypage { width: 24px; height: 24px; background-image: url(xenea/images/mypage.png); } .icon-note { width: 22px; height: 22px; background-image: url(xenea/icons/note.png); } .icon-plus { width: 11px; height: 11px; background-image: url(xenea/images/plus.png); } .icon-remove { width: 20px; height: 20px; background-image: url(xenea/images/remove.png); } .icon-resn-confidential { width: 16px; height: 16px; background-image: url(xenea/images/resn_confidential.png); } .icon-resn-locked { width: 16px; height: 16px; background-image: url(xenea/images/resn_locked.png); } .icon-resn-none { width: 16px; height: 16px; background-image: url(xenea/images/resn_none.png); } .icon-resn-privacy { width: 16px; height: 16px; background-image: url(xenea/images/resn_privacy.png); } .icon-rings { width: 9px; height: 9px; background-image: url(xenea/images/rings.png); } .icon-selected { width: 12px; height: 12px; background-image: url(xenea/images/selected.png); } .icon-source { width: 20px; height: 20px; background-image: url(xenea/images/source.png); } /* Silhouettes on charts */ .icon-silhouette-F { width: 37px; height: 50px; background-image: url(xenea/images/silhouette_female_small.png); } .icon-silhouette-M { width: 37px; height: 50px; background-image: url(xenea/images/silhouette_male_small.png); } .icon-silhouette-U { width: 37px; height: 50px; background-image: url(xenea/images/silhouette_unknown_small.png); } .icon-indis { width: 25px; height: 25px; background-image: url(xenea/images/indis.png); } .icon-patriarch { width: 25px; height: 25px; background-image: url(xenea/images/patriarch.png); } .icon-pedigree { width: 25px; height: 25px; background-image: url(xenea/images/pedigree.png); } .icon-place { width: 25px; height: 25px; background-image: url(xenea/images/place.png); } .icon-repo-list { width: 25px; height: 25px; background-image: url(xenea/images/repository.png); } .icon-repository { width: 25px; height: 25px; background-image: url(xenea/images/repository.png); } .icon-search { width: 25px; height: 25px; background-image: url(xenea/images/search.png); } .icon-sfamily { width: 25px; height: 25px; background-image: url(xenea/images/sfamily.png); } .icon-source-list { width: 25px; height: 25px; background-image: url(xenea/images/source.png); } .icon-user_add { width: 25px; height: 25px; background-image: url(xenea/images/user_add.png); } /* Census assistant */ .wt-census-assistant-form-control:focus { min-width: 12rem; } /* * Drag and drop sortable lists */ .wt-sortable-list { } .wt-sortable-item { cursor: move; } /* Some blocks show a reduced version on the right-hand side. */ .wt-side-blocks .wt-side-block-optional { display: none !important; } /* my page chart enhancements */ .wt-block-content-charts { flex-flow: column-reverse; overflow: auto; } .wt-block-content-todays-events-block { padding: .25rem; } /* Some charts are wider than the page. */ .wt-chart { overflow-x: auto; overflow-y: hidden; } /* Fit thumbnail into parent on charts */ .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; } /* * These selectors control how the short horizontal lines are positioned in the Charts * Optimized for Win10 and FF, Chrome and Edge browsers * Ancestors * Descendants * amily book * Hourglass chart * */ /* Ascentors */ .wt-chart-ancestors .linea1 { margin-bottom: 4px; } .wt-chart-ancestors .linea2 { margin-bottom: 7px; } .wt-chart-ancestors .linea3 { margin-bottom: 4px; } .wt-chart-ancestors .linea4 { margin-bottom: 7px; } .wt-chart-ancestors .linea5 { vertical-align: top; } /* Descendants */ .wt-chart-descendants .lined1 { margin-bottom: 4px; } .wt-chart-descendants .lined2 { margin-bottom: 7px; } .wt-chart-descendants .lined3 { margin-bottom: 4px; } .wt-chart-descendants .lined4 { margin-bottom: 7px; } .wt-chart-descendants .linea5 { vertical-align: top; } /* Family book */ .linef1 { margin-bottom: 3px; } .linef2 { margin-bottom: 3px; } .linef3 { margin-bottom: 7px; } /* Hourglass */ .lineh1 { margin-bottom: 4px; } .lineh2 { margin-bottom: 4px; } .lineh3 { margin-bottom: 7px; } /* * Pedigree chart * * wt-chart, wt-chart-pedigree */ #pedigree_chart { position: relative; margin: 20px auto; } #pedigree_canvas { z-index: -1000; } #childbox-pedigree { border: 1px solid; background-color: #fff; } #pedigree-page #childbox-pedigree { border: 1px solid; background-color: #fff; } #childbox-pedigree { padding: 5px; position: absolute; display: none; text-align: start; white-space: nowrap; left: auto; z-index: 9999; } .wt-chart-pedigree, .wt-chart-hourglass { overflow-y: auto; } .wt-chart-pedigree .spacer { background-image: url(images/spacer.png); height: 20px; width: 1px; } #pedigree-page .shadow { box-shadow: 0 0 0 !important; /* override vendor css shadow */ } #childarrow, .ancestorarrow { text-align: center; display: inline-block; vertical-align: middle; } .layout3 #childbox-pedigree { top: auto; } #childbox-pedigree a.name1 { display: block; margin-left: 5px; } /* * Place hierarchy * * wt-place-hierarchy-page */ #place-hierarchy ul { list-style-type: none; } .d-table-cell { padding-right: 5px; } /* * Search * * wt-search-page, wt-general-serach-page/wt-phonetic-search-page/wt-advanced-search-page/wt-search-replace-page */ /* Some menus (e.g. languages) can be longer than a page */ .dropdown-menu { max-height: 30rem; overflow-x: hidden; } /* Clipping cart */ .clipping-cart h2 { margin: 20px; text-align: center; } .clipping-cart .wt-page-options { max-width: 25rem; } .clipping-cart .topbottombar, .clipping-cart .optionbox, .add-to .topbottombar { font-size: 1rem; } .clipping-cart .add-to { text-align: left; } /* Forms */ .col-form-label { font-weight: bold; } /* Popups */ .popup .nav-link { display: inline; vertical-align: top; padding: 5px; }