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