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