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