1/** 2 * webtrees: online genealogy 3 * Copyright (C) 2018 webtrees development team 4 * This program is free software: you can redistribute it and/or modify 5 * it under the terms of the GNU General Public License as published by 6 * the Free Software Foundation, either version 3 of the License, or 7 * (at your option) any later version. 8 * This program is distributed in the hope that it will be useful, 9 * but WITHOUT ANY WARRANTY; without even the implied warranty of 10 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 11 * GNU General Public License for more details. 12 * You should have received a copy of the GNU General Public License 13 * along with this program. If not, see <http://www.gnu.org/licenses/>. 14 */ 15 16/* The colors theme is based on the clouds theme */ 17 18/* Colors for chart boxes, etc. */ 19:root { 20} 21 22/* Override Bootstrap formatting */ 23 24.select2-container--default .select2-results__option--highlighted[aria-selected] { 25 background-color: #eee; 26 color: #000; 27} 28 29.table-given-name { 30 overflow-x: hidden; 31} 32 33.btn-link { 34 padding: 0 .25rem; 35 color: #333; 36} 37 38.card-header .btn-link { 39 font-size: 0; 40 line-height: 0; 41 border: 0; 42} 43 44.card-header h4 { 45 font-size: 1.2rem; 46} 47 48.btn.focus, .btn:focus { 49 box-shadow: none; 50} 51 52.btn-link:hover, .btn-link:focus { 53 color: #f00; 54 text-decoration: none; 55} 56 57.pagination, .page-link, .page-link:hover, .page-link:focus { 58 border-color: #e6e6e6; 59 color: #555; 60} 61 62.page-item.active .page-link { 63 background-color: #e6e6e6; 64 color: #555; 65 border-color: #ccc; 66} 67 68.form-control:focus{ 69 border-color:#ccc; 70 box-shadow:0 0 0 .2rem rgba(128,128,128,.25); 71} 72 73.container-fluid { 74 padding-left: 5px; 75 padding-right: 5px; 76} 77 78table { 79 border-collapse: separate; 80} 81 82/* fit primary and secondary menus on mobile devices */ 83@media (max-width: 500px) { 84 .wt-primary-menu .nav-item { 85 padding: 0 0.45rem!important; 86 } 87 .wt-secondary-menu .nav-link { 88 padding: 0.25rem!important; 89 } 90} 91 92/* 93 * Pages have the following high-level structure: 94 * 95 * wt-global wt-theme-<THEME> wt-route-<ROUTE> 96 * +---wt-header-wrapper 97 * +---wt-header-container 98 * | +---wt-header-content 99 * | +---wt-accessibility-links 100 * | +---wt-site-logo 101 * | +---wt-site-title 102 * | +---wt-header-search 103 * | | +---wt-header-search-form 104 * | | +---wt-header-search-field 105 * | | +---wt-header-search-button 106 * | +---wt-secondary-navigation 107 * | | +---wt-secondary-menu 108 * | +---wt-primary-navigation 109 * | +---wt-primary-menu 110 * +---wt-main-container 111 * | +---wt-main-content 112 * | +---wt-messages 113 * | +---wt-page-title 114 * | +---wt-page-options wt-page-options-xxxxx 115 * | +---wt-page-content 116 * +---wt-footers 117 * +---wt-footer wt-footer-contact 118 * +---wt-footer wt-footer-cookies 119 * +---wt-footer wt-footer-page-views 120 * +---wt-footer wt-footer-powered-by 121 */ 122 123.wt-global { 124 /* Prevent redraws when dynamic content requires a scrollbar. */ 125 overflow-y: scroll; 126 /* Keep the page as tall as the window, so the footer can remain at the bottom. */ 127 display: flex; 128 min-height: 100vh; 129 flex-direction: column; 130 /* Any wide content will have its own horizontal scrollbar */ 131 overflow-x: hidden; 132 background: #fff; /* Override clouds */ 133 color: #333; 134} 135 136.wt-header-wrapper { 137 background: #acf none; 138} 139 140.wt-header-wrapper .dropdown-item.active { 141 background-color: inherit; 142 color: inherit; 143 font-weight: bold; 144} 145 146.wt-header-container { 147} 148 149.wt-header-content { 150} 151 152.wt-accessibility-links { 153} 154 155.wt-site-logo { 156} 157 158.wt-site-title { 159 order: 1; 160 flex: 1 1 0; 161 font-size: 1.5rem; 162 padding: 0.75rem 0.75rem 0; 163} 164 165.wt-header-search { 166 order: 3; 167 flex: 0 0 15rem; 168 padding-bottom: 0.5rem; 169} 170 171.wt-header-search-form { 172} 173 174.wt-header-search-field { 175} 176 177.wt-header-search-button { 178} 179 180.wt-secondary-navigation { 181 order: 2; 182 flex: 0 0 0; 183 white-space: nowrap; 184} 185 186.wt-secondary-menu { 187 flex-wrap: nowrap; 188} 189 190.wt-secondary-menu .nav-link { 191 display: inline-block; 192 padding: 0.5rem; 193 color: inherit; /* Inherit from wt-header-container */ 194} 195 196.wt-secondary-menu .nav-item + .nav-item::before { 197 content: "|"; 198} 199 200.wt-secondary-menu .dropdown-toggle:after { 201 display: none; 202} 203 204.wt-secondary-menu .menu-color .dropdown-menu { 205 max-height: 60rem; 206} 207 208.wt-primary-navigation { 209 order: 4; 210 flex: 0 0 100%; 211} 212 213.wt-primary-menu { 214 /* Extend to full page width */ 215 flex: 0 1 100vw; 216 /* Recalculate margins for content */ 217 margin: 0 calc(50% - 50vw); 218 padding: 0 calc(50vw - 50%); 219} 220 221.wt-primary-menu .dropdown-menu { 222 max-height: 60rem; 223} 224 225.wt-primary-menu .nav-item { 226 padding: 0 0.75rem; 227} 228 229.wt-primary-menu .nav-link { 230 /* All menu icons are 40px x 40px */ 231 height: calc(40px + 1rem); 232 width: 40px; 233} 234 235.wt-primary-menu .nav-item::before { 236 /* The size of the menu icons */ 237 width: 40px; 238 height: 40px; 239} 240 241.menu-tree .nav-link::before { 242 content: url(colors/menu/tree.png); 243} 244 245.menu-tree .dropdown-item:not(:first-child)::before { 246 content: url(colors/menu/tree-tree.png); 247} 248 249.menu-chart .nav-link::before { 250 content: url(colors/menu/chart.png); 251} 252 253.menu-chart-ancestry::before { 254 content: url(colors/menu/chart-ancestors.png); 255} 256 257.menu-chart-compact::before { 258 content: url(colors/menu/chart-compact.png); 259} 260 261.menu-chart-descendants::before { 262 content: url(colors/menu/chart-descendants.png); 263} 264 265.menu-chart-familybook::before { 266 content: url(colors/menu/chart-family-book.png); 267} 268 269.menu-chart-fanchart::before { 270 content: url(colors/menu/chart-fanchart.png); 271} 272 273.menu-chart-hourglass::before { 274 content: url(colors/menu/chart-hourglass.png); 275} 276 277.menu-chart-lifespan::before { 278 content: url(colors/menu/chart-lifespan.png); 279} 280 281.menu-chart-pedigree::before { 282 content: url(colors/menu/chart-pedigree.png); 283} 284 285.menu-chart-pedigreemap::before { 286 content: url(colors/menu/chart-pedigree-map.png); 287} 288 289.menu-chart-relationship::before { 290 content: url(colors/menu/chart-relationship.png); 291} 292 293.menu-chart-statistics::before { 294 content: url(colors/menu/chart-statistics.png); 295} 296 297.menu-chart-timeline::before { 298 content: url(colors/menu/chart-timeline.png); 299} 300 301.menu-chart-tree::before { 302 content: url(colors/menu/chart-tree.png); 303} 304 305.menu-list .nav-link::before { 306 content: url(colors/menu/list.png); 307} 308 309.menu-branches::before { 310 content: url(colors/menu/branches.png); 311} 312 313.menu-list-fam::before { 314 content: url(colors/menu/list-fam.png); 315} 316 317.menu-list-indi::before { 318 content: url(colors/menu/list-indi.png); 319} 320 321.menu-list-note::before { 322 content: url(colors/menu/list-note.png); 323} 324 325.menu-list-obje::before { 326 content: url(colors/menu/list-obje.png); 327} 328 329.menu-list-plac::before { 330 content: url(colors/menu/list-plac.png); 331} 332 333.menu-list-repo::before { 334 content: url(colors/menu/list-repo.png); 335} 336 337.menu-list-sour::before { 338 content: url(colors/menu/list-sour.png); 339} 340 341.menu-calendar .nav-link::before { 342 content: url(colors/menu/calendar.png); 343} 344 345.menu-calendar-day::before { 346 content: url(colors/menu/calendar-calendar.png); 347} 348 349.menu-calendar-month::before { 350 content: url(colors/menu/calendar-calendar.png); 351} 352 353.menu-calendar-year::before { 354 content: url(colors/menu/calendar-calendar.png); 355} 356 357.menu-report .nav-link::before { 358 content: url(colors/menu/report.png); 359} 360 361.menu-report .dropdown-item:not(:first-child)::before { 362 content: url(colors/menu/report-report.png); 363} 364 365.menu-search .nav-link::before { 366 content: url(colors/menu/search.png); 367} 368 369.menu-search .dropdown-item:not(:first-child)::before { 370 content: url(colors/menu/search-search.png); 371} 372 373.menu-help .nav-link::before { 374 content: url(colors/menu/help.png); 375} 376 377.menu-clippings .nav-link::before { 378 content: url(colors/menu/clippings.png); 379} 380 381.menu-clippings-add::before { 382 content: url(colors/menu/clippings-add.png); 383} 384 385.menu-clippings-cart::before { 386 content: url(colors/menu/clippings-cart.png); 387} 388 389.menu-clippings-download::before { 390 content: url(colors/menu/edit-gedcom.png); 391} 392 393.menu-clippings-empty::before { 394 content: url(colors/menu/edit-delete.png); 395} 396 397.menu-fam .nav-link::before { 398 content: url(colors/menu/fam.png); 399} 400 401.menu-fam-change::before { 402 content: url(colors/menu/edit-fam.png); 403} 404 405.menu-fam-addchil::before { 406 content: url(colors/menu/edit-fam.png); 407} 408 409.menu-fam-orderchil::before { 410 content: url(colors/menu/edit-fam.png); 411} 412 413.menu-fam-del::before { 414 content: url(colors/menu/edit-delete.png); 415} 416 417.menu-fam-addfav::before { 418 content: url(colors/menu/edit-add-favorite.png); 419} 420 421.menu-fam-editraw::before { 422 content: url(colors/menu/edit-gedcom.png); 423} 424 425.menu-indi .nav-link::before { 426 content: url(colors/menu/indi.png); 427} 428 429.menu-indi-addname::before { 430 content: url(colors/menu/edit-indi.png); 431} 432 433.menu-indi-editsex::before { 434 content: url(colors/menu/edit-indi.png); 435} 436 437.menu-indi-del::before { 438 content: url(colors/menu/edit-delete.png); 439} 440 441.menu-indi-addfav::before { 442 content: url(colors/menu/edit-add-favorite.png); 443} 444 445.menu-indi-editraw::before { 446 content: url(colors/menu/edit-gedcom.png); 447} 448 449.menu-obje .nav-link::before { 450 content: url(colors/menu/obje.png); 451} 452 453.menu-obje-edit::before { 454 content: url(colors/menu/edit-obje.png); 455} 456 457.menu-obje-link::before { 458 content: url(colors/menu/edit-link.png); 459} 460 461.menu-obje-del::before { 462 content: url(colors/menu/edit-delete.png); 463} 464 465.menu-obje-addfav::before { 466 content: url(colors/menu/edit-add-favorite.png); 467} 468 469.menu-obje-editraw::before { 470 content: url(colors/menu/edit-gedcom.png); 471} 472 473.menu-note .nav-link::before { 474 content: url(colors/menu/note.png); 475} 476 477.menu-note-edit::before { 478 content: url(colors/menu/edit-note.png); 479} 480 481.menu-note-del::before { 482 content: url(colors/menu/edit-delete.png); 483} 484 485.menu-note-addfav::before { 486 content: url(colors/menu/edit-add-favorite.png); 487} 488 489.menu-note-editraw::before { 490 content: url(colors/menu/edit-gedcom.png); 491} 492 493.menu-record .nav-link::before { 494 content: url(colors/menu/indi.png); 495} 496 497.menu-record-del::before { 498 content: url(colors/menu/edit-delete.png); 499} 500 501.menu-record-editraw::before { 502 content: url(colors/menu/edit-gedcom.png); 503} 504 505.menu-repo .nav-link::before { 506 content: url(colors/menu/repo.png); 507} 508 509.menu-repo-edit::before { 510 content: url(colors/menu/edit-repo.png); 511} 512 513.menu-repo-del::before { 514 content: url(colors/menu/edit-delete.png); 515} 516 517.menu-repo-addfav::before { 518 content: url(colors/menu/edit-add-favorite.png); 519} 520 521.menu-repo-editraw::before { 522 content: url(colors/menu/edit-gedcom.png); 523} 524 525.menu-sour .nav-link::before { 526 content: url(colors/menu/sour.png); 527} 528 529.menu-sour-edit::before { 530 content: url(colors/menu/edit-sour.png); 531} 532 533.menu-sour-del::before { 534 content: url(colors/menu/edit-delete.png); 535} 536 537.menu-sour-addfav::before { 538 content: url(colors/menu/edit-add-favorite.png); 539} 540 541.menu-sour-editraw::before { 542 content: url(colors/menu/edit-gedcom.png); 543} 544 545.menu-story .nav-link::before { 546 content: url(colors/menu/story.png); 547} 548 549.wt-main-container { 550 /* Grow to fill content, to allow footer to stay at bottom of page. */ 551 flex: 1; 552 /* Space between the header/footer and the main content. */ 553 padding-top: 1rem; 554 padding-bottom: 1rem; 555} 556 557.wt-main { 558} 559 560.wt-messages { 561} 562 563.wt-page-title { 564 text-align: center; 565} 566 567.wt-page-options { 568} 569 570.wt-page-options-value { 571 color: #333; 572} 573 574.wt-page-content { 575 margin-top: 1rem; 576} 577 578.wt-footers { 579} 580 581.wt-footer { 582} 583 584.wt-footer-contact { 585} 586 587.wt-footer-cookies { 588 background: #aaa; 589 color: #fff; 590 transition: height 0.5s; 591} 592 593.wt-footer-page-views { 594} 595 596.wt-footer-powered-by { 597 content: url(colors/images/powered-by-webtrees.png); 598} 599 600/* 601 * The tree/user home pages 602 * 603 * wt-home-page / wt-user-page 604 * +---wt-main-blocks 605 * | +---wt-block, wt-block-AAA 606 * | +---wt-block, wt-block-BBB 607 * | +---wt-block, wt-block-CCC 608 * +---wt-side-blocks 609 * +---wt-block, wt-block-XXX 610 * +---wt-block, wt-block-YYY 611 * +---wt-block, wt-block-ZZZ 612 * 613 * Each block as the structure 614 * wt-block, wt-block-XXX 615 * +---wt-block-header, wt-block-header-XXX 616 * +---wt-block-content, wt-block-content-XXX 617 */ 618 619.wt-block { 620} 621 622.wt-block-header { 623} 624 625.wt-block-header::before { 626 content: url(colors/images/block-header-disk.png); 627} 628 629.wt-block-content { 630} 631 632/* 633 * The individual page. 634 * 635 * wt-route-individual 636 * +---wt-header-wrapper 637 */ 638 639.wt-individual-silhouette { 640} 641 642.wt-individual-silhouette-F { 643} 644 645.wt-individual-silhouette-M { 646} 647 648/* 649 * Ancestors chart 650 * 651 * wt-chart, wt-ancestors-chart 652 * +---wt-ancestors-chart-list 653 * +---wt-ancestors-chart-list-item 654 */ 655.wt-ancestors-chart-list { 656} 657 658/* 659 * Compact chart 660 * 661 * wt-chart, wt-compact-chart 662 */ 663 664.wt-ancestors-chart-list-item { 665} 666 667/* 668 * Descendants chart 669 * 670 * wt-chart, wt-descendants-chart 671 * +---wt-descendants-chart-list 672 * +---wt-descendants-chart-list-item 673 */ 674.wt-descendants-chart-list { 675} 676 677.wt-descendants-chart-list-item { 678} 679 680/* 681 * Family book chart 682 * 683 * wt-chart, wt-family-book-chart 684 */ 685 686/* 687 * Fan chart 688 * 689 * wt-chart, wt-fan-chart 690 */ 691 692/* 693 * Hourglass chart 694 * 695 * wt-chart, wt-hourglass-chart 696 */ 697 698/* 699 * Hourglass chart 700 * 701 * wt-chart, wt-interactive-tree 702 */ 703 704/* 705 * Lifespans chart 706 * 707 * wt-chart, wt-lifespans-chart 708 */ 709 710/* 711 * Pedigree chart 712 * 713 * wt-chart, wt-pedigree-chart 714 */ 715 716/* 717 * Pedigree map 718 * 719 * wt-chart, wt-pedigree-map 720 */ 721 722/* 723 * Relationships chart 724 * 725 * wt-chart, wt-relationships-chart 726 */ 727 728/* 729 * Statistics chart 730 * 731 * wt-chart, wt-statistics-chart 732 */ 733 734/* 735 * Timeline chart 736 * 737 * wt-chart, wt-timeline-chart 738 */ 739 740/* 741 * Family list and individual list 742 * 743 * wt-page-options 744 * +---wt-initials-list, wt-initials-list-surnames 745 * +---wt-initial-list-item 746 * +---wt-initial 747 * +---wt-initial, active 748 * +---wt-initials-list, wt-initials-list-given-names 749 * +---wt-initial-list-item 750 * +---wt-initial 751 * +---wt-initial, active 752 * wt-page-content 753 * +---wt-list, wt-{family,individual}-list 754 */ 755 756.wt-initials-list { 757} 758 759.wt-initials-list-item { 760} 761 762.wt-initial { 763} 764 765/* 766 * Media object list 767 * 768 * wt-list, wt-media-list 769 */ 770 771/* 772 * Note object list 773 * 774 * wt-list, wt-note-list 775 */ 776 777/* 778 * Source list 779 * 780 * wt-list, wt-source-list 781 */ 782 783/* 784 * Repository list 785 * 786 * wt-list, wt-repository-list 787 */ 788 789/* 790 * Branches list 791 * 792 * wt-branches-page 793 */ 794 795/* 796 * Place hierarchy 797 * 798 * wt-place-hierarchy-page 799 */ 800 801/* 802 * Calendar 803 * 804 * wt-calendar-page 805 */ 806 807/* 808 * Reports 809 * 810 * wt-reports-page 811 */ 812 813/* 814 * Search 815 * 816 * wt-search-page, wt-general-serach-page/wt-phonetic-search-page/wt-advanced-search-page/wt-search-replace-page 817 */ 818 819/* ios on click workaround */ 820.iconz { 821 cursor: pointer; 822} 823 824a { 825 color: #333; 826 text-decoration: none; 827} 828 829a:hover { 830 color: #f00; 831 text-decoration: none; 832} 833 834:focus { 835 outline-style: none; 836} 837 838.flash-messages { 839 clear: both; 840 text-align: center; 841} 842 843img { 844 border: 0; 845} 846 847legend img { 848 height: 20px; 849 vertical-align: middle; 850 width: 20px; 851} 852 853img.block, 854#mycart img { 855 border: 0; 856 height: 25px; 857 vertical-align: middle; 858} 859 860.topbottombar { 861 color: #fff; 862 font-size: 12px; 863 font-weight: bold; 864 padding: 4px; 865 text-align: center; 866} 867 868.button { 869 width: 60px; 870} 871 872.btn-primary.focus, .btn-primary:focus { 873 box-shadow:none; 874 border: 0; 875} 876 877.alpha_index { 878 color: #999; 879} 880 881hr { 882 margin-top: 5px; 883} 884 885.person_box, .action_header { 886 background-color: #ddf; 887 border: 1px solid #ccc; 888} 889 890.person_boxF, .action_headerF { 891 background-color: #fdd; 892 border: 1px solid #ccc; 893} 894 895.person_boxNN { 896 background-color: #fff; 897 border: 1px solid #ccc; 898 padding: 3px; 899} 900 901/* families tab person box */ 902#relatives_content .person_box > .person_box, 903#relatives_content .person_boxF > .person_boxF, 904#relatives_content .person_boxNN > .person_boxNN { 905 border: 0; 906 min-height: 50px; 907} 908 909.center { 910 text-align: center; 911} 912 913table.center { 914 margin-left: auto; 915 margin-right: auto; 916} 917 918.list_table { 919 margin: 0 auto; 920} 921 922.list_label, 923.list_label_wrap { 924 color: #fff; 925 background-color: #81a9cb; 926 border: 1px solid #ddd; 927 font-weight: bold; 928 text-align: center; 929} 930 931.list_value, 932.list_value_wrap { 933 background-color: #edf7f9; 934 border: solid #ddd 1px; 935 vertical-align: top; 936 padding: 4px; 937} 938 939.list_label, 940.list_value { 941 white-space: nowrap; 942} 943 944.list_label_wrap, 945.list_value_wrap { 946 white-space: normal; 947} 948 949div.fact_SHARED_NOTE { 950 clear: both; 951} 952 953/* Table of genealogical facts */ 954 955.wt-facts-table { 956 border-collapse: separate; 957} 958 959.wt-facts-table caption { 960 caption-side: top; 961} 962 963.wt-facts-table th { 964 border: 1px solid #ccc; 965 border-radius: 3px; 966 text-align: center; 967 min-width: 20%; 968} 969 970.wt-facts-table td { 971 border: solid #999 1px; 972 border-radius: 3px; 973} 974 975.wt-facts-table .wt-gender-M td { 976 background-color: #ddf; 977} 978 979.wt-facts-table .wt-gender-F td { 980 background-color: #fdd; 981} 982 983.tabs_table { 984 width: 99%; 985} 986 987.name1 { 988} 989 990.name2 { 991} 992 993a:hover .name1, a:hover .name2 { 994 color: #f00; 995 font-weight: bold; 996 font-size: 12px; 997} 998 999a:hover .nameZoom { 1000 color: #f00; 1001 font-size: 16px; 1002 font-weight: bold; 1003} 1004 1005.details2 { 1006 font-size: 12px; 1007} 1008 1009.nameZoom { 1010 color: #333; 1011 font-size: 16px; 1012 font-weight: bold; 1013} 1014 1015.details_label { 1016 font-weight: bold; 1017} 1018 1019.name_head { 1020 color: #333; 1021 font-size: 16px; 1022 font-weight: bold; 1023 line-height: 2; 1024 padding: 0 5px; 1025} 1026 1027.date { 1028 color: #333; 1029} 1030 1031.label { 1032 font-weight: bold; 1033} 1034 1035.error { 1036 font-weight: bold; 1037} 1038 1039.largeError { 1040 color: #d00; 1041 font-size: large; 1042 font-weight: bold; 1043} 1044 1045.warning { 1046 color: #f00; 1047 font-weight: bold; 1048} 1049 1050.indent { 1051 padding-left: 7px; 1052} 1053 1054.image { 1055 height: 150px; 1056 padding: 5px; 1057 margin: 2px; 1058} 1059 1060.gender_image { 1061 margin: 0 3px; 1062 border: 0; 1063 vertical-align: middle; 1064} 1065 1066.thumbnail { 1067 height: auto; 1068 padding: 3px; 1069} 1070 1071.icon { 1072 border: 0; 1073 padding: 0 5px; 1074} 1075 1076.sublinks_cell { 1077 background-color: #9be; 1078 font-size: 12px; 1079} 1080 1081.submenu .icon { 1082 vertical-align: middle; 1083 width: 20px; 1084 height: 20px; 1085} 1086 1087.subheaders { 1088 font-weight: bold; 1089 font-size: 15px; 1090 margin-top: 15px; 1091 vertical-align: bottom; 1092} 1093 1094#family-table .subheaders:first-child { 1095 width: 285px; 1096} 1097 1098.parentdeath { 1099 border: thin solid #888; 1100 padding: 1px; 1101} 1102 1103.source_citations { 1104 display: none; 1105} 1106 1107.selected-option { 1108 background-color: #edf7fd; 1109} 1110 1111.border1 { 1112 border: solid #000 1px; 1113} 1114 1115.menuitem { 1116 text-decoration: none; 1117 font-size: 11px; 1118 padding: 1px; 1119} 1120 1121.menuitem_hover { 1122 text-decoration: none; 1123 font-size: 11px; 1124 padding: 1px; 1125} 1126 1127.menuitem .icon, .menuitem_hover .icon { 1128 width: 50px; 1129 height: 50px; 1130} 1131 1132.submenu { 1133 text-decoration: none; 1134 font-size: 11px; 1135 background-color: #fff; 1136 border: solid #ccc 1px; 1137 visibility: hidden; 1138 position: absolute; 1139 padding: 5px; 1140} 1141 1142.submenuitem { 1143 vertical-align: middle; 1144 font-size: 11px; 1145 height: 20px; 1146 text-decoration: none; 1147 background-color: #fff; 1148 padding: 1px; 1149 white-space: nowrap; 1150} 1151 1152.submenuitem_hover { 1153 vertical-align: middle; 1154 height: 20px; 1155 font-size: 11px; 1156 background-color: #fff; 1157 border: 1px solid #ccc; 1158 white-space: nowrap; 1159 padding: 1px; 1160} 1161 1162.submenuitem a, 1163.submenuitem_hover a { 1164 display: inline-block; 1165 vertical-align: middle; 1166} 1167 1168.journal_box { 1169 padding: 3pt; 1170 border: thin solid #aaa; 1171 overflow: visible; 1172} 1173 1174.news_box { 1175 border-top: solid #ccc 1px; 1176} 1177 1178.news_title { 1179 font-weight: bold; 1180} 1181 1182.news_date { 1183 margin-bottom: 12px; 1184} 1185 1186.current_day { 1187 font-weight: bold; 1188 font-size: 16px; 1189} 1190 1191.cal_day { 1192 float: left; 1193 font-weight: bold; 1194} 1195 1196.rtl_cal_day { 1197 direction: rtl; 1198 float: right; 1199 color: #00f; 1200 font-weight: bold; 1201} 1202 1203.helpcontent { 1204 margin-left: 10px; 1205 margin-right: 10px; 1206} 1207 1208.helpcontent dt { 1209 clear: both; 1210} 1211 1212#user-page h1 { 1213 margin: 0.25em auto 0.6em; 1214} 1215 1216.tvertline { 1217 vertical-align: bottom; 1218} 1219 1220#childbox { 1221 padding: 5px; 1222 position: absolute; 1223 display: none; 1224 text-align: start; 1225 white-space: nowrap; 1226 top: 20px; 1227 left: 0; 1228} 1229 1230.layout3 #childbox { 1231 top: auto; 1232 bottom: 20px; 1233} 1234 1235#childbox a.name1 { 1236 display: block; 1237 margin-left: 5px; 1238} 1239 1240.person0 { 1241 background-color: #ddf; 1242 border: outset #999 1px; 1243 vertical-align: top; 1244} 1245 1246.person1 { 1247 background-color: #afa; 1248 border: outset #afa 1px; 1249 vertical-align: top; 1250} 1251 1252.person2 { 1253 background-color: #faa; 1254 border: outset #faa 1px; 1255 vertical-align: top; 1256} 1257 1258.person3 { 1259 background-color: #aad; 1260 border: outset #55f 1px; 1261 vertical-align: top; 1262} 1263 1264.person4 { 1265 background-color: #f55; 1266 border: outset #f55 1px; 1267 vertical-align: top; 1268} 1269 1270.person5 { 1271 background-color: #5f5; 1272 border: outset #5f5 1px; 1273 vertical-align: top; 1274} 1275 1276.listlog { 1277 line-height: 20pt; 1278} 1279 1280.starredname { 1281 text-decoration: underline; 1282} 1283 1284.search_hit { 1285 background-color: #ff0; 1286} 1287 1288.search_item { 1289 font-weight: 600; 1290} 1291 1292.descriptionbox { 1293 font-size: 1rem; 1294 color: #333; 1295 border: 1px solid #999; 1296 vertical-align: top; 1297 padding: 3px; 1298} 1299 1300.optionbox { 1301 font-size: 1rem; 1302 color: #333; 1303 border: 1px solid #999; 1304 vertical-align: top; 1305 white-space: nowrap; 1306 padding: 3px; 1307} 1308 1309.optionbox .list_value { 1310 background-color: #fff; 1311 border: 1px solid #999; 1312 border-radius: 3px; 1313} 1314 1315.vmiddle { 1316 vertical-align: middle; 1317} 1318 1319.red { 1320 color: #f00; 1321} 1322 1323.wt-relation-fact, 1324.wt-historic-fact { 1325 opacity: 0.8; 1326} 1327 1328.messagebox { 1329 background-color: #c2ceef; 1330 border: solid #ccc 1px; 1331} 1332 1333/* ---Pending edits--- */ 1334.new { 1335 outline: solid blue 1px; 1336} 1337 1338.old { 1339 outline: solid red 1px; 1340} 1341 1342.tag_cloud { 1343 text-align: center; 1344} 1345 1346.tag_cloud a { 1347 white-space: nowrap; 1348} 1349 1350.nowrap { 1351 white-space: nowrap; 1352} 1353 1354.wrap { 1355 white-space: normal; 1356} 1357 1358.statistics-page { 1359 text-align: center; 1360} 1361 1362.center2 { 1363 text-align: center; 1364} 1365 1366.gchart { 1367 border: solid #999 1px; 1368} 1369 1370/* ---Find special characters--- */ 1371.largechars { 1372 font-family: monospace; 1373 font-size: 200%; 1374} 1375 1376#facts_content dd { 1377 float: left; 1378 width: 70%; 1379} 1380 1381.clearfloat { 1382 clear: both; 1383} 1384 1385/* this keeps the tag color the same when it is a link as when not */ 1386 1387.place { 1388 padding-top: 5px; 1389} 1390 1391#pending h2 { 1392 text-align: center; 1393 margin-bottom: 20px; 1394} 1395 1396#pending h3 { 1397 text-align: center; 1398 margin-top: 20px; 1399} 1400 1401#pending .list_value { 1402 padding: 3px; 1403 text-align: center; 1404 vertical-align: middle; 1405 white-space: nowrap; 1406} 1407 1408#pending .indent { 1409 padding: 0; 1410} 1411 1412/* ======== Person box ======= */ 1413/* Box styles are 1414 0 compact view 1415 1 normal view - small box 1416 2 normal view - large box 1417*/ 1418.box-style0 { 1419 cursor: n-resize; 1420} 1421 1422.box-style0-expanded { 1423 cursor: n-resize; 1424} 1425 1426.person_box_template .namedef i[class^="icon-sex"] { 1427 margin-left: 3px; 1428} 1429 1430.person_box_template .icons { 1431} 1432 1433.person_box_template .inout { 1434 clear: both; 1435 display: none; 1436} 1437 1438.person_box_template img, 1439.person_box_template a.gallery { 1440 float: left; 1441 height: 50px; 1442 margin: 0 3px 0 0; 1443 max-width: 60px; 1444 width: auto; 1445} 1446 1447.person_box_template i[class^="icon-silhouette"] { 1448 float: left; 1449} 1450 1451/* --- reportengine.php --- */ 1452#reportengine-page table { 1453 margin: 20px auto; 1454} 1455 1456#reportengine-page .report-type { 1457 overflow: hidden; 1458 margin: auto; 1459 width: 180px; 1460} 1461 1462#reportengine-page .report-type div { 1463 float: left; 1464 margin: 0 20px; 1465} 1466 1467#reportengine-page .report-type p { 1468 margin: 0; 1469 text-align: center; 1470} 1471 1472/* styles for popup menus */ 1473.itr { 1474 position: absolute; 1475 line-height: 1.5; 1476} 1477 1478.popup { 1479 position: absolute; 1480 top: 21px; 1481 right: 0; 1482 left: auto; 1483 visibility: hidden; 1484 opacity: 0; 1485 transition: visibility 0s ease .25s,opacity .25s ease; 1486 z-index: 9999; 1487 box-shadow: 5px 5px 5px 0 rgba(0,0,0,.4); 1488} 1489 1490.popup ul { 1491 white-space: nowrap; 1492 list-style: none; 1493 margin: 0; 1494 padding: 0 10px; 1495} 1496 1497.popup > ul { 1498 padding: 2px 10px; 1499} 1500 1501.popup li .NAME { 1502 padding: 0 5px; 1503} 1504 1505.itr:hover .popup { 1506 visibility: visible; 1507 opacity: 1; 1508 transition-delay: 0s; 1509} 1510 1511/* styles for FindFacts pop-up */ 1512#layDefinedTags, 1513#tabDefinedTagsShow { 1514 width: 450px; 1515} 1516 1517#tabDefinedTags { 1518 width: 430px; 1519} 1520 1521#layDefinedTags { 1522 margin-left: auto; 1523 margin-right: auto; 1524 height: 285px; 1525 overflow: auto; 1526} 1527 1528#tabDefinedTags { 1529 border-collapse: collapse; 1530} 1531 1532#tabDefinedTags th, 1533#tabDefinedTags td { 1534 border: solid 1px #000; 1535 margin: 0; 1536 padding: 3px; 1537} 1538 1539#tabDefinedTags tbody th { 1540 text-align: left; 1541 font-weight: bold; 1542} 1543 1544#tabDefinedTags tr.sel { 1545 background-color: #d1d9ef; 1546 color: #888; 1547} 1548 1549#tabDefinedTags tr.unsel { 1550 background-color: #fff; 1551 color: #888; 1552} 1553 1554#tabDefinedTagsShow { 1555 margin-left: auto; 1556 margin-right: auto; 1557} 1558 1559#tabDefinedTagsShow td { 1560 width: 50%; 1561 text-align: center; 1562} 1563 1564#tabFilterAndCustom { 1565 margin-left: auto; 1566 margin-right: auto; 1567} 1568 1569#tabAction { 1570 margin-left: auto; 1571 margin-right: auto; 1572} 1573 1574#tabAction td { 1575 width: 50%; 1576 text-align: center; 1577} 1578 1579/* ======== List styles ====== */ 1580.surname-list, 1581.givn-list { 1582 margin: 5px auto; 1583} 1584 1585.source-list table, 1586.note-list table, 1587.repo-list table, 1588.media-list table, 1589.indi-list table, 1590.fam-list table { 1591 width: 100%; 1592} 1593 1594.source-list td, 1595.note-list td, 1596.repo-list td, 1597.media-list td, 1598.indi-list td, 1599.fam-list td, 1600.recent_changes_block td, 1601.upcoming_events_block td, 1602.surname-list td, 1603.givn-list td { 1604 padding: 2px 5px; 1605} 1606 1607.surname-list td { 1608 vertical-align: top; 1609} 1610 1611.indi-list .stats, 1612.fam-list .stats { 1613 margin: 0 auto; 1614 width: auto; 1615} 1616 1617.source-list th, 1618.note-list th, 1619.repo-list th, 1620.media-list th, 1621.indi-list th, 1622.fam-list th, 1623.wt-table-changes th, 1624.wt-table-events th, 1625.wt-table-tasks th, 1626.wt-table-yahrzeits th, 1627.surname-list th, 1628.givn-list th { 1629 cursor: pointer; 1630 font-weight: 600; 1631 padding: 2px 4px; 1632 white-space: nowrap; 1633} 1634 1635.source-list th:last-child, 1636.note-list th:last-child, 1637.repo-list th:last-child { 1638 margin: 0 -2px 1px 1px; 1639 padding: 3px 0 4px; 1640 width: 24px; 1641} 1642 1643.givn-list th { 1644 cursor: pointer; 1645 white-space: nowrap; 1646 padding: 2px; 1647 text-align: center; 1648} 1649 1650#source-details h2, 1651#sourcelist-page h2, 1652#note-details h2, 1653#notelist-page h2, 1654#repo-details h2, 1655#repolist-page h2, 1656#media-details h2, 1657#statistics-page h2 { 1658 margin-bottom: 20px; 1659 text-align: center; 1660} 1661 1662#source-edit, 1663#note-edit, 1664#repo-edit, 1665#media-edit { 1666 overflow-x: auto; 1667} 1668 1669.media-list td img { 1670 display: block; 1671 height: 40px; 1672 width: auto; 1673 margin: 3px auto; 1674} 1675 1676.filtersH, 1677.filtersF { 1678 margin: 4px; 1679} 1680 1681.filtersH img { 1682 margin-bottom: 2px; 1683} 1684 1685.list-charts { 1686 text-align: center; 1687} 1688 1689#search-result-tabs h3 { 1690 text-align: center; 1691} 1692 1693#searchAccordion-indi, 1694#searchAccordion-fam, 1695#searchAccordion-source, 1696#searchAccordion-note { 1697 margin: auto; 1698 width: 99%; 1699} 1700 1701#place-hierarchy h2, 1702#place-hierarchy h4 { 1703 text-align: center; 1704} 1705 1706#main_select, 1707#available_select, 1708#right_select { 1709 min-width: 150px; 1710} 1711 1712/* ==== Favourites block ===== */ 1713.blockcontent .person_box_template .details2 { 1714 min-height: 40px; 1715} 1716 1717.blockcontent [class*='box-style2'] { 1718 margin: 5px 0; 1719} 1720 1721.add_fav_head { 1722 font-weight: 900; 1723 margin: 5px 0; 1724} 1725 1726.add_fav_head i { 1727 margin: 0 5px 1px; 1728} 1729 1730.add_fav_ref label { 1731 display: inline-block; 1732 min-width: 100px; 1733} 1734 1735.add_fav_ref input { 1736 margin: 0 5px; 1737} 1738 1739/* === Who is online block === */ 1740.logged_in_list { 1741 margin: 5px 0 0; 1742 padding: 0; 1743 line-height: 20px; 1744} 1745 1746/* ==== Theme select block === */ 1747.theme_form ul { 1748 margin: -10px auto; 1749} 1750 1751.theme_form li { 1752 visibility: hidden; 1753} 1754 1755.theme_form li ul li { 1756 display: inline-block; 1757 padding: 10px; 1758 visibility: visible; 1759} 1760 1761/* ==== FAQ table styles ===== */ 1762table.faq { 1763 background-color: #e0e0e0; 1764 margin: 5px 0 50px 5px; 1765 width: 98%; 1766} 1767 1768table.faq tr:nth-child(odd) td { 1769 background-color: #e7eef3; 1770} 1771 1772div.faq_title { 1773 background-color: #e0e0e0; 1774 margin: 1em 0; 1775 padding: .25em; 1776 font-weight: bold; 1777 width: 98%; 1778} 1779 1780div.faq_body { 1781 clear: both; 1782 padding: 0 1em; 1783} 1784 1785.faq_top { 1786 float: right; 1787} 1788 1789/* === Positioning edit, copy, delete links === */ 1790/* General use */ 1791.editfacts { 1792 clear: left; 1793 padding-top: 15px; 1794} 1795 1796/* ======== Indi header ====== */ 1797#indi_header { 1798 overflow: hidden; 1799 margin: 0 0 5px; 1800} 1801 1802#indi_header h3 { 1803 color: #555; 1804 font-size: 90%; 1805 font-weight: bold; 1806 margin: 0; 1807 padding: 0 10px 0 30px; 1808 text-align: left; 1809 overflow: hidden; 1810 position: relative; 1811} 1812 1813#indi_header .name_one { 1814 font-size: 1.5em; 1815} 1816 1817#indi_header h3 .details1 { 1818 font-size: 1.0em; 1819} 1820 1821#indi_header h3.person_box, 1822#indi_header h3.person_boxF, 1823#indi_header h3.person_boxNN { 1824 border: 1px solid #999; 1825} 1826 1827#indi_header h3 .header_age { 1828 padding: 5px 0 5px 5px; 1829 float: right; 1830 font-weight: normal; 1831 font-size: 65%; 1832} 1833 1834#indi_header h3 a { 1835 display: inline; 1836} 1837 1838#indi_header a { 1839 color: #337; 1840 font-size: 0.75em; 1841 font-weight: normal; 1842} 1843 1844#indi_header a:hover { 1845 color: #f00; 1846} 1847 1848#indi_mainimage { 1849 float: left; 1850 padding: 0 2px; 1851} 1852 1853#header_accordion1 { 1854 padding: 0; 1855 overflow: hidden; 1856} 1857 1858#header_accordion1 .indi_name_details { 1859 margin: 0; 1860 overflow: hidden; 1861 padding: 5px; 1862} 1863 1864.indi_name_details .name1 { 1865 font-weight: normal; 1866 padding-top: 5px; 1867 font-size: inherit; 1868} 1869 1870#indi_header a.warning { 1871 color: #f00; 1872 font-size: 1em; 1873} 1874 1875#indi_note { 1876 margin: 0 0 5px; 1877} 1878 1879.indi_table { 1880 clear: left; 1881} 1882 1883#sex { 1884 float: right; 1885} 1886 1887#dates { 1888 float: right; 1889} 1890 1891#individual-names .wt-icon-edit, 1892#individual-names .wt-icon-delete { 1893 float: right; 1894} 1895 1896#indi_note .fact_NOTE { 1897 float: left; 1898 margin: 0 5px 0 0; 1899} 1900 1901#indi_note .fact_SOUR { 1902 margin: 3px 0; 1903} 1904 1905#indi_note .fact_SOUR a { 1906 font-size: 100%; 1907} 1908 1909#indi_note .fact_NOTE, 1910#indi_note .fact_SOUR { 1911 clear: both; 1912} 1913 1914/* ===== markdown formatting ===== */ 1915 1916.markdown { 1917 /* Tables and pre-formatted text can break the layout. */ 1918 overflow-x: auto; 1919} 1920 1921.markdown p { 1922 margin: 0 0 0.5em; 1923 white-space: pre-wrap; 1924} 1925 1926.markdown table { 1927 border-collapse: collapse; 1928 margin-bottom: 5px; 1929} 1930 1931.markdown th { 1932 font-weight: bold; 1933} 1934 1935.markdown td, 1936.markdown th { 1937 border: solid thin #000; 1938 padding: 3px; 1939} 1940 1941.odometer { 1942 font-family: courier, monospace; 1943 font-weight: bold; 1944 background: #000; 1945 color: #fff; 1946} 1947 1948/* ======== Indi tabs ======== */ 1949/* Facts & Events tab */ 1950#personal_facts_content .fact_NOTE, 1951#personal_facts_content .fact_SOUR, 1952#family-table .fact_NOTE, 1953#family-table .fact_SOUR { 1954 margin: 5px 3px 5px 0; 1955 clear: both; 1956} 1957 1958.media-display-image { 1959 float: left; 1960} 1961 1962.media-display-title { 1963 float: left; 1964 font-style: italic; 1965 margin: 10px; 1966} 1967 1968/* === jQuery.datatable styling general over-rides === */ 1969.odd { 1970 background-color: lightgray; 1971} 1972 1973.even { 1974 background-color: #fafafa; 1975} 1976 1977.css_right { 1978 float: left; 1979} 1980 1981.fg-button { 1982 padding: 2px 6px; 1983} 1984 1985.dataTables_paginate { 1986 float: left; 1987 margin-bottom: 3px; 1988} 1989 1990.dataTables_processing { 1991 float: left; 1992} 1993 1994.dataTables_filter { 1995 float: right; 1996 font-weight: normal; 1997} 1998 1999.dataTables_info { 2000 float: left; 2001 font-weight: normal; 2002 padding: 4px; 2003} 2004 2005.dataTables_length { 2006 float: right; 2007 font-weight: normal; 2008} 2009 2010.dataTables_length select, 2011.dataTables_filter input { 2012 font-size: 11px; 2013 padding: 1px; 2014} 2015 2016.dt-clear { 2017 clear: both; 2018} 2019 2020#loading { 2021 text-align: center; 2022} 2023 2024.DataTables_sort_wrapper { 2025 position: relative; 2026 margin: 0 20px; 2027 white-space: normal; 2028} 2029 2030.DataTables_sort_wrapper span { 2031 left: 0; 2032 margin-left: -20px; 2033 margin-top: -8px; 2034 position: absolute; 2035 top: 50%; 2036} 2037 2038.dataTables_wrapper { 2039 margin-bottom: 10px; 2040} 2041 2042/* ======= Sidebar setup ===== */ 2043#main { 2044 min-width: 600px; 2045 width: 100%; 2046 display: table; 2047 table-layout: fixed; 2048} 2049 2050#indi_left { 2051 display: table-cell; 2052} 2053 2054#tabs { 2055 background-color: #fff; 2056 width: 100%; 2057 overflow: visible; 2058 padding-top: 0.2em; 2059} 2060 2061/* sidebar */ 2062#sidebar { 2063 width: 20%; 2064 display: table-cell; 2065 vertical-align: top; 2066} 2067 2068/* Sidebar - Family navigator */ 2069.wt-family-navigator-dropdown-heading { 2070 font-weight: bold; 2071 font-size: inherit; 2072 color: inherit; 2073} 2074 2075/* Sidebar - Descendants */ 2076#sb_content_descendancy { 2077 margin-top: 2px; 2078} 2079 2080#sb_desc_content { 2081 margin-left: 3px; 2082 font-size: 0.8em; 2083} 2084 2085#sb_desc_content ul { 2086 padding: 0; 2087 margin: 0; 2088} 2089 2090.sb_desc_indi_li { 2091 list-style-type: none; 2092} 2093 2094.desc_tree_div { 2095 display: none; 2096} 2097 2098.desc_tree_div ul { 2099 padding: 0; 2100 margin-left: 10px; 2101 margin-top: 0; 2102 margin-right: 0; 2103} 2104 2105/* Individuals and Families */ 2106#sidebar-content-individuals, 2107#sidebar-content-families { 2108 margin-top: 2px; 2109} 2110 2111.sb_indi_surname_li, 2112.sb_fam_surname_li { 2113 list-style-image: url(colors/images/plus.png); 2114} 2115 2116.name_tree_div ul { 2117 padding: 0; 2118 margin: 0; 2119} 2120 2121.name_tree_div li { 2122 list-style: none; 2123 margin: 0; 2124 padding: 0; 2125} 2126 2127/* Clippings */ 2128#sb_clippings_content ul { 2129 padding: 0; 2130 margin: 0; 2131} 2132 2133#sb_clippings_content li { 2134 list-style: none; 2135 margin: 0; 2136 padding: 0; 2137 white-space: nowrap; 2138} 2139 2140/* Extra info */ 2141#sb_content_extra_info { 2142 font-size: 80%; 2143 font-weight: bold; 2144 margin-top: 1px; 2145 overflow: hidden; 2146 padding: 5px; 2147} 2148 2149#sb_content_extra_info .editfacts { 2150 float: right; 2151 margin-top: -30px; 2152} 2153 2154#sb_content_extra_info a { 2155 display: block; 2156} 2157 2158#sb_content_extra_info span { 2159 font-weight: normal; 2160} 2161 2162#sb_content_extra_info span a { 2163 display: inline; 2164} 2165 2166#sb_content_extra_info #hitcounter { 2167 border-top: 1px solid #b2c7d7; 2168 font-weight: bold; 2169 padding-top: 5px; 2170} 2171 2172/* http://www.jacklmoore.com/colorbox */ 2173#colorbox, 2174#cboxOverlay, 2175#cboxWrapper { 2176 position: absolute; 2177 top: 0; 2178 left: 0; 2179 z-index: 9999; 2180 overflow: hidden; 2181} 2182 2183#cboxWrapper { 2184 max-width: none; 2185} 2186 2187#cboxOverlay { 2188 position: fixed; 2189 width: 100%; 2190 height: 100%; 2191 background: #fff; 2192} 2193 2194#cboxContent { 2195 background: #fff; 2196 overflow: hidden; 2197 position: relative; 2198 padding: 0.5rem; 2199 border: 0.25rem solid #ccc; 2200} 2201 2202#cboxLoadingOverlay, 2203#cboxLoadingGraphic { 2204 position: absolute; 2205 top: 0; 2206 left: 0; 2207 width: 100%; 2208 height: 100%; 2209} 2210 2211.cboxPhoto { 2212 float: left; 2213 margin: auto; 2214 border: 0; 2215 display: block; 2216 max-width: none; 2217} 2218 2219#colorbox, 2220#cboxContent, 2221#cboxLoadedContent { 2222 box-sizing: content-box; 2223} 2224 2225#cboxError { 2226 padding: 50px; 2227 border: 1px solid #ccc; 2228} 2229 2230#cboxLoadedContent { 2231 margin-bottom: 28px; 2232} 2233 2234#cboxTitle { 2235 background: #fff; 2236 position: absolute; 2237 bottom: 0.25rem; 2238 left: 0; 2239 margin: 0 3rem; 2240 text-align: center; 2241} 2242 2243#cboxLoadingGraphic { 2244 background: url(images/loading-32x32.gif) no-repeat center center; 2245} 2246 2247#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { 2248 background: none; 2249 border: 0; 2250 cursor: pointer; 2251 font-family: "Font Awesome\ 5 Free", sans-serif; 2252 font-weight: 900; 2253 overflow: visible; 2254 padding: 0; 2255 position: absolute; 2256} 2257 2258#cboxSlideshow { 2259 bottom: 0.25rem; 2260 right: 0.25rem; 2261} 2262 2263#cboxPrevious { 2264 bottom: 0.25rem; 2265 left: 0.25rem; 2266} 2267 2268#cboxNext { 2269 bottom: 0.25rem; 2270 left: 1.5rem; 2271} 2272 2273#cboxClose { 2274 top: 0.25rem; 2275 right: 0.25rem; 2276} 2277 2278/* Stories module */ 2279.story_title { 2280 padding-top: 12px; 2281 font-size: 13px; 2282 height: 32px; 2283 font-weight: bold; 2284} 2285 2286.story_body { 2287 padding: 20px; 2288 white-space: normal; 2289} 2290 2291.story_edit { 2292 padding: 12px; 2293} 2294 2295/* ====== Charts Styles ======== */ 2296#people label { 2297 display:block; 2298} 2299 2300/* Ancestry chart */ 2301.wt-ancestors-chart-list { 2302 background: transparent url(images/vline.png) left top repeat-y; 2303 margin: 0 0 0 15px; 2304 padding: 0; 2305 display: block; 2306} 2307 2308.wt-ancestors-chart-list-item { 2309 margin: 5px 0; 2310} 2311 2312.chart_common li { 2313 list-style: outside none none; 2314} 2315 2316.generations { 2317 background: transparent url(images/vline.png) repeat-y scroll left top; 2318 display: block; 2319 margin: 0 0 0 15px; 2320 padding: 0; 2321} 2322 2323.chart_common table { 2324 padding: 0; 2325 border-spacing: 0; 2326 border-collapse: collapse; 2327 margin: 5px 0; 2328} 2329 2330.chart_common td { 2331 border: 0; 2332 padding: 0; 2333} 2334 2335.chart_common span.details1 div[class^=fact_] { 2336 display: inline-block; 2337} 2338 2339.chart_common span.details1 .date { 2340 color: inherit; 2341} 2342 2343/*-- Family book --*/ 2344#familybook_chart { 2345 margin-left: 10px; 2346} 2347 2348#familybook_chart table { 2349 border-collapse: collapse; 2350 empty-cells: show; 2351} 2352 2353#familybook_chart td { 2354 margin: 0; 2355 padding: 0; 2356} 2357 2358#familybook_chart h2 { 2359 text-align: center; 2360} 2361 2362#familybook_chart .line3, 2363#familybook_chart .pvline, 2364#familybook_chart .spacer { 2365 width: 3px; 2366} 2367 2368#familybook_chart .line4 { 2369 width: 7px; 2370 vertical-align: middle; 2371} 2372 2373[ID^="vline"] { 2374 width: 3px; 2375} 2376 2377#familybook_chart h3 { 2378 color: #333; 2379 font-size: 16px; 2380 text-align: center; 2381} 2382 2383/*-- Fan chart ---- */ 2384.fan_chart_menu { 2385 position: absolute; 2386 display: none; 2387 z-index: 100; 2388} 2389 2390#fan_chart ul { 2391 list-style-type: none; 2392 margin: 0; 2393} 2394 2395/* Lifespans chart */ 2396.wt-lifespans-subtitle { 2397 text-align: center; 2398} 2399 2400.wt-lifespans-scale { 2401 white-space: nowrap; 2402} 2403 2404.wt-lifespans-decade { 2405 width: 70px; 2406 height: 60px; 2407 display: inline-block; 2408 background-image: url(images/lifespan-decade.png); 2409 background-position-y: bottom; 2410 background-repeat: no-repeat; 2411 background-size: 70px 37px; 2412} 2413 2414.wt-lifespans-individuals { 2415 background: #fafafa; 2416} 2417 2418.wt-lifespans-individual { 2419 2420} 2421 2422.wt-lifespans-summary { 2423 background: #ffffff; 2424 border: thin solid #000; 2425 z-index: 1; 2426} 2427 2428.wt-lifespans-summary-link { 2429 font-weight: bold; 2430} 2431 2432/*-- Pedigree ---- */ 2433#pedigree_chart { 2434 position: relative; 2435 margin: 20px auto; 2436} 2437 2438#pedigree_canvas { 2439 color: #81a9cb; 2440 z-index: -1000; 2441} 2442 2443#pedigree-page .shadow { 2444 position: absolute; 2445 white-space: nowrap; 2446} 2447 2448#pedigree-page .layout0 .shadow > div, 2449#pedigree-page .layout1 .shadow > div { 2450 display: inline-block; 2451 vertical-align: middle; 2452} 2453 2454#pedigree-page .spacer { 2455 background-image: url(images/spacer.png); 2456 height: 20px; 2457 width: 1px; 2458} 2459 2460#childarrow, 2461.ancestorarrow { 2462 text-align: center; 2463} 2464 2465#pedigree-page #childarrow { 2466 position: relative; 2467} 2468 2469#pedigree-page #childbox { 2470 border: 1px solid; 2471 background-color: #fff; 2472} 2473 2474#pedigree-page table.list_table { 2475 margin: 0 auto; 2476 width: 500px; 2477} 2478 2479.pedigree_chart_table { 2480 border: 0; 2481 border-collapse: collapse; 2482 padding: 0; 2483 width: 100%; 2484} 2485 2486/*-- timeline --*/ 2487#timeline_chart { 2488 position: relative; 2489 top: 0; 2490 left: 0; 2491} 2492 2493#field_table { 2494 width: 30%; 2495 min-width: 500px; 2496 border: 1px solid #ddd; 2497} 2498 2499[class^="icon-"], 2500[class*=" icon-"] { 2501 display: inline-block; 2502 vertical-align: middle; 2503 background-repeat: no-repeat; 2504} 2505 2506.icon-add { 2507 width: 14px; 2508 height: 15px; 2509 background-image: url(images/add.png); 2510} 2511 2512.icon-cfamily { 2513 width: 32px; 2514 height: 32px; 2515 background-image: url(colors/images/cfamily.png); 2516} 2517 2518.icon-childless { 2519 width: 25px; 2520 height: 25px; 2521 background-image: url(colors/images/childless.png); 2522} 2523 2524.icon-children { 2525 width: 16px; 2526 height: 16px; 2527 background-image: url(colors/images/children.png); 2528} 2529 2530.icon-clippings { 2531 width: 32px; 2532 height: 32px; 2533 background-image: url(colors/images/clippings.png); 2534} 2535 2536.icon-edit_indi { 2537 width: 22px; 2538 height: 22px; 2539 background-image: url(colors/images/edit_indi.png); 2540} 2541 2542.icon-fam-list { 2543 width: 32px; 2544 height: 32px; 2545 background-image: url(colors/images/sfamily.png); 2546} 2547 2548.icon-indi-list { 2549 width: 32px; 2550 height: 32px; 2551 background-image: url(colors/images/indis.png); 2552} 2553 2554.icon-loading-small { 2555 width: 16px; 2556 height: 16px; 2557 background-image: url(colors/images/indicator.gif); 2558} 2559 2560.icon-media { 2561 width: 32px; 2562 height: 32px; 2563 background-image: url(colors/images/media.png); 2564} 2565 2566.icon-media-list { 2567 width: 32px; 2568 height: 32px; 2569 background-image: url(colors/images/media.png); 2570} 2571 2572.icon-media-next { 2573 width: 20px; 2574 height: 20px; 2575 background-image: url(colors/images/rdarrow.png); 2576} 2577 2578.icon-media-play { 2579 width: 20px; 2580 height: 20px; 2581 background-image: url(colors/images/rarrow.png); 2582} 2583 2584.icon-media-stop { 2585 width: 20px; 2586 height: 20px; 2587 background-image: url(colors/images/stop.png); 2588} 2589 2590.icon-minus { 2591 width: 11px; 2592 height: 11px; 2593 background-image: url(colors/images/minus.png); 2594} 2595 2596.icon-mypage { 2597 width: 22px; 2598 height: 25px; 2599 background-image: url(colors/images/mypage.png); 2600} 2601 2602.icon-note { 2603 width: 33px; 2604 height: 35px; 2605 background-image: url(colors/icons/note.png); 2606} 2607 2608.icon-plus { 2609 width: 11px; 2610 height: 11px; 2611 background-image: url(colors/images/plus.png); 2612} 2613 2614.icon-remove { 2615 width: 16px; 2616 height: 16px; 2617 background-image: url(colors/images/delete.png); 2618} 2619 2620.icon-resn-confidential { 2621 width: 16px; 2622 height: 16px; 2623 background-image: url(colors/images/resn_confidential.png); 2624} 2625 2626.icon-resn-locked { 2627 width: 16px; 2628 height: 16px; 2629 background-image: url(colors/images/resn_locked.png); 2630} 2631 2632.icon-resn-none { 2633 width: 16px; 2634 height: 16px; 2635 background-image: url(colors/images/resn_none.png); 2636} 2637 2638.icon-resn-privacy { 2639 width: 16px; 2640 height: 16px; 2641 background-image: url(colors/images/resn_privacy.png); 2642} 2643 2644.icon-rings { 2645 width: 9px; 2646 height: 9px; 2647 background-image: url(colors/images/rings.png); 2648} 2649 2650.icon-selected { 2651 width: 12px; 2652 height: 12px; 2653 background-image: url(colors/images/selected.png); 2654} 2655 2656 2657.icon-source { 2658 width: 32px; 2659 height: 32px; 2660 background-image: url(colors/images/source.png); 2661} 2662 2663/* Silhouettes on charts */ 2664.icon-silhouette-F { 2665 width: 37px; 2666 height: 45px; 2667 background-image: url(colors/images/silhouette_female_small.png); 2668} 2669 2670.icon-silhouette-M { 2671 width: 37px; 2672 height: 45px; 2673 background-image: url(colors/images/silhouette_male_small.png); 2674} 2675 2676.icon-silhouette-U { 2677 width: 37px; 2678 height: 45px; 2679 background-image: url(colors/images/silhouette_unknown_small.png); 2680} 2681 2682/* 2683 * Any element that is loaded dynamically has the class wt-ajax-load. 2684 * We can provide a "loading" placeholder for empty elements with this class. 2685 */ 2686.wt-ajax-load:empty { 2687} 2688 2689/* Default icons are provided by FontAwesome. */ 2690.wt-icon-anniversary { 2691} 2692 2693.wt-icon-reorder { 2694} 2695 2696.wt-icon-sex-f { 2697} 2698 2699.wt-icon-sex-m { 2700} 2701 2702.wt-icon-sex-u { 2703} 2704 2705.wt-icon-sex-x { 2706} 2707 2708.wt-icon-warning { 2709} 2710 2711.wt-icon-zoom-in { 2712 content: url(colors/images/zoomin.png); 2713} 2714 2715.wt-icon-zoom-out { 2716 content: url(colors/images/zoomout.png); 2717} 2718 2719/* 2720 * .wt-icon-arrow-down 2721 * .wt-icon-arrow-end (right on LTR, left on RTL) 2722 * .wt-icon-arrow-start (left on LTR, right on RTL) 2723 * .wt-icon-arrow-up 2724 * .wt-icon-bing-maps 2725 * .wt-icon-calendar 2726 * .wt-icon-copy 2727 * .wt-icon-delete 2728 * .wt-icon-edit 2729 * .wt-icon-email 2730 * .wt-icon-family 2731 * .wt-icon-help 2732 * .wt-icon-individual 2733 * .wt-icon-google-maps 2734 * .wt-icon-keyboard 2735 * .wt-icon-media 2736 * .wt-icon-note 2737 * .wt-icon-openstreetmap 2738 * .wt-icon-preferences 2739 * .wt-icon-repository 2740 * .wt-icon-source 2741 * .wt-icon-submitter 2742 */ 2743.wt-icon-arrow-down::before { 2744 width: 20px; 2745 height: 20px; 2746 content: url(colors/icons/arrow-down.png); 2747} 2748 2749a > .wt-icon-arrow-down:hover::before { 2750 width: 20px; 2751 height: 20px; 2752 content: url(colors/icons/arrow-down-hover.png); 2753} 2754 2755.wt-icon-arrow-end::before { 2756 width: 20px; 2757 height: 20px; 2758 content: url(colors/icons/arrow-right.png); 2759} 2760 2761a > .wt-icon-arrow-end:hover::before { 2762 width: 20px; 2763 height: 20px; 2764 content: url(colors/icons/arrow-right-hover.png); 2765} 2766 2767.wt-icon-arrow-start::before { 2768 width: 20px; 2769 height: 20px; 2770 content: url(colors/icons/arrow-left.png); 2771} 2772 2773a > .wt-icon-arrow-start:hover::before { 2774 width: 20px; 2775 height: 20px; 2776 content: url(colors/icons/arrow-left-hover.png); 2777} 2778 2779.wt-icon-arrow-up::before { 2780 width: 20px; 2781 height: 20px; 2782 content: url(colors/icons/arrow-up.png); 2783} 2784 2785a > .wt-icon-arrow-up:hover::before { 2786 width: 20px; 2787 height: 20px; 2788 content: url(colors/icons/arrow-up-hover.png); 2789} 2790 2791.wt-icon-bing-maps::before { 2792 width: 16px; 2793 height: 16px; 2794 content: url(colors/icons/bing-maps.png); 2795} 2796 2797.wt-icon-calendar::before { 2798 width: 19px; 2799 height: 15px; 2800 content: url(colors/icons/calendar.png) 2801} 2802 2803.wt-icon-coordinates::before { 2804 width: 16px; 2805 height: 16px; 2806 content: url(colors/icons/coordinates.png) 2807} 2808 2809.wt-icon-copy::before { 2810 width: 16px; 2811 height: 16px; 2812 content: url(colors/icons/copy.png) 2813} 2814 2815.wt-icon-delete::before { 2816 width: 16px; 2817 height: 16px; 2818 content: url(colors/icons/delete.png); 2819} 2820 2821.wt-icon-edit::before { 2822 width: 16px; 2823 height: 16px; 2824 content: url(colors/icons/edit.png); 2825} 2826 2827.wt-icon-family::before { 2828 width: 14px; 2829 height: 15px; 2830 content: url(colors/icons/family.png); 2831} 2832 2833.wt-icon-help::before { 2834 width: 16px; 2835 height: 16px; 2836 content: url(colors/icons/help.png); 2837} 2838 2839.wt-icon-google-maps::before { 2840 width: 16px; 2841 height: 16px; 2842 content: url(colors/icons/google-maps.png); 2843} 2844 2845.wt-icon-individual::before { 2846 width: 11px; 2847 height: 15px; 2848 content: url(colors/icons/individual.png); 2849} 2850 2851.wt-icon-keyboard::before { 2852 width: 30px; 2853 height: 15px; 2854 content: url(colors/icons/keyboard.png); 2855} 2856 2857.wt-icon-media::before { 2858 width: 18px; 2859 height: 16px; 2860 content: url(colors/icons/media.png); 2861} 2862 2863.wt-icon-note::before { 2864 width: 20px; 2865 height: 20px; 2866 content: url(colors/icons/note.png); 2867} 2868 2869.wt-icon-openstreetmap::before { 2870 width: 16px; 2871 height: 16px; 2872 content: url(colors/icons/openstreetmap.png); 2873} 2874 2875.wt-icon-preferences::before { 2876 width: 25px; 2877 height: 25px; 2878 content: url(colors/icons/preferences.png); 2879} 2880 2881.wt-icon-repository::before { 2882 width: 15px; 2883 height: 15px; 2884 content: url(colors/icons/repository.png); 2885} 2886 2887.wt-icon-source::before { 2888 width: 18px; 2889 height: 16px; 2890 content: url(colors/icons/source.png); 2891} 2892 2893.wt-icon-submitter::before { 2894 width: 11px; 2895 height: 15px; 2896 content: url(colors/icons/individual.png); 2897} 2898 2899i[class*="wt-icon-media"] { 2900 opacity: 0.5; 2901} 2902 2903.icon-indis { 2904 width: 25px; 2905 height: 25px; 2906 background-image: url(colors/images/mypage.png); 2907} 2908 2909.icon-patriarch { 2910 width: 20px; 2911 height: 20px; 2912 background-image: url(colors/images/patriarch.png); 2913} 2914 2915.icon-pedigree { 2916 width: 25px; 2917 height: 25px; 2918 background-image: url(colors/images/pedigree.png); 2919} 2920 2921.icon-place { 2922 width: 20px; 2923 height: 20px; 2924 background-image: url(colors/images/place.png); 2925} 2926 2927.icon-repo-list { 2928 width: 20px; 2929 height: 20px; 2930 background-image: url(colors/images/repository.png); 2931} 2932 2933.icon-repository { 2934 width: 20px; 2935 height: 20px; 2936 background-image: url(colors/images/repository.png); 2937} 2938 2939.icon-search { 2940 width: 17px; 2941 height: 17px; 2942 background-image: url(colors/images/search.png); 2943} 2944 2945.icon-sfamily { 2946 width: 22px; 2947 height: 22px; 2948 background-image: url(colors/images/sfamily.png); 2949} 2950 2951.icon-source-list { 2952 width: 20px; 2953 height: 20px; 2954 background-image: url(colors/images/source.png); 2955} 2956 2957.icon-user_add { 2958 width: 25px; 2959 height: 25px; 2960 background-image: url(colors/images/user_add.png); 2961} 2962 2963/* 2964 * Icons for file types 2965 * 2966 * Icons made by Zlatko Najdenovski 2967 * https://www.flaticon.com/packs/file-formats-3" 2968 * Creative Commons BY 3.0 2969 */ 2970.wt-mime { 2971} 2972 2973.wt-mime-application-pdf { 2974} 2975 2976.wt-mime-audio { 2977} 2978 2979.wt-mime-text { 2980} 2981 2982.wt-mime-text-html { 2983} 2984 2985.wt-mime-video { 2986} 2987 2988/* 2989 * On-screen keyboard, for entering characters that are not on the keyboard 2990 */ 2991.wt-osk { 2992} 2993.wt-osk-keys { 2994} 2995.wt-osk-group { 2996} 2997.wt-osk-key { 2998} 2999.wt-osk-key-shift { 3000} 3001.wt-osk-keys.shifted .wt-osk-key { 3002} 3003.wt-osk-keys.shifted .wt-osk-key-shift { 3004} 3005 3006/* Census assistant */ 3007.wt-census-assistant-form-control:focus { 3008} 3009 3010/* 3011 * Drag and drop sortable lists 3012 */ 3013.wt-sortable-list { 3014} 3015 3016.wt-sortable-item { 3017} 3018 3019/* Some blocks show a reduced version on the right-hand side. */ 3020.wt-side-blocks .wt-side-block-optional { 3021 display: none !important; 3022} 3023 3024/* my page chart enhancements */ 3025.wt-block-content-charts { 3026 flex-flow: column-reverse; 3027 overflow: auto; 3028} 3029 3030.wt-block-content-todays-events-block { 3031 padding: .25rem; 3032} 3033 3034/* Some charts are wider than the page. */ 3035.wt-chart { 3036 overflow-x: auto; 3037 overflow-y: hidden; 3038} 3039 3040/* Fit thumbnail into parent on charts */ 3041.select2-selection.select2-selection--single { 3042 min-height: 36px; 3043 height: auto; 3044 padding: 2px 0; 3045} 3046 3047.select2-container .select2-selection--single .select2-selection__rendered { 3048 padding-left: 2px; 3049} 3050.select2-selection--single .NAME { 3051 padding-left: 4px; 3052} 3053 3054/* 3055 * These selectors control how the short horizontal lines are positioned in the Charts 3056 * Optimized for Win10 and FF, Chrome and Edge browsers 3057 * Ancestors 3058 * Descendants 3059 * amily book 3060 * Hourglass chart 3061 * 3062 */ 3063 3064/* Ascentors */ 3065.wt-ancestors-chart .linea1 {margin-bottom: 4px;} 3066.wt-ancestors-chart .linea2 {margin-bottom: 7px;} 3067.wt-ancestors-chart .linea3 {margin-bottom: 4px;} 3068.wt-ancestors-chart .linea4 {margin-bottom: 7px;} 3069.wt-ancestors-chart .linea5 {vertical-align: top;} 3070 3071/* Descendants */ 3072.wt-descendants-chart .lined1 {margin-bottom: 4px;} 3073.wt-descendants-chart .lined2 {margin-bottom: 7px;} 3074.wt-descendants-chart .lined3 {margin-bottom: 4px;} 3075.wt-descendants-chart .lined4 {margin-bottom: 7px;} 3076.wt-descendants-chart .linea5 {vertical-align: top;} 3077 3078/* Family book */ 3079.linef1 {margin-bottom: 3px;} 3080.linef2 {margin-bottom: 3px;} 3081.linef3 {margin-bottom: 7px;} 3082 3083/* Hourglass */ 3084.lineh1 {margin-bottom: 4px;} 3085.lineh2 {margin-bottom: 4px;} 3086.lineh3 {margin-bottom: 7px;} 3087 3088/* 3089 * Ancestors chart 3090 * 3091 * wt-chart, wt-ancestors-chart 3092 * +---wt-ancestors-chart-list 3093 * +---wt-ancestors-chart-list-item 3094 */ 3095.wt-ancestors-chart-list { 3096} 3097 3098.wt-ancestors-chart .family-break { 3099 page-break-before: always; 3100} 3101 3102/* 3103 * Compact chart 3104 * 3105 * wt-chart, wt-compact-chart 3106 */ 3107 3108.wt-ancestors-chart-list-item { 3109 list-style: none outside none; 3110} 3111 3112.wt-ancestors-chart .person_box_template { 3113 line-height: 1.0; 3114} 3115 3116/* 3117 * Descendants chart 3118 * 3119 * wt-chart, wt-descendants-chart 3120 * +---wt-descendants-chart-list 3121 * +---wt-descendants-chart-list-item 3122 */ 3123.wt-descendants-chart-list { 3124} 3125 3126.wt-descendants-chart-list-item { 3127 list-style: none outside none; 3128} 3129 3130#descendancy_chart .person_box_template, .wt-descendants-chart .person_box_template { 3131 line-height: 1.0; 3132} 3133 3134.wt-descendants-chart .family-break { 3135 page-break-before: always; 3136} 3137 3138/* 3139 * Family book chart 3140 * 3141 * wt-chart, wt-family-book-chart 3142 */ 3143.wt-family-book-chart .person_box_template { 3144 line-height: 1.0; 3145} 3146 3147.wt-family-book-chart hr { 3148 page-break-after: always; 3149} 3150/* 3151 * Hourglass chart 3152 * 3153 * wt-chart, wt-hourglass-chart 3154 */ 3155.hourglassChart .person_box_template { 3156 line-height: 1.0; 3157} 3158 3159/* 3160 * Pedigree chart 3161 * 3162 * wt-chart, wt-pedigree-chart 3163 */ 3164 3165#pedigree_chart { 3166 position: relative; 3167 margin: 20px auto; 3168} 3169 3170#pedigree_canvas { 3171 z-index: -1000; 3172} 3173 3174.wt-pedigree-chart .person_box_template { 3175 line-height: 1.0; 3176} 3177 3178#childbox-pedigree { 3179 border: 1px solid; 3180 background-color: #fff; 3181} 3182 3183#pedigree-page #childbox-pedigree { 3184 border: 1px solid; 3185 background-color: #fff; 3186} 3187 3188#childbox-pedigree { 3189 padding: 5px; 3190 position: absolute; 3191 display: none; 3192 text-align: start; 3193 white-space: nowrap; 3194 left: auto; 3195 z-index: 9999; 3196} 3197 3198.wt-pedigree-chart, .wt-hourglass-chart { 3199 overflow-y: auto; 3200} 3201 3202.wt-pedigree-chart .spacer { 3203 background-image: url(images/spacer.png); 3204 height: 20px; 3205 width: 1px; 3206} 3207 3208#pedigree-page .shadow { 3209 box-shadow: 0 0 0!important; /* override vendor css shadow */ 3210} 3211 3212#childarrow, 3213.ancestorarrow { 3214 text-align: center; 3215 display: inline-block; 3216 vertical-align: middle; 3217} 3218 3219.layout3 #childbox-pedigree { 3220 top: auto; 3221} 3222 3223#childbox-pedigree a.name1 { 3224 display: block; 3225 margin-left: 5px; 3226} 3227 3228/* 3229 * Relationships chart 3230 * 3231 * wt-chart, wt-relationships-chart 3232 */ 3233.wt-relationship-chart .person_box_template { 3234 line-height: 1.0; 3235} 3236.vline-text, .hline-text { font-size: 0.7rem; 3237} 3238 3239/* 3240 * Place hierarchy 3241 * 3242 * wt-place-hierarchy-page 3243 */ 3244 3245#place-hierarchy ul { 3246 list-style-type: none; 3247} 3248 3249.d-table-cell { 3250 padding-right: 5px; 3251} 3252 3253/* 3254 * Search 3255 * 3256 * wt-search-page, wt-general-serach-page/wt-phonetic-search-page/wt-advanced-search-page/wt-search-replace-page 3257 */ 3258 3259/* Some menus (e.g. languages) can be longer than a page */ 3260.dropdown-menu { 3261 max-height: 30rem; 3262 overflow-x: hidden; 3263} 3264 3265/* Clipping cart */ 3266.clipping-cart h2 { 3267 margin: 20px; 3268 text-align: center; 3269} 3270.clipping-cart .wt-page-options { 3271 max-width: 25rem; 3272} 3273 3274.clipping-cart .topbottombar, .clipping-cart .optionbox, .add-to .topbottombar { 3275 font-size: 1rem; 3276} 3277 3278.clipping-cart .add-to { 3279 text-align: left; 3280} 3281 3282/* Forms */ 3283.col-form-label { 3284 font-weight: bold; 3285} 3286 3287/* Popups */ 3288.popup .nav-link { 3289 display: inline; 3290 vertical-align: top; 3291 padding: 5px; 3292} 3293 3294
