1e837ff07SGreg Roach/** 2e837ff07SGreg Roach * webtrees: online genealogy 3d11be702SGreg Roach * Copyright (C) 2023 webtrees development team 4e837ff07SGreg Roach * This program is free software: you can redistribute it and/or modify 5e837ff07SGreg Roach * it under the terms of the GNU General Public License as published by 6e837ff07SGreg Roach * the Free Software Foundation, either version 3 of the License, or 7e837ff07SGreg Roach * (at your option) any later version. 8e837ff07SGreg Roach * This program is distributed in the hope that it will be useful, 9e837ff07SGreg Roach * but WITHOUT ANY WARRANTY; without even the implied warranty of 10e837ff07SGreg Roach * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 11e837ff07SGreg Roach * GNU General Public License for more details. 12e837ff07SGreg Roach * You should have received a copy of the GNU General Public License 13e837ff07SGreg Roach * along with this program. If not, see <http://www.gnu.org/licenses/>. 14e837ff07SGreg Roach */ 15e837ff07SGreg Roach 1697c22350SGreg Roach/* The colors theme is based on the clouds theme */ 17b9a12084SGreg Roach@import "clouds.css"; 1897c22350SGreg Roach 197a821518SGreg Roach:root { 207a821518SGreg Roach --link-color: #333; 217a821518SGreg Roach} 227a821518SGreg Roach 23e837ff07SGreg Roach/* Override Bootstrap formatting */ 24e837ff07SGreg Roach 25e837ff07SGreg Roach.card-header h4 { 26e837ff07SGreg Roach font-size: 1.2rem; 27e837ff07SGreg Roach} 28e837ff07SGreg Roach 29e837ff07SGreg Roach.btn.focus, .btn:focus { 30e837ff07SGreg Roach box-shadow: none; 31e837ff07SGreg Roach} 32e837ff07SGreg Roach 33e837ff07SGreg Roach.btn-link:hover, .btn-link:focus { 34e837ff07SGreg Roach color: #f00; 35e837ff07SGreg Roach text-decoration: none; 36e837ff07SGreg Roach} 37e837ff07SGreg Roach 38e837ff07SGreg Roach.pagination, .page-link, .page-link:hover, .page-link:focus { 39e837ff07SGreg Roach border-color: #e6e6e6; 40e837ff07SGreg Roach color: #555; 41e837ff07SGreg Roach} 42e837ff07SGreg Roach 43e837ff07SGreg Roach.page-item.active .page-link { 44e837ff07SGreg Roach background-color: #e6e6e6; 45e837ff07SGreg Roach color: #555; 46e837ff07SGreg Roach border-color: #ccc; 47e837ff07SGreg Roach} 48e837ff07SGreg Roach 49e837ff07SGreg Roach.form-control:focus{ 50e837ff07SGreg Roach border-color:#ccc; 51e837ff07SGreg Roach box-shadow:0 0 0 .2rem rgba(128,128,128,.25); 52e837ff07SGreg Roach} 53e837ff07SGreg Roach 54e837ff07SGreg Roach/* fit primary and secondary menus on mobile devices */ 55e837ff07SGreg Roach@media (max-width: 500px) { 560c8c69d4SGreg Roach .wt-genealogy-menu .nav-item { 57e837ff07SGreg Roach padding: 0 0.45rem!important; 58e837ff07SGreg Roach } 590c8c69d4SGreg Roach .wt-user-menu .nav-link { 60e837ff07SGreg Roach padding: 0.25rem!important; 61e837ff07SGreg Roach } 62e837ff07SGreg Roach} 63e837ff07SGreg Roach 64e837ff07SGreg Roach/* 65e837ff07SGreg Roach * Pages have the following high-level structure: 66e837ff07SGreg Roach * 6797c22350SGreg Roach * wt-global wt-theme-<THEME> wt-route-<ROUTE> 68e837ff07SGreg Roach * +---wt-header-wrapper 69e759aebbSGreg Roach * | +---wt-header-container 70e837ff07SGreg Roach * | +---wt-header-content 71e837ff07SGreg Roach * | +---wt-accessibility-links 72e837ff07SGreg Roach * | +---wt-site-logo 73e837ff07SGreg Roach * | +---wt-site-title 74e837ff07SGreg Roach * | +---wt-header-search 75e837ff07SGreg Roach * | | +---wt-header-search-form 76e837ff07SGreg Roach * | | +---wt-header-search-field 77e837ff07SGreg Roach * | | +---wt-header-search-button 78e837ff07SGreg Roach * | +---wt-secondary-navigation 790c8c69d4SGreg Roach * | | +---wt-user-menu 80e837ff07SGreg Roach * | +---wt-primary-navigation 810c8c69d4SGreg Roach * | +---wt-genealogy-menu 82e759aebbSGreg Roach * +---wt-main-wrapper 83e759aebbSGreg Roach * | +---wt-main-container 84e837ff07SGreg Roach * | +---wt-main-content 85e837ff07SGreg Roach * | +---wt-messages 86e837ff07SGreg Roach * | +---wt-page-title 87e837ff07SGreg Roach * | +---wt-page-options wt-page-options-xxxxx 88e837ff07SGreg Roach * | +---wt-page-content 8997c22350SGreg Roach * +---wt-footers 90b3a775f6SGreg Roach * +---wt-footer wt-footer-xxxxx 91e837ff07SGreg Roach */ 92e837ff07SGreg Roach 93*75f2a483SDavid Drury::backdrop, .wt-global { 94e759aebbSGreg Roach background: #fff; 95e837ff07SGreg Roach color: #333; 96e837ff07SGreg Roach} 97e837ff07SGreg Roach 98af7b1f13SGreg Roach.wt-header-wrapper, .btn-primary { 99af7b1f13SGreg Roach background: var(--color-1); 100af7b1f13SGreg Roach border: 0; 101af7b1f13SGreg Roach color: var(--color-5); 102af7b1f13SGreg Roach} 103af7b1f13SGreg Roach 1047b25b5d7SGreg Roach.btn-primary, 1057b25b5d7SGreg Roach.btn-primary:focus { 106af7b1f13SGreg Roach background: var(--color-1); 107af7b1f13SGreg Roach} 108af7b1f13SGreg Roach 109af7b1f13SGreg Roach.btn-primary:hover { 110af7b1f13SGreg Roach background: var(--color-2); 111e837ff07SGreg Roach} 112e837ff07SGreg Roach 113e837ff07SGreg Roach.wt-site-title { 114e837ff07SGreg Roach padding: 0.75rem 0.75rem 0; 115e837ff07SGreg Roach} 116e837ff07SGreg Roach 117e837ff07SGreg Roach.wt-header-search { 118e837ff07SGreg Roach padding-bottom: 0.5rem; 119e837ff07SGreg Roach} 120e837ff07SGreg Roach 1210c8c69d4SGreg Roach.wt-user-menu .nav-link { 122e837ff07SGreg Roach color: inherit; /* Inherit from wt-header-container */ 123e837ff07SGreg Roach} 124e837ff07SGreg Roach 1250c8c69d4SGreg Roach.wt-user-menu .menu-color .dropdown-menu { 126e837ff07SGreg Roach max-height: 60rem; 127e837ff07SGreg Roach} 128e837ff07SGreg Roach 129e837ff07SGreg Roach.wt-primary-navigation { 130e837ff07SGreg Roach order: 4; 131e837ff07SGreg Roach flex: 0 0 100%; 132e837ff07SGreg Roach} 133e837ff07SGreg Roach 1340c8c69d4SGreg Roach.wt-genealogy-menu { 135af7b1f13SGreg Roach background: var(--color-2); 136e837ff07SGreg Roach /* Extend to full page width */ 137e837ff07SGreg Roach flex: 0 1 100vw; 138e837ff07SGreg Roach /* Recalculate margins for content */ 139e837ff07SGreg Roach margin: 0 calc(50% - 50vw); 140e837ff07SGreg Roach padding: 0 calc(50vw - 50%); 141e837ff07SGreg Roach} 142e837ff07SGreg Roach 1430c8c69d4SGreg Roach.wt-genealogy-menu .dropdown-menu { 144e837ff07SGreg Roach max-height: 60rem; 145e837ff07SGreg Roach} 146e837ff07SGreg Roach 1470c8c69d4SGreg Roach.wt-genealogy-menu .nav-link { 148e837ff07SGreg Roach /* All menu icons are 40px x 40px */ 149e837ff07SGreg Roach height: calc(40px + 1rem); 150e837ff07SGreg Roach width: 40px; 151e837ff07SGreg Roach} 152e837ff07SGreg Roach 1530c8c69d4SGreg Roach.wt-genealogy-menu .nav-item::before { 154e837ff07SGreg Roach /* The size of the menu icons */ 155e837ff07SGreg Roach width: 40px; 156e837ff07SGreg Roach height: 40px; 157e837ff07SGreg Roach} 158e837ff07SGreg Roach 159af7b1f13SGreg Roach.wt-page-options-label, 160af7b1f13SGreg Roach.wt-facts-table th, .wt-facts-table .dropdown-toggle, 161af7b1f13SGreg Roach.descriptionbox, .descriptionbox a, 162af7b1f13SGreg Roach.topbottombar, .topbottombar a, 163af7b1f13SGreg Roach.list_label, .list_label a { 164af7b1f13SGreg Roach background-color: var(--color-3); 165af7b1f13SGreg Roach color: var(--color-6); 166af7b1f13SGreg Roach} 167af7b1f13SGreg Roach 168af7b1f13SGreg Roach.wt-page-options-value, 169af7b1f13SGreg Roach.wt-block-content, 170af7b1f13SGreg Roach.wt-facts-table td, 171af7b1f13SGreg Roach.ui-widget-header, 172af7b1f13SGreg Roach.optionbox, .ui-state-active a:link, 173783e2c0bSGreg Roach.list_value, .list_value_wrap, .list_value_wrap a { 174af7b1f13SGreg Roach background: var(--color-4); 175af7b1f13SGreg Roach} 176af7b1f13SGreg Roach 177af7b1f13SGreg Roach 178e837ff07SGreg Roach.menu-tree .nav-link::before { 179e837ff07SGreg Roach content: url(colors/menu/tree.png); 180e837ff07SGreg Roach} 181e837ff07SGreg Roach 182e837ff07SGreg Roach.menu-tree .dropdown-item:not(:first-child)::before { 183e837ff07SGreg Roach content: url(colors/menu/tree-tree.png); 184e837ff07SGreg Roach} 185e837ff07SGreg Roach 186e837ff07SGreg Roach.menu-chart .nav-link::before { 187e837ff07SGreg Roach content: url(colors/menu/chart.png); 188e837ff07SGreg Roach} 189e837ff07SGreg Roach 190e837ff07SGreg Roach.menu-chart-ancestry::before { 191e837ff07SGreg Roach content: url(colors/menu/chart-ancestors.png); 192e837ff07SGreg Roach} 193e837ff07SGreg Roach 194e837ff07SGreg Roach.menu-chart-compact::before { 195e837ff07SGreg Roach content: url(colors/menu/chart-compact.png); 196e837ff07SGreg Roach} 197e837ff07SGreg Roach 198e837ff07SGreg Roach.menu-chart-descendants::before { 199e837ff07SGreg Roach content: url(colors/menu/chart-descendants.png); 200e837ff07SGreg Roach} 201e837ff07SGreg Roach 202e837ff07SGreg Roach.menu-chart-familybook::before { 203e837ff07SGreg Roach content: url(colors/menu/chart-family-book.png); 204e837ff07SGreg Roach} 205e837ff07SGreg Roach 206e837ff07SGreg Roach.menu-chart-fanchart::before { 207e837ff07SGreg Roach content: url(colors/menu/chart-fanchart.png); 208e837ff07SGreg Roach} 209e837ff07SGreg Roach 210e837ff07SGreg Roach.menu-chart-hourglass::before { 211e837ff07SGreg Roach content: url(colors/menu/chart-hourglass.png); 212e837ff07SGreg Roach} 213e837ff07SGreg Roach 214e837ff07SGreg Roach.menu-chart-lifespan::before { 215e837ff07SGreg Roach content: url(colors/menu/chart-lifespan.png); 216e837ff07SGreg Roach} 217e837ff07SGreg Roach 218e837ff07SGreg Roach.menu-chart-pedigree::before { 219e837ff07SGreg Roach content: url(colors/menu/chart-pedigree.png); 220e837ff07SGreg Roach} 221e837ff07SGreg Roach 222e837ff07SGreg Roach.menu-chart-pedigreemap::before { 223e837ff07SGreg Roach content: url(colors/menu/chart-pedigree-map.png); 224e837ff07SGreg Roach} 225e837ff07SGreg Roach 226e837ff07SGreg Roach.menu-chart-relationship::before { 227e837ff07SGreg Roach content: url(colors/menu/chart-relationship.png); 228e837ff07SGreg Roach} 229e837ff07SGreg Roach 230e837ff07SGreg Roach.menu-chart-statistics::before { 231e837ff07SGreg Roach content: url(colors/menu/chart-statistics.png); 232e837ff07SGreg Roach} 233e837ff07SGreg Roach 234e837ff07SGreg Roach.menu-chart-timeline::before { 235e837ff07SGreg Roach content: url(colors/menu/chart-timeline.png); 236e837ff07SGreg Roach} 237e837ff07SGreg Roach 238e837ff07SGreg Roach.menu-chart-tree::before { 239e837ff07SGreg Roach content: url(colors/menu/chart-tree.png); 240e837ff07SGreg Roach} 241e837ff07SGreg Roach 242e837ff07SGreg Roach.menu-list .nav-link::before { 243e837ff07SGreg Roach content: url(colors/menu/list.png); 244e837ff07SGreg Roach} 245e837ff07SGreg Roach 246e837ff07SGreg Roach.menu-branches::before { 247e837ff07SGreg Roach content: url(colors/menu/branches.png); 248e837ff07SGreg Roach} 249e837ff07SGreg Roach 250e837ff07SGreg Roach.menu-list-fam::before { 251e837ff07SGreg Roach content: url(colors/menu/list-fam.png); 252e837ff07SGreg Roach} 253e837ff07SGreg Roach 254e837ff07SGreg Roach.menu-list-indi::before { 255e837ff07SGreg Roach content: url(colors/menu/list-indi.png); 256e837ff07SGreg Roach} 257e837ff07SGreg Roach 258e8ded2caSGreg Roach.menu-list-loc::before { 259e8ded2caSGreg Roach content: url(colors/menu/list-plac.png); 260e8ded2caSGreg Roach} 261e8ded2caSGreg Roach 262e837ff07SGreg Roach.menu-list-note::before { 263e837ff07SGreg Roach content: url(colors/menu/list-note.png); 264e837ff07SGreg Roach} 265e837ff07SGreg Roach 266e837ff07SGreg Roach.menu-list-obje::before { 267e837ff07SGreg Roach content: url(colors/menu/list-obje.png); 268e837ff07SGreg Roach} 269e837ff07SGreg Roach 270e837ff07SGreg Roach.menu-list-plac::before { 271e837ff07SGreg Roach content: url(colors/menu/list-plac.png); 272e837ff07SGreg Roach} 273e837ff07SGreg Roach 274e837ff07SGreg Roach.menu-list-repo::before { 275e837ff07SGreg Roach content: url(colors/menu/list-repo.png); 276e837ff07SGreg Roach} 277e837ff07SGreg Roach 278e837ff07SGreg Roach.menu-list-sour::before { 279e837ff07SGreg Roach content: url(colors/menu/list-sour.png); 280e837ff07SGreg Roach} 281e837ff07SGreg Roach 282e72c24d6SGreg Roach.menu-list-subm::before { 283e72c24d6SGreg Roach content: url(colors/menu/list-indi.png); 284e72c24d6SGreg Roach} 285e72c24d6SGreg Roach 286e837ff07SGreg Roach.menu-calendar .nav-link::before { 287e837ff07SGreg Roach content: url(colors/menu/calendar.png); 288e837ff07SGreg Roach} 289e837ff07SGreg Roach 290e837ff07SGreg Roach.menu-calendar-day::before { 291e837ff07SGreg Roach content: url(colors/menu/calendar-calendar.png); 292e837ff07SGreg Roach} 293e837ff07SGreg Roach 294e837ff07SGreg Roach.menu-calendar-month::before { 295e837ff07SGreg Roach content: url(colors/menu/calendar-calendar.png); 296e837ff07SGreg Roach} 297e837ff07SGreg Roach 298e837ff07SGreg Roach.menu-calendar-year::before { 299e837ff07SGreg Roach content: url(colors/menu/calendar-calendar.png); 300e837ff07SGreg Roach} 301e837ff07SGreg Roach 302e837ff07SGreg Roach.menu-report .nav-link::before { 303e837ff07SGreg Roach content: url(colors/menu/report.png); 304e837ff07SGreg Roach} 305e837ff07SGreg Roach 306e837ff07SGreg Roach.menu-report .dropdown-item:not(:first-child)::before { 307e837ff07SGreg Roach content: url(colors/menu/report-report.png); 308e837ff07SGreg Roach} 309e837ff07SGreg Roach 310e837ff07SGreg Roach.menu-search .nav-link::before { 311e837ff07SGreg Roach content: url(colors/menu/search.png); 312e837ff07SGreg Roach} 313e837ff07SGreg Roach 314e837ff07SGreg Roach.menu-search .dropdown-item:not(:first-child)::before { 315e837ff07SGreg Roach content: url(colors/menu/search-search.png); 316e837ff07SGreg Roach} 317e837ff07SGreg Roach 31808362db4SGreg Roach.menu-faq .nav-link::before { 31908362db4SGreg Roach content: url(colors/menu/faq.png); 320e837ff07SGreg Roach} 321e837ff07SGreg Roach 322e837ff07SGreg Roach.menu-clippings .nav-link::before { 323e837ff07SGreg Roach content: url(colors/menu/clippings.png); 324e837ff07SGreg Roach} 325e837ff07SGreg Roach 326e837ff07SGreg Roach.menu-clippings-download::before { 327e837ff07SGreg Roach content: url(colors/menu/edit-gedcom.png); 328e837ff07SGreg Roach} 329e837ff07SGreg Roach 330e837ff07SGreg Roach.menu-clippings-empty::before { 331e837ff07SGreg Roach content: url(colors/menu/edit-delete.png); 332e837ff07SGreg Roach} 333e837ff07SGreg Roach 334e837ff07SGreg Roach.menu-story .nav-link::before { 335e837ff07SGreg Roach content: url(colors/menu/story.png); 336e837ff07SGreg Roach} 337e837ff07SGreg Roach 338e837ff07SGreg Roach.wt-page-options-value { 339e837ff07SGreg Roach color: #333; 340e837ff07SGreg Roach} 341e837ff07SGreg Roach 34297c22350SGreg Roach.wt-footer-cookies { 34397c22350SGreg Roach background: #aaa; 34445f0aacbSGreg Roach} 34545f0aacbSGreg Roach 34645f0aacbSGreg Roach.wt-footer-powered-by-webtrees { 34748b53306SGreg Roach content: url(colors/images/powered-by-webtrees.png); 348e837ff07SGreg Roach} 349e837ff07SGreg Roach 350e837ff07SGreg Roach/* 351e39fd5c6SGreg Roach * The tree/user home pages 352e837ff07SGreg Roach * 353e837ff07SGreg Roach * wt-home-page / wt-user-page 354e837ff07SGreg Roach * +---wt-main-blocks 355e837ff07SGreg Roach * | +---wt-block, wt-block-AAA 356e837ff07SGreg Roach * | +---wt-block, wt-block-BBB 357e837ff07SGreg Roach * | +---wt-block, wt-block-CCC 358e837ff07SGreg Roach * +---wt-side-blocks 359e837ff07SGreg Roach * +---wt-block, wt-block-XXX 360e837ff07SGreg Roach * +---wt-block, wt-block-YYY 361e837ff07SGreg Roach * +---wt-block, wt-block-ZZZ 362e837ff07SGreg Roach * 363e837ff07SGreg Roach * Each block as the structure 364e837ff07SGreg Roach * wt-block, wt-block-XXX 365e837ff07SGreg Roach * +---wt-block-header, wt-block-header-XXX 366e837ff07SGreg Roach * +---wt-block-content, wt-block-content-XXX 367e837ff07SGreg Roach */ 368e837ff07SGreg Roach 36997c22350SGreg Roach.wt-block-header::before { 37097c22350SGreg Roach content: url(colors/images/block-header-disk.png); 37197c22350SGreg Roach} 37297c22350SGreg Roach 373e837ff07SGreg Roach/* 374e39fd5c6SGreg Roach * The individual page. 375e837ff07SGreg Roach * 376e39fd5c6SGreg Roach * wt-route-individual 377e39fd5c6SGreg Roach * +---wt-header-wrapper 378e837ff07SGreg Roach */ 379e837ff07SGreg Roach 380e837ff07SGreg Roach/* 381242a7862SGreg Roach * Chart-boxes are used to build the various charts. 38291ea93e4SDavid Drury * Each type of chart will set its own size and hide/show content. 383e837ff07SGreg Roach * 384242a7862SGreg Roach * wt-chart-box 385242a7862SGreg Roach * +--- wt-chart-box-thumbnail 386242a7862SGreg Roach * +--- wt-chart-box-extra 387242a7862SGreg Roach * +--- wt-chart-box-zoom 388242a7862SGreg Roach * +--- wt-chart-box-icon 389242a7862SGreg Roach * +--- wt-chart-box-dropdown wt-chart-box-zoom-dropdown 390242a7862SGreg Roach * +--- wt-chart-box-links 391242a7862SGreg Roach * +--- wt-chart-box-icon 392242a7862SGreg Roach * +--- wt-chart-box-dropdown wt-chart-box-links-dropdown 393242a7862SGreg Roach * +--- wt-chart-box-name 394242a7862SGreg Roach * +--- wt-chart-box-lifespan 395242a7862SGreg Roach * +--- wt-chart-box-facts 396242a7862SGreg Roach * +--- wt-chart-box-fact 397e837ff07SGreg Roach */ 398e837ff07SGreg Roach 399242a7862SGreg Roach.wt-chart-box-name { 400242a7862SGreg Roach color: #555555; 401f699d6fcSGreg Roach} 402f699d6fcSGreg Roach 403e837ff07SGreg Roach.btn-primary.focus, .btn-primary:focus { 404e837ff07SGreg Roach box-shadow:none; 405e837ff07SGreg Roach border: 0; 406e837ff07SGreg Roach} 407e837ff07SGreg Roach 408e837ff07SGreg Roachtable.center { 409e837ff07SGreg Roach margin-left: auto; 410e837ff07SGreg Roach margin-right: auto; 411e837ff07SGreg Roach} 412e837ff07SGreg Roach 413e837ff07SGreg Roach.list_label, 414e837ff07SGreg Roach.list_label_wrap { 415e837ff07SGreg Roach background-color: #81a9cb; 416e837ff07SGreg Roach border: 1px solid #ddd; 417e837ff07SGreg Roach} 418e837ff07SGreg Roach 419e837ff07SGreg Roach.list_value, 420e837ff07SGreg Roach.list_value_wrap { 421e837ff07SGreg Roach border: solid #ddd 1px; 422e837ff07SGreg Roach padding: 4px; 423e837ff07SGreg Roach} 424e837ff07SGreg Roach 425e837ff07SGreg Roach/* Table of genealogical facts */ 426e837ff07SGreg Roach 427e837ff07SGreg Roach.wt-facts-table th { 428e837ff07SGreg Roach border: 1px solid #ccc; 429e837ff07SGreg Roach} 430e837ff07SGreg Roach 431e837ff07SGreg Roach.date { 432e837ff07SGreg Roach color: #333; 433e837ff07SGreg Roach} 434e837ff07SGreg Roach 435e837ff07SGreg Roach.rtl_cal_day { 436e837ff07SGreg Roach color: #00f; 437e837ff07SGreg Roach font-weight: bold; 438e837ff07SGreg Roach} 439e837ff07SGreg Roach 440e837ff07SGreg Roach.descriptionbox { 441e837ff07SGreg Roach font-size: 1rem; 442e837ff07SGreg Roach color: #333; 443e837ff07SGreg Roach border: 1px solid #999; 444e837ff07SGreg Roach} 445e837ff07SGreg Roach 446e837ff07SGreg Roach.optionbox { 447e837ff07SGreg Roach color: #333; 448e837ff07SGreg Roach border: 1px solid #999; 449e837ff07SGreg Roach} 450e837ff07SGreg Roach 451e837ff07SGreg Roach.optionbox .list_value { 452e837ff07SGreg Roach background-color: #fff; 453e837ff07SGreg Roach border: 1px solid #999; 454e837ff07SGreg Roach border-radius: 3px; 455e837ff07SGreg Roach} 456e837ff07SGreg Roach 457e837ff07SGreg Roach/* ---Pending edits--- */ 458e837ff07SGreg Roach 459e837ff07SGreg Roach/* ==== FAQ table styles ===== */ 460e837ff07SGreg Roachtable.faq { 461e837ff07SGreg Roach background-color: #e0e0e0; 462e837ff07SGreg Roach} 463e837ff07SGreg Roach 464e837ff07SGreg Roachtable.faq tr:nth-child(odd) td { 465e837ff07SGreg Roach background-color: #e7eef3; 466e837ff07SGreg Roach} 467e837ff07SGreg Roach 468e837ff07SGreg Roachdiv.faq_title { 469e837ff07SGreg Roach background-color: #e0e0e0; 470e837ff07SGreg Roach} 471e837ff07SGreg Roach 472e837ff07SGreg Roach/* Sidebar - Descendants */ 473e837ff07SGreg Roach#sb_content_descendancy { 474e837ff07SGreg Roach margin-top: 2px; 475e837ff07SGreg Roach} 476e837ff07SGreg Roach 477e837ff07SGreg Roach/* Individuals and Families */ 478e837ff07SGreg Roach#sidebar-content-individuals, 479e837ff07SGreg Roach#sidebar-content-families { 480e837ff07SGreg Roach margin-top: 2px; 481e837ff07SGreg Roach} 482e837ff07SGreg Roach 483e837ff07SGreg Roach/*-- Fan chart ---- */ 484e837ff07SGreg Roach 485e837ff07SGreg Roach.icon-cfamily { 48608362db4SGreg Roach content: url(colors/images/cfamily.png); 487e837ff07SGreg Roach} 488e837ff07SGreg Roach 489e837ff07SGreg Roach.icon-edit_indi { 49008362db4SGreg Roach content: url(colors/images/edit_indi.png); 491e837ff07SGreg Roach} 492e837ff07SGreg Roach 493e837ff07SGreg Roach.icon-fam-list { 49408362db4SGreg Roach content: url(colors/images/sfamily.png); 495e837ff07SGreg Roach} 496e837ff07SGreg Roach 497e837ff07SGreg Roach.icon-indi-list { 49808362db4SGreg Roach content: url(colors/images/indis.png); 499e837ff07SGreg Roach} 500e837ff07SGreg Roach 501e837ff07SGreg Roach.icon-mypage { 50208362db4SGreg Roach content: url(colors/images/mypage.png); 503e837ff07SGreg Roach} 504e837ff07SGreg Roach 505e837ff07SGreg Roach.icon-selected { 50608362db4SGreg Roach content: url(colors/images/selected.png); 507e837ff07SGreg Roach} 508e837ff07SGreg Roach 509e837ff07SGreg Roach/* Silhouettes on charts */ 5101baf69deSGreg Roach.icon-silhouette-f { 51108362db4SGreg Roach content: url(colors/images/silhouette_female_small.png); 512e837ff07SGreg Roach} 513e837ff07SGreg Roach 5141baf69deSGreg Roach.icon-silhouette-m { 51508362db4SGreg Roach content: url(colors/images/silhouette_male_small.png); 516e837ff07SGreg Roach} 517e837ff07SGreg Roach 5181baf69deSGreg Roach.icon-silhouette-u, 5191baf69deSGreg Roach.icon-silhouette-x { 52008362db4SGreg Roach content: url(colors/images/silhouette_unknown_small.png); 521e837ff07SGreg Roach} 522e837ff07SGreg Roach 52348b53306SGreg Roach/* 52439b853a7SGreg Roach * Default icons are provided by FontAwesome. 52539b853a7SGreg Roach */ 526e39fd5c6SGreg Roach 52739b853a7SGreg Roach.wt-icon-arrow-down { 528e2957ccaSGreg Roach content: url(colors/icons/arrow-down.png); 52939b853a7SGreg Roach} 53039b853a7SGreg Roach 53139b853a7SGreg Roacha > .wt-icon-arrow-down:hover { 532e2957ccaSGreg Roach content: url(colors/icons/arrow-down-hover.png); 53339b853a7SGreg Roach} 53439b853a7SGreg Roach 53539b853a7SGreg Roach.wt-icon-arrow-left { 536e2957ccaSGreg Roach content: url(colors/icons/arrow-left.png); 53739b853a7SGreg Roach} 53839b853a7SGreg Roach 53939b853a7SGreg Roacha > .wt-icon-arrow-left:hover { 540e2957ccaSGreg Roach content: url(colors/icons/arrow-left-hover.png); 54139b853a7SGreg Roach} 54239b853a7SGreg Roach 54339b853a7SGreg Roach.wt-icon-arrow-right { 544e2957ccaSGreg Roach content: url(colors/icons/arrow-right.png); 54539b853a7SGreg Roach} 54639b853a7SGreg Roach 54739b853a7SGreg Roacha > .wt-icon-arrow-right:hover { 548e2957ccaSGreg Roach content: url(colors/icons/arrow-right-hover.png); 54939b853a7SGreg Roach} 55039b853a7SGreg Roach 55139b853a7SGreg Roach.wt-icon-arrow-up { 552e2957ccaSGreg Roach content: url(colors/icons/arrow-up.png); 55339b853a7SGreg Roach} 55439b853a7SGreg Roach 55539b853a7SGreg Roacha > .wt-icon-arrow-up:hover { 556e2957ccaSGreg Roach content: url(colors/icons/arrow-up-hover.png); 55739b853a7SGreg Roach} 55839b853a7SGreg Roach 55908362db4SGreg Roach.wt-icon-help { 56008362db4SGreg Roach content: url(colors/icons/help.png); 56108362db4SGreg Roach} 56208362db4SGreg Roach 563e39fd5c6SGreg Roach.wt-icon-zoom-in { 56408362db4SGreg Roach content: url(colors/icons/zoom-in.png); 565e39fd5c6SGreg Roach} 566e39fd5c6SGreg Roach 567e39fd5c6SGreg Roach.wt-icon-zoom-out { 56808362db4SGreg Roach content: url(colors/icons/zoom-out.png); 569e837ff07SGreg Roach} 570e837ff07SGreg Roach 57108362db4SGreg Roach/* Miscellaneous images */ 572e837ff07SGreg Roach.icon-indis { 57308362db4SGreg Roach content: url(colors/images/mypage.png); 574e837ff07SGreg Roach} 575e837ff07SGreg Roach 576e837ff07SGreg Roach.icon-patriarch { 57708362db4SGreg Roach content: url(colors/images/patriarch.png); 578e837ff07SGreg Roach} 579e837ff07SGreg Roach 580e837ff07SGreg Roach.icon-pedigree { 58108362db4SGreg Roach content: url(colors/images/pedigree.png); 582e837ff07SGreg Roach} 583e837ff07SGreg Roach 584e837ff07SGreg Roach.icon-sfamily { 58508362db4SGreg Roach content: url(colors/images/sfamily.png); 586e837ff07SGreg Roach} 587e837ff07SGreg Roach 588e837ff07SGreg Roach.icon-user_add { 58908362db4SGreg Roach content: url(colors/images/user_add.png); 590e837ff07SGreg Roach} 591