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.submenu .icon { 877 vertical-align: middle; 878 width: 20px; 879 height: 20px; 880} 881 882.subheaders { 883 font-weight: bold; 884 font-size: 15px; 885 margin-top: 15px; 886 vertical-align: bottom; 887} 888 889.parentdeath { 890 border: thin solid #888; 891 padding: 1px; 892} 893 894.source_citations { 895 display: none; 896} 897 898.selected-option { 899 background-color: #edf7fd; 900} 901 902.border1 { 903 border: solid #000 1px; 904} 905 906.menuitem { 907 text-decoration: none; 908 font-size: 11px; 909 padding: 1px; 910} 911 912.menuitem_hover { 913 text-decoration: none; 914 font-size: 11px; 915 padding: 1px; 916} 917 918.menuitem .icon, .menuitem_hover .icon { 919 width: 50px; 920 height: 50px; 921} 922 923.submenu { 924 text-decoration: none; 925 font-size: 11px; 926 background-color: #fff; 927 border: solid #ccc 1px; 928 visibility: hidden; 929 position: absolute; 930 padding: 5px; 931} 932 933.submenuitem { 934 vertical-align: middle; 935 font-size: 11px; 936 height: 20px; 937 text-decoration: none; 938 background-color: #fff; 939 padding: 1px; 940 white-space: nowrap; 941} 942 943.submenuitem_hover { 944 vertical-align: middle; 945 height: 20px; 946 font-size: 11px; 947 background-color: #fff; 948 border: 1px solid #ccc; 949 white-space: nowrap; 950 padding: 1px; 951} 952 953.submenuitem a, 954.submenuitem_hover a { 955 display: inline-block; 956 vertical-align: middle; 957} 958 959.journal_box { 960 padding: 3pt; 961 border: thin solid #aaa; 962 overflow: visible; 963} 964 965.news_box { 966 border-top: solid #ccc 1px; 967} 968 969.news_title { 970 font-weight: bold; 971} 972 973.news_date { 974 margin-bottom: 12px; 975} 976 977.current_day { 978 font-weight: bold; 979 font-size: 16px; 980} 981 982.cal_day { 983 float: left; 984 font-weight: bold; 985} 986 987.rtl_cal_day { 988 direction: rtl; 989 float: right; 990 color: #00f; 991 font-weight: bold; 992} 993 994.helpcontent { 995 margin-left: 10px; 996 margin-right: 10px; 997} 998 999.helpcontent dt { 1000 clear: both; 1001} 1002 1003#user-page h1 { 1004 margin: 0.25em auto 0.6em; 1005} 1006 1007.tvertline { 1008 vertical-align: bottom; 1009} 1010 1011#childbox { 1012 padding: 5px; 1013 position: absolute; 1014 display: none; 1015 text-align: start; 1016 white-space: nowrap; 1017 top: 20px; 1018 left: 0; 1019} 1020 1021.layout3 #childbox { 1022 top: auto; 1023 bottom: 20px; 1024} 1025 1026#childbox a.name1 { 1027 display: block; 1028 margin-left: 5px; 1029} 1030 1031.person0 { 1032 background-color: #ddf; 1033 border: outset #999 1px; 1034 vertical-align: top; 1035} 1036 1037.person1 { 1038 background-color: #afa; 1039 border: outset #afa 1px; 1040 vertical-align: top; 1041} 1042 1043.person2 { 1044 background-color: #faa; 1045 border: outset #faa 1px; 1046 vertical-align: top; 1047} 1048 1049.person3 { 1050 background-color: #aad; 1051 border: outset #55f 1px; 1052 vertical-align: top; 1053} 1054 1055.person4 { 1056 background-color: #f55; 1057 border: outset #f55 1px; 1058 vertical-align: top; 1059} 1060 1061.person5 { 1062 background-color: #5f5; 1063 border: outset #5f5 1px; 1064 vertical-align: top; 1065} 1066 1067.listlog { 1068 line-height: 20pt; 1069} 1070 1071.starredname { 1072 text-decoration: underline; 1073} 1074 1075.search_hit { 1076 background-color: #ff0; 1077} 1078 1079.search_item { 1080 font-weight: 600; 1081} 1082 1083.descriptionbox { 1084 font-size: 1rem; 1085 color: #333; 1086 border: 1px solid #999; 1087 vertical-align: top; 1088 padding: 3px; 1089} 1090 1091.optionbox { 1092 font-size: 1rem; 1093 color: #333; 1094 border: 1px solid #999; 1095 vertical-align: top; 1096 white-space: nowrap; 1097 padding: 3px; 1098} 1099 1100.optionbox .list_value { 1101 background-color: #fff; 1102 border: 1px solid #999; 1103 border-radius: 3px; 1104} 1105 1106.vmiddle { 1107 vertical-align: middle; 1108} 1109 1110.red { 1111 color: #f00; 1112} 1113 1114.wt-relation-fact, 1115.wt-historic-fact { 1116 opacity: 0.8; 1117} 1118 1119.messagebox { 1120 background-color: #c2ceef; 1121 border: solid #ccc 1px; 1122} 1123 1124/* ---Pending edits--- */ 1125.wt-new { 1126} 1127 1128.wt-old { 1129} 1130 1131.tag_cloud { 1132 text-align: center; 1133} 1134 1135.tag_cloud a { 1136 white-space: nowrap; 1137} 1138 1139.nowrap { 1140 white-space: nowrap; 1141} 1142 1143.wrap { 1144 white-space: normal; 1145} 1146 1147.statistics-page { 1148 text-align: center; 1149} 1150 1151.gchart { 1152 border: solid #999 1px; 1153} 1154 1155#facts_content dd { 1156 float: left; 1157 width: 70%; 1158} 1159 1160/* this keeps the tag color the same when it is a link as when not */ 1161 1162.place { 1163 padding-top: 5px; 1164} 1165 1166#pending h2 { 1167 text-align: center; 1168 margin-bottom: 20px; 1169} 1170 1171#pending h3 { 1172 text-align: center; 1173 margin-top: 20px; 1174} 1175 1176#pending .list_value { 1177 padding: 3px; 1178 text-align: center; 1179 vertical-align: middle; 1180 white-space: nowrap; 1181} 1182 1183#pending .indent { 1184 padding: 0; 1185} 1186 1187/* --- reportengine.php --- */ 1188#reportengine-page table { 1189 margin: 20px auto; 1190} 1191 1192#reportengine-page .report-type { 1193 overflow: hidden; 1194 margin: auto; 1195 width: 180px; 1196} 1197 1198#reportengine-page .report-type div { 1199 float: left; 1200 margin: 0 20px; 1201} 1202 1203#reportengine-page .report-type p { 1204 margin: 0; 1205 text-align: center; 1206} 1207 1208/* ======== List styles ====== */ 1209.surname-list, 1210.givn-list { 1211 margin: 5px auto; 1212} 1213 1214.source-list table, 1215.note-list table, 1216.repo-list table, 1217.media-list table, 1218.indi-list table, 1219.fam-list table { 1220 width: 100%; 1221} 1222 1223.source-list td, 1224.note-list td, 1225.repo-list td, 1226.media-list td, 1227.indi-list td, 1228.fam-list td, 1229.recent_changes_block td, 1230.upcoming_events_block td, 1231.surname-list td, 1232.givn-list td { 1233 padding: 2px 5px; 1234} 1235 1236.surname-list td { 1237 vertical-align: top; 1238} 1239 1240.indi-list .stats, 1241.fam-list .stats { 1242 margin: 0 auto; 1243 width: auto; 1244} 1245 1246.source-list th, 1247.note-list th, 1248.repo-list th, 1249.media-list th, 1250.indi-list th, 1251.fam-list th, 1252.wt-table-changes th, 1253.wt-table-events th, 1254.wt-table-tasks th, 1255.wt-table-yahrzeits th, 1256.surname-list th, 1257.givn-list th { 1258 cursor: pointer; 1259 font-weight: 600; 1260 padding: 2px 4px; 1261 white-space: nowrap; 1262} 1263 1264.source-list th:last-child, 1265.note-list th:last-child, 1266.repo-list th:last-child { 1267 margin: 0 -2px 1px 1px; 1268 padding: 3px 0 4px; 1269 width: 24px; 1270} 1271 1272.givn-list th { 1273 cursor: pointer; 1274 white-space: nowrap; 1275 padding: 2px; 1276 text-align: center; 1277} 1278 1279#source-details h2, 1280#sourcelist-page h2, 1281#note-details h2, 1282#notelist-page h2, 1283#repo-details h2, 1284#repolist-page h2, 1285#media-details h2, 1286#statistics-page h2 { 1287 margin-bottom: 20px; 1288 text-align: center; 1289} 1290 1291#source-edit, 1292#note-edit, 1293#repo-edit, 1294#media-edit { 1295 overflow-x: auto; 1296} 1297 1298.media-list td img { 1299 display: block; 1300 height: 40px; 1301 width: auto; 1302 margin: 3px auto; 1303} 1304 1305.filtersH, 1306.filtersF { 1307 margin: 4px; 1308} 1309 1310.filtersH img { 1311 margin-bottom: 2px; 1312} 1313 1314.list-charts { 1315 text-align: center; 1316} 1317 1318#search-result-tabs h3 { 1319 text-align: center; 1320} 1321 1322#searchAccordion-indi, 1323#searchAccordion-fam, 1324#searchAccordion-source, 1325#searchAccordion-note { 1326 margin: auto; 1327 width: 99%; 1328} 1329 1330#place-hierarchy h2, 1331#place-hierarchy h4 { 1332 text-align: center; 1333} 1334 1335#main_select, 1336#available_select, 1337#right_select { 1338 min-width: 150px; 1339} 1340 1341/* === Who is online block === */ 1342.logged_in_list { 1343 margin: 5px 0 0; 1344 padding: 0; 1345 line-height: 20px; 1346} 1347 1348/* ==== Theme select block === */ 1349.theme_form ul { 1350 margin: -10px auto; 1351} 1352 1353.theme_form li { 1354 visibility: hidden; 1355} 1356 1357.theme_form li ul li { 1358 display: inline-block; 1359 padding: 10px; 1360 visibility: visible; 1361} 1362 1363/* ==== FAQ table styles ===== */ 1364table.faq { 1365 background-color: #e0e0e0; 1366 margin: 5px 0 50px 5px; 1367 width: 98%; 1368} 1369 1370table.faq tr:nth-child(odd) td { 1371 background-color: #e7eef3; 1372} 1373 1374div.faq_title { 1375 background-color: #e0e0e0; 1376 margin: 1em 0; 1377 padding: .25em; 1378 font-weight: bold; 1379 width: 98%; 1380} 1381 1382div.faq_body { 1383 clear: both; 1384 padding: 0 1em; 1385} 1386 1387.faq_top { 1388 float: right; 1389} 1390 1391/* === Positioning edit, copy, delete links === */ 1392/* General use */ 1393.editfacts { 1394 clear: left; 1395 padding-top: 15px; 1396} 1397 1398/* ======== Indi header ====== */ 1399#indi_header { 1400 overflow: hidden; 1401 margin: 0 0 5px; 1402} 1403 1404#indi_header h3 { 1405 color: #555; 1406 font-size: 90%; 1407 font-weight: bold; 1408 margin: 0; 1409 padding: 0 10px 0 30px; 1410 text-align: left; 1411 overflow: hidden; 1412 position: relative; 1413} 1414 1415#indi_header .name_one { 1416 font-size: 1.5em; 1417} 1418 1419#indi_header h3 .details1 { 1420 font-size: 1.0em; 1421} 1422 1423#indi_header h3 .header_age { 1424 padding: 5px 0 5px 5px; 1425 float: right; 1426 font-weight: normal; 1427 font-size: 65%; 1428} 1429 1430#indi_header h3 a { 1431 display: inline; 1432} 1433 1434#indi_header a { 1435 color: #337; 1436 font-size: 0.75em; 1437 font-weight: normal; 1438} 1439 1440#indi_header a:hover { 1441 color: #f00; 1442} 1443 1444#indi_mainimage { 1445 float: left; 1446 padding: 0 2px; 1447} 1448 1449#header_accordion1 { 1450 padding: 0; 1451 overflow: hidden; 1452} 1453 1454#header_accordion1 .indi_name_details { 1455 margin: 0; 1456 overflow: hidden; 1457 padding: 5px; 1458} 1459 1460.indi_name_details .name1 { 1461 font-weight: normal; 1462 padding-top: 5px; 1463 font-size: inherit; 1464} 1465 1466#indi_header a.warning { 1467 color: #f00; 1468 font-size: 1em; 1469} 1470 1471#indi_note { 1472 margin: 0 0 5px; 1473} 1474 1475.indi_table { 1476 clear: left; 1477} 1478 1479#sex { 1480 float: right; 1481} 1482 1483#dates { 1484 float: right; 1485} 1486 1487#individual-names .wt-icon-edit, 1488#individual-names .wt-icon-delete { 1489 float: right; 1490} 1491 1492#indi_note .fact_NOTE { 1493 float: left; 1494 margin: 0 5px 0 0; 1495} 1496 1497#indi_note .fact_SOUR { 1498 margin: 3px 0; 1499} 1500 1501#indi_note .fact_SOUR a { 1502 font-size: 100%; 1503} 1504 1505#indi_note .fact_NOTE, 1506#indi_note .fact_SOUR { 1507 clear: both; 1508} 1509 1510/* markdown formatting */ 1511 1512.markdown { 1513 /* Tables and pre-formatted text can break the layout. */ 1514 overflow-x: auto; 1515} 1516 1517.markdown p { 1518 margin: 0 0 0.5em; 1519 white-space: pre-wrap; 1520} 1521 1522.markdown table { 1523 border-collapse: collapse; 1524 margin-bottom: 5px; 1525} 1526 1527.markdown th { 1528 font-weight: bold; 1529} 1530 1531.markdown td, 1532.markdown th { 1533 border: solid thin #000; 1534 padding: 3px; 1535} 1536 1537.odometer { 1538 font-family: courier, monospace; 1539 font-weight: bold; 1540 background: #000; 1541 color: #fff; 1542} 1543 1544/* ======== Indi tabs ======== */ 1545/* Facts & Events tab */ 1546.media-display-image { 1547 float: left; 1548} 1549 1550.media-display-title { 1551 float: left; 1552 font-style: italic; 1553 margin: 10px; 1554} 1555 1556/* Sidebar - Family navigator */ 1557.wt-family-navigator-dropdown-heading { 1558 font-weight: bold; 1559 font-size: inherit; 1560 color: inherit; 1561} 1562 1563/* Sidebar - Descendants */ 1564#sb_content_descendancy { 1565 margin-top: 2px; 1566} 1567 1568#sb_desc_content { 1569 margin-left: 3px; 1570 font-size: 0.8em; 1571} 1572 1573#sb_desc_content ul { 1574 padding: 0; 1575 margin: 0; 1576} 1577 1578.sb_desc_indi_li { 1579 list-style-type: none; 1580} 1581 1582/* Individuals and Families */ 1583#sidebar-content-individuals, 1584#sidebar-content-families { 1585 margin-top: 2px; 1586} 1587 1588.sb_indi_surname_li, 1589.sb_fam_surname_li { 1590 list-style-image: url(colors/images/plus.png); 1591} 1592 1593.name_tree_div ul { 1594 padding: 0; 1595 margin: 0; 1596} 1597 1598.name_tree_div li { 1599 list-style: none; 1600 margin: 0; 1601 padding: 0; 1602} 1603 1604/* Clippings */ 1605#sb_clippings_content ul { 1606 padding: 0; 1607 margin: 0; 1608} 1609 1610#sb_clippings_content li { 1611 list-style: none; 1612 margin: 0; 1613 padding: 0; 1614 white-space: nowrap; 1615} 1616 1617/* Extra info */ 1618#sb_content_extra_info { 1619 font-size: 80%; 1620 font-weight: bold; 1621 margin-top: 1px; 1622 overflow: hidden; 1623 padding: 5px; 1624} 1625 1626#sb_content_extra_info .editfacts { 1627 float: right; 1628 margin-top: -30px; 1629} 1630 1631#sb_content_extra_info a { 1632 display: block; 1633} 1634 1635#sb_content_extra_info span { 1636 font-weight: normal; 1637} 1638 1639#sb_content_extra_info span a { 1640 display: inline; 1641} 1642 1643#sb_content_extra_info #hitcounter { 1644 border-top: 1px solid #b2c7d7; 1645 font-weight: bold; 1646 padding-top: 5px; 1647} 1648 1649/* http://www.jacklmoore.com/colorbox */ 1650#colorbox, 1651#cboxOverlay, 1652#cboxWrapper { 1653 position: absolute; 1654 top: 0; 1655 left: 0; 1656 z-index: 9999; 1657 overflow: hidden; 1658} 1659 1660#cboxWrapper { 1661 max-width: none; 1662} 1663 1664#cboxOverlay { 1665 position: fixed; 1666 width: 100%; 1667 height: 100%; 1668 background: #fff; 1669} 1670 1671#cboxContent { 1672 background: #fff; 1673 overflow: hidden; 1674 position: relative; 1675 padding: 0.5rem; 1676 border: 0.25rem solid #ccc; 1677} 1678 1679#cboxLoadingOverlay, 1680#cboxLoadingGraphic { 1681 position: absolute; 1682 top: 0; 1683 left: 0; 1684 width: 100%; 1685 height: 100%; 1686} 1687 1688.cboxPhoto { 1689 float: left; 1690 margin: auto; 1691 border: 0; 1692 display: block; 1693 max-width: none; 1694} 1695 1696#colorbox, 1697#cboxContent, 1698#cboxLoadedContent { 1699 box-sizing: content-box; 1700} 1701 1702#cboxError { 1703 padding: 50px; 1704 border: 1px solid #ccc; 1705} 1706 1707#cboxLoadedContent { 1708 margin-bottom: 28px; 1709} 1710 1711#cboxTitle { 1712 background: #fff; 1713 position: absolute; 1714 bottom: 0.25rem; 1715 left: 0; 1716 margin: 0 3rem; 1717 text-align: center; 1718} 1719 1720#cboxLoadingGraphic { 1721 background: url(images/loading-32x32.gif) no-repeat center center; 1722} 1723 1724#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { 1725 background: none; 1726 border: 0; 1727 cursor: pointer; 1728 font-family: "Font Awesome\ 5 Free", sans-serif; 1729 font-weight: 900; 1730 overflow: visible; 1731 padding: 0; 1732 position: absolute; 1733} 1734 1735#cboxSlideshow { 1736 bottom: 0.25rem; 1737 right: 0.25rem; 1738} 1739 1740#cboxPrevious { 1741 bottom: 0.25rem; 1742 left: 0.25rem; 1743} 1744 1745#cboxNext { 1746 bottom: 0.25rem; 1747 left: 1.5rem; 1748} 1749 1750#cboxClose { 1751 top: 0.25rem; 1752 right: 0.25rem; 1753} 1754 1755/* Stories module */ 1756.story_title { 1757 padding-top: 12px; 1758 font-size: 13px; 1759 height: 32px; 1760 font-weight: bold; 1761} 1762 1763.story_body { 1764 padding: 20px; 1765 white-space: normal; 1766} 1767 1768.story_edit { 1769 padding: 12px; 1770} 1771 1772/*-- Fan chart ---- */ 1773.fan_chart_menu { 1774 background: #fff; 1775 position: absolute; 1776 display: none; 1777 z-index: 100; 1778} 1779 1780#fan_chart ul { 1781 list-style-type: none; 1782 margin: 0; 1783} 1784 1785/* Lifespans chart */ 1786.wt-lifespans-subtitle { 1787 text-align: center; 1788} 1789 1790.wt-lifespans-scale { 1791 white-space: nowrap; 1792} 1793 1794.wt-lifespans-decade { 1795 width: 70px; 1796 height: 60px; 1797 display: inline-block; 1798 background-image: url(images/lifespan-decade.png); 1799 background-position-y: bottom; 1800 background-repeat: no-repeat; 1801 background-size: 70px 37px; 1802} 1803 1804.wt-lifespans-individuals { 1805 background: #fafafa; 1806} 1807 1808.wt-lifespans-individual { 1809 1810} 1811 1812.wt-lifespans-summary { 1813 background: #ffffff; 1814 border: thin solid #000; 1815 z-index: 1; 1816} 1817 1818.wt-lifespans-summary-link { 1819 font-weight: bold; 1820} 1821 1822/*-- timeline --*/ 1823#timeline_chart { 1824 position: relative; 1825 top: 0; 1826 left: 0; 1827} 1828 1829#field_table { 1830 width: 30%; 1831 min-width: 500px; 1832 border: 1px solid #ddd; 1833} 1834 1835[class^="icon-"], 1836[class*=" icon-"] { 1837 display: inline-block; 1838 vertical-align: middle; 1839 background-repeat: no-repeat; 1840} 1841 1842.icon-add { 1843 width: 14px; 1844 height: 15px; 1845 background-image: url(images/add.png); 1846} 1847 1848.icon-cfamily { 1849 width: 32px; 1850 height: 32px; 1851 background-image: url(colors/images/cfamily.png); 1852} 1853 1854.icon-childless { 1855 width: 25px; 1856 height: 25px; 1857 background-image: url(colors/images/childless.png); 1858} 1859 1860.icon-children { 1861 width: 16px; 1862 height: 16px; 1863 background-image: url(colors/images/children.png); 1864} 1865 1866.icon-clippings { 1867 width: 32px; 1868 height: 32px; 1869 background-image: url(colors/images/clippings.png); 1870} 1871 1872.icon-edit_indi { 1873 width: 22px; 1874 height: 22px; 1875 background-image: url(colors/images/edit_indi.png); 1876} 1877 1878.icon-fam-list { 1879 width: 32px; 1880 height: 32px; 1881 background-image: url(colors/images/sfamily.png); 1882} 1883 1884.icon-indi-list { 1885 width: 32px; 1886 height: 32px; 1887 background-image: url(colors/images/indis.png); 1888} 1889 1890.icon-loading-small { 1891 width: 16px; 1892 height: 16px; 1893 background-image: url(colors/images/indicator.gif); 1894} 1895 1896.icon-media { 1897 width: 32px; 1898 height: 32px; 1899 background-image: url(colors/images/media.png); 1900} 1901 1902.icon-media-list { 1903 width: 32px; 1904 height: 32px; 1905 background-image: url(colors/images/media.png); 1906} 1907 1908.icon-media-next { 1909 width: 20px; 1910 height: 20px; 1911 background-image: url(colors/images/rdarrow.png); 1912} 1913 1914.icon-media-play { 1915 width: 20px; 1916 height: 20px; 1917 background-image: url(colors/images/rarrow.png); 1918} 1919 1920.icon-media-stop { 1921 width: 20px; 1922 height: 20px; 1923 background-image: url(colors/images/stop.png); 1924} 1925 1926.icon-minus { 1927 width: 11px; 1928 height: 11px; 1929 background-image: url(colors/images/minus.png); 1930} 1931 1932.icon-mypage { 1933 width: 22px; 1934 height: 25px; 1935 background-image: url(colors/images/mypage.png); 1936} 1937 1938.icon-note { 1939 width: 33px; 1940 height: 35px; 1941 background-image: url(colors/icons/note.png); 1942} 1943 1944.icon-plus { 1945 width: 11px; 1946 height: 11px; 1947 background-image: url(colors/images/plus.png); 1948} 1949 1950.icon-remove { 1951 width: 16px; 1952 height: 16px; 1953 background-image: url(colors/images/delete.png); 1954} 1955 1956.icon-resn-confidential { 1957 width: 16px; 1958 height: 16px; 1959 background-image: url(colors/images/resn_confidential.png); 1960} 1961 1962.icon-resn-locked { 1963 width: 16px; 1964 height: 16px; 1965 background-image: url(colors/images/resn_locked.png); 1966} 1967 1968.icon-resn-none { 1969 width: 16px; 1970 height: 16px; 1971 background-image: url(colors/images/resn_none.png); 1972} 1973 1974.icon-resn-privacy { 1975 width: 16px; 1976 height: 16px; 1977 background-image: url(colors/images/resn_privacy.png); 1978} 1979 1980.icon-rings { 1981 width: 9px; 1982 height: 9px; 1983 background-image: url(colors/images/rings.png); 1984} 1985 1986.icon-selected { 1987 width: 12px; 1988 height: 12px; 1989 background-image: url(colors/images/selected.png); 1990} 1991 1992 1993.icon-source { 1994 width: 32px; 1995 height: 32px; 1996 background-image: url(colors/images/source.png); 1997} 1998 1999/* Silhouettes on charts */ 2000.icon-silhouette-F { 2001 width: 37px; 2002 height: 45px; 2003 background-image: url(colors/images/silhouette_female_small.png); 2004} 2005 2006.icon-silhouette-M { 2007 width: 37px; 2008 height: 45px; 2009 background-image: url(colors/images/silhouette_male_small.png); 2010} 2011 2012.icon-silhouette-U { 2013 width: 37px; 2014 height: 45px; 2015 background-image: url(colors/images/silhouette_unknown_small.png); 2016} 2017 2018/* 2019 * Any element that is loaded dynamically has the class wt-ajax-load. 2020 * We can provide a "loading" placeholder for empty elements with this class. 2021 */ 2022.wt-ajax-load:empty { 2023} 2024 2025/* 2026 * Default icons are provided by FontAwesome. 2027 * Some icons get mirrored on RTL pages. Typiclly arrows 2028 */ 2029[dir=rtl] .wt-flip-rtl { 2030} 2031 2032.wt-icon-anniversary { 2033} 2034 2035.wt-icon-arrow-down { 2036 content: url(colors/icons/arrow-down.png); 2037} 2038 2039a > .wt-icon-arrow-down:hover { 2040 content: url(colors/icons/arrow-down-hover.png); 2041} 2042 2043.wt-icon-arrow-left { 2044 content: url(colors/icons/arrow-left.png); 2045} 2046 2047a > .wt-icon-arrow-left:hover { 2048 content: url(colors/icons/arrow-left-hover.png); 2049} 2050 2051.wt-icon-arrow-right { 2052 content: url(colors/icons/arrow-right.png); 2053} 2054 2055a > .wt-icon-arrow-right:hover { 2056 content: url(colors/icons/arrow-right-hover.png); 2057} 2058 2059.wt-icon-arrow-up { 2060 content: url(colors/icons/arrow-up.png); 2061} 2062 2063a > .wt-icon-arrow-up:hover { 2064 content: url(colors/icons/arrow-up-hover.png); 2065} 2066 2067.wt-icon-coordinates { 2068} 2069 2070.wt-icon-reorder { 2071} 2072 2073.wt-icon-sex-f { 2074} 2075 2076.wt-icon-sex-m { 2077} 2078 2079.wt-icon-sex-u { 2080} 2081 2082.wt-icon-sex-x { 2083} 2084 2085.wt-icon-warning { 2086} 2087 2088.wt-icon-zoom-in { 2089 content: url(colors/images/zoomin.png); 2090} 2091 2092.wt-icon-zoom-out { 2093 content: url(colors/images/zoomout.png); 2094} 2095 2096/* 2097 * .wt-icon-bing-maps 2098 * .wt-icon-calendar 2099 * .wt-icon-copy 2100 * .wt-icon-delete 2101 * .wt-icon-edit 2102 * .wt-icon-email 2103 * .wt-icon-family 2104 * .wt-icon-help 2105 * .wt-icon-individual 2106 * .wt-icon-google-maps 2107 * .wt-icon-keyboard 2108 * .wt-icon-media 2109 * .wt-icon-note 2110 * .wt-icon-openstreetmap 2111 * .wt-icon-preferences 2112 * .wt-icon-repository 2113 * .wt-icon-source 2114 * .wt-icon-submitter 2115 */ 2116.wt-icon-bing-maps::before { 2117 width: 16px; 2118 height: 16px; 2119 content: url(colors/icons/bing-maps.png); 2120} 2121 2122.wt-icon-calendar::before { 2123 width: 19px; 2124 height: 15px; 2125 content: url(colors/icons/calendar.png) 2126} 2127 2128.wt-icon-copy::before { 2129 width: 16px; 2130 height: 16px; 2131 content: url(colors/icons/copy.png) 2132} 2133 2134.wt-icon-delete::before { 2135 width: 16px; 2136 height: 16px; 2137 content: url(colors/icons/delete.png); 2138} 2139 2140.wt-icon-edit::before { 2141 width: 16px; 2142 height: 16px; 2143 content: url(colors/icons/edit.png); 2144} 2145 2146.wt-icon-family::before { 2147 width: 14px; 2148 height: 15px; 2149 content: url(colors/icons/family.png); 2150} 2151 2152.wt-icon-help::before { 2153 width: 16px; 2154 height: 16px; 2155 content: url(colors/icons/help.png); 2156} 2157 2158.wt-icon-google-maps::before { 2159 width: 16px; 2160 height: 16px; 2161 content: url(colors/icons/google-maps.png); 2162} 2163 2164.wt-icon-individual::before { 2165 width: 11px; 2166 height: 15px; 2167 content: url(colors/icons/individual.png); 2168} 2169 2170.wt-icon-keyboard::before { 2171 width: 30px; 2172 height: 15px; 2173 content: url(colors/icons/keyboard.png); 2174} 2175 2176.wt-icon-media::before { 2177 width: 18px; 2178 height: 16px; 2179 content: url(colors/icons/media.png); 2180} 2181 2182.wt-icon-note::before { 2183 width: 20px; 2184 height: 20px; 2185 content: url(colors/icons/note.png); 2186} 2187 2188.wt-icon-openstreetmap::before { 2189 width: 16px; 2190 height: 16px; 2191 content: url(colors/icons/openstreetmap.png); 2192} 2193 2194.wt-icon-preferences::before { 2195 width: 25px; 2196 height: 25px; 2197 content: url(colors/icons/preferences.png); 2198} 2199 2200.wt-icon-repository::before { 2201 width: 15px; 2202 height: 15px; 2203 content: url(colors/icons/repository.png); 2204} 2205 2206.wt-icon-source::before { 2207 width: 18px; 2208 height: 16px; 2209 content: url(colors/icons/source.png); 2210} 2211 2212.wt-icon-submitter::before { 2213 width: 11px; 2214 height: 15px; 2215 content: url(colors/icons/individual.png); 2216} 2217 2218i[class*="wt-icon-media"] { 2219 opacity: 0.5; 2220} 2221 2222.icon-indis { 2223 width: 25px; 2224 height: 25px; 2225 background-image: url(colors/images/mypage.png); 2226} 2227 2228.icon-patriarch { 2229 width: 20px; 2230 height: 20px; 2231 background-image: url(colors/images/patriarch.png); 2232} 2233 2234.icon-pedigree { 2235 width: 25px; 2236 height: 25px; 2237 background-image: url(colors/images/pedigree.png); 2238} 2239 2240.icon-place { 2241 width: 20px; 2242 height: 20px; 2243 background-image: url(colors/images/place.png); 2244} 2245 2246.icon-repo-list { 2247 width: 20px; 2248 height: 20px; 2249 background-image: url(colors/images/repository.png); 2250} 2251 2252.icon-repository { 2253 width: 20px; 2254 height: 20px; 2255 background-image: url(colors/images/repository.png); 2256} 2257 2258.icon-search { 2259 width: 17px; 2260 height: 17px; 2261 background-image: url(colors/images/search.png); 2262} 2263 2264.icon-sfamily { 2265 width: 22px; 2266 height: 22px; 2267 background-image: url(colors/images/sfamily.png); 2268} 2269 2270.icon-source-list { 2271 width: 20px; 2272 height: 20px; 2273 background-image: url(colors/images/source.png); 2274} 2275 2276.icon-user_add { 2277 width: 25px; 2278 height: 25px; 2279 background-image: url(colors/images/user_add.png); 2280} 2281 2282/* Census assistant */ 2283.wt-census-assistant-form-control:focus { 2284} 2285 2286/* 2287 * Drag and drop sortable lists 2288 */ 2289.wt-sortable-list { 2290} 2291 2292.wt-sortable-item { 2293} 2294 2295/* Some blocks show a reduced version on the right-hand side. */ 2296.wt-side-blocks .wt-side-block-optional { 2297 display: none !important; 2298} 2299 2300/* my page chart enhancements */ 2301.wt-block-content-charts { 2302 flex-flow: column-reverse; 2303 overflow: auto; 2304} 2305 2306.wt-block-content-todays-events-block { 2307 padding: .25rem; 2308} 2309 2310/* Some charts are wider than the page. */ 2311.wt-chart { 2312 overflow-x: auto; 2313 overflow-y: hidden; 2314} 2315 2316/* Fit thumbnail into parent on charts */ 2317.select2-selection.select2-selection--single { 2318 min-height: 36px; 2319 height: auto; 2320 padding: 2px 0; 2321} 2322 2323.select2-container .select2-selection--single .select2-selection__rendered { 2324 padding-left: 2px; 2325} 2326 2327.select2-selection--single .NAME { 2328 padding-left: 4px; 2329} 2330 2331/* 2332 * Place hierarchy 2333 * 2334 * wt-place-hierarchy-page 2335 */ 2336 2337#place-hierarchy ul { 2338 list-style-type: none; 2339} 2340 2341.d-table-cell { 2342 padding-right: 5px; 2343} 2344 2345/* Some menus (e.g. languages) can be longer than a page */ 2346.dropdown-menu { 2347 max-height: 30rem; 2348 overflow-x: hidden; 2349} 2350 2351/* Forms */ 2352.col-form-label { 2353 font-weight: bold; 2354} 2355
