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