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#content #home-page { 695 margin-left: 5px; 696} 697 698/* ====== Round Corners ======== */ 699 700a { 701 color: #00f; 702 text-decoration: none; 703} 704 705a:hover { 706 color: #f00; 707 text-decoration: none; 708} 709 710:focus { 711 outline-style: none; 712} 713 714.flash-messages { 715 clear: both; 716 text-align: center; 717} 718 719img.block, 720#mycart img { 721 border: 0; 722 height: 25px; 723 vertical-align: middle; 724} 725 726.topbottombar { 727 background-color: #c3dfff; 728 color: #fff; 729 font-size: 12px; 730 font-weight: bold; 731 padding: 4px; 732 text-align: center; 733} 734 735#mycart a img { 736 height: 15px; 737} 738 739.button { 740 width: 60px; 741} 742 743.alpha_index { 744 color: #999; 745} 746 747.news_box:target, 748#gedcom_stats:target { 749 background-color: #ffc; 750} 751 752/* families tab person box */ 753table.center { 754 margin-left: auto; 755 margin-right: auto; 756} 757 758.list_table { 759 margin: 0 auto; 760} 761 762.list_label, 763.list_label_wrap { 764 color: #006; 765 font-size: 12px; 766 background-color: #c3dfff; 767 border: solid #81a9cb 1px; 768 font-weight: bold; 769 text-align: center; 770} 771 772.list_value, 773.list_value_wrap { 774 background-color: #edf7fd; 775 font-size: 12px; 776 border: solid #81a9cb 1px; 777 vertical-align: top; 778 padding: 4px; 779} 780 781.list_label, 782.list_value { 783 white-space: nowrap; 784} 785 786.list_label_wrap, 787.list_value_wrap { 788 white-space: normal; 789} 790 791div.fact_SHARED_NOTE { 792 clear: both; 793} 794 795/* Table of genealogical facts */ 796 797.wt-facts-table caption { 798 caption-side: top; 799} 800 801.wt-facts-table th { 802 background-color: #c3dfff; 803 color: #006; 804 text-align: center; 805 font-weight: normal; 806 min-width: 20%; 807} 808 809.wt-facts-table td { 810 background-color: #ecf5ff; 811 border: solid #c3dfff 1px; 812} 813 814.wt-facts-table .wt-gender-M td { 815 background-color: #f0f9ff; 816 border-color: #84beff; 817} 818 819.wt-facts-table .wt-gender-F td { 820 background-color: #fff0f0; 821 border-color: #ff2080; 822} 823 824.name1 { 825 font-weight: bold; 826 font-size: 12px; 827} 828 829.name2 { 830 font-size: 16px; 831 } 832 833a:hover .name1, a:hover .name2 { 834 color: #f00; 835 font-weight: bold; 836 font-size: 12px; 837} 838 839.details0, 840.details1 { 841 font-size: 11px; 842} 843 844.details2 { 845 font-size: 12px; 846} 847 848.details_label { 849 font-weight: bold; 850} 851 852.name_head { 853 color: #555; 854 font-size: 16px; 855 font-weight: bold; 856 line-height: 2; 857 padding: 0 5px; 858} 859 860.date { 861 color: #337; 862} 863 864.label { 865 font-weight: bold; 866} 867 868.error { 869 color: #d00; 870 font-weight: bold; 871} 872 873.largeError { 874 color: #d00; 875 font-size: large; 876 font-weight: bold; 877} 878 879.warning { 880 color: #f00; 881 font-weight: bold; 882} 883 884.indent { 885 padding-left: 20px; 886} 887 888.image { 889 height: 150px; 890 padding: 5px; 891 margin: 2px; 892} 893 894.thumbnail { 895 height: auto; 896 padding: 3px; 897} 898 899.icon { 900 border: 0; 901 padding: 0 5px; 902} 903 904.submenu .icon { 905 vertical-align: middle; 906 width: 20px; 907 height: 20px; 908} 909 910.subheaders { 911 font-weight: bold; 912 font-size: 15px; 913 margin-top: 15px; 914 vertical-align: bottom; 915} 916 917.parentdeath { 918 border: thin solid #888; 919 padding: 1px; 920} 921 922.source_citations { 923 display: none; 924} 925 926.selected-option { 927 background-color: #edf7fd; 928} 929 930.border1 { 931 border: solid #000 1px; 932} 933 934.menuitem { 935 text-decoration: none; 936 font-size: 11px; 937 padding: 1px; 938} 939 940.menuitem_hover { 941 text-decoration: none; 942 font-size: 11px; 943 padding: 1px; 944} 945 946.menuitem .icon, .menuitem_hover .icon { 947 width: 50px; 948 height: 50px; 949} 950 951.submenu { 952 text-decoration: none; 953 font-size: 11px; 954 background-color: #edf7fd; 955 border: solid #81a9cb 1px; 956 visibility: hidden; 957 position: absolute; 958 padding: 5px; 959} 960 961.submenuitem { 962 vertical-align: middle; 963 font-size: 11px; 964 height: 20px; 965 text-decoration: none; 966 background-color: #edf7fd; 967 padding: 1px; 968 white-space: nowrap; 969} 970 971.submenuitem_hover { 972 vertical-align: middle; 973 height: 20px; 974 font-size: 11px; 975 background-color: #e6f0fa; 976 white-space: nowrap; 977 padding: 1px; 978} 979 980.submenuitem a, 981.submenuitem_hover a { 982 display: inline-block; 983 vertical-align: middle; 984} 985 986.journal_box { 987 padding: 3pt; 988 border: thin solid #aaa; 989 overflow: visible; 990} 991 992.news_box { 993 background-color: #edf7fd; 994 border-top: solid #81a9cb 1px; 995} 996 997.news_title { 998 font-weight: bold; 999 font-size: 14px; 1000} 1001 1002.news_date { 1003 margin-bottom: 12px; 1004} 1005 1006.current_day { 1007 font-weight: bold; 1008 font-size: 16px; 1009} 1010 1011.cal_day { 1012 float: left; 1013 font-weight: bold; 1014} 1015 1016.rtl_cal_day { 1017 direction: rtl; 1018 float: right; 1019 color: #00f; 1020 font-weight: bold; 1021} 1022 1023.helpcontent { 1024 margin-left: 10px; 1025 margin-right: 10px; 1026} 1027 1028.helpcontent dt { 1029 clear: both; 1030} 1031 1032#user-page h1 { 1033 margin: 0.25em auto 0.6em; 1034} 1035 1036.tvertline { 1037 vertical-align: bottom; 1038} 1039 1040#childbox { 1041 padding: 5px; 1042 position: absolute; 1043 display: none; 1044 text-align: start; 1045 white-space: nowrap; 1046 top: 20px; 1047 left: 0; 1048} 1049 1050.layout3 #childbox { 1051 top: auto; 1052 bottom: 20px; 1053} 1054 1055#childbox a.name1 { 1056 display: block; 1057 margin-left: 5px; 1058} 1059 1060.person0 { 1061 background-color: #aaf; 1062 border: outset #aaf 1px; 1063 vertical-align: top; 1064} 1065 1066.person1 { 1067 background-color: #afa; 1068 border: outset #afa 1px; 1069 vertical-align: top; 1070} 1071 1072.person2 { 1073 background-color: #faa; 1074 border: outset #faa 1px; 1075 vertical-align: top; 1076} 1077 1078.person3 { 1079 background-color: #55f; 1080 border: outset #55f 1px; 1081 vertical-align: top; 1082} 1083 1084.person4 { 1085 background-color: #f55; 1086 border: outset #f55 1px; 1087 vertical-align: top; 1088} 1089 1090.person5 { 1091 background-color: #5f5; 1092 border: outset #5f5 1px; 1093 vertical-align: top; 1094} 1095 1096.listlog { 1097 line-height: 20pt; 1098} 1099 1100.starredname { 1101 text-decoration: underline; 1102} 1103 1104.search_hit { 1105 background-color: #ff0; 1106} 1107 1108.search_item { 1109 font-weight: 600; 1110} 1111 1112.descriptionbox { 1113 color: #006; 1114 font-size: 12px; 1115 background-color: #c3dfff; 1116 vertical-align: top; 1117 padding: 3px; 1118} 1119 1120.optionbox { 1121 background-color: #ecf5ff; 1122 font-size: 1rem; 1123 border: solid #c3dfff 1px; 1124 vertical-align: top; 1125 white-space: nowrap; 1126 padding: 3px; 1127} 1128 1129.vmiddle { 1130 vertical-align: middle; 1131} 1132 1133.red { 1134 color: #f00; 1135} 1136 1137.wt-relation-fact, 1138.wt-historic-fact { 1139 opacity: 0.8; 1140} 1141 1142.messagebox { 1143 background-color: #c2ceef; 1144 border: solid #81a9cb 1px; 1145} 1146 1147/* ---Pending edits--- */ 1148.wt-new { 1149 outline: solid blue 1px; 1150} 1151 1152.wt-old { 1153 outline: solid red 1px; 1154} 1155 1156.tag_cloud { 1157 text-align: center; 1158} 1159 1160.tag_cloud a { 1161 white-space: nowrap; 1162} 1163 1164.nowrap { 1165 white-space: nowrap; 1166} 1167 1168.wrap { 1169 white-space: normal; 1170} 1171 1172.statistics-page { 1173 text-align: center; 1174} 1175 1176.gchart { 1177 border: solid #81a9cb 1px; 1178} 1179 1180#facts_content dd { 1181 float: left; 1182 width: 70%; 1183} 1184 1185/* this keeps the tag color the same when it is a link as when not */ 1186 1187.place { 1188 padding-top: 5px; 1189} 1190 1191#pending h2 { 1192 text-align: center; 1193 margin-bottom: 20px; 1194} 1195 1196#pending h3 { 1197 text-align: center; 1198 margin-top: 20px; 1199} 1200 1201#pending .list_value { 1202 padding: 3px; 1203 text-align: center; 1204 vertical-align: middle; 1205 white-space: nowrap; 1206} 1207 1208#pending .indent { 1209 padding: 0; 1210} 1211 1212/* --- reportengine.php --- */ 1213#reportengine-page table { 1214 margin: 20px auto; 1215} 1216 1217#reportengine-page .report-type { 1218 overflow: hidden; 1219 margin: auto; 1220 width: 180px; 1221} 1222 1223#reportengine-page .report-type div { 1224 float: left; 1225 margin: 0 20px; 1226} 1227 1228#reportengine-page .report-type p { 1229 margin: 0; 1230 text-align: center; 1231} 1232 1233/* ======== List styles ====== */ 1234.surname-list, 1235.givn-list { 1236 margin: 5px auto; 1237} 1238 1239.surname-list td { 1240 vertical-align: top; 1241} 1242 1243.indi-list .stats, 1244.fam-list .stats { 1245 margin: 0 auto; 1246 width: auto; 1247} 1248 1249.source-list th, 1250.note-list th, 1251.repo-list th, 1252.media-list th, 1253.indi-list th, 1254.fam-list th, 1255.surname-list th, 1256.givn-list th { 1257 cursor: pointer; 1258 font-weight: 600; 1259 padding: 2px 4px; 1260 white-space: nowrap; 1261} 1262 1263.source-list th:last-child, 1264.note-list th:last-child, 1265.repo-list th:last-child { 1266 margin: 0 -2px 1px 1px; 1267 padding: 3px 0 4px; 1268 width: 24px; 1269} 1270 1271.givn-list th { 1272 cursor: pointer; 1273 white-space: nowrap; 1274 padding: 2px; 1275 text-align: center; 1276} 1277 1278#source-details h2, 1279#sourcelist-page h2, 1280#note-details h2, 1281#notelist-page h2, 1282#repo-details h2, 1283#repolist-page h2, 1284#media-details h2, 1285#statistics-page h2 { 1286 margin-bottom: 20px; 1287 text-align: center; 1288} 1289 1290#source-edit, 1291#note-edit, 1292#repo-edit, 1293#media-edit { 1294 overflow-x: auto; 1295} 1296 1297.media-list td img { 1298 display: block; 1299 height: 40px; 1300 width: auto; 1301 margin: 3px auto; 1302} 1303 1304.filtersH, 1305.filtersF { 1306 margin: 4px; 1307} 1308 1309.filtersH img { 1310 margin-bottom: 2px; 1311} 1312 1313.list-charts { 1314 text-align: center; 1315} 1316 1317#search-result-tabs h3 { 1318 text-align: center; 1319} 1320 1321#searchAccordion-indi, 1322#searchAccordion-fam, 1323#searchAccordion-source, 1324#searchAccordion-note { 1325 margin: auto; 1326 width: 99%; 1327} 1328 1329#place-hierarchy h2, 1330#place-hierarchy h4 { 1331 text-align: center; 1332} 1333 1334#main_select, 1335#available_select, 1336#right_select { 1337 min-width: 150px; 1338} 1339 1340/* ==== FAQ table styles ===== */ 1341table.faq { 1342 background-color: #e0e0e0; 1343 margin: 5px 0 50px 5px; 1344 width: 98%; 1345} 1346 1347table.faq tr:nth-child(odd) td { 1348 background-color: #e7eef3; 1349} 1350 1351div.faq_title { 1352 background-color: #e0e0e0; 1353 margin: 1em 0; 1354 padding: .25em; 1355 font-weight: bold; 1356 width: 98%; 1357} 1358 1359div.faq_body { 1360 clear: both; 1361 padding: 0 1em; 1362} 1363 1364.faq_top { 1365 float: right; 1366} 1367 1368/* === Positioning edit, copy, delete links === */ 1369/* General use */ 1370.editfacts { 1371 clear: left; 1372 padding-top: 15px; 1373} 1374 1375/* ======== Indi header ====== */ 1376#indi_header { 1377 overflow: hidden; 1378 border-radius: 3px; 1379 border: 1px solid #b2c7d7; 1380 margin: 0 0 5px 10px; 1381 padding: 10px 0; 1382} 1383 1384#indi_header h3 { 1385 font-size: 90%; 1386 font-weight: bold; 1387 margin: 0; 1388 padding: 0 10px 0 30px; 1389 text-align: left; 1390 overflow: hidden; 1391 position: relative; 1392} 1393 1394#indi_header .name_one { 1395 font-size: 1.5em; 1396} 1397 1398#indi_header h3 .details1 { 1399 font-size: 1.0em; 1400} 1401 1402#indi_header h3 .header_age { 1403 padding: 5px 0 5px 5px; 1404 float: right; 1405 font-weight: normal; 1406 font-size: 65%; 1407} 1408 1409#indi_header h3 a { 1410 display: inline; 1411} 1412 1413#indi_header a { 1414 color: #337; 1415 font-size: 0.75em; 1416 font-weight: normal; 1417} 1418 1419#indi_header a:hover { 1420 color: #f00; 1421} 1422 1423#indi_mainimage { 1424 float: left; 1425 padding: 0 10px; 1426} 1427 1428#header_accordion1 { 1429 padding: 0 10px 0 0; 1430 overflow: hidden; 1431} 1432 1433#header_accordion1 .indi_name_details { 1434 margin: 0; 1435 overflow: hidden; 1436 padding: 5px; 1437} 1438 1439.indi_name_details .name1 { 1440 font-weight: normal; 1441 padding-top: 5px; 1442 font-size: inherit; 1443} 1444 1445#indi_header a.warning { 1446 color: #f00; 1447 font-size: 1em; 1448} 1449 1450#indi_note { 1451 margin: 0 0 5px; 1452} 1453 1454.indi_table { 1455 clear: left; 1456} 1457 1458#sex { 1459 float: right; 1460} 1461 1462#dates { 1463 float: right; 1464} 1465 1466#individual-names .wt-icon-edit, 1467#individual-names .wt-icon-delete { 1468 float: right; 1469} 1470 1471#indi_note .fact_NOTE { 1472 float: left; 1473 margin: 0 5px 0 0; 1474} 1475 1476#indi_note .fact_SOUR { 1477 margin: 3px 0; 1478} 1479 1480#indi_note .fact_SOUR a { 1481 font-size: 100%; 1482} 1483 1484#indi_note .fact_NOTE, 1485#indi_note .fact_SOUR { 1486 clear: both; 1487} 1488 1489/* markdown formatting */ 1490 1491.markdown { 1492 /* Tables and pre-formatted text can break the layout. */ 1493 overflow-x: auto; 1494} 1495 1496.markdown p { 1497 margin: 0 0 0.5em; 1498 white-space: pre-wrap; 1499} 1500 1501.markdown table { 1502 border-collapse: collapse; 1503 margin-bottom: 5px; 1504} 1505 1506.markdown th { 1507 font-weight: bold; 1508} 1509 1510.markdown td, 1511.markdown th { 1512 border: solid thin #000; 1513 padding: 3px; 1514} 1515 1516.odometer { 1517 font-family: courier, monospace; 1518 font-weight: bold; 1519 background: #000; 1520 color: #fff; 1521} 1522 1523/* ======== Indi tabs ======== */ 1524/* Facts & Events tab */ 1525.media-display-image { 1526 float: left; 1527} 1528 1529.media-display-title { 1530 float: left; 1531 font-style: italic; 1532 margin: 10px; 1533} 1534 1535/* Sidebar - Family navigator */ 1536.wt-family-navigator-dropdown { 1537 background: #edf7fd; 1538} 1539 1540.wt-family-navigator-dropdown-heading { 1541 font-weight: bold; 1542 font-size: inherit; 1543 color: inherit; 1544} 1545 1546/* Sidebar - Descendants */ 1547#sb_content_descendancy { 1548 margin-top: 5px; 1549} 1550 1551#sb_desc_content { 1552 margin-left: 3px; 1553 font-size: 0.8em; 1554} 1555 1556#sb_desc_content ul { 1557 padding: 0; 1558 margin: 0; 1559} 1560 1561.sb_desc_indi_li { 1562 list-style-type: none; 1563} 1564 1565/* Individuals and Families */ 1566#sidebar-content-individuals, 1567#sidebar-content-families { 1568 margin-top: 5px; 1569} 1570 1571.sb_indi_surname_li, 1572.sb_fam_surname_li { 1573 list-style-image: url(xenea/images/plus.png); 1574} 1575 1576.name_tree_div ul { 1577 padding: 0; 1578 margin: 0; 1579} 1580 1581.name_tree_div li { 1582 list-style: none; 1583 margin: 0; 1584 padding: 0; 1585} 1586 1587/* Clippings */ 1588#sb_clippings_content ul { 1589 padding: 0; 1590 margin: 0; 1591} 1592 1593#sb_clippings_content li { 1594 list-style: none; 1595 margin: 0; 1596 padding: 0; 1597 white-space: nowrap; 1598} 1599 1600/* Extra info */ 1601#sb_content_extra_info { 1602 font-size: 80%; 1603 font-weight: bold; 1604 margin-top: 1px; 1605 overflow: hidden; 1606 padding: 5px; 1607} 1608 1609#sb_content_extra_info .editfacts { 1610 float: right; 1611 margin-top: -30px; 1612} 1613 1614#sb_content_extra_info a { 1615 display: block; 1616} 1617 1618#sb_content_extra_info span { 1619 font-weight: normal; 1620} 1621 1622#sb_content_extra_info span a { 1623 display: inline; 1624} 1625 1626#sb_content_extra_info #hitcounter { 1627 border-top: 1px solid #b2c7d7; 1628 font-weight: bold; 1629 padding-top: 5px; 1630} 1631 1632/* http://www.jacklmoore.com/colorbox */ 1633#colorbox, 1634#cboxOverlay, 1635#cboxWrapper { 1636 position: absolute; 1637 top: 0; 1638 left: 0; 1639 z-index: 9999; 1640 overflow: hidden; 1641} 1642 1643#cboxWrapper { 1644 max-width: none; 1645} 1646 1647#cboxOverlay { 1648 position: fixed; 1649 width: 100%; 1650 height: 100%; 1651 background: #fff; 1652} 1653 1654#cboxContent { 1655 background: #fff; 1656 overflow: hidden; 1657 position: relative; 1658 padding: 0.5rem; 1659 border: 0.25rem solid #ccc; 1660} 1661 1662#cboxLoadingOverlay, 1663#cboxLoadingGraphic { 1664 position: absolute; 1665 top: 0; 1666 left: 0; 1667 width: 100%; 1668 height: 100%; 1669} 1670 1671.cboxPhoto { 1672 float: left; 1673 margin: auto; 1674 border: 0; 1675 display: block; 1676 max-width: none; 1677} 1678 1679#colorbox, 1680#cboxContent, 1681#cboxLoadedContent { 1682 box-sizing: content-box; 1683} 1684 1685#cboxError { 1686 padding: 50px; 1687 border: 1px solid #ccc; 1688} 1689 1690#cboxLoadedContent { 1691 margin-bottom: 28px; 1692} 1693 1694#cboxTitle { 1695 background: #fff; 1696 position: absolute; 1697 bottom: 0.25rem; 1698 left: 0; 1699 margin: 0 3rem; 1700 text-align: center; 1701} 1702 1703#cboxLoadingGraphic { 1704 background: url(images/loading-32x32.gif) no-repeat center center; 1705} 1706 1707#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { 1708 background: none; 1709 border: 0; 1710 cursor: pointer; 1711 font-family: "Font Awesome\ 5 Free", sans-serif; 1712 font-weight: 900; 1713 overflow: visible; 1714 padding: 0; 1715 position: absolute; 1716} 1717 1718#cboxSlideshow { 1719 bottom: 0.25rem; 1720 right: 0.25rem; 1721} 1722 1723#cboxPrevious { 1724 bottom: 0.25rem; 1725 left: 0.25rem; 1726} 1727 1728#cboxNext { 1729 bottom: 0.25rem; 1730 left: 1.5rem; 1731} 1732 1733#cboxClose { 1734 top: 0.25rem; 1735 right: 0.25rem; 1736} 1737 1738/* Stories module */ 1739.story_title { 1740 padding-top: 12px; 1741 font-size: 13px; 1742 height: 32px; 1743 font-weight: bold; 1744} 1745 1746.story_body { 1747 padding: 20px; 1748 white-space: normal; 1749} 1750 1751.story_edit { 1752 padding: 12px; 1753} 1754 1755/* Stories module */ 1756.story_title { 1757 padding-top: 12px; 1758 font-size: 13px; 1759 height: 32px; 1760 font-weight: bold; 1761} 1762 1763.story_body { 1764 padding: 20px; 1765 white-space: normal; 1766} 1767 1768.story_edit { 1769 padding: 12px; 1770} 1771 1772/*-- Fan chart ---- */ 1773.fan_chart_menu { 1774 background: #fff; 1775 position: absolute; 1776 display: none; 1777 z-index: 100; 1778} 1779 1780#fan_chart ul { 1781 list-style-type: none; 1782 margin: 0; 1783} 1784 1785/* Lifespans chart */ 1786.wt-lifespans-subtitle { 1787 text-align: center; 1788} 1789 1790.wt-lifespans-scale { 1791 white-space: nowrap; 1792} 1793 1794.wt-lifespans-decade { 1795 width: 70px; 1796 height: 60px; 1797 display: inline-block; 1798 background-image: url(images/lifespan-decade.png); 1799 background-position-y: bottom; 1800 background-repeat: no-repeat; 1801 background-size: 70px 37px; 1802} 1803 1804.wt-lifespans-individuals { 1805 background: #fafafa; 1806} 1807 1808.wt-lifespans-individual { 1809 1810} 1811 1812.wt-lifespans-summary { 1813 background: #ffffff; 1814 border: thin solid #000; 1815 z-index: 1; 1816} 1817 1818.wt-lifespans-summary-link { 1819 font-weight: bold; 1820} 1821 1822/*-- timeline --*/ 1823#timeline_chart { 1824 position: relative; 1825 top: 0; 1826 left: 0; 1827} 1828 1829#field_table { 1830 width: 30%; 1831 min-width: 500px; 1832} 1833 1834/* 1835 * Any element that is loaded dynamically has the class wt-ajax-load. 1836 * We can provide a "loading" placeholder for empty elements with this class. 1837 */ 1838.wt-ajax-load:empty { 1839 height: 32px; 1840 background: url(images/loading-32x32.gif) no-repeat 50% 50%; 1841} 1842 1843/* 1844 * Default icons are provided by FontAwesome. 1845 * Some icons get mirrored on RTL pages. Typiclly arrows 1846 */ 1847[dir=rtl] .wt-flip-rtl { 1848 transform: scale(-1, 1); 1849} 1850 1851.wt-icon-anniversary { 1852 content: url(images/anniversary.png); 1853} 1854 1855.wt-icon-arrow-down { 1856 content: url(xenea/icons/arrow-down.png); 1857} 1858 1859a > .wt-icon-arrow-down:hover { 1860 content: url(xenea/icons/arrow-down-hover.png); 1861} 1862 1863.wt-icon-arrow-left { 1864 content: url(xenea/icons/arrow-left.png); 1865} 1866 1867a > .wt-icon-arrow-left:hover { 1868 content: url(xenea/icons/arrow-left-hover.png); 1869} 1870 1871.wt-icon-arrow-right { 1872 content: url(xenea/icons/arrow-right.png); 1873} 1874 1875a > .wt-icon-arrow-right:hover { 1876 content: url(xenea/icons/arrow-right-hover.png); 1877} 1878 1879.wt-icon-arrow-up { 1880 content: url(xenea/icons/arrow-up.png); 1881} 1882 1883a > .wt-icon-arrow-up:hover { 1884 content: url(xenea/icons/arrow-up-hover.png); 1885} 1886 1887.wt-icon-collapse { 1888} 1889 1890.wt-icon-coordinates { 1891 content: url(images/coordinates.png) 1892} 1893 1894.wt-icon-expand { 1895} 1896 1897.wt-icon-reorder { 1898 content: url(images/reorder.png); 1899} 1900 1901.wt-icon-sex-f { 1902 content: url(images/sex-female.png); 1903} 1904 1905.wt-icon-sex-m { 1906 content: url(images/sex-male.png); 1907} 1908 1909.wt-icon-sex-u { 1910 content: url(images/sex-unknown.png); 1911} 1912 1913.wt-icon-sex-x { 1914 content: url(images/sex-unknown.png); 1915} 1916 1917.wt-icon-warning { 1918 content: url(images/warning.png); 1919} 1920 1921.wt-icon-zoom-in { 1922 content: url(xenea/images/zoomin.png); 1923} 1924 1925.wt-icon-zoom-out { 1926 content: url(xenea/images/zoomout.png); 1927} 1928 1929/* 1930 * .wt-icon-bing-maps 1931 * .wt-icon-calendar 1932 * .wt-icon-copy 1933 * .wt-icon-delete 1934 * .wt-icon-edit 1935 * .wt-icon-email 1936 * .wt-icon-family 1937 * .wt-icon-help 1938 * .wt-icon-individual 1939 * .wt-icon-google-maps 1940 * .wt-icon-keyboard 1941 * .wt-icon-media 1942 * .wt-icon-note 1943 * .wt-icon-openstreetmap 1944 * .wt-icon-preferences 1945 * .wt-icon-repository 1946 * .wt-icon-source 1947 * .wt-icon-submitter 1948 */ 1949.wt-icon-bing-maps::before { 1950 width: 16px; 1951 height: 16px; 1952 content: url(xenea/icons/bing-maps.png); 1953} 1954 1955.wt-icon-calendar::before { 1956 width: 19px; 1957 height: 15px; 1958 content: url(xenea/icons/calendar.png) 1959} 1960 1961.wt-icon-copy::before { 1962 width: 16px; 1963 height: 16px; 1964 content: url(xenea/icons/copy.png) 1965} 1966 1967.wt-icon-delete::before { 1968 width: 16px; 1969 height: 16px; 1970 content: url(xenea/icons/delete.png); 1971} 1972 1973.wt-icon-edit::before { 1974 width: 16px; 1975 height: 16px; 1976 content: url(xenea/icons/edit.png); 1977} 1978 1979.wt-icon-family::before { 1980 width: 14px; 1981 height: 15px; 1982 content: url(xenea/icons/family.png); 1983} 1984 1985.wt-icon-help::before { 1986 width: 16px; 1987 height: 16px; 1988 content: url(xenea/icons/help.png); 1989} 1990 1991.wt-icon-google-maps::before { 1992 width: 16px; 1993 height: 16px; 1994 content: url(xenea/icons/google-maps.png); 1995} 1996 1997.wt-icon-individual::before { 1998 width: 11px; 1999 height: 15px; 2000 content: url(xenea/icons/individual.png); 2001} 2002 2003.wt-icon-keyboard::before { 2004 width: 30px; 2005 height: 15px; 2006 content: url(xenea/icons/keyboard.png); 2007} 2008 2009.wt-icon-media::before { 2010 width: 18px; 2011 height: 16px; 2012 content: url(xenea/icons/media.png); 2013} 2014 2015.wt-icon-note::before { 2016 width: 20px; 2017 height: 20px; 2018 content: url(xenea/icons/note.png); 2019} 2020 2021.wt-icon-openstreetmap::before { 2022 width: 16px; 2023 height: 16px; 2024 content: url(xenea/icons/openstreetmap.png); 2025} 2026 2027.wt-icon-preferences::before { 2028 width: 25px; 2029 height: 25px; 2030 content: url(xenea/icons/preferences.png); 2031} 2032 2033.wt-icon-repository::before { 2034 width: 15px; 2035 height: 15px; 2036 content: url(xenea/icons/repository.png); 2037} 2038 2039.wt-icon-source::before { 2040 width: 18px; 2041 height: 16px; 2042 content: url(xenea/icons/source.png); 2043} 2044 2045.wt-icon-submitter::before { 2046 width: 11px; 2047 height: 15px; 2048 content: url(xenea/icons/individual.png); 2049} 2050 2051[class^="icon-"], 2052[class*=" icon-"] { 2053 display: inline-block; 2054 vertical-align: text-bottom; 2055 background-repeat: no-repeat; 2056 background-size: cover; 2057} 2058 2059.icon-add { 2060 width: 14px; 2061 height: 15px; 2062 background-image: url(images/add.png); 2063} 2064 2065.icon-cfamily { 2066 width: 25px; 2067 height: 25px; 2068 background-image: url(xenea/images/cfamily.png); 2069} 2070 2071.icon-childless { 2072 width: 25px; 2073 height: 25px; 2074 background-image: url(xenea/images/childless.png); 2075} 2076 2077.icon-children { 2078 width: 16px; 2079 height: 16px; 2080 background-image: url(xenea/images/children.png); 2081} 2082 2083.icon-clippings { 2084 width: 22px; 2085 height: 22px; 2086 background-image: url(xenea/images/clippings.png); 2087} 2088 2089.icon-edit_indi { 2090 width: 25px; 2091 height: 25px; 2092 background-image: url(xenea/images/edit_indi.png); 2093} 2094 2095.icon-fam-list { 2096 width: 25px; 2097 height: 25px; 2098 background-image: url(xenea/images/cfamily.png); 2099} 2100 2101.icon-indi-list { 2102 width: 20px; 2103 height: 20px; 2104 background-image: url(xenea/images/indis.png); 2105} 2106 2107.icon-loading-small { 2108 width: 16px; 2109 height: 16px; 2110 background-image: url(xenea/images/indicator.gif); 2111} 2112 2113.icon-media { 2114 width: 20px; 2115 height: 20px; 2116 background-image: url(xenea/images/media.png); 2117} 2118 2119.icon-media-list { 2120 width: 20px; 2121 height: 20px; 2122 background-image: url(xenea/images/media.png); 2123} 2124 2125.icon-media-next { 2126 width: 20px; 2127 height: 20px; 2128 background-image: url(xenea/images/rdarrow.png); 2129} 2130 2131.icon-media-play { 2132 width: 20px; 2133 height: 20px; 2134 background-image: url(xenea/images/rarrow.png); 2135} 2136 2137.icon-media-stop { 2138 width: 20px; 2139 height: 20px; 2140 background-image: url(xenea/images/stop.png); 2141} 2142 2143.icon-minus { 2144 width: 11px; 2145 height: 11px; 2146 background-image: url(xenea/images/minus.png); 2147} 2148 2149.icon-mypage { 2150 width: 24px; 2151 height: 24px; 2152 background-image: url(xenea/images/mypage.png); 2153} 2154 2155.icon-note { 2156 width: 22px; 2157 height: 22px; 2158 background-image: url(xenea/icons/note.png); 2159} 2160 2161.icon-plus { 2162 width: 11px; 2163 height: 11px; 2164 background-image: url(xenea/images/plus.png); 2165} 2166 2167.icon-remove { 2168 width: 20px; 2169 height: 20px; 2170 background-image: url(xenea/images/remove.png); 2171} 2172 2173.icon-resn-confidential { 2174 width: 16px; 2175 height: 16px; 2176 background-image: url(xenea/images/resn_confidential.png); 2177} 2178 2179.icon-resn-locked { 2180 width: 16px; 2181 height: 16px; 2182 background-image: url(xenea/images/resn_locked.png); 2183} 2184 2185.icon-resn-none { 2186 width: 16px; 2187 height: 16px; 2188 background-image: url(xenea/images/resn_none.png); 2189} 2190 2191.icon-resn-privacy { 2192 width: 16px; 2193 height: 16px; 2194 background-image: url(xenea/images/resn_privacy.png); 2195} 2196 2197.icon-rings { 2198 width: 9px; 2199 height: 9px; 2200 background-image: url(xenea/images/rings.png); 2201} 2202 2203.icon-selected { 2204 width: 12px; 2205 height: 12px; 2206 background-image: url(xenea/images/selected.png); 2207} 2208 2209.icon-source { 2210 width: 20px; 2211 height: 20px; 2212 background-image: url(xenea/images/source.png); 2213} 2214 2215/* Silhouettes on charts */ 2216.icon-silhouette-F { 2217 width: 37px; 2218 height: 50px; 2219 background-image: url(xenea/images/silhouette_female_small.png); 2220} 2221 2222.icon-silhouette-M { 2223 width: 37px; 2224 height: 50px; 2225 background-image: url(xenea/images/silhouette_male_small.png); 2226} 2227 2228.icon-silhouette-U { 2229 width: 37px; 2230 height: 50px; 2231 background-image: url(xenea/images/silhouette_unknown_small.png); 2232} 2233 2234.icon-indis { 2235 width: 25px; 2236 height: 25px; 2237 background-image: url(xenea/images/indis.png); 2238} 2239 2240.icon-patriarch { 2241 width: 25px; 2242 height: 25px; 2243 background-image: url(xenea/images/patriarch.png); 2244} 2245 2246.icon-pedigree { 2247 width: 25px; 2248 height: 25px; 2249 background-image: url(xenea/images/pedigree.png); 2250} 2251 2252.icon-place { 2253 width: 25px; 2254 height: 25px; 2255 background-image: url(xenea/images/place.png); 2256} 2257 2258.icon-repo-list { 2259 width: 25px; 2260 height: 25px; 2261 background-image: url(xenea/images/repository.png); 2262} 2263 2264.icon-repository { 2265 width: 25px; 2266 height: 25px; 2267 background-image: url(xenea/images/repository.png); 2268} 2269 2270.icon-search { 2271 width: 25px; 2272 height: 25px; 2273 background-image: url(xenea/images/search.png); 2274} 2275 2276.icon-sfamily { 2277 width: 25px; 2278 height: 25px; 2279 background-image: url(xenea/images/sfamily.png); 2280} 2281 2282.icon-source-list { 2283 width: 25px; 2284 height: 25px; 2285 background-image: url(xenea/images/source.png); 2286} 2287 2288.icon-user_add { 2289 width: 25px; 2290 height: 25px; 2291 background-image: url(xenea/images/user_add.png); 2292} 2293 2294/* Census assistant */ 2295.wt-census-assistant-form-control:focus { 2296 min-width: 12rem; 2297} 2298 2299/* 2300 * Drag and drop sortable lists 2301 */ 2302.wt-sortable-list { 2303} 2304 2305.wt-sortable-item { 2306 cursor: move; 2307} 2308 2309/* Some blocks show a reduced version on the right-hand side. */ 2310.wt-side-blocks .wt-side-block-optional { 2311 display: none !important; 2312} 2313 2314/* my page chart enhancements */ 2315.wt-block-content-charts { 2316 flex-flow: column-reverse; 2317 overflow: auto; 2318} 2319 2320.wt-block-content-todays-events-block { 2321 padding: .25rem; 2322} 2323 2324/* Some charts are wider than the page. */ 2325.wt-chart { 2326 overflow-x: auto; 2327 overflow-y: hidden; 2328} 2329 2330/* Fit thumbnail into parent on charts */ 2331.select2-selection.select2-selection--single { 2332 min-height: 36px; 2333 height: auto; 2334 padding: 2px 0; 2335} 2336 2337.select2-container .select2-selection--single .select2-selection__rendered { 2338 padding-left: 2px; 2339} 2340 2341.select2-selection--single .NAME { 2342 padding-left: 4px; 2343} 2344 2345/* 2346 * Place hierarchy 2347 * 2348 * wt-place-hierarchy-page 2349 */ 2350 2351#place-hierarchy ul { 2352 list-style-type: none; 2353} 2354 2355.d-table-cell { 2356 padding-right: 5px; 2357} 2358 2359/* Some menus (e.g. languages) can be longer than a page */ 2360.dropdown-menu { 2361 max-height: 30rem; 2362 overflow-x: hidden; 2363} 2364 2365/* Forms */ 2366.col-form-label { 2367 font-weight: bold; 2368} 2369
