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