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