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-serach-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.tabs_table { 843 width: 99%; 844} 845 846.name1 { 847 font-weight: bold; 848 font-size: 12px; 849} 850 851.name2 { 852 font-size: 16px; 853 } 854 855a:hover .name1, a:hover .name2 { 856 color: #f00; 857 font-weight: bold; 858 font-size: 12px; 859} 860 861a:hover .nameZoom { 862 color: #f00; 863 font-size: 16px; 864 font-weight: bold; 865} 866 867.details0, 868.details1 { 869 font-size: 11px; 870} 871 872.details2 { 873 font-size: 12px; 874} 875 876.nameZoom { 877 color: #555; 878 font-size: 16px; 879 font-weight: bold; 880} 881 882.details_label { 883 font-weight: bold; 884} 885 886.name_head { 887 color: #555; 888 font-size: 16px; 889 font-weight: bold; 890 line-height: 2; 891 padding: 0 5px; 892} 893 894.date { 895 color: #337; 896} 897 898.label { 899 font-weight: bold; 900} 901 902.error { 903 color: #d00; 904 font-weight: bold; 905} 906 907.largeError { 908 color: #d00; 909 font-size: large; 910 font-weight: bold; 911} 912 913.warning { 914 color: #f00; 915 font-weight: bold; 916} 917 918.indent { 919 padding-left: 20px; 920} 921 922.image { 923 height: 150px; 924 padding: 5px; 925 margin: 2px; 926} 927 928.gender_image { 929 margin: 0 3px; 930 border: 0; 931 vertical-align: middle; 932} 933 934.thumbnail { 935 height: auto; 936 padding: 3px; 937} 938 939.icon { 940 border: 0; 941 padding: 0 5px; 942} 943 944.sublinks_cell { 945 background-color: #edf7fd; 946 font-size: 12px; 947} 948 949.submenu .icon { 950 vertical-align: middle; 951 width: 20px; 952 height: 20px; 953} 954 955.subheaders { 956 font-weight: bold; 957 font-size: 15px; 958 margin-top: 15px; 959 vertical-align: bottom; 960} 961 962#family-table .subheaders:first-child { 963 width: 285px; 964} 965 966.parentdeath { 967 border: thin solid #888; 968 padding: 1px; 969} 970 971.source_citations { 972 display: none; 973} 974 975.selected-option { 976 background-color: #edf7fd; 977} 978 979.border1 { 980 border: solid #000 1px; 981} 982 983.menuitem { 984 text-decoration: none; 985 font-size: 11px; 986 padding: 1px; 987} 988 989.menuitem_hover { 990 text-decoration: none; 991 font-size: 11px; 992 padding: 1px; 993} 994 995.menuitem .icon, .menuitem_hover .icon { 996 width: 50px; 997 height: 50px; 998} 999 1000.submenu { 1001 text-decoration: none; 1002 font-size: 11px; 1003 background-color: #edf7fd; 1004 border: solid #81a9cb 1px; 1005 visibility: hidden; 1006 position: absolute; 1007 padding: 5px; 1008} 1009 1010.submenuitem { 1011 vertical-align: middle; 1012 font-size: 11px; 1013 height: 20px; 1014 text-decoration: none; 1015 background-color: #edf7fd; 1016 padding: 1px; 1017 white-space: nowrap; 1018} 1019 1020.submenuitem_hover { 1021 vertical-align: middle; 1022 height: 20px; 1023 font-size: 11px; 1024 background-color: #e6f0fa; 1025 white-space: nowrap; 1026 padding: 1px; 1027} 1028 1029.submenuitem a, 1030.submenuitem_hover a { 1031 display: inline-block; 1032 vertical-align: middle; 1033} 1034 1035.journal_box { 1036 padding: 3pt; 1037 border: thin solid #aaa; 1038 overflow: visible; 1039} 1040 1041.news_box { 1042 background-color: #edf7fd; 1043 border-top: solid #81a9cb 1px; 1044} 1045 1046.news_title { 1047 font-weight: bold; 1048 font-size: 14px; 1049} 1050 1051.news_date { 1052 margin-bottom: 12px; 1053} 1054 1055.current_day { 1056 font-weight: bold; 1057 font-size: 16px; 1058} 1059 1060.cal_day { 1061 float: left; 1062 font-weight: bold; 1063} 1064 1065.rtl_cal_day { 1066 direction: rtl; 1067 float: right; 1068 color: #00f; 1069 font-weight: bold; 1070} 1071 1072.helpcontent { 1073 margin-left: 10px; 1074 margin-right: 10px; 1075} 1076 1077.helpcontent dt { 1078 clear: both; 1079} 1080 1081#user-page h1 { 1082 margin: 0.25em auto 0.6em; 1083} 1084 1085.tvertline { 1086 vertical-align: bottom; 1087} 1088 1089#childbox { 1090 padding: 5px; 1091 position: absolute; 1092 display: none; 1093 text-align: start; 1094 white-space: nowrap; 1095 top: 20px; 1096 left: 0; 1097} 1098 1099.layout3 #childbox { 1100 top: auto; 1101 bottom: 20px; 1102} 1103 1104#childbox a.name1 { 1105 display: block; 1106 margin-left: 5px; 1107} 1108 1109.person0 { 1110 background-color: #aaf; 1111 border: outset #aaf 1px; 1112 vertical-align: top; 1113} 1114 1115.person1 { 1116 background-color: #afa; 1117 border: outset #afa 1px; 1118 vertical-align: top; 1119} 1120 1121.person2 { 1122 background-color: #faa; 1123 border: outset #faa 1px; 1124 vertical-align: top; 1125} 1126 1127.person3 { 1128 background-color: #55f; 1129 border: outset #55f 1px; 1130 vertical-align: top; 1131} 1132 1133.person4 { 1134 background-color: #f55; 1135 border: outset #f55 1px; 1136 vertical-align: top; 1137} 1138 1139.person5 { 1140 background-color: #5f5; 1141 border: outset #5f5 1px; 1142 vertical-align: top; 1143} 1144 1145.listlog { 1146 line-height: 20pt; 1147} 1148 1149.starredname { 1150 text-decoration: underline; 1151} 1152 1153.search_hit { 1154 background-color: #ff0; 1155} 1156 1157.search_item { 1158 font-weight: 600; 1159} 1160 1161.descriptionbox { 1162 color: #006; 1163 font-size: 12px; 1164 background-color: #c3dfff; 1165 vertical-align: top; 1166 padding: 3px; 1167} 1168 1169.optionbox { 1170 background-color: #ecf5ff; 1171 font-size: 1rem; 1172 border: solid #c3dfff 1px; 1173 vertical-align: top; 1174 white-space: nowrap; 1175 padding: 3px; 1176} 1177 1178.vmiddle { 1179 vertical-align: middle; 1180} 1181 1182.red { 1183 color: #f00; 1184} 1185 1186.wt-relation-fact, 1187.wt-historic-fact { 1188 opacity: 0.8; 1189} 1190 1191.messagebox { 1192 background-color: #c2ceef; 1193 border: solid #81a9cb 1px; 1194} 1195 1196/* ---Pending edits--- */ 1197.new { 1198 outline: solid blue 1px; 1199} 1200 1201.old { 1202 outline: solid red 1px; 1203} 1204 1205.tag_cloud { 1206 text-align: center; 1207} 1208 1209.tag_cloud a { 1210 white-space: nowrap; 1211} 1212 1213.nowrap { 1214 white-space: nowrap; 1215} 1216 1217.wrap { 1218 white-space: normal; 1219} 1220 1221.statistics-page { 1222 text-align: center; 1223} 1224 1225.gchart { 1226 border: solid #81a9cb 1px; 1227} 1228 1229/* ---Find special characters--- */ 1230.largechars { 1231 font-family: monospace; 1232 font-size: 200%; 1233} 1234 1235#facts_content dd { 1236 float: left; 1237 width: 70%; 1238} 1239 1240/* this keeps the tag color the same when it is a link as when not */ 1241 1242.place { 1243 padding-top: 5px; 1244} 1245 1246#pending h2 { 1247 text-align: center; 1248 margin-bottom: 20px; 1249} 1250 1251#pending h3 { 1252 text-align: center; 1253 margin-top: 20px; 1254} 1255 1256#pending .list_value { 1257 padding: 3px; 1258 text-align: center; 1259 vertical-align: middle; 1260 white-space: nowrap; 1261} 1262 1263#pending .indent { 1264 padding: 0; 1265} 1266 1267/* --- reportengine.php --- */ 1268#reportengine-page table { 1269 margin: 20px auto; 1270} 1271 1272#reportengine-page .report-type { 1273 overflow: hidden; 1274 margin: auto; 1275 width: 180px; 1276} 1277 1278#reportengine-page .report-type div { 1279 float: left; 1280 margin: 0 20px; 1281} 1282 1283#reportengine-page .report-type p { 1284 margin: 0; 1285 text-align: center; 1286} 1287 1288/* styles for popup menus */ 1289.itr { 1290 position: absolute; 1291 line-height: 1.5; 1292} 1293 1294.popup { 1295 position: absolute; 1296 top: 20px; 1297 right: 0; 1298 left: auto; 1299 visibility: hidden; 1300 opacity: 0; 1301 transition: visibility 0s ease .25s,opacity .25s ease; 1302 z-index: 9999; 1303 box-shadow: 5px 5px 5px 0 rgba(0,0,0,.4); 1304} 1305 1306.popup ul { 1307 white-space: nowrap; 1308 list-style: none; 1309 margin: 0; 1310 padding: 0 10px; 1311 font-size: smaller; 1312} 1313 1314.popup > ul { 1315 padding: 2px 10px; 1316} 1317 1318.popup li .NAME { 1319 padding: 0 5px; 1320} 1321 1322.itr:hover .popup { 1323 visibility: visible; 1324 opacity: 1; 1325 transition-delay: 0s; 1326} 1327 1328/* styles for FindFacts pop-up */ 1329#layDefinedTags, 1330#tabDefinedTagsShow { 1331 width: 450px; 1332} 1333 1334#tabDefinedTags { 1335 width: 430px; 1336} 1337 1338#layDefinedTags { 1339 margin-left: auto; 1340 margin-right: auto; 1341 height: 285px; 1342 overflow: auto; 1343} 1344 1345#tabDefinedTags { 1346 border-collapse: collapse; 1347} 1348 1349#tabDefinedTags th, 1350#tabDefinedTags td { 1351 border: solid 1px #000; 1352 margin: 0; 1353 padding: 3px; 1354} 1355 1356#tabDefinedTags tbody th { 1357 text-align: left; 1358 font-weight: bold; 1359} 1360 1361#tabDefinedTags tr.sel { 1362 background-color: #d1d9ef; 1363 color: #888; 1364} 1365 1366#tabDefinedTags tr.unsel { 1367 background-color: #fff; 1368 color: #888; 1369} 1370 1371#tabDefinedTagsShow { 1372 margin-left: auto; 1373 margin-right: auto; 1374} 1375 1376#tabDefinedTagsShow td { 1377 width: 50%; 1378 text-align: center; 1379} 1380 1381#tabFilterAndCustom { 1382 margin-left: auto; 1383 margin-right: auto; 1384} 1385 1386#tabAction { 1387 margin-left: auto; 1388 margin-right: auto; 1389} 1390 1391#tabAction td { 1392 width: 50%; 1393 text-align: center; 1394} 1395 1396/* ======== List styles ====== */ 1397.surname-list, 1398.givn-list { 1399 margin: 5px auto; 1400} 1401 1402.surname-list td { 1403 vertical-align: top; 1404} 1405 1406.indi-list .stats, 1407.fam-list .stats { 1408 margin: 0 auto; 1409 width: auto; 1410} 1411 1412.source-list th, 1413.note-list th, 1414.repo-list th, 1415.media-list th, 1416.indi-list th, 1417.fam-list th, 1418.surname-list th, 1419.givn-list th { 1420 cursor: pointer; 1421 font-weight: 600; 1422 padding: 2px 4px; 1423 white-space: nowrap; 1424} 1425 1426.source-list th:last-child, 1427.note-list th:last-child, 1428.repo-list th:last-child { 1429 margin: 0 -2px 1px 1px; 1430 padding: 3px 0 4px; 1431 width: 24px; 1432} 1433 1434.givn-list th { 1435 cursor: pointer; 1436 white-space: nowrap; 1437 padding: 2px; 1438 text-align: center; 1439} 1440 1441#source-details h2, 1442#sourcelist-page h2, 1443#note-details h2, 1444#notelist-page h2, 1445#repo-details h2, 1446#repolist-page h2, 1447#media-details h2, 1448#statistics-page h2 { 1449 margin-bottom: 20px; 1450 text-align: center; 1451} 1452 1453#source-edit, 1454#note-edit, 1455#repo-edit, 1456#media-edit { 1457 overflow-x: auto; 1458} 1459 1460.media-list td img { 1461 display: block; 1462 height: 40px; 1463 width: auto; 1464 margin: 3px auto; 1465} 1466 1467.filtersH, 1468.filtersF { 1469 margin: 4px; 1470} 1471 1472.filtersH img { 1473 margin-bottom: 2px; 1474} 1475 1476.list-charts { 1477 text-align: center; 1478} 1479 1480#search-result-tabs h3 { 1481 text-align: center; 1482} 1483 1484#searchAccordion-indi, 1485#searchAccordion-fam, 1486#searchAccordion-source, 1487#searchAccordion-note { 1488 margin: auto; 1489 width: 99%; 1490} 1491 1492#place-hierarchy h2, 1493#place-hierarchy h4 { 1494 text-align: center; 1495} 1496 1497#main_select, 1498#available_select, 1499#right_select { 1500 min-width: 150px; 1501} 1502 1503/* ==== FAQ table styles ===== */ 1504table.faq { 1505 background-color: #e0e0e0; 1506 margin: 5px 0 50px 5px; 1507 width: 98%; 1508} 1509 1510table.faq tr:nth-child(odd) td { 1511 background-color: #e7eef3; 1512} 1513 1514div.faq_title { 1515 background-color: #e0e0e0; 1516 margin: 1em 0; 1517 padding: .25em; 1518 font-weight: bold; 1519 width: 98%; 1520} 1521 1522div.faq_body { 1523 clear: both; 1524 padding: 0 1em; 1525} 1526 1527.faq_top { 1528 float: right; 1529} 1530 1531/* === Positioning edit, copy, delete links === */ 1532/* General use */ 1533.editfacts { 1534 clear: left; 1535 padding-top: 15px; 1536} 1537 1538/* ======== Indi header ====== */ 1539#indi_header { 1540 overflow: hidden; 1541 border-radius: 3px; 1542 border: 1px solid #b2c7d7; 1543 margin: 0 0 5px 10px; 1544 padding: 10px 0; 1545} 1546 1547#indi_header h3 { 1548 font-size: 90%; 1549 font-weight: bold; 1550 margin: 0; 1551 padding: 0 10px 0 30px; 1552 text-align: left; 1553 overflow: hidden; 1554 position: relative; 1555} 1556 1557#indi_header .name_one { 1558 font-size: 1.5em; 1559} 1560 1561#indi_header h3 .details1 { 1562 font-size: 1.0em; 1563} 1564 1565#indi_header h3 .header_age { 1566 padding: 5px 0 5px 5px; 1567 float: right; 1568 font-weight: normal; 1569 font-size: 65%; 1570} 1571 1572#indi_header h3 a { 1573 display: inline; 1574} 1575 1576#indi_header a { 1577 color: #337; 1578 font-size: 0.75em; 1579 font-weight: normal; 1580} 1581 1582#indi_header a:hover { 1583 color: #f00; 1584} 1585 1586#indi_mainimage { 1587 float: left; 1588 padding: 0 10px; 1589} 1590 1591#header_accordion1 { 1592 padding: 0 10px 0 0; 1593 overflow: hidden; 1594} 1595 1596#header_accordion1 .indi_name_details { 1597 margin: 0; 1598 overflow: hidden; 1599 padding: 5px; 1600} 1601 1602.indi_name_details .name1 { 1603 font-weight: normal; 1604 padding-top: 5px; 1605 font-size: inherit; 1606} 1607 1608#indi_header a.warning { 1609 color: #f00; 1610 font-size: 1em; 1611} 1612 1613#indi_note { 1614 margin: 0 0 5px; 1615} 1616 1617.indi_table { 1618 clear: left; 1619} 1620 1621#sex { 1622 float: right; 1623} 1624 1625#dates { 1626 float: right; 1627} 1628 1629#individual-names .wt-icon-edit, 1630#individual-names .wt-icon-delete { 1631 float: right; 1632} 1633 1634#indi_note .fact_NOTE { 1635 float: left; 1636 margin: 0 5px 0 0; 1637} 1638 1639#indi_note .fact_SOUR { 1640 margin: 3px 0; 1641} 1642 1643#indi_note .fact_SOUR a { 1644 font-size: 100%; 1645} 1646 1647#indi_note .fact_NOTE, 1648#indi_note .fact_SOUR { 1649 clear: both; 1650} 1651 1652/* markdown formatting */ 1653 1654.markdown { 1655 /* Tables and pre-formatted text can break the layout. */ 1656 overflow-x: auto; 1657} 1658 1659.markdown p { 1660 margin: 0 0 0.5em; 1661 white-space: pre-wrap; 1662} 1663 1664.markdown table { 1665 border-collapse: collapse; 1666 margin-bottom: 5px; 1667} 1668 1669.markdown th { 1670 font-weight: bold; 1671} 1672 1673.markdown td, 1674.markdown th { 1675 border: solid thin #000; 1676 padding: 3px; 1677} 1678 1679.odometer { 1680 font-family: courier, monospace; 1681 font-weight: bold; 1682 background: #000; 1683 color: #fff; 1684} 1685 1686/* ======== Indi tabs ======== */ 1687/* Facts & Events tab */ 1688#personal_facts_content .fact_NOTE, 1689#personal_facts_content .fact_SOUR, 1690#family-table .fact_NOTE, 1691#family-table .fact_SOUR { 1692 margin: 5px 3px 5px 0; 1693 clear: both; 1694} 1695 1696.media-display-image { 1697 float: left; 1698} 1699 1700.media-display-title { 1701 float: left; 1702 font-style: italic; 1703 margin: 10px; 1704} 1705 1706/* === jQuery.datatable styling general over-rides === */ 1707.odd { 1708 background-color: #e7eef3; 1709} 1710 1711.even { 1712 background-color: #e6e6e6; 1713} 1714 1715.css_right { 1716 float: left; 1717} 1718 1719.fg-button { 1720 padding: 2px 6px; 1721} 1722 1723/* Sidebar - Family navigator */ 1724.wt-family-navigator-dropdown { 1725 background: #edf7fd; 1726} 1727 1728.wt-family-navigator-dropdown-heading { 1729 font-weight: bold; 1730 font-size: inherit; 1731 color: inherit; 1732} 1733 1734/* Sidebar - Descendants */ 1735#sb_content_descendancy { 1736 margin-top: 5px; 1737} 1738 1739#sb_desc_content { 1740 margin-left: 3px; 1741 font-size: 0.8em; 1742} 1743 1744#sb_desc_content ul { 1745 padding: 0; 1746 margin: 0; 1747} 1748 1749.sb_desc_indi_li { 1750 list-style-type: none; 1751} 1752 1753.desc_tree_div { 1754 display: none; 1755} 1756 1757.desc_tree_div ul { 1758 padding: 0; 1759 margin-left: 10px; 1760 margin-top: 0; 1761 margin-right: 0; 1762} 1763 1764/* Individuals and Families */ 1765#sidebar-content-individuals, 1766#sidebar-content-families { 1767 margin-top: 5px; 1768} 1769 1770.sb_indi_surname_li, 1771.sb_fam_surname_li { 1772 list-style-image: url(xenea/images/plus.png); 1773} 1774 1775.name_tree_div ul { 1776 padding: 0; 1777 margin: 0; 1778} 1779 1780.name_tree_div li { 1781 list-style: none; 1782 margin: 0; 1783 padding: 0; 1784} 1785 1786/* Clippings */ 1787#sb_clippings_content ul { 1788 padding: 0; 1789 margin: 0; 1790} 1791 1792#sb_clippings_content li { 1793 list-style: none; 1794 margin: 0; 1795 padding: 0; 1796 white-space: nowrap; 1797} 1798 1799/* Extra info */ 1800#sb_content_extra_info { 1801 font-size: 80%; 1802 font-weight: bold; 1803 margin-top: 1px; 1804 overflow: hidden; 1805 padding: 5px; 1806} 1807 1808#sb_content_extra_info .editfacts { 1809 float: right; 1810 margin-top: -30px; 1811} 1812 1813#sb_content_extra_info a { 1814 display: block; 1815} 1816 1817#sb_content_extra_info span { 1818 font-weight: normal; 1819} 1820 1821#sb_content_extra_info span a { 1822 display: inline; 1823} 1824 1825#sb_content_extra_info #hitcounter { 1826 border-top: 1px solid #b2c7d7; 1827 font-weight: bold; 1828 padding-top: 5px; 1829} 1830 1831/* http://www.jacklmoore.com/colorbox */ 1832#colorbox, 1833#cboxOverlay, 1834#cboxWrapper { 1835 position: absolute; 1836 top: 0; 1837 left: 0; 1838 z-index: 9999; 1839 overflow: hidden; 1840} 1841 1842#cboxWrapper { 1843 max-width: none; 1844} 1845 1846#cboxOverlay { 1847 position: fixed; 1848 width: 100%; 1849 height: 100%; 1850 background: #fff; 1851} 1852 1853#cboxContent { 1854 background: #fff; 1855 overflow: hidden; 1856 position: relative; 1857 padding: 0.5rem; 1858 border: 0.25rem solid #ccc; 1859} 1860 1861#cboxLoadingOverlay, 1862#cboxLoadingGraphic { 1863 position: absolute; 1864 top: 0; 1865 left: 0; 1866 width: 100%; 1867 height: 100%; 1868} 1869 1870.cboxPhoto { 1871 float: left; 1872 margin: auto; 1873 border: 0; 1874 display: block; 1875 max-width: none; 1876} 1877 1878#colorbox, 1879#cboxContent, 1880#cboxLoadedContent { 1881 box-sizing: content-box; 1882} 1883 1884#cboxError { 1885 padding: 50px; 1886 border: 1px solid #ccc; 1887} 1888 1889#cboxLoadedContent { 1890 margin-bottom: 28px; 1891} 1892 1893#cboxTitle { 1894 background: #fff; 1895 position: absolute; 1896 bottom: 0.25rem; 1897 left: 0; 1898 margin: 0 3rem; 1899 text-align: center; 1900} 1901 1902#cboxLoadingGraphic { 1903 background: url(images/loading-32x32.gif) no-repeat center center; 1904} 1905 1906#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { 1907 background: none; 1908 border: 0; 1909 cursor: pointer; 1910 font-family: "Font Awesome\ 5 Free", sans-serif; 1911 font-weight: 900; 1912 overflow: visible; 1913 padding: 0; 1914 position: absolute; 1915} 1916 1917#cboxSlideshow { 1918 bottom: 0.25rem; 1919 right: 0.25rem; 1920} 1921 1922#cboxPrevious { 1923 bottom: 0.25rem; 1924 left: 0.25rem; 1925} 1926 1927#cboxNext { 1928 bottom: 0.25rem; 1929 left: 1.5rem; 1930} 1931 1932#cboxClose { 1933 top: 0.25rem; 1934 right: 0.25rem; 1935} 1936 1937/* Stories module */ 1938.story_title { 1939 padding-top: 12px; 1940 font-size: 13px; 1941 height: 32px; 1942 font-weight: bold; 1943} 1944 1945.story_body { 1946 padding: 20px; 1947 white-space: normal; 1948} 1949 1950.story_edit { 1951 padding: 12px; 1952} 1953 1954/* Stories module */ 1955.story_title { 1956 padding-top: 12px; 1957 font-size: 13px; 1958 height: 32px; 1959 font-weight: bold; 1960} 1961 1962.story_body { 1963 padding: 20px; 1964 white-space: normal; 1965} 1966 1967.story_edit { 1968 padding: 12px; 1969} 1970 1971/* ====== Charts Styles ======== */ 1972#people label { 1973 display: block; 1974} 1975 1976/* Ancestry chart */ 1977.wt-chart-ancestors-list { 1978 background: transparent url(images/vline.png) left top repeat-y; 1979 margin: 0 0 0 15px; 1980 padding: 0; 1981 display: block; 1982} 1983 1984.wt-chart-ancestors-list-item { 1985 margin: 5px 0; 1986} 1987 1988.chart_common li { 1989 list-style: outside none none; 1990} 1991 1992.generations { 1993 background: transparent url(images/vline.png) repeat-y scroll left top; 1994 display: block; 1995 margin: 0 0 0 15px; 1996 padding: 0; 1997} 1998 1999.chart_common table { 2000 padding: 0; 2001 border-spacing: 0; 2002 border-collapse: collapse; 2003 margin: 5px 0; 2004} 2005 2006.chart_common td { 2007 border: 0; 2008 padding: 0; 2009} 2010 2011.chart_common span.details1 div[class^=fact_] { 2012 display: inline-block; 2013} 2014 2015.chart_common span.details1 .date { 2016 color: inherit; 2017} 2018 2019/*-- Family book --*/ 2020#familybook_chart { 2021 margin-left: 10px; 2022} 2023 2024#familybook_chart table { 2025 border-collapse: collapse; 2026 empty-cells: show; 2027} 2028 2029#familybook_chart td { 2030 margin: 0; 2031 padding: 0; 2032} 2033 2034#familybook_chart h2 { 2035 text-align: center; 2036} 2037 2038#familybook_chart .line3, 2039#familybook_chart .pvline, 2040#familybook_chart .spacer { 2041 width: 3px; 2042} 2043 2044#familybook_chart .line4 { 2045 width: 7px; 2046 vertical-align: middle; 2047} 2048 2049[ID^="vline"] { 2050 width: 3px; 2051} 2052 2053#familybook_chart h3 { 2054 color: #006; 2055 font-size: 16px; 2056 text-align: center; 2057} 2058 2059/*-- Fan chart ---- */ 2060.fan_chart_menu { 2061 background: #fff; 2062 position: absolute; 2063 display: none; 2064 z-index: 100; 2065} 2066 2067#fan_chart ul { 2068 list-style-type: none; 2069 margin: 0; 2070} 2071 2072/* Lifespans chart */ 2073.wt-lifespans-subtitle { 2074 text-align: center; 2075} 2076 2077.wt-lifespans-scale { 2078 white-space: nowrap; 2079} 2080 2081.wt-lifespans-decade { 2082 width: 70px; 2083 height: 60px; 2084 display: inline-block; 2085 background-image: url(images/lifespan-decade.png); 2086 background-position-y: bottom; 2087 background-repeat: no-repeat; 2088 background-size: 70px 37px; 2089} 2090 2091.wt-lifespans-individuals { 2092 background: #fafafa; 2093} 2094 2095.wt-lifespans-individual { 2096 2097} 2098 2099.wt-lifespans-summary { 2100 background: #ffffff; 2101 border: thin solid #000; 2102 z-index: 1; 2103} 2104 2105.wt-lifespans-summary-link { 2106 font-weight: bold; 2107} 2108 2109/*-- Pedigree ---- */ 2110#pedigree_chart { 2111 position: relative; 2112 margin: 20px auto; 2113} 2114 2115#pedigree_canvas { 2116 color: #81a9cb; 2117 z-index: -1000; 2118} 2119 2120#pedigree-page .shadow { 2121 position: absolute; 2122 white-space: nowrap; 2123} 2124 2125#pedigree-page .layout0 .shadow > div, 2126#pedigree-page .layout1 .shadow > div { 2127 display: inline-block; 2128 vertical-align: middle; 2129} 2130 2131#pedigree-page .spacer { 2132 background-image: url(images/spacer.png); 2133 height: 20px; 2134 width: 1px; 2135} 2136 2137#childarrow, 2138.ancestorarrow { 2139 text-align: center; 2140} 2141 2142#pedigree-page #childarrow { 2143 position: relative; 2144} 2145 2146#pedigree-page #childbox { 2147 border: 1px solid; 2148 background-color: #fff; 2149} 2150 2151#pedigree-page table.list_table { 2152 margin: 0 auto; 2153 width: 500px; 2154} 2155 2156.pedigree_chart_table { 2157 border: 0; 2158 border-collapse: collapse; 2159 padding: 0; 2160 width: 100%; 2161} 2162 2163/*-- timeline --*/ 2164#timeline_chart { 2165 position: relative; 2166 top: 0; 2167 left: 0; 2168} 2169 2170#field_table { 2171 width: 30%; 2172 min-width: 500px; 2173} 2174 2175/* 2176 * Any element that is loaded dynamically has the class wt-ajax-load. 2177 * We can provide a "loading" placeholder for empty elements with this class. 2178 */ 2179.wt-ajax-load:empty { 2180 height: 32px; 2181 background: url(images/loading-32x32.gif) no-repeat 50% 50%; 2182} 2183 2184/* 2185 * Default icons are provided by FontAwesome. 2186 * Some icons get mirrored on RTL pages. Typiclly arrows 2187 */ 2188[dir=rtl] .wt-flip-rtl { 2189 transform: scale(-1, 1); 2190} 2191 2192.wt-icon-anniversary { 2193 content: url(images/anniversary.png); 2194} 2195 2196.wt-icon-arrow-down { 2197 content: url(xenea/icons/arrow-down.png); 2198} 2199 2200a > .wt-icon-arrow-down:hover { 2201 content: url(xenea/icons/arrow-down-hover.png); 2202} 2203 2204.wt-icon-arrow-left { 2205 content: url(xenea/icons/arrow-left.png); 2206} 2207 2208a > .wt-icon-arrow-left:hover { 2209 content: url(xenea/icons/arrow-left-hover.png); 2210} 2211 2212.wt-icon-arrow-right { 2213 content: url(xenea/icons/arrow-right.png); 2214} 2215 2216a > .wt-icon-arrow-right:hover { 2217 content: url(xenea/icons/arrow-right-hover.png); 2218} 2219 2220.wt-icon-arrow-up { 2221 content: url(xenea/icons/arrow-up.png); 2222} 2223 2224a > .wt-icon-arrow-up:hover { 2225 content: url(xenea/icons/arrow-up-hover.png); 2226} 2227 2228.wt-icon-collapse { 2229} 2230 2231.wt-icon-coordinates { 2232 content: url(images/coordinates.png) 2233} 2234 2235.wt-icon-expand { 2236} 2237 2238.wt-icon-reorder { 2239 content: url(images/reorder.png); 2240} 2241 2242.wt-icon-sex-f { 2243 content: url(images/sex-female.png); 2244} 2245 2246.wt-icon-sex-m { 2247 content: url(images/sex-male.png); 2248} 2249 2250.wt-icon-sex-u { 2251 content: url(images/sex-unknown.png); 2252} 2253 2254.wt-icon-sex-x { 2255 content: url(images/sex-unknown.png); 2256} 2257 2258.wt-icon-warning { 2259 content: url(images/warning.png); 2260} 2261 2262.wt-icon-zoom-in { 2263 content: url(xenea/images/zoomin.png); 2264} 2265 2266.wt-icon-zoom-out { 2267 content: url(xenea/images/zoomout.png); 2268} 2269 2270/* 2271 * .wt-icon-bing-maps 2272 * .wt-icon-calendar 2273 * .wt-icon-copy 2274 * .wt-icon-delete 2275 * .wt-icon-edit 2276 * .wt-icon-email 2277 * .wt-icon-family 2278 * .wt-icon-help 2279 * .wt-icon-individual 2280 * .wt-icon-google-maps 2281 * .wt-icon-keyboard 2282 * .wt-icon-media 2283 * .wt-icon-note 2284 * .wt-icon-openstreetmap 2285 * .wt-icon-preferences 2286 * .wt-icon-repository 2287 * .wt-icon-source 2288 * .wt-icon-submitter 2289 */ 2290.wt-icon-bing-maps::before { 2291 width: 16px; 2292 height: 16px; 2293 content: url(xenea/icons/bing-maps.png); 2294} 2295 2296.wt-icon-calendar::before { 2297 width: 19px; 2298 height: 15px; 2299 content: url(xenea/icons/calendar.png) 2300} 2301 2302.wt-icon-copy::before { 2303 width: 16px; 2304 height: 16px; 2305 content: url(xenea/icons/copy.png) 2306} 2307 2308.wt-icon-delete::before { 2309 width: 16px; 2310 height: 16px; 2311 content: url(xenea/icons/delete.png); 2312} 2313 2314.wt-icon-edit::before { 2315 width: 16px; 2316 height: 16px; 2317 content: url(xenea/icons/edit.png); 2318} 2319 2320.wt-icon-family::before { 2321 width: 14px; 2322 height: 15px; 2323 content: url(xenea/icons/family.png); 2324} 2325 2326.wt-icon-help::before { 2327 width: 16px; 2328 height: 16px; 2329 content: url(xenea/icons/help.png); 2330} 2331 2332.wt-icon-google-maps::before { 2333 width: 16px; 2334 height: 16px; 2335 content: url(xenea/icons/google-maps.png); 2336} 2337 2338.wt-icon-individual::before { 2339 width: 11px; 2340 height: 15px; 2341 content: url(xenea/icons/individual.png); 2342} 2343 2344.wt-icon-keyboard::before { 2345 width: 30px; 2346 height: 15px; 2347 content: url(xenea/icons/keyboard.png); 2348} 2349 2350.wt-icon-media::before { 2351 width: 18px; 2352 height: 16px; 2353 content: url(xenea/icons/media.png); 2354} 2355 2356.wt-icon-note::before { 2357 width: 20px; 2358 height: 20px; 2359 content: url(xenea/icons/note.png); 2360} 2361 2362.wt-icon-openstreetmap::before { 2363 width: 16px; 2364 height: 16px; 2365 content: url(xenea/icons/openstreetmap.png); 2366} 2367 2368.wt-icon-preferences::before { 2369 width: 25px; 2370 height: 25px; 2371 content: url(xenea/icons/preferences.png); 2372} 2373 2374.wt-icon-repository::before { 2375 width: 15px; 2376 height: 15px; 2377 content: url(xenea/icons/repository.png); 2378} 2379 2380.wt-icon-source::before { 2381 width: 18px; 2382 height: 16px; 2383 content: url(xenea/icons/source.png); 2384} 2385 2386.wt-icon-submitter::before { 2387 width: 11px; 2388 height: 15px; 2389 content: url(xenea/icons/individual.png); 2390} 2391 2392[class^="icon-"], 2393[class*=" icon-"] { 2394 display: inline-block; 2395 vertical-align: text-bottom; 2396 background-repeat: no-repeat; 2397 background-size: cover; 2398} 2399 2400.icon-add { 2401 width: 14px; 2402 height: 15px; 2403 background-image: url(images/add.png); 2404} 2405 2406.icon-cfamily { 2407 width: 25px; 2408 height: 25px; 2409 background-image: url(xenea/images/cfamily.png); 2410} 2411 2412.icon-childless { 2413 width: 25px; 2414 height: 25px; 2415 background-image: url(xenea/images/childless.png); 2416} 2417 2418.icon-children { 2419 width: 16px; 2420 height: 16px; 2421 background-image: url(xenea/images/children.png); 2422} 2423 2424.icon-clippings { 2425 width: 22px; 2426 height: 22px; 2427 background-image: url(xenea/images/clippings.png); 2428} 2429 2430.icon-edit_indi { 2431 width: 25px; 2432 height: 25px; 2433 background-image: url(xenea/images/edit_indi.png); 2434} 2435 2436.icon-fam-list { 2437 width: 25px; 2438 height: 25px; 2439 background-image: url(xenea/images/cfamily.png); 2440} 2441 2442.icon-indi-list { 2443 width: 20px; 2444 height: 20px; 2445 background-image: url(xenea/images/indis.png); 2446} 2447 2448.icon-loading-small { 2449 width: 16px; 2450 height: 16px; 2451 background-image: url(xenea/images/indicator.gif); 2452} 2453 2454.icon-media { 2455 width: 20px; 2456 height: 20px; 2457 background-image: url(xenea/images/media.png); 2458} 2459 2460.icon-media-list { 2461 width: 20px; 2462 height: 20px; 2463 background-image: url(xenea/images/media.png); 2464} 2465 2466.icon-media-next { 2467 width: 20px; 2468 height: 20px; 2469 background-image: url(xenea/images/rdarrow.png); 2470} 2471 2472.icon-media-play { 2473 width: 20px; 2474 height: 20px; 2475 background-image: url(xenea/images/rarrow.png); 2476} 2477 2478.icon-media-stop { 2479 width: 20px; 2480 height: 20px; 2481 background-image: url(xenea/images/stop.png); 2482} 2483 2484.icon-minus { 2485 width: 11px; 2486 height: 11px; 2487 background-image: url(xenea/images/minus.png); 2488} 2489 2490.icon-mypage { 2491 width: 24px; 2492 height: 24px; 2493 background-image: url(xenea/images/mypage.png); 2494} 2495 2496.icon-note { 2497 width: 22px; 2498 height: 22px; 2499 background-image: url(xenea/icons/note.png); 2500} 2501 2502.icon-plus { 2503 width: 11px; 2504 height: 11px; 2505 background-image: url(xenea/images/plus.png); 2506} 2507 2508.icon-remove { 2509 width: 20px; 2510 height: 20px; 2511 background-image: url(xenea/images/remove.png); 2512} 2513 2514.icon-resn-confidential { 2515 width: 16px; 2516 height: 16px; 2517 background-image: url(xenea/images/resn_confidential.png); 2518} 2519 2520.icon-resn-locked { 2521 width: 16px; 2522 height: 16px; 2523 background-image: url(xenea/images/resn_locked.png); 2524} 2525 2526.icon-resn-none { 2527 width: 16px; 2528 height: 16px; 2529 background-image: url(xenea/images/resn_none.png); 2530} 2531 2532.icon-resn-privacy { 2533 width: 16px; 2534 height: 16px; 2535 background-image: url(xenea/images/resn_privacy.png); 2536} 2537 2538.icon-rings { 2539 width: 9px; 2540 height: 9px; 2541 background-image: url(xenea/images/rings.png); 2542} 2543 2544.icon-selected { 2545 width: 12px; 2546 height: 12px; 2547 background-image: url(xenea/images/selected.png); 2548} 2549 2550.icon-source { 2551 width: 20px; 2552 height: 20px; 2553 background-image: url(xenea/images/source.png); 2554} 2555 2556/* Silhouettes on charts */ 2557.icon-silhouette-F { 2558 width: 37px; 2559 height: 50px; 2560 background-image: url(xenea/images/silhouette_female_small.png); 2561} 2562 2563.icon-silhouette-M { 2564 width: 37px; 2565 height: 50px; 2566 background-image: url(xenea/images/silhouette_male_small.png); 2567} 2568 2569.icon-silhouette-U { 2570 width: 37px; 2571 height: 50px; 2572 background-image: url(xenea/images/silhouette_unknown_small.png); 2573} 2574 2575.icon-indis { 2576 width: 25px; 2577 height: 25px; 2578 background-image: url(xenea/images/indis.png); 2579} 2580 2581.icon-patriarch { 2582 width: 25px; 2583 height: 25px; 2584 background-image: url(xenea/images/patriarch.png); 2585} 2586 2587.icon-pedigree { 2588 width: 25px; 2589 height: 25px; 2590 background-image: url(xenea/images/pedigree.png); 2591} 2592 2593.icon-place { 2594 width: 25px; 2595 height: 25px; 2596 background-image: url(xenea/images/place.png); 2597} 2598 2599.icon-repo-list { 2600 width: 25px; 2601 height: 25px; 2602 background-image: url(xenea/images/repository.png); 2603} 2604 2605.icon-repository { 2606 width: 25px; 2607 height: 25px; 2608 background-image: url(xenea/images/repository.png); 2609} 2610 2611.icon-search { 2612 width: 25px; 2613 height: 25px; 2614 background-image: url(xenea/images/search.png); 2615} 2616 2617.icon-sfamily { 2618 width: 25px; 2619 height: 25px; 2620 background-image: url(xenea/images/sfamily.png); 2621} 2622 2623.icon-source-list { 2624 width: 25px; 2625 height: 25px; 2626 background-image: url(xenea/images/source.png); 2627} 2628 2629.icon-user_add { 2630 width: 25px; 2631 height: 25px; 2632 background-image: url(xenea/images/user_add.png); 2633} 2634 2635/* Census assistant */ 2636.wt-census-assistant-form-control:focus { 2637 min-width: 12rem; 2638} 2639 2640/* 2641 * Drag and drop sortable lists 2642 */ 2643.wt-sortable-list { 2644} 2645 2646.wt-sortable-item { 2647 cursor: move; 2648} 2649 2650/* Some blocks show a reduced version on the right-hand side. */ 2651.wt-side-blocks .wt-side-block-optional { 2652 display: none !important; 2653} 2654 2655/* my page chart enhancements */ 2656.wt-block-content-charts { 2657 flex-flow: column-reverse; 2658 overflow: auto; 2659} 2660 2661.wt-block-content-todays-events-block { 2662 padding: .25rem; 2663} 2664 2665/* Some charts are wider than the page. */ 2666.wt-chart { 2667 overflow-x: auto; 2668 overflow-y: hidden; 2669} 2670 2671/* Fit thumbnail into parent on charts */ 2672.select2-selection.select2-selection--single { 2673 min-height: 36px; 2674 height: auto; 2675 padding: 2px 0; 2676} 2677 2678.select2-container .select2-selection--single .select2-selection__rendered { 2679 padding-left: 2px; 2680} 2681 2682.select2-selection--single .NAME { 2683 padding-left: 4px; 2684} 2685 2686/* 2687 * These selectors control how the short horizontal lines are positioned in the Charts 2688 * Optimized for Win10 and FF, Chrome and Edge browsers 2689 * Ancestors 2690 * Descendants 2691 * amily book 2692 * Hourglass chart 2693 * 2694 */ 2695 2696/* Ascentors */ 2697.wt-chart-ancestors .linea1 { 2698 margin-bottom: 4px; 2699} 2700 2701.wt-chart-ancestors .linea2 { 2702 margin-bottom: 7px; 2703} 2704 2705.wt-chart-ancestors .linea3 { 2706 margin-bottom: 4px; 2707} 2708 2709.wt-chart-ancestors .linea4 { 2710 margin-bottom: 7px; 2711} 2712 2713.wt-chart-ancestors .linea5 { 2714 vertical-align: top; 2715} 2716 2717/* Descendants */ 2718.wt-chart-descendants .lined1 { 2719 margin-bottom: 4px; 2720} 2721 2722.wt-chart-descendants .lined2 { 2723 margin-bottom: 7px; 2724} 2725 2726.wt-chart-descendants .lined3 { 2727 margin-bottom: 4px; 2728} 2729 2730.wt-chart-descendants .lined4 { 2731 margin-bottom: 7px; 2732} 2733 2734.wt-chart-descendants .linea5 { 2735 vertical-align: top; 2736} 2737 2738/* Family book */ 2739.linef1 { 2740 margin-bottom: 3px; 2741} 2742 2743.linef2 { 2744 margin-bottom: 3px; 2745} 2746 2747.linef3 { 2748 margin-bottom: 7px; 2749} 2750 2751/* Hourglass */ 2752.lineh1 { 2753 margin-bottom: 4px; 2754} 2755 2756.lineh2 { 2757 margin-bottom: 4px; 2758} 2759 2760.lineh3 { 2761 margin-bottom: 7px; 2762} 2763 2764/* 2765 * Pedigree chart 2766 * 2767 * wt-chart, wt-chart-pedigree 2768 */ 2769 2770#pedigree_chart { 2771 position: relative; 2772 margin: 20px auto; 2773} 2774 2775#pedigree_canvas { 2776 z-index: -1000; 2777} 2778 2779#childbox-pedigree { 2780 border: 1px solid; 2781 background-color: #fff; 2782} 2783 2784#pedigree-page #childbox-pedigree { 2785 border: 1px solid; 2786 background-color: #fff; 2787} 2788 2789#childbox-pedigree { 2790 padding: 5px; 2791 position: absolute; 2792 display: none; 2793 text-align: start; 2794 white-space: nowrap; 2795 left: auto; 2796 z-index: 9999; 2797} 2798 2799.wt-chart-pedigree, .wt-chart-hourglass { 2800 overflow-y: auto; 2801} 2802 2803.wt-chart-pedigree .spacer { 2804 background-image: url(images/spacer.png); 2805 height: 20px; 2806 width: 1px; 2807} 2808 2809#pedigree-page .shadow { 2810 box-shadow: 0 0 0 !important; /* override vendor css shadow */ 2811} 2812 2813#childarrow, 2814.ancestorarrow { 2815 text-align: center; 2816 display: inline-block; 2817 vertical-align: middle; 2818} 2819 2820.layout3 #childbox-pedigree { 2821 top: auto; 2822} 2823 2824#childbox-pedigree a.name1 { 2825 display: block; 2826 margin-left: 5px; 2827} 2828 2829 2830/* 2831 * Place hierarchy 2832 * 2833 * wt-place-hierarchy-page 2834 */ 2835 2836#place-hierarchy ul { 2837 list-style-type: none; 2838} 2839 2840.d-table-cell { 2841 padding-right: 5px; 2842} 2843 2844/* 2845 * Search 2846 * 2847 * wt-search-page, wt-general-serach-page/wt-phonetic-search-page/wt-advanced-search-page/wt-search-replace-page 2848 */ 2849 2850/* Some menus (e.g. languages) can be longer than a page */ 2851.dropdown-menu { 2852 max-height: 30rem; 2853 overflow-x: hidden; 2854} 2855 2856/* Clipping cart */ 2857.clipping-cart h2 { 2858 margin: 20px; 2859 text-align: center; 2860} 2861 2862.clipping-cart .wt-page-options { 2863 max-width: 25rem; 2864} 2865 2866.clipping-cart .topbottombar, .clipping-cart .optionbox, .add-to .topbottombar { 2867 font-size: 1rem; 2868} 2869 2870.clipping-cart .add-to { 2871 text-align: left; 2872} 2873 2874/* Forms */ 2875.col-form-label { 2876 font-weight: bold; 2877} 2878 2879/* Popups */ 2880.popup .nav-link { 2881 display: inline; 2882 vertical-align: top; 2883 padding: 5px; 2884} 2885 2886
