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