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