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