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