1/** 2 * webtrees: online genealogy 3 * Copyright (C) 2019 webtrees development team 4 * This program is free software: you can redistribute it and/or modify 5 * it under the terms of the GNU General Public License as published by 6 * the Free Software Foundation, either version 3 of the License, or 7 * (at your option) any later version. 8 * This program is distributed in the hope that it will be useful, 9 * but WITHOUT ANY WARRANTY; without even the implied warranty of 10 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 11 * GNU General Public License for more details. 12 * You should have received a copy of the GNU General Public License 13 * along with this program. If not, see <http://www.gnu.org/licenses/>. 14 */ 15 16/* The xenea theme */ 17@import "_base.css"; 18@import "_block-charts.css"; 19@import "_charts.css"; 20@import "_lists.css"; 21@import "_list-sources.css"; 22@import "_mime-type-icons.css"; 23@import "_on-screen-keyboard.css"; 24@import "_tab-relatives.css"; 25 26/* Colors for chart boxes, etc. */ 27:root { 28 --sex-f-fg: #ff2080; 29 --sex-m-fg: #84beff; 30 --sex-u-fg: #008080; 31 --sex-f-bg: #fff0f0; 32 --sex-m-bg: #f0f9ff; 33 --sex-u-bg: #ffffff; 34 --chart-line: solid gray thin; 35 --chart-line-radius: 1rem; 36} 37 38/* Override Bootstrap formatting */ 39.btn-link { 40 padding-left: 0.25rem; 41 padding-right: 0.25rem; 42} 43 44.table-given-name { 45 overflow-x: hidden; 46} 47 48.container-fluid { 49 padding-left: 5px; 50 padding-right: 5px; 51} 52 53table { 54 border-collapse: separate; 55} 56 57/* 58 * Pages have the following high-level structure: 59 * 60 * wt-global wt-theme-<THEME> wt-route-<ROUTE> 61 * +---wt-header-wrapper 62 * | +---wt-header-container 63 * | +---wt-header-content 64 * | +---wt-accessibility-links 65 * | +---wt-site-logo 66 * | +---wt-site-title 67 * | +---wt-header-search 68 * | | +---wt-header-search-form 69 * | | +---wt-header-search-field 70 * | | +---wt-header-search-button 71 * | +---wt-secondary-navigation 72 * | | +---wt-user-menu 73 * | +---wt-primary-navigation 74 * | +---wt-genealogy-menu 75 * +---wt-main-wrapper 76 * | +---wt-main-container 77 * | +---wt-main-content 78 * | +---wt-messages 79 * | +---wt-page-title 80 * | +---wt-page-options wt-page-options-xxxxx 81 * | +---wt-page-content 82 * +---wt-footers 83 * +---wt-footer wt-footer-contact 84 * +---wt-footer wt-footer-cookies 85 * +---wt-footer wt-footer-page-views 86 * +---wt-footer wt-footer-powered-by 87 */ 88 89.wt-global { 90 color: #006; 91} 92 93.wt-header-wrapper { 94 background-image: linear-gradient(to right, #06d, #acf); 95 border-bottom: 2px solid #0073cf; 96} 97 98.wt-header-container { 99 color: #fff; 100} 101 102.wt-header-content { 103} 104 105.wt-accessibility-links { 106} 107 108.wt-site-logo { 109 display: none; 110} 111 112.wt-site-title { 113 order: 1; 114 flex: 0 0 calc(100% - 15rem); 115 font-size: 1.5rem; 116 margin: 0.5rem 0; 117} 118 119.wt-header-search { 120 order: 2; 121 flex: 0 0 15rem; 122 margin: 0.25rem 0; 123} 124 125.wt-header-search-form { 126} 127 128.wt-header-search-field { 129} 130 131.wt-header-search-button { 132 color: #000; 133 background: #ddd; 134 border: 0; 135} 136 137.wt-header-search-button .fa-search::before { 138 content: ">"; 139} 140 141.wt-secondary-navigation { 142 order: 3; 143 background-image: linear-gradient(#1548a7, #81bafc, #1548a7); 144 /* Extend to full page width */ 145 flex: 0 1 100vw; 146 max-width: 100vw; 147 /* Recalculate margins for content */ 148 margin: 0 calc(50% - 50vw); 149 padding: 0 calc(50vw - 50%); 150} 151 152.wt-user-menu { 153 flex-wrap: nowrap; 154 padding: 0.25rem 0; 155 justify-content: space-between; 156} 157 158.wt-user-menu a.nav-link { 159 color: #fff; 160 font-weight: bold; 161} 162 163.wt-user-menu .dropdown-toggle::after { 164 display: none; 165} 166 167.wt-primary-navigation { 168 order: 4; 169 background: #fff; 170 /* Extend to full page width */ 171 flex: 0 1 100vw; 172 max-width: 100vw; 173 /* Recalculate margins for content */ 174 margin: 0 calc(50% - 50vw); 175 padding: 0 calc(50vw - 50%); 176} 177 178.wt-genealogy-menu { 179 justify-content: center; 180} 181 182.wt-genealogy-menu .nav-item { 183 text-align: center; 184 min-width: 5rem; 185 padding-top: 0.25rem; 186} 187 188.wt-genealogy-menu .nav-link::before { 189 display: block; 190} 191 192.wt-genealogy-menu .dropdown-toggle::after { 193 display: none; 194} 195 196.wt-genealogy-menu .dropdown-menu { 197 border-radius: 0; 198} 199 200.wt-genealogy-menu .dropdown-item { 201 padding: 0 0.25rem; 202} 203 204.wt-genealogy-menu .dropdown-item::before { 205 vertical-align: top; 206 padding: 0 0.25rem; 207} 208 209.menu-tree .nav-link::before { 210 content: url(xenea/menu/tree.png); 211} 212 213.menu-tree .dropdown-item::before { 214 content: url(xenea/menu/tree-tree.png); 215} 216 217.menu-chart .nav-link::before { 218 content: url(xenea/menu/chart.png); 219} 220 221.menu-chart-ancestry::before { 222 content: url(xenea/menu/chart-ancestors.png); 223} 224 225.menu-chart-compact::before { 226 content: url(xenea/menu/chart-compact.png); 227} 228 229.menu-chart-descendants::before { 230 content: url(xenea/menu/chart-descendants.png); 231} 232 233.menu-chart-familybook::before { 234 content: url(xenea/menu/chart-family-book.png); 235} 236 237.menu-chart-fanchart::before { 238 content: url(xenea/menu/chart-fanchart.png); 239} 240 241.menu-chart-hourglass::before { 242 content: url(xenea/menu/chart-hourglass.png); 243} 244 245.menu-chart-lifespan::before { 246 content: url(xenea/menu/chart-lifespan.png); 247} 248 249.menu-chart-pedigree::before { 250 content: url(xenea/menu/chart-pedigree.png); 251} 252 253.menu-chart-pedigreemap::before { 254 content: url(xenea/menu/chart-pedigree-map.png); 255} 256 257.menu-chart-relationship::before { 258 content: url(xenea/menu/chart-relationship.png); 259} 260 261.menu-chart-statistics::before { 262 content: url(xenea/menu/chart-statistics.png); 263} 264 265.menu-chart-timeline::before { 266 content: url(xenea/menu/chart-timeline.png); 267} 268 269.menu-chart-tree::before { 270 content: url(xenea/menu/chart-tree.png); 271} 272 273.menu-list .nav-link::before { 274 content: url(xenea/menu/list.png); 275} 276 277.menu-branches::before { 278 content: url(xenea/menu/branches.png); 279} 280 281.menu-list-fam::before { 282 content: url(xenea/menu/list-fam.png); 283} 284 285.menu-list-indi::before { 286 content: url(xenea/menu/list-indi.png); 287} 288 289.menu-list-note::before { 290 content: url(xenea/menu/list-note.png); 291} 292 293.menu-list-obje::before { 294 content: url(xenea/menu/list-obje.png); 295} 296 297.menu-list-plac::before { 298 content: url(xenea/menu/list-plac.png); 299} 300 301.menu-list-repo::before { 302 content: url(xenea/menu/list-repo.png); 303} 304 305.menu-list-sour::before { 306 content: url(xenea/menu/list-sour.png); 307} 308 309.menu-calendar .nav-link::before { 310 content: url(xenea/menu/calendar.png); 311} 312 313.menu-calendar-day::before { 314 content: url(xenea/menu/calendar-calendar.png); 315} 316 317.menu-calendar-month::before { 318 content: url(xenea/menu/calendar-calendar.png); 319} 320 321.menu-calendar-year::before { 322 content: url(xenea/menu/calendar-calendar.png); 323} 324 325.menu-report .nav-link::before { 326 content: url(xenea/menu/report.png); 327} 328 329.menu-report .dropdown-item::before { 330 content: url(xenea/menu/report-report.png); 331} 332 333.menu-search .nav-link::before { 334 content: url(xenea/menu/search.png); 335} 336 337.menu-search .dropdown-item::before { 338 content: url(xenea/menu/search-search.png); 339} 340 341.menu-help .nav-link::before { 342 content: url(xenea/menu/help.png); 343} 344 345.menu-clippings .nav-link::before { 346 content: url(xenea/menu/clippings.png); 347} 348 349.menu-clippings-add::before { 350 content: url(xenea/menu/clippings-add.png); 351} 352 353.menu-clippings-cart::before { 354 content: url(xenea/menu/clippings-cart.png); 355} 356 357.menu-clippings-download::before { 358 content: url(xenea/menu/edit-preferences.png); 359} 360 361.menu-clippings-empty::before { 362 content: url(xenea/menu/edit-delete.png); 363} 364 365.menu-fam .nav-link::before { 366 content: url(xenea/menu/fam.png); 367} 368 369.menu-fam-change::before { 370 content: url(xenea/menu/edit-fam.png); 371} 372 373.menu-fam-addchil::before { 374 content: url(xenea/menu/edit-fam.png); 375} 376 377.menu-fam-orderchil::before { 378 content: url(xenea/menu/edit-fam.png); 379} 380 381.menu-fam-del::before { 382 content: url(xenea/menu/edit-delete.png); 383} 384 385.menu-fam-addfav::before { 386 content: url(xenea/menu/edit-add-favorite.png); 387} 388 389.menu-fam-editraw::before { 390 content: url(xenea/menu/edit-gedcom.png); 391} 392 393.menu-indi .nav-link::before { 394 content: url(xenea/menu/indi.png); 395} 396 397.menu-indi-addname::before { 398 content: url(xenea/menu/edit-indi.png); 399} 400 401.menu-indi-editsex::before { 402 content: url(xenea/menu/edit-indi.png); 403} 404 405.menu-indi-del::before { 406 content: url(xenea/menu/edit-delete.png); 407} 408 409.menu-indi-addfav::before { 410 content: url(xenea/menu/edit-add-favorite.png); 411} 412 413.menu-indi-editraw::before { 414 content: url(xenea/menu/edit-gedcom.png); 415} 416 417.menu-obje .nav-link::before { 418 content: url(xenea/menu/obje.png); 419} 420 421.menu-obje-edit::before { 422 content: url(xenea/menu/edit-obje.png); 423} 424 425.menu-obje-link::before { 426 content: url(xenea/menu/edit-link.png); 427} 428 429.menu-obje-del::before { 430 content: url(xenea/menu/edit-delete.png); 431} 432 433.menu-obje-addfav::before { 434 content: url(xenea/menu/edit-add-favorite.png); 435} 436 437.menu-obje-editraw::before { 438 content: url(xenea/menu/edit-gedcom.png); 439} 440 441.menu-note .nav-link::before { 442 content: url(xenea/menu/note.png); 443} 444 445.menu-note-edit::before { 446 content: url(xenea/menu/edit-note.png); 447} 448 449.menu-note-del::before { 450 content: url(xenea/menu/edit-delete.png); 451} 452 453.menu-note-addfav::before { 454 content: url(xenea/menu/edit-add-favorite.png); 455} 456 457.menu-note-editraw::before { 458 content: url(xenea/menu/edit-gedcom.png); 459} 460 461.menu-record .nav-link::before { 462 content: url(xenea/menu/indi.png); 463} 464 465.menu-record-del::before { 466 content: url(xenea/menu/edit-delete.png); 467} 468 469.menu-record-editraw::before { 470 content: url(xenea/menu/edit-gedcom.png); 471} 472 473.menu-repo .nav-link::before { 474 content: url(xenea/menu/repo.png); 475} 476 477.menu-repo-edit::before { 478 content: url(xenea/menu/edit-repo.png); 479} 480 481.menu-repo-del::before { 482 content: url(xenea/menu/edit-delete.png); 483} 484 485.menu-repo-addfav::before { 486 content: url(xenea/menu/edit-add-favorite.png); 487} 488 489.menu-repo-editraw::before { 490 content: url(xenea/menu/edit-gedcom.png); 491} 492 493.menu-sour .nav-link::before { 494 content: url(xenea/menu/sour.png); 495} 496 497.menu-sour-edit::before { 498 content: url(xenea/menu/edit-sour.png); 499} 500 501.menu-sour-del::before { 502 content: url(xenea/menu/edit-delete.png); 503} 504 505.menu-sour-addfav::before { 506 content: url(xenea/menu/edit-add-favorite.png); 507} 508 509.menu-sour-editraw::before { 510 content: url(xenea/menu/edit-gedcom.png); 511} 512 513.menu-story .nav-link::before { 514 content: url(xenea/menu/story.png); 515} 516 517.wt-main-container { 518 /* Space between the header/footer and the main content. */ 519 padding-top: 1rem; 520 padding-bottom: 1rem; 521} 522 523.wt-main { 524} 525 526.wt-messages { 527} 528 529.wt-page-title { 530 text-align: center; 531} 532 533.wt-page-options { 534} 535 536.wt-page-content { 537} 538 539.wt-page-options .form-group { 540 margin-bottom: 2px; 541} 542 543.wt-page-options-label { 544 color: #006; 545 background-color: #95b8e0; 546 border-left: 2px solid transparent; 547 border-right: 2px solid transparent; 548} 549 550.wt-page-options-value { 551 background-color: #ecf5ff; 552 border: thin solid #c3dfff; 553 padding: 0.25rem 0.75rem; 554} 555 556.wt-page-content { 557 margin-top: 1rem; 558} 559 560.wt-footers { 561} 562 563.wt-footer { 564} 565 566.wt-footer-contact { 567} 568 569.wt-footer-cookies { 570 background: #aaa; 571 color: #fff; 572 transition: height 0.5s; 573} 574 575.wt-footer-page-views { 576} 577 578.wt-footer-powered-by { 579} 580 581.wt-footer-powered-by-webtrees { 582 width: 100px; 583 height: 21px; 584 content: url(images/powered-by-webtrees.png); 585} 586 587/* 588 * The tree/user home pages 589 * 590 * wt-home-page / wt-user-page 591 * +---wt-main-blocks 592 * | +---wt-block, wt-block-AAA 593 * | +---wt-block, wt-block-BBB 594 * | +---wt-block, wt-block-CCC 595 * +---wt-side-blocks 596 * +---wt-block, wt-block-XXX 597 * +---wt-block, wt-block-YYY 598 * +---wt-block, wt-block-ZZZ 599 * 600 * Each block as the structure 601 * wt-block, wt-block-XXX 602 * +---wt-block-header, wt-block-header-XXX 603 * +---wt-block-content, wt-block-content-XXX 604 */ 605 606.wt-block { 607 background-color: #edf7fd; 608 border: thin solid #81a9cb; 609} 610 611.wt-block-header { 612 background-color: #edf7fd; 613 border-bottom: none; 614 font-weight: bold; 615} 616 617.wt-block-content { 618} 619 620.wt-block-content .list_table { 621 border-spacing: 1px; 622 border: solid #81a9cb 1px; 623 border-right: 0; 624} 625 626.wt-block-content .list_value, 627.wt-block-content .list_value_wrap { 628 border: 0; 629 border-top: solid #81a9cb 1px; 630 border-right: solid #81a9cb 1px; 631} 632 633/* 634 * The individual page. 635 * 636 * wt-route-individual 637 * +---wt-header-wrapper 638 */ 639 640.wt-individual-silhouette { 641 content: url(images/individual-silhouette-unknown.png); 642} 643 644.wt-individual-silhouette-f { 645 content: url(images/individual-silhouette-female.png); 646} 647 648.wt-individual-silhouette-m { 649 content: url(images/individual-silhouette-male.png); 650} 651 652/* 653 * Chart-boxes are used to build the various charts. 654 * Each type of chart will set its own size and hide/show content. 655 * 656 * wt-chart-box 657 * +--- wt-chart-box-thumbnail 658 * +--- wt-chart-box-extra 659 * +--- wt-chart-box-zoom 660 * +--- wt-chart-box-icon 661 * +--- wt-chart-box-dropdown wt-chart-box-zoom-dropdown 662 * +--- wt-chart-box-links 663 * +--- wt-chart-box-icon 664 * +--- wt-chart-box-dropdown wt-chart-box-links-dropdown 665 * +--- wt-chart-box-name 666 * +--- wt-chart-box-lifespan 667 * +--- wt-chart-box-facts 668 * +--- wt-chart-box-fact 669 */ 670.wt-chart-box, 671.wt-chart-box-menu { 672 background: var(--sex-u-bg); 673 border: dashed var(--sex-u-fg) thin; 674} 675 676.wt-chart-box { 677 height: 5rem; 678 padding: 2px; 679 line-height: 1.1; 680} 681 682.wt-chart-box-f, 683.wt-chart-box-f .wt-chart-box-dropdown { 684 background: var(--sex-f-bg); 685 border: solid var(--sex-f-fg) thin; 686} 687 688.wt-chart-box-m, 689.wt-chart-box-m .wt-chart-box-dropdown { 690 background: var(--sex-m-bg); 691 border: solid var(--sex-m-fg) thin; 692} 693 694/* 695 * Calendar 696 * 697 * wt-calendar-page 698 */ 699 700/* 701 * Reports 702 * 703 * wt-reports-page 704 */ 705 706/* 707 * Search 708 * 709 * wt-search-page, wt-general-search-page/wt-phonetic-search-page/wt-advanced-search-page/wt-search-replace-page 710 */ 711 712#content #home-page { 713 margin-left: 5px; 714} 715 716/* ====== Round Corners ======== */ 717 718a { 719 color: #00f; 720 text-decoration: none; 721} 722 723a:hover { 724 color: #f00; 725 text-decoration: none; 726} 727 728:focus { 729 outline-style: none; 730} 731 732.flash-messages { 733 clear: both; 734 text-align: center; 735} 736 737img.block, 738#mycart img { 739 border: 0; 740 height: 25px; 741 vertical-align: middle; 742} 743 744.topbottombar { 745 background-color: #c3dfff; 746 color: #fff; 747 font-size: 12px; 748 font-weight: bold; 749 padding: 4px; 750 text-align: center; 751} 752 753#mycart a img { 754 height: 15px; 755} 756 757.button { 758 width: 60px; 759} 760 761.alpha_index { 762 color: #999; 763} 764 765.news_box:target, 766#gedcom_stats:target { 767 background-color: #ffc; 768} 769 770/* families tab person box */ 771table.center { 772 margin-left: auto; 773 margin-right: auto; 774} 775 776.list_table { 777 margin: 0 auto; 778} 779 780.list_label, 781.list_label_wrap { 782 color: #006; 783 font-size: 12px; 784 background-color: #c3dfff; 785 border: solid #81a9cb 1px; 786 font-weight: bold; 787 text-align: center; 788} 789 790.list_value, 791.list_value_wrap { 792 background-color: #edf7fd; 793 font-size: 12px; 794 border: solid #81a9cb 1px; 795 vertical-align: top; 796 padding: 4px; 797} 798 799.list_label, 800.list_value { 801 white-space: nowrap; 802} 803 804.list_label_wrap, 805.list_value_wrap { 806 white-space: normal; 807} 808 809div.fact_SHARED_NOTE { 810 clear: both; 811} 812 813/* Table of genealogical facts */ 814 815.wt-facts-table caption { 816 caption-side: top; 817} 818 819.wt-facts-table th { 820 background-color: #c3dfff; 821 color: #006; 822 text-align: center; 823 font-weight: normal; 824 min-width: 20%; 825} 826 827.wt-facts-table td { 828 background-color: #ecf5ff; 829 border: solid #c3dfff 1px; 830} 831 832.wt-facts-table .wt-gender-M td { 833 background-color: #f0f9ff; 834 border-color: #84beff; 835} 836 837.wt-facts-table .wt-gender-F td { 838 background-color: #fff0f0; 839 border-color: #ff2080; 840} 841 842.name1 { 843 font-weight: bold; 844 font-size: 12px; 845} 846 847.name2 { 848 font-size: 16px; 849 } 850 851a:hover .name1, a:hover .name2 { 852 color: #f00; 853 font-weight: bold; 854 font-size: 12px; 855} 856 857.details0, 858.details1 { 859 font-size: 11px; 860} 861 862.details2 { 863 font-size: 12px; 864} 865 866.details_label { 867 font-weight: bold; 868} 869 870.name_head { 871 color: #555; 872 font-size: 16px; 873 font-weight: bold; 874 line-height: 2; 875 padding: 0 5px; 876} 877 878.date { 879 color: #337; 880} 881 882.label { 883 font-weight: bold; 884} 885 886.error { 887 color: #d00; 888 font-weight: bold; 889} 890 891.largeError { 892 color: #d00; 893 font-size: large; 894 font-weight: bold; 895} 896 897.warning { 898 color: #f00; 899 font-weight: bold; 900} 901 902.indent { 903 padding-left: 20px; 904} 905 906.image { 907 height: 150px; 908 padding: 5px; 909 margin: 2px; 910} 911 912.thumbnail { 913 height: auto; 914 padding: 3px; 915} 916 917.icon { 918 border: 0; 919 padding: 0 5px; 920} 921 922.submenu .icon { 923 vertical-align: middle; 924 width: 20px; 925 height: 20px; 926} 927 928.subheaders { 929 font-weight: bold; 930 font-size: 15px; 931 margin-top: 15px; 932 vertical-align: bottom; 933} 934 935.parentdeath { 936 border: thin solid #888; 937 padding: 1px; 938} 939 940.source_citations { 941 display: none; 942} 943 944.selected-option { 945 background-color: #edf7fd; 946} 947 948.border1 { 949 border: solid #000 1px; 950} 951 952.menuitem { 953 text-decoration: none; 954 font-size: 11px; 955 padding: 1px; 956} 957 958.menuitem_hover { 959 text-decoration: none; 960 font-size: 11px; 961 padding: 1px; 962} 963 964.menuitem .icon, .menuitem_hover .icon { 965 width: 50px; 966 height: 50px; 967} 968 969.submenu { 970 text-decoration: none; 971 font-size: 11px; 972 background-color: #edf7fd; 973 border: solid #81a9cb 1px; 974 visibility: hidden; 975 position: absolute; 976 padding: 5px; 977} 978 979.submenuitem { 980 vertical-align: middle; 981 font-size: 11px; 982 height: 20px; 983 text-decoration: none; 984 background-color: #edf7fd; 985 padding: 1px; 986 white-space: nowrap; 987} 988 989.submenuitem_hover { 990 vertical-align: middle; 991 height: 20px; 992 font-size: 11px; 993 background-color: #e6f0fa; 994 white-space: nowrap; 995 padding: 1px; 996} 997 998.submenuitem a, 999.submenuitem_hover a { 1000 display: inline-block; 1001 vertical-align: middle; 1002} 1003 1004.journal_box { 1005 padding: 3pt; 1006 border: thin solid #aaa; 1007 overflow: visible; 1008} 1009 1010.news_box { 1011 background-color: #edf7fd; 1012 border-top: solid #81a9cb 1px; 1013} 1014 1015.news_title { 1016 font-weight: bold; 1017 font-size: 14px; 1018} 1019 1020.news_date { 1021 margin-bottom: 12px; 1022} 1023 1024.current_day { 1025 font-weight: bold; 1026 font-size: 16px; 1027} 1028 1029.cal_day { 1030 float: left; 1031 font-weight: bold; 1032} 1033 1034.rtl_cal_day { 1035 direction: rtl; 1036 float: right; 1037 color: #00f; 1038 font-weight: bold; 1039} 1040 1041.helpcontent { 1042 margin-left: 10px; 1043 margin-right: 10px; 1044} 1045 1046.helpcontent dt { 1047 clear: both; 1048} 1049 1050#user-page h1 { 1051 margin: 0.25em auto 0.6em; 1052} 1053 1054.tvertline { 1055 vertical-align: bottom; 1056} 1057 1058#childbox { 1059 padding: 5px; 1060 position: absolute; 1061 display: none; 1062 text-align: start; 1063 white-space: nowrap; 1064 top: 20px; 1065 left: 0; 1066} 1067 1068.layout3 #childbox { 1069 top: auto; 1070 bottom: 20px; 1071} 1072 1073#childbox a.name1 { 1074 display: block; 1075 margin-left: 5px; 1076} 1077 1078.person0 { 1079 background-color: #aaf; 1080 border: outset #aaf 1px; 1081 vertical-align: top; 1082} 1083 1084.person1 { 1085 background-color: #afa; 1086 border: outset #afa 1px; 1087 vertical-align: top; 1088} 1089 1090.person2 { 1091 background-color: #faa; 1092 border: outset #faa 1px; 1093 vertical-align: top; 1094} 1095 1096.person3 { 1097 background-color: #55f; 1098 border: outset #55f 1px; 1099 vertical-align: top; 1100} 1101 1102.person4 { 1103 background-color: #f55; 1104 border: outset #f55 1px; 1105 vertical-align: top; 1106} 1107 1108.person5 { 1109 background-color: #5f5; 1110 border: outset #5f5 1px; 1111 vertical-align: top; 1112} 1113 1114.listlog { 1115 line-height: 20pt; 1116} 1117 1118.starredname { 1119 text-decoration: underline; 1120} 1121 1122.search_hit { 1123 background-color: #ff0; 1124} 1125 1126.search_item { 1127 font-weight: 600; 1128} 1129 1130.descriptionbox { 1131 color: #006; 1132 font-size: 12px; 1133 background-color: #c3dfff; 1134 vertical-align: top; 1135 padding: 3px; 1136} 1137 1138.optionbox { 1139 background-color: #ecf5ff; 1140 font-size: 1rem; 1141 border: solid #c3dfff 1px; 1142 vertical-align: top; 1143 white-space: nowrap; 1144 padding: 3px; 1145} 1146 1147.vmiddle { 1148 vertical-align: middle; 1149} 1150 1151.red { 1152 color: #f00; 1153} 1154 1155.wt-relation-fact, 1156.wt-historic-fact { 1157 opacity: 0.8; 1158} 1159 1160.messagebox { 1161 background-color: #c2ceef; 1162 border: solid #81a9cb 1px; 1163} 1164 1165/* ---Pending edits--- */ 1166.wt-new { 1167 outline: solid blue 1px; 1168} 1169 1170.wt-old { 1171 outline: solid red 1px; 1172} 1173 1174.tag_cloud { 1175 text-align: center; 1176} 1177 1178.tag_cloud a { 1179 white-space: nowrap; 1180} 1181 1182.nowrap { 1183 white-space: nowrap; 1184} 1185 1186.wrap { 1187 white-space: normal; 1188} 1189 1190.statistics-page { 1191 text-align: center; 1192} 1193 1194.gchart { 1195 border: solid #81a9cb 1px; 1196} 1197 1198#facts_content dd { 1199 float: left; 1200 width: 70%; 1201} 1202 1203/* this keeps the tag color the same when it is a link as when not */ 1204 1205.place { 1206 padding-top: 5px; 1207} 1208 1209#pending h2 { 1210 text-align: center; 1211 margin-bottom: 20px; 1212} 1213 1214#pending h3 { 1215 text-align: center; 1216 margin-top: 20px; 1217} 1218 1219#pending .list_value { 1220 padding: 3px; 1221 text-align: center; 1222 vertical-align: middle; 1223 white-space: nowrap; 1224} 1225 1226#pending .indent { 1227 padding: 0; 1228} 1229 1230/* --- reportengine.php --- */ 1231#reportengine-page table { 1232 margin: 20px auto; 1233} 1234 1235#reportengine-page .report-type { 1236 overflow: hidden; 1237 margin: auto; 1238 width: 180px; 1239} 1240 1241#reportengine-page .report-type div { 1242 float: left; 1243 margin: 0 20px; 1244} 1245 1246#reportengine-page .report-type p { 1247 margin: 0; 1248 text-align: center; 1249} 1250 1251/* styles for popup menus */ 1252.itr { 1253 position: absolute; 1254 line-height: 1.5; 1255} 1256 1257.popup { 1258 position: absolute; 1259 top: 20px; 1260 right: 0; 1261 left: auto; 1262 visibility: hidden; 1263 opacity: 0; 1264 transition: visibility 0s ease .25s,opacity .25s ease; 1265 z-index: 9999; 1266 box-shadow: 5px 5px 5px 0 rgba(0,0,0,.4); 1267} 1268 1269.popup ul { 1270 white-space: nowrap; 1271 list-style: none; 1272 margin: 0; 1273 padding: 0 10px; 1274 font-size: smaller; 1275} 1276 1277.popup > ul { 1278 padding: 2px 10px; 1279} 1280 1281.popup li .NAME { 1282 padding: 0 5px; 1283} 1284 1285.itr:hover .popup { 1286 visibility: visible; 1287 opacity: 1; 1288 transition-delay: 0s; 1289} 1290 1291/* styles for FindFacts pop-up */ 1292#layDefinedTags, 1293#tabDefinedTagsShow { 1294 width: 450px; 1295} 1296 1297#tabDefinedTags { 1298 width: 430px; 1299} 1300 1301#layDefinedTags { 1302 margin-left: auto; 1303 margin-right: auto; 1304 height: 285px; 1305 overflow: auto; 1306} 1307 1308#tabDefinedTags { 1309 border-collapse: collapse; 1310} 1311 1312#tabDefinedTags th, 1313#tabDefinedTags td { 1314 border: solid 1px #000; 1315 margin: 0; 1316 padding: 3px; 1317} 1318 1319#tabDefinedTags tbody th { 1320 text-align: left; 1321 font-weight: bold; 1322} 1323 1324#tabDefinedTags tr.sel { 1325 background-color: #d1d9ef; 1326 color: #888; 1327} 1328 1329#tabDefinedTags tr.unsel { 1330 background-color: #fff; 1331 color: #888; 1332} 1333 1334#tabDefinedTagsShow { 1335 margin-left: auto; 1336 margin-right: auto; 1337} 1338 1339#tabDefinedTagsShow td { 1340 width: 50%; 1341 text-align: center; 1342} 1343 1344#tabFilterAndCustom { 1345 margin-left: auto; 1346 margin-right: auto; 1347} 1348 1349#tabAction { 1350 margin-left: auto; 1351 margin-right: auto; 1352} 1353 1354#tabAction td { 1355 width: 50%; 1356 text-align: center; 1357} 1358 1359/* ======== List styles ====== */ 1360.surname-list, 1361.givn-list { 1362 margin: 5px auto; 1363} 1364 1365.surname-list td { 1366 vertical-align: top; 1367} 1368 1369.indi-list .stats, 1370.fam-list .stats { 1371 margin: 0 auto; 1372 width: auto; 1373} 1374 1375.source-list th, 1376.note-list th, 1377.repo-list th, 1378.media-list th, 1379.indi-list th, 1380.fam-list th, 1381.surname-list th, 1382.givn-list th { 1383 cursor: pointer; 1384 font-weight: 600; 1385 padding: 2px 4px; 1386 white-space: nowrap; 1387} 1388 1389.source-list th:last-child, 1390.note-list th:last-child, 1391.repo-list th:last-child { 1392 margin: 0 -2px 1px 1px; 1393 padding: 3px 0 4px; 1394 width: 24px; 1395} 1396 1397.givn-list th { 1398 cursor: pointer; 1399 white-space: nowrap; 1400 padding: 2px; 1401 text-align: center; 1402} 1403 1404#source-details h2, 1405#sourcelist-page h2, 1406#note-details h2, 1407#notelist-page h2, 1408#repo-details h2, 1409#repolist-page h2, 1410#media-details h2, 1411#statistics-page h2 { 1412 margin-bottom: 20px; 1413 text-align: center; 1414} 1415 1416#source-edit, 1417#note-edit, 1418#repo-edit, 1419#media-edit { 1420 overflow-x: auto; 1421} 1422 1423.media-list td img { 1424 display: block; 1425 height: 40px; 1426 width: auto; 1427 margin: 3px auto; 1428} 1429 1430.filtersH, 1431.filtersF { 1432 margin: 4px; 1433} 1434 1435.filtersH img { 1436 margin-bottom: 2px; 1437} 1438 1439.list-charts { 1440 text-align: center; 1441} 1442 1443#search-result-tabs h3 { 1444 text-align: center; 1445} 1446 1447#searchAccordion-indi, 1448#searchAccordion-fam, 1449#searchAccordion-source, 1450#searchAccordion-note { 1451 margin: auto; 1452 width: 99%; 1453} 1454 1455#place-hierarchy h2, 1456#place-hierarchy h4 { 1457 text-align: center; 1458} 1459 1460#main_select, 1461#available_select, 1462#right_select { 1463 min-width: 150px; 1464} 1465 1466/* ==== FAQ table styles ===== */ 1467table.faq { 1468 background-color: #e0e0e0; 1469 margin: 5px 0 50px 5px; 1470 width: 98%; 1471} 1472 1473table.faq tr:nth-child(odd) td { 1474 background-color: #e7eef3; 1475} 1476 1477div.faq_title { 1478 background-color: #e0e0e0; 1479 margin: 1em 0; 1480 padding: .25em; 1481 font-weight: bold; 1482 width: 98%; 1483} 1484 1485div.faq_body { 1486 clear: both; 1487 padding: 0 1em; 1488} 1489 1490.faq_top { 1491 float: right; 1492} 1493 1494/* === Positioning edit, copy, delete links === */ 1495/* General use */ 1496.editfacts { 1497 clear: left; 1498 padding-top: 15px; 1499} 1500 1501/* ======== Indi header ====== */ 1502#indi_header { 1503 overflow: hidden; 1504 border-radius: 3px; 1505 border: 1px solid #b2c7d7; 1506 margin: 0 0 5px 10px; 1507 padding: 10px 0; 1508} 1509 1510#indi_header h3 { 1511 font-size: 90%; 1512 font-weight: bold; 1513 margin: 0; 1514 padding: 0 10px 0 30px; 1515 text-align: left; 1516 overflow: hidden; 1517 position: relative; 1518} 1519 1520#indi_header .name_one { 1521 font-size: 1.5em; 1522} 1523 1524#indi_header h3 .details1 { 1525 font-size: 1.0em; 1526} 1527 1528#indi_header h3 .header_age { 1529 padding: 5px 0 5px 5px; 1530 float: right; 1531 font-weight: normal; 1532 font-size: 65%; 1533} 1534 1535#indi_header h3 a { 1536 display: inline; 1537} 1538 1539#indi_header a { 1540 color: #337; 1541 font-size: 0.75em; 1542 font-weight: normal; 1543} 1544 1545#indi_header a:hover { 1546 color: #f00; 1547} 1548 1549#indi_mainimage { 1550 float: left; 1551 padding: 0 10px; 1552} 1553 1554#header_accordion1 { 1555 padding: 0 10px 0 0; 1556 overflow: hidden; 1557} 1558 1559#header_accordion1 .indi_name_details { 1560 margin: 0; 1561 overflow: hidden; 1562 padding: 5px; 1563} 1564 1565.indi_name_details .name1 { 1566 font-weight: normal; 1567 padding-top: 5px; 1568 font-size: inherit; 1569} 1570 1571#indi_header a.warning { 1572 color: #f00; 1573 font-size: 1em; 1574} 1575 1576#indi_note { 1577 margin: 0 0 5px; 1578} 1579 1580.indi_table { 1581 clear: left; 1582} 1583 1584#sex { 1585 float: right; 1586} 1587 1588#dates { 1589 float: right; 1590} 1591 1592#individual-names .wt-icon-edit, 1593#individual-names .wt-icon-delete { 1594 float: right; 1595} 1596 1597#indi_note .fact_NOTE { 1598 float: left; 1599 margin: 0 5px 0 0; 1600} 1601 1602#indi_note .fact_SOUR { 1603 margin: 3px 0; 1604} 1605 1606#indi_note .fact_SOUR a { 1607 font-size: 100%; 1608} 1609 1610#indi_note .fact_NOTE, 1611#indi_note .fact_SOUR { 1612 clear: both; 1613} 1614 1615/* markdown formatting */ 1616 1617.markdown { 1618 /* Tables and pre-formatted text can break the layout. */ 1619 overflow-x: auto; 1620} 1621 1622.markdown p { 1623 margin: 0 0 0.5em; 1624 white-space: pre-wrap; 1625} 1626 1627.markdown table { 1628 border-collapse: collapse; 1629 margin-bottom: 5px; 1630} 1631 1632.markdown th { 1633 font-weight: bold; 1634} 1635 1636.markdown td, 1637.markdown th { 1638 border: solid thin #000; 1639 padding: 3px; 1640} 1641 1642.odometer { 1643 font-family: courier, monospace; 1644 font-weight: bold; 1645 background: #000; 1646 color: #fff; 1647} 1648 1649/* ======== Indi tabs ======== */ 1650/* Facts & Events tab */ 1651.media-display-image { 1652 float: left; 1653} 1654 1655.media-display-title { 1656 float: left; 1657 font-style: italic; 1658 margin: 10px; 1659} 1660 1661/* === jQuery.datatable styling general over-rides === */ 1662.odd { 1663 background-color: #e7eef3; 1664} 1665 1666.even { 1667 background-color: #e6e6e6; 1668} 1669 1670.css_right { 1671 float: left; 1672} 1673 1674.fg-button { 1675 padding: 2px 6px; 1676} 1677 1678/* Sidebar - Family navigator */ 1679.wt-family-navigator-dropdown { 1680 background: #edf7fd; 1681} 1682 1683.wt-family-navigator-dropdown-heading { 1684 font-weight: bold; 1685 font-size: inherit; 1686 color: inherit; 1687} 1688 1689/* Sidebar - Descendants */ 1690#sb_content_descendancy { 1691 margin-top: 5px; 1692} 1693 1694#sb_desc_content { 1695 margin-left: 3px; 1696 font-size: 0.8em; 1697} 1698 1699#sb_desc_content ul { 1700 padding: 0; 1701 margin: 0; 1702} 1703 1704.sb_desc_indi_li { 1705 list-style-type: none; 1706} 1707 1708.desc_tree_div { 1709 display: none; 1710} 1711 1712.desc_tree_div ul { 1713 padding: 0; 1714 margin-left: 10px; 1715 margin-top: 0; 1716 margin-right: 0; 1717} 1718 1719/* Individuals and Families */ 1720#sidebar-content-individuals, 1721#sidebar-content-families { 1722 margin-top: 5px; 1723} 1724 1725.sb_indi_surname_li, 1726.sb_fam_surname_li { 1727 list-style-image: url(xenea/images/plus.png); 1728} 1729 1730.name_tree_div ul { 1731 padding: 0; 1732 margin: 0; 1733} 1734 1735.name_tree_div li { 1736 list-style: none; 1737 margin: 0; 1738 padding: 0; 1739} 1740 1741/* Clippings */ 1742#sb_clippings_content ul { 1743 padding: 0; 1744 margin: 0; 1745} 1746 1747#sb_clippings_content li { 1748 list-style: none; 1749 margin: 0; 1750 padding: 0; 1751 white-space: nowrap; 1752} 1753 1754/* Extra info */ 1755#sb_content_extra_info { 1756 font-size: 80%; 1757 font-weight: bold; 1758 margin-top: 1px; 1759 overflow: hidden; 1760 padding: 5px; 1761} 1762 1763#sb_content_extra_info .editfacts { 1764 float: right; 1765 margin-top: -30px; 1766} 1767 1768#sb_content_extra_info a { 1769 display: block; 1770} 1771 1772#sb_content_extra_info span { 1773 font-weight: normal; 1774} 1775 1776#sb_content_extra_info span a { 1777 display: inline; 1778} 1779 1780#sb_content_extra_info #hitcounter { 1781 border-top: 1px solid #b2c7d7; 1782 font-weight: bold; 1783 padding-top: 5px; 1784} 1785 1786/* http://www.jacklmoore.com/colorbox */ 1787#colorbox, 1788#cboxOverlay, 1789#cboxWrapper { 1790 position: absolute; 1791 top: 0; 1792 left: 0; 1793 z-index: 9999; 1794 overflow: hidden; 1795} 1796 1797#cboxWrapper { 1798 max-width: none; 1799} 1800 1801#cboxOverlay { 1802 position: fixed; 1803 width: 100%; 1804 height: 100%; 1805 background: #fff; 1806} 1807 1808#cboxContent { 1809 background: #fff; 1810 overflow: hidden; 1811 position: relative; 1812 padding: 0.5rem; 1813 border: 0.25rem solid #ccc; 1814} 1815 1816#cboxLoadingOverlay, 1817#cboxLoadingGraphic { 1818 position: absolute; 1819 top: 0; 1820 left: 0; 1821 width: 100%; 1822 height: 100%; 1823} 1824 1825.cboxPhoto { 1826 float: left; 1827 margin: auto; 1828 border: 0; 1829 display: block; 1830 max-width: none; 1831} 1832 1833#colorbox, 1834#cboxContent, 1835#cboxLoadedContent { 1836 box-sizing: content-box; 1837} 1838 1839#cboxError { 1840 padding: 50px; 1841 border: 1px solid #ccc; 1842} 1843 1844#cboxLoadedContent { 1845 margin-bottom: 28px; 1846} 1847 1848#cboxTitle { 1849 background: #fff; 1850 position: absolute; 1851 bottom: 0.25rem; 1852 left: 0; 1853 margin: 0 3rem; 1854 text-align: center; 1855} 1856 1857#cboxLoadingGraphic { 1858 background: url(images/loading-32x32.gif) no-repeat center center; 1859} 1860 1861#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { 1862 background: none; 1863 border: 0; 1864 cursor: pointer; 1865 font-family: "Font Awesome\ 5 Free", sans-serif; 1866 font-weight: 900; 1867 overflow: visible; 1868 padding: 0; 1869 position: absolute; 1870} 1871 1872#cboxSlideshow { 1873 bottom: 0.25rem; 1874 right: 0.25rem; 1875} 1876 1877#cboxPrevious { 1878 bottom: 0.25rem; 1879 left: 0.25rem; 1880} 1881 1882#cboxNext { 1883 bottom: 0.25rem; 1884 left: 1.5rem; 1885} 1886 1887#cboxClose { 1888 top: 0.25rem; 1889 right: 0.25rem; 1890} 1891 1892/* Stories module */ 1893.story_title { 1894 padding-top: 12px; 1895 font-size: 13px; 1896 height: 32px; 1897 font-weight: bold; 1898} 1899 1900.story_body { 1901 padding: 20px; 1902 white-space: normal; 1903} 1904 1905.story_edit { 1906 padding: 12px; 1907} 1908 1909/* Stories module */ 1910.story_title { 1911 padding-top: 12px; 1912 font-size: 13px; 1913 height: 32px; 1914 font-weight: bold; 1915} 1916 1917.story_body { 1918 padding: 20px; 1919 white-space: normal; 1920} 1921 1922.story_edit { 1923 padding: 12px; 1924} 1925 1926/* ====== Charts Styles ======== */ 1927#people label { 1928 display: block; 1929} 1930 1931/* Ancestry chart */ 1932.wt-chart-ancestors-list { 1933 background: transparent url(images/vline.png) left top repeat-y; 1934 margin: 0 0 0 15px; 1935 padding: 0; 1936 display: block; 1937} 1938 1939.wt-chart-ancestors-list-item { 1940 margin: 5px 0; 1941} 1942 1943.chart_common li { 1944 list-style: outside none none; 1945} 1946 1947.generations { 1948 background: transparent url(images/vline.png) repeat-y scroll left top; 1949 display: block; 1950 margin: 0 0 0 15px; 1951 padding: 0; 1952} 1953 1954.chart_common table { 1955 padding: 0; 1956 border-spacing: 0; 1957 border-collapse: collapse; 1958 margin: 5px 0; 1959} 1960 1961.chart_common td { 1962 border: 0; 1963 padding: 0; 1964} 1965 1966.chart_common span.details1 div[class^=fact_] { 1967 display: inline-block; 1968} 1969 1970.chart_common span.details1 .date { 1971 color: inherit; 1972} 1973 1974/*-- Family book --*/ 1975#familybook_chart { 1976 margin-left: 10px; 1977} 1978 1979#familybook_chart table { 1980 border-collapse: collapse; 1981 empty-cells: show; 1982} 1983 1984#familybook_chart td { 1985 margin: 0; 1986 padding: 0; 1987} 1988 1989#familybook_chart h2 { 1990 text-align: center; 1991} 1992 1993#familybook_chart .line3, 1994#familybook_chart .pvline, 1995#familybook_chart .spacer { 1996 width: 3px; 1997} 1998 1999#familybook_chart .line4 { 2000 width: 7px; 2001 vertical-align: middle; 2002} 2003 2004[ID^="vline"] { 2005 width: 3px; 2006} 2007 2008#familybook_chart h3 { 2009 color: #006; 2010 font-size: 16px; 2011 text-align: center; 2012} 2013 2014/*-- Fan chart ---- */ 2015.fan_chart_menu { 2016 background: #fff; 2017 position: absolute; 2018 display: none; 2019 z-index: 100; 2020} 2021 2022#fan_chart ul { 2023 list-style-type: none; 2024 margin: 0; 2025} 2026 2027/* Lifespans chart */ 2028.wt-lifespans-subtitle { 2029 text-align: center; 2030} 2031 2032.wt-lifespans-scale { 2033 white-space: nowrap; 2034} 2035 2036.wt-lifespans-decade { 2037 width: 70px; 2038 height: 60px; 2039 display: inline-block; 2040 background-image: url(images/lifespan-decade.png); 2041 background-position-y: bottom; 2042 background-repeat: no-repeat; 2043 background-size: 70px 37px; 2044} 2045 2046.wt-lifespans-individuals { 2047 background: #fafafa; 2048} 2049 2050.wt-lifespans-individual { 2051 2052} 2053 2054.wt-lifespans-summary { 2055 background: #ffffff; 2056 border: thin solid #000; 2057 z-index: 1; 2058} 2059 2060.wt-lifespans-summary-link { 2061 font-weight: bold; 2062} 2063 2064/*-- Pedigree ---- */ 2065#pedigree_chart { 2066 position: relative; 2067 margin: 20px auto; 2068} 2069 2070#pedigree_canvas { 2071 color: #81a9cb; 2072 z-index: -1000; 2073} 2074 2075#pedigree-page .shadow { 2076 position: absolute; 2077 white-space: nowrap; 2078} 2079 2080#pedigree-page .layout0 .shadow > div, 2081#pedigree-page .layout1 .shadow > div { 2082 display: inline-block; 2083 vertical-align: middle; 2084} 2085 2086#pedigree-page .spacer { 2087 background-image: url(images/spacer.png); 2088 height: 20px; 2089 width: 1px; 2090} 2091 2092#childarrow, 2093.ancestorarrow { 2094 text-align: center; 2095} 2096 2097#pedigree-page #childarrow { 2098 position: relative; 2099} 2100 2101#pedigree-page #childbox { 2102 border: 1px solid; 2103 background-color: #fff; 2104} 2105 2106#pedigree-page table.list_table { 2107 margin: 0 auto; 2108 width: 500px; 2109} 2110 2111.pedigree_chart_table { 2112 border: 0; 2113 border-collapse: collapse; 2114 padding: 0; 2115 width: 100%; 2116} 2117 2118/*-- timeline --*/ 2119#timeline_chart { 2120 position: relative; 2121 top: 0; 2122 left: 0; 2123} 2124 2125#field_table { 2126 width: 30%; 2127 min-width: 500px; 2128} 2129 2130/* 2131 * Any element that is loaded dynamically has the class wt-ajax-load. 2132 * We can provide a "loading" placeholder for empty elements with this class. 2133 */ 2134.wt-ajax-load:empty { 2135 height: 32px; 2136 background: url(images/loading-32x32.gif) no-repeat 50% 50%; 2137} 2138 2139/* 2140 * Default icons are provided by FontAwesome. 2141 * Some icons get mirrored on RTL pages. Typiclly arrows 2142 */ 2143[dir=rtl] .wt-flip-rtl { 2144 transform: scale(-1, 1); 2145} 2146 2147.wt-icon-anniversary { 2148 content: url(images/anniversary.png); 2149} 2150 2151.wt-icon-arrow-down { 2152 content: url(xenea/icons/arrow-down.png); 2153} 2154 2155a > .wt-icon-arrow-down:hover { 2156 content: url(xenea/icons/arrow-down-hover.png); 2157} 2158 2159.wt-icon-arrow-left { 2160 content: url(xenea/icons/arrow-left.png); 2161} 2162 2163a > .wt-icon-arrow-left:hover { 2164 content: url(xenea/icons/arrow-left-hover.png); 2165} 2166 2167.wt-icon-arrow-right { 2168 content: url(xenea/icons/arrow-right.png); 2169} 2170 2171a > .wt-icon-arrow-right:hover { 2172 content: url(xenea/icons/arrow-right-hover.png); 2173} 2174 2175.wt-icon-arrow-up { 2176 content: url(xenea/icons/arrow-up.png); 2177} 2178 2179a > .wt-icon-arrow-up:hover { 2180 content: url(xenea/icons/arrow-up-hover.png); 2181} 2182 2183.wt-icon-collapse { 2184} 2185 2186.wt-icon-coordinates { 2187 content: url(images/coordinates.png) 2188} 2189 2190.wt-icon-expand { 2191} 2192 2193.wt-icon-reorder { 2194 content: url(images/reorder.png); 2195} 2196 2197.wt-icon-sex-f { 2198 content: url(images/sex-female.png); 2199} 2200 2201.wt-icon-sex-m { 2202 content: url(images/sex-male.png); 2203} 2204 2205.wt-icon-sex-u { 2206 content: url(images/sex-unknown.png); 2207} 2208 2209.wt-icon-sex-x { 2210 content: url(images/sex-unknown.png); 2211} 2212 2213.wt-icon-warning { 2214 content: url(images/warning.png); 2215} 2216 2217.wt-icon-zoom-in { 2218 content: url(xenea/images/zoomin.png); 2219} 2220 2221.wt-icon-zoom-out { 2222 content: url(xenea/images/zoomout.png); 2223} 2224 2225/* 2226 * .wt-icon-bing-maps 2227 * .wt-icon-calendar 2228 * .wt-icon-copy 2229 * .wt-icon-delete 2230 * .wt-icon-edit 2231 * .wt-icon-email 2232 * .wt-icon-family 2233 * .wt-icon-help 2234 * .wt-icon-individual 2235 * .wt-icon-google-maps 2236 * .wt-icon-keyboard 2237 * .wt-icon-media 2238 * .wt-icon-note 2239 * .wt-icon-openstreetmap 2240 * .wt-icon-preferences 2241 * .wt-icon-repository 2242 * .wt-icon-source 2243 * .wt-icon-submitter 2244 */ 2245.wt-icon-bing-maps::before { 2246 width: 16px; 2247 height: 16px; 2248 content: url(xenea/icons/bing-maps.png); 2249} 2250 2251.wt-icon-calendar::before { 2252 width: 19px; 2253 height: 15px; 2254 content: url(xenea/icons/calendar.png) 2255} 2256 2257.wt-icon-copy::before { 2258 width: 16px; 2259 height: 16px; 2260 content: url(xenea/icons/copy.png) 2261} 2262 2263.wt-icon-delete::before { 2264 width: 16px; 2265 height: 16px; 2266 content: url(xenea/icons/delete.png); 2267} 2268 2269.wt-icon-edit::before { 2270 width: 16px; 2271 height: 16px; 2272 content: url(xenea/icons/edit.png); 2273} 2274 2275.wt-icon-family::before { 2276 width: 14px; 2277 height: 15px; 2278 content: url(xenea/icons/family.png); 2279} 2280 2281.wt-icon-help::before { 2282 width: 16px; 2283 height: 16px; 2284 content: url(xenea/icons/help.png); 2285} 2286 2287.wt-icon-google-maps::before { 2288 width: 16px; 2289 height: 16px; 2290 content: url(xenea/icons/google-maps.png); 2291} 2292 2293.wt-icon-individual::before { 2294 width: 11px; 2295 height: 15px; 2296 content: url(xenea/icons/individual.png); 2297} 2298 2299.wt-icon-keyboard::before { 2300 width: 30px; 2301 height: 15px; 2302 content: url(xenea/icons/keyboard.png); 2303} 2304 2305.wt-icon-media::before { 2306 width: 18px; 2307 height: 16px; 2308 content: url(xenea/icons/media.png); 2309} 2310 2311.wt-icon-note::before { 2312 width: 20px; 2313 height: 20px; 2314 content: url(xenea/icons/note.png); 2315} 2316 2317.wt-icon-openstreetmap::before { 2318 width: 16px; 2319 height: 16px; 2320 content: url(xenea/icons/openstreetmap.png); 2321} 2322 2323.wt-icon-preferences::before { 2324 width: 25px; 2325 height: 25px; 2326 content: url(xenea/icons/preferences.png); 2327} 2328 2329.wt-icon-repository::before { 2330 width: 15px; 2331 height: 15px; 2332 content: url(xenea/icons/repository.png); 2333} 2334 2335.wt-icon-source::before { 2336 width: 18px; 2337 height: 16px; 2338 content: url(xenea/icons/source.png); 2339} 2340 2341.wt-icon-submitter::before { 2342 width: 11px; 2343 height: 15px; 2344 content: url(xenea/icons/individual.png); 2345} 2346 2347[class^="icon-"], 2348[class*=" icon-"] { 2349 display: inline-block; 2350 vertical-align: text-bottom; 2351 background-repeat: no-repeat; 2352 background-size: cover; 2353} 2354 2355.icon-add { 2356 width: 14px; 2357 height: 15px; 2358 background-image: url(images/add.png); 2359} 2360 2361.icon-cfamily { 2362 width: 25px; 2363 height: 25px; 2364 background-image: url(xenea/images/cfamily.png); 2365} 2366 2367.icon-childless { 2368 width: 25px; 2369 height: 25px; 2370 background-image: url(xenea/images/childless.png); 2371} 2372 2373.icon-children { 2374 width: 16px; 2375 height: 16px; 2376 background-image: url(xenea/images/children.png); 2377} 2378 2379.icon-clippings { 2380 width: 22px; 2381 height: 22px; 2382 background-image: url(xenea/images/clippings.png); 2383} 2384 2385.icon-edit_indi { 2386 width: 25px; 2387 height: 25px; 2388 background-image: url(xenea/images/edit_indi.png); 2389} 2390 2391.icon-fam-list { 2392 width: 25px; 2393 height: 25px; 2394 background-image: url(xenea/images/cfamily.png); 2395} 2396 2397.icon-indi-list { 2398 width: 20px; 2399 height: 20px; 2400 background-image: url(xenea/images/indis.png); 2401} 2402 2403.icon-loading-small { 2404 width: 16px; 2405 height: 16px; 2406 background-image: url(xenea/images/indicator.gif); 2407} 2408 2409.icon-media { 2410 width: 20px; 2411 height: 20px; 2412 background-image: url(xenea/images/media.png); 2413} 2414 2415.icon-media-list { 2416 width: 20px; 2417 height: 20px; 2418 background-image: url(xenea/images/media.png); 2419} 2420 2421.icon-media-next { 2422 width: 20px; 2423 height: 20px; 2424 background-image: url(xenea/images/rdarrow.png); 2425} 2426 2427.icon-media-play { 2428 width: 20px; 2429 height: 20px; 2430 background-image: url(xenea/images/rarrow.png); 2431} 2432 2433.icon-media-stop { 2434 width: 20px; 2435 height: 20px; 2436 background-image: url(xenea/images/stop.png); 2437} 2438 2439.icon-minus { 2440 width: 11px; 2441 height: 11px; 2442 background-image: url(xenea/images/minus.png); 2443} 2444 2445.icon-mypage { 2446 width: 24px; 2447 height: 24px; 2448 background-image: url(xenea/images/mypage.png); 2449} 2450 2451.icon-note { 2452 width: 22px; 2453 height: 22px; 2454 background-image: url(xenea/icons/note.png); 2455} 2456 2457.icon-plus { 2458 width: 11px; 2459 height: 11px; 2460 background-image: url(xenea/images/plus.png); 2461} 2462 2463.icon-remove { 2464 width: 20px; 2465 height: 20px; 2466 background-image: url(xenea/images/remove.png); 2467} 2468 2469.icon-resn-confidential { 2470 width: 16px; 2471 height: 16px; 2472 background-image: url(xenea/images/resn_confidential.png); 2473} 2474 2475.icon-resn-locked { 2476 width: 16px; 2477 height: 16px; 2478 background-image: url(xenea/images/resn_locked.png); 2479} 2480 2481.icon-resn-none { 2482 width: 16px; 2483 height: 16px; 2484 background-image: url(xenea/images/resn_none.png); 2485} 2486 2487.icon-resn-privacy { 2488 width: 16px; 2489 height: 16px; 2490 background-image: url(xenea/images/resn_privacy.png); 2491} 2492 2493.icon-rings { 2494 width: 9px; 2495 height: 9px; 2496 background-image: url(xenea/images/rings.png); 2497} 2498 2499.icon-selected { 2500 width: 12px; 2501 height: 12px; 2502 background-image: url(xenea/images/selected.png); 2503} 2504 2505.icon-source { 2506 width: 20px; 2507 height: 20px; 2508 background-image: url(xenea/images/source.png); 2509} 2510 2511/* Silhouettes on charts */ 2512.icon-silhouette-F { 2513 width: 37px; 2514 height: 50px; 2515 background-image: url(xenea/images/silhouette_female_small.png); 2516} 2517 2518.icon-silhouette-M { 2519 width: 37px; 2520 height: 50px; 2521 background-image: url(xenea/images/silhouette_male_small.png); 2522} 2523 2524.icon-silhouette-U { 2525 width: 37px; 2526 height: 50px; 2527 background-image: url(xenea/images/silhouette_unknown_small.png); 2528} 2529 2530.icon-indis { 2531 width: 25px; 2532 height: 25px; 2533 background-image: url(xenea/images/indis.png); 2534} 2535 2536.icon-patriarch { 2537 width: 25px; 2538 height: 25px; 2539 background-image: url(xenea/images/patriarch.png); 2540} 2541 2542.icon-pedigree { 2543 width: 25px; 2544 height: 25px; 2545 background-image: url(xenea/images/pedigree.png); 2546} 2547 2548.icon-place { 2549 width: 25px; 2550 height: 25px; 2551 background-image: url(xenea/images/place.png); 2552} 2553 2554.icon-repo-list { 2555 width: 25px; 2556 height: 25px; 2557 background-image: url(xenea/images/repository.png); 2558} 2559 2560.icon-repository { 2561 width: 25px; 2562 height: 25px; 2563 background-image: url(xenea/images/repository.png); 2564} 2565 2566.icon-search { 2567 width: 25px; 2568 height: 25px; 2569 background-image: url(xenea/images/search.png); 2570} 2571 2572.icon-sfamily { 2573 width: 25px; 2574 height: 25px; 2575 background-image: url(xenea/images/sfamily.png); 2576} 2577 2578.icon-source-list { 2579 width: 25px; 2580 height: 25px; 2581 background-image: url(xenea/images/source.png); 2582} 2583 2584.icon-user_add { 2585 width: 25px; 2586 height: 25px; 2587 background-image: url(xenea/images/user_add.png); 2588} 2589 2590/* Census assistant */ 2591.wt-census-assistant-form-control:focus { 2592 min-width: 12rem; 2593} 2594 2595/* 2596 * Drag and drop sortable lists 2597 */ 2598.wt-sortable-list { 2599} 2600 2601.wt-sortable-item { 2602 cursor: move; 2603} 2604 2605/* Some blocks show a reduced version on the right-hand side. */ 2606.wt-side-blocks .wt-side-block-optional { 2607 display: none !important; 2608} 2609 2610/* my page chart enhancements */ 2611.wt-block-content-charts { 2612 flex-flow: column-reverse; 2613 overflow: auto; 2614} 2615 2616.wt-block-content-todays-events-block { 2617 padding: .25rem; 2618} 2619 2620/* Some charts are wider than the page. */ 2621.wt-chart { 2622 overflow-x: auto; 2623 overflow-y: hidden; 2624} 2625 2626/* Fit thumbnail into parent on charts */ 2627.select2-selection.select2-selection--single { 2628 min-height: 36px; 2629 height: auto; 2630 padding: 2px 0; 2631} 2632 2633.select2-container .select2-selection--single .select2-selection__rendered { 2634 padding-left: 2px; 2635} 2636 2637.select2-selection--single .NAME { 2638 padding-left: 4px; 2639} 2640 2641/* 2642 * These selectors control how the short horizontal lines are positioned in the Charts 2643 * Optimized for Win10 and FF, Chrome and Edge browsers 2644 * Ancestors 2645 * Descendants 2646 * amily book 2647 * Hourglass chart 2648 * 2649 */ 2650 2651/* Ascentors */ 2652.wt-chart-ancestors .linea1 { 2653 margin-bottom: 4px; 2654} 2655 2656.wt-chart-ancestors .linea2 { 2657 margin-bottom: 7px; 2658} 2659 2660.wt-chart-ancestors .linea3 { 2661 margin-bottom: 4px; 2662} 2663 2664.wt-chart-ancestors .linea4 { 2665 margin-bottom: 7px; 2666} 2667 2668.wt-chart-ancestors .linea5 { 2669 vertical-align: top; 2670} 2671 2672/* Descendants */ 2673.wt-chart-descendants .lined1 { 2674 margin-bottom: 4px; 2675} 2676 2677.wt-chart-descendants .lined2 { 2678 margin-bottom: 7px; 2679} 2680 2681.wt-chart-descendants .lined3 { 2682 margin-bottom: 4px; 2683} 2684 2685.wt-chart-descendants .lined4 { 2686 margin-bottom: 7px; 2687} 2688 2689.wt-chart-descendants .linea5 { 2690 vertical-align: top; 2691} 2692 2693/* Family book */ 2694.linef1 { 2695 margin-bottom: 3px; 2696} 2697 2698.linef2 { 2699 margin-bottom: 3px; 2700} 2701 2702.linef3 { 2703 margin-bottom: 7px; 2704} 2705 2706/* Hourglass */ 2707.lineh1 { 2708 margin-bottom: 4px; 2709} 2710 2711.lineh2 { 2712 margin-bottom: 4px; 2713} 2714 2715.lineh3 { 2716 margin-bottom: 7px; 2717} 2718 2719/* 2720 * Pedigree chart 2721 * 2722 * wt-chart, wt-chart-pedigree 2723 */ 2724 2725#pedigree_chart { 2726 position: relative; 2727 margin: 20px auto; 2728} 2729 2730#pedigree_canvas { 2731 z-index: -1000; 2732} 2733 2734#childbox-pedigree { 2735 border: 1px solid; 2736 background-color: #fff; 2737} 2738 2739#pedigree-page #childbox-pedigree { 2740 border: 1px solid; 2741 background-color: #fff; 2742} 2743 2744#childbox-pedigree { 2745 padding: 5px; 2746 position: absolute; 2747 display: none; 2748 text-align: start; 2749 white-space: nowrap; 2750 left: auto; 2751 z-index: 9999; 2752} 2753 2754.wt-chart-pedigree, .wt-chart-hourglass { 2755 overflow-y: auto; 2756} 2757 2758.wt-chart-pedigree .spacer { 2759 background-image: url(images/spacer.png); 2760 height: 20px; 2761 width: 1px; 2762} 2763 2764#pedigree-page .shadow { 2765 box-shadow: 0 0 0 !important; /* override vendor css shadow */ 2766} 2767 2768#childarrow, 2769.ancestorarrow { 2770 text-align: center; 2771 display: inline-block; 2772 vertical-align: middle; 2773} 2774 2775.layout3 #childbox-pedigree { 2776 top: auto; 2777} 2778 2779#childbox-pedigree a.name1 { 2780 display: block; 2781 margin-left: 5px; 2782} 2783 2784 2785/* 2786 * Place hierarchy 2787 * 2788 * wt-place-hierarchy-page 2789 */ 2790 2791#place-hierarchy ul { 2792 list-style-type: none; 2793} 2794 2795.d-table-cell { 2796 padding-right: 5px; 2797} 2798 2799/* 2800 * Search 2801 * 2802 * wt-search-page, wt-general-search-page/wt-phonetic-search-page/wt-advanced-search-page/wt-search-replace-page 2803 */ 2804 2805/* Some menus (e.g. languages) can be longer than a page */ 2806.dropdown-menu { 2807 max-height: 30rem; 2808 overflow-x: hidden; 2809} 2810 2811/* Clipping cart */ 2812.clipping-cart h2 { 2813 margin: 20px; 2814 text-align: center; 2815} 2816 2817.clipping-cart .wt-page-options { 2818 max-width: 25rem; 2819} 2820 2821.clipping-cart .topbottombar, .clipping-cart .optionbox, .add-to .topbottombar { 2822 font-size: 1rem; 2823} 2824 2825.clipping-cart .add-to { 2826 text-align: left; 2827} 2828 2829/* Forms */ 2830.col-form-label { 2831 font-weight: bold; 2832} 2833 2834/* Popups */ 2835.popup .nav-link { 2836 display: inline; 2837 vertical-align: top; 2838 padding: 5px; 2839} 2840 2841
