/** * 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 clouds theme */ @import "_base.css"; @import "_block-charts.css"; @import "_charts.css"; @import "_lists.css"; @import "_mime-type-icons.css"; @import "_on-screen-keyboard.css"; @import "_tab-relatives.css"; /* Colors for chart boxes, etc. */ :root { --sex-f-fg: #aaaaaa; --sex-m-fg: #aaaaaa; --sex-u-fg: #aaaaaa; --sex-f-bg: #ffdddd; --sex-m-bg: #ddddff; --sex-u-bg: #ffffff; --chart-line: solid gray thin; --chart-line-radius: 1rem; } /* Override Bootstrap formatting */ .table-given-name { overflow-x: hidden; } .btn-link { padding: 0 .25rem; } .container-fluid { padding-left: 5px; padding-right: 5px; } table { border-collapse: separate; } .dropdown-menu { /* Fix dropdown on Place Lists/Place Hierarchy */ z-index: 1010; } /* * 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-xxxxx */ .wt-global { background: #c8e7ff url(clouds/images/background.png) repeat-x fixed top left; color: #006; } .wt-header-wrapper { background: #acf url(clouds/images/clouds.png) repeat-x; border-bottom: thin solid #79c; } .wt-header-wrapper .dropdown-item.active { background-color: inherit; color: inherit; font-weight: bold; } .wt-header-container { margin-top: 0.5rem; } .wt-header-content { } .wt-accessibility-links { } .wt-site-logo { display: none; } .wt-site-title { order: 1; flex: 1 1 0; font-size: 1.5rem; } .wt-header-search { order: 3; flex: 0 0 15rem; } .wt-header-search-form { } .wt-header-search-field { } .wt-header-search-button { } .wt-secondary-navigation { order: 2; flex: 0 0 0; white-space: nowrap; } .wt-user-menu { flex-wrap: nowrap; } .wt-user-menu .nav-link { display: inline-block; padding: 0.5rem; } .wt-user-menu .nav-item + .nav-item::before { content: "|"; } .wt-user-menu .dropdown-toggle:after { display: none; } .wt-user-menu .dropdown-item { padding-left: 1rem; padding-right: 1rem; } .wt-primary-navigation { order: 3; flex: 1 0 auto; } .wt-genealogy-menu { display: flex; flex-wrap: wrap; } .wt-genealogy-menu .nav-item { padding: 0 0.75rem; } .wt-genealogy-menu .nav-link { /* All menu icons are 22px x 22px */ height: calc(22px + 1rem); width: 22px; /* Hide text */ padding: 0.5rem 0; overflow: hidden; } .wt-genealogy-menu .dropdown-item { /* Space between icons and align with submenu icons */ padding: 0 5px 0 0; } .wt-genealogy-menu .dropdown-item::before { /* All submenu icons are 22px x 22px */ height: 22px; width: 22px; /* Align icons and text */ vertical-align: text-top; /* Space between icon and text */ padding: 0 .25rem; line-height: 1.8; } .wt-genealogy-menu .nav-item::before { /* The size of the menu icons */ width: 22px; height: 22px; } .wt-genealogy-menu .dropdown-item::before { /* The size of the submneu icons */ width: 22px; height: 22px; } .wt-genealogy-menu .dropdown-item:first-child { font-weight: bold; text-align: center; border-bottom: solid thin #ddd; } .menu-tree .nav-link::before { content: url(clouds/menu/tree.png); } .menu-tree .dropdown-item:not(:first-child)::before { content: url(clouds/menu/tree-tree.png); } .menu-chart .nav-link::before { content: url(clouds/menu/chart.png); } .menu-chart-ancestry::before { content: url(clouds/menu/chart-ancestors.png); } .menu-chart-compact::before { content: url(clouds/menu/chart-compact.png); } .menu-chart-descendants::before { content: url(clouds/menu/chart-descendants.png); } .menu-chart-familybook::before { content: url(clouds/menu/chart-family-book.png); } .menu-chart-fanchart::before { content: url(clouds/menu/chart-fanchart.png); } .menu-chart-hourglass::before { content: url(clouds/menu/chart-hourglass.png); } .menu-chart-lifespan::before { content: url(clouds/menu/chart-lifespan.png); } .menu-chart-pedigree::before { content: url(clouds/menu/chart-pedigree.png); } .menu-chart-pedigreemap::before { content: url(clouds/menu/chart-pedigree-map.png); } .menu-chart-relationship::before { content: url(clouds/menu/chart-relationship.png); } .menu-chart-statistics::before { content: url(clouds/menu/chart-statistics.png); } .menu-chart-timeline::before { content: url(clouds/menu/chart-timeline.png); } .menu-chart-tree::before { content: url(clouds/menu/chart-tree.png); } .menu-list .nav-link::before { content: url(clouds/menu/list.png); } .menu-branches::before { content: url(clouds/menu/branches.png); } .menu-list-fam::before { content: url(clouds/menu/list-fam.png); } .menu-list-indi::before { content: url(clouds/menu/list-indi.png); } .menu-list-note::before { content: url(clouds/menu/list-note.png); } .menu-list-obje::before { content: url(clouds/menu/list-obje.png); } .menu-list-plac::before { content: url(clouds/menu/list-plac.png); } .menu-list-repo::before { content: url(clouds/menu/list-repo.png); } .menu-list-sour::before { content: url(clouds/menu/list-sour.png); } .menu-calendar .nav-link::before { content: url(clouds/menu/calendar.png); } .menu-calendar-day::before { content: url(clouds/menu/calendar.png); } .menu-calendar-month::before { content: url(clouds/menu/calendar.png); } .menu-calendar-year::before { content: url(clouds/menu/calendar.png); } .menu-report .nav-link::before { content: url(clouds/menu/report.png); } .menu-report .dropdown-item:not(:first-child)::before { content: url(clouds/menu/report.png); } .menu-search .nav-link::before { content: url(clouds/menu/search.png); } .menu-search .dropdown-item:not(:first-child)::before { content: url(clouds/menu/search.png); } .menu-faq .nav-link::before { content: url(clouds/menu/faq.png); } .menu-clippings .nav-link::before { content: url(clouds/menu/clippings.png); } .menu-clippings-add::before { content: url(clouds/menu/clippings-cart.png); } .menu-clippings-cart::before { content: url(clouds/menu/clippings-cart.png); } .menu-clippings-download::before { content: url(clouds/menu/edit-gedcom.png); } .menu-clippings-empty::before { content: url(clouds/menu/edit-delete.png); } .menu-clippings-remove::before { content: url(clouds/menu/edit-delete.png); } .menu-story .nav-link::before { content: url(clouds/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-options .form-group { margin-bottom: 2px; } .wt-page-options-label { color: #039; background-color: #95b8e0; } .wt-page-options-value { color: #006; background-color: #ecf5ff; border: thin solid #ccc; padding: 0.25rem 0.75rem; } .wt-page-content { margin-top: 1rem; } .wt-footers { } .wt-footer { } .wt-footer-contact { } .wt-footer-cookies { background: #666; 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 { color: #000; margin-bottom: 5px; padding: 1px; vertical-align: top; } .wt-block-header { background: url(clouds/images/block-header-background.png); background-size: auto 100%; padding: 0.25rem 0.75rem; } .wt-block-header::before { content: url(clouds/images/block-header-disk.png); margin: 0.5rem; } .wt-block-content { } .blockcontent { border: solid #999 1px; margin: 0 2px 10px 0; overflow: auto; padding: 5px; } .blockcontent .list_table { border-spacing: 1px; border: solid #999 1px; border-right: 0; } .blockcontent .list_value, .blockcontent .list_value_wrap { border: 0; border-top: solid #999 1px; border-right: solid #999 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; } /* ====== Round Corners ======== */ input, fieldset, .border1, .block, .list_label, .list_label_wrap, .list_value, .list_value_wrap, .messagebox, .optionbox, .wt-chart-box, .person0, .person1, .person2, .person3, .person4, .person5, .wt-genealogy-menu ul, .user-menu li ul, footer, #indi_main_blocks, #tabs{ border-radius: 3px; } a { color: #039; text-decoration: none; } a:hover { color: #f00; text-decoration: none; } :focus { outline-style: none; } .flash-messages { clear: both; text-align: center; } img { border: 0; } legend img { height: 20px; vertical-align: middle; width: 20px; } img.block, #mycart img { border: 0; height: 25px; vertical-align: middle; } .topbottombar { font-size: 12px; font-weight: bold; padding: 4px; text-align: center; } #mycart a img { height: 15px; } .button { width: 60px; } button:focus { outline: 0; } .alpha_index { color: #999; } hr { margin-top: 5px; border-color: #006; } .list_table { margin: 0 auto; } .list_label, .list_label_wrap { color: #fff; border: 1px solid #999; font-weight: bold; text-align: center; } .list_value, .list_value_wrap { background-color: #edf7f9; border: solid #999 1px; vertical-align: top; } .list_label, .list_value { white-space: nowrap; padding: 4px; } .list_label_wrap, .list_value_wrap { white-space: normal; } div.fact_SHARED_NOTE { clear: both; } /* Table of genealogical facts */ .wt-facts-table { border-collapse: separate; } .wt-facts-table caption { caption-side: top; } .wt-facts-table th { background-color: #95b8e0; color: #039; border: 1px solid #acf; border-radius: 3px; font-weight: normal; text-align: center; min-width: 20%; } .wt-facts-table td { background: #fff; border: solid #999 1px; border-radius: 3px; } .wt-facts-table .wt-gender-M td { background-color: #ddf; } .wt-facts-table .wt-gender-F td { background-color: #fdd; } .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; } .details0, .details1 { font-size: 13px; } .details2 { color: #006; font-size: 12px; } .details_label { font-weight: bold; } .name_head { color: #333; font-size: 16px; font-weight: bold; line-height: 2; padding: 0 5px; } .date { color: #039; } .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: 7px; } .image { height: 150px; padding: 5px; margin-right: 15px; } .thumbnail { height: auto; padding: 3px; } .icon { border: 0; padding: 0 5px; } .subheaders { color: #006; font-weight: bold; font-size: 15px; margin-top: 15px; vertical-align: bottom; } .parentdeath { border: thin solid #888; padding: 1px; } .source_citations { display: none; } .selected-option { background-color: #cef; } .border1 { border: solid #000 1px; } .journal_box { padding: 3pt; border: thin solid #aaa; overflow: visible; } .news_box { border-top: solid #ccc 1px; } .news_title { color: #000; font-weight: bold; } .news_date { color: #000; margin-bottom: 12px; } .current_day { font-weight: bold; font-size: 16px; } .cal_day { float: left; 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: #ddf; border: outset #999 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: #aad; 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; color: #555; } .starredname { text-decoration: underline; } .search_hit { background-color: #ff0; } .search_item { font-weight: 600; } .descriptionbox { font-size: 12px; border: 1px solid #ccc; vertical-align: top; padding: 3px; } .optionbox { font-size: 1rem; background-color: #ecf5ff; color: #006; border: solid #ccc 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 #ccc 1px; } /* ---Pending edits--- */ .wt-new { outline: solid blue 1px; } .wt-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 #999 1px; } #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; } /* ======== Person box ======= */ .gedcom_favorites_block, .user_favorites_block { overflow: visible !important; } /* --- 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; } /* ======== List styles ====== */ .surname-list, .givn-list { margin: 5px auto; } .source-list table, .note-list table, .repo-list table, .media-list table, .indi-list table, .fam-list table { width: 100%; } .source-list td, .note-list td, .repo-list td, .media-list td, .indi-list td, .fam-list td, .recent_changes_block td, .upcoming_events_block td, .surname-list td, .givn-list td { padding: 2px 5px; } .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, .wt-table-changes th, .wt-table-events th, .wt-table-tasks th, .wt-table-yahrzeits 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; } .user_welcome_block table, .gedcom_block_block table { margin: auto; } .user_welcome_block td, .gedcom_block_block td { width: 33%; text-align: center; vertical-align: top; } /* === Who is online block === */ .logged_in_list { margin: 5px 0 0; padding: 0; line-height: 20px; } /* ==== Theme select block === */ .theme_form ul { margin: -10px auto; } .theme_form li { visibility: hidden; } .theme_form li ul li { display: inline-block; padding: 10px; visibility: visible; } /* ==== FAQ table styles ===== */ table.faq { background-color: #eee; margin: 5px 0 50px 5px; width: 98%; } table.faq tr:nth-child(odd) td { background-color: #eee; } div.faq_title { background-color: #eee; 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; margin: 0 0 5px; } #indi_header h3 { color: #006; 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; } #header_accordion1 { 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 { color: #333; 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 ======== */ .media-display-image { float: left; } .media-display-title { float: left; font-style: italic; margin: 10px; } .upcoming_events_block button, .todays_events_block button { margin: 0 20px; } /* Sidebar - Family navigator */ .wt-family-navigator-dropdown-heading { font-weight: bold; font-size: inherit; color: inherit; } /* Sidebar - Descendants */ #sb_content_descendancy { margin-top: 0; } #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; margin-left: 5px; } /* Individuals and Families */ #sidebar-content-individuals, #sidebar-content-families { margin-top: 0; } .sb_indi_surname_li, .sb_fam_surname_li { list-style-image: url(icons/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: 0; 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 #bcd; 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; } /*-- Fan chart ---- */ .fan_chart_menu { background: #fff; 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; } /*-- timeline --*/ #timeline_chart { position: relative; top: 0; left: 0; } #field_table { width: 30%; min-width: 500px; } [class^="icon-"], [class*=" icon-"] { display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-size: cover; } .icon-cfamily { content: url(clouds/images/cfamily.png); } .icon-childless { content: url(images/childless.png); } .icon-children { content: url(images/children.png); } .icon-edit_indi { content: url(clouds/images/edit_indi.png); } .icon-fam-list { content: url(clouds/images/sfamily.png); } .icon-indi-list { content: url(clouds/images/indis.png); } .icon-loading-small { content: url(images/indicator.gif); } .icon-minus { content: url(icons/minus.png); } .icon-mypage { content: url(clouds/images/mypage.png); } .icon-plus { content: url(icons/plus.png); } .icon-resn-confidential { content: url(images/resn_confidential.png); } .icon-resn-locked { content: url(images/resn_locked.png); } .icon-resn-none { content: url(images/resn_none.png); } .icon-resn-privacy { content: url(images/resn_privacy.png); } .icon-rings { content: url(images/rings.png); } .icon-selected { content: url(clouds/images/selected.png); } /* Silhouettes on charts */ .icon-silhouette-F { content: url(clouds/images/silhouette_female_small.png); } .icon-silhouette-M { content: url(clouds/images/silhouette_male_small.png); } .icon-silhouette-U { content: url(clouds/images/silhouette_unknown_small.png); } /* Tbl hdrs and Light Text */ .descriptionbox, .topbottombar, .topbottombar a, .list_label, .list_label a { background-color: #95b8e0; color: #039; } /* Base Color */ .blockcontent, .list_value, .list_value_wrap, .news_box { background: inherit; } footer .error { color: #d00; font-weight: bold; } .user_links { white-space: nowrap; } /* * 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. */ .wt-icon-anniversary { content: url(icons/anniversary.png); } .wt-icon-arrow-down { content: url(clouds/icons/arrow-down.png); } a > .wt-icon-arrow-down:hover { content: url(clouds/icons/arrow-down-hover.png); } .wt-icon-arrow-left { content: url(clouds/icons/arrow-left.png); } a > .wt-icon-arrow-left:hover { content: url(clouds/icons/arrow-left-hover.png); } .wt-icon-arrow-right { content: url(clouds/icons/arrow-right.png); } a > .wt-icon-arrow-right:hover { content: url(clouds/icons/arrow-right-hover.png); } .wt-icon-arrow-up { content: url(clouds/icons/arrow-up.png); } a > .wt-icon-arrow-up:hover { content: url(clouds/icons/arrow-up-hover.png); } .wt-icon-bing-maps { content: url(icons/bing-maps.png); } .wt-icon-calendar { content: url(icons/calendar.png) } .wt-icon-collapse { } .wt-icon-coordinates { content: url(icons/coordinates.png) } .wt-icon-copy { content: url(icons/copy.png) } .wt-icon-delete { content: url(icons/delete.png); } .wt-icon-edit { content: url(icons/edit.png); } .wt-icon-expand { } .wt-icon-family { content: url(icons/family.png); } .wt-icon-google-maps { content: url(icons/google-maps.png); } .wt-icon-help { content: url(clouds/icons/help.png); } .wt-icon-individual { content: url(icons/individual.png); } .wt-icon-keyboard { content: url(icons/keyboard.png); } .wt-icon-media { content: url(icons/media.png); } .wt-icon-note { content: url(icons/note.png); } .wt-icon-openstreetmap { content: url(icons/openstreetmap.png); } .wt-icon-preferences { content: url(clouds/icons/preferences.png); } .wt-icon-reorder { content: url(icons/reorder.png); } .wt-icon-repository { content: url(icons/repository.png); } .wt-icon-sex-f { content: url(icons/sex-female.png); } .wt-icon-sex-m { content: url(icons/sex-male.png); } .wt-icon-sex-u { content: url(icons/sex-unknown.png); } .wt-icon-sex-x { content: url(icons/sex-unknown.png); } .wt-icon-source { content: url(icons/source.png); } .wt-icon-submitter { content: url(icons/individual.png); } .wt-icon-warning { content: url(icons/warning.png); } .wt-icon-zoom-in { content: url(clouds/icons/zoom-in.png); } .wt-icon-zoom-out { content: url(clouds/icons/zoom-out.png); } /* Miscellaneous images */ .icon-indis { content: url(clouds/images/indis.png); } .icon-patriarch { content: url(clouds/images/patriarch.png); } .icon-pedigree { content: url(clouds/images/pedigree.png); } .icon-sfamily { content: url(clouds/images/sfamily.png); } .icon-user_add { content: url(clouds/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; } /* * Place hierarchy * * wt-place-hierarchy-page */ #place-hierarchy ul { list-style-type: none; } .d-table-cell { padding-right: 5px; } /* Some menus (e.g. languages) can be longer than a page */ .dropdown-menu { max-height: 30rem; overflow-x: hidden; } /* Forms */ .col-form-label { font-weight: bold; }