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