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