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