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 13*ad3143ccSGreg 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; 330e39fd5c6SGreg Roach} 331e39fd5c6SGreg Roach 332242a7862SGreg Roach.wt-chart-box-f, 333242a7862SGreg Roach.wt-chart-box-f .wt-chart-box-dropdown { 334242a7862SGreg Roach background: var(--sex-f-bg); 335e837ff07SGreg Roach} 336e837ff07SGreg Roach 337242a7862SGreg Roach.wt-chart-box-m, 338242a7862SGreg Roach.wt-chart-box-m .wt-chart-box-dropdown { 339242a7862SGreg Roach background: var(--sex-m-bg); 340e837ff07SGreg Roach} 341e837ff07SGreg Roach 342e837ff07SGreg Roach/* ====== Round Corners ======== */ 343e837ff07SGreg Roach.border1, 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, 352242a7862SGreg Roach.wt-chart-box, 353e837ff07SGreg Roach.person0, 354e837ff07SGreg Roach.person1, 355e837ff07SGreg Roach.person2, 356e837ff07SGreg Roach.person3, 357e837ff07SGreg Roach.person4, 358e837ff07SGreg Roach.person5, 359e837ff07SGreg Roach#indi_main_blocks, 360e837ff07SGreg Roach#tabs, 361e837ff07SGreg Roach.topbottombar { 362e837ff07SGreg Roach margin: 4px; 363e837ff07SGreg Roach padding: 4px; 364e837ff07SGreg Roach border-radius: 4px; 365e837ff07SGreg Roach} 366e837ff07SGreg Roach 367e837ff07SGreg Roacha { 368e837ff07SGreg Roach text-decoration: none; 36911892de6SGreg Roach color: #369; 370e837ff07SGreg Roach} 371e837ff07SGreg Roach 372e837ff07SGreg Roacha:hover, 373e837ff07SGreg Roacha:active { 374e837ff07SGreg Roach text-decoration: underline; 375e837ff07SGreg Roach} 376e837ff07SGreg Roach 377e837ff07SGreg Roach:focus { 378e837ff07SGreg Roach outline-style: none; 379e837ff07SGreg Roach} 380e837ff07SGreg Roach 381e837ff07SGreg Roach.flash-messages { 382e837ff07SGreg Roach clear: both; 383e837ff07SGreg Roach text-align: center; 384e837ff07SGreg Roach} 385e837ff07SGreg Roach 386e837ff07SGreg Roachdl { 387e837ff07SGreg Roach margin: 0; 388e837ff07SGreg Roach} 389e837ff07SGreg Roach 390e837ff07SGreg Roachdt { 391e837ff07SGreg Roach float: left; 392e837ff07SGreg Roach font-weight: bold; 393e837ff07SGreg Roach margin-right: 10px; 394e837ff07SGreg Roach} 395e837ff07SGreg Roach 396e837ff07SGreg Roach.button { 397e837ff07SGreg Roach width: 60px; 398e837ff07SGreg Roach} 399e837ff07SGreg Roach 400e837ff07SGreg Roach.alpha_index { 401e837ff07SGreg Roach color: #999; 402e837ff07SGreg Roach} 403e837ff07SGreg Roach 404e837ff07SGreg Roach.news_box:target, 405e837ff07SGreg Roach#gedcom_stats:target { 406e837ff07SGreg Roach background-color: #ffc; 407e837ff07SGreg Roach} 408e837ff07SGreg Roach 409e837ff07SGreg Roach/* families tab person box */ 410e837ff07SGreg Roachtable.center { 411e837ff07SGreg Roach margin-left: auto; 412e837ff07SGreg Roach margin-right: auto; 413e837ff07SGreg Roach} 414e837ff07SGreg Roach 415e837ff07SGreg Roach.list_table { 416e837ff07SGreg Roach margin: 0 auto; 417e837ff07SGreg Roach} 418e837ff07SGreg Roach 419e837ff07SGreg Roach.list_label, 420e837ff07SGreg Roach.list_label_wrap { 421e837ff07SGreg Roach background-color: #ccc; 422e837ff07SGreg Roach font-weight: bold; 423e837ff07SGreg Roach text-align: center; 424e837ff07SGreg Roach} 425e837ff07SGreg Roach 426e837ff07SGreg Roach.list_value, 427e837ff07SGreg Roach.list_value_wrap { 428e837ff07SGreg Roach background-color: #ddd; 429e837ff07SGreg Roach vertical-align: top; 430e837ff07SGreg Roach} 431e837ff07SGreg Roach 432e837ff07SGreg Roach.list_label, 433e837ff07SGreg Roach.list_value { 434e837ff07SGreg Roach white-space: nowrap; 435e837ff07SGreg Roach} 436e837ff07SGreg Roach 437e837ff07SGreg Roach.list_label_wrap, 438e837ff07SGreg Roach.list_value_wrap { 439e837ff07SGreg Roach white-space: normal; 440e837ff07SGreg Roach} 441e837ff07SGreg Roach 442e837ff07SGreg Roachdiv.fact_SHARED_NOTE { 443e837ff07SGreg Roach clear: both; 444e837ff07SGreg Roach} 445e837ff07SGreg Roach 446e837ff07SGreg Roach/* Table of genealogical facts */ 447e837ff07SGreg Roach.wt-facts-table caption { 448e837ff07SGreg Roach caption-side: top; 449e837ff07SGreg Roach} 450e837ff07SGreg Roach 451e837ff07SGreg Roach.wt-facts-table th { 452e837ff07SGreg Roach background-color: #ccc; 453e837ff07SGreg Roach border-radius: 4px; 454e837ff07SGreg Roach text-align: center; 455e837ff07SGreg Roach font-weight: normal; 456e837ff07SGreg Roach min-width: 20%; 457e837ff07SGreg Roach} 458e837ff07SGreg Roach 459e837ff07SGreg Roach.wt-facts-table td { 460e837ff07SGreg Roach border-radius: 4px; 461e837ff07SGreg Roach background-color: #ddd; 462e837ff07SGreg Roach} 463e837ff07SGreg Roach 464e837ff07SGreg Roach.wt-facts-table .wt-gender-M td { 465e837ff07SGreg Roach background-color: #ddf; 466e837ff07SGreg Roach} 467e837ff07SGreg Roach 468e837ff07SGreg Roach.wt-facts-table .wt-gender-F td { 469e837ff07SGreg Roach background-color: #fdd; 470e837ff07SGreg Roach} 471e837ff07SGreg Roach 472e837ff07SGreg Roach.name1, .name2 { 473e837ff07SGreg Roach color: #337; 474e837ff07SGreg Roach} 475e837ff07SGreg Roach 476e837ff07SGreg Roacha:hover, a:hover .name1, a:hover .name2 { 477e837ff07SGreg Roach color: #f00; 478e837ff07SGreg Roach} 479e837ff07SGreg Roach 480e837ff07SGreg Roach.details_label { 481e837ff07SGreg Roach font-weight: bold; 482e837ff07SGreg Roach} 483e837ff07SGreg Roach 484e837ff07SGreg Roach.date { 485e837ff07SGreg Roach color: #337; 486e837ff07SGreg Roach} 487e837ff07SGreg Roach 488e837ff07SGreg Roach.label { 489e837ff07SGreg Roach font-weight: bold; 490e837ff07SGreg Roach} 491e837ff07SGreg Roach 492e837ff07SGreg Roach.error { 493e837ff07SGreg Roach color: #f00; 494e837ff07SGreg Roach font-weight: bold; 495e837ff07SGreg Roach} 496e837ff07SGreg Roach 497e837ff07SGreg Roach.largeError { 498e837ff07SGreg Roach color: #f00; 499e837ff07SGreg Roach font-weight: bold; 500e837ff07SGreg Roach} 501e837ff07SGreg Roach 502e837ff07SGreg Roach.warning { 503e837ff07SGreg Roach color: #f00; 504e837ff07SGreg Roach font-weight: bold; 505e837ff07SGreg Roach} 506e837ff07SGreg Roach 507e837ff07SGreg Roach.indent { 508e837ff07SGreg Roach padding-left: 7px; 509e837ff07SGreg Roach} 510e837ff07SGreg Roach 511e837ff07SGreg Roach.thumbnail { 512e837ff07SGreg Roach height: auto; 513e837ff07SGreg Roach padding: 3px; 514e837ff07SGreg Roach} 515e837ff07SGreg Roach 516e837ff07SGreg Roach.icon { 517e837ff07SGreg Roach border: 0; 518e837ff07SGreg Roach padding: 0 5px; 519e837ff07SGreg Roach} 520e837ff07SGreg Roach 521e837ff07SGreg Roach.subheaders { 522e837ff07SGreg Roach font-weight: bold; 523e837ff07SGreg Roach font-size: 15px; 524e837ff07SGreg Roach margin-top: 15px; 525e837ff07SGreg Roach vertical-align: bottom; 526e837ff07SGreg Roach} 527e837ff07SGreg Roach 528e837ff07SGreg Roach.parentdeath { 529e837ff07SGreg Roach padding: 1px; 530e837ff07SGreg Roach} 531e837ff07SGreg Roach 532e837ff07SGreg Roach.selected-option { 533e837ff07SGreg Roach background-color: #d6e0ea; 534e837ff07SGreg Roach} 535e837ff07SGreg Roach 536e837ff07SGreg Roach.border1 { 537e837ff07SGreg Roach border: 0; 538e837ff07SGreg Roach} 539e837ff07SGreg Roach 540e837ff07SGreg Roach.journal_box { 541e837ff07SGreg Roach padding: 3pt; 542e837ff07SGreg Roach border: thin solid #aaa; 543e837ff07SGreg Roach overflow: visible; 544e837ff07SGreg Roach} 545e837ff07SGreg Roach 546e837ff07SGreg Roach.news_box { 547e837ff07SGreg Roach background-color: #ccc; 548e837ff07SGreg Roach border-top: none; 549e837ff07SGreg Roach} 550e837ff07SGreg Roach 551e837ff07SGreg Roach.news_title { 552e837ff07SGreg Roach font-weight: bold; 553e837ff07SGreg Roach font-size: 14px; 554e837ff07SGreg Roach} 555e837ff07SGreg Roach 556e837ff07SGreg Roach.news_date { 557e837ff07SGreg Roach margin-bottom: 12px; 558e837ff07SGreg Roach} 559e837ff07SGreg Roach 560e837ff07SGreg Roach.current_day { 561e837ff07SGreg Roach font-weight: bold; 562e837ff07SGreg Roach font-size: 16px; 563e837ff07SGreg Roach} 564e837ff07SGreg Roach 565e837ff07SGreg Roach.cal_day { 566e837ff07SGreg Roach font-weight: bold; 567e837ff07SGreg Roach} 568e837ff07SGreg Roach 569e837ff07SGreg Roach.rtl_cal_day { 570e837ff07SGreg Roach color: #00f; 571e837ff07SGreg Roach font-weight: bold; 572e837ff07SGreg Roach} 573e837ff07SGreg Roach 574e837ff07SGreg Roach#user-page h1 { 575e837ff07SGreg Roach margin: 0.25em auto 0.6em; 576e837ff07SGreg Roach} 577e837ff07SGreg Roach 578e837ff07SGreg Roach.tvertline { 579e837ff07SGreg Roach vertical-align: bottom; 580e837ff07SGreg Roach} 581e837ff07SGreg Roach 582e837ff07SGreg Roach#childbox { 583e837ff07SGreg Roach padding: 5px; 584e837ff07SGreg Roach position: absolute; 585e837ff07SGreg Roach display: none; 586e837ff07SGreg Roach text-align: start; 587e837ff07SGreg Roach white-space: nowrap; 588e837ff07SGreg Roach top: 20px; 589e837ff07SGreg Roach left: 0; 590e837ff07SGreg Roach} 591e837ff07SGreg Roach 592e837ff07SGreg Roach.layout3 #childbox { 593e837ff07SGreg Roach top: auto; 594e837ff07SGreg Roach bottom: 20px; 595e837ff07SGreg Roach} 596e837ff07SGreg Roach 597e837ff07SGreg Roach#childbox a.name1 { 598e837ff07SGreg Roach display: block; 599e837ff07SGreg Roach margin-left: 5px; 600e837ff07SGreg Roach} 601e837ff07SGreg Roach 602e837ff07SGreg Roach.person0 { 603e837ff07SGreg Roach background-color: #aaf; 604e837ff07SGreg Roach vertical-align: top; 605e837ff07SGreg Roach} 606e837ff07SGreg Roach 607e837ff07SGreg Roach.person1 { 608e837ff07SGreg Roach background-color: #afa; 609e837ff07SGreg Roach vertical-align: top; 610e837ff07SGreg Roach} 611e837ff07SGreg Roach 612e837ff07SGreg Roach.person2 { 613e837ff07SGreg Roach background-color: #faa; 614e837ff07SGreg Roach vertical-align: top; 615e837ff07SGreg Roach} 616e837ff07SGreg Roach 617e837ff07SGreg Roach.person3 { 618e837ff07SGreg Roach background-color: #55f; 619e837ff07SGreg Roach vertical-align: top; 620e837ff07SGreg Roach} 621e837ff07SGreg Roach 622e837ff07SGreg Roach.person4 { 623e837ff07SGreg Roach background-color: #f55; 624e837ff07SGreg Roach vertical-align: top; 625e837ff07SGreg Roach} 626e837ff07SGreg Roach 627e837ff07SGreg Roach.person5 { 628e837ff07SGreg Roach background-color: #5f5; 629e837ff07SGreg Roach vertical-align: top; 630e837ff07SGreg Roach} 631e837ff07SGreg Roach 632e837ff07SGreg Roach.starredname { 633e837ff07SGreg Roach text-decoration: underline; 634e837ff07SGreg Roach} 635e837ff07SGreg Roach 636e837ff07SGreg Roach.search_hit { 637e837ff07SGreg Roach background-color: #ff0; 638e837ff07SGreg Roach} 639e837ff07SGreg Roach 640e837ff07SGreg Roach.topbottombar, 641e837ff07SGreg Roach.descriptionbox { 642e837ff07SGreg Roach font-weight: bold; 643e837ff07SGreg Roach background-color: #ccc; 644e837ff07SGreg Roach vertical-align: top; 645e837ff07SGreg Roach} 646e837ff07SGreg Roach 647e837ff07SGreg Roach.descriptionbox { 648e837ff07SGreg Roach font-size: 14px; 649e837ff07SGreg Roach background-color: #ccc; 650e837ff07SGreg Roach vertical-align: top; 651e837ff07SGreg Roach padding: 3px; 652e837ff07SGreg Roach} 653e837ff07SGreg Roach 654e837ff07SGreg Roach.optionbox { 655e837ff07SGreg Roach background-color: #ddd; 656e837ff07SGreg Roach color: #000; 657e837ff07SGreg Roach vertical-align: top; 658e837ff07SGreg Roach white-space: nowrap; 659e837ff07SGreg Roach padding: 3px; 660e837ff07SGreg Roach} 661e837ff07SGreg Roach 662e837ff07SGreg Roach.red { 663e837ff07SGreg Roach color: #f00; 664e837ff07SGreg Roach} 665e837ff07SGreg Roach 66691a257a4SGreg Roach.wt-associate-fact, 667e837ff07SGreg Roach.wt-relation-fact, 668e837ff07SGreg Roach.wt-historic-fact { 669e837ff07SGreg Roach opacity: 0.8; 670e837ff07SGreg Roach} 671e837ff07SGreg Roach 672e837ff07SGreg Roach.messagebox { 673e837ff07SGreg Roach background-color: #bce; 674e837ff07SGreg Roach} 675e837ff07SGreg Roach 676e837ff07SGreg Roach/* ---Pending edits--- */ 67717dd427eSGreg Roach.wt-new { 678e837ff07SGreg Roach outline: solid #00f 1px; 679e837ff07SGreg Roach} 680e837ff07SGreg Roach 68117dd427eSGreg Roach.wt-old { 682e837ff07SGreg Roach outline: solid #f00 1px; 683e837ff07SGreg Roach} 684e837ff07SGreg Roach 685e837ff07SGreg Roach.tag_cloud { 686e837ff07SGreg Roach text-align: center; 687e837ff07SGreg Roach} 688e837ff07SGreg Roach 689e837ff07SGreg Roach.tag_cloud a { 690e837ff07SGreg Roach white-space: nowrap; 691e837ff07SGreg Roach} 692e837ff07SGreg Roach 693e837ff07SGreg Roach.nowrap { 694e837ff07SGreg Roach white-space: nowrap; 695e837ff07SGreg Roach} 696e837ff07SGreg Roach 697e837ff07SGreg Roach.wrap { 698e837ff07SGreg Roach white-space: normal; 699e837ff07SGreg Roach} 700e837ff07SGreg Roach 701e837ff07SGreg Roach.statistics-page { 702e837ff07SGreg Roach text-align: center; 703e837ff07SGreg Roach} 704e837ff07SGreg Roach 705e837ff07SGreg Roach.gchart { 706e837ff07SGreg Roach border: 0; 707e837ff07SGreg Roach} 708e837ff07SGreg Roach 709e837ff07SGreg Roach#facts_content dd { 710e837ff07SGreg Roach float: left; 711e837ff07SGreg Roach width: 70%; 712e837ff07SGreg Roach} 713e837ff07SGreg Roach 714e837ff07SGreg Roach/* this keeps the tag color the same when it is a link as when not */ 715e837ff07SGreg Roach 716e837ff07SGreg Roach.place { 717e837ff07SGreg Roach padding-top: 5px; 718e837ff07SGreg Roach} 719e837ff07SGreg Roach 720e837ff07SGreg Roach.filtersH, 721e837ff07SGreg Roach.filtersF { 722e837ff07SGreg Roach margin: 4px; 723e837ff07SGreg Roach} 724e837ff07SGreg Roach 725e837ff07SGreg Roach.filtersH img { 726e837ff07SGreg Roach margin-bottom: 2px; 727e837ff07SGreg Roach} 728e837ff07SGreg Roach 729e837ff07SGreg Roach.list-charts { 730e837ff07SGreg Roach text-align: center; 731e837ff07SGreg Roach} 732e837ff07SGreg Roach 733e837ff07SGreg Roach#place-hierarchy h2, 734e837ff07SGreg Roach#place-hierarchy h4 { 735e837ff07SGreg Roach text-align: center; 736e837ff07SGreg Roach} 737e837ff07SGreg Roach 738e837ff07SGreg Roach.user_welcome_block table, 739e837ff07SGreg Roach.gedcom_block_block table { 740e837ff07SGreg Roach margin: auto; 741e837ff07SGreg Roach} 742e837ff07SGreg Roach 743e837ff07SGreg Roach.user_welcome_block td, 744e837ff07SGreg Roach.gedcom_block_block td { 745e837ff07SGreg Roach width: 33%; 746e837ff07SGreg Roach text-align: center; 747e837ff07SGreg Roach vertical-align: top; 748e837ff07SGreg Roach} 749e837ff07SGreg Roach 750e837ff07SGreg Roach/* ==== FAQ table styles ===== */ 751e837ff07SGreg Roachtable.faq { 752e837ff07SGreg Roach background-color: #ddd; 753e837ff07SGreg Roach margin: 5px 0 50px 5px; 754e837ff07SGreg Roach width: 98%; 755e837ff07SGreg Roach} 756e837ff07SGreg Roach 757e837ff07SGreg Roachtable.faq tr:nth-child(odd) td { 758e837ff07SGreg Roach background-color: #eee; 759e837ff07SGreg Roach} 760e837ff07SGreg Roach 761e837ff07SGreg Roachdiv.faq_title { 762e837ff07SGreg Roach background-color: #ddd; 763e837ff07SGreg Roach margin: 1em 0; 764e837ff07SGreg Roach padding: .25em; 765e837ff07SGreg Roach font-weight: bold; 766e837ff07SGreg Roach width: 98%; 767e837ff07SGreg Roach} 768e837ff07SGreg Roach 769e837ff07SGreg Roachdiv.faq_body { 770e837ff07SGreg Roach clear: both; 771e837ff07SGreg Roach padding: 0 1em; 772e837ff07SGreg Roach} 773e837ff07SGreg Roach 774e837ff07SGreg Roach.faq_top { 775e837ff07SGreg Roach float: right; 776e837ff07SGreg Roach} 777e837ff07SGreg Roach 778e837ff07SGreg Roach/* === Positioning edit, copy, delete links === */ 779e837ff07SGreg Roach/* General use */ 780e837ff07SGreg Roach.editfacts { 781e837ff07SGreg Roach clear: left; 782e837ff07SGreg Roach padding-top: 15px; 783e837ff07SGreg Roach} 784e837ff07SGreg Roach 785e837ff07SGreg Roach#indi_note { 786e837ff07SGreg Roach margin: 0 0 5px; 787e837ff07SGreg Roach} 788e837ff07SGreg Roach 789e837ff07SGreg Roach.indi_table { 790e837ff07SGreg Roach clear: left; 791e837ff07SGreg Roach} 792e837ff07SGreg Roach 793e837ff07SGreg Roach#indi_note .fact_NOTE { 794e837ff07SGreg Roach float: left; 795e837ff07SGreg Roach margin: 0 5px 0 0; 796e837ff07SGreg Roach} 797e837ff07SGreg Roach 798e837ff07SGreg Roach#indi_note .fact_SOUR { 799e837ff07SGreg Roach margin: 3px 0; 800e837ff07SGreg Roach} 801e837ff07SGreg Roach 802e837ff07SGreg Roach#indi_note .fact_SOUR a { 803e837ff07SGreg Roach font-size: 100%; 804e837ff07SGreg Roach} 805e837ff07SGreg Roach 806e837ff07SGreg Roach#indi_note .fact_NOTE, 807e837ff07SGreg Roach#indi_note .fact_SOUR { 808e837ff07SGreg Roach clear: both; 809e837ff07SGreg Roach} 810e837ff07SGreg Roach 811e837ff07SGreg Roach.odometer { 812e837ff07SGreg Roach font-family: courier, monospace; 813e837ff07SGreg Roach font-weight: bold; 814e837ff07SGreg Roach background: #000; 815e837ff07SGreg Roach color: #fff; 816e837ff07SGreg Roach} 817e837ff07SGreg Roach 818e837ff07SGreg Roach.upcoming_events_block button, 819e837ff07SGreg Roach.todays_events_block button { 820e837ff07SGreg Roach margin: 0 20px; 821e837ff07SGreg Roach} 822e837ff07SGreg Roach 823e837ff07SGreg Roach/* Sidebar - Family navigator */ 824e837ff07SGreg Roach.wt-family-navigator-dropdown { 825e837ff07SGreg Roach background: #eee; 826e837ff07SGreg Roach} 827e837ff07SGreg Roach 828e837ff07SGreg Roach.wt-family-navigator-dropdown-heading { 829e837ff07SGreg Roach font-weight: bold; 830e837ff07SGreg Roach font-size: inherit; 831e837ff07SGreg Roach color: inherit; 832e837ff07SGreg Roach} 833e837ff07SGreg Roach 834e837ff07SGreg Roach/* Sidebar - Descendants */ 835e837ff07SGreg Roach#sb_content_descendancy { 836e837ff07SGreg Roach margin-top: 5px; 837e837ff07SGreg Roach} 838e837ff07SGreg Roach 839e837ff07SGreg Roach#sb_desc_content { 840e837ff07SGreg Roach margin-left: 3px; 841e837ff07SGreg Roach font-size: 0.8em; 842e837ff07SGreg Roach} 843e837ff07SGreg Roach 844e837ff07SGreg Roach#sb_desc_content ul { 845e837ff07SGreg Roach padding: 0; 846e837ff07SGreg Roach margin: 0; 847e837ff07SGreg Roach} 848e837ff07SGreg Roach 849e837ff07SGreg Roach.sb_desc_indi_li { 850e837ff07SGreg Roach list-style-type: none; 851e837ff07SGreg Roach} 852e837ff07SGreg Roach 853e837ff07SGreg Roach/* Individuals and Families */ 854e837ff07SGreg Roach#sidebar-content-individuals, 855e837ff07SGreg Roach#sidebar-content-families { 856e837ff07SGreg Roach margin-top: 5px; 857e837ff07SGreg Roach} 858e837ff07SGreg Roach 859e837ff07SGreg Roach.sb_indi_surname_li, 860e837ff07SGreg Roach.sb_fam_surname_li { 86108362db4SGreg Roach list-style-image: url(icons/plus.png); 862e837ff07SGreg Roach} 863e837ff07SGreg Roach 864e837ff07SGreg Roach.name_tree_div ul { 865e837ff07SGreg Roach padding: 0; 866e837ff07SGreg Roach margin: 0; 867e837ff07SGreg Roach} 868e837ff07SGreg Roach 869e837ff07SGreg Roach.name_tree_div li { 870e837ff07SGreg Roach list-style: none; 871e837ff07SGreg Roach margin: 0; 872e837ff07SGreg Roach padding: 0; 873e837ff07SGreg Roach} 874e837ff07SGreg Roach 875e837ff07SGreg Roach/* Clippings */ 876e837ff07SGreg Roach#sb_clippings_content ul { 877e837ff07SGreg Roach padding: 0; 878e837ff07SGreg Roach margin: 0; 879e837ff07SGreg Roach} 880e837ff07SGreg Roach 881e837ff07SGreg Roach#sb_clippings_content li { 882e837ff07SGreg Roach list-style: none; 883e837ff07SGreg Roach margin: 0; 884e837ff07SGreg Roach padding: 0; 885e837ff07SGreg Roach white-space: nowrap; 886e837ff07SGreg Roach} 887e837ff07SGreg Roach 888e837ff07SGreg Roach/* Stories module */ 889e837ff07SGreg Roach.story_title { 890e837ff07SGreg Roach padding-top: 12px; 891e837ff07SGreg Roach font-size: 13px; 892e837ff07SGreg Roach height: 32px; 893e837ff07SGreg Roach font-weight: bold; 894e837ff07SGreg Roach} 895e837ff07SGreg Roach 896e837ff07SGreg Roach.story_body { 897e837ff07SGreg Roach padding: 20px; 898e837ff07SGreg Roach white-space: normal; 899e837ff07SGreg Roach} 900e837ff07SGreg Roach 901e837ff07SGreg Roach.story_edit { 902e837ff07SGreg Roach padding: 12px; 903e837ff07SGreg Roach} 904e837ff07SGreg Roach 905e837ff07SGreg Roach/*-- Fan chart ---- */ 906e837ff07SGreg Roach.fan_chart_menu { 907b6c326d8SGreg Roach background: #fff; 908e837ff07SGreg Roach position: absolute; 909e837ff07SGreg Roach display: none; 910e837ff07SGreg Roach z-index: 100; 911e837ff07SGreg Roach} 912e837ff07SGreg Roach 913e837ff07SGreg Roach#fan_chart ul { 914e837ff07SGreg Roach list-style-type: none; 915e837ff07SGreg Roach margin: 0; 916e837ff07SGreg Roach} 917e837ff07SGreg Roach 918e837ff07SGreg Roach/* Lifespans chart */ 919e837ff07SGreg Roach.wt-lifespans-subtitle { 920e837ff07SGreg Roach text-align: center; 921e837ff07SGreg Roach} 922e837ff07SGreg Roach 923e837ff07SGreg Roach.wt-lifespans-scale { 924e837ff07SGreg Roach white-space: nowrap; 925e837ff07SGreg Roach} 926e837ff07SGreg Roach 927e837ff07SGreg Roach.wt-lifespans-decade { 928e837ff07SGreg Roach width: 70px; 929e837ff07SGreg Roach height: 60px; 930e837ff07SGreg Roach display: inline-block; 93197c22350SGreg Roach background-image: url(images/lifespan-decade.png); 932e837ff07SGreg Roach background-position-y: bottom; 933e837ff07SGreg Roach background-repeat: no-repeat; 934e837ff07SGreg Roach background-size: 70px 37px; 935e837ff07SGreg Roach} 936e837ff07SGreg Roach 937e837ff07SGreg Roach.wt-lifespans-individuals { 938e837ff07SGreg Roach background: #fafafa; 939e837ff07SGreg Roach} 940e837ff07SGreg Roach 941e837ff07SGreg Roach.wt-lifespans-individual { 942e837ff07SGreg Roach 943e837ff07SGreg Roach} 944e837ff07SGreg Roach 945e837ff07SGreg Roach.wt-lifespans-summary { 946e837ff07SGreg Roach background: #ffffff; 947e837ff07SGreg Roach border: thin solid #000; 948e837ff07SGreg Roach z-index: 1; 949e837ff07SGreg Roach} 950e837ff07SGreg Roach 951e837ff07SGreg Roach.wt-lifespans-summary-link { 952e837ff07SGreg Roach font-weight: bold; 953e837ff07SGreg Roach} 954e837ff07SGreg Roach 955e837ff07SGreg Roach/*-- timeline --*/ 956e837ff07SGreg Roach#timeline_chart { 957e837ff07SGreg Roach position: relative; 958e837ff07SGreg Roach top: 0; 959e837ff07SGreg Roach left: 0; 960e837ff07SGreg Roach} 961e837ff07SGreg Roach 962e837ff07SGreg Roach/*-- Relationship ---- */ 963e837ff07SGreg Roach.wt-relationship-chart .hline-text, 964e837ff07SGreg Roach.wt-relationship-chart .vline-text { 965e837ff07SGreg Roach font-size: 12px; 966e837ff07SGreg Roach} 967e837ff07SGreg Roach 96848b53306SGreg Roach/* 96948b53306SGreg Roach * Any element that is loaded dynamically has the class wt-ajax-load. 97048b53306SGreg Roach * We can provide a "loading" placeholder for empty elements with this class. 97148b53306SGreg Roach */ 97248b53306SGreg Roach.wt-ajax-load:empty { 97348b53306SGreg Roach height: 32px; 97448b53306SGreg Roach background: url(images/loading-32x32.gif) no-repeat 50% 50%; 97548b53306SGreg Roach} 97648b53306SGreg Roach 97739b853a7SGreg Roach/* 97839b853a7SGreg Roach * Default icons are provided by FontAwesome. 97939b853a7SGreg Roach */ 980e39fd5c6SGreg Roach.wt-icon-anniversary { 981e39fd5c6SGreg Roach} 982e39fd5c6SGreg Roach 98339b853a7SGreg Roach.wt-icon-arrow-down { 98439b853a7SGreg Roach} 98539b853a7SGreg Roach 98639b853a7SGreg Roacha > .wt-icon-arrow-down:hover { 98739b853a7SGreg Roach} 98839b853a7SGreg Roach 98939b853a7SGreg Roach.wt-icon-arrow-left { 99039b853a7SGreg Roach} 99139b853a7SGreg Roach 99239b853a7SGreg Roacha > .wt-icon-arrow-left:hover { 99339b853a7SGreg Roach} 99439b853a7SGreg Roach 99539b853a7SGreg Roach.wt-icon-arrow-right { 99639b853a7SGreg Roach} 99739b853a7SGreg Roach 99839b853a7SGreg Roacha > .wt-icon-arrow-right:hover { 99939b853a7SGreg Roach} 100039b853a7SGreg Roach 100139b853a7SGreg Roach.wt-icon-arrow-up { 100239b853a7SGreg Roach} 100339b853a7SGreg Roach 100439b853a7SGreg Roacha > .wt-icon-arrow-up:hover { 100539b853a7SGreg Roach} 100639b853a7SGreg Roach 100708362db4SGreg Roach.wt-icon-bing-maps { 100808362db4SGreg Roach} 100908362db4SGreg Roach 101008362db4SGreg Roach.wt-icon-calendar { 101108362db4SGreg Roach} 101208362db4SGreg Roach 101316e8b6e8SGreg Roach.wt-icon-collapse { 101416e8b6e8SGreg Roach} 101516e8b6e8SGreg Roach 101639b853a7SGreg Roach.wt-icon-coordinates { 101708362db4SGreg Roach} 101808362db4SGreg Roach 101908362db4SGreg Roach.wt-icon-copy { 102008362db4SGreg Roach} 102108362db4SGreg Roach 102208362db4SGreg Roach.wt-icon-delete { 102308362db4SGreg Roach} 102408362db4SGreg Roach 102508362db4SGreg Roach.wt-icon-edit { 102639b853a7SGreg Roach} 102739b853a7SGreg Roach 102816e8b6e8SGreg Roach.wt-icon-expand { 102916e8b6e8SGreg Roach} 103016e8b6e8SGreg Roach 103108362db4SGreg Roach.wt-icon-family { 103208362db4SGreg Roach} 103308362db4SGreg Roach 103408362db4SGreg Roach.wt-icon-google-maps { 103508362db4SGreg Roach} 103608362db4SGreg Roach 103708362db4SGreg Roach.wt-icon-help { 103808362db4SGreg Roach} 103908362db4SGreg Roach 104008362db4SGreg Roach.wt-icon-individual { 104108362db4SGreg Roach} 104208362db4SGreg Roach 104308362db4SGreg Roach.wt-icon-keyboard { 104408362db4SGreg Roach} 104508362db4SGreg Roach 104608362db4SGreg Roach.wt-icon-media { 104708362db4SGreg Roach} 104808362db4SGreg Roach 104908362db4SGreg Roach.wt-icon-note { 105008362db4SGreg Roach} 105108362db4SGreg Roach 105208362db4SGreg Roach.wt-icon-openstreetmap { 105308362db4SGreg Roach} 105408362db4SGreg Roach 105508362db4SGreg Roach.wt-icon-preferences { 105608362db4SGreg Roach} 105708362db4SGreg Roach 1058e39fd5c6SGreg Roach.wt-icon-reorder { 105908362db4SGreg Roach} 106008362db4SGreg Roach 106108362db4SGreg Roach.wt-icon-repository { 1062e39fd5c6SGreg Roach} 1063e39fd5c6SGreg Roach 1064242a7862SGreg Roach.wt-icon-sex-f { 10659053a070SGreg Roach color: var(--sex-f-fg); 106648b53306SGreg Roach} 106748b53306SGreg Roach 1068242a7862SGreg Roach.wt-icon-sex-m { 1069242a7862SGreg Roach color: var(--sex-m-fg); 1070242a7862SGreg Roach} 1071242a7862SGreg Roach 1072242a7862SGreg Roach.wt-icon-sex-u { 107348b53306SGreg Roach color: var(--sex-u-fg); 107448b53306SGreg Roach} 107548b53306SGreg Roach 1076242a7862SGreg Roach.wt-icon-sex-x { 107748b53306SGreg Roach color: var(--sex-u-fg); 107848b53306SGreg Roach} 107948b53306SGreg Roach 108008362db4SGreg Roach.wt-icon-source { 108108362db4SGreg Roach} 108208362db4SGreg Roach 108308362db4SGreg Roach.wt-icon-submitter { 108408362db4SGreg Roach} 108508362db4SGreg Roach 1086e39fd5c6SGreg Roach.wt-icon-warning { 1087e39fd5c6SGreg Roach} 1088e39fd5c6SGreg Roach 1089242a7862SGreg Roach.wt-icon-zoom-in { 1090242a7862SGreg Roach} 1091242a7862SGreg Roach 1092242a7862SGreg Roach.wt-icon-zoom-out { 1093242a7862SGreg Roach} 1094242a7862SGreg Roach 109508362db4SGreg Roach/* Miscellaneous images */ 1096e837ff07SGreg Roach.icon-cfamily { 109708362db4SGreg Roach content: url(fab/images/cfamily.png); 1098e837ff07SGreg Roach} 1099e837ff07SGreg Roach 1100e837ff07SGreg Roach.icon-childless { 110108362db4SGreg Roach content: url(images/childless.png); 1102e837ff07SGreg Roach} 1103e837ff07SGreg Roach 1104e837ff07SGreg Roach.icon-children { 110508362db4SGreg Roach content: url(images/children.png); 1106e837ff07SGreg Roach} 1107e837ff07SGreg Roach 1108e837ff07SGreg Roach.icon-edit_indi { 110908362db4SGreg Roach content: url(fab/images/edit_indi.png); 1110e837ff07SGreg Roach} 1111e837ff07SGreg Roach 1112e837ff07SGreg Roach.icon-fam-list { 111308362db4SGreg Roach content: url(fab/images/sfamily.png); 1114e837ff07SGreg Roach} 1115e837ff07SGreg Roach 1116e837ff07SGreg Roach.icon-indi-list { 111708362db4SGreg Roach content: url(fab/images/indis.png); 1118e837ff07SGreg Roach} 1119e837ff07SGreg Roach 1120e837ff07SGreg Roach.icon-loading-small { 112108362db4SGreg Roach content: url(images/indicator.gif); 1122e837ff07SGreg Roach} 1123e837ff07SGreg Roach 1124e837ff07SGreg Roach.icon-minus { 112508362db4SGreg Roach content: url(icons/minus.png); 1126e837ff07SGreg Roach} 1127e837ff07SGreg Roach 1128e837ff07SGreg Roach.icon-mypage { 112908362db4SGreg Roach content: url(fab/images/mypage.png); 1130e837ff07SGreg Roach} 1131e837ff07SGreg Roach 1132e837ff07SGreg Roach.icon-pin-in { 113308362db4SGreg Roach content: url(fab/images/pin-in.png); 1134e837ff07SGreg Roach} 1135e837ff07SGreg Roach 1136e837ff07SGreg Roach.icon-pin-out { 113708362db4SGreg Roach content: url(fab/images/pin-out.png); 1138e837ff07SGreg Roach} 1139e837ff07SGreg Roach 1140e837ff07SGreg Roach.icon-plus { 114108362db4SGreg Roach content: url(icons/plus.png); 1142e837ff07SGreg Roach} 1143e837ff07SGreg Roach 1144e837ff07SGreg Roach.icon-resn-confidential { 114508362db4SGreg Roach content: url(images/resn_confidential.png); 1146e837ff07SGreg Roach} 1147e837ff07SGreg Roach 1148e837ff07SGreg Roach.icon-resn-locked { 114908362db4SGreg Roach content: url(images/resn_locked.png); 1150e837ff07SGreg Roach} 1151e837ff07SGreg Roach 1152e837ff07SGreg Roach.icon-resn-none { 115308362db4SGreg Roach content: url(images/resn_none.png); 1154e837ff07SGreg Roach} 1155e837ff07SGreg Roach 1156e837ff07SGreg Roach.icon-resn-privacy { 115708362db4SGreg Roach content: url(images/resn_privacy.png); 1158e837ff07SGreg Roach} 1159e837ff07SGreg Roach 1160e837ff07SGreg Roach.icon-rings { 116108362db4SGreg Roach content: url(images/rings.png); 1162e837ff07SGreg Roach} 1163e837ff07SGreg Roach 1164e837ff07SGreg Roach.icon-selected { 116508362db4SGreg Roach content: url(fab/images/selected.png); 1166e837ff07SGreg Roach} 1167e837ff07SGreg Roach 1168e837ff07SGreg Roach/* Silhouettes on charts */ 1169e837ff07SGreg Roach.icon-silhouette-F { 117008362db4SGreg Roach content: url(fab/images/silhouette_female_small.png); 1171e837ff07SGreg Roach} 1172e837ff07SGreg Roach 1173e837ff07SGreg Roach.icon-silhouette-M { 117408362db4SGreg Roach content: url(fab/images/silhouette_male_small.png); 1175e837ff07SGreg Roach} 1176e837ff07SGreg Roach 1177e837ff07SGreg Roach.icon-silhouette-U { 117808362db4SGreg Roach content: url(fab/images/silhouette_unknown_small.png); 1179e837ff07SGreg Roach} 1180e837ff07SGreg Roach 1181e837ff07SGreg Roach.menu-language li { 1182e837ff07SGreg Roach text-align: left; /* The language menu is always LTR, even on RTL pages */ 1183e837ff07SGreg Roach} 1184e837ff07SGreg Roach 1185e837ff07SGreg Roach.menu-theme li { 1186e837ff07SGreg Roach text-align: left; /* The theme menu is always LTR, even on RTL pages */ 1187e837ff07SGreg Roach} 1188e837ff07SGreg Roach 1189e837ff07SGreg Roach.icon-indis { 119008362db4SGreg Roach content: url(fab/images/indis.png); 1191e837ff07SGreg Roach} 1192e837ff07SGreg Roach 1193e837ff07SGreg Roach.icon-patriarch { 119408362db4SGreg Roach content: url(fab/images/patriarch.png); 1195e837ff07SGreg Roach} 1196e837ff07SGreg Roach 1197e837ff07SGreg Roach.icon-pedigree { 119808362db4SGreg Roach content: url(fab/images/pedigree.png); 1199e837ff07SGreg Roach} 1200e837ff07SGreg Roach 1201e837ff07SGreg Roach.icon-sfamily { 120208362db4SGreg Roach content: url(fab/images/sfamily.png); 1203e837ff07SGreg Roach} 1204e837ff07SGreg Roach 1205e837ff07SGreg Roach.icon-user_add { 120608362db4SGreg Roach content: url(fab/images/user_add.png); 1207e837ff07SGreg Roach} 1208e837ff07SGreg Roach 1209f699d6fcSGreg Roach/* Census assistant */ 1210f699d6fcSGreg Roach.wt-census-assistant-form-control:focus { 1211f699d6fcSGreg Roach min-width: 12rem; 1212f699d6fcSGreg Roach} 1213f699d6fcSGreg Roach 1214f699d6fcSGreg Roach/* Some blocks show a reduced version on the right-hand side. */ 1215f699d6fcSGreg Roach.wt-side-blocks .wt-side-block-optional { 1216f699d6fcSGreg Roach display: none !important; 1217f699d6fcSGreg Roach} 1218f699d6fcSGreg Roach 1219f699d6fcSGreg Roach/* my page chart enhancements */ 1220f699d6fcSGreg Roach.wt-block-content-charts { 1221f699d6fcSGreg Roach overflow: auto; 1222f699d6fcSGreg Roach} 1223f699d6fcSGreg Roach 1224f699d6fcSGreg Roach/* Some charts are wider than the page. */ 1225f699d6fcSGreg Roach.wt-chart { 1226f699d6fcSGreg Roach overflow-x: auto; 1227f699d6fcSGreg Roach overflow-y: hidden; 1228f699d6fcSGreg Roach} 1229f699d6fcSGreg Roach 1230f699d6fcSGreg Roach/* Fit thumbnail into parent on charts */ 1231f699d6fcSGreg Roach.select2-selection.select2-selection--single { 1232f699d6fcSGreg Roach min-height: 36px; 1233f699d6fcSGreg Roach height: auto; 1234f699d6fcSGreg Roach padding: 2px 0; 1235f699d6fcSGreg Roach} 1236f699d6fcSGreg Roach 1237f699d6fcSGreg Roach.select2-container .select2-selection--single .select2-selection__rendered { 1238f699d6fcSGreg Roach padding-left: 2px; 1239f699d6fcSGreg Roach} 1240242a7862SGreg Roach 1241f699d6fcSGreg Roach.select2-selection--single .NAME { 1242f699d6fcSGreg Roach padding-left: 4px; 1243f699d6fcSGreg Roach} 1244f699d6fcSGreg Roach 1245f699d6fcSGreg Roach/* Some menus (e.g. languages) can be longer than a page */ 1246f699d6fcSGreg Roach.dropdown-menu { 1247f699d6fcSGreg Roach max-height: 30rem; 1248f699d6fcSGreg Roach overflow-x: hidden; 1249f699d6fcSGreg Roach} 1250f699d6fcSGreg Roach 1251f699d6fcSGreg Roach/* Forms */ 1252f699d6fcSGreg Roach.col-form-label { 1253f699d6fcSGreg Roach font-weight: bold; 1254f699d6fcSGreg Roach} 1255