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 "_charts.css"; 20@import "_lists.css"; 21@import "_list-sources.css"; 22@import "_mime-type-icons.css"; 23@import "_on-screen-keyboard.css"; 24@import "_tab-relatives.css"; 25 26/* Colors for chart boxes, etc. */ 27:root { 28 --sex-f-fg: #ff2080; 29 --sex-m-fg: #84beff; 30 --sex-u-fg: #008080; 31 --sex-f-bg: #fff0f0; 32 --sex-m-bg: #f0f9ff; 33 --sex-u-bg: #ffffff; 34 --chart-line: solid gray thin; 35 --chart-line-radius: 1rem; 36} 37 38/* Override Bootstrap formatting */ 39.btn-link { 40 padding-left: 0.25rem; 41 padding-right: 0.25rem; 42} 43 44.table-given-name { 45 overflow-x: hidden; 46} 47 48.container-fluid { 49 padding-left: 5px; 50 padding-right: 5px; 51} 52 53table { 54 border-collapse: separate; 55} 56 57/* 58 * Pages have the following high-level structure: 59 * 60 * wt-global wt-theme-<THEME> wt-route-<ROUTE> 61 * +---wt-header-wrapper 62 * | +---wt-header-container 63 * | +---wt-header-content 64 * | +---wt-accessibility-links 65 * | +---wt-site-logo 66 * | +---wt-site-title 67 * | +---wt-header-search 68 * | | +---wt-header-search-form 69 * | | +---wt-header-search-field 70 * | | +---wt-header-search-button 71 * | +---wt-secondary-navigation 72 * | | +---wt-user-menu 73 * | +---wt-primary-navigation 74 * | +---wt-genealogy-menu 75 * +---wt-main-wrapper 76 * | +---wt-main-container 77 * | +---wt-main-content 78 * | +---wt-messages 79 * | +---wt-page-title 80 * | +---wt-page-options wt-page-options-xxxxx 81 * | +---wt-page-content 82 * +---wt-footers 83 * +---wt-footer wt-footer-xxxxx 84 */ 85 86.wt-global { 87 color: #006; 88} 89 90.wt-header-wrapper { 91 background-image: linear-gradient(to right, #06d, #acf); 92 border-bottom: 2px solid #0073cf; 93} 94 95.wt-header-container { 96 color: #fff; 97} 98 99.wt-header-content { 100} 101 102.wt-accessibility-links { 103} 104 105.wt-site-logo { 106 display: none; 107} 108 109.wt-site-title { 110 order: 1; 111 flex: 0 0 calc(100% - 15rem); 112 font-size: 1.5rem; 113 margin: 0.5rem 0; 114} 115 116.wt-header-search { 117 order: 2; 118 flex: 0 0 15rem; 119 margin: 0.25rem 0; 120} 121 122.wt-header-search-form { 123} 124 125.wt-header-search-field { 126} 127 128.wt-header-search-button { 129 color: #000; 130 background: #ddd; 131 border: 0; 132} 133 134.wt-header-search-button .fa-search::before { 135 content: ">"; 136} 137 138.wt-secondary-navigation { 139 order: 3; 140 background-image: linear-gradient(#1548a7, #81bafc, #1548a7); 141 /* Extend to full page width */ 142 flex: 0 1 100vw; 143 max-width: 100vw; 144 /* Recalculate margins for content */ 145 margin: 0 calc(50% - 50vw); 146 padding: 0 calc(50vw - 50%); 147} 148 149.wt-user-menu { 150 flex-wrap: nowrap; 151 padding: 0.25rem 0; 152 justify-content: space-between; 153} 154 155.wt-user-menu a.nav-link { 156 color: #fff; 157 font-weight: bold; 158} 159 160.wt-user-menu .dropdown-toggle::after { 161 display: none; 162} 163 164.wt-primary-navigation { 165 order: 4; 166 background: #fff; 167 /* Extend to full page width */ 168 flex: 0 1 100vw; 169 max-width: 100vw; 170 /* Recalculate margins for content */ 171 margin: 0 calc(50% - 50vw); 172 padding: 0 calc(50vw - 50%); 173} 174 175.wt-genealogy-menu { 176 justify-content: center; 177} 178 179.wt-genealogy-menu .nav-item { 180 text-align: center; 181 min-width: 5rem; 182 padding-top: 0.25rem; 183} 184 185.wt-genealogy-menu .nav-link::before { 186 display: block; 187} 188 189.wt-genealogy-menu .dropdown-toggle::after { 190 display: none; 191} 192 193.wt-genealogy-menu .dropdown-menu { 194 border-radius: 0; 195} 196 197.wt-genealogy-menu .dropdown-item { 198 padding: 0 0.25rem; 199} 200 201.wt-genealogy-menu .dropdown-item::before { 202 vertical-align: top; 203 padding: 0 0.25rem; 204} 205 206.menu-tree .nav-link::before { 207 content: url(xenea/menu/tree.png); 208} 209 210.menu-tree .dropdown-item::before { 211 content: url(xenea/menu/tree-tree.png); 212} 213 214.menu-chart .nav-link::before { 215 content: url(xenea/menu/chart.png); 216} 217 218.menu-chart-ancestry::before { 219 content: url(xenea/menu/chart-ancestors.png); 220} 221 222.menu-chart-compact::before { 223 content: url(xenea/menu/chart-compact.png); 224} 225 226.menu-chart-descendants::before { 227 content: url(xenea/menu/chart-descendants.png); 228} 229 230.menu-chart-familybook::before { 231 content: url(xenea/menu/chart-family-book.png); 232} 233 234.menu-chart-fanchart::before { 235 content: url(xenea/menu/chart-fanchart.png); 236} 237 238.menu-chart-hourglass::before { 239 content: url(xenea/menu/chart-hourglass.png); 240} 241 242.menu-chart-lifespan::before { 243 content: url(xenea/menu/chart-lifespan.png); 244} 245 246.menu-chart-pedigree::before { 247 content: url(xenea/menu/chart-pedigree.png); 248} 249 250.menu-chart-pedigreemap::before { 251 content: url(xenea/menu/chart-pedigree-map.png); 252} 253 254.menu-chart-relationship::before { 255 content: url(xenea/menu/chart-relationship.png); 256} 257 258.menu-chart-statistics::before { 259 content: url(xenea/menu/chart-statistics.png); 260} 261 262.menu-chart-timeline::before { 263 content: url(xenea/menu/chart-timeline.png); 264} 265 266.menu-chart-tree::before { 267 content: url(xenea/menu/chart-tree.png); 268} 269 270.menu-list .nav-link::before { 271 content: url(xenea/menu/list.png); 272} 273 274.menu-branches::before { 275 content: url(xenea/menu/branches.png); 276} 277 278.menu-list-fam::before { 279 content: url(xenea/menu/list-fam.png); 280} 281 282.menu-list-indi::before { 283 content: url(xenea/menu/list-indi.png); 284} 285 286.menu-list-note::before { 287 content: url(xenea/menu/list-note.png); 288} 289 290.menu-list-obje::before { 291 content: url(xenea/menu/list-obje.png); 292} 293 294.menu-list-plac::before { 295 content: url(xenea/menu/list-plac.png); 296} 297 298.menu-list-repo::before { 299 content: url(xenea/menu/list-repo.png); 300} 301 302.menu-list-sour::before { 303 content: url(xenea/menu/list-sour.png); 304} 305 306.menu-calendar .nav-link::before { 307 content: url(xenea/menu/calendar.png); 308} 309 310.menu-calendar-day::before { 311 content: url(xenea/menu/calendar-calendar.png); 312} 313 314.menu-calendar-month::before { 315 content: url(xenea/menu/calendar-calendar.png); 316} 317 318.menu-calendar-year::before { 319 content: url(xenea/menu/calendar-calendar.png); 320} 321 322.menu-report .nav-link::before { 323 content: url(xenea/menu/report.png); 324} 325 326.menu-report .dropdown-item::before { 327 content: url(xenea/menu/report-report.png); 328} 329 330.menu-search .nav-link::before { 331 content: url(xenea/menu/search.png); 332} 333 334.menu-search .dropdown-item::before { 335 content: url(xenea/menu/search-search.png); 336} 337 338.menu-faq .nav-link::before { 339 content: url(xenea/menu/faq.png); 340} 341 342.menu-clippings .nav-link::before { 343 content: url(xenea/menu/clippings.png); 344} 345 346.menu-clippings-add::before { 347 content: url(xenea/menu/clippings-add.png); 348} 349 350.menu-clippings-cart::before { 351 content: url(xenea/menu/clippings-cart.png); 352} 353 354.menu-clippings-download::before { 355 content: url(xenea/menu/edit-preferences.png); 356} 357 358.menu-clippings-empty::before { 359 content: url(xenea/menu/edit-delete.png); 360} 361 362.menu-story .nav-link::before { 363 content: url(xenea/menu/story.png); 364} 365 366.wt-main-container { 367 /* Space between the header/footer and the main content. */ 368 padding-top: 1rem; 369 padding-bottom: 1rem; 370} 371 372.wt-main { 373} 374 375.wt-messages { 376} 377 378.wt-page-title { 379 text-align: center; 380} 381 382.wt-page-options { 383} 384 385.wt-page-content { 386} 387 388.wt-page-options .form-group { 389 margin-bottom: 2px; 390} 391 392.wt-page-options-label { 393 color: #006; 394 background-color: #95b8e0; 395 border-left: 2px solid transparent; 396 border-right: 2px solid transparent; 397} 398 399.wt-page-options-value { 400 background-color: #ecf5ff; 401 border: thin solid #c3dfff; 402 padding: 0.25rem 0.75rem; 403} 404 405.wt-page-content { 406 margin-top: 1rem; 407} 408 409.wt-footers { 410} 411 412.wt-footer { 413} 414 415.wt-footer-contact { 416} 417 418.wt-footer-cookies { 419 background: #aaa; 420 color: #fff; 421 transition: height 0.5s; 422} 423 424.wt-footer-page-views { 425} 426 427.wt-footer-powered-by { 428} 429 430.wt-footer-powered-by-webtrees { 431 width: 100px; 432 height: 21px; 433 content: url(images/powered-by-webtrees.png); 434} 435 436/* 437 * The tree/user home pages 438 * 439 * wt-home-page / wt-user-page 440 * +---wt-main-blocks 441 * | +---wt-block, wt-block-AAA 442 * | +---wt-block, wt-block-BBB 443 * | +---wt-block, wt-block-CCC 444 * +---wt-side-blocks 445 * +---wt-block, wt-block-XXX 446 * +---wt-block, wt-block-YYY 447 * +---wt-block, wt-block-ZZZ 448 * 449 * Each block as the structure 450 * wt-block, wt-block-XXX 451 * +---wt-block-header, wt-block-header-XXX 452 * +---wt-block-content, wt-block-content-XXX 453 */ 454 455.wt-block { 456 background-color: #edf7fd; 457 border: thin solid #81a9cb; 458} 459 460.wt-block-header { 461 background-color: #edf7fd; 462 border-bottom: none; 463 font-weight: bold; 464} 465 466.wt-block-content { 467} 468 469.wt-block-content .list_table { 470 border-spacing: 1px; 471 border: solid #81a9cb 1px; 472 border-right: 0; 473} 474 475.wt-block-content .list_value, 476.wt-block-content .list_value_wrap { 477 border: 0; 478 border-top: solid #81a9cb 1px; 479 border-right: solid #81a9cb 1px; 480} 481 482/* 483 * The individual page. 484 * 485 * wt-route-individual 486 * +---wt-header-wrapper 487 */ 488 489.wt-individual-silhouette { 490 content: url(images/individual-silhouette-unknown.png); 491} 492 493.wt-individual-silhouette-f { 494 content: url(images/individual-silhouette-female.png); 495} 496 497.wt-individual-silhouette-m { 498 content: url(images/individual-silhouette-male.png); 499} 500 501/* 502 * Chart-boxes are used to build the various charts. 503 * Each type of chart will set its own size and hide/show content. 504 * 505 * wt-chart-box 506 * +--- wt-chart-box-thumbnail 507 * +--- wt-chart-box-extra 508 * +--- wt-chart-box-zoom 509 * +--- wt-chart-box-icon 510 * +--- wt-chart-box-dropdown wt-chart-box-zoom-dropdown 511 * +--- wt-chart-box-links 512 * +--- wt-chart-box-icon 513 * +--- wt-chart-box-dropdown wt-chart-box-links-dropdown 514 * +--- wt-chart-box-name 515 * +--- wt-chart-box-lifespan 516 * +--- wt-chart-box-facts 517 * +--- wt-chart-box-fact 518 */ 519.wt-chart-box, 520.wt-chart-box-menu { 521 background: var(--sex-u-bg); 522 border: dashed var(--sex-u-fg) thin; 523} 524 525.wt-chart-box { 526 height: 5rem; 527 padding: 2px; 528 line-height: 1.1; 529} 530 531.wt-chart-box-f, 532.wt-chart-box-f .wt-chart-box-dropdown { 533 background: var(--sex-f-bg); 534 border: solid var(--sex-f-fg) thin; 535} 536 537.wt-chart-box-m, 538.wt-chart-box-m .wt-chart-box-dropdown { 539 background: var(--sex-m-bg); 540 border: solid var(--sex-m-fg) thin; 541} 542 543#content #home-page { 544 margin-left: 5px; 545} 546 547/* ====== Round Corners ======== */ 548 549a { 550 color: #00f; 551 text-decoration: none; 552} 553 554a:hover { 555 color: #f00; 556 text-decoration: none; 557} 558 559:focus { 560 outline-style: none; 561} 562 563.flash-messages { 564 clear: both; 565 text-align: center; 566} 567 568img.block { 569 border: 0; 570 height: 25px; 571 vertical-align: middle; 572} 573 574.topbottombar { 575 background-color: #c3dfff; 576 color: #fff; 577 font-size: 12px; 578 font-weight: bold; 579 padding: 4px; 580 text-align: center; 581} 582 583.button { 584 width: 60px; 585} 586 587.alpha_index { 588 color: #999; 589} 590 591.news_box:target, 592#gedcom_stats:target { 593 background-color: #ffc; 594} 595 596/* families tab person box */ 597table.center { 598 margin-left: auto; 599 margin-right: auto; 600} 601 602.list_table { 603 margin: 0 auto; 604} 605 606.list_label, 607.list_label_wrap { 608 color: #006; 609 font-size: 12px; 610 background-color: #c3dfff; 611 border: solid #81a9cb 1px; 612 font-weight: bold; 613 text-align: center; 614} 615 616.list_value, 617.list_value_wrap { 618 background-color: #edf7fd; 619 font-size: 12px; 620 border: solid #81a9cb 1px; 621 vertical-align: top; 622 padding: 4px; 623} 624 625.list_label, 626.list_value { 627 white-space: nowrap; 628} 629 630.list_label_wrap, 631.list_value_wrap { 632 white-space: normal; 633} 634 635div.fact_SHARED_NOTE { 636 clear: both; 637} 638 639/* Table of genealogical facts */ 640.wt-facts-table caption { 641 caption-side: top; 642} 643 644.wt-facts-table th { 645 background-color: #c3dfff; 646 color: #006; 647 text-align: center; 648 font-weight: normal; 649 min-width: 20%; 650} 651 652.wt-facts-table td { 653 background-color: #ecf5ff; 654 border: solid #c3dfff 1px; 655} 656 657.wt-facts-table .wt-gender-M td { 658 background-color: #f0f9ff; 659 border-color: #84beff; 660} 661 662.wt-facts-table .wt-gender-F td { 663 background-color: #fff0f0; 664 border-color: #ff2080; 665} 666 667.name1 { 668 font-weight: bold; 669 font-size: 12px; 670} 671 672.name2 { 673 font-size: 16px; 674 } 675 676a:hover .name1, a:hover .name2 { 677 color: #f00; 678 font-weight: bold; 679 font-size: 12px; 680} 681 682.details0, 683.details1 { 684 font-size: 11px; 685} 686 687.details2 { 688 font-size: 12px; 689} 690 691.details_label { 692 font-weight: bold; 693} 694 695.date { 696 color: #337; 697} 698 699.label { 700 font-weight: bold; 701} 702 703.error { 704 color: #d00; 705 font-weight: bold; 706} 707 708.largeError { 709 color: #d00; 710 font-size: large; 711 font-weight: bold; 712} 713 714.warning { 715 color: #f00; 716 font-weight: bold; 717} 718 719.indent { 720 padding-left: 20px; 721} 722 723.thumbnail { 724 height: auto; 725 padding: 3px; 726} 727 728.icon { 729 border: 0; 730 padding: 0 5px; 731} 732 733.subheaders { 734 font-weight: bold; 735 font-size: 15px; 736 margin-top: 15px; 737 vertical-align: bottom; 738} 739 740.parentdeath { 741 border: thin solid #888; 742 padding: 1px; 743} 744 745.source_citations { 746 display: none; 747} 748 749.selected-option { 750 background-color: #edf7fd; 751} 752 753.border1 { 754 border: solid #000 1px; 755} 756 757.journal_box { 758 padding: 3pt; 759 border: thin solid #aaa; 760 overflow: visible; 761} 762 763.news_box { 764 background-color: #edf7fd; 765 border-top: solid #81a9cb 1px; 766} 767 768.news_title { 769 font-weight: bold; 770 font-size: 14px; 771} 772 773.news_date { 774 margin-bottom: 12px; 775} 776 777.current_day { 778 font-weight: bold; 779 font-size: 16px; 780} 781 782.cal_day { 783 float: left; 784 font-weight: bold; 785} 786 787.rtl_cal_day { 788 direction: rtl; 789 float: right; 790 color: #00f; 791 font-weight: bold; 792} 793 794#user-page h1 { 795 margin: 0.25em auto 0.6em; 796} 797 798.tvertline { 799 vertical-align: bottom; 800} 801 802#childbox { 803 padding: 5px; 804 position: absolute; 805 display: none; 806 text-align: start; 807 white-space: nowrap; 808 top: 20px; 809 left: 0; 810} 811 812.layout3 #childbox { 813 top: auto; 814 bottom: 20px; 815} 816 817#childbox a.name1 { 818 display: block; 819 margin-left: 5px; 820} 821 822.person0 { 823 background-color: #aaf; 824 border: outset #aaf 1px; 825 vertical-align: top; 826} 827 828.person1 { 829 background-color: #afa; 830 border: outset #afa 1px; 831 vertical-align: top; 832} 833 834.person2 { 835 background-color: #faa; 836 border: outset #faa 1px; 837 vertical-align: top; 838} 839 840.person3 { 841 background-color: #55f; 842 border: outset #55f 1px; 843 vertical-align: top; 844} 845 846.person4 { 847 background-color: #f55; 848 border: outset #f55 1px; 849 vertical-align: top; 850} 851 852.person5 { 853 background-color: #5f5; 854 border: outset #5f5 1px; 855 vertical-align: top; 856} 857 858.starredname { 859 text-decoration: underline; 860} 861 862.search_hit { 863 background-color: #ff0; 864} 865 866.descriptionbox { 867 color: #006; 868 font-size: 12px; 869 background-color: #c3dfff; 870 vertical-align: top; 871 padding: 3px; 872} 873 874.optionbox { 875 background-color: #ecf5ff; 876 font-size: 1rem; 877 border: solid #c3dfff 1px; 878 vertical-align: top; 879 white-space: nowrap; 880 padding: 3px; 881} 882 883.red { 884 color: #f00; 885} 886 887.wt-relation-fact, 888.wt-historic-fact { 889 opacity: 0.8; 890} 891 892.messagebox { 893 background-color: #c2ceef; 894 border: solid #81a9cb 1px; 895} 896 897/* ---Pending edits--- */ 898.wt-new { 899 outline: solid blue 1px; 900} 901 902.wt-old { 903 outline: solid red 1px; 904} 905 906.tag_cloud { 907 text-align: center; 908} 909 910.tag_cloud a { 911 white-space: nowrap; 912} 913 914.nowrap { 915 white-space: nowrap; 916} 917 918.wrap { 919 white-space: normal; 920} 921 922.statistics-page { 923 text-align: center; 924} 925 926.gchart { 927 border: solid #81a9cb 1px; 928} 929 930#facts_content dd { 931 float: left; 932 width: 70%; 933} 934 935/* this keeps the tag color the same when it is a link as when not */ 936 937.place { 938 padding-top: 5px; 939} 940 941.filtersH, 942.filtersF { 943 margin: 4px; 944} 945 946.filtersH img { 947 margin-bottom: 2px; 948} 949 950.list-charts { 951 text-align: center; 952} 953 954#place-hierarchy h2, 955#place-hierarchy h4 { 956 text-align: center; 957} 958 959/* ==== FAQ table styles ===== */ 960table.faq { 961 background-color: #e0e0e0; 962 margin: 5px 0 50px 5px; 963 width: 98%; 964} 965 966table.faq tr:nth-child(odd) td { 967 background-color: #e7eef3; 968} 969 970div.faq_title { 971 background-color: #e0e0e0; 972 margin: 1em 0; 973 padding: .25em; 974 font-weight: bold; 975 width: 98%; 976} 977 978div.faq_body { 979 clear: both; 980 padding: 0 1em; 981} 982 983.faq_top { 984 float: right; 985} 986 987/* === Positioning edit, copy, delete links === */ 988/* General use */ 989.editfacts { 990 clear: left; 991 padding-top: 15px; 992} 993 994#indi_note { 995 margin: 0 0 5px; 996} 997 998.indi_table { 999 clear: left; 1000} 1001 1002#sex { 1003 float: right; 1004} 1005 1006#dates { 1007 float: right; 1008} 1009 1010#individual-names .wt-icon-edit, 1011#individual-names .wt-icon-delete { 1012 float: right; 1013} 1014 1015#indi_note .fact_NOTE { 1016 float: left; 1017 margin: 0 5px 0 0; 1018} 1019 1020#indi_note .fact_SOUR { 1021 margin: 3px 0; 1022} 1023 1024#indi_note .fact_SOUR a { 1025 font-size: 100%; 1026} 1027 1028#indi_note .fact_NOTE, 1029#indi_note .fact_SOUR { 1030 clear: both; 1031} 1032 1033/* markdown formatting */ 1034 1035.markdown { 1036 /* Tables and pre-formatted text can break the layout. */ 1037 overflow-x: auto; 1038} 1039 1040.markdown p { 1041 margin: 0 0 0.5em; 1042 white-space: pre-wrap; 1043} 1044 1045.markdown table { 1046 border-collapse: collapse; 1047 margin-bottom: 5px; 1048} 1049 1050.markdown th { 1051 font-weight: bold; 1052} 1053 1054.markdown td, 1055.markdown th { 1056 border: solid thin #000; 1057 padding: 3px; 1058} 1059 1060.odometer { 1061 font-family: courier, monospace; 1062 font-weight: bold; 1063 background: #000; 1064 color: #fff; 1065} 1066 1067/* ======== Indi tabs ======== */ 1068/* Facts & Events tab */ 1069.media-display-image { 1070 float: left; 1071} 1072 1073.media-display-title { 1074 float: left; 1075 font-style: italic; 1076 margin: 10px; 1077} 1078 1079/* Sidebar - Family navigator */ 1080.wt-family-navigator-dropdown { 1081 background: #edf7fd; 1082} 1083 1084.wt-family-navigator-dropdown-heading { 1085 font-weight: bold; 1086 font-size: inherit; 1087 color: inherit; 1088} 1089 1090/* Sidebar - Descendants */ 1091#sb_content_descendancy { 1092 margin-top: 5px; 1093} 1094 1095#sb_desc_content { 1096 margin-left: 3px; 1097 font-size: 0.8em; 1098} 1099 1100#sb_desc_content ul { 1101 padding: 0; 1102 margin: 0; 1103} 1104 1105.sb_desc_indi_li { 1106 list-style-type: none; 1107} 1108 1109/* Individuals and Families */ 1110#sidebar-content-individuals, 1111#sidebar-content-families { 1112 margin-top: 5px; 1113} 1114 1115.sb_indi_surname_li, 1116.sb_fam_surname_li { 1117 list-style-image: url(icons/plus.png); 1118} 1119 1120.name_tree_div ul { 1121 padding: 0; 1122 margin: 0; 1123} 1124 1125.name_tree_div li { 1126 list-style: none; 1127 margin: 0; 1128 padding: 0; 1129} 1130 1131/* Clippings */ 1132#sb_clippings_content ul { 1133 padding: 0; 1134 margin: 0; 1135} 1136 1137#sb_clippings_content li { 1138 list-style: none; 1139 margin: 0; 1140 padding: 0; 1141 white-space: nowrap; 1142} 1143 1144/* Extra info */ 1145#sb_content_extra_info { 1146 font-size: 80%; 1147 font-weight: bold; 1148 margin-top: 1px; 1149 overflow: hidden; 1150 padding: 5px; 1151} 1152 1153#sb_content_extra_info .editfacts { 1154 float: right; 1155 margin-top: -30px; 1156} 1157 1158#sb_content_extra_info a { 1159 display: block; 1160} 1161 1162#sb_content_extra_info span { 1163 font-weight: normal; 1164} 1165 1166#sb_content_extra_info span a { 1167 display: inline; 1168} 1169 1170#sb_content_extra_info #hitcounter { 1171 border-top: 1px solid #b2c7d7; 1172 font-weight: bold; 1173 padding-top: 5px; 1174} 1175 1176/* http://www.jacklmoore.com/colorbox */ 1177#colorbox, 1178#cboxOverlay, 1179#cboxWrapper { 1180 position: absolute; 1181 top: 0; 1182 left: 0; 1183 z-index: 9999; 1184 overflow: hidden; 1185} 1186 1187#cboxWrapper { 1188 max-width: none; 1189} 1190 1191#cboxOverlay { 1192 position: fixed; 1193 width: 100%; 1194 height: 100%; 1195 background: #fff; 1196} 1197 1198#cboxContent { 1199 background: #fff; 1200 overflow: hidden; 1201 position: relative; 1202 padding: 0.5rem; 1203 border: 0.25rem solid #ccc; 1204} 1205 1206#cboxLoadingOverlay, 1207#cboxLoadingGraphic { 1208 position: absolute; 1209 top: 0; 1210 left: 0; 1211 width: 100%; 1212 height: 100%; 1213} 1214 1215.cboxPhoto { 1216 float: left; 1217 margin: auto; 1218 border: 0; 1219 display: block; 1220 max-width: none; 1221} 1222 1223#colorbox, 1224#cboxContent, 1225#cboxLoadedContent { 1226 box-sizing: content-box; 1227} 1228 1229#cboxError { 1230 padding: 50px; 1231 border: 1px solid #ccc; 1232} 1233 1234#cboxLoadedContent { 1235 margin-bottom: 28px; 1236} 1237 1238#cboxTitle { 1239 background: #fff; 1240 position: absolute; 1241 bottom: 0.25rem; 1242 left: 0; 1243 margin: 0 3rem; 1244 text-align: center; 1245} 1246 1247#cboxLoadingGraphic { 1248 background: url(images/loading-32x32.gif) no-repeat center center; 1249} 1250 1251#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { 1252 background: none; 1253 border: 0; 1254 cursor: pointer; 1255 font-family: "Font Awesome\ 5 Free", sans-serif; 1256 font-weight: 900; 1257 overflow: visible; 1258 padding: 0; 1259 position: absolute; 1260} 1261 1262#cboxSlideshow { 1263 bottom: 0.25rem; 1264 right: 0.25rem; 1265} 1266 1267#cboxPrevious { 1268 bottom: 0.25rem; 1269 left: 0.25rem; 1270} 1271 1272#cboxNext { 1273 bottom: 0.25rem; 1274 left: 1.5rem; 1275} 1276 1277#cboxClose { 1278 top: 0.25rem; 1279 right: 0.25rem; 1280} 1281 1282/* Stories module */ 1283.story_title { 1284 padding-top: 12px; 1285 font-size: 13px; 1286 height: 32px; 1287 font-weight: bold; 1288} 1289 1290.story_body { 1291 padding: 20px; 1292 white-space: normal; 1293} 1294 1295.story_edit { 1296 padding: 12px; 1297} 1298 1299/* Stories module */ 1300.story_title { 1301 padding-top: 12px; 1302 font-size: 13px; 1303 height: 32px; 1304 font-weight: bold; 1305} 1306 1307.story_body { 1308 padding: 20px; 1309 white-space: normal; 1310} 1311 1312.story_edit { 1313 padding: 12px; 1314} 1315 1316/*-- Fan chart ---- */ 1317.fan_chart_menu { 1318 background: #fff; 1319 position: absolute; 1320 display: none; 1321 z-index: 100; 1322} 1323 1324#fan_chart ul { 1325 list-style-type: none; 1326 margin: 0; 1327} 1328 1329/* Lifespans chart */ 1330.wt-lifespans-subtitle { 1331 text-align: center; 1332} 1333 1334.wt-lifespans-scale { 1335 white-space: nowrap; 1336} 1337 1338.wt-lifespans-decade { 1339 width: 70px; 1340 height: 60px; 1341 display: inline-block; 1342 background-image: url(images/lifespan-decade.png); 1343 background-position-y: bottom; 1344 background-repeat: no-repeat; 1345 background-size: 70px 37px; 1346} 1347 1348.wt-lifespans-individuals { 1349 background: #fafafa; 1350} 1351 1352.wt-lifespans-individual { 1353 1354} 1355 1356.wt-lifespans-summary { 1357 background: #ffffff; 1358 border: thin solid #000; 1359 z-index: 1; 1360} 1361 1362.wt-lifespans-summary-link { 1363 font-weight: bold; 1364} 1365 1366/*-- timeline --*/ 1367#timeline_chart { 1368 position: relative; 1369 top: 0; 1370 left: 0; 1371} 1372 1373/* 1374 * Any element that is loaded dynamically has the class wt-ajax-load. 1375 * We can provide a "loading" placeholder for empty elements with this class. 1376 */ 1377.wt-ajax-load:empty { 1378 height: 32px; 1379 background: url(images/loading-32x32.gif) no-repeat 50% 50%; 1380} 1381 1382/* 1383 * Default icons are provided by FontAwesome. 1384 */ 1385.wt-icon-anniversary { 1386 content: url(icons/anniversary.png); 1387} 1388 1389.wt-icon-arrow-down { 1390 content: url(xenea/icons/arrow-down.png); 1391} 1392 1393a > .wt-icon-arrow-down:hover { 1394 content: url(xenea/icons/arrow-down-hover.png); 1395} 1396 1397.wt-icon-arrow-left { 1398 content: url(xenea/icons/arrow-left.png); 1399} 1400 1401a > .wt-icon-arrow-left:hover { 1402 content: url(xenea/icons/arrow-left-hover.png); 1403} 1404 1405.wt-icon-arrow-right { 1406 content: url(xenea/icons/arrow-right.png); 1407} 1408 1409a > .wt-icon-arrow-right:hover { 1410 content: url(xenea/icons/arrow-right-hover.png); 1411} 1412 1413.wt-icon-arrow-up { 1414 content: url(xenea/icons/arrow-up.png); 1415} 1416 1417a > .wt-icon-arrow-up:hover { 1418 content: url(xenea/icons/arrow-up-hover.png); 1419} 1420 1421.wt-icon-bing-maps { 1422 content: url(icons/bing-maps.png); 1423} 1424 1425.wt-icon-calendar { 1426 content: url(icons/calendar.png) 1427} 1428 1429.wt-icon-collapse { 1430} 1431 1432.wt-icon-coordinates { 1433 content: url(icons/coordinates.png) 1434} 1435 1436.wt-icon-copy { 1437 content: url(icons/copy.png) 1438} 1439 1440.wt-icon-delete { 1441 content: url(icons/delete.png); 1442} 1443 1444.wt-icon-edit { 1445 content: url(icons/edit.png); 1446} 1447 1448.wt-icon-expand { 1449} 1450 1451.wt-icon-family { 1452 content: url(icons/family.png); 1453} 1454 1455.wt-icon-google-maps { 1456 content: url(icons/google-maps.png); 1457} 1458 1459.wt-icon-help { 1460 content: url(xenea/icons/help.png); 1461} 1462 1463.wt-icon-individual { 1464 content: url(icons/individual.png); 1465} 1466 1467.wt-icon-keyboard { 1468 content: url(icons/keyboard.png); 1469} 1470 1471.wt-icon-media { 1472 content: url(icons/media.png); 1473} 1474 1475.wt-icon-note { 1476 content: url(icons/note.png); 1477} 1478 1479.wt-icon-openstreetmap { 1480 content: url(icons/openstreetmap.png); 1481} 1482 1483.wt-icon-preferences { 1484 content: url(xenea/icons/preferences.png); 1485} 1486 1487.wt-icon-reorder { 1488 content: url(icons/reorder.png); 1489} 1490 1491.wt-icon-repository { 1492 content: url(icons/repository.png); 1493} 1494 1495.wt-icon-sex-f { 1496 content: url(icons/sex-female.png); 1497} 1498 1499.wt-icon-sex-m { 1500 content: url(icons/sex-male.png); 1501} 1502 1503.wt-icon-sex-u { 1504 content: url(icons/sex-unknown.png); 1505} 1506 1507.wt-icon-sex-x { 1508 content: url(icons/sex-unknown.png); 1509} 1510 1511.wt-icon-source { 1512 content: url(icons/source.png); 1513} 1514 1515.wt-icon-submitter { 1516 content: url(icons/individual.png); 1517} 1518 1519.wt-icon-warning { 1520 content: url(icons/warning.png); 1521} 1522 1523.wt-icon-zoom-in { 1524 content: url(xenea/icons/zoom-in.png); 1525} 1526 1527.wt-icon-zoom-out { 1528 content: url(xenea/icons/zoom-out.png); 1529} 1530 1531/* Fact icons */ 1532.wt-fact-icon { 1533 display: block; 1534 margin: 1rem auto; 1535 content: url(facts/NULL.png); 1536} 1537 1538.wt-fact-icon-ADDR { 1539 content: url(facts/ADDR.png); 1540} 1541 1542.wt-fact-icon-ADOP { 1543 content: url(facts/ADOP.png); 1544} 1545 1546.wt-fact-icon-AFN, 1547.wt-fact-icon-REFN, 1548.wt-fact-icon-RFN, 1549.wt-fact-icon-RIN, 1550.wt-fact-icon-_UID { 1551 content: url(facts/REFN.png); 1552} 1553 1554.wt-fact-icon-ASSO { 1555 content: url(facts/ADOP.png); 1556} 1557 1558.wt-fact-icon-BIRT { 1559 content: url(facts/BIRT.png); 1560} 1561 1562.wt-fact-icon-BURI { 1563 content: url(facts/BURI.png); 1564} 1565 1566.wt-fact-icon-CEME { 1567 content: url(facts/CEME.png); 1568} 1569 1570.wt-fact-icon-CENS { 1571 content: url(facts/CENS.png); 1572} 1573 1574.wt-fact-icon-CHAN { 1575 content: url(facts/CHAN.png); 1576} 1577 1578.wt-fact-icon-CHR, 1579.wt-fact-icon-BAPL, 1580.wt-fact-icon-BAPM { 1581 content: url(facts/CHR.png); 1582} 1583 1584.wt-fact-icon-CONF, 1585.wt-fact-icon-CONL { 1586 content: url(facts/CONF.png); 1587} 1588 1589.wt-fact-icon-DEAT { 1590 content: url(facts/DEAT.png); 1591} 1592 1593.wt-fact-icon-ANUL, 1594.wt-fact-icon-DIV { 1595 content: url(facts/DIV.png); 1596} 1597 1598.wt-fact-icon-DIVF { 1599 content: url(facts/DIVF.png); 1600} 1601 1602.wt-fact-icon-EMAIL { 1603 content: url(facts/EMAIL.png); 1604} 1605 1606.wt-fact-icon-EMIG { 1607 content: url(facts/EMIG.png); 1608} 1609 1610.wt-fact-icon-ENGA, 1611.wt-fact-icon-MARB { 1612 content: url(facts/ENGA.png); 1613} 1614 1615.wt-fact-icon-EVEN { 1616 content: url(facts/EVEN.png); 1617} 1618 1619.wt-fact-icon-FACT { 1620 content: url(facts/FACT.png); 1621} 1622 1623.wt-fact-icon-IMMI { 1624 content: url(facts/IMMI.png); 1625} 1626 1627.wt-fact-icon-MARR, 1628.wt-fact-icon-SLGS { 1629 content: url(facts/MARR.png); 1630} 1631 1632.wt-fact-icon-OCCU { 1633 content: url(facts/OCCU.png); 1634} 1635 1636.wt-fact-icon-ORDN { 1637 content: url(facts/ORDN.png); 1638} 1639 1640.wt-fact-icon-PHON { 1641 content: url(facts/PHON.png); 1642} 1643 1644.wt-fact-icon-PROP, 1645.wt-fact-icon-RESI { 1646 content: url(facts/RESI.png); 1647} 1648 1649.wt-fact-icon-WWW { 1650 content: url(facts/WWW.png); 1651} 1652 1653.wt-fact-icon-_MDCL { 1654 content: url(facts/_MDCL.png); 1655} 1656 1657.wt-fact-icon-_MILI { 1658 content: url(facts/_MILI.png); 1659} 1660 1661.wt-fact-icon-_NMAR { 1662 content: url(facts/_NMAR.png); 1663} 1664 1665.wt-fact-icon-_NMR { 1666 content: url(facts/MARR.png); 1667} 1668 1669.wt-fact-icon-_SEPR { 1670 content: url(facts/_SEPR.png); 1671} 1672 1673.wt-fact-icon-_TODO { 1674 content: url(facts/_TODO.png); 1675} 1676 1677/* Miscellaneous images */ 1678.icon-cfamily { 1679 content: url(xenea/images/cfamily.png); 1680} 1681 1682.icon-childless { 1683 content: url(images/childless.png); 1684} 1685 1686.icon-children { 1687 content: url(images/children.png); 1688} 1689 1690.icon-edit_indi { 1691 content: url(xenea/images/edit_indi.png); 1692} 1693 1694.icon-fam-list { 1695 content: url(xenea/images/cfamily.png); 1696} 1697 1698.icon-indi-list { 1699 content: url(xenea/images/indis.png); 1700} 1701 1702.icon-loading-small { 1703 content: url(images/indicator.gif); 1704} 1705 1706.icon-minus { 1707 content: url(icons/minus.png); 1708} 1709 1710.icon-mypage { 1711 content: url(xenea/images/mypage.png); 1712} 1713 1714.icon-plus { 1715 content: url(icons/plus.png); 1716} 1717 1718.icon-resn-confidential { 1719 content: url(images/resn_confidential.png); 1720} 1721 1722.icon-resn-locked { 1723 content: url(images/resn_locked.png); 1724} 1725 1726.icon-resn-none { 1727 content: url(images/resn_none.png); 1728} 1729 1730.icon-resn-privacy { 1731 content: url(images/resn_privacy.png); 1732} 1733 1734.icon-rings { 1735 content: url(images/rings.png); 1736} 1737 1738.icon-selected { 1739 content: url(xenea/images/selected.png); 1740} 1741 1742/* Silhouettes on charts */ 1743.icon-silhouette-F { 1744 content: url(xenea/images/silhouette_female_small.png); 1745} 1746 1747.icon-silhouette-M { 1748 content: url(xenea/images/silhouette_male_small.png); 1749} 1750 1751.icon-silhouette-U { 1752 content: url(xenea/images/silhouette_unknown_small.png); 1753} 1754 1755.icon-indis { 1756 content: url(xenea/images/indis.png); 1757} 1758 1759.icon-patriarch { 1760 content: url(xenea/images/patriarch.png); 1761} 1762 1763.icon-pedigree { 1764 content: url(xenea/images/pedigree.png); 1765} 1766 1767.icon-sfamily { 1768 content: url(xenea/images/sfamily.png); 1769} 1770 1771.icon-user_add { 1772 content: url(xenea/images/user_add.png); 1773} 1774 1775/* Census assistant */ 1776.wt-census-assistant-form-control:focus { 1777 min-width: 12rem; 1778} 1779 1780/* 1781 * Drag and drop sortable lists 1782 */ 1783.wt-sortable-list { 1784} 1785 1786.wt-sortable-item { 1787 cursor: move; 1788} 1789 1790/* Some blocks show a reduced version on the right-hand side. */ 1791.wt-side-blocks .wt-side-block-optional { 1792 display: none !important; 1793} 1794 1795/* my page chart enhancements */ 1796.wt-block-content-charts { 1797 overflow: auto; 1798} 1799 1800/* Some charts are wider than the page. */ 1801.wt-chart { 1802 overflow-x: auto; 1803 overflow-y: hidden; 1804} 1805 1806/* Fit thumbnail into parent on charts */ 1807.select2-selection.select2-selection--single { 1808 min-height: 36px; 1809 height: auto; 1810 padding: 2px 0; 1811} 1812 1813.select2-container .select2-selection--single .select2-selection__rendered { 1814 padding-left: 2px; 1815} 1816 1817.select2-selection--single .NAME { 1818 padding-left: 4px; 1819} 1820 1821/* 1822 * Place hierarchy 1823 * 1824 * wt-place-hierarchy-page 1825 */ 1826 1827#place-hierarchy ul { 1828 list-style-type: none; 1829} 1830 1831.d-table-cell { 1832 padding-right: 5px; 1833} 1834 1835/* Some menus (e.g. languages) can be longer than a page */ 1836.dropdown-menu { 1837 max-height: 30rem; 1838 overflow-x: hidden; 1839} 1840 1841/* Forms */ 1842.col-form-label { 1843 font-weight: bold; 1844} 1845
