1/** 2 * webtrees: online genealogy 3 * Copyright (C) 2023 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 19:root { 20 --chart-line-radius: 1rem; 21 --chart-line: solid gray thin; 22 --link-color-hover: #f00; 23 --link-color: #00f; 24 --link-decoration-hover: none; 25 --link-decoration: none; 26 --sex-f-bg: #fff0f0; 27 --sex-f-fg: #ff2080; 28 --sex-m-bg: #f0f9ff; 29 --sex-m-fg: #84beff; 30 --sex-u-bg: #ffffff; 31 --sex-u-fg: #008080; 32 --sex-x-bg: #fceaa1; 33 --sex-x-fg: #ffab57; 34} 35 36/* Override Bootstrap formatting */ 37.btn-link { 38 padding-left: 0.25rem; 39 padding-right: 0.25rem; 40} 41 42.table-given-name { 43 overflow-x: hidden; 44} 45 46.container-fluid { 47 padding-left: 5px; 48 padding-right: 5px; 49} 50 51table { 52 border-collapse: separate; 53} 54 55/* 56 * Pages have the following high-level structure: 57 * 58 * wt-global wt-theme-<THEME> wt-route-<ROUTE> 59 * +---wt-header-wrapper 60 * | +---wt-header-container 61 * | +---wt-header-content 62 * | +---wt-accessibility-links 63 * | +---wt-site-logo 64 * | +---wt-site-title 65 * | +---wt-header-search 66 * | | +---wt-header-search-form 67 * | | +---wt-header-search-field 68 * | | +---wt-header-search-button 69 * | +---wt-secondary-navigation 70 * | | +---wt-user-menu 71 * | +---wt-primary-navigation 72 * | +---wt-genealogy-menu 73 * +---wt-main-wrapper 74 * | +---wt-main-container 75 * | +---wt-main-content 76 * | +---wt-messages 77 * | +---wt-page-title 78 * | +---wt-page-options wt-page-options-xxxxx 79 * | +---wt-page-content 80 * +---wt-footers 81 * +---wt-footer wt-footer-xxxxx 82 */ 83 84.wt-global { 85 color: #006; 86} 87 88.wt-header-wrapper { 89 background-image: linear-gradient(to right, #06d, #acf); 90 border-bottom: 2px solid #0073cf; 91} 92 93.wt-header-container { 94 color: #fff; 95} 96 97.wt-header-content { 98} 99 100.wt-accessibility-links { 101} 102 103.wt-site-logo { 104 display: none; 105} 106 107.wt-site-title { 108 order: 1; 109 flex: 0 0 calc(100% - 15rem); 110 font-size: 1.5rem; 111 margin: 0.5rem 0; 112} 113 114.wt-header-search { 115 order: 2; 116 flex: 0 0 15rem; 117 margin: 0.25rem 0; 118} 119 120.wt-header-search-form { 121} 122 123.wt-header-search-field { 124} 125 126.wt-header-search-button { 127 color: #000; 128 background: #ddd; 129 border: 0; 130} 131 132.wt-header-search-button .fa-search::before { 133 content: ">"; 134} 135 136.wt-secondary-navigation { 137 order: 3; 138 background-image: linear-gradient(#1548a7, #81bafc, #1548a7); 139 /* Extend to full page width */ 140 flex: 0 1 100vw; 141 max-width: 100vw; 142 /* Recalculate margins for content */ 143 margin: 0 calc(50% - 50vw); 144 padding: 0 calc(50vw - 50%); 145} 146 147.wt-user-menu { 148 flex-wrap: nowrap; 149 padding: 0.25rem 0; 150 justify-content: space-between; 151} 152 153.wt-user-menu a.nav-link { 154 color: #fff; 155 font-weight: bold; 156} 157 158.wt-user-menu .dropdown-toggle::after { 159 display: none; 160} 161 162.wt-primary-navigation { 163 order: 4; 164 background: #fff; 165 /* Extend to full page width */ 166 flex: 0 1 100vw; 167 max-width: 100vw; 168 /* Recalculate margins for content */ 169 margin: 0 calc(50% - 50vw); 170 padding: 0 calc(50vw - 50%); 171} 172 173.wt-genealogy-menu { 174 justify-content: center; 175} 176 177.wt-genealogy-menu .nav-item { 178 text-align: center; 179 min-width: 5rem; 180 padding-top: 0.25rem; 181} 182 183.wt-genealogy-menu .nav-link::before { 184 display: block; 185} 186 187.wt-genealogy-menu .dropdown-toggle::after { 188 display: none; 189} 190 191.wt-genealogy-menu .dropdown-menu { 192 border-radius: 0; 193} 194 195.wt-genealogy-menu .dropdown-item { 196 padding: 0 0.25rem; 197} 198 199.wt-genealogy-menu .dropdown-item::before { 200 vertical-align: top; 201 padding: 0 0.25rem; 202} 203 204.menu-tree .nav-link::before { 205 content: url(xenea/menu/tree.png); 206} 207 208.menu-tree .dropdown-item::before { 209 content: url(xenea/menu/tree-tree.png); 210} 211 212.menu-chart .nav-link::before { 213 content: url(xenea/menu/chart.png); 214} 215 216.menu-chart-ancestry::before { 217 content: url(xenea/menu/chart-ancestors.png); 218} 219 220.menu-chart-compact::before { 221 content: url(xenea/menu/chart-compact.png); 222} 223 224.menu-chart-descendants::before { 225 content: url(xenea/menu/chart-descendants.png); 226} 227 228.menu-chart-familybook::before { 229 content: url(xenea/menu/chart-family-book.png); 230} 231 232.menu-chart-fanchart::before { 233 content: url(xenea/menu/chart-fanchart.png); 234} 235 236.menu-chart-hourglass::before { 237 content: url(xenea/menu/chart-hourglass.png); 238} 239 240.menu-chart-lifespan::before { 241 content: url(xenea/menu/chart-lifespan.png); 242} 243 244.menu-chart-pedigree::before { 245 content: url(xenea/menu/chart-pedigree.png); 246} 247 248.menu-chart-pedigreemap::before { 249 content: url(xenea/menu/chart-pedigree-map.png); 250} 251 252.menu-chart-relationship::before { 253 content: url(xenea/menu/chart-relationship.png); 254} 255 256.menu-chart-statistics::before { 257 content: url(xenea/menu/chart-statistics.png); 258} 259 260.menu-chart-timeline::before { 261 content: url(xenea/menu/chart-timeline.png); 262} 263 264.menu-chart-tree::before { 265 content: url(xenea/menu/chart-tree.png); 266} 267 268.menu-list .nav-link::before { 269 content: url(xenea/menu/list.png); 270} 271 272.menu-branches::before { 273 content: url(xenea/menu/branches.png); 274} 275 276.menu-list-fam::before { 277 content: url(xenea/menu/list-fam.png); 278} 279 280.menu-list-indi::before { 281 content: url(xenea/menu/list-indi.png); 282} 283 284.menu-list-loc::before { 285 content: url(xenea/menu/list-plac.png); 286} 287 288.menu-list-note::before { 289 content: url(xenea/menu/list-note.png); 290} 291 292.menu-list-obje::before { 293 content: url(xenea/menu/list-obje.png); 294} 295 296.menu-list-plac::before { 297 content: url(xenea/menu/list-plac.png); 298} 299 300.menu-list-repo::before { 301 content: url(xenea/menu/list-repo.png); 302} 303 304.menu-list-sour::before { 305 content: url(xenea/menu/list-sour.png); 306} 307 308.menu-list-subm::before { 309 content: url(xenea/menu/list-indi.png); 310} 311 312.menu-calendar .nav-link::before { 313 content: url(xenea/menu/calendar.png); 314} 315 316.menu-calendar-day::before { 317 content: url(xenea/menu/calendar-calendar.png); 318} 319 320.menu-calendar-month::before { 321 content: url(xenea/menu/calendar-calendar.png); 322} 323 324.menu-calendar-year::before { 325 content: url(xenea/menu/calendar-calendar.png); 326} 327 328.menu-report .nav-link::before { 329 content: url(xenea/menu/report.png); 330} 331 332.menu-report .dropdown-item::before { 333 content: url(xenea/menu/report-report.png); 334} 335 336.menu-search .nav-link::before { 337 content: url(xenea/menu/search.png); 338} 339 340.menu-search .dropdown-item::before { 341 content: url(xenea/menu/search-search.png); 342} 343 344.menu-faq .nav-link::before { 345 content: url(xenea/menu/faq.png); 346} 347 348.menu-clippings .nav-link::before { 349 content: url(xenea/menu/clippings.png); 350} 351 352.menu-clippings-add::before { 353 content: url(xenea/menu/clippings-add.png); 354} 355 356.menu-clippings-cart::before { 357 content: url(xenea/menu/clippings-cart.png); 358} 359 360.menu-clippings-download::before { 361 content: url(xenea/menu/edit-preferences.png); 362} 363 364.menu-clippings-empty::before { 365 content: url(xenea/menu/edit-delete.png); 366} 367 368.menu-story .nav-link::before { 369 content: url(xenea/menu/story.png); 370} 371 372.wt-main-container { 373 /* Space between the header/footer and the main content. */ 374 padding-top: 1rem; 375 padding-bottom: 1rem; 376} 377 378.wt-main { 379} 380 381.wt-messages { 382} 383 384.wt-page-title { 385 text-align: center; 386} 387 388.wt-page-options { 389} 390 391.wt-page-content { 392} 393 394.wt-page-options-label { 395 color: #006; 396 background-color: #95b8e0; 397 border-left: 2px solid transparent; 398 border-right: 2px solid transparent; 399} 400 401.wt-page-options-value { 402 background-color: #ecf5ff; 403 border: thin solid #c3dfff; 404 padding: 0.25rem 0.75rem; 405} 406 407.wt-page-content { 408 margin-top: 1rem; 409} 410 411.wt-footers { 412} 413 414.wt-footer { 415} 416 417.wt-footer-contact { 418} 419 420.wt-footer-cookies { 421 background: #aaa; 422 color: #fff; 423 transition: height 0.5s; 424} 425 426.wt-footer-page-views { 427} 428 429.wt-footer-powered-by { 430} 431 432.wt-footer-powered-by-webtrees { 433 width: 100px; 434 height: 21px; 435 content: url(images/powered-by-webtrees.png); 436} 437 438/* 439 * The tree/user home pages 440 * 441 * wt-home-page / wt-user-page 442 * +---wt-main-blocks 443 * | +---wt-block, wt-block-AAA 444 * | +---wt-block, wt-block-BBB 445 * | +---wt-block, wt-block-CCC 446 * +---wt-side-blocks 447 * +---wt-block, wt-block-XXX 448 * +---wt-block, wt-block-YYY 449 * +---wt-block, wt-block-ZZZ 450 * 451 * Each block as the structure 452 * wt-block, wt-block-XXX 453 * +---wt-block-header, wt-block-header-XXX 454 * +---wt-block-content, wt-block-content-XXX 455 */ 456 457.wt-block { 458 background-color: #edf7fd; 459 border: thin solid #81a9cb; 460} 461 462.wt-block-header { 463 background-color: #edf7fd; 464 border-bottom: none; 465 font-weight: bold; 466} 467 468.wt-block-content { 469} 470 471.wt-block-content .list_table { 472 border-spacing: 1px; 473 border: solid #81a9cb 1px; 474 border-right: 0; 475} 476 477.wt-block-content .list_value, 478.wt-block-content .list_value_wrap { 479 border: 0; 480 border-top: solid #81a9cb 1px; 481 border-right: solid #81a9cb 1px; 482} 483 484/* 485 * The individual page. 486 * 487 * wt-route-individual 488 * +---wt-header-wrapper 489 */ 490.wt-individual-silhouette-f { 491 content: url(images/individual-silhouette-female.png); 492} 493 494.wt-individual-silhouette-m { 495 content: url(images/individual-silhouette-male.png); 496} 497 498.wt-individual-silhouette-u, 499.wt-individual-silhouette-x { 500 content: url(images/individual-silhouette-unknown.png); 501} 502 503/* 504 * Chart-boxes are used to build the various charts. 505 * Each type of chart will set its own size and hide/show content. 506 * 507 * wt-chart-box 508 * +--- wt-chart-box-thumbnail 509 * +--- wt-chart-box-extra 510 * +--- wt-chart-box-zoom 511 * +--- wt-chart-box-icon 512 * +--- wt-chart-box-dropdown wt-chart-box-zoom-dropdown 513 * +--- wt-chart-box-links 514 * +--- wt-chart-box-icon 515 * +--- wt-chart-box-dropdown wt-chart-box-links-dropdown 516 * +--- wt-chart-box-name 517 * +--- wt-chart-box-lifespan 518 * +--- wt-chart-box-facts 519 * +--- wt-chart-box-fact 520 */ 521.wt-chart-box { 522 height: 5rem; 523 padding: 2px; 524 line-height: 1.1; 525 border: solid gray thin; 526} 527 528.wt-chart-box-f, 529.wt-chart-box-f .wt-chart-box-dropdown { 530 background: var(--sex-f-bg); 531 border: solid var(--sex-f-fg) thin; 532} 533 534.wt-chart-box-m, 535.wt-chart-box-m .wt-chart-box-dropdown { 536 background: var(--sex-m-bg); 537 border: solid var(--sex-m-fg) thin; 538} 539 540.wt-chart-box-u, 541.wt-chart-box-u .wt-chart-box-dropdown { 542 background: var(--sex-u-bg); 543 border: solid var(--sex-u-fg) thin; 544} 545 546.wt-chart-box-x, 547.wt-chart-box-x .wt-chart-box-dropdown { 548 background: var(--sex-x-bg); 549 border: solid var(--sex-x-fg) thin; 550} 551 552#content #home-page { 553 margin-left: 5px; 554} 555 556/* ====== Round Corners ======== */ 557 558:focus { 559 outline-style: none; 560} 561 562.flash-messages { 563 clear: both; 564 text-align: center; 565} 566 567img.block { 568 border: 0; 569 height: 25px; 570 vertical-align: middle; 571} 572 573.button { 574 width: 60px; 575} 576 577.alpha_index { 578 color: #999; 579} 580 581.news_box:target, 582#gedcom_stats:target { 583 background-color: #ffc; 584} 585 586/* families tab person box */ 587table.center { 588 margin-left: auto; 589 margin-right: auto; 590} 591 592.list_table { 593 margin: 0 auto; 594} 595 596.list_label, 597.list_label_wrap { 598 color: #006; 599 font-size: 12px; 600 background-color: #c3dfff; 601 border: solid #81a9cb 1px; 602 font-weight: bold; 603 text-align: center; 604} 605 606.list_value, 607.list_value_wrap { 608 background-color: #edf7fd; 609 font-size: 12px; 610 border: solid #81a9cb 1px; 611 vertical-align: top; 612 padding: 4px; 613} 614 615.list_label, 616.list_value { 617 white-space: nowrap; 618} 619 620.list_label_wrap, 621.list_value_wrap { 622 white-space: normal; 623} 624 625div.fact_SHARED_NOTE { 626 clear: both; 627} 628 629/* Table of genealogical facts */ 630.wt-facts-table caption { 631 caption-side: top; 632} 633 634.wt-facts-table th { 635 background-color: #c3dfff; 636 color: #006; 637 text-align: center; 638 font-weight: normal; 639 min-width: 20%; 640} 641 642.wt-facts-table td { 643 background-color: #ecf5ff; 644 border: 1px solid #c3dfff; 645} 646 647.wt-facts-table .wt-sex-m > td { 648 background-color: var(--sex-m-bg); 649 border: solid var(--sex-m-fg) thin; 650} 651 652.wt-facts-table .wt-sex-f > td { 653 background-color: var(--sex-f-bg); 654 border: solid var(--sex-f-fg) thin; 655} 656 657.wt-facts-table .wt-sex-u > td { 658 background-color: var(--sex-u-bg); 659 border: solid var(--sex-u-fg) thin; 660} 661 662.wt-facts-table .wt-sex-x > td { 663 background-color: var(--sex-x-bg); 664 border: solid var(--sex-x-fg) thin; 665} 666 667.details_label { 668 font-weight: bold; 669} 670 671.date { 672 color: #337; 673} 674 675.label { 676 font-weight: bold; 677} 678 679.error { 680 color: #d00; 681 font-weight: bold; 682} 683 684.indent { 685 padding-left: 20px; 686} 687 688.parentdeath { 689 border: thin solid #888; 690 padding: 1px; 691} 692 693.journal_box { 694 padding: 3pt; 695 border: thin solid #aaa; 696 overflow: visible; 697} 698 699.news_box { 700 background-color: #edf7fd; 701 border-top: solid #81a9cb 1px; 702} 703 704.news_title { 705 font-weight: bold; 706 font-size: 14px; 707} 708 709.news_date { 710 margin-bottom: 12px; 711} 712 713.current_day { 714 font-weight: bold; 715 font-size: 16px; 716} 717 718.cal_day { 719 font-weight: bold; 720} 721 722.rtl_cal_day { 723 color: #00f; 724 font-weight: bold; 725} 726 727#user-page h1 { 728 margin: 0.25em auto 0.6em; 729} 730 731.tvertline { 732 vertical-align: bottom; 733} 734 735#childbox { 736 padding: 5px; 737 position: absolute; 738 display: none; 739 text-align: start; 740 white-space: nowrap; 741 top: 20px; 742 left: 0; 743} 744 745.layout3 #childbox { 746 top: auto; 747 bottom: 20px; 748} 749 750.person0 { 751 background-color: #aaf; 752 border: outset #aaf 1px; 753 vertical-align: top; 754} 755 756.person1 { 757 background-color: #afa; 758 border: outset #afa 1px; 759 vertical-align: top; 760} 761 762.person2 { 763 background-color: #faa; 764 border: outset #faa 1px; 765 vertical-align: top; 766} 767 768.person3 { 769 background-color: #55f; 770 border: outset #55f 1px; 771 vertical-align: top; 772} 773 774.person4 { 775 background-color: #f55; 776 border: outset #f55 1px; 777 vertical-align: top; 778} 779 780.person5 { 781 background-color: #5f5; 782 border: outset #5f5 1px; 783 vertical-align: top; 784} 785 786.starredname { 787 text-decoration: underline; 788} 789 790.search_hit { 791 background-color: #ff0; 792} 793 794.descriptionbox { 795 color: #006; 796 font-size: 12px; 797 background-color: #c3dfff; 798 vertical-align: top; 799 padding: 3px; 800} 801 802.optionbox { 803 background-color: #ecf5ff; 804 font-size: 1rem; 805 border: solid #c3dfff 1px; 806 vertical-align: top; 807 white-space: nowrap; 808 padding: 3px; 809} 810 811.red { 812 color: #f00; 813} 814 815.wt-associate-fact, 816.wt-relation-fact, 817.wt-historic-fact { 818 opacity: 0.8; 819} 820 821.messagebox { 822 background-color: #c2ceef; 823 border: solid #81a9cb 1px; 824} 825 826/* ---Pending edits--- */ 827.wt-new { 828 outline: solid blue 1px; 829} 830 831.wt-old { 832 outline: solid red 1px; 833} 834 835.nowrap { 836 white-space: nowrap; 837} 838 839.wrap { 840 white-space: normal; 841} 842 843.statistics-page { 844 text-align: center; 845} 846 847.gchart { 848 border: solid #81a9cb 1px; 849} 850 851#facts_content dd { 852 float: left; 853 width: 70%; 854} 855 856.filtersH, 857.filtersF { 858 margin: 4px; 859} 860 861.filtersH img { 862 margin-bottom: 2px; 863} 864 865.list-charts { 866 text-align: center; 867} 868 869#place-hierarchy h2, 870#place-hierarchy h4 { 871 text-align: center; 872} 873 874/* ==== FAQ table styles ===== */ 875table.faq { 876 background-color: #e0e0e0; 877 margin: 5px 0 50px 5px; 878 width: 98%; 879} 880 881table.faq tr:nth-child(odd) td { 882 background-color: #e7eef3; 883} 884 885div.faq_title { 886 background-color: #e0e0e0; 887 margin: 1em 0; 888 padding: .25em; 889 font-weight: bold; 890 width: 98%; 891} 892 893div.faq_body { 894 clear: both; 895 padding: 0 1em; 896} 897 898.faq_top { 899 float: right; 900} 901 902#indi_note { 903 margin: 0 0 5px; 904} 905 906.indi_table { 907 clear: left; 908} 909 910#indi_note .fact_NOTE { 911 float: left; 912 margin: 0 5px 0 0; 913} 914 915#indi_note .fact_SOUR { 916 margin: 3px 0; 917} 918 919#indi_note .fact_SOUR a { 920 font-size: 100%; 921} 922 923#indi_note .fact_NOTE, 924#indi_note .fact_SOUR { 925 clear: both; 926} 927 928.odometer { 929 font-family: courier, monospace; 930 font-weight: bold; 931 background: #000; 932 color: #fff; 933} 934 935/* Sidebar - Family navigator */ 936.wt-family-navigator-dropdown { 937 background: #edf7fd; 938} 939 940.wt-family-navigator-dropdown-heading { 941 font-weight: bold; 942 font-size: inherit; 943 color: inherit; 944} 945 946/* Sidebar - Descendants */ 947#sb_content_descendancy { 948 margin-top: 5px; 949} 950 951#sb_desc_content { 952 margin-left: 3px; 953 font-size: 0.8em; 954} 955 956#sb_desc_content ul { 957 padding: 0; 958 margin: 0; 959} 960 961.sb_desc_indi_li { 962 list-style-type: none; 963} 964 965/* Individuals and Families */ 966#sidebar-content-individuals, 967#sidebar-content-families { 968 margin-top: 5px; 969} 970 971.sb_indi_surname_li, 972.sb_fam_surname_li { 973 list-style-image: url(icons/plus.png); 974} 975 976.name_tree_div ul { 977 padding: 0; 978 margin: 0; 979} 980 981.name_tree_div li { 982 list-style: none; 983 margin: 0; 984 padding: 0; 985} 986 987/* Clippings */ 988#sb_clippings_content ul { 989 padding: 0; 990 margin: 0; 991} 992 993#sb_clippings_content li { 994 list-style: none; 995 margin: 0; 996 padding: 0; 997 white-space: nowrap; 998} 999 1000/*-- Fan chart ---- */ 1001.fan_chart_menu { 1002 background: #fff; 1003 position: absolute; 1004 display: none; 1005 z-index: 100; 1006} 1007 1008#fan_chart ul { 1009 list-style-type: none; 1010 margin: 0; 1011} 1012 1013/* Lifespans chart */ 1014.wt-lifespans-subtitle { 1015 text-align: center; 1016} 1017 1018.wt-lifespans-scale { 1019 white-space: nowrap; 1020} 1021 1022.wt-lifespans-decade { 1023 width: 70px; 1024 height: 60px; 1025 display: inline-block; 1026 background-image: url(images/lifespan-decade.png); 1027 background-position-y: bottom; 1028 background-repeat: no-repeat; 1029 background-size: 70px 37px; 1030} 1031 1032.wt-lifespans-individuals { 1033 background: #fafafa; 1034} 1035 1036.wt-lifespans-individual { 1037 1038} 1039 1040.wt-lifespans-summary { 1041 background: #ffffff; 1042 border: thin solid #000; 1043 z-index: 1; 1044} 1045 1046.wt-lifespans-summary-link { 1047 font-weight: bold; 1048} 1049 1050/*-- timeline --*/ 1051#timeline_chart { 1052 position: relative; 1053 top: 0; 1054 left: 0; 1055} 1056 1057/* 1058 * Any element that is loaded dynamically has the class wt-ajax-load. 1059 * We can provide a "loading" placeholder for empty elements with this class. 1060 */ 1061.wt-ajax-load:empty { 1062 height: 32px; 1063 background: url(images/loading-32x32.gif) no-repeat 50% 50%; 1064} 1065 1066/* 1067 * Default icons are provided by FontAwesome. 1068 */ 1069.wt-icon-anniversary { 1070 content: url(icons/anniversary.png); 1071} 1072 1073.wt-icon-arrow-down { 1074 content: url(xenea/icons/arrow-down.png); 1075} 1076 1077a > .wt-icon-arrow-down:hover { 1078 content: url(xenea/icons/arrow-down-hover.png); 1079} 1080 1081.wt-icon-arrow-left { 1082 content: url(xenea/icons/arrow-left.png); 1083} 1084 1085a > .wt-icon-arrow-left:hover { 1086 content: url(xenea/icons/arrow-left-hover.png); 1087} 1088 1089.wt-icon-arrow-right { 1090 content: url(xenea/icons/arrow-right.png); 1091} 1092 1093a > .wt-icon-arrow-right:hover { 1094 content: url(xenea/icons/arrow-right-hover.png); 1095} 1096 1097.wt-icon-arrow-up { 1098 content: url(xenea/icons/arrow-up.png); 1099} 1100 1101a > .wt-icon-arrow-up:hover { 1102 content: url(xenea/icons/arrow-up-hover.png); 1103} 1104 1105.wt-icon-bing-maps { 1106 content: url(icons/bing-maps.png); 1107} 1108 1109.wt-icon-calendar { 1110 content: url(icons/calendar.png) 1111} 1112 1113.wt-icon-collapse { 1114} 1115 1116.wt-icon-coordinates { 1117 content: url(icons/coordinates.png) 1118} 1119 1120.wt-icon-copy { 1121 content: url(icons/copy.png) 1122} 1123 1124.wt-icon-delete { 1125 content: url(icons/delete.png); 1126} 1127 1128.wt-icon-edit { 1129 content: url(icons/edit.png); 1130} 1131 1132.wt-icon-expand { 1133} 1134 1135.wt-icon-family { 1136 content: url(icons/family.png); 1137} 1138 1139.wt-icon-google-maps { 1140 content: url(icons/google-maps.png); 1141} 1142 1143.wt-icon-help { 1144 content: url(xenea/icons/help.png); 1145} 1146 1147.wt-icon-individual { 1148 content: url(icons/individual.png); 1149} 1150 1151.wt-icon-keyboard { 1152 content: url(icons/keyboard.png); 1153} 1154 1155.wt-icon-media { 1156 content: url(icons/media.png); 1157} 1158 1159.wt-icon-note { 1160 content: url(icons/note.png); 1161} 1162 1163.wt-icon-openstreetmap { 1164 content: url(icons/openstreetmap.png); 1165} 1166 1167.wt-icon-preferences { 1168 content: url(xenea/icons/preferences.png); 1169} 1170 1171.wt-icon-reorder { 1172 content: url(icons/reorder.png); 1173} 1174 1175.wt-icon-repository { 1176 content: url(icons/repository.png); 1177} 1178 1179.wt-icon-sex { 1180 height: 1em; 1181} 1182 1183.wt-icon-sex-f { 1184 content: url(icons/sex-female.png); 1185} 1186 1187.wt-icon-sex-m { 1188 content: url(icons/sex-male.png); 1189} 1190 1191.wt-icon-sex-u { 1192 content: url(icons/sex-unknown.png); 1193} 1194 1195.wt-icon-sex-x { 1196 content: url(icons/sex-unknown.png); 1197} 1198 1199.wt-icon-source { 1200 content: url(icons/source.png); 1201} 1202 1203.wt-icon-submitter { 1204 content: url(icons/individual.png); 1205} 1206 1207.wt-icon-warning { 1208 content: url(icons/warning.png); 1209} 1210 1211.wt-icon-zoom-in { 1212 content: url(xenea/icons/zoom-in.png); 1213} 1214 1215.wt-icon-zoom-out { 1216 content: url(xenea/icons/zoom-out.png); 1217} 1218 1219/* Fact icons */ 1220.wt-fact-icon { 1221 display: block; 1222 margin: 1rem auto; 1223 content: url(facts/NULL.png); 1224} 1225 1226.wt-fact-icon-ADDR { 1227 content: url(facts/ADDR.png); 1228} 1229 1230.wt-fact-icon-ADOP { 1231 content: url(facts/ADOP.png); 1232} 1233 1234.wt-fact-icon-AFN, 1235.wt-fact-icon-REFN, 1236.wt-fact-icon-RFN, 1237.wt-fact-icon-RIN, 1238.wt-fact-icon-_UID { 1239 content: url(facts/REFN.png); 1240} 1241 1242.wt-fact-icon-ASSO { 1243 content: url(facts/ADOP.png); 1244} 1245 1246.wt-fact-icon-BIRT { 1247 content: url(facts/BIRT.png); 1248} 1249 1250.wt-fact-icon-BURI { 1251 content: url(facts/BURI.png); 1252} 1253 1254.wt-fact-icon-CEME { 1255 content: url(facts/CEME.png); 1256} 1257 1258.wt-fact-icon-CENS { 1259 content: url(facts/CENS.png); 1260} 1261 1262.wt-fact-icon-CHAN { 1263 content: url(facts/CHAN.png); 1264} 1265 1266.wt-fact-icon-CHR, 1267.wt-fact-icon-BAPL, 1268.wt-fact-icon-BAPM { 1269 content: url(facts/CHR.png); 1270} 1271 1272.wt-fact-icon-CONF, 1273.wt-fact-icon-CONL { 1274 content: url(facts/CONF.png); 1275} 1276 1277.wt-fact-icon-DEAT { 1278 content: url(facts/DEAT.png); 1279} 1280 1281.wt-fact-icon-ANUL, 1282.wt-fact-icon-DIV { 1283 content: url(facts/DIV.png); 1284} 1285 1286.wt-fact-icon-DIVF { 1287 content: url(facts/DIVF.png); 1288} 1289 1290.wt-fact-icon-EMAIL { 1291 content: url(facts/EMAIL.png); 1292} 1293 1294.wt-fact-icon-EMIG { 1295 content: url(facts/EMIG.png); 1296} 1297 1298.wt-fact-icon-ENGA, 1299.wt-fact-icon-MARB { 1300 content: url(facts/ENGA.png); 1301} 1302 1303.wt-fact-icon-EVEN { 1304 content: url(facts/EVEN.png); 1305} 1306 1307.wt-fact-icon-FACT { 1308 content: url(facts/FACT.png); 1309} 1310 1311.wt-fact-icon-IMMI { 1312 content: url(facts/IMMI.png); 1313} 1314 1315.wt-fact-icon-MARR, 1316.wt-fact-icon-SLGS { 1317 content: url(facts/MARR.png); 1318} 1319 1320.wt-fact-icon-OCCU { 1321 content: url(facts/OCCU.png); 1322} 1323 1324.wt-fact-icon-ORDN { 1325 content: url(facts/ORDN.png); 1326} 1327 1328.wt-fact-icon-PHON { 1329 content: url(facts/PHON.png); 1330} 1331 1332.wt-fact-icon-PROP, 1333.wt-fact-icon-RESI { 1334 content: url(facts/RESI.png); 1335} 1336 1337.wt-fact-icon-WWW { 1338 content: url(facts/WWW.png); 1339} 1340 1341.wt-fact-icon-_MDCL { 1342 content: url(facts/_MDCL.png); 1343} 1344 1345.wt-fact-icon-_MILI { 1346 content: url(facts/_MILI.png); 1347} 1348 1349.wt-fact-icon-_NMAR { 1350 content: url(facts/_NMAR.png); 1351} 1352 1353.wt-fact-icon-_NMR { 1354 content: url(facts/MARR.png); 1355} 1356 1357.wt-fact-icon-_SEPR { 1358 content: url(facts/_SEPR.png); 1359} 1360 1361.wt-fact-icon-_TODO { 1362 content: url(facts/_TODO.png); 1363} 1364 1365/* Miscellaneous images */ 1366.icon-cfamily { 1367 content: url(xenea/images/cfamily.png); 1368} 1369 1370.icon-childless { 1371 content: url(images/childless.png); 1372} 1373 1374.icon-children { 1375 content: url(images/children.png); 1376} 1377 1378.icon-edit_indi { 1379 content: url(xenea/images/edit_indi.png); 1380} 1381 1382.icon-fam-list { 1383 content: url(xenea/images/cfamily.png); 1384} 1385 1386.icon-indi-list { 1387 content: url(xenea/images/indis.png); 1388} 1389 1390.icon-loading-small { 1391 content: url(images/indicator.gif); 1392} 1393 1394.icon-minus { 1395 content: url(icons/minus.png); 1396} 1397 1398.icon-mypage { 1399 content: url(xenea/images/mypage.png); 1400} 1401 1402.icon-plus { 1403 content: url(icons/plus.png); 1404} 1405 1406.icon-resn-confidential { 1407 content: url(images/resn_confidential.png); 1408} 1409 1410.icon-resn-locked { 1411 content: url(images/resn_locked.png); 1412} 1413 1414.icon-resn-none { 1415 content: url(images/resn_none.png); 1416} 1417 1418.icon-resn-privacy { 1419 content: url(images/resn_privacy.png); 1420} 1421 1422.icon-rings { 1423 content: url(images/rings.png); 1424} 1425 1426.icon-selected { 1427 content: url(xenea/images/selected.png); 1428} 1429 1430/* Silhouettes on charts */ 1431.icon-silhouette-f { 1432 content: url(xenea/images/silhouette_female_small.png); 1433} 1434 1435.icon-silhouette-m { 1436 content: url(xenea/images/silhouette_male_small.png); 1437} 1438 1439.icon-silhouette-u, 1440.icon-silhouette-x { 1441 content: url(xenea/images/silhouette_unknown_small.png); 1442} 1443 1444.icon-indis { 1445 content: url(xenea/images/indis.png); 1446} 1447 1448.icon-patriarch { 1449 content: url(xenea/images/patriarch.png); 1450} 1451 1452.icon-pedigree { 1453 content: url(xenea/images/pedigree.png); 1454} 1455 1456.icon-sfamily { 1457 content: url(xenea/images/sfamily.png); 1458} 1459 1460.icon-user_add { 1461 content: url(xenea/images/user_add.png); 1462} 1463 1464/* Census assistant */ 1465.wt-census-assistant-form-control:focus { 1466 min-width: 12rem; 1467} 1468 1469/* Some blocks show a reduced version on the right-hand side. */ 1470.wt-side-blocks .wt-side-block-optional { 1471 display: none !important; 1472} 1473 1474/* my page chart enhancements */ 1475.wt-block-content-charts { 1476 overflow: auto; 1477} 1478 1479/* Some charts are wider than the page. */ 1480.wt-chart { 1481 overflow-x: auto; 1482 overflow-y: hidden; 1483} 1484 1485/* Forms */ 1486.col-form-label { 1487 font-weight: bold; 1488} 1489
