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