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.source_citations { 734 display: none; 735} 736 737.selected-option { 738 background-color: #edf7fd; 739} 740 741.border1 { 742 border: solid #000 1px; 743} 744 745.journal_box { 746 padding: 3pt; 747 border: thin solid #aaa; 748 overflow: visible; 749} 750 751.news_box { 752 background-color: #edf7fd; 753 border-top: solid #81a9cb 1px; 754} 755 756.news_title { 757 font-weight: bold; 758 font-size: 14px; 759} 760 761.news_date { 762 margin-bottom: 12px; 763} 764 765.current_day { 766 font-weight: bold; 767 font-size: 16px; 768} 769 770.cal_day { 771 float: left; 772 font-weight: bold; 773} 774 775.rtl_cal_day { 776 direction: rtl; 777 float: right; 778 color: #00f; 779 font-weight: bold; 780} 781 782#user-page h1 { 783 margin: 0.25em auto 0.6em; 784} 785 786.tvertline { 787 vertical-align: bottom; 788} 789 790#childbox { 791 padding: 5px; 792 position: absolute; 793 display: none; 794 text-align: start; 795 white-space: nowrap; 796 top: 20px; 797 left: 0; 798} 799 800.layout3 #childbox { 801 top: auto; 802 bottom: 20px; 803} 804 805#childbox a.name1 { 806 display: block; 807 margin-left: 5px; 808} 809 810.person0 { 811 background-color: #aaf; 812 border: outset #aaf 1px; 813 vertical-align: top; 814} 815 816.person1 { 817 background-color: #afa; 818 border: outset #afa 1px; 819 vertical-align: top; 820} 821 822.person2 { 823 background-color: #faa; 824 border: outset #faa 1px; 825 vertical-align: top; 826} 827 828.person3 { 829 background-color: #55f; 830 border: outset #55f 1px; 831 vertical-align: top; 832} 833 834.person4 { 835 background-color: #f55; 836 border: outset #f55 1px; 837 vertical-align: top; 838} 839 840.person5 { 841 background-color: #5f5; 842 border: outset #5f5 1px; 843 vertical-align: top; 844} 845 846.starredname { 847 text-decoration: underline; 848} 849 850.search_hit { 851 background-color: #ff0; 852} 853 854.descriptionbox { 855 color: #006; 856 font-size: 12px; 857 background-color: #c3dfff; 858 vertical-align: top; 859 padding: 3px; 860} 861 862.optionbox { 863 background-color: #ecf5ff; 864 font-size: 1rem; 865 border: solid #c3dfff 1px; 866 vertical-align: top; 867 white-space: nowrap; 868 padding: 3px; 869} 870 871.red { 872 color: #f00; 873} 874 875.wt-relation-fact, 876.wt-historic-fact { 877 opacity: 0.8; 878} 879 880.messagebox { 881 background-color: #c2ceef; 882 border: solid #81a9cb 1px; 883} 884 885/* ---Pending edits--- */ 886.wt-new { 887 outline: solid blue 1px; 888} 889 890.wt-old { 891 outline: solid red 1px; 892} 893 894.tag_cloud { 895 text-align: center; 896} 897 898.tag_cloud a { 899 white-space: nowrap; 900} 901 902.nowrap { 903 white-space: nowrap; 904} 905 906.wrap { 907 white-space: normal; 908} 909 910.statistics-page { 911 text-align: center; 912} 913 914.gchart { 915 border: solid #81a9cb 1px; 916} 917 918#facts_content dd { 919 float: left; 920 width: 70%; 921} 922 923/* this keeps the tag color the same when it is a link as when not */ 924 925.place { 926 padding-top: 5px; 927} 928 929.filtersH, 930.filtersF { 931 margin: 4px; 932} 933 934.filtersH img { 935 margin-bottom: 2px; 936} 937 938.list-charts { 939 text-align: center; 940} 941 942#place-hierarchy h2, 943#place-hierarchy h4 { 944 text-align: center; 945} 946 947/* ==== FAQ table styles ===== */ 948table.faq { 949 background-color: #e0e0e0; 950 margin: 5px 0 50px 5px; 951 width: 98%; 952} 953 954table.faq tr:nth-child(odd) td { 955 background-color: #e7eef3; 956} 957 958div.faq_title { 959 background-color: #e0e0e0; 960 margin: 1em 0; 961 padding: .25em; 962 font-weight: bold; 963 width: 98%; 964} 965 966div.faq_body { 967 clear: both; 968 padding: 0 1em; 969} 970 971.faq_top { 972 float: right; 973} 974 975/* === Positioning edit, copy, delete links === */ 976/* General use */ 977.editfacts { 978 clear: left; 979 padding-top: 15px; 980} 981 982#indi_note { 983 margin: 0 0 5px; 984} 985 986.indi_table { 987 clear: left; 988} 989 990#sex { 991 float: right; 992} 993 994#dates { 995 float: right; 996} 997 998#individual-names .wt-icon-edit, 999#individual-names .wt-icon-delete { 1000 float: right; 1001} 1002 1003#indi_note .fact_NOTE { 1004 float: left; 1005 margin: 0 5px 0 0; 1006} 1007 1008#indi_note .fact_SOUR { 1009 margin: 3px 0; 1010} 1011 1012#indi_note .fact_SOUR a { 1013 font-size: 100%; 1014} 1015 1016#indi_note .fact_NOTE, 1017#indi_note .fact_SOUR { 1018 clear: both; 1019} 1020 1021/* markdown formatting */ 1022 1023.markdown { 1024 /* Tables and pre-formatted text can break the layout. */ 1025 overflow-x: auto; 1026} 1027 1028.markdown p { 1029 margin: 0 0 0.5em; 1030 white-space: pre-wrap; 1031} 1032 1033.markdown table { 1034 border-collapse: collapse; 1035 margin-bottom: 5px; 1036} 1037 1038.markdown th { 1039 font-weight: bold; 1040} 1041 1042.markdown td, 1043.markdown th { 1044 border: solid thin #000; 1045 padding: 3px; 1046} 1047 1048.odometer { 1049 font-family: courier, monospace; 1050 font-weight: bold; 1051 background: #000; 1052 color: #fff; 1053} 1054 1055/* ======== Indi tabs ======== */ 1056/* Facts & Events tab */ 1057.media-display-image { 1058 float: left; 1059} 1060 1061.media-display-title { 1062 float: left; 1063 font-style: italic; 1064 margin: 10px; 1065} 1066 1067/* Sidebar - Family navigator */ 1068.wt-family-navigator-dropdown { 1069 background: #edf7fd; 1070} 1071 1072.wt-family-navigator-dropdown-heading { 1073 font-weight: bold; 1074 font-size: inherit; 1075 color: inherit; 1076} 1077 1078/* Sidebar - Descendants */ 1079#sb_content_descendancy { 1080 margin-top: 5px; 1081} 1082 1083#sb_desc_content { 1084 margin-left: 3px; 1085 font-size: 0.8em; 1086} 1087 1088#sb_desc_content ul { 1089 padding: 0; 1090 margin: 0; 1091} 1092 1093.sb_desc_indi_li { 1094 list-style-type: none; 1095} 1096 1097/* Individuals and Families */ 1098#sidebar-content-individuals, 1099#sidebar-content-families { 1100 margin-top: 5px; 1101} 1102 1103.sb_indi_surname_li, 1104.sb_fam_surname_li { 1105 list-style-image: url(icons/plus.png); 1106} 1107 1108.name_tree_div ul { 1109 padding: 0; 1110 margin: 0; 1111} 1112 1113.name_tree_div li { 1114 list-style: none; 1115 margin: 0; 1116 padding: 0; 1117} 1118 1119/* Clippings */ 1120#sb_clippings_content ul { 1121 padding: 0; 1122 margin: 0; 1123} 1124 1125#sb_clippings_content li { 1126 list-style: none; 1127 margin: 0; 1128 padding: 0; 1129 white-space: nowrap; 1130} 1131 1132/* Stories module */ 1133.story_title { 1134 padding-top: 12px; 1135 font-size: 13px; 1136 height: 32px; 1137 font-weight: bold; 1138} 1139 1140.story_body { 1141 padding: 20px; 1142 white-space: normal; 1143} 1144 1145.story_edit { 1146 padding: 12px; 1147} 1148 1149/* Stories module */ 1150.story_title { 1151 padding-top: 12px; 1152 font-size: 13px; 1153 height: 32px; 1154 font-weight: bold; 1155} 1156 1157.story_body { 1158 padding: 20px; 1159 white-space: normal; 1160} 1161 1162.story_edit { 1163 padding: 12px; 1164} 1165 1166/*-- Fan chart ---- */ 1167.fan_chart_menu { 1168 background: #fff; 1169 position: absolute; 1170 display: none; 1171 z-index: 100; 1172} 1173 1174#fan_chart ul { 1175 list-style-type: none; 1176 margin: 0; 1177} 1178 1179/* Lifespans chart */ 1180.wt-lifespans-subtitle { 1181 text-align: center; 1182} 1183 1184.wt-lifespans-scale { 1185 white-space: nowrap; 1186} 1187 1188.wt-lifespans-decade { 1189 width: 70px; 1190 height: 60px; 1191 display: inline-block; 1192 background-image: url(images/lifespan-decade.png); 1193 background-position-y: bottom; 1194 background-repeat: no-repeat; 1195 background-size: 70px 37px; 1196} 1197 1198.wt-lifespans-individuals { 1199 background: #fafafa; 1200} 1201 1202.wt-lifespans-individual { 1203 1204} 1205 1206.wt-lifespans-summary { 1207 background: #ffffff; 1208 border: thin solid #000; 1209 z-index: 1; 1210} 1211 1212.wt-lifespans-summary-link { 1213 font-weight: bold; 1214} 1215 1216/*-- timeline --*/ 1217#timeline_chart { 1218 position: relative; 1219 top: 0; 1220 left: 0; 1221} 1222 1223/* 1224 * Any element that is loaded dynamically has the class wt-ajax-load. 1225 * We can provide a "loading" placeholder for empty elements with this class. 1226 */ 1227.wt-ajax-load:empty { 1228 height: 32px; 1229 background: url(images/loading-32x32.gif) no-repeat 50% 50%; 1230} 1231 1232/* 1233 * Default icons are provided by FontAwesome. 1234 */ 1235.wt-icon-anniversary { 1236 content: url(icons/anniversary.png); 1237} 1238 1239.wt-icon-arrow-down { 1240 content: url(xenea/icons/arrow-down.png); 1241} 1242 1243a > .wt-icon-arrow-down:hover { 1244 content: url(xenea/icons/arrow-down-hover.png); 1245} 1246 1247.wt-icon-arrow-left { 1248 content: url(xenea/icons/arrow-left.png); 1249} 1250 1251a > .wt-icon-arrow-left:hover { 1252 content: url(xenea/icons/arrow-left-hover.png); 1253} 1254 1255.wt-icon-arrow-right { 1256 content: url(xenea/icons/arrow-right.png); 1257} 1258 1259a > .wt-icon-arrow-right:hover { 1260 content: url(xenea/icons/arrow-right-hover.png); 1261} 1262 1263.wt-icon-arrow-up { 1264 content: url(xenea/icons/arrow-up.png); 1265} 1266 1267a > .wt-icon-arrow-up:hover { 1268 content: url(xenea/icons/arrow-up-hover.png); 1269} 1270 1271.wt-icon-bing-maps { 1272 content: url(icons/bing-maps.png); 1273} 1274 1275.wt-icon-calendar { 1276 content: url(icons/calendar.png) 1277} 1278 1279.wt-icon-collapse { 1280} 1281 1282.wt-icon-coordinates { 1283 content: url(icons/coordinates.png) 1284} 1285 1286.wt-icon-copy { 1287 content: url(icons/copy.png) 1288} 1289 1290.wt-icon-delete { 1291 content: url(icons/delete.png); 1292} 1293 1294.wt-icon-edit { 1295 content: url(icons/edit.png); 1296} 1297 1298.wt-icon-expand { 1299} 1300 1301.wt-icon-family { 1302 content: url(icons/family.png); 1303} 1304 1305.wt-icon-google-maps { 1306 content: url(icons/google-maps.png); 1307} 1308 1309.wt-icon-help { 1310 content: url(xenea/icons/help.png); 1311} 1312 1313.wt-icon-individual { 1314 content: url(icons/individual.png); 1315} 1316 1317.wt-icon-keyboard { 1318 content: url(icons/keyboard.png); 1319} 1320 1321.wt-icon-media { 1322 content: url(icons/media.png); 1323} 1324 1325.wt-icon-note { 1326 content: url(icons/note.png); 1327} 1328 1329.wt-icon-openstreetmap { 1330 content: url(icons/openstreetmap.png); 1331} 1332 1333.wt-icon-preferences { 1334 content: url(xenea/icons/preferences.png); 1335} 1336 1337.wt-icon-reorder { 1338 content: url(icons/reorder.png); 1339} 1340 1341.wt-icon-repository { 1342 content: url(icons/repository.png); 1343} 1344 1345.wt-icon-sex { 1346 height: 1em; 1347} 1348 1349.wt-icon-sex-f { 1350 content: url(icons/sex-female.png); 1351} 1352 1353.wt-icon-sex-m { 1354 content: url(icons/sex-male.png); 1355} 1356 1357.wt-icon-sex-u { 1358 content: url(icons/sex-unknown.png); 1359} 1360 1361.wt-icon-sex-x { 1362 content: url(icons/sex-unknown.png); 1363} 1364 1365.wt-icon-source { 1366 content: url(icons/source.png); 1367} 1368 1369.wt-icon-submitter { 1370 content: url(icons/individual.png); 1371} 1372 1373.wt-icon-warning { 1374 content: url(icons/warning.png); 1375} 1376 1377.wt-icon-zoom-in { 1378 content: url(xenea/icons/zoom-in.png); 1379} 1380 1381.wt-icon-zoom-out { 1382 content: url(xenea/icons/zoom-out.png); 1383} 1384 1385/* Fact icons */ 1386.wt-fact-icon { 1387 display: block; 1388 margin: 1rem auto; 1389 content: url(facts/NULL.png); 1390} 1391 1392.wt-fact-icon-ADDR { 1393 content: url(facts/ADDR.png); 1394} 1395 1396.wt-fact-icon-ADOP { 1397 content: url(facts/ADOP.png); 1398} 1399 1400.wt-fact-icon-AFN, 1401.wt-fact-icon-REFN, 1402.wt-fact-icon-RFN, 1403.wt-fact-icon-RIN, 1404.wt-fact-icon-_UID { 1405 content: url(facts/REFN.png); 1406} 1407 1408.wt-fact-icon-ASSO { 1409 content: url(facts/ADOP.png); 1410} 1411 1412.wt-fact-icon-BIRT { 1413 content: url(facts/BIRT.png); 1414} 1415 1416.wt-fact-icon-BURI { 1417 content: url(facts/BURI.png); 1418} 1419 1420.wt-fact-icon-CEME { 1421 content: url(facts/CEME.png); 1422} 1423 1424.wt-fact-icon-CENS { 1425 content: url(facts/CENS.png); 1426} 1427 1428.wt-fact-icon-CHAN { 1429 content: url(facts/CHAN.png); 1430} 1431 1432.wt-fact-icon-CHR, 1433.wt-fact-icon-BAPL, 1434.wt-fact-icon-BAPM { 1435 content: url(facts/CHR.png); 1436} 1437 1438.wt-fact-icon-CONF, 1439.wt-fact-icon-CONL { 1440 content: url(facts/CONF.png); 1441} 1442 1443.wt-fact-icon-DEAT { 1444 content: url(facts/DEAT.png); 1445} 1446 1447.wt-fact-icon-ANUL, 1448.wt-fact-icon-DIV { 1449 content: url(facts/DIV.png); 1450} 1451 1452.wt-fact-icon-DIVF { 1453 content: url(facts/DIVF.png); 1454} 1455 1456.wt-fact-icon-EMAIL { 1457 content: url(facts/EMAIL.png); 1458} 1459 1460.wt-fact-icon-EMIG { 1461 content: url(facts/EMIG.png); 1462} 1463 1464.wt-fact-icon-ENGA, 1465.wt-fact-icon-MARB { 1466 content: url(facts/ENGA.png); 1467} 1468 1469.wt-fact-icon-EVEN { 1470 content: url(facts/EVEN.png); 1471} 1472 1473.wt-fact-icon-FACT { 1474 content: url(facts/FACT.png); 1475} 1476 1477.wt-fact-icon-IMMI { 1478 content: url(facts/IMMI.png); 1479} 1480 1481.wt-fact-icon-MARR, 1482.wt-fact-icon-SLGS { 1483 content: url(facts/MARR.png); 1484} 1485 1486.wt-fact-icon-OCCU { 1487 content: url(facts/OCCU.png); 1488} 1489 1490.wt-fact-icon-ORDN { 1491 content: url(facts/ORDN.png); 1492} 1493 1494.wt-fact-icon-PHON { 1495 content: url(facts/PHON.png); 1496} 1497 1498.wt-fact-icon-PROP, 1499.wt-fact-icon-RESI { 1500 content: url(facts/RESI.png); 1501} 1502 1503.wt-fact-icon-WWW { 1504 content: url(facts/WWW.png); 1505} 1506 1507.wt-fact-icon-_MDCL { 1508 content: url(facts/_MDCL.png); 1509} 1510 1511.wt-fact-icon-_MILI { 1512 content: url(facts/_MILI.png); 1513} 1514 1515.wt-fact-icon-_NMAR { 1516 content: url(facts/_NMAR.png); 1517} 1518 1519.wt-fact-icon-_NMR { 1520 content: url(facts/MARR.png); 1521} 1522 1523.wt-fact-icon-_SEPR { 1524 content: url(facts/_SEPR.png); 1525} 1526 1527.wt-fact-icon-_TODO { 1528 content: url(facts/_TODO.png); 1529} 1530 1531/* Miscellaneous images */ 1532.icon-cfamily { 1533 content: url(xenea/images/cfamily.png); 1534} 1535 1536.icon-childless { 1537 content: url(images/childless.png); 1538} 1539 1540.icon-children { 1541 content: url(images/children.png); 1542} 1543 1544.icon-edit_indi { 1545 content: url(xenea/images/edit_indi.png); 1546} 1547 1548.icon-fam-list { 1549 content: url(xenea/images/cfamily.png); 1550} 1551 1552.icon-indi-list { 1553 content: url(xenea/images/indis.png); 1554} 1555 1556.icon-loading-small { 1557 content: url(images/indicator.gif); 1558} 1559 1560.icon-minus { 1561 content: url(icons/minus.png); 1562} 1563 1564.icon-mypage { 1565 content: url(xenea/images/mypage.png); 1566} 1567 1568.icon-plus { 1569 content: url(icons/plus.png); 1570} 1571 1572.icon-resn-confidential { 1573 content: url(images/resn_confidential.png); 1574} 1575 1576.icon-resn-locked { 1577 content: url(images/resn_locked.png); 1578} 1579 1580.icon-resn-none { 1581 content: url(images/resn_none.png); 1582} 1583 1584.icon-resn-privacy { 1585 content: url(images/resn_privacy.png); 1586} 1587 1588.icon-rings { 1589 content: url(images/rings.png); 1590} 1591 1592.icon-selected { 1593 content: url(xenea/images/selected.png); 1594} 1595 1596/* Silhouettes on charts */ 1597.icon-silhouette-F { 1598 content: url(xenea/images/silhouette_female_small.png); 1599} 1600 1601.icon-silhouette-M { 1602 content: url(xenea/images/silhouette_male_small.png); 1603} 1604 1605.icon-silhouette-U { 1606 content: url(xenea/images/silhouette_unknown_small.png); 1607} 1608 1609.icon-indis { 1610 content: url(xenea/images/indis.png); 1611} 1612 1613.icon-patriarch { 1614 content: url(xenea/images/patriarch.png); 1615} 1616 1617.icon-pedigree { 1618 content: url(xenea/images/pedigree.png); 1619} 1620 1621.icon-sfamily { 1622 content: url(xenea/images/sfamily.png); 1623} 1624 1625.icon-user_add { 1626 content: url(xenea/images/user_add.png); 1627} 1628 1629/* Census assistant */ 1630.wt-census-assistant-form-control:focus { 1631 min-width: 12rem; 1632} 1633 1634/* Some blocks show a reduced version on the right-hand side. */ 1635.wt-side-blocks .wt-side-block-optional { 1636 display: none !important; 1637} 1638 1639/* my page chart enhancements */ 1640.wt-block-content-charts { 1641 overflow: auto; 1642} 1643 1644/* Some charts are wider than the page. */ 1645.wt-chart { 1646 overflow-x: auto; 1647 overflow-y: hidden; 1648} 1649 1650/* Fit thumbnail into parent on charts */ 1651.select2-selection.select2-selection--single { 1652 min-height: 36px; 1653 height: auto; 1654 padding: 2px 0; 1655} 1656 1657.select2-container .select2-selection--single .select2-selection__rendered { 1658 padding-left: 2px; 1659} 1660 1661.select2-selection--single .NAME { 1662 padding-left: 4px; 1663} 1664 1665/* Some menus (e.g. languages) can be longer than a page */ 1666.dropdown-menu { 1667 max-height: 30rem; 1668 overflow-x: hidden; 1669} 1670 1671/* Forms */ 1672.col-form-label { 1673 font-weight: bold; 1674} 1675
