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