1e837ff07SGreg Roach/** 2e837ff07SGreg Roach * webtrees: online genealogy 3d11be702SGreg Roach * Copyright (C) 2023 webtrees development team 4e837ff07SGreg Roach * This program is free software: you can redistribute it and/or modify 5e837ff07SGreg Roach * it under the terms of the GNU General Public License as published by 6e837ff07SGreg Roach * the Free Software Foundation, either version 3 of the License, or 7e837ff07SGreg Roach * (at your option) any later version. 8e837ff07SGreg Roach * This program is distributed in the hope that it will be useful, 9e837ff07SGreg Roach * but WITHOUT ANY WARRANTY; without even the implied warranty of 10e837ff07SGreg Roach * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 11e837ff07SGreg Roach * GNU General Public License for more details. 12e837ff07SGreg Roach * You should have received a copy of the GNU General Public License 13ad3143ccSGreg Roach * along with this program. If not, see <https://www.gnu.org/licenses/>. 14e837ff07SGreg Roach */ 15e837ff07SGreg Roach 16e837ff07SGreg Roach/* The minimal theme */ 17e759aebbSGreg Roach@import "_base.css"; 18e837ff07SGreg Roach 1997c22350SGreg Roach:root { 2016e8b6e8SGreg Roach --chart-line-radius: 1rem; 217a821518SGreg Roach --chart-line: solid gray thin; 227a821518SGreg Roach --link-color-hover: #0a58ca; 237a821518SGreg Roach --link-color: #0d6efd; 247a821518SGreg Roach --link-decoration-hover: underline; 257a821518SGreg Roach --link-decoration: underline; 267a821518SGreg Roach --sex-f-bg: #ffffff; 277a821518SGreg Roach --sex-f-fg: #888888; 287a821518SGreg Roach --sex-m-bg: #ffffff; 297a821518SGreg Roach --sex-m-fg: #888888; 307a821518SGreg Roach --sex-u-bg: #ffffff; 317a821518SGreg Roach --sex-u-fg: #888888; 321baf69deSGreg Roach --sex-x-bg: #ffffff; 331baf69deSGreg Roach --sex-x-fg: #888888; 3497c22350SGreg Roach} 3597c22350SGreg Roach 36e837ff07SGreg Roach/* Override Bootstrap formatting */ 37e837ff07SGreg Roach.btn-link { 38e837ff07SGreg Roach padding-left: 0.25rem; 39e837ff07SGreg Roach padding-right: 0.25rem; 40e837ff07SGreg Roach} 41e837ff07SGreg Roach 42e837ff07SGreg Roach.table-given-name { 43e837ff07SGreg Roach overflow-x: hidden; 44e837ff07SGreg Roach} 45e837ff07SGreg Roach 46e837ff07SGreg Roach.container-fluid { 47e837ff07SGreg Roach padding-left: 5px; 48e837ff07SGreg Roach padding-right: 5px; 49e837ff07SGreg Roach} 50e837ff07SGreg Roach 51e837ff07SGreg Roachtable { 52e837ff07SGreg Roach border-collapse: separate; 53e837ff07SGreg Roach} 54e837ff07SGreg Roach 55e837ff07SGreg Roach/* 56e837ff07SGreg Roach * Pages have the following high-level structure: 57e837ff07SGreg Roach * 5897c22350SGreg Roach * wt-global wt-theme-<THEME> wt-route-<ROUTE> 59e837ff07SGreg Roach * +---wt-header-wrapper 60e759aebbSGreg Roach * | +---wt-header-container 61e837ff07SGreg Roach * | +---wt-header-content 62e837ff07SGreg Roach * | +---wt-accessibility-links 63e837ff07SGreg Roach * | +---wt-site-logo 64e837ff07SGreg Roach * | +---wt-site-title 65e837ff07SGreg Roach * | +---wt-header-search 66e837ff07SGreg Roach * | | +---wt-header-search-form 67e837ff07SGreg Roach * | | +---wt-header-search-field 68e837ff07SGreg Roach * | | +---wt-header-search-button 69e837ff07SGreg Roach * | +---wt-secondary-navigation 700c8c69d4SGreg Roach * | | +---wt-user-menu 71e837ff07SGreg Roach * | +---wt-primary-navigation 720c8c69d4SGreg Roach * | +---wt-genealogy-menu 73e759aebbSGreg Roach * +---wt-main-wrapper 74e759aebbSGreg Roach * | +---wt-main-container 75e837ff07SGreg Roach * | +---wt-main-content 76e837ff07SGreg Roach * | +---wt-messages 77e837ff07SGreg Roach * | +---wt-page-title 78e837ff07SGreg Roach * | +---wt-page-options wt-page-options-xxxxx 79e837ff07SGreg Roach * | +---wt-page-content 8097c22350SGreg Roach * +---wt-footers 81b3a775f6SGreg Roach * +---wt-footer wt-footer-xxxxx 82e837ff07SGreg Roach */ 83e837ff07SGreg Roach 8475f2a483SDavid Drury::backdrop, .wt-global { 85e837ff07SGreg Roach /* Avoid extremes of black and white. It is better for users with dyslexia. */ 86e837ff07SGreg Roach color: #0a0a0a; 87e837ff07SGreg Roach background-color: #f9f9f9; 88e837ff07SGreg Roach} 89e837ff07SGreg Roach 9097c22350SGreg Roach.wt-header-wrapper { 9197c22350SGreg Roach} 9297c22350SGreg Roach 93e837ff07SGreg Roach.wt-header-container { 94e837ff07SGreg Roach margin-top: 1rem; 95e837ff07SGreg Roach} 96e837ff07SGreg Roach 97e837ff07SGreg Roach.wt-header-content { 98e837ff07SGreg Roach} 99e837ff07SGreg Roach 100e837ff07SGreg Roach.wt-accessibility-links { 101e837ff07SGreg Roach} 102e837ff07SGreg Roach 103e837ff07SGreg Roach.wt-site-logo { 104e837ff07SGreg Roach display: none; 105e837ff07SGreg Roach} 106e837ff07SGreg Roach 107e837ff07SGreg Roach.wt-site-title { 108e837ff07SGreg Roach order: 1; 1096e28c6eeSDavid Drury flex: 1 1 auto; 1106e28c6eeSDavid Drury width: auto; 111e837ff07SGreg Roach font-size: 1.75rem; 112e837ff07SGreg Roach} 113e837ff07SGreg Roach 114e837ff07SGreg Roach.wt-header-search { 115e837ff07SGreg Roach order: 3; 116e837ff07SGreg Roach flex: 0 0 15rem; 117e837ff07SGreg Roach} 118e837ff07SGreg Roach 119e837ff07SGreg Roach.wt-header-search-form { 120e837ff07SGreg Roach} 121e837ff07SGreg Roach 12297c22350SGreg Roach.wt-header-search-field { 12397c22350SGreg Roach} 12497c22350SGreg Roach 12597c22350SGreg Roach.wt-header-search-button { 12697c22350SGreg Roach} 12797c22350SGreg Roach 128e837ff07SGreg Roach.wt-secondary-navigation { 129e837ff07SGreg Roach order: 2; 1306e28c6eeSDavid Drury flex: 0 0 auto; 1316e28c6eeSDavid Drury width: auto; 132e837ff07SGreg Roach white-space: nowrap; 133e837ff07SGreg Roach} 134e837ff07SGreg Roach 1350c8c69d4SGreg Roach.wt-user-menu { 136f699d6fcSGreg Roach flex-wrap: nowrap; 137e837ff07SGreg Roach} 138e837ff07SGreg Roach 1390c8c69d4SGreg Roach.wt-user-menu .nav-link { 140e837ff07SGreg Roach padding: 0.5rem; 141e837ff07SGreg Roach} 142e837ff07SGreg Roach 143e837ff07SGreg Roach.wt-primary-navigation { 144e837ff07SGreg Roach order: 4; 145e837ff07SGreg Roach /* Extend to full page width */ 146e837ff07SGreg Roach flex: 0 1 100vw; 147e837ff07SGreg Roach max-width: 100vw; 148e837ff07SGreg Roach /* Recalculate margins for content */ 149e837ff07SGreg Roach margin: 0 calc(50% - 50vw); 150e837ff07SGreg Roach padding: 0 calc(50vw - 50%); 151e837ff07SGreg Roach border-bottom: 2px solid #aaa; 152e837ff07SGreg Roach} 153e837ff07SGreg Roach 1540c8c69d4SGreg Roach.wt-genealogy-menu { 155e837ff07SGreg Roach justify-content: center; 156e837ff07SGreg Roach} 157e837ff07SGreg Roach 1580c8c69d4SGreg Roach.wt-genealogy-menu .nav-link { 159e837ff07SGreg Roach padding: 0.5rem; 160e837ff07SGreg Roach} 161e837ff07SGreg Roach 162e837ff07SGreg Roach.wt-main-container { 163f699d6fcSGreg Roach /* Space between the header/footer and the main content. */ 164f699d6fcSGreg Roach padding-top: 1rem; 165f699d6fcSGreg Roach padding-bottom: 1rem; 166e837ff07SGreg Roach} 167e837ff07SGreg Roach 168e837ff07SGreg Roach.wt-main { 169e837ff07SGreg Roach} 170e837ff07SGreg Roach 171e837ff07SGreg Roach.wt-messages { 172e837ff07SGreg Roach} 173e837ff07SGreg Roach 174e837ff07SGreg Roach.wt-page-title { 175e837ff07SGreg Roach text-align: center; 176e837ff07SGreg Roach} 177e837ff07SGreg Roach 178e837ff07SGreg Roach.wt-page-content { 179e837ff07SGreg Roach margin-top: 1rem; 180e837ff07SGreg Roach} 181e837ff07SGreg Roach 18297c22350SGreg Roach.wt-footers { 183e837ff07SGreg Roach} 184e837ff07SGreg Roach 18597c22350SGreg Roach.wt-footer { 186e837ff07SGreg Roach} 187e837ff07SGreg Roach 18897c22350SGreg Roach.wt-footer-contact { 189e837ff07SGreg Roach} 190e837ff07SGreg Roach 19197c22350SGreg Roach.wt-footer-cookies { 19297c22350SGreg Roach background: #aaa; 19397c22350SGreg Roach color: #fff; 19497c22350SGreg Roach transition: height 0.5s; 195e837ff07SGreg Roach} 196e837ff07SGreg Roach 19797c22350SGreg Roach.wt-footer-page-views { 19897c22350SGreg Roach} 19997c22350SGreg Roach 20097c22350SGreg Roach.wt-footer-powered-by { 201e837ff07SGreg Roach} 202e837ff07SGreg Roach 203e39fd5c6SGreg Roach.wt-footer-powered-by-webtrees { 204e39fd5c6SGreg Roach} 205e39fd5c6SGreg Roach 206e837ff07SGreg Roach/* 20748b53306SGreg Roach * The tree/user home pages 208e837ff07SGreg Roach * 209e837ff07SGreg Roach * wt-home-page / wt-user-page 210e837ff07SGreg Roach * +---wt-main-blocks 211e837ff07SGreg Roach * | +---wt-block, wt-block-AAA 212e837ff07SGreg Roach * | +---wt-block, wt-block-BBB 213e837ff07SGreg Roach * | +---wt-block, wt-block-CCC 214e837ff07SGreg Roach * +---wt-side-blocks 215e837ff07SGreg Roach * +---wt-block, wt-block-XXX 216e837ff07SGreg Roach * +---wt-block, wt-block-YYY 217e837ff07SGreg Roach * +---wt-block, wt-block-ZZZ 218e837ff07SGreg Roach * 219e837ff07SGreg Roach * Each block as the structure 220e837ff07SGreg Roach * wt-block, wt-block-XXX 221e837ff07SGreg Roach * +---wt-block-header, wt-block-header-XXX 222e837ff07SGreg Roach * +---wt-block-content, wt-block-content-XXX 223e837ff07SGreg Roach */ 224e837ff07SGreg Roach 225e837ff07SGreg Roach.wt-block { 226e837ff07SGreg Roach border: solid #000 1px; 227e837ff07SGreg Roach} 228e837ff07SGreg Roach 229e837ff07SGreg Roach.wt-block-header { 230e837ff07SGreg Roach background-color: #fff; 231e837ff07SGreg Roach} 232e837ff07SGreg Roach 233e837ff07SGreg Roach.wt-block-content { 234e837ff07SGreg Roach} 235e837ff07SGreg Roach 236e837ff07SGreg Roach.wt-block-content .list_table { 237e837ff07SGreg Roach border-spacing: 1px; 238e837ff07SGreg Roach border: solid #000 1px; 239e837ff07SGreg Roach border-right: 0; 240e837ff07SGreg Roach} 241e837ff07SGreg Roach 242e837ff07SGreg Roach.wt-block-content .list_value, 243e837ff07SGreg Roach.wt-block-content .list_value_wrap { 244e837ff07SGreg Roach border: 0; 245e837ff07SGreg Roach border-top: solid #000 1px; 246e837ff07SGreg Roach border-right: solid #000 1px; 247e837ff07SGreg Roach} 248e837ff07SGreg Roach 249e837ff07SGreg Roach/* 250e39fd5c6SGreg Roach * The individual page. 251e39fd5c6SGreg Roach * 252e39fd5c6SGreg Roach * wt-route-individual 253e39fd5c6SGreg Roach * +---wt-header-wrapper 254e39fd5c6SGreg Roach */ 255242a7862SGreg Roach.wt-individual-silhouette-f { 256e39fd5c6SGreg Roach content: url(images/individual-silhouette-female.png); 257e39fd5c6SGreg Roach} 258e39fd5c6SGreg Roach 259242a7862SGreg Roach.wt-individual-silhouette-m { 260e39fd5c6SGreg Roach content: url(images/individual-silhouette-male.png); 261e39fd5c6SGreg Roach} 262e39fd5c6SGreg Roach 2631baf69deSGreg Roach.wt-individual-silhouette-u, 2641baf69deSGreg Roach.wt-individual-silhouette-x { 2651baf69deSGreg Roach content: url(images/individual-silhouette-unknown.png); 2661baf69deSGreg Roach} 2671baf69deSGreg Roach 268e39fd5c6SGreg Roach/* 269242a7862SGreg Roach * Chart-boxes are used to build the various charts. 270242a7862SGreg Roach * Each type of chart will set its own size and hide/show content. 271e837ff07SGreg Roach * 272242a7862SGreg Roach * wt-chart-box 273242a7862SGreg Roach * +--- wt-chart-box-thumbnail 274242a7862SGreg Roach * +--- wt-chart-box-extra 275242a7862SGreg Roach * +--- wt-chart-box-zoom 276242a7862SGreg Roach * +--- wt-chart-box-icon 277242a7862SGreg Roach * +--- wt-chart-box-dropdown wt-chart-box-zoom-dropdown 278242a7862SGreg Roach * +--- wt-chart-box-links 279242a7862SGreg Roach * +--- wt-chart-box-icon 280242a7862SGreg Roach * +--- wt-chart-box-dropdown wt-chart-box-links-dropdown 281242a7862SGreg Roach * +--- wt-chart-box-name 282242a7862SGreg Roach * +--- wt-chart-box-lifespan 283242a7862SGreg Roach * +--- wt-chart-box-facts 284242a7862SGreg Roach * +--- wt-chart-box-fact 285e837ff07SGreg Roach */ 286242a7862SGreg Roach.wt-chart-box { 287242a7862SGreg Roach height: 5rem; 288242a7862SGreg Roach padding: 2px; 289242a7862SGreg Roach line-height: 1.1; 290e660065eSGreg Roach border: solid gray thin; 291e837ff07SGreg Roach} 292e837ff07SGreg Roach 293242a7862SGreg Roach.wt-chart-box-f, 294242a7862SGreg Roach.wt-chart-box-f .wt-chart-box-dropdown { 295242a7862SGreg Roach background: var(--sex-f-bg); 296242a7862SGreg Roach border: solid var(--sex-f-fg) thin; 297e837ff07SGreg Roach} 298e837ff07SGreg Roach 299242a7862SGreg Roach.wt-chart-box-m, 300242a7862SGreg Roach.wt-chart-box-m .wt-chart-box-dropdown { 301242a7862SGreg Roach background: var(--sex-m-bg); 302242a7862SGreg Roach border: solid var(--sex-m-fg) thin; 303e837ff07SGreg Roach} 304e837ff07SGreg Roach 3051baf69deSGreg Roach.wt-chart-box-u, 3061baf69deSGreg Roach.wt-chart-box-u .wt-chart-box-dropdown { 3071baf69deSGreg Roach background: var(--sex-u-bg); 3081baf69deSGreg Roach border: solid var(--sex-u-fg) thin; 3091baf69deSGreg Roach} 3101baf69deSGreg Roach 3111baf69deSGreg Roach.wt-chart-box-x, 3121baf69deSGreg Roach.wt-chart-box-x .wt-chart-box-dropdown { 3131baf69deSGreg Roach background: var(--sex-x-bg); 3141baf69deSGreg Roach border: solid var(--sex-x-fg) thin; 3151baf69deSGreg Roach} 3161baf69deSGreg Roach 317e837ff07SGreg Roach/* ---Pending edits--- */ 31817dd427eSGreg Roach.wt-new { 319e837ff07SGreg Roach outline: solid thin blue; 320e837ff07SGreg Roach} 32117dd427eSGreg Roach 32217dd427eSGreg Roach.wt-old { 323e837ff07SGreg Roach outline: solid thin red; 324e837ff07SGreg Roach} 325e837ff07SGreg Roach 326e837ff07SGreg Roach.list_value, 327e837ff07SGreg Roach.list_value_wrap { 328e837ff07SGreg Roach border: solid #000 1px; 329e837ff07SGreg Roach vertical-align: top; 330e837ff07SGreg Roach padding: 4px; 331e837ff07SGreg Roach} 332e837ff07SGreg Roach 333e837ff07SGreg Roach.list_table { 334e837ff07SGreg Roach margin: 0 auto; 335e837ff07SGreg Roach} 336e837ff07SGreg Roach 337e837ff07SGreg Roach.filtersH, 338e837ff07SGreg Roach.filtersF { 339e837ff07SGreg Roach margin: 4px; 340e837ff07SGreg Roach} 341e837ff07SGreg Roach 342e837ff07SGreg Roach.filtersH img { 343e837ff07SGreg Roach margin-bottom: 2px; 344e837ff07SGreg Roach} 345e837ff07SGreg Roach 346e837ff07SGreg Roach.list-charts { 347e837ff07SGreg Roach text-align: center; 348e837ff07SGreg Roach} 349e837ff07SGreg Roach 350e837ff07SGreg Roach#place-hierarchy h2, 351e837ff07SGreg Roach#place-hierarchy h4 { 352e837ff07SGreg Roach text-align: center; 353e837ff07SGreg Roach} 354e837ff07SGreg Roach 355e837ff07SGreg Roach/* ======== Block styles ===== */ 356e837ff07SGreg Roach.block { 357e837ff07SGreg Roach background-color: #fff; 358e837ff07SGreg Roach color: #555; 359e837ff07SGreg Roach border: solid #ccc 1px; 360e837ff07SGreg Roach padding: 3px; 361e837ff07SGreg Roach vertical-align: top; 362e837ff07SGreg Roach} 363e837ff07SGreg Roach 364e837ff07SGreg Roach.blockcontent { 365e837ff07SGreg Roach margin: 5px; 366e837ff07SGreg Roach overflow: auto; 367e837ff07SGreg Roach} 368e837ff07SGreg Roach 369e837ff07SGreg Roach.blockcontent .list_table { 370e837ff07SGreg Roach border-spacing: 0; 371e837ff07SGreg Roach border: solid #555 1px; 372e837ff07SGreg Roach border-right: 0; 373e837ff07SGreg Roach} 374e837ff07SGreg Roach 375e837ff07SGreg Roach.blockcontent .list_value, 376e837ff07SGreg Roach.blockcontent .list_value_wrap { 377e837ff07SGreg Roach border: 0; 378e837ff07SGreg Roach border-top: solid #555 1px; 379e837ff07SGreg Roach border-right: solid #555 1px; 380e837ff07SGreg Roach} 381e837ff07SGreg Roach 382e837ff07SGreg Roach.blockheader { 383e837ff07SGreg Roach font-weight: bold; 384e837ff07SGreg Roach} 385e837ff07SGreg Roach 386e837ff07SGreg Roach/* end Block styles */ 387e837ff07SGreg Roach 388e837ff07SGreg Roach.user_welcome_block table, 389e837ff07SGreg Roach.gedcom_block_block table { 390e837ff07SGreg Roach margin: auto; 391e837ff07SGreg Roach} 392e837ff07SGreg Roach 393e837ff07SGreg Roach.user_welcome_block td, 394e837ff07SGreg Roach.gedcom_block_block td { 395e837ff07SGreg Roach width: 33%; 396e837ff07SGreg Roach text-align: center; 397e837ff07SGreg Roach vertical-align: top; 398e837ff07SGreg Roach} 399e837ff07SGreg Roach 400e837ff07SGreg Roach.user_welcome_block i, 401e837ff07SGreg Roach.gedcom_block_block i { 402e837ff07SGreg Roach background-image: none; 403e837ff07SGreg Roach height: 0; 404e837ff07SGreg Roach width: 0; 405e837ff07SGreg Roach} 406e837ff07SGreg Roach 407e837ff07SGreg Roach/* Table of genealogical facts */ 408e837ff07SGreg Roach.wt-facts-table caption { 409e837ff07SGreg Roach caption-side: top; 410e837ff07SGreg Roach} 411e837ff07SGreg Roach 412e837ff07SGreg Roach.wt-facts-table th { 413e837ff07SGreg Roach border: 1px solid #000; 414e837ff07SGreg Roach font-weight: normal; 4152735509aSGreg Roach} 4162735509aSGreg Roach 4172735509aSGreg Roach.wt-facts-table > tbody > tr > th { 418e837ff07SGreg Roach min-width: 20%; 419e837ff07SGreg Roach} 420e837ff07SGreg Roach 421e837ff07SGreg Roach.wt-facts-table td { 422e837ff07SGreg Roach border: solid #000 1px; 423e837ff07SGreg Roach} 424e837ff07SGreg Roach 42574b9f750SGreg Roach.parentdeath { 42674b9f750SGreg Roach padding: 1px; 42774b9f750SGreg Roach} 42874b9f750SGreg Roach 429e837ff07SGreg Roach/* ==== FAQ table styles ===== */ 430e837ff07SGreg Roachtable.faq { 431e837ff07SGreg Roach background-color: #ddd; 432e837ff07SGreg Roach margin: 5px 0 50px 5px; 433e837ff07SGreg Roach width: 98%; 434e837ff07SGreg Roach} 435e837ff07SGreg Roach 436e837ff07SGreg Roachtable.faq tr:nth-child(odd) td { 437e837ff07SGreg Roach background-color: #fff; 438e837ff07SGreg Roach} 439e837ff07SGreg Roach 440e837ff07SGreg Roachdiv.faq_title { 441e837ff07SGreg Roach background-color: #ddd; 442e837ff07SGreg Roach margin: 1em 0; 443e837ff07SGreg Roach padding: .25em; 444e837ff07SGreg Roach font-weight: bold; 445e837ff07SGreg Roach width: 98%; 446e837ff07SGreg Roach} 447e837ff07SGreg Roach 448e837ff07SGreg Roachdiv.faq_body { 449e837ff07SGreg Roach clear: both; 450e837ff07SGreg Roach padding: 0 1em; 451e837ff07SGreg Roach} 452e837ff07SGreg Roach 453e837ff07SGreg Roach.faq_top { 454e837ff07SGreg Roach float: right; 455e837ff07SGreg Roach} 456e837ff07SGreg Roach 457e837ff07SGreg Roach#indi_note { 458e837ff07SGreg Roach margin: 0 0 5px; 459e837ff07SGreg Roach} 460e837ff07SGreg Roach 461e837ff07SGreg Roach.indi_table { 462e837ff07SGreg Roach clear: left; 463e837ff07SGreg Roach} 464e837ff07SGreg Roach 465e837ff07SGreg Roach.label { 466e837ff07SGreg Roach font-weight: bold; 467e837ff07SGreg Roach} 468e837ff07SGreg Roach 469e837ff07SGreg Roach#indi_note .fact_NOTE { 470e837ff07SGreg Roach float: left; 471e837ff07SGreg Roach margin: 0 5px 0 0; 472e837ff07SGreg Roach} 473e837ff07SGreg Roach 474e837ff07SGreg Roach#indi_note .fact_SOUR { 475e837ff07SGreg Roach margin: 3px 0; 476e837ff07SGreg Roach} 477e837ff07SGreg Roach 478e837ff07SGreg Roach#indi_note .fact_SOUR a { 479e837ff07SGreg Roach font-size: 100%; 480e837ff07SGreg Roach} 481e837ff07SGreg Roach 482e837ff07SGreg Roach#indi_note .fact_NOTE, 483e837ff07SGreg Roach#indi_note .fact_SOUR { 484e837ff07SGreg Roach clear: both; 485e837ff07SGreg Roach} 486e837ff07SGreg Roach 487e837ff07SGreg Roach.odometer { 488e837ff07SGreg Roach font-family: courier, monospace; 489e837ff07SGreg Roach font-weight: bold; 490e837ff07SGreg Roach background: #000; 491e837ff07SGreg Roach color: #fff; 492e837ff07SGreg Roach} 493e837ff07SGreg Roach 494e837ff07SGreg Roach.upcoming_events_block button, 495e837ff07SGreg Roach.todays_events_block button { 496e837ff07SGreg Roach margin: 0 20px; 497e837ff07SGreg Roach} 498e837ff07SGreg Roach 499e837ff07SGreg Roach/* Sidebar - Family navigator */ 500e837ff07SGreg Roach 501e837ff07SGreg Roach/* Sidebar - Descendants */ 502e837ff07SGreg Roach#sb_content_descendancy { 503e837ff07SGreg Roach margin-top: 5px; 504e837ff07SGreg Roach} 505e837ff07SGreg Roach 506e837ff07SGreg Roach#sb_desc_content { 507e837ff07SGreg Roach margin-left: 3px; 508e837ff07SGreg Roach font-size: 0.8em; 509e837ff07SGreg Roach} 510e837ff07SGreg Roach 511e837ff07SGreg Roach#sb_desc_content ul { 512e837ff07SGreg Roach padding: 0; 513e837ff07SGreg Roach margin: 0; 514e837ff07SGreg Roach} 515e837ff07SGreg Roach 516e837ff07SGreg Roach.sb_desc_indi_li { 517e837ff07SGreg Roach list-style-type: none; 518e837ff07SGreg Roach} 519e837ff07SGreg Roach 520e837ff07SGreg Roach/* Individuals and Families */ 521e837ff07SGreg Roach#sidebar-content-individuals, 522e837ff07SGreg Roach#sidebar-content-families { 523e837ff07SGreg Roach margin-top: 5px; 524e837ff07SGreg Roach} 525e837ff07SGreg Roach 526e837ff07SGreg Roach.sb_indi_surname_li, 527e837ff07SGreg Roach.sb_fam_surname_li { 52808362db4SGreg Roach list-style-image: url(icons/plus.png); 529e837ff07SGreg Roach} 530e837ff07SGreg Roach 531e837ff07SGreg Roach.name_tree_div ul { 532e837ff07SGreg Roach padding: 0; 533e837ff07SGreg Roach margin: 0; 534e837ff07SGreg Roach} 535e837ff07SGreg Roach 536e837ff07SGreg Roach.name_tree_div li { 537e837ff07SGreg Roach list-style: none; 538e837ff07SGreg Roach margin: 0; 539e837ff07SGreg Roach padding: 0; 540e837ff07SGreg Roach} 541e837ff07SGreg Roach 542e837ff07SGreg Roach/* Clippings */ 543e837ff07SGreg Roach#sb_clippings_content ul { 544e837ff07SGreg Roach padding: 0; 545e837ff07SGreg Roach margin: 0; 546e837ff07SGreg Roach} 547e837ff07SGreg Roach 548e837ff07SGreg Roach#sb_clippings_content li { 549e837ff07SGreg Roach list-style: none; 550e837ff07SGreg Roach margin: 0; 551e837ff07SGreg Roach padding: 0; 552e837ff07SGreg Roach white-space: nowrap; 553e837ff07SGreg Roach} 554e837ff07SGreg Roach 555e837ff07SGreg Roach/* ====== Charts Styles ======== */ 556e837ff07SGreg Roach 557e837ff07SGreg Roach#people label { 558e837ff07SGreg Roach display: block; 559e837ff07SGreg Roach} 560e837ff07SGreg Roach 561e837ff07SGreg Roach/*-- Fan chart ---- */ 562e837ff07SGreg Roach.fan_chart_menu { 563b6c326d8SGreg Roach background: #fff; 564e837ff07SGreg Roach position: absolute; 565e837ff07SGreg Roach display: none; 566e837ff07SGreg Roach z-index: 100; 567e837ff07SGreg Roach} 568e837ff07SGreg Roach 569e837ff07SGreg Roach#fan_chart ul { 570e837ff07SGreg Roach list-style-type: none; 571e837ff07SGreg Roach margin: 0; 572e837ff07SGreg Roach} 573e837ff07SGreg Roach 574e837ff07SGreg Roach/* Lifespans chart */ 575e837ff07SGreg Roach.wt-lifespans-subtitle { 576e837ff07SGreg Roach text-align: center; 577e837ff07SGreg Roach} 578e837ff07SGreg Roach 579e837ff07SGreg Roach.wt-lifespans-scale { 580e837ff07SGreg Roach white-space: nowrap; 581e837ff07SGreg Roach} 582e837ff07SGreg Roach 583e837ff07SGreg Roach.wt-lifespans-decade { 584e837ff07SGreg Roach width: 70px; 585e837ff07SGreg Roach height: 60px; 586e837ff07SGreg Roach display: inline-block; 58797c22350SGreg Roach background-image: url(images/lifespan-decade.png); 588e837ff07SGreg Roach background-position-y: bottom; 589e837ff07SGreg Roach background-repeat: no-repeat; 590e837ff07SGreg Roach background-size: 70px 37px; 591e837ff07SGreg Roach} 592e837ff07SGreg Roach 593e837ff07SGreg Roach.wt-lifespans-individuals { 594e837ff07SGreg Roach background: #fafafa; 595e837ff07SGreg Roach} 596e837ff07SGreg Roach 597e837ff07SGreg Roach.wt-lifespans-individual { 598e837ff07SGreg Roach 599e837ff07SGreg Roach} 600e837ff07SGreg Roach 601e837ff07SGreg Roach.wt-lifespans-summary { 602e837ff07SGreg Roach background: #ffffff; 603e837ff07SGreg Roach border: thin solid #000; 604e837ff07SGreg Roach z-index: 1; 605e837ff07SGreg Roach} 606e837ff07SGreg Roach 607e837ff07SGreg Roach.wt-lifespans-summary-link { 608e837ff07SGreg Roach font-weight: bold; 609e837ff07SGreg Roach} 610e837ff07SGreg Roach 611e837ff07SGreg Roach/*-- Pedigree ---- */ 612e837ff07SGreg Roach.tvertline { 613e837ff07SGreg Roach vertical-align: bottom; 614e837ff07SGreg Roach} 615e837ff07SGreg Roach 616e837ff07SGreg Roach.optionbox, .descriptionbox { 617e837ff07SGreg Roach border: solid #000 1px; 618e837ff07SGreg Roach vertical-align: top; 619e837ff07SGreg Roach padding: 3px; 620e837ff07SGreg Roach} 621e837ff07SGreg Roach 622e837ff07SGreg Roach#childbox { 623e837ff07SGreg Roach padding: 5px; 624e837ff07SGreg Roach position: absolute; 625e837ff07SGreg Roach display: none; 626e837ff07SGreg Roach text-align: start; 627e837ff07SGreg Roach white-space: nowrap; 628e837ff07SGreg Roach top: 20px; 629e837ff07SGreg Roach left: 0; 630e837ff07SGreg Roach} 631e837ff07SGreg Roach 632e837ff07SGreg Roach.layout3 #childbox { 633e837ff07SGreg Roach top: auto; 634e837ff07SGreg Roach bottom: 20px; 635e837ff07SGreg Roach} 636e837ff07SGreg Roach 637e837ff07SGreg Roach.person0, .person1, .person2, .person3, .person4, .person5 { 638e837ff07SGreg Roach border:outset #555 1px; 639e837ff07SGreg Roach vertical-align:top; 640e837ff07SGreg Roach} 641e837ff07SGreg Roach.person0{ 642e837ff07SGreg Roach background-color:#eee; 643e837ff07SGreg Roach} 644e837ff07SGreg Roach 645e837ff07SGreg Roach.person1{ 646e837ff07SGreg Roach background-color:#bfbfbf; 647e837ff07SGreg Roach} 648e837ff07SGreg Roach 649e837ff07SGreg Roach.person2{ 650e837ff07SGreg Roach background-color:#999; 651e837ff07SGreg Roach} 652e837ff07SGreg Roach 653e837ff07SGreg Roach.person3{ 654e837ff07SGreg Roach background-color:#dfdfdf; 655e837ff07SGreg Roach} 656e837ff07SGreg Roach 657e837ff07SGreg Roach.person4{ 658e837ff07SGreg Roach background-color:#eee; 659e837ff07SGreg Roach} 660e837ff07SGreg Roach 661e837ff07SGreg Roach.person5{ 662e837ff07SGreg Roach background-color:#fefefe; 663e837ff07SGreg Roach} 664e837ff07SGreg Roach 665e837ff07SGreg Roach/*-- timeline --*/ 666e837ff07SGreg Roach#timeline_chart { 667e837ff07SGreg Roach position: relative; 668e837ff07SGreg Roach top: 0; 669e837ff07SGreg Roach left: 0; 670e837ff07SGreg Roach} 671e39fd5c6SGreg Roach 672e39fd5c6SGreg Roach/* 673e39fd5c6SGreg Roach * Any element that is loaded dynamically has the class wt-ajax-load. 674e39fd5c6SGreg Roach * We can provide a "loading" placeholder for empty elements with this class. 675e39fd5c6SGreg Roach */ 676e39fd5c6SGreg Roach.wt-ajax-load:empty { 677e39fd5c6SGreg Roach height: 32px; 678e39fd5c6SGreg Roach background: url(images/loading-32x32.gif) no-repeat 50% 50%; 679e39fd5c6SGreg Roach} 680e39fd5c6SGreg Roach 681242a7862SGreg Roach/* 682242a7862SGreg Roach * Default icons are provided by FontAwesome. 683242a7862SGreg Roach */ 684e39fd5c6SGreg Roach.wt-icon-anniversary { 685e39fd5c6SGreg Roach} 686e39fd5c6SGreg Roach 68739b853a7SGreg Roach.wt-icon-arrow-down { 68839b853a7SGreg Roach} 68939b853a7SGreg Roach 69039b853a7SGreg Roacha > .wt-icon-arrow-down:hover { 69139b853a7SGreg Roach} 69239b853a7SGreg Roach 69339b853a7SGreg Roach.wt-icon-arrow-left { 69439b853a7SGreg Roach} 69539b853a7SGreg Roach 69639b853a7SGreg Roacha > .wt-icon-arrow-left:hover { 69739b853a7SGreg Roach} 69839b853a7SGreg Roach 69939b853a7SGreg Roach.wt-icon-arrow-right { 70039b853a7SGreg Roach} 70139b853a7SGreg Roach 70239b853a7SGreg Roacha > .wt-icon-arrow-right:hover { 70339b853a7SGreg Roach} 70439b853a7SGreg Roach 70539b853a7SGreg Roach.wt-icon-arrow-up { 70639b853a7SGreg Roach} 70739b853a7SGreg Roach 70839b853a7SGreg Roacha > .wt-icon-arrow-up:hover { 70939b853a7SGreg Roach} 71039b853a7SGreg Roach 71108362db4SGreg Roach.wt-icon-bing-maps { 71208362db4SGreg Roach} 71308362db4SGreg Roach 71408362db4SGreg Roach.wt-icon-calendar { 71508362db4SGreg Roach} 71608362db4SGreg Roach 71716e8b6e8SGreg Roach.wt-icon-collapse { 71816e8b6e8SGreg Roach} 71916e8b6e8SGreg Roach 72039b853a7SGreg Roach.wt-icon-coordinates { 72139b853a7SGreg Roach} 72239b853a7SGreg Roach 72308362db4SGreg Roach.wt-icon-copy { 72408362db4SGreg Roach} 72508362db4SGreg Roach 72608362db4SGreg Roach.wt-icon-delete { 72708362db4SGreg Roach} 72808362db4SGreg Roach 72908362db4SGreg Roach.wt-icon-edit { 73008362db4SGreg Roach} 73108362db4SGreg Roach 73216e8b6e8SGreg Roach.wt-icon-expand { 73316e8b6e8SGreg Roach} 73416e8b6e8SGreg Roach 73508362db4SGreg Roach.wt-icon-family { 73608362db4SGreg Roach} 73708362db4SGreg Roach 73808362db4SGreg Roach.wt-icon-google-maps { 73908362db4SGreg Roach} 74008362db4SGreg Roach 74108362db4SGreg Roach.wt-icon-help { 74208362db4SGreg Roach} 74308362db4SGreg Roach 74408362db4SGreg Roach.wt-icon-individual { 74508362db4SGreg Roach} 74608362db4SGreg Roach 74708362db4SGreg Roach.wt-icon-keyboard { 74808362db4SGreg Roach} 74908362db4SGreg Roach 75008362db4SGreg Roach.wt-icon-media { 75108362db4SGreg Roach} 75208362db4SGreg Roach 75308362db4SGreg Roach.wt-icon-note { 75408362db4SGreg Roach} 75508362db4SGreg Roach 75608362db4SGreg Roach.wt-icon-openstreetmap { 75708362db4SGreg Roach} 75808362db4SGreg Roach 75908362db4SGreg Roach.wt-icon-preferences { 76008362db4SGreg Roach} 76108362db4SGreg Roach 762e39fd5c6SGreg Roach.wt-icon-reorder { 763e39fd5c6SGreg Roach} 764e39fd5c6SGreg Roach 76508362db4SGreg Roach.wt-icon-repository { 76608362db4SGreg Roach} 76708362db4SGreg Roach 768e39fd5c6SGreg Roach.wt-icon-sex-f { 769*a6690067SGreg Roach color: var(--sex-f-fg); 770e39fd5c6SGreg Roach} 771e39fd5c6SGreg Roach 772e39fd5c6SGreg Roach.wt-icon-sex-m { 773e39fd5c6SGreg Roach color: var(--sex-m-fg); 774e39fd5c6SGreg Roach} 775e39fd5c6SGreg Roach 776e39fd5c6SGreg Roach.wt-icon-sex-u { 777e39fd5c6SGreg Roach color: var(--sex-u-fg); 778e39fd5c6SGreg Roach} 779e39fd5c6SGreg Roach 780e39fd5c6SGreg Roach.wt-icon-sex-x { 781e39fd5c6SGreg Roach color: var(--sex-u-fg); 782e39fd5c6SGreg Roach} 783e39fd5c6SGreg Roach 78408362db4SGreg Roach.wt-icon-source { 78508362db4SGreg Roach} 78608362db4SGreg Roach 78708362db4SGreg Roach.wt-icon-submitter { 78808362db4SGreg Roach} 78908362db4SGreg Roach 790e39fd5c6SGreg Roach.wt-icon-warning { 791e39fd5c6SGreg Roach} 792e39fd5c6SGreg Roach 793242a7862SGreg Roach.wt-icon-zoom-in { 794242a7862SGreg Roach} 795242a7862SGreg Roach 796242a7862SGreg Roach.wt-icon-zoom-out { 797242a7862SGreg Roach} 798242a7862SGreg Roach 79908362db4SGreg Roach/* Miscellaneous images */ 800e837ff07SGreg Roach.icon-cfamily { 801e837ff07SGreg Roach} 802e837ff07SGreg Roach 803e837ff07SGreg Roach.icon-childless { 80408362db4SGreg Roach content: url(images/childless.png); 805e837ff07SGreg Roach} 806e837ff07SGreg Roach 807e837ff07SGreg Roach.icon-children { 80808362db4SGreg Roach content: url(images/children.png); 809e837ff07SGreg Roach} 810e837ff07SGreg Roach 811e837ff07SGreg Roach.icon-edit_indi { 81208362db4SGreg Roach content: url(minimal/images/edit_indi.png); 813e837ff07SGreg Roach} 814e837ff07SGreg Roach 815e837ff07SGreg Roach.icon-fam-list { 81608362db4SGreg Roach content: url(minimal/images/sfamily.png); 817e837ff07SGreg Roach} 818e837ff07SGreg Roach 819e837ff07SGreg Roach.icon-indi-list { 82008362db4SGreg Roach content: url(minimal/images/indis.png); 821e837ff07SGreg Roach} 822e837ff07SGreg Roach 823e837ff07SGreg Roach.icon-loading-small { 82408362db4SGreg Roach content: url(images/indicator.gif); 825e837ff07SGreg Roach} 826e837ff07SGreg Roach 827e837ff07SGreg Roach.icon-loading-large { 82808362db4SGreg Roach content: url(images/loading-32x32.gif); 829e837ff07SGreg Roach} 830e837ff07SGreg Roach 831e837ff07SGreg Roach.icon-minus { 83208362db4SGreg Roach content: url(icons/minus.png); 833e837ff07SGreg Roach} 834e837ff07SGreg Roach 835e837ff07SGreg Roach.icon-mypage { 83608362db4SGreg Roach content: url(minimal/images/mypage.png); 837e837ff07SGreg Roach} 838e837ff07SGreg Roach 839e837ff07SGreg Roach.icon-plus { 84008362db4SGreg Roach content: url(icons/plus.png); 841e837ff07SGreg Roach} 842e837ff07SGreg Roach 843e837ff07SGreg Roach.icon-resn-confidential { 84408362db4SGreg Roach content: none; 845e837ff07SGreg Roach} 846e837ff07SGreg Roach 847e837ff07SGreg Roach.icon-resn-locked { 84808362db4SGreg Roach content: none; 849e837ff07SGreg Roach} 850e837ff07SGreg Roach 851e837ff07SGreg Roach.icon-resn-none { 85208362db4SGreg Roach content: none; 853e837ff07SGreg Roach} 854e837ff07SGreg Roach 855e837ff07SGreg Roach.icon-resn-privacy { 85608362db4SGreg Roach content: none; 857e837ff07SGreg Roach} 858e837ff07SGreg Roach 859e837ff07SGreg Roach.icon-rings { 86008362db4SGreg Roach content: url(images/rings.png); 861e837ff07SGreg Roach} 862e837ff07SGreg Roach 863e837ff07SGreg Roach.icon-selected { 86408362db4SGreg Roach content: url(minimal/images/selected.png); 865e837ff07SGreg Roach} 866e837ff07SGreg Roach 867e837ff07SGreg Roach.icon-sfamily { 86808362db4SGreg Roach content: url(minimal/images/sfamily.png); 869e837ff07SGreg Roach} 870e837ff07SGreg Roach 871e837ff07SGreg Roach/* Silhouettes on charts */ 8721baf69deSGreg Roach.icon-silhouette-f { 87308362db4SGreg Roach content: url(minimal/images/silhouette_female_small.png); 874e837ff07SGreg Roach} 875e837ff07SGreg Roach 8761baf69deSGreg Roach.icon-silhouette-m { 87708362db4SGreg Roach content: url(minimal/images/silhouette_male_small.png); 878e837ff07SGreg Roach} 879e837ff07SGreg Roach 8801baf69deSGreg Roach.icon-silhouette-u, 8811baf69deSGreg Roach.icon-silhouette-x { 88208362db4SGreg Roach content: url(minimal/images/silhouette_unknown_small.png); 883e837ff07SGreg Roach} 884e837ff07SGreg Roach 885e837ff07SGreg Roach.icon-indis { 88608362db4SGreg Roach content: url(minimal/images/indis.png); 887e837ff07SGreg Roach} 888e837ff07SGreg Roach 889e837ff07SGreg Roach.icon-pedigree { 89008362db4SGreg Roach content: url(minimal/images/pedigree.png); 891e837ff07SGreg Roach} 892e837ff07SGreg Roach 893f699d6fcSGreg Roach/* Census assistant */ 894f699d6fcSGreg Roach.wt-census-assistant-form-control:focus { 895f699d6fcSGreg Roach min-width: 12rem; 896f699d6fcSGreg Roach} 897f699d6fcSGreg Roach 898f699d6fcSGreg Roach/* Some blocks show a reduced version on the right-hand side. */ 899f699d6fcSGreg Roach.wt-side-blocks .wt-side-block-optional { 900f699d6fcSGreg Roach display: none !important; 901f699d6fcSGreg Roach} 902f699d6fcSGreg Roach 903f699d6fcSGreg Roach/* my page chart enhancements */ 904f699d6fcSGreg Roach.wt-block-content-charts { 905f699d6fcSGreg Roach overflow: auto; 906f699d6fcSGreg Roach} 907f699d6fcSGreg Roach 908f699d6fcSGreg Roach/* Some charts are wider than the page. */ 909f699d6fcSGreg Roach.wt-chart { 910f699d6fcSGreg Roach overflow-x: auto; 911f699d6fcSGreg Roach overflow-y: hidden; 912f699d6fcSGreg Roach} 913f699d6fcSGreg Roach 914789e127fSGreg Roach.wt-calendar-month { 915789e127fSGreg Roach border-collapse: collapse; 916789e127fSGreg Roach} 917789e127fSGreg Roach 918789e127fSGreg Roach.wt-calendar-month .wt-page-options-label, 919789e127fSGreg Roach.wt-calendar-month .wt-page-options-value { 920789e127fSGreg Roach border: solid grey thin; 921789e127fSGreg Roach padding: 0.2rem; 922789e127fSGreg Roach} 923789e127fSGreg Roach 924f699d6fcSGreg Roach/* Forms */ 925f699d6fcSGreg Roach.col-form-label { 926f699d6fcSGreg Roach font-weight: bold; 927f699d6fcSGreg Roach} 928290bb197SJonathan Jaubart 929290bb197SJonathan Jaubart/* Accordions */ 930290bb197SJonathan Jaubart.accordion .wt-icon-expand, 931290bb197SJonathan Jaubart.accordion .wt-icon-collapse { 932290bb197SJonathan Jaubart display: none; 933290bb197SJonathan Jaubart} 934290bb197SJonathan Jaubart 935290bb197SJonathan Jaubart.accordion-button:after { 936290bb197SJonathan Jaubart display: block; 937290bb197SJonathan Jaubart} 938