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