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} 640 641.wt-facts-table > tbody > tr > th { 642 min-width: 20%; 643} 644 645.wt-facts-table td { 646 background-color: #ecf5ff; 647 border: 1px solid #c3dfff; 648} 649 650.wt-facts-table .wt-sex-m > td { 651 background-color: var(--sex-m-bg); 652 border: solid var(--sex-m-fg) thin; 653} 654 655.wt-facts-table .wt-sex-f > td { 656 background-color: var(--sex-f-bg); 657 border: solid var(--sex-f-fg) thin; 658} 659 660.wt-facts-table .wt-sex-u > td { 661 background-color: var(--sex-u-bg); 662 border: solid var(--sex-u-fg) thin; 663} 664 665.wt-facts-table .wt-sex-x > td { 666 background-color: var(--sex-x-bg); 667 border: solid var(--sex-x-fg) thin; 668} 669 670.details_label { 671 font-weight: bold; 672} 673 674.date { 675 color: #337; 676} 677 678.label { 679 font-weight: bold; 680} 681 682.error { 683 color: #d00; 684 font-weight: bold; 685} 686 687.indent { 688 padding-left: 20px; 689} 690 691.parentdeath { 692 border: thin solid #888; 693 padding: 1px; 694} 695 696.journal_box { 697 padding: 3pt; 698 border: thin solid #aaa; 699 overflow: visible; 700} 701 702.news_box { 703 background-color: #edf7fd; 704 border-top: solid #81a9cb 1px; 705} 706 707.news_title { 708 font-weight: bold; 709 font-size: 14px; 710} 711 712.news_date { 713 margin-bottom: 12px; 714} 715 716.current_day { 717 font-weight: bold; 718 font-size: 16px; 719} 720 721.cal_day { 722 font-weight: bold; 723} 724 725.rtl_cal_day { 726 color: #00f; 727 font-weight: bold; 728} 729 730#user-page h1 { 731 margin: 0.25em auto 0.6em; 732} 733 734.tvertline { 735 vertical-align: bottom; 736} 737 738#childbox { 739 padding: 5px; 740 position: absolute; 741 display: none; 742 text-align: start; 743 white-space: nowrap; 744 top: 20px; 745 left: 0; 746} 747 748.layout3 #childbox { 749 top: auto; 750 bottom: 20px; 751} 752 753.person0 { 754 background-color: #aaf; 755 border: outset #aaf 1px; 756 vertical-align: top; 757} 758 759.person1 { 760 background-color: #afa; 761 border: outset #afa 1px; 762 vertical-align: top; 763} 764 765.person2 { 766 background-color: #faa; 767 border: outset #faa 1px; 768 vertical-align: top; 769} 770 771.person3 { 772 background-color: #55f; 773 border: outset #55f 1px; 774 vertical-align: top; 775} 776 777.person4 { 778 background-color: #f55; 779 border: outset #f55 1px; 780 vertical-align: top; 781} 782 783.person5 { 784 background-color: #5f5; 785 border: outset #5f5 1px; 786 vertical-align: top; 787} 788 789.starredname { 790 text-decoration: underline; 791} 792 793.search_hit { 794 background-color: #ff0; 795} 796 797.descriptionbox { 798 color: #006; 799 font-size: 12px; 800 background-color: #c3dfff; 801 vertical-align: top; 802 padding: 3px; 803} 804 805.optionbox { 806 background-color: #ecf5ff; 807 font-size: 1rem; 808 border: solid #c3dfff 1px; 809 vertical-align: top; 810 white-space: nowrap; 811 padding: 3px; 812} 813 814.red { 815 color: #f00; 816} 817 818.wt-associate-fact, 819.wt-relation-fact, 820.wt-historic-fact { 821 opacity: 0.8; 822} 823 824.messagebox { 825 background-color: #c2ceef; 826 border: solid #81a9cb 1px; 827} 828 829/* ---Pending edits--- */ 830.wt-new { 831 outline: solid blue 1px; 832} 833 834.wt-old { 835 outline: solid red 1px; 836} 837 838.nowrap { 839 white-space: nowrap; 840} 841 842.wrap { 843 white-space: normal; 844} 845 846.statistics-page { 847 text-align: center; 848} 849 850.gchart { 851 border: solid #81a9cb 1px; 852} 853 854#facts_content dd { 855 float: left; 856 width: 70%; 857} 858 859.filtersH, 860.filtersF { 861 margin: 4px; 862} 863 864.filtersH img { 865 margin-bottom: 2px; 866} 867 868.list-charts { 869 text-align: center; 870} 871 872#place-hierarchy h2, 873#place-hierarchy h4 { 874 text-align: center; 875} 876 877/* ==== FAQ table styles ===== */ 878table.faq { 879 background-color: #e0e0e0; 880 margin: 5px 0 50px 5px; 881 width: 98%; 882} 883 884table.faq tr:nth-child(odd) td { 885 background-color: #e7eef3; 886} 887 888div.faq_title { 889 background-color: #e0e0e0; 890 margin: 1em 0; 891 padding: .25em; 892 font-weight: bold; 893 width: 98%; 894} 895 896div.faq_body { 897 clear: both; 898 padding: 0 1em; 899} 900 901.faq_top { 902 float: right; 903} 904 905#indi_note { 906 margin: 0 0 5px; 907} 908 909.indi_table { 910 clear: left; 911} 912 913#indi_note .fact_NOTE { 914 float: left; 915 margin: 0 5px 0 0; 916} 917 918#indi_note .fact_SOUR { 919 margin: 3px 0; 920} 921 922#indi_note .fact_SOUR a { 923 font-size: 100%; 924} 925 926#indi_note .fact_NOTE, 927#indi_note .fact_SOUR { 928 clear: both; 929} 930 931.odometer { 932 font-family: courier, monospace; 933 font-weight: bold; 934 background: #000; 935 color: #fff; 936} 937 938/* Sidebar - Family navigator */ 939.wt-family-navigator-dropdown { 940 background: #edf7fd; 941} 942 943.wt-family-navigator-dropdown-heading { 944 font-weight: bold; 945 font-size: inherit; 946 color: inherit; 947} 948 949/* Sidebar - Descendants */ 950#sb_content_descendancy { 951 margin-top: 5px; 952} 953 954#sb_desc_content { 955 margin-left: 3px; 956 font-size: 0.8em; 957} 958 959#sb_desc_content ul { 960 padding: 0; 961 margin: 0; 962} 963 964.sb_desc_indi_li { 965 list-style-type: none; 966} 967 968/* Individuals and Families */ 969#sidebar-content-individuals, 970#sidebar-content-families { 971 margin-top: 5px; 972} 973 974.sb_indi_surname_li, 975.sb_fam_surname_li { 976 list-style-image: url(icons/plus.png); 977} 978 979.name_tree_div ul { 980 padding: 0; 981 margin: 0; 982} 983 984.name_tree_div li { 985 list-style: none; 986 margin: 0; 987 padding: 0; 988} 989 990/* Clippings */ 991#sb_clippings_content ul { 992 padding: 0; 993 margin: 0; 994} 995 996#sb_clippings_content li { 997 list-style: none; 998 margin: 0; 999 padding: 0; 1000 white-space: nowrap; 1001} 1002 1003/*-- Fan chart ---- */ 1004.fan_chart_menu { 1005 background: #fff; 1006 position: absolute; 1007 display: none; 1008 z-index: 100; 1009} 1010 1011#fan_chart ul { 1012 list-style-type: none; 1013 margin: 0; 1014} 1015 1016/* Lifespans chart */ 1017.wt-lifespans-subtitle { 1018 text-align: center; 1019} 1020 1021.wt-lifespans-scale { 1022 white-space: nowrap; 1023} 1024 1025.wt-lifespans-decade { 1026 width: 70px; 1027 height: 60px; 1028 display: inline-block; 1029 background-image: url(images/lifespan-decade.png); 1030 background-position-y: bottom; 1031 background-repeat: no-repeat; 1032 background-size: 70px 37px; 1033} 1034 1035.wt-lifespans-individuals { 1036 background: #fafafa; 1037} 1038 1039.wt-lifespans-individual { 1040 1041} 1042 1043.wt-lifespans-summary { 1044 background: #ffffff; 1045 border: thin solid #000; 1046 z-index: 1; 1047} 1048 1049.wt-lifespans-summary-link { 1050 font-weight: bold; 1051} 1052 1053/*-- timeline --*/ 1054#timeline_chart { 1055 position: relative; 1056 top: 0; 1057 left: 0; 1058} 1059 1060/* 1061 * Any element that is loaded dynamically has the class wt-ajax-load. 1062 * We can provide a "loading" placeholder for empty elements with this class. 1063 */ 1064.wt-ajax-load:empty { 1065 height: 32px; 1066 background: url(images/loading-32x32.gif) no-repeat 50% 50%; 1067} 1068 1069/* 1070 * Default icons are provided by FontAwesome. 1071 */ 1072.wt-icon-anniversary { 1073 content: url(icons/anniversary.png); 1074} 1075 1076.wt-icon-arrow-down { 1077 content: url(xenea/icons/arrow-down.png); 1078} 1079 1080a > .wt-icon-arrow-down:hover { 1081 content: url(xenea/icons/arrow-down-hover.png); 1082} 1083 1084.wt-icon-arrow-left { 1085 content: url(xenea/icons/arrow-left.png); 1086} 1087 1088a > .wt-icon-arrow-left:hover { 1089 content: url(xenea/icons/arrow-left-hover.png); 1090} 1091 1092.wt-icon-arrow-right { 1093 content: url(xenea/icons/arrow-right.png); 1094} 1095 1096a > .wt-icon-arrow-right:hover { 1097 content: url(xenea/icons/arrow-right-hover.png); 1098} 1099 1100.wt-icon-arrow-up { 1101 content: url(xenea/icons/arrow-up.png); 1102} 1103 1104a > .wt-icon-arrow-up:hover { 1105 content: url(xenea/icons/arrow-up-hover.png); 1106} 1107 1108.wt-icon-bing-maps { 1109 content: url(icons/bing-maps.png); 1110} 1111 1112.wt-icon-calendar { 1113 content: url(icons/calendar.png) 1114} 1115 1116.wt-icon-collapse { 1117} 1118 1119.wt-icon-coordinates { 1120 content: url(icons/coordinates.png) 1121} 1122 1123.wt-icon-copy { 1124 content: url(icons/copy.png) 1125} 1126 1127.wt-icon-delete { 1128 content: url(icons/delete.png); 1129} 1130 1131.wt-icon-edit { 1132 content: url(icons/edit.png); 1133} 1134 1135.wt-icon-expand { 1136} 1137 1138.wt-icon-family { 1139 content: url(icons/family.png); 1140} 1141 1142.wt-icon-google-maps { 1143 content: url(icons/google-maps.png); 1144} 1145 1146.wt-icon-help { 1147 content: url(xenea/icons/help.png); 1148} 1149 1150.wt-icon-individual { 1151 content: url(icons/individual.png); 1152} 1153 1154.wt-icon-keyboard { 1155 content: url(icons/keyboard.png); 1156} 1157 1158.wt-icon-media { 1159 content: url(icons/media.png); 1160} 1161 1162.wt-icon-note { 1163 content: url(icons/note.png); 1164} 1165 1166.wt-icon-openstreetmap { 1167 content: url(icons/openstreetmap.png); 1168} 1169 1170.wt-icon-preferences { 1171 content: url(xenea/icons/preferences.png); 1172} 1173 1174.wt-icon-reorder { 1175 content: url(icons/reorder.png); 1176} 1177 1178.wt-icon-repository { 1179 content: url(icons/repository.png); 1180} 1181 1182.wt-icon-sex { 1183 height: 1em; 1184} 1185 1186.wt-icon-sex-f { 1187 content: url(icons/sex-female.png); 1188} 1189 1190.wt-icon-sex-m { 1191 content: url(icons/sex-male.png); 1192} 1193 1194.wt-icon-sex-u { 1195 content: url(icons/sex-unknown.png); 1196} 1197 1198.wt-icon-sex-x { 1199 content: url(icons/sex-unknown.png); 1200} 1201 1202.wt-icon-source { 1203 content: url(icons/source.png); 1204} 1205 1206.wt-icon-submitter { 1207 content: url(icons/individual.png); 1208} 1209 1210.wt-icon-warning { 1211 content: url(icons/warning.png); 1212} 1213 1214.wt-icon-zoom-in { 1215 content: url(xenea/icons/zoom-in.png); 1216} 1217 1218.wt-icon-zoom-out { 1219 content: url(xenea/icons/zoom-out.png); 1220} 1221 1222/* Fact icons */ 1223.wt-fact-icon { 1224 display: block; 1225 margin: 1rem auto; 1226 content: url(facts/NULL.png); 1227} 1228 1229.wt-fact-icon-ADDR { 1230 content: url(facts/ADDR.png); 1231} 1232 1233.wt-fact-icon-ADOP { 1234 content: url(facts/ADOP.png); 1235} 1236 1237.wt-fact-icon-AFN, 1238.wt-fact-icon-REFN, 1239.wt-fact-icon-RFN, 1240.wt-fact-icon-RIN, 1241.wt-fact-icon-_UID { 1242 content: url(facts/REFN.png); 1243} 1244 1245.wt-fact-icon-ASSO { 1246 content: url(facts/ADOP.png); 1247} 1248 1249.wt-fact-icon-BIRT { 1250 content: url(facts/BIRT.png); 1251} 1252 1253.wt-fact-icon-BURI { 1254 content: url(facts/BURI.png); 1255} 1256 1257.wt-fact-icon-CEME { 1258 content: url(facts/CEME.png); 1259} 1260 1261.wt-fact-icon-CENS { 1262 content: url(facts/CENS.png); 1263} 1264 1265.wt-fact-icon-CHAN { 1266 content: url(facts/CHAN.png); 1267} 1268 1269.wt-fact-icon-CHR, 1270.wt-fact-icon-BAPL, 1271.wt-fact-icon-BAPM { 1272 content: url(facts/CHR.png); 1273} 1274 1275.wt-fact-icon-CONF, 1276.wt-fact-icon-CONL { 1277 content: url(facts/CONF.png); 1278} 1279 1280.wt-fact-icon-DEAT { 1281 content: url(facts/DEAT.png); 1282} 1283 1284.wt-fact-icon-ANUL, 1285.wt-fact-icon-DIV { 1286 content: url(facts/DIV.png); 1287} 1288 1289.wt-fact-icon-DIVF { 1290 content: url(facts/DIVF.png); 1291} 1292 1293.wt-fact-icon-EMAIL { 1294 content: url(facts/EMAIL.png); 1295} 1296 1297.wt-fact-icon-EMIG { 1298 content: url(facts/EMIG.png); 1299} 1300 1301.wt-fact-icon-ENGA, 1302.wt-fact-icon-MARB { 1303 content: url(facts/ENGA.png); 1304} 1305 1306.wt-fact-icon-EVEN { 1307 content: url(facts/EVEN.png); 1308} 1309 1310.wt-fact-icon-FACT { 1311 content: url(facts/FACT.png); 1312} 1313 1314.wt-fact-icon-IMMI { 1315 content: url(facts/IMMI.png); 1316} 1317 1318.wt-fact-icon-MARR, 1319.wt-fact-icon-SLGS { 1320 content: url(facts/MARR.png); 1321} 1322 1323.wt-fact-icon-OCCU { 1324 content: url(facts/OCCU.png); 1325} 1326 1327.wt-fact-icon-ORDN { 1328 content: url(facts/ORDN.png); 1329} 1330 1331.wt-fact-icon-PHON { 1332 content: url(facts/PHON.png); 1333} 1334 1335.wt-fact-icon-PROP, 1336.wt-fact-icon-RESI { 1337 content: url(facts/RESI.png); 1338} 1339 1340.wt-fact-icon-WWW { 1341 content: url(facts/WWW.png); 1342} 1343 1344.wt-fact-icon-_MDCL { 1345 content: url(facts/_MDCL.png); 1346} 1347 1348.wt-fact-icon-_MILI { 1349 content: url(facts/_MILI.png); 1350} 1351 1352.wt-fact-icon-_NMAR { 1353 content: url(facts/_NMAR.png); 1354} 1355 1356.wt-fact-icon-_NMR { 1357 content: url(facts/MARR.png); 1358} 1359 1360.wt-fact-icon-_SEPR { 1361 content: url(facts/_SEPR.png); 1362} 1363 1364.wt-fact-icon-_TODO { 1365 content: url(facts/_TODO.png); 1366} 1367 1368/* Miscellaneous images */ 1369.icon-cfamily { 1370 content: url(xenea/images/cfamily.png); 1371} 1372 1373.icon-childless { 1374 content: url(images/childless.png); 1375} 1376 1377.icon-children { 1378 content: url(images/children.png); 1379} 1380 1381.icon-edit_indi { 1382 content: url(xenea/images/edit_indi.png); 1383} 1384 1385.icon-fam-list { 1386 content: url(xenea/images/cfamily.png); 1387} 1388 1389.icon-indi-list { 1390 content: url(xenea/images/indis.png); 1391} 1392 1393.icon-loading-small { 1394 content: url(images/indicator.gif); 1395} 1396 1397.icon-minus { 1398 content: url(icons/minus.png); 1399} 1400 1401.icon-mypage { 1402 content: url(xenea/images/mypage.png); 1403} 1404 1405.icon-plus { 1406 content: url(icons/plus.png); 1407} 1408 1409.icon-resn-confidential { 1410 content: url(images/resn_confidential.png); 1411} 1412 1413.icon-resn-locked { 1414 content: url(images/resn_locked.png); 1415} 1416 1417.icon-resn-none { 1418 content: url(images/resn_none.png); 1419} 1420 1421.icon-resn-privacy { 1422 content: url(images/resn_privacy.png); 1423} 1424 1425.icon-rings { 1426 content: url(images/rings.png); 1427} 1428 1429.icon-selected { 1430 content: url(xenea/images/selected.png); 1431} 1432 1433/* Silhouettes on charts */ 1434.icon-silhouette-f { 1435 content: url(xenea/images/silhouette_female_small.png); 1436} 1437 1438.icon-silhouette-m { 1439 content: url(xenea/images/silhouette_male_small.png); 1440} 1441 1442.icon-silhouette-u, 1443.icon-silhouette-x { 1444 content: url(xenea/images/silhouette_unknown_small.png); 1445} 1446 1447.icon-indis { 1448 content: url(xenea/images/indis.png); 1449} 1450 1451.icon-patriarch { 1452 content: url(xenea/images/patriarch.png); 1453} 1454 1455.icon-pedigree { 1456 content: url(xenea/images/pedigree.png); 1457} 1458 1459.icon-sfamily { 1460 content: url(xenea/images/sfamily.png); 1461} 1462 1463.icon-user_add { 1464 content: url(xenea/images/user_add.png); 1465} 1466 1467/* Census assistant */ 1468.wt-census-assistant-form-control:focus { 1469 min-width: 12rem; 1470} 1471 1472/* Some blocks show a reduced version on the right-hand side. */ 1473.wt-side-blocks .wt-side-block-optional { 1474 display: none !important; 1475} 1476 1477/* my page chart enhancements */ 1478.wt-block-content-charts { 1479 overflow: auto; 1480} 1481 1482/* Some charts are wider than the page. */ 1483.wt-chart { 1484 overflow-x: auto; 1485 overflow-y: hidden; 1486} 1487 1488/* Forms */ 1489.col-form-label { 1490 font-weight: bold; 1491} 1492
