1e837ff07SGreg Roach/** 2e837ff07SGreg Roach * webtrees: online genealogy 32d65026fSGreg Roach * Copyright (C) 2020 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 FAB theme */ 17e759aebbSGreg Roach@import "_base.css"; 18e837ff07SGreg Roach 1997c22350SGreg Roach/* Colors for chart boxes, etc. */ 2097c22350SGreg Roach:root { 219053a070SGreg Roach --sex-f-fg: #ff8888; 229053a070SGreg Roach --sex-m-fg: #8888ff; 239053a070SGreg Roach --sex-u-fg: #88ff88; 2497c22350SGreg Roach --sex-f-bg: #ffdddd; 2597c22350SGreg Roach --sex-m-bg: #ddddff; 2697c22350SGreg Roach --sex-u-bg: #ddffdd; 27e759aebbSGreg Roach --chart-line: solid gray thin; 2816e8b6e8SGreg Roach --chart-line-radius: 1rem; 2997c22350SGreg Roach} 3097c22350SGreg Roach 31e837ff07SGreg Roach/* Override Bootstrap formatting */ 32e837ff07SGreg Roach.btn-link { 33e837ff07SGreg Roach padding-left: 0.25rem; 34e837ff07SGreg Roach padding-right: 0.25rem; 35e837ff07SGreg Roach} 36e837ff07SGreg Roach 37e837ff07SGreg Roach.table-given-name { 38e837ff07SGreg Roach overflow-x: hidden; 39e837ff07SGreg Roach} 40e837ff07SGreg Roach 41e837ff07SGreg Roach.container-fluid { 42e837ff07SGreg Roach padding-left: 5px; 43e837ff07SGreg Roach padding-right: 5px; 44e837ff07SGreg Roach} 45e837ff07SGreg Roach 46e837ff07SGreg Roachtable { 47e837ff07SGreg Roach border-collapse: separate; 48e837ff07SGreg Roach} 49e837ff07SGreg Roach 50e837ff07SGreg Roach/* 51e837ff07SGreg Roach * Pages have the following high-level structure: 52e837ff07SGreg Roach * 5397c22350SGreg Roach * wt-global wt-theme-<THEME> wt-route-<ROUTE> 54e837ff07SGreg Roach * +---wt-header-wrapper 55e759aebbSGreg Roach * | +---wt-header-container 56e837ff07SGreg Roach * | +---wt-header-content 57e837ff07SGreg Roach * | +---wt-accessibility-links 58e837ff07SGreg Roach * | +---wt-site-logo 59e837ff07SGreg Roach * | +---wt-site-title 60e837ff07SGreg Roach * | +---wt-header-search 61e837ff07SGreg Roach * | | +---wt-header-search-form 62e837ff07SGreg Roach * | | +---wt-header-search-field 63e837ff07SGreg Roach * | | +---wt-header-search-button 64e837ff07SGreg Roach * | +---wt-secondary-navigation 650c8c69d4SGreg Roach * | | +---wt-user-menu 66e837ff07SGreg Roach * | +---wt-primary-navigation 670c8c69d4SGreg Roach * | +---wt-genealogy-menu 68e759aebbSGreg Roach * +---wt-main-wrapper 69e759aebbSGreg Roach * | +---wt-main-container 70e837ff07SGreg Roach * | +---wt-main-content 71e837ff07SGreg Roach * | +---wt-messages 72e837ff07SGreg Roach * | +---wt-page-title 73e837ff07SGreg Roach * | +---wt-page-options wt-page-options-xxxxx 74e837ff07SGreg Roach * | +---wt-page-content 7597c22350SGreg Roach * +---wt-footers 76b3a775f6SGreg Roach * +---wt-footer wt-footer-xxxxx 77e837ff07SGreg Roach */ 78e837ff07SGreg Roach 79e837ff07SGreg Roach.wt-global { 80e837ff07SGreg Roach color: #555; 81e837ff07SGreg Roach} 82e837ff07SGreg Roach 83e837ff07SGreg Roach.wt-header-wrapper { 84e837ff07SGreg Roach} 85e837ff07SGreg Roach 86e837ff07SGreg Roach.wt-header-container { 87e837ff07SGreg Roach background-color: #eee; 88e837ff07SGreg Roach} 89e837ff07SGreg Roach 90e837ff07SGreg Roach.wt-header-content { 91e837ff07SGreg Roach} 92e837ff07SGreg Roach 93e837ff07SGreg Roach.wt-accessibility-links { 94e837ff07SGreg Roach} 95e837ff07SGreg Roach 96e837ff07SGreg Roach.wt-site-logo { 97e837ff07SGreg Roach display: none; 98e837ff07SGreg Roach} 99e837ff07SGreg Roach 100e837ff07SGreg Roach.wt-site-title { 101e837ff07SGreg Roach order: 1; 1026e28c6eeSDavid Drury flex: 1 1 auto; 1036e28c6eeSDavid Drury width: auto; 104e837ff07SGreg Roach font-size: 1.5rem; 105e837ff07SGreg Roach color: #888; 106e837ff07SGreg Roach} 107e837ff07SGreg Roach 108e837ff07SGreg Roach.wt-header-search { 109e837ff07SGreg Roach order: 3; 110e837ff07SGreg Roach flex: 0 0 15rem; 111e837ff07SGreg Roach} 112e837ff07SGreg Roach 113e837ff07SGreg Roach.wt-header-search-form { 114e837ff07SGreg Roach} 115e837ff07SGreg Roach 11697c22350SGreg Roach.wt-header-search-field { 11797c22350SGreg Roach} 11897c22350SGreg Roach 11997c22350SGreg Roach.wt-header-search-button { 12097c22350SGreg Roach} 12197c22350SGreg Roach 122e837ff07SGreg Roach.wt-secondary-navigation { 123e837ff07SGreg Roach order: 2; 1246e28c6eeSDavid Drury flex: 0 0 auto; 1256e28c6eeSDavid Drury width: auto; 126e837ff07SGreg Roach white-space: nowrap; 127e837ff07SGreg Roach} 128e837ff07SGreg Roach 1290c8c69d4SGreg Roach.wt-user-menu { 130f699d6fcSGreg Roach flex-wrap: nowrap; 131e837ff07SGreg Roach} 132e837ff07SGreg Roach 1330c8c69d4SGreg Roach.wt-user-menu .nav-link { 134e837ff07SGreg Roach display: inline-block; 135e837ff07SGreg Roach padding: 0.5rem; 136e837ff07SGreg Roach} 137e837ff07SGreg Roach 1380c8c69d4SGreg Roach.wt-user-menu .nav-item::after { 139e837ff07SGreg Roach content: "|"; 140e837ff07SGreg Roach} 141e837ff07SGreg Roach 1420c8c69d4SGreg Roach.wt-user-menu .dropdown-toggle::after { 143e837ff07SGreg Roach display: none; 144e837ff07SGreg Roach} 145e837ff07SGreg Roach 146e837ff07SGreg Roach.wt-primary-navigation { 147e837ff07SGreg Roach order: 4; 148e837ff07SGreg Roach flex: 0 0 100%; 149e837ff07SGreg Roach background-color: #eee; 150e837ff07SGreg Roach} 151e837ff07SGreg Roach 1520c8c69d4SGreg Roach.wt-genealogy-menu { 153e837ff07SGreg Roach justify-content: center; 154e837ff07SGreg Roach} 155e837ff07SGreg Roach 1560c8c69d4SGreg Roach.wt-genealogy-menu .dropdown-toggle::after { 157e837ff07SGreg Roach display: none; 158e837ff07SGreg Roach} 159e837ff07SGreg Roach 1600c8c69d4SGreg Roach.wt-genealogy-menu .nav-link { 161e837ff07SGreg Roach white-space: nowrap; 162e837ff07SGreg Roach display: inline-block; 163e837ff07SGreg Roach padding: 0.5rem; 164e837ff07SGreg Roach} 165e837ff07SGreg Roach 1660c8c69d4SGreg Roach.wt-genealogy-menu .nav-item + .nav-item::before { 167e837ff07SGreg Roach content: "|"; 168e837ff07SGreg Roach} 169e837ff07SGreg Roach 170e837ff07SGreg Roach.wt-main-container { 171f699d6fcSGreg Roach /* Space between the header/footer and the main content. */ 172f699d6fcSGreg Roach padding-top: 1rem; 173f699d6fcSGreg Roach padding-bottom: 1rem; 174e837ff07SGreg Roach} 175e837ff07SGreg Roach 176e837ff07SGreg Roach.wt-main { 177e837ff07SGreg Roach} 178e837ff07SGreg Roach 179e837ff07SGreg Roach.wt-messages { 180e837ff07SGreg Roach} 181e837ff07SGreg Roach 182e837ff07SGreg Roach.wt-page-title { 183e837ff07SGreg Roach text-align: center; 184e837ff07SGreg Roach} 185e837ff07SGreg Roach 186e837ff07SGreg Roach.wt-page-options .form-group { 187e837ff07SGreg Roach margin-bottom: 0; 188e837ff07SGreg Roach} 189e837ff07SGreg Roach 190e837ff07SGreg Roach.wt-page-options-label { 191e837ff07SGreg Roach background-color: #ccc; 192e837ff07SGreg Roach border-left: 2px solid transparent; 193e837ff07SGreg Roach border-right: 2px solid transparent; 194e837ff07SGreg Roach Color: #555; 195e837ff07SGreg Roach font-weight: bold; 196e837ff07SGreg Roach} 197e837ff07SGreg Roach 198e837ff07SGreg Roach.wt-page-options-value { 199e837ff07SGreg Roach background-color: #ddd; 200e837ff07SGreg Roach border: 1px solid #fff; 201e837ff07SGreg Roach border-top: 1px solid #ddd; 202e837ff07SGreg Roach 203e837ff07SGreg Roach padding: 0.25rem 0.75rem; 204e837ff07SGreg Roach} 205e837ff07SGreg Roach 206e837ff07SGreg Roach.wt-page-content { 207e837ff07SGreg Roach margin-top: 1rem; 208e837ff07SGreg Roach} 209e837ff07SGreg Roach 21097c22350SGreg Roach.wt-footers { 211e837ff07SGreg Roach} 212e837ff07SGreg Roach 21397c22350SGreg Roach.wt-footer { 214e837ff07SGreg Roach} 215e837ff07SGreg Roach 21697c22350SGreg Roach.wt-footer-contact { 217e837ff07SGreg Roach} 218e837ff07SGreg Roach 21997c22350SGreg Roach.wt-footer-cookies { 22097c22350SGreg Roach background: #aaa; 22197c22350SGreg Roach color: #fff; 22297c22350SGreg Roach transition: height 0.5s; 22397c22350SGreg Roach} 224e837ff07SGreg Roach 22597c22350SGreg Roach.wt-footer-page-views { 226e837ff07SGreg Roach} 227e837ff07SGreg Roach 22897c22350SGreg Roach.wt-footer-powered-by { 229e837ff07SGreg Roach} 230e837ff07SGreg Roach 23148b53306SGreg Roach.wt-footer-powered-by-webtrees { 23248b53306SGreg Roach width: 100px; 23348b53306SGreg Roach height: 21px; 23448b53306SGreg Roach content: url(images/powered-by-webtrees.png); 23548b53306SGreg Roach} 23648b53306SGreg Roach 237e837ff07SGreg Roach/* 23848b53306SGreg Roach * The tree/user home pages 239e837ff07SGreg Roach * 240e837ff07SGreg Roach * wt-home-page / wt-user-page 241e837ff07SGreg Roach * +---wt-main-blocks 242e837ff07SGreg Roach * | +---wt-block, wt-block-AAA 243e837ff07SGreg Roach * | +---wt-block, wt-block-BBB 244e837ff07SGreg Roach * | +---wt-block, wt-block-CCC 245e837ff07SGreg Roach * +---wt-side-blocks 246e837ff07SGreg Roach * +---wt-block, wt-block-XXX 247e837ff07SGreg Roach * +---wt-block, wt-block-YYY 248e837ff07SGreg Roach * +---wt-block, wt-block-ZZZ 249e837ff07SGreg Roach * 250e837ff07SGreg Roach * Each block as the structure 251e837ff07SGreg Roach * wt-block, wt-block-XXX 252e837ff07SGreg Roach * +---wt-block-header, wt-block-header-XXX 253e837ff07SGreg Roach * +---wt-block-content, wt-block-content-XXX 254e837ff07SGreg Roach */ 255e837ff07SGreg Roach 256e837ff07SGreg Roach.wt-block { 257e837ff07SGreg Roach background-color: #eee; 258e837ff07SGreg Roach padding: 3px; 259e837ff07SGreg Roach vertical-align: top; 260e837ff07SGreg Roach} 261e837ff07SGreg Roach 262e837ff07SGreg Roach.wt-block-header { 263e837ff07SGreg Roach background-color: #eee; 264e837ff07SGreg Roach border-bottom: 0; 265e837ff07SGreg Roach font-weight: bold; 266e837ff07SGreg Roach} 267e837ff07SGreg Roach 26848b53306SGreg Roach.wt-block-content { 26948b53306SGreg Roach} 27048b53306SGreg Roach 271242a7862SGreg Roach.wt-block-content .list_table { 272242a7862SGreg Roach border-spacing: 1px; 273242a7862SGreg Roach border: solid #000 1px; 274e837ff07SGreg Roach border-right: 0; 275e837ff07SGreg Roach} 276e837ff07SGreg Roach 277242a7862SGreg Roach.wt-block-content .list_value, 278242a7862SGreg Roach.wt-block-content .list_value_wrap { 279e837ff07SGreg Roach border: 0; 280e837ff07SGreg Roach} 281e837ff07SGreg Roach 282e837ff07SGreg Roach/* 283e39fd5c6SGreg Roach * The individual page. 284e39fd5c6SGreg Roach * 285e39fd5c6SGreg Roach * wt-route-individual 286e39fd5c6SGreg Roach * +---wt-header-wrapper 287e39fd5c6SGreg Roach */ 288e39fd5c6SGreg Roach 289e39fd5c6SGreg Roach.wt-individual-silhouette { 290e39fd5c6SGreg Roach content: url(images/individual-silhouette-unknown.png); 291f699d6fcSGreg Roach} 292f699d6fcSGreg Roach 293242a7862SGreg Roach.wt-individual-silhouette-f { 294e39fd5c6SGreg Roach content: url(images/individual-silhouette-female.png); 295e39fd5c6SGreg Roach} 296e39fd5c6SGreg Roach 297242a7862SGreg Roach.wt-individual-silhouette-m { 298e39fd5c6SGreg Roach content: url(images/individual-silhouette-male.png); 299e39fd5c6SGreg Roach} 300e39fd5c6SGreg Roach 301e39fd5c6SGreg Roach/* 302242a7862SGreg Roach * Chart-boxes are used to build the various charts. 303242a7862SGreg Roach * Each type of chart will set its own size and hide/show content. 304e837ff07SGreg Roach * 305242a7862SGreg Roach * wt-chart-box 306242a7862SGreg Roach * +--- wt-chart-box-thumbnail 307242a7862SGreg Roach * +--- wt-chart-box-extra 308242a7862SGreg Roach * +--- wt-chart-box-zoom 309242a7862SGreg Roach * +--- wt-chart-box-icon 310242a7862SGreg Roach * +--- wt-chart-box-dropdown wt-chart-box-zoom-dropdown 311242a7862SGreg Roach * +--- wt-chart-box-links 312242a7862SGreg Roach * +--- wt-chart-box-icon 313242a7862SGreg Roach * +--- wt-chart-box-dropdown wt-chart-box-links-dropdown 314242a7862SGreg Roach * +--- wt-chart-box-name 315242a7862SGreg Roach * +--- wt-chart-box-lifespan 316242a7862SGreg Roach * +--- wt-chart-box-facts 317242a7862SGreg Roach * +--- wt-chart-box-fact 318e837ff07SGreg Roach */ 319242a7862SGreg Roach.wt-chart-box, 320242a7862SGreg Roach.wt-chart-box-menu { 321242a7862SGreg Roach background: var(--sex-u-bg); 322242a7862SGreg Roach border: dashed var(--sex-u-fg) thin; 323e837ff07SGreg Roach} 324e837ff07SGreg Roach 325242a7862SGreg Roach.wt-chart-box { 326242a7862SGreg Roach height: 5rem; 327242a7862SGreg Roach padding: 2px; 328242a7862SGreg Roach line-height: 1.1; 3299053a070SGreg Roach border: none; 330*c88989bdSGreg Roach border-radius: 4px; 331e39fd5c6SGreg Roach} 332e39fd5c6SGreg Roach 333242a7862SGreg Roach.wt-chart-box-f, 334242a7862SGreg Roach.wt-chart-box-f .wt-chart-box-dropdown { 335242a7862SGreg Roach background: var(--sex-f-bg); 336e837ff07SGreg Roach} 337e837ff07SGreg Roach 338242a7862SGreg Roach.wt-chart-box-m, 339242a7862SGreg Roach.wt-chart-box-m .wt-chart-box-dropdown { 340242a7862SGreg Roach background: var(--sex-m-bg); 341e837ff07SGreg Roach} 342e837ff07SGreg Roach 343e837ff07SGreg Roach/* ====== Round Corners ======== */ 344e837ff07SGreg Roach.block, 345e837ff07SGreg Roach.descriptionbox, 346e837ff07SGreg Roach.list_label, 347e837ff07SGreg Roach.list_label_wrap, 348e837ff07SGreg Roach.list_value, 349e837ff07SGreg Roach.list_value_wrap, 350e837ff07SGreg Roach.messagebox, 351e837ff07SGreg Roach.optionbox, 352e837ff07SGreg Roach.person0, 353e837ff07SGreg Roach.person1, 354e837ff07SGreg Roach.person2, 355e837ff07SGreg Roach.person3, 356e837ff07SGreg Roach.person4, 357e837ff07SGreg Roach.person5, 358e837ff07SGreg Roach#indi_main_blocks, 359ae92a87bSGreg Roach#tabs { 360e837ff07SGreg Roach margin: 4px; 361e837ff07SGreg Roach padding: 4px; 362e837ff07SGreg Roach border-radius: 4px; 363e837ff07SGreg Roach} 364e837ff07SGreg Roach 365315eb316SGreg Roacha, .nav-link { 366e837ff07SGreg Roach text-decoration: none; 36711892de6SGreg Roach color: #369; 368e837ff07SGreg Roach} 369e837ff07SGreg Roach 370315eb316SGreg Roacha:hover { 371e837ff07SGreg Roach text-decoration: underline; 372e837ff07SGreg Roach} 373e837ff07SGreg Roach 374e837ff07SGreg Roach:focus { 375e837ff07SGreg Roach outline-style: none; 376e837ff07SGreg Roach} 377e837ff07SGreg Roach 378e837ff07SGreg Roach.flash-messages { 379e837ff07SGreg Roach clear: both; 380e837ff07SGreg Roach text-align: center; 381e837ff07SGreg Roach} 382e837ff07SGreg Roach 383e837ff07SGreg Roachdl { 384e837ff07SGreg Roach margin: 0; 385e837ff07SGreg Roach} 386e837ff07SGreg Roach 387e837ff07SGreg Roachdt { 388e837ff07SGreg Roach float: left; 389e837ff07SGreg Roach font-weight: bold; 390e837ff07SGreg Roach margin-right: 10px; 391e837ff07SGreg Roach} 392e837ff07SGreg Roach 393e837ff07SGreg Roach.button { 394e837ff07SGreg Roach width: 60px; 395e837ff07SGreg Roach} 396e837ff07SGreg Roach 397e837ff07SGreg Roach.alpha_index { 398e837ff07SGreg Roach color: #999; 399e837ff07SGreg Roach} 400e837ff07SGreg Roach 401e837ff07SGreg Roach.news_box:target, 402e837ff07SGreg Roach#gedcom_stats:target { 403e837ff07SGreg Roach background-color: #ffc; 404e837ff07SGreg Roach} 405e837ff07SGreg Roach 406e837ff07SGreg Roach/* families tab person box */ 407e837ff07SGreg Roachtable.center { 408e837ff07SGreg Roach margin-left: auto; 409e837ff07SGreg Roach margin-right: auto; 410e837ff07SGreg Roach} 411e837ff07SGreg Roach 412e837ff07SGreg Roach.list_table { 413e837ff07SGreg Roach margin: 0 auto; 414e837ff07SGreg Roach} 415e837ff07SGreg Roach 416e837ff07SGreg Roach.list_label, 417e837ff07SGreg Roach.list_label_wrap { 418e837ff07SGreg Roach background-color: #ccc; 419e837ff07SGreg Roach font-weight: bold; 420e837ff07SGreg Roach text-align: center; 421e837ff07SGreg Roach} 422e837ff07SGreg Roach 423e837ff07SGreg Roach.list_value, 424e837ff07SGreg Roach.list_value_wrap { 425e837ff07SGreg Roach background-color: #ddd; 426e837ff07SGreg Roach vertical-align: top; 427e837ff07SGreg Roach} 428e837ff07SGreg Roach 429e837ff07SGreg Roach.list_label, 430e837ff07SGreg Roach.list_value { 431e837ff07SGreg Roach white-space: nowrap; 432e837ff07SGreg Roach} 433e837ff07SGreg Roach 434e837ff07SGreg Roach.list_label_wrap, 435e837ff07SGreg Roach.list_value_wrap { 436e837ff07SGreg Roach white-space: normal; 437e837ff07SGreg Roach} 438e837ff07SGreg Roach 439e837ff07SGreg Roachdiv.fact_SHARED_NOTE { 440e837ff07SGreg Roach clear: both; 441e837ff07SGreg Roach} 442e837ff07SGreg Roach 443e837ff07SGreg Roach/* Table of genealogical facts */ 444e837ff07SGreg Roach.wt-facts-table caption { 445e837ff07SGreg Roach caption-side: top; 446e837ff07SGreg Roach} 447e837ff07SGreg Roach 448e837ff07SGreg Roach.wt-facts-table th { 449e837ff07SGreg Roach background-color: #ccc; 450e837ff07SGreg Roach border-radius: 4px; 451e837ff07SGreg Roach text-align: center; 452e837ff07SGreg Roach font-weight: normal; 453e837ff07SGreg Roach min-width: 20%; 454e837ff07SGreg Roach} 455e837ff07SGreg Roach 456e837ff07SGreg Roach.wt-facts-table td { 457e837ff07SGreg Roach border-radius: 4px; 458e837ff07SGreg Roach background-color: #ddd; 459e837ff07SGreg Roach} 460e837ff07SGreg Roach 461e837ff07SGreg Roach.wt-facts-table .wt-gender-M td { 462503dcad6SDavid Drury background-color: var(--sex-m-bg); 463e837ff07SGreg Roach} 464e837ff07SGreg Roach 465e837ff07SGreg Roach.wt-facts-table .wt-gender-F td { 466503dcad6SDavid Drury background-color: var(--sex-f-bg); 467e837ff07SGreg Roach} 468e837ff07SGreg Roach 469e837ff07SGreg Roach.name1, .name2 { 470e837ff07SGreg Roach color: #337; 471e837ff07SGreg Roach} 472e837ff07SGreg Roach 473e837ff07SGreg Roacha:hover, a:hover .name1, a:hover .name2 { 474e837ff07SGreg Roach color: #f00; 475e837ff07SGreg Roach} 476e837ff07SGreg Roach 477e837ff07SGreg Roach.details_label { 478e837ff07SGreg Roach font-weight: bold; 479e837ff07SGreg Roach} 480e837ff07SGreg Roach 481e837ff07SGreg Roach.date { 482e837ff07SGreg Roach color: #337; 483e837ff07SGreg Roach} 484e837ff07SGreg Roach 485e837ff07SGreg Roach.label { 486e837ff07SGreg Roach font-weight: bold; 487e837ff07SGreg Roach} 488e837ff07SGreg Roach 489e837ff07SGreg Roach.error { 490e837ff07SGreg Roach color: #f00; 491e837ff07SGreg Roach font-weight: bold; 492e837ff07SGreg Roach} 493e837ff07SGreg Roach 494e837ff07SGreg Roach.indent { 495e837ff07SGreg Roach padding-left: 7px; 496e837ff07SGreg Roach} 497e837ff07SGreg Roach 498e837ff07SGreg Roach.parentdeath { 499e837ff07SGreg Roach padding: 1px; 500e837ff07SGreg Roach} 501e837ff07SGreg Roach 502e837ff07SGreg Roach.journal_box { 503e837ff07SGreg Roach padding: 3pt; 504e837ff07SGreg Roach border: thin solid #aaa; 505e837ff07SGreg Roach overflow: visible; 506e837ff07SGreg Roach} 507e837ff07SGreg Roach 508e837ff07SGreg Roach.news_box { 509e837ff07SGreg Roach background-color: #ccc; 510e837ff07SGreg Roach border-top: none; 511e837ff07SGreg Roach} 512e837ff07SGreg Roach 513e837ff07SGreg Roach.news_title { 514e837ff07SGreg Roach font-weight: bold; 515e837ff07SGreg Roach font-size: 14px; 516e837ff07SGreg Roach} 517e837ff07SGreg Roach 518e837ff07SGreg Roach.news_date { 519e837ff07SGreg Roach margin-bottom: 12px; 520e837ff07SGreg Roach} 521e837ff07SGreg Roach 522e837ff07SGreg Roach.current_day { 523e837ff07SGreg Roach font-weight: bold; 524e837ff07SGreg Roach font-size: 16px; 525e837ff07SGreg Roach} 526e837ff07SGreg Roach 527e837ff07SGreg Roach.cal_day { 528e837ff07SGreg Roach font-weight: bold; 529e837ff07SGreg Roach} 530e837ff07SGreg Roach 531e837ff07SGreg Roach.rtl_cal_day { 532e837ff07SGreg Roach color: #00f; 533e837ff07SGreg Roach font-weight: bold; 534e837ff07SGreg Roach} 535e837ff07SGreg Roach 536e837ff07SGreg Roach#user-page h1 { 537e837ff07SGreg Roach margin: 0.25em auto 0.6em; 538e837ff07SGreg Roach} 539e837ff07SGreg Roach 540e837ff07SGreg Roach.tvertline { 541e837ff07SGreg Roach vertical-align: bottom; 542e837ff07SGreg Roach} 543e837ff07SGreg Roach 544e837ff07SGreg Roach#childbox { 545e837ff07SGreg Roach padding: 5px; 546e837ff07SGreg Roach position: absolute; 547e837ff07SGreg Roach display: none; 548e837ff07SGreg Roach text-align: start; 549e837ff07SGreg Roach white-space: nowrap; 550e837ff07SGreg Roach top: 20px; 551e837ff07SGreg Roach left: 0; 552e837ff07SGreg Roach} 553e837ff07SGreg Roach 554e837ff07SGreg Roach.layout3 #childbox { 555e837ff07SGreg Roach top: auto; 556e837ff07SGreg Roach bottom: 20px; 557e837ff07SGreg Roach} 558e837ff07SGreg Roach 559e837ff07SGreg Roach#childbox a.name1 { 560e837ff07SGreg Roach display: block; 561e837ff07SGreg Roach margin-left: 5px; 562e837ff07SGreg Roach} 563e837ff07SGreg Roach 564e837ff07SGreg Roach.person0 { 565e837ff07SGreg Roach background-color: #aaf; 566e837ff07SGreg Roach vertical-align: top; 567e837ff07SGreg Roach} 568e837ff07SGreg Roach 569e837ff07SGreg Roach.person1 { 570e837ff07SGreg Roach background-color: #afa; 571e837ff07SGreg Roach vertical-align: top; 572e837ff07SGreg Roach} 573e837ff07SGreg Roach 574e837ff07SGreg Roach.person2 { 575e837ff07SGreg Roach background-color: #faa; 576e837ff07SGreg Roach vertical-align: top; 577e837ff07SGreg Roach} 578e837ff07SGreg Roach 579e837ff07SGreg Roach.person3 { 580e837ff07SGreg Roach background-color: #55f; 581e837ff07SGreg Roach vertical-align: top; 582e837ff07SGreg Roach} 583e837ff07SGreg Roach 584e837ff07SGreg Roach.person4 { 585e837ff07SGreg Roach background-color: #f55; 586e837ff07SGreg Roach vertical-align: top; 587e837ff07SGreg Roach} 588e837ff07SGreg Roach 589e837ff07SGreg Roach.person5 { 590e837ff07SGreg Roach background-color: #5f5; 591e837ff07SGreg Roach vertical-align: top; 592e837ff07SGreg Roach} 593e837ff07SGreg Roach 594e837ff07SGreg Roach.starredname { 595e837ff07SGreg Roach text-decoration: underline; 596e837ff07SGreg Roach} 597e837ff07SGreg Roach 598e837ff07SGreg Roach.search_hit { 599e837ff07SGreg Roach background-color: #ff0; 600e837ff07SGreg Roach} 601e837ff07SGreg Roach 602e837ff07SGreg Roach.descriptionbox { 603e837ff07SGreg Roach font-weight: bold; 604e837ff07SGreg Roach background-color: #ccc; 605e837ff07SGreg Roach vertical-align: top; 606e837ff07SGreg Roach} 607e837ff07SGreg Roach 608e837ff07SGreg Roach.descriptionbox { 609e837ff07SGreg Roach font-size: 14px; 610e837ff07SGreg Roach background-color: #ccc; 611e837ff07SGreg Roach vertical-align: top; 612e837ff07SGreg Roach padding: 3px; 613e837ff07SGreg Roach} 614e837ff07SGreg Roach 615e837ff07SGreg Roach.optionbox { 616e837ff07SGreg Roach background-color: #ddd; 617e837ff07SGreg Roach color: #000; 618e837ff07SGreg Roach vertical-align: top; 619e837ff07SGreg Roach white-space: nowrap; 620e837ff07SGreg Roach padding: 3px; 621e837ff07SGreg Roach} 622e837ff07SGreg Roach 623e837ff07SGreg Roach.red { 624e837ff07SGreg Roach color: #f00; 625e837ff07SGreg Roach} 626e837ff07SGreg Roach 62791a257a4SGreg Roach.wt-associate-fact, 628e837ff07SGreg Roach.wt-relation-fact, 629e837ff07SGreg Roach.wt-historic-fact { 630e837ff07SGreg Roach opacity: 0.8; 631e837ff07SGreg Roach} 632e837ff07SGreg Roach 633e837ff07SGreg Roach.messagebox { 634e837ff07SGreg Roach background-color: #bce; 635e837ff07SGreg Roach} 636e837ff07SGreg Roach 637e837ff07SGreg Roach/* ---Pending edits--- */ 63817dd427eSGreg Roach.wt-new { 639e837ff07SGreg Roach outline: solid #00f 1px; 640e837ff07SGreg Roach} 641e837ff07SGreg Roach 64217dd427eSGreg Roach.wt-old { 643e837ff07SGreg Roach outline: solid #f00 1px; 644e837ff07SGreg Roach} 645e837ff07SGreg Roach 646e837ff07SGreg Roach.tag_cloud { 647e837ff07SGreg Roach text-align: center; 648e837ff07SGreg Roach} 649e837ff07SGreg Roach 650e837ff07SGreg Roach.tag_cloud a { 651e837ff07SGreg Roach white-space: nowrap; 652e837ff07SGreg Roach} 653e837ff07SGreg Roach 654e837ff07SGreg Roach.nowrap { 655e837ff07SGreg Roach white-space: nowrap; 656e837ff07SGreg Roach} 657e837ff07SGreg Roach 658e837ff07SGreg Roach.wrap { 659e837ff07SGreg Roach white-space: normal; 660e837ff07SGreg Roach} 661e837ff07SGreg Roach 662e837ff07SGreg Roach.statistics-page { 663e837ff07SGreg Roach text-align: center; 664e837ff07SGreg Roach} 665e837ff07SGreg Roach 666e837ff07SGreg Roach.gchart { 667e837ff07SGreg Roach border: 0; 668e837ff07SGreg Roach} 669e837ff07SGreg Roach 670e837ff07SGreg Roach#facts_content dd { 671e837ff07SGreg Roach float: left; 672e837ff07SGreg Roach width: 70%; 673e837ff07SGreg Roach} 674e837ff07SGreg Roach 675e837ff07SGreg Roach/* this keeps the tag color the same when it is a link as when not */ 676e837ff07SGreg Roach 677e837ff07SGreg Roach.place { 678e837ff07SGreg Roach padding-top: 5px; 679e837ff07SGreg Roach} 680e837ff07SGreg Roach 681e837ff07SGreg Roach.filtersH, 682e837ff07SGreg Roach.filtersF { 683e837ff07SGreg Roach margin: 4px; 684e837ff07SGreg Roach} 685e837ff07SGreg Roach 686e837ff07SGreg Roach.filtersH img { 687e837ff07SGreg Roach margin-bottom: 2px; 688e837ff07SGreg Roach} 689e837ff07SGreg Roach 690e837ff07SGreg Roach.list-charts { 691e837ff07SGreg Roach text-align: center; 692e837ff07SGreg Roach} 693e837ff07SGreg Roach 694e837ff07SGreg Roach#place-hierarchy h2, 695e837ff07SGreg Roach#place-hierarchy h4 { 696e837ff07SGreg Roach text-align: center; 697e837ff07SGreg Roach} 698e837ff07SGreg Roach 699e837ff07SGreg Roach.user_welcome_block table, 700e837ff07SGreg Roach.gedcom_block_block table { 701e837ff07SGreg Roach margin: auto; 702e837ff07SGreg Roach} 703e837ff07SGreg Roach 704e837ff07SGreg Roach.user_welcome_block td, 705e837ff07SGreg Roach.gedcom_block_block td { 706e837ff07SGreg Roach width: 33%; 707e837ff07SGreg Roach text-align: center; 708e837ff07SGreg Roach vertical-align: top; 709e837ff07SGreg Roach} 710e837ff07SGreg Roach 711e837ff07SGreg Roach/* ==== FAQ table styles ===== */ 712e837ff07SGreg Roachtable.faq { 713e837ff07SGreg Roach background-color: #ddd; 714e837ff07SGreg Roach margin: 5px 0 50px 5px; 715e837ff07SGreg Roach width: 98%; 716e837ff07SGreg Roach} 717e837ff07SGreg Roach 718e837ff07SGreg Roachtable.faq tr:nth-child(odd) td { 719e837ff07SGreg Roach background-color: #eee; 720e837ff07SGreg Roach} 721e837ff07SGreg Roach 722e837ff07SGreg Roachdiv.faq_title { 723e837ff07SGreg Roach background-color: #ddd; 724e837ff07SGreg Roach margin: 1em 0; 725e837ff07SGreg Roach padding: .25em; 726e837ff07SGreg Roach font-weight: bold; 727e837ff07SGreg Roach width: 98%; 728e837ff07SGreg Roach} 729e837ff07SGreg Roach 730e837ff07SGreg Roachdiv.faq_body { 731e837ff07SGreg Roach clear: both; 732e837ff07SGreg Roach padding: 0 1em; 733e837ff07SGreg Roach} 734e837ff07SGreg Roach 735e837ff07SGreg Roach.faq_top { 736e837ff07SGreg Roach float: right; 737e837ff07SGreg Roach} 738e837ff07SGreg Roach 739e837ff07SGreg Roach/* === Positioning edit, copy, delete links === */ 740e837ff07SGreg Roach/* General use */ 741e837ff07SGreg Roach.editfacts { 742e837ff07SGreg Roach clear: left; 743e837ff07SGreg Roach padding-top: 15px; 744e837ff07SGreg Roach} 745e837ff07SGreg Roach 746e837ff07SGreg Roach#indi_note { 747e837ff07SGreg Roach margin: 0 0 5px; 748e837ff07SGreg Roach} 749e837ff07SGreg Roach 750e837ff07SGreg Roach.indi_table { 751e837ff07SGreg Roach clear: left; 752e837ff07SGreg Roach} 753e837ff07SGreg Roach 754e837ff07SGreg Roach#indi_note .fact_NOTE { 755e837ff07SGreg Roach float: left; 756e837ff07SGreg Roach margin: 0 5px 0 0; 757e837ff07SGreg Roach} 758e837ff07SGreg Roach 759e837ff07SGreg Roach#indi_note .fact_SOUR { 760e837ff07SGreg Roach margin: 3px 0; 761e837ff07SGreg Roach} 762e837ff07SGreg Roach 763e837ff07SGreg Roach#indi_note .fact_SOUR a { 764e837ff07SGreg Roach font-size: 100%; 765e837ff07SGreg Roach} 766e837ff07SGreg Roach 767e837ff07SGreg Roach#indi_note .fact_NOTE, 768e837ff07SGreg Roach#indi_note .fact_SOUR { 769e837ff07SGreg Roach clear: both; 770e837ff07SGreg Roach} 771e837ff07SGreg Roach 772e837ff07SGreg Roach.odometer { 773e837ff07SGreg Roach font-family: courier, monospace; 774e837ff07SGreg Roach font-weight: bold; 775e837ff07SGreg Roach background: #000; 776e837ff07SGreg Roach color: #fff; 777e837ff07SGreg Roach} 778e837ff07SGreg Roach 779e837ff07SGreg Roach.upcoming_events_block button, 780e837ff07SGreg Roach.todays_events_block button { 781e837ff07SGreg Roach margin: 0 20px; 782e837ff07SGreg Roach} 783e837ff07SGreg Roach 784e837ff07SGreg Roach/* Sidebar - Family navigator */ 785e837ff07SGreg Roach.wt-family-navigator-dropdown { 786e837ff07SGreg Roach background: #eee; 787e837ff07SGreg Roach} 788e837ff07SGreg Roach 789e837ff07SGreg Roach.wt-family-navigator-dropdown-heading { 790e837ff07SGreg Roach font-weight: bold; 791e837ff07SGreg Roach font-size: inherit; 792e837ff07SGreg Roach color: inherit; 793e837ff07SGreg Roach} 794e837ff07SGreg Roach 795e837ff07SGreg Roach/* Sidebar - Descendants */ 796e837ff07SGreg Roach#sb_content_descendancy { 797e837ff07SGreg Roach margin-top: 5px; 798e837ff07SGreg Roach} 799e837ff07SGreg Roach 800e837ff07SGreg Roach#sb_desc_content { 801e837ff07SGreg Roach margin-left: 3px; 802e837ff07SGreg Roach font-size: 0.8em; 803e837ff07SGreg Roach} 804e837ff07SGreg Roach 805e837ff07SGreg Roach#sb_desc_content ul { 806e837ff07SGreg Roach padding: 0; 807e837ff07SGreg Roach margin: 0; 808e837ff07SGreg Roach} 809e837ff07SGreg Roach 810e837ff07SGreg Roach.sb_desc_indi_li { 811e837ff07SGreg Roach list-style-type: none; 812e837ff07SGreg Roach} 813e837ff07SGreg Roach 814e837ff07SGreg Roach/* Individuals and Families */ 815e837ff07SGreg Roach#sidebar-content-individuals, 816e837ff07SGreg Roach#sidebar-content-families { 817e837ff07SGreg Roach margin-top: 5px; 818e837ff07SGreg Roach} 819e837ff07SGreg Roach 820e837ff07SGreg Roach.sb_indi_surname_li, 821e837ff07SGreg Roach.sb_fam_surname_li { 82208362db4SGreg Roach list-style-image: url(icons/plus.png); 823e837ff07SGreg Roach} 824e837ff07SGreg Roach 825e837ff07SGreg Roach.name_tree_div ul { 826e837ff07SGreg Roach padding: 0; 827e837ff07SGreg Roach margin: 0; 828e837ff07SGreg Roach} 829e837ff07SGreg Roach 830e837ff07SGreg Roach.name_tree_div li { 831e837ff07SGreg Roach list-style: none; 832e837ff07SGreg Roach margin: 0; 833e837ff07SGreg Roach padding: 0; 834e837ff07SGreg Roach} 835e837ff07SGreg Roach 836e837ff07SGreg Roach/* Clippings */ 837e837ff07SGreg Roach#sb_clippings_content ul { 838e837ff07SGreg Roach padding: 0; 839e837ff07SGreg Roach margin: 0; 840e837ff07SGreg Roach} 841e837ff07SGreg Roach 842e837ff07SGreg Roach#sb_clippings_content li { 843e837ff07SGreg Roach list-style: none; 844e837ff07SGreg Roach margin: 0; 845e837ff07SGreg Roach padding: 0; 846e837ff07SGreg Roach white-space: nowrap; 847e837ff07SGreg Roach} 848e837ff07SGreg Roach 849e837ff07SGreg Roach/* Stories module */ 850e837ff07SGreg Roach.story_title { 851e837ff07SGreg Roach padding-top: 12px; 852e837ff07SGreg Roach font-size: 13px; 853e837ff07SGreg Roach height: 32px; 854e837ff07SGreg Roach font-weight: bold; 855e837ff07SGreg Roach} 856e837ff07SGreg Roach 857e837ff07SGreg Roach.story_body { 858e837ff07SGreg Roach padding: 20px; 859e837ff07SGreg Roach white-space: normal; 860e837ff07SGreg Roach} 861e837ff07SGreg Roach 862e837ff07SGreg Roach.story_edit { 863e837ff07SGreg Roach padding: 12px; 864e837ff07SGreg Roach} 865e837ff07SGreg Roach 866e837ff07SGreg Roach/*-- Fan chart ---- */ 867e837ff07SGreg Roach.fan_chart_menu { 868b6c326d8SGreg Roach background: #fff; 869e837ff07SGreg Roach position: absolute; 870e837ff07SGreg Roach display: none; 871e837ff07SGreg Roach z-index: 100; 872e837ff07SGreg Roach} 873e837ff07SGreg Roach 874e837ff07SGreg Roach#fan_chart ul { 875e837ff07SGreg Roach list-style-type: none; 876e837ff07SGreg Roach margin: 0; 877e837ff07SGreg Roach} 878e837ff07SGreg Roach 879e837ff07SGreg Roach/* Lifespans chart */ 880e837ff07SGreg Roach.wt-lifespans-subtitle { 881e837ff07SGreg Roach text-align: center; 882e837ff07SGreg Roach} 883e837ff07SGreg Roach 884e837ff07SGreg Roach.wt-lifespans-scale { 885e837ff07SGreg Roach white-space: nowrap; 886e837ff07SGreg Roach} 887e837ff07SGreg Roach 888e837ff07SGreg Roach.wt-lifespans-decade { 889e837ff07SGreg Roach width: 70px; 890e837ff07SGreg Roach height: 60px; 891e837ff07SGreg Roach display: inline-block; 89297c22350SGreg Roach background-image: url(images/lifespan-decade.png); 893e837ff07SGreg Roach background-position-y: bottom; 894e837ff07SGreg Roach background-repeat: no-repeat; 895e837ff07SGreg Roach background-size: 70px 37px; 896e837ff07SGreg Roach} 897e837ff07SGreg Roach 898e837ff07SGreg Roach.wt-lifespans-individuals { 899e837ff07SGreg Roach background: #fafafa; 900e837ff07SGreg Roach} 901e837ff07SGreg Roach 902e837ff07SGreg Roach.wt-lifespans-individual { 903e837ff07SGreg Roach 904e837ff07SGreg Roach} 905e837ff07SGreg Roach 906e837ff07SGreg Roach.wt-lifespans-summary { 907e837ff07SGreg Roach background: #ffffff; 908e837ff07SGreg Roach border: thin solid #000; 909e837ff07SGreg Roach z-index: 1; 910e837ff07SGreg Roach} 911e837ff07SGreg Roach 912e837ff07SGreg Roach.wt-lifespans-summary-link { 913e837ff07SGreg Roach font-weight: bold; 914e837ff07SGreg Roach} 915e837ff07SGreg Roach 916e837ff07SGreg Roach/*-- timeline --*/ 917e837ff07SGreg Roach#timeline_chart { 918e837ff07SGreg Roach position: relative; 919e837ff07SGreg Roach top: 0; 920e837ff07SGreg Roach left: 0; 921e837ff07SGreg Roach} 922e837ff07SGreg Roach 923e837ff07SGreg Roach/*-- Relationship ---- */ 924e837ff07SGreg Roach.wt-relationship-chart .hline-text, 925e837ff07SGreg Roach.wt-relationship-chart .vline-text { 926e837ff07SGreg Roach font-size: 12px; 927e837ff07SGreg Roach} 928e837ff07SGreg Roach 92948b53306SGreg Roach/* 93048b53306SGreg Roach * Any element that is loaded dynamically has the class wt-ajax-load. 93148b53306SGreg Roach * We can provide a "loading" placeholder for empty elements with this class. 93248b53306SGreg Roach */ 93348b53306SGreg Roach.wt-ajax-load:empty { 93448b53306SGreg Roach height: 32px; 93548b53306SGreg Roach background: url(images/loading-32x32.gif) no-repeat 50% 50%; 93648b53306SGreg Roach} 93748b53306SGreg Roach 93839b853a7SGreg Roach/* 93939b853a7SGreg Roach * Default icons are provided by FontAwesome. 94039b853a7SGreg Roach */ 941e39fd5c6SGreg Roach.wt-icon-anniversary { 942e39fd5c6SGreg Roach} 943e39fd5c6SGreg Roach 94439b853a7SGreg Roach.wt-icon-arrow-down { 94539b853a7SGreg Roach} 94639b853a7SGreg Roach 94739b853a7SGreg Roacha > .wt-icon-arrow-down:hover { 94839b853a7SGreg Roach} 94939b853a7SGreg Roach 95039b853a7SGreg Roach.wt-icon-arrow-left { 95139b853a7SGreg Roach} 95239b853a7SGreg Roach 95339b853a7SGreg Roacha > .wt-icon-arrow-left:hover { 95439b853a7SGreg Roach} 95539b853a7SGreg Roach 95639b853a7SGreg Roach.wt-icon-arrow-right { 95739b853a7SGreg Roach} 95839b853a7SGreg Roach 95939b853a7SGreg Roacha > .wt-icon-arrow-right:hover { 96039b853a7SGreg Roach} 96139b853a7SGreg Roach 96239b853a7SGreg Roach.wt-icon-arrow-up { 96339b853a7SGreg Roach} 96439b853a7SGreg Roach 96539b853a7SGreg Roacha > .wt-icon-arrow-up:hover { 96639b853a7SGreg Roach} 96739b853a7SGreg Roach 96808362db4SGreg Roach.wt-icon-bing-maps { 96908362db4SGreg Roach} 97008362db4SGreg Roach 97108362db4SGreg Roach.wt-icon-calendar { 97208362db4SGreg Roach} 97308362db4SGreg Roach 97416e8b6e8SGreg Roach.wt-icon-collapse { 97516e8b6e8SGreg Roach} 97616e8b6e8SGreg Roach 97739b853a7SGreg Roach.wt-icon-coordinates { 97808362db4SGreg Roach} 97908362db4SGreg Roach 98008362db4SGreg Roach.wt-icon-copy { 98108362db4SGreg Roach} 98208362db4SGreg Roach 98308362db4SGreg Roach.wt-icon-delete { 98408362db4SGreg Roach} 98508362db4SGreg Roach 98608362db4SGreg Roach.wt-icon-edit { 98739b853a7SGreg Roach} 98839b853a7SGreg Roach 98916e8b6e8SGreg Roach.wt-icon-expand { 99016e8b6e8SGreg Roach} 99116e8b6e8SGreg Roach 99208362db4SGreg Roach.wt-icon-family { 99308362db4SGreg Roach} 99408362db4SGreg Roach 99508362db4SGreg Roach.wt-icon-google-maps { 99608362db4SGreg Roach} 99708362db4SGreg Roach 99808362db4SGreg Roach.wt-icon-help { 99908362db4SGreg Roach} 100008362db4SGreg Roach 100108362db4SGreg Roach.wt-icon-individual { 100208362db4SGreg Roach} 100308362db4SGreg Roach 100408362db4SGreg Roach.wt-icon-keyboard { 100508362db4SGreg Roach} 100608362db4SGreg Roach 100708362db4SGreg Roach.wt-icon-media { 100808362db4SGreg Roach} 100908362db4SGreg Roach 101008362db4SGreg Roach.wt-icon-note { 101108362db4SGreg Roach} 101208362db4SGreg Roach 101308362db4SGreg Roach.wt-icon-openstreetmap { 101408362db4SGreg Roach} 101508362db4SGreg Roach 101608362db4SGreg Roach.wt-icon-preferences { 101708362db4SGreg Roach} 101808362db4SGreg Roach 1019e39fd5c6SGreg Roach.wt-icon-reorder { 102008362db4SGreg Roach} 102108362db4SGreg Roach 102208362db4SGreg Roach.wt-icon-repository { 1023e39fd5c6SGreg Roach} 1024e39fd5c6SGreg Roach 1025242a7862SGreg Roach.wt-icon-sex-f { 10269053a070SGreg Roach color: var(--sex-f-fg); 102748b53306SGreg Roach} 102848b53306SGreg Roach 1029242a7862SGreg Roach.wt-icon-sex-m { 1030242a7862SGreg Roach color: var(--sex-m-fg); 1031242a7862SGreg Roach} 1032242a7862SGreg Roach 1033242a7862SGreg Roach.wt-icon-sex-u { 103448b53306SGreg Roach color: var(--sex-u-fg); 103548b53306SGreg Roach} 103648b53306SGreg Roach 1037242a7862SGreg Roach.wt-icon-sex-x { 103848b53306SGreg Roach color: var(--sex-u-fg); 103948b53306SGreg Roach} 104048b53306SGreg Roach 104108362db4SGreg Roach.wt-icon-source { 104208362db4SGreg Roach} 104308362db4SGreg Roach 104408362db4SGreg Roach.wt-icon-submitter { 104508362db4SGreg Roach} 104608362db4SGreg Roach 1047e39fd5c6SGreg Roach.wt-icon-warning { 1048e39fd5c6SGreg Roach} 1049e39fd5c6SGreg Roach 1050242a7862SGreg Roach.wt-icon-zoom-in { 1051242a7862SGreg Roach} 1052242a7862SGreg Roach 1053242a7862SGreg Roach.wt-icon-zoom-out { 1054242a7862SGreg Roach} 1055242a7862SGreg Roach 105608362db4SGreg Roach/* Miscellaneous images */ 1057e837ff07SGreg Roach.icon-cfamily { 105808362db4SGreg Roach content: url(fab/images/cfamily.png); 1059e837ff07SGreg Roach} 1060e837ff07SGreg Roach 1061e837ff07SGreg Roach.icon-childless { 106208362db4SGreg Roach content: url(images/childless.png); 1063e837ff07SGreg Roach} 1064e837ff07SGreg Roach 1065e837ff07SGreg Roach.icon-children { 106608362db4SGreg Roach content: url(images/children.png); 1067e837ff07SGreg Roach} 1068e837ff07SGreg Roach 1069e837ff07SGreg Roach.icon-edit_indi { 107008362db4SGreg Roach content: url(fab/images/edit_indi.png); 1071e837ff07SGreg Roach} 1072e837ff07SGreg Roach 1073e837ff07SGreg Roach.icon-fam-list { 107408362db4SGreg Roach content: url(fab/images/sfamily.png); 1075e837ff07SGreg Roach} 1076e837ff07SGreg Roach 1077e837ff07SGreg Roach.icon-indi-list { 107808362db4SGreg Roach content: url(fab/images/indis.png); 1079e837ff07SGreg Roach} 1080e837ff07SGreg Roach 1081e837ff07SGreg Roach.icon-loading-small { 108208362db4SGreg Roach content: url(images/indicator.gif); 1083e837ff07SGreg Roach} 1084e837ff07SGreg Roach 1085e837ff07SGreg Roach.icon-minus { 108608362db4SGreg Roach content: url(icons/minus.png); 1087e837ff07SGreg Roach} 1088e837ff07SGreg Roach 1089e837ff07SGreg Roach.icon-mypage { 109008362db4SGreg Roach content: url(fab/images/mypage.png); 1091e837ff07SGreg Roach} 1092e837ff07SGreg Roach 1093e837ff07SGreg Roach.icon-pin-in { 109408362db4SGreg Roach content: url(fab/images/pin-in.png); 1095e837ff07SGreg Roach} 1096e837ff07SGreg Roach 1097e837ff07SGreg Roach.icon-pin-out { 109808362db4SGreg Roach content: url(fab/images/pin-out.png); 1099e837ff07SGreg Roach} 1100e837ff07SGreg Roach 1101e837ff07SGreg Roach.icon-plus { 110208362db4SGreg Roach content: url(icons/plus.png); 1103e837ff07SGreg Roach} 1104e837ff07SGreg Roach 1105e837ff07SGreg Roach.icon-resn-confidential { 110608362db4SGreg Roach content: url(images/resn_confidential.png); 1107e837ff07SGreg Roach} 1108e837ff07SGreg Roach 1109e837ff07SGreg Roach.icon-resn-locked { 111008362db4SGreg Roach content: url(images/resn_locked.png); 1111e837ff07SGreg Roach} 1112e837ff07SGreg Roach 1113e837ff07SGreg Roach.icon-resn-none { 111408362db4SGreg Roach content: url(images/resn_none.png); 1115e837ff07SGreg Roach} 1116e837ff07SGreg Roach 1117e837ff07SGreg Roach.icon-resn-privacy { 111808362db4SGreg Roach content: url(images/resn_privacy.png); 1119e837ff07SGreg Roach} 1120e837ff07SGreg Roach 1121e837ff07SGreg Roach.icon-rings { 112208362db4SGreg Roach content: url(images/rings.png); 1123e837ff07SGreg Roach} 1124e837ff07SGreg Roach 1125e837ff07SGreg Roach.icon-selected { 112608362db4SGreg Roach content: url(fab/images/selected.png); 1127e837ff07SGreg Roach} 1128e837ff07SGreg Roach 1129e837ff07SGreg Roach/* Silhouettes on charts */ 1130e837ff07SGreg Roach.icon-silhouette-F { 113108362db4SGreg Roach content: url(fab/images/silhouette_female_small.png); 1132e837ff07SGreg Roach} 1133e837ff07SGreg Roach 1134e837ff07SGreg Roach.icon-silhouette-M { 113508362db4SGreg Roach content: url(fab/images/silhouette_male_small.png); 1136e837ff07SGreg Roach} 1137e837ff07SGreg Roach 1138e837ff07SGreg Roach.icon-silhouette-U { 113908362db4SGreg Roach content: url(fab/images/silhouette_unknown_small.png); 1140e837ff07SGreg Roach} 1141e837ff07SGreg Roach 1142e837ff07SGreg Roach.menu-language li { 1143e837ff07SGreg Roach text-align: left; /* The language menu is always LTR, even on RTL pages */ 1144e837ff07SGreg Roach} 1145e837ff07SGreg Roach 1146e837ff07SGreg Roach.menu-theme li { 1147e837ff07SGreg Roach text-align: left; /* The theme menu is always LTR, even on RTL pages */ 1148e837ff07SGreg Roach} 1149e837ff07SGreg Roach 1150e837ff07SGreg Roach.icon-indis { 115108362db4SGreg Roach content: url(fab/images/indis.png); 1152e837ff07SGreg Roach} 1153e837ff07SGreg Roach 1154e837ff07SGreg Roach.icon-patriarch { 115508362db4SGreg Roach content: url(fab/images/patriarch.png); 1156e837ff07SGreg Roach} 1157e837ff07SGreg Roach 1158e837ff07SGreg Roach.icon-pedigree { 115908362db4SGreg Roach content: url(fab/images/pedigree.png); 1160e837ff07SGreg Roach} 1161e837ff07SGreg Roach 1162e837ff07SGreg Roach.icon-sfamily { 116308362db4SGreg Roach content: url(fab/images/sfamily.png); 1164e837ff07SGreg Roach} 1165e837ff07SGreg Roach 1166e837ff07SGreg Roach.icon-user_add { 116708362db4SGreg Roach content: url(fab/images/user_add.png); 1168e837ff07SGreg Roach} 1169e837ff07SGreg Roach 1170f699d6fcSGreg Roach/* Census assistant */ 1171f699d6fcSGreg Roach.wt-census-assistant-form-control:focus { 1172f699d6fcSGreg Roach min-width: 12rem; 1173f699d6fcSGreg Roach} 1174f699d6fcSGreg Roach 1175f699d6fcSGreg Roach/* Some blocks show a reduced version on the right-hand side. */ 1176f699d6fcSGreg Roach.wt-side-blocks .wt-side-block-optional { 1177f699d6fcSGreg Roach display: none !important; 1178f699d6fcSGreg Roach} 1179f699d6fcSGreg Roach 1180f699d6fcSGreg Roach/* my page chart enhancements */ 1181f699d6fcSGreg Roach.wt-block-content-charts { 1182f699d6fcSGreg Roach overflow: auto; 1183f699d6fcSGreg Roach} 1184f699d6fcSGreg Roach 1185f699d6fcSGreg Roach/* Some charts are wider than the page. */ 1186f699d6fcSGreg Roach.wt-chart { 1187f699d6fcSGreg Roach overflow-x: auto; 1188f699d6fcSGreg Roach overflow-y: hidden; 1189f699d6fcSGreg Roach} 1190f699d6fcSGreg Roach 1191f699d6fcSGreg Roach/* Fit thumbnail into parent on charts */ 1192f699d6fcSGreg Roach.select2-selection.select2-selection--single { 1193f699d6fcSGreg Roach min-height: 36px; 1194f699d6fcSGreg Roach height: auto; 1195f699d6fcSGreg Roach padding: 2px 0; 1196f699d6fcSGreg Roach} 1197f699d6fcSGreg Roach 1198f699d6fcSGreg Roach.select2-container .select2-selection--single .select2-selection__rendered { 1199f699d6fcSGreg Roach padding-left: 2px; 1200f699d6fcSGreg Roach} 1201242a7862SGreg Roach 1202f699d6fcSGreg Roach.select2-selection--single .NAME { 1203f699d6fcSGreg Roach padding-left: 4px; 1204f699d6fcSGreg Roach} 1205f699d6fcSGreg Roach 1206f699d6fcSGreg Roach/* Some menus (e.g. languages) can be longer than a page */ 1207f699d6fcSGreg Roach.dropdown-menu { 1208f699d6fcSGreg Roach max-height: 30rem; 1209f699d6fcSGreg Roach overflow-x: hidden; 1210f699d6fcSGreg Roach} 1211f699d6fcSGreg Roach 1212f699d6fcSGreg Roach/* Forms */ 1213f699d6fcSGreg Roach.col-form-label { 1214f699d6fcSGreg Roach font-weight: bold; 1215f699d6fcSGreg Roach} 1216