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 colors theme is based on the clouds theme */ 17@import "clouds.css"; 18 19/* Colors for chart boxes, etc. */ 20:root { 21} 22 23/* Override Bootstrap formatting */ 24 25.select2-container--default .select2-results__option--highlighted[aria-selected] { 26 background-color: #eee; 27 color: #000; 28} 29 30.table-given-name { 31 overflow-x: hidden; 32} 33 34.btn-link { 35 padding: 0 .25rem; 36 color: #333; 37} 38 39.card-header h4 { 40 font-size: 1.2rem; 41} 42 43.btn.focus, .btn:focus { 44 box-shadow: none; 45} 46 47.btn-link:hover, .btn-link:focus { 48 color: #f00; 49 text-decoration: none; 50} 51 52.pagination, .page-link, .page-link:hover, .page-link:focus { 53 border-color: #e6e6e6; 54 color: #555; 55} 56 57.page-item.active .page-link { 58 background-color: #e6e6e6; 59 color: #555; 60 border-color: #ccc; 61} 62 63.form-control:focus{ 64 border-color:#ccc; 65 box-shadow:0 0 0 .2rem rgba(128,128,128,.25); 66} 67 68.container-fluid { 69 padding-left: 5px; 70 padding-right: 5px; 71} 72 73table { 74 border-collapse: separate; 75} 76 77/* fit primary and secondary menus on mobile devices */ 78@media (max-width: 500px) { 79 .wt-genealogy-menu .nav-item { 80 padding: 0 0.45rem!important; 81 } 82 .wt-user-menu .nav-link { 83 padding: 0.25rem!important; 84 } 85} 86 87/* 88 * Pages have the following high-level structure: 89 * 90 * wt-global wt-theme-<THEME> wt-route-<ROUTE> 91 * +---wt-header-wrapper 92 * | +---wt-header-container 93 * | +---wt-header-content 94 * | +---wt-accessibility-links 95 * | +---wt-site-logo 96 * | +---wt-site-title 97 * | +---wt-header-search 98 * | | +---wt-header-search-form 99 * | | +---wt-header-search-field 100 * | | +---wt-header-search-button 101 * | +---wt-secondary-navigation 102 * | | +---wt-user-menu 103 * | +---wt-primary-navigation 104 * | +---wt-genealogy-menu 105 * +---wt-main-wrapper 106 * | +---wt-main-container 107 * | +---wt-main-content 108 * | +---wt-messages 109 * | +---wt-page-title 110 * | +---wt-page-options wt-page-options-xxxxx 111 * | +---wt-page-content 112 * +---wt-footers 113 * +---wt-footer wt-footer-contact 114 * +---wt-footer wt-footer-cookies 115 * +---wt-footer wt-footer-page-views 116 * +---wt-footer wt-footer-powered-by 117 */ 118 119.wt-global { 120 background: #fff; 121 color: #333; 122} 123 124.wt-header-wrapper { 125 background: #acf none; 126} 127 128.wt-header-wrapper .dropdown-item.active { 129 background-color: inherit; 130 color: inherit; 131 font-weight: bold; 132} 133 134.wt-header-container { 135} 136 137.wt-header-content { 138} 139 140.wt-accessibility-links { 141} 142 143.wt-site-logo { 144} 145 146.wt-site-title { 147 order: 1; 148 flex: 1 1 0; 149 font-size: 1.5rem; 150 padding: 0.75rem 0.75rem 0; 151} 152 153.wt-header-search { 154 order: 3; 155 flex: 0 0 15rem; 156 padding-bottom: 0.5rem; 157} 158 159.wt-header-search-form { 160} 161 162.wt-header-search-field { 163} 164 165.wt-header-search-button { 166} 167 168.wt-secondary-navigation { 169 order: 2; 170 flex: 0 0 0; 171 white-space: nowrap; 172} 173 174.wt-user-menu { 175 flex-wrap: nowrap; 176} 177 178.wt-user-menu .nav-link { 179 display: inline-block; 180 padding: 0.5rem; 181 color: inherit; /* Inherit from wt-header-container */ 182} 183 184.wt-user-menu .nav-item + .nav-item::before { 185 content: "|"; 186} 187 188.wt-user-menu .dropdown-toggle:after { 189 display: none; 190} 191 192.wt-user-menu .menu-color .dropdown-menu { 193 max-height: 60rem; 194} 195 196.wt-primary-navigation { 197 order: 4; 198 flex: 0 0 100%; 199} 200 201.wt-genealogy-menu { 202 /* Extend to full page width */ 203 flex: 0 1 100vw; 204 /* Recalculate margins for content */ 205 margin: 0 calc(50% - 50vw); 206 padding: 0 calc(50vw - 50%); 207} 208 209.wt-genealogy-menu .dropdown-menu { 210 max-height: 60rem; 211} 212 213.wt-genealogy-menu .nav-item { 214 padding: 0 0.75rem; 215} 216 217.wt-genealogy-menu .nav-link { 218 /* All menu icons are 40px x 40px */ 219 height: calc(40px + 1rem); 220 width: 40px; 221} 222 223.wt-genealogy-menu .nav-item::before { 224 /* The size of the menu icons */ 225 width: 40px; 226 height: 40px; 227} 228 229.menu-tree .nav-link::before { 230 content: url(colors/menu/tree.png); 231} 232 233.menu-tree .dropdown-item:not(:first-child)::before { 234 content: url(colors/menu/tree-tree.png); 235} 236 237.menu-chart .nav-link::before { 238 content: url(colors/menu/chart.png); 239} 240 241.menu-chart-ancestry::before { 242 content: url(colors/menu/chart-ancestors.png); 243} 244 245.menu-chart-compact::before { 246 content: url(colors/menu/chart-compact.png); 247} 248 249.menu-chart-descendants::before { 250 content: url(colors/menu/chart-descendants.png); 251} 252 253.menu-chart-familybook::before { 254 content: url(colors/menu/chart-family-book.png); 255} 256 257.menu-chart-fanchart::before { 258 content: url(colors/menu/chart-fanchart.png); 259} 260 261.menu-chart-hourglass::before { 262 content: url(colors/menu/chart-hourglass.png); 263} 264 265.menu-chart-lifespan::before { 266 content: url(colors/menu/chart-lifespan.png); 267} 268 269.menu-chart-pedigree::before { 270 content: url(colors/menu/chart-pedigree.png); 271} 272 273.menu-chart-pedigreemap::before { 274 content: url(colors/menu/chart-pedigree-map.png); 275} 276 277.menu-chart-relationship::before { 278 content: url(colors/menu/chart-relationship.png); 279} 280 281.menu-chart-statistics::before { 282 content: url(colors/menu/chart-statistics.png); 283} 284 285.menu-chart-timeline::before { 286 content: url(colors/menu/chart-timeline.png); 287} 288 289.menu-chart-tree::before { 290 content: url(colors/menu/chart-tree.png); 291} 292 293.menu-list .nav-link::before { 294 content: url(colors/menu/list.png); 295} 296 297.menu-branches::before { 298 content: url(colors/menu/branches.png); 299} 300 301.menu-list-fam::before { 302 content: url(colors/menu/list-fam.png); 303} 304 305.menu-list-indi::before { 306 content: url(colors/menu/list-indi.png); 307} 308 309.menu-list-note::before { 310 content: url(colors/menu/list-note.png); 311} 312 313.menu-list-obje::before { 314 content: url(colors/menu/list-obje.png); 315} 316 317.menu-list-plac::before { 318 content: url(colors/menu/list-plac.png); 319} 320 321.menu-list-repo::before { 322 content: url(colors/menu/list-repo.png); 323} 324 325.menu-list-sour::before { 326 content: url(colors/menu/list-sour.png); 327} 328 329.menu-calendar .nav-link::before { 330 content: url(colors/menu/calendar.png); 331} 332 333.menu-calendar-day::before { 334 content: url(colors/menu/calendar-calendar.png); 335} 336 337.menu-calendar-month::before { 338 content: url(colors/menu/calendar-calendar.png); 339} 340 341.menu-calendar-year::before { 342 content: url(colors/menu/calendar-calendar.png); 343} 344 345.menu-report .nav-link::before { 346 content: url(colors/menu/report.png); 347} 348 349.menu-report .dropdown-item:not(:first-child)::before { 350 content: url(colors/menu/report-report.png); 351} 352 353.menu-search .nav-link::before { 354 content: url(colors/menu/search.png); 355} 356 357.menu-search .dropdown-item:not(:first-child)::before { 358 content: url(colors/menu/search-search.png); 359} 360 361.menu-help .nav-link::before { 362 content: url(colors/menu/help.png); 363} 364 365.menu-clippings .nav-link::before { 366 content: url(colors/menu/clippings.png); 367} 368 369.menu-clippings-add::before { 370 content: url(colors/menu/clippings-add.png); 371} 372 373.menu-clippings-cart::before { 374 content: url(colors/menu/clippings-cart.png); 375} 376 377.menu-clippings-download::before { 378 content: url(colors/menu/edit-gedcom.png); 379} 380 381.menu-clippings-empty::before { 382 content: url(colors/menu/edit-delete.png); 383} 384 385.menu-fam .nav-link::before { 386 content: url(colors/menu/fam.png); 387} 388 389.menu-fam-change::before { 390 content: url(colors/menu/edit-fam.png); 391} 392 393.menu-fam-addchil::before { 394 content: url(colors/menu/edit-fam.png); 395} 396 397.menu-fam-orderchil::before { 398 content: url(colors/menu/edit-fam.png); 399} 400 401.menu-fam-del::before { 402 content: url(colors/menu/edit-delete.png); 403} 404 405.menu-fam-addfav::before { 406 content: url(colors/menu/edit-add-favorite.png); 407} 408 409.menu-fam-editraw::before { 410 content: url(colors/menu/edit-gedcom.png); 411} 412 413.menu-indi .nav-link::before { 414 content: url(colors/menu/indi.png); 415} 416 417.menu-indi-addname::before { 418 content: url(colors/menu/edit-indi.png); 419} 420 421.menu-indi-editsex::before { 422 content: url(colors/menu/edit-indi.png); 423} 424 425.menu-indi-del::before { 426 content: url(colors/menu/edit-delete.png); 427} 428 429.menu-indi-addfav::before { 430 content: url(colors/menu/edit-add-favorite.png); 431} 432 433.menu-indi-editraw::before { 434 content: url(colors/menu/edit-gedcom.png); 435} 436 437.menu-obje .nav-link::before { 438 content: url(colors/menu/obje.png); 439} 440 441.menu-obje-edit::before { 442 content: url(colors/menu/edit-obje.png); 443} 444 445.menu-obje-link::before { 446 content: url(colors/menu/edit-link.png); 447} 448 449.menu-obje-del::before { 450 content: url(colors/menu/edit-delete.png); 451} 452 453.menu-obje-addfav::before { 454 content: url(colors/menu/edit-add-favorite.png); 455} 456 457.menu-obje-editraw::before { 458 content: url(colors/menu/edit-gedcom.png); 459} 460 461.menu-note .nav-link::before { 462 content: url(colors/menu/note.png); 463} 464 465.menu-note-edit::before { 466 content: url(colors/menu/edit-note.png); 467} 468 469.menu-note-del::before { 470 content: url(colors/menu/edit-delete.png); 471} 472 473.menu-note-addfav::before { 474 content: url(colors/menu/edit-add-favorite.png); 475} 476 477.menu-note-editraw::before { 478 content: url(colors/menu/edit-gedcom.png); 479} 480 481.menu-record .nav-link::before { 482 content: url(colors/menu/indi.png); 483} 484 485.menu-record-del::before { 486 content: url(colors/menu/edit-delete.png); 487} 488 489.menu-record-editraw::before { 490 content: url(colors/menu/edit-gedcom.png); 491} 492 493.menu-repo .nav-link::before { 494 content: url(colors/menu/repo.png); 495} 496 497.menu-repo-edit::before { 498 content: url(colors/menu/edit-repo.png); 499} 500 501.menu-repo-del::before { 502 content: url(colors/menu/edit-delete.png); 503} 504 505.menu-repo-addfav::before { 506 content: url(colors/menu/edit-add-favorite.png); 507} 508 509.menu-repo-editraw::before { 510 content: url(colors/menu/edit-gedcom.png); 511} 512 513.menu-sour .nav-link::before { 514 content: url(colors/menu/sour.png); 515} 516 517.menu-sour-edit::before { 518 content: url(colors/menu/edit-sour.png); 519} 520 521.menu-sour-del::before { 522 content: url(colors/menu/edit-delete.png); 523} 524 525.menu-sour-addfav::before { 526 content: url(colors/menu/edit-add-favorite.png); 527} 528 529.menu-sour-editraw::before { 530 content: url(colors/menu/edit-gedcom.png); 531} 532 533.menu-story .nav-link::before { 534 content: url(colors/menu/story.png); 535} 536 537.wt-main-container { 538 /* Space between the header/footer and the main content. */ 539 padding-top: 1rem; 540 padding-bottom: 1rem; 541} 542 543.wt-main { 544} 545 546.wt-messages { 547} 548 549.wt-page-title { 550 text-align: center; 551} 552 553.wt-page-options { 554} 555 556.wt-page-options-value { 557 color: #333; 558} 559 560.wt-page-content { 561 margin-top: 1rem; 562} 563 564.wt-footers { 565} 566 567.wt-footer { 568} 569 570.wt-footer-contact { 571} 572 573.wt-footer-cookies { 574 background: #aaa; 575 color: #fff; 576 transition: height 0.5s; 577} 578 579.wt-footer-page-views { 580} 581 582.wt-footer-powered-by { 583} 584 585.wt-footer-powered-by-webtrees { 586 content: url(colors/images/powered-by-webtrees.png); 587} 588 589/* 590 * The tree/user home pages 591 * 592 * wt-home-page / wt-user-page 593 * +---wt-main-blocks 594 * | +---wt-block, wt-block-AAA 595 * | +---wt-block, wt-block-BBB 596 * | +---wt-block, wt-block-CCC 597 * +---wt-side-blocks 598 * +---wt-block, wt-block-XXX 599 * +---wt-block, wt-block-YYY 600 * +---wt-block, wt-block-ZZZ 601 * 602 * Each block as the structure 603 * wt-block, wt-block-XXX 604 * +---wt-block-header, wt-block-header-XXX 605 * +---wt-block-content, wt-block-content-XXX 606 */ 607 608.wt-block { 609} 610 611.wt-block-header { 612} 613 614.wt-block-header::before { 615 content: url(colors/images/block-header-disk.png); 616} 617 618.wt-block-content { 619} 620 621/* 622 * The individual page. 623 * 624 * wt-route-individual 625 * +---wt-header-wrapper 626 */ 627 628.wt-individual-silhouette { 629} 630 631.wt-individual-silhouette-f { 632} 633 634.wt-individual-silhouette-m { 635} 636 637/* 638 * Chart-boxes are used to build the various charts. 639 * 640 * wt-chart-box 641 * +--- wt-chart-box-thumbnail 642 * +--- wt-chart-box-extra 643 * +--- wt-chart-box-zoom 644 * +--- wt-chart-box-icon 645 * +--- wt-chart-box-dropdown wt-chart-box-zoom-dropdown 646 * +--- wt-chart-box-links 647 * +--- wt-chart-box-icon 648 * +--- wt-chart-box-dropdown wt-chart-box-links-dropdown 649 * +--- wt-chart-box-name 650 * +--- wt-chart-box-lifespan 651 * +--- wt-chart-box-facts 652 * +--- wt-chart-box-fact 653 */ 654.wt-chart-box, 655.wt-chart-box-menu { 656} 657 658.wt-chart-box { 659} 660 661.wt-chart-box-f, 662.wt-chart-box-f .wt-chart-box-dropdown { 663} 664 665.wt-chart-box-m, 666.wt-chart-box-m .wt-chart-box-dropdown { 667} 668 669.wt-chart-box-name { 670 color: #555555; 671} 672 673/* ios on click workaround */ 674a { 675 color: #333; 676 text-decoration: none; 677} 678 679a:hover { 680 color: #f00; 681 text-decoration: none; 682} 683 684:focus { 685 outline-style: none; 686} 687 688.flash-messages { 689 clear: both; 690 text-align: center; 691} 692 693img { 694 border: 0; 695} 696 697legend img { 698 height: 20px; 699 vertical-align: middle; 700 width: 20px; 701} 702 703img.block, 704#mycart img { 705 border: 0; 706 height: 25px; 707 vertical-align: middle; 708} 709 710.topbottombar { 711 color: #fff; 712 font-size: 12px; 713 font-weight: bold; 714 padding: 4px; 715 text-align: center; 716} 717 718.button { 719 width: 60px; 720} 721 722.btn-primary.focus, .btn-primary:focus { 723 box-shadow:none; 724 border: 0; 725} 726 727.alpha_index { 728 color: #999; 729} 730 731hr { 732 margin-top: 5px; 733} 734 735table.center { 736 margin-left: auto; 737 margin-right: auto; 738} 739 740.list_table { 741 margin: 0 auto; 742} 743 744.list_label, 745.list_label_wrap { 746 color: #fff; 747 background-color: #81a9cb; 748 border: 1px solid #ddd; 749 font-weight: bold; 750 text-align: center; 751} 752 753.list_value, 754.list_value_wrap { 755 background-color: #edf7f9; 756 border: solid #ddd 1px; 757 vertical-align: top; 758 padding: 4px; 759} 760 761.list_label, 762.list_value { 763 white-space: nowrap; 764} 765 766.list_label_wrap, 767.list_value_wrap { 768 white-space: normal; 769} 770 771div.fact_SHARED_NOTE { 772 clear: both; 773} 774 775/* Table of genealogical facts */ 776 777.wt-facts-table { 778 border-collapse: separate; 779} 780 781.wt-facts-table caption { 782 caption-side: top; 783} 784 785.wt-facts-table th { 786 border: 1px solid #ccc; 787 border-radius: 3px; 788 text-align: center; 789 min-width: 20%; 790} 791 792.wt-facts-table td { 793 border: solid #999 1px; 794 border-radius: 3px; 795} 796 797.wt-facts-table .wt-gender-M td { 798 background-color: #ddf; 799} 800 801.wt-facts-table .wt-gender-F td { 802 background-color: #fdd; 803} 804 805.name1 { 806} 807 808.name2 { 809} 810 811a:hover .name1, a:hover .name2 { 812 color: #f00; 813 font-weight: bold; 814 font-size: 12px; 815} 816 817.details2 { 818 font-size: 12px; 819} 820 821.details_label { 822 font-weight: bold; 823} 824 825.name_head { 826 color: #333; 827 font-size: 16px; 828 font-weight: bold; 829 line-height: 2; 830 padding: 0 5px; 831} 832 833.date { 834 color: #333; 835} 836 837.label { 838 font-weight: bold; 839} 840 841.error { 842 font-weight: bold; 843} 844 845.largeError { 846 color: #d00; 847 font-size: large; 848 font-weight: bold; 849} 850 851.warning { 852 color: #f00; 853 font-weight: bold; 854} 855 856.indent { 857 padding-left: 7px; 858} 859 860.image { 861 height: 150px; 862 padding: 5px; 863 margin: 2px; 864} 865 866.thumbnail { 867 height: auto; 868 padding: 3px; 869} 870 871.icon { 872 border: 0; 873 padding: 0 5px; 874} 875 876.subheaders { 877 font-weight: bold; 878 font-size: 15px; 879 margin-top: 15px; 880 vertical-align: bottom; 881} 882 883.parentdeath { 884 border: thin solid #888; 885 padding: 1px; 886} 887 888.source_citations { 889 display: none; 890} 891 892.selected-option { 893 background-color: #edf7fd; 894} 895 896.border1 { 897 border: solid #000 1px; 898} 899 900.journal_box { 901 padding: 3pt; 902 border: thin solid #aaa; 903 overflow: visible; 904} 905 906.news_box { 907 border-top: solid #ccc 1px; 908} 909 910.news_title { 911 font-weight: bold; 912} 913 914.news_date { 915 margin-bottom: 12px; 916} 917 918.current_day { 919 font-weight: bold; 920 font-size: 16px; 921} 922 923.cal_day { 924 float: left; 925 font-weight: bold; 926} 927 928.rtl_cal_day { 929 direction: rtl; 930 float: right; 931 color: #00f; 932 font-weight: bold; 933} 934 935.helpcontent { 936 margin-left: 10px; 937 margin-right: 10px; 938} 939 940.helpcontent dt { 941 clear: both; 942} 943 944#user-page h1 { 945 margin: 0.25em auto 0.6em; 946} 947 948.tvertline { 949 vertical-align: bottom; 950} 951 952#childbox { 953 padding: 5px; 954 position: absolute; 955 display: none; 956 text-align: start; 957 white-space: nowrap; 958 top: 20px; 959 left: 0; 960} 961 962.layout3 #childbox { 963 top: auto; 964 bottom: 20px; 965} 966 967#childbox a.name1 { 968 display: block; 969 margin-left: 5px; 970} 971 972.person0 { 973 background-color: #ddf; 974 border: outset #999 1px; 975 vertical-align: top; 976} 977 978.person1 { 979 background-color: #afa; 980 border: outset #afa 1px; 981 vertical-align: top; 982} 983 984.person2 { 985 background-color: #faa; 986 border: outset #faa 1px; 987 vertical-align: top; 988} 989 990.person3 { 991 background-color: #aad; 992 border: outset #55f 1px; 993 vertical-align: top; 994} 995 996.person4 { 997 background-color: #f55; 998 border: outset #f55 1px; 999 vertical-align: top; 1000} 1001 1002.person5 { 1003 background-color: #5f5; 1004 border: outset #5f5 1px; 1005 vertical-align: top; 1006} 1007 1008.listlog { 1009 line-height: 20pt; 1010} 1011 1012.starredname { 1013 text-decoration: underline; 1014} 1015 1016.search_hit { 1017 background-color: #ff0; 1018} 1019 1020.search_item { 1021 font-weight: 600; 1022} 1023 1024.descriptionbox { 1025 font-size: 1rem; 1026 color: #333; 1027 border: 1px solid #999; 1028 vertical-align: top; 1029 padding: 3px; 1030} 1031 1032.optionbox { 1033 font-size: 1rem; 1034 color: #333; 1035 border: 1px solid #999; 1036 vertical-align: top; 1037 white-space: nowrap; 1038 padding: 3px; 1039} 1040 1041.optionbox .list_value { 1042 background-color: #fff; 1043 border: 1px solid #999; 1044 border-radius: 3px; 1045} 1046 1047.vmiddle { 1048 vertical-align: middle; 1049} 1050 1051.red { 1052 color: #f00; 1053} 1054 1055.wt-relation-fact, 1056.wt-historic-fact { 1057 opacity: 0.8; 1058} 1059 1060.messagebox { 1061 background-color: #c2ceef; 1062 border: solid #ccc 1px; 1063} 1064 1065/* ---Pending edits--- */ 1066.wt-new { 1067} 1068 1069.wt-old { 1070} 1071 1072.tag_cloud { 1073 text-align: center; 1074} 1075 1076.tag_cloud a { 1077 white-space: nowrap; 1078} 1079 1080.nowrap { 1081 white-space: nowrap; 1082} 1083 1084.wrap { 1085 white-space: normal; 1086} 1087 1088.statistics-page { 1089 text-align: center; 1090} 1091 1092.gchart { 1093 border: solid #999 1px; 1094} 1095 1096#facts_content dd { 1097 float: left; 1098 width: 70%; 1099} 1100 1101/* this keeps the tag color the same when it is a link as when not */ 1102 1103.place { 1104 padding-top: 5px; 1105} 1106 1107#pending h2 { 1108 text-align: center; 1109 margin-bottom: 20px; 1110} 1111 1112#pending h3 { 1113 text-align: center; 1114 margin-top: 20px; 1115} 1116 1117#pending .list_value { 1118 padding: 3px; 1119 text-align: center; 1120 vertical-align: middle; 1121 white-space: nowrap; 1122} 1123 1124#pending .indent { 1125 padding: 0; 1126} 1127 1128/* --- reportengine.php --- */ 1129#reportengine-page table { 1130 margin: 20px auto; 1131} 1132 1133#reportengine-page .report-type { 1134 overflow: hidden; 1135 margin: auto; 1136 width: 180px; 1137} 1138 1139#reportengine-page .report-type div { 1140 float: left; 1141 margin: 0 20px; 1142} 1143 1144#reportengine-page .report-type p { 1145 margin: 0; 1146 text-align: center; 1147} 1148 1149/* ======== List styles ====== */ 1150.surname-list, 1151.givn-list { 1152 margin: 5px auto; 1153} 1154 1155.source-list table, 1156.note-list table, 1157.repo-list table, 1158.media-list table, 1159.indi-list table, 1160.fam-list table { 1161 width: 100%; 1162} 1163 1164.source-list td, 1165.note-list td, 1166.repo-list td, 1167.media-list td, 1168.indi-list td, 1169.fam-list td, 1170.recent_changes_block td, 1171.upcoming_events_block td, 1172.surname-list td, 1173.givn-list td { 1174 padding: 2px 5px; 1175} 1176 1177.surname-list td { 1178 vertical-align: top; 1179} 1180 1181.indi-list .stats, 1182.fam-list .stats { 1183 margin: 0 auto; 1184 width: auto; 1185} 1186 1187.source-list th, 1188.note-list th, 1189.repo-list th, 1190.media-list th, 1191.indi-list th, 1192.fam-list th, 1193.wt-table-changes th, 1194.wt-table-events th, 1195.wt-table-tasks th, 1196.wt-table-yahrzeits th, 1197.surname-list th, 1198.givn-list th { 1199 cursor: pointer; 1200 font-weight: 600; 1201 padding: 2px 4px; 1202 white-space: nowrap; 1203} 1204 1205.source-list th:last-child, 1206.note-list th:last-child, 1207.repo-list th:last-child { 1208 margin: 0 -2px 1px 1px; 1209 padding: 3px 0 4px; 1210 width: 24px; 1211} 1212 1213.givn-list th { 1214 cursor: pointer; 1215 white-space: nowrap; 1216 padding: 2px; 1217 text-align: center; 1218} 1219 1220#source-details h2, 1221#sourcelist-page h2, 1222#note-details h2, 1223#notelist-page h2, 1224#repo-details h2, 1225#repolist-page h2, 1226#media-details h2, 1227#statistics-page h2 { 1228 margin-bottom: 20px; 1229 text-align: center; 1230} 1231 1232#source-edit, 1233#note-edit, 1234#repo-edit, 1235#media-edit { 1236 overflow-x: auto; 1237} 1238 1239.media-list td img { 1240 display: block; 1241 height: 40px; 1242 width: auto; 1243 margin: 3px auto; 1244} 1245 1246.filtersH, 1247.filtersF { 1248 margin: 4px; 1249} 1250 1251.filtersH img { 1252 margin-bottom: 2px; 1253} 1254 1255.list-charts { 1256 text-align: center; 1257} 1258 1259#search-result-tabs h3 { 1260 text-align: center; 1261} 1262 1263#searchAccordion-indi, 1264#searchAccordion-fam, 1265#searchAccordion-source, 1266#searchAccordion-note { 1267 margin: auto; 1268 width: 99%; 1269} 1270 1271#place-hierarchy h2, 1272#place-hierarchy h4 { 1273 text-align: center; 1274} 1275 1276#main_select, 1277#available_select, 1278#right_select { 1279 min-width: 150px; 1280} 1281 1282/* === Who is online block === */ 1283.logged_in_list { 1284 margin: 5px 0 0; 1285 padding: 0; 1286 line-height: 20px; 1287} 1288 1289/* ==== Theme select block === */ 1290.theme_form ul { 1291 margin: -10px auto; 1292} 1293 1294.theme_form li { 1295 visibility: hidden; 1296} 1297 1298.theme_form li ul li { 1299 display: inline-block; 1300 padding: 10px; 1301 visibility: visible; 1302} 1303 1304/* ==== FAQ table styles ===== */ 1305table.faq { 1306 background-color: #e0e0e0; 1307 margin: 5px 0 50px 5px; 1308 width: 98%; 1309} 1310 1311table.faq tr:nth-child(odd) td { 1312 background-color: #e7eef3; 1313} 1314 1315div.faq_title { 1316 background-color: #e0e0e0; 1317 margin: 1em 0; 1318 padding: .25em; 1319 font-weight: bold; 1320 width: 98%; 1321} 1322 1323div.faq_body { 1324 clear: both; 1325 padding: 0 1em; 1326} 1327 1328.faq_top { 1329 float: right; 1330} 1331 1332/* === Positioning edit, copy, delete links === */ 1333/* General use */ 1334.editfacts { 1335 clear: left; 1336 padding-top: 15px; 1337} 1338 1339/* ======== Indi header ====== */ 1340#indi_header { 1341 overflow: hidden; 1342 margin: 0 0 5px; 1343} 1344 1345#indi_header h3 { 1346 color: #555; 1347 font-size: 90%; 1348 font-weight: bold; 1349 margin: 0; 1350 padding: 0 10px 0 30px; 1351 text-align: left; 1352 overflow: hidden; 1353 position: relative; 1354} 1355 1356#indi_header .name_one { 1357 font-size: 1.5em; 1358} 1359 1360#indi_header h3 .details1 { 1361 font-size: 1.0em; 1362} 1363 1364#indi_header h3 .header_age { 1365 padding: 5px 0 5px 5px; 1366 float: right; 1367 font-weight: normal; 1368 font-size: 65%; 1369} 1370 1371#indi_header h3 a { 1372 display: inline; 1373} 1374 1375#indi_header a { 1376 color: #337; 1377 font-size: 0.75em; 1378 font-weight: normal; 1379} 1380 1381#indi_header a:hover { 1382 color: #f00; 1383} 1384 1385#indi_mainimage { 1386 float: left; 1387 padding: 0 2px; 1388} 1389 1390#header_accordion1 { 1391 padding: 0; 1392 overflow: hidden; 1393} 1394 1395#header_accordion1 .indi_name_details { 1396 margin: 0; 1397 overflow: hidden; 1398 padding: 5px; 1399} 1400 1401.indi_name_details .name1 { 1402 font-weight: normal; 1403 padding-top: 5px; 1404 font-size: inherit; 1405} 1406 1407#indi_header a.warning { 1408 color: #f00; 1409 font-size: 1em; 1410} 1411 1412#indi_note { 1413 margin: 0 0 5px; 1414} 1415 1416.indi_table { 1417 clear: left; 1418} 1419 1420#sex { 1421 float: right; 1422} 1423 1424#dates { 1425 float: right; 1426} 1427 1428#individual-names .wt-icon-edit, 1429#individual-names .wt-icon-delete { 1430 float: right; 1431} 1432 1433#indi_note .fact_NOTE { 1434 float: left; 1435 margin: 0 5px 0 0; 1436} 1437 1438#indi_note .fact_SOUR { 1439 margin: 3px 0; 1440} 1441 1442#indi_note .fact_SOUR a { 1443 font-size: 100%; 1444} 1445 1446#indi_note .fact_NOTE, 1447#indi_note .fact_SOUR { 1448 clear: both; 1449} 1450 1451/* markdown formatting */ 1452 1453.markdown { 1454 /* Tables and pre-formatted text can break the layout. */ 1455 overflow-x: auto; 1456} 1457 1458.markdown p { 1459 margin: 0 0 0.5em; 1460 white-space: pre-wrap; 1461} 1462 1463.markdown table { 1464 border-collapse: collapse; 1465 margin-bottom: 5px; 1466} 1467 1468.markdown th { 1469 font-weight: bold; 1470} 1471 1472.markdown td, 1473.markdown th { 1474 border: solid thin #000; 1475 padding: 3px; 1476} 1477 1478.odometer { 1479 font-family: courier, monospace; 1480 font-weight: bold; 1481 background: #000; 1482 color: #fff; 1483} 1484 1485/* ======== Indi tabs ======== */ 1486/* Facts & Events tab */ 1487.media-display-image { 1488 float: left; 1489} 1490 1491.media-display-title { 1492 float: left; 1493 font-style: italic; 1494 margin: 10px; 1495} 1496 1497/* Sidebar - Family navigator */ 1498.wt-family-navigator-dropdown-heading { 1499 font-weight: bold; 1500 font-size: inherit; 1501 color: inherit; 1502} 1503 1504/* Sidebar - Descendants */ 1505#sb_content_descendancy { 1506 margin-top: 2px; 1507} 1508 1509#sb_desc_content { 1510 margin-left: 3px; 1511 font-size: 0.8em; 1512} 1513 1514#sb_desc_content ul { 1515 padding: 0; 1516 margin: 0; 1517} 1518 1519.sb_desc_indi_li { 1520 list-style-type: none; 1521} 1522 1523/* Individuals and Families */ 1524#sidebar-content-individuals, 1525#sidebar-content-families { 1526 margin-top: 2px; 1527} 1528 1529.sb_indi_surname_li, 1530.sb_fam_surname_li { 1531 list-style-image: url(colors/images/plus.png); 1532} 1533 1534.name_tree_div ul { 1535 padding: 0; 1536 margin: 0; 1537} 1538 1539.name_tree_div li { 1540 list-style: none; 1541 margin: 0; 1542 padding: 0; 1543} 1544 1545/* Clippings */ 1546#sb_clippings_content ul { 1547 padding: 0; 1548 margin: 0; 1549} 1550 1551#sb_clippings_content li { 1552 list-style: none; 1553 margin: 0; 1554 padding: 0; 1555 white-space: nowrap; 1556} 1557 1558/* Extra info */ 1559#sb_content_extra_info { 1560 font-size: 80%; 1561 font-weight: bold; 1562 margin-top: 1px; 1563 overflow: hidden; 1564 padding: 5px; 1565} 1566 1567#sb_content_extra_info .editfacts { 1568 float: right; 1569 margin-top: -30px; 1570} 1571 1572#sb_content_extra_info a { 1573 display: block; 1574} 1575 1576#sb_content_extra_info span { 1577 font-weight: normal; 1578} 1579 1580#sb_content_extra_info span a { 1581 display: inline; 1582} 1583 1584#sb_content_extra_info #hitcounter { 1585 border-top: 1px solid #b2c7d7; 1586 font-weight: bold; 1587 padding-top: 5px; 1588} 1589 1590/* http://www.jacklmoore.com/colorbox */ 1591#colorbox, 1592#cboxOverlay, 1593#cboxWrapper { 1594 position: absolute; 1595 top: 0; 1596 left: 0; 1597 z-index: 9999; 1598 overflow: hidden; 1599} 1600 1601#cboxWrapper { 1602 max-width: none; 1603} 1604 1605#cboxOverlay { 1606 position: fixed; 1607 width: 100%; 1608 height: 100%; 1609 background: #fff; 1610} 1611 1612#cboxContent { 1613 background: #fff; 1614 overflow: hidden; 1615 position: relative; 1616 padding: 0.5rem; 1617 border: 0.25rem solid #ccc; 1618} 1619 1620#cboxLoadingOverlay, 1621#cboxLoadingGraphic { 1622 position: absolute; 1623 top: 0; 1624 left: 0; 1625 width: 100%; 1626 height: 100%; 1627} 1628 1629.cboxPhoto { 1630 float: left; 1631 margin: auto; 1632 border: 0; 1633 display: block; 1634 max-width: none; 1635} 1636 1637#colorbox, 1638#cboxContent, 1639#cboxLoadedContent { 1640 box-sizing: content-box; 1641} 1642 1643#cboxError { 1644 padding: 50px; 1645 border: 1px solid #ccc; 1646} 1647 1648#cboxLoadedContent { 1649 margin-bottom: 28px; 1650} 1651 1652#cboxTitle { 1653 background: #fff; 1654 position: absolute; 1655 bottom: 0.25rem; 1656 left: 0; 1657 margin: 0 3rem; 1658 text-align: center; 1659} 1660 1661#cboxLoadingGraphic { 1662 background: url(images/loading-32x32.gif) no-repeat center center; 1663} 1664 1665#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { 1666 background: none; 1667 border: 0; 1668 cursor: pointer; 1669 font-family: "Font Awesome\ 5 Free", sans-serif; 1670 font-weight: 900; 1671 overflow: visible; 1672 padding: 0; 1673 position: absolute; 1674} 1675 1676#cboxSlideshow { 1677 bottom: 0.25rem; 1678 right: 0.25rem; 1679} 1680 1681#cboxPrevious { 1682 bottom: 0.25rem; 1683 left: 0.25rem; 1684} 1685 1686#cboxNext { 1687 bottom: 0.25rem; 1688 left: 1.5rem; 1689} 1690 1691#cboxClose { 1692 top: 0.25rem; 1693 right: 0.25rem; 1694} 1695 1696/* Stories module */ 1697.story_title { 1698 padding-top: 12px; 1699 font-size: 13px; 1700 height: 32px; 1701 font-weight: bold; 1702} 1703 1704.story_body { 1705 padding: 20px; 1706 white-space: normal; 1707} 1708 1709.story_edit { 1710 padding: 12px; 1711} 1712 1713/*-- Fan chart ---- */ 1714.fan_chart_menu { 1715 background: #fff; 1716 position: absolute; 1717 display: none; 1718 z-index: 100; 1719} 1720 1721#fan_chart ul { 1722 list-style-type: none; 1723 margin: 0; 1724} 1725 1726/* Lifespans chart */ 1727.wt-lifespans-subtitle { 1728 text-align: center; 1729} 1730 1731.wt-lifespans-scale { 1732 white-space: nowrap; 1733} 1734 1735.wt-lifespans-decade { 1736 width: 70px; 1737 height: 60px; 1738 display: inline-block; 1739 background-image: url(images/lifespan-decade.png); 1740 background-position-y: bottom; 1741 background-repeat: no-repeat; 1742 background-size: 70px 37px; 1743} 1744 1745.wt-lifespans-individuals { 1746 background: #fafafa; 1747} 1748 1749.wt-lifespans-individual { 1750 1751} 1752 1753.wt-lifespans-summary { 1754 background: #ffffff; 1755 border: thin solid #000; 1756 z-index: 1; 1757} 1758 1759.wt-lifespans-summary-link { 1760 font-weight: bold; 1761} 1762 1763/*-- timeline --*/ 1764#timeline_chart { 1765 position: relative; 1766 top: 0; 1767 left: 0; 1768} 1769 1770#field_table { 1771 width: 30%; 1772 min-width: 500px; 1773 border: 1px solid #ddd; 1774} 1775 1776[class^="icon-"], 1777[class*=" icon-"] { 1778 display: inline-block; 1779 vertical-align: middle; 1780 background-repeat: no-repeat; 1781} 1782 1783.icon-add { 1784 width: 14px; 1785 height: 15px; 1786 background-image: url(images/add.png); 1787} 1788 1789.icon-cfamily { 1790 width: 32px; 1791 height: 32px; 1792 background-image: url(colors/images/cfamily.png); 1793} 1794 1795.icon-childless { 1796 width: 25px; 1797 height: 25px; 1798 background-image: url(colors/images/childless.png); 1799} 1800 1801.icon-children { 1802 width: 16px; 1803 height: 16px; 1804 background-image: url(colors/images/children.png); 1805} 1806 1807.icon-clippings { 1808 width: 32px; 1809 height: 32px; 1810 background-image: url(colors/images/clippings.png); 1811} 1812 1813.icon-edit_indi { 1814 width: 22px; 1815 height: 22px; 1816 background-image: url(colors/images/edit_indi.png); 1817} 1818 1819.icon-fam-list { 1820 width: 32px; 1821 height: 32px; 1822 background-image: url(colors/images/sfamily.png); 1823} 1824 1825.icon-indi-list { 1826 width: 32px; 1827 height: 32px; 1828 background-image: url(colors/images/indis.png); 1829} 1830 1831.icon-loading-small { 1832 width: 16px; 1833 height: 16px; 1834 background-image: url(colors/images/indicator.gif); 1835} 1836 1837.icon-media { 1838 width: 32px; 1839 height: 32px; 1840 background-image: url(colors/images/media.png); 1841} 1842 1843.icon-media-list { 1844 width: 32px; 1845 height: 32px; 1846 background-image: url(colors/images/media.png); 1847} 1848 1849.icon-media-next { 1850 width: 20px; 1851 height: 20px; 1852 background-image: url(colors/images/rdarrow.png); 1853} 1854 1855.icon-media-play { 1856 width: 20px; 1857 height: 20px; 1858 background-image: url(colors/images/rarrow.png); 1859} 1860 1861.icon-media-stop { 1862 width: 20px; 1863 height: 20px; 1864 background-image: url(colors/images/stop.png); 1865} 1866 1867.icon-minus { 1868 width: 11px; 1869 height: 11px; 1870 background-image: url(colors/images/minus.png); 1871} 1872 1873.icon-mypage { 1874 width: 22px; 1875 height: 25px; 1876 background-image: url(colors/images/mypage.png); 1877} 1878 1879.icon-note { 1880 width: 33px; 1881 height: 35px; 1882 background-image: url(colors/icons/note.png); 1883} 1884 1885.icon-plus { 1886 width: 11px; 1887 height: 11px; 1888 background-image: url(colors/images/plus.png); 1889} 1890 1891.icon-remove { 1892 width: 16px; 1893 height: 16px; 1894 background-image: url(colors/images/delete.png); 1895} 1896 1897.icon-resn-confidential { 1898 width: 16px; 1899 height: 16px; 1900 background-image: url(colors/images/resn_confidential.png); 1901} 1902 1903.icon-resn-locked { 1904 width: 16px; 1905 height: 16px; 1906 background-image: url(colors/images/resn_locked.png); 1907} 1908 1909.icon-resn-none { 1910 width: 16px; 1911 height: 16px; 1912 background-image: url(colors/images/resn_none.png); 1913} 1914 1915.icon-resn-privacy { 1916 width: 16px; 1917 height: 16px; 1918 background-image: url(colors/images/resn_privacy.png); 1919} 1920 1921.icon-rings { 1922 width: 9px; 1923 height: 9px; 1924 background-image: url(colors/images/rings.png); 1925} 1926 1927.icon-selected { 1928 width: 12px; 1929 height: 12px; 1930 background-image: url(colors/images/selected.png); 1931} 1932 1933 1934.icon-source { 1935 width: 32px; 1936 height: 32px; 1937 background-image: url(colors/images/source.png); 1938} 1939 1940/* Silhouettes on charts */ 1941.icon-silhouette-F { 1942 width: 37px; 1943 height: 45px; 1944 background-image: url(colors/images/silhouette_female_small.png); 1945} 1946 1947.icon-silhouette-M { 1948 width: 37px; 1949 height: 45px; 1950 background-image: url(colors/images/silhouette_male_small.png); 1951} 1952 1953.icon-silhouette-U { 1954 width: 37px; 1955 height: 45px; 1956 background-image: url(colors/images/silhouette_unknown_small.png); 1957} 1958 1959/* 1960 * Any element that is loaded dynamically has the class wt-ajax-load. 1961 * We can provide a "loading" placeholder for empty elements with this class. 1962 */ 1963.wt-ajax-load:empty { 1964} 1965 1966/* 1967 * Default icons are provided by FontAwesome. 1968 * Some icons get mirrored on RTL pages. Typiclly arrows 1969 */ 1970[dir=rtl] .wt-flip-rtl { 1971} 1972 1973.wt-icon-anniversary { 1974} 1975 1976.wt-icon-arrow-down { 1977 content: url(colors/icons/arrow-down.png); 1978} 1979 1980a > .wt-icon-arrow-down:hover { 1981 content: url(colors/icons/arrow-down-hover.png); 1982} 1983 1984.wt-icon-arrow-left { 1985 content: url(colors/icons/arrow-left.png); 1986} 1987 1988a > .wt-icon-arrow-left:hover { 1989 content: url(colors/icons/arrow-left-hover.png); 1990} 1991 1992.wt-icon-arrow-right { 1993 content: url(colors/icons/arrow-right.png); 1994} 1995 1996a > .wt-icon-arrow-right:hover { 1997 content: url(colors/icons/arrow-right-hover.png); 1998} 1999 2000.wt-icon-arrow-up { 2001 content: url(colors/icons/arrow-up.png); 2002} 2003 2004a > .wt-icon-arrow-up:hover { 2005 content: url(colors/icons/arrow-up-hover.png); 2006} 2007 2008.wt-icon-coordinates { 2009} 2010 2011.wt-icon-reorder { 2012} 2013 2014.wt-icon-sex-f { 2015} 2016 2017.wt-icon-sex-m { 2018} 2019 2020.wt-icon-sex-u { 2021} 2022 2023.wt-icon-sex-x { 2024} 2025 2026.wt-icon-warning { 2027} 2028 2029.wt-icon-zoom-in { 2030 content: url(colors/images/zoomin.png); 2031} 2032 2033.wt-icon-zoom-out { 2034 content: url(colors/images/zoomout.png); 2035} 2036 2037/* 2038 * .wt-icon-bing-maps 2039 * .wt-icon-calendar 2040 * .wt-icon-copy 2041 * .wt-icon-delete 2042 * .wt-icon-edit 2043 * .wt-icon-email 2044 * .wt-icon-family 2045 * .wt-icon-help 2046 * .wt-icon-individual 2047 * .wt-icon-google-maps 2048 * .wt-icon-keyboard 2049 * .wt-icon-media 2050 * .wt-icon-note 2051 * .wt-icon-openstreetmap 2052 * .wt-icon-preferences 2053 * .wt-icon-repository 2054 * .wt-icon-source 2055 * .wt-icon-submitter 2056 */ 2057.wt-icon-bing-maps::before { 2058 width: 16px; 2059 height: 16px; 2060 content: url(colors/icons/bing-maps.png); 2061} 2062 2063.wt-icon-calendar::before { 2064 width: 19px; 2065 height: 15px; 2066 content: url(colors/icons/calendar.png) 2067} 2068 2069.wt-icon-copy::before { 2070 width: 16px; 2071 height: 16px; 2072 content: url(colors/icons/copy.png) 2073} 2074 2075.wt-icon-delete::before { 2076 width: 16px; 2077 height: 16px; 2078 content: url(colors/icons/delete.png); 2079} 2080 2081.wt-icon-edit::before { 2082 width: 16px; 2083 height: 16px; 2084 content: url(colors/icons/edit.png); 2085} 2086 2087.wt-icon-family::before { 2088 width: 14px; 2089 height: 15px; 2090 content: url(colors/icons/family.png); 2091} 2092 2093.wt-icon-help::before { 2094 width: 16px; 2095 height: 16px; 2096 content: url(colors/icons/help.png); 2097} 2098 2099.wt-icon-google-maps::before { 2100 width: 16px; 2101 height: 16px; 2102 content: url(colors/icons/google-maps.png); 2103} 2104 2105.wt-icon-individual::before { 2106 width: 11px; 2107 height: 15px; 2108 content: url(colors/icons/individual.png); 2109} 2110 2111.wt-icon-keyboard::before { 2112 width: 30px; 2113 height: 15px; 2114 content: url(colors/icons/keyboard.png); 2115} 2116 2117.wt-icon-media::before { 2118 width: 18px; 2119 height: 16px; 2120 content: url(colors/icons/media.png); 2121} 2122 2123.wt-icon-note::before { 2124 width: 20px; 2125 height: 20px; 2126 content: url(colors/icons/note.png); 2127} 2128 2129.wt-icon-openstreetmap::before { 2130 width: 16px; 2131 height: 16px; 2132 content: url(colors/icons/openstreetmap.png); 2133} 2134 2135.wt-icon-preferences::before { 2136 width: 25px; 2137 height: 25px; 2138 content: url(colors/icons/preferences.png); 2139} 2140 2141.wt-icon-repository::before { 2142 width: 15px; 2143 height: 15px; 2144 content: url(colors/icons/repository.png); 2145} 2146 2147.wt-icon-source::before { 2148 width: 18px; 2149 height: 16px; 2150 content: url(colors/icons/source.png); 2151} 2152 2153.wt-icon-submitter::before { 2154 width: 11px; 2155 height: 15px; 2156 content: url(colors/icons/individual.png); 2157} 2158 2159i[class*="wt-icon-media"] { 2160 opacity: 0.5; 2161} 2162 2163.icon-indis { 2164 width: 25px; 2165 height: 25px; 2166 background-image: url(colors/images/mypage.png); 2167} 2168 2169.icon-patriarch { 2170 width: 20px; 2171 height: 20px; 2172 background-image: url(colors/images/patriarch.png); 2173} 2174 2175.icon-pedigree { 2176 width: 25px; 2177 height: 25px; 2178 background-image: url(colors/images/pedigree.png); 2179} 2180 2181.icon-place { 2182 width: 20px; 2183 height: 20px; 2184 background-image: url(colors/images/place.png); 2185} 2186 2187.icon-repo-list { 2188 width: 20px; 2189 height: 20px; 2190 background-image: url(colors/images/repository.png); 2191} 2192 2193.icon-repository { 2194 width: 20px; 2195 height: 20px; 2196 background-image: url(colors/images/repository.png); 2197} 2198 2199.icon-search { 2200 width: 17px; 2201 height: 17px; 2202 background-image: url(colors/images/search.png); 2203} 2204 2205.icon-sfamily { 2206 width: 22px; 2207 height: 22px; 2208 background-image: url(colors/images/sfamily.png); 2209} 2210 2211.icon-source-list { 2212 width: 20px; 2213 height: 20px; 2214 background-image: url(colors/images/source.png); 2215} 2216 2217.icon-user_add { 2218 width: 25px; 2219 height: 25px; 2220 background-image: url(colors/images/user_add.png); 2221} 2222 2223/* Census assistant */ 2224.wt-census-assistant-form-control:focus { 2225} 2226 2227/* 2228 * Drag and drop sortable lists 2229 */ 2230.wt-sortable-list { 2231} 2232 2233.wt-sortable-item { 2234} 2235 2236/* Some blocks show a reduced version on the right-hand side. */ 2237.wt-side-blocks .wt-side-block-optional { 2238 display: none !important; 2239} 2240 2241/* my page chart enhancements */ 2242.wt-block-content-charts { 2243 flex-flow: column-reverse; 2244 overflow: auto; 2245} 2246 2247.wt-block-content-todays-events-block { 2248 padding: .25rem; 2249} 2250 2251/* Some charts are wider than the page. */ 2252.wt-chart { 2253 overflow-x: auto; 2254 overflow-y: hidden; 2255} 2256 2257/* Fit thumbnail into parent on charts */ 2258.select2-selection.select2-selection--single { 2259 min-height: 36px; 2260 height: auto; 2261 padding: 2px 0; 2262} 2263 2264.select2-container .select2-selection--single .select2-selection__rendered { 2265 padding-left: 2px; 2266} 2267 2268.select2-selection--single .NAME { 2269 padding-left: 4px; 2270} 2271 2272/* 2273 * Place hierarchy 2274 * 2275 * wt-place-hierarchy-page 2276 */ 2277 2278#place-hierarchy ul { 2279 list-style-type: none; 2280} 2281 2282.d-table-cell { 2283 padding-right: 5px; 2284} 2285 2286/* Some menus (e.g. languages) can be longer than a page */ 2287.dropdown-menu { 2288 max-height: 30rem; 2289 overflow-x: hidden; 2290} 2291 2292/* Forms */ 2293.col-form-label { 2294 font-weight: bold; 2295} 2296
