xref: /webtrees/resources/css/fab.css (revision e660065ed71c24f436e3b98ce920b9a13b81978e)
1e837ff07SGreg Roach/**
2e837ff07SGreg Roach * webtrees: online genealogy
35bfc6897SGreg Roach * Copyright (C) 2022 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
13ad3143ccSGreg Roach * along with this program. If not, see <https://www.gnu.org/licenses/>.
14e837ff07SGreg Roach */
15e837ff07SGreg Roach
16e837ff07SGreg Roach/* The FAB theme */
17e759aebbSGreg Roach@import "_base.css";
18e837ff07SGreg Roach
1997c22350SGreg Roach:root {
2016e8b6e8SGreg Roach    --chart-line-radius: 1rem;
217a821518SGreg Roach    --chart-line: solid gray thin;
227a821518SGreg Roach    --link-color-hover: #f00;
237a821518SGreg Roach    --link-color: #369;
247a821518SGreg Roach    --link-decoration-hover: underline;
257a821518SGreg Roach    --link-decoration: none;
267a821518SGreg Roach    --sex-f-bg: #ffdddd;
277a821518SGreg Roach    --sex-f-fg: #ff8888;
287a821518SGreg Roach    --sex-m-bg: #ddddff;
297a821518SGreg Roach    --sex-m-fg: #8888ff;
307a821518SGreg Roach    --sex-u-bg: #ddffdd;
317a821518SGreg Roach    --sex-u-fg: #88ff88;
321baf69deSGreg Roach    --sex-x-bg: #fceaa1;
331baf69deSGreg Roach    --sex-x-fg: #ffab57;
3497c22350SGreg Roach}
3597c22350SGreg Roach
361baf69deSGreg Roach/* Override Bootstrap format    --sex-u-bg: #ddffdd;
371baf69deSGreg Roach    --sex-u-fg: #88ff88;
381baf69deSGreg Roachting */
39e837ff07SGreg Roach.btn-link {
40e837ff07SGreg Roach    padding-left: 0.25rem;
41e837ff07SGreg Roach    padding-right: 0.25rem;
42e837ff07SGreg Roach}
43e837ff07SGreg Roach
44e837ff07SGreg Roach.table-given-name {
45e837ff07SGreg Roach    overflow-x: hidden;
46e837ff07SGreg Roach}
47e837ff07SGreg Roach
48e837ff07SGreg Roach.container-fluid {
49e837ff07SGreg Roach    padding-left: 5px;
50e837ff07SGreg Roach    padding-right: 5px;
51e837ff07SGreg Roach}
52e837ff07SGreg Roach
53e837ff07SGreg Roachtable {
54e837ff07SGreg Roach    border-collapse: separate;
55e837ff07SGreg Roach}
56e837ff07SGreg Roach
57e837ff07SGreg Roach/*
58e837ff07SGreg Roach * Pages have the following high-level structure:
59e837ff07SGreg Roach *
6097c22350SGreg Roach * wt-global wt-theme-<THEME> wt-route-<ROUTE>
61e837ff07SGreg Roach * +---wt-header-wrapper
62e759aebbSGreg Roach * |   +---wt-header-container
63e837ff07SGreg Roach * |       +---wt-header-content
64e837ff07SGreg Roach * |           +---wt-accessibility-links
65e837ff07SGreg Roach * |           +---wt-site-logo
66e837ff07SGreg Roach * |           +---wt-site-title
67e837ff07SGreg Roach * |           +---wt-header-search
68e837ff07SGreg Roach * |           |   +---wt-header-search-form
69e837ff07SGreg Roach * |           |       +---wt-header-search-field
70e837ff07SGreg Roach * |           |       +---wt-header-search-button
71e837ff07SGreg Roach * |           +---wt-secondary-navigation
720c8c69d4SGreg Roach * |           |   +---wt-user-menu
73e837ff07SGreg Roach * |           +---wt-primary-navigation
740c8c69d4SGreg Roach * |               +---wt-genealogy-menu
75e759aebbSGreg Roach * +---wt-main-wrapper
76e759aebbSGreg Roach * |   +---wt-main-container
77e837ff07SGreg Roach * |       +---wt-main-content
78e837ff07SGreg Roach * |           +---wt-messages
79e837ff07SGreg Roach * |           +---wt-page-title
80e837ff07SGreg Roach * |           +---wt-page-options wt-page-options-xxxxx
81e837ff07SGreg Roach * |           +---wt-page-content
8297c22350SGreg Roach * +---wt-footers
83b3a775f6SGreg Roach *     +---wt-footer wt-footer-xxxxx
84e837ff07SGreg Roach */
85e837ff07SGreg Roach
86e837ff07SGreg Roach.wt-global {
87e837ff07SGreg Roach    color: #555;
88e837ff07SGreg Roach}
89e837ff07SGreg Roach
90e837ff07SGreg Roach.wt-header-wrapper {
91e837ff07SGreg Roach}
92e837ff07SGreg Roach
93e837ff07SGreg Roach.wt-header-container {
94e837ff07SGreg Roach    background-color: #eee;
95e837ff07SGreg Roach}
96e837ff07SGreg Roach
97e837ff07SGreg Roach.wt-header-content {
98e837ff07SGreg Roach}
99e837ff07SGreg Roach
100e837ff07SGreg Roach.wt-accessibility-links {
101e837ff07SGreg Roach}
102e837ff07SGreg Roach
103e837ff07SGreg Roach.wt-site-logo {
104e837ff07SGreg Roach    display: none;
105e837ff07SGreg Roach}
106e837ff07SGreg Roach
107e837ff07SGreg Roach.wt-site-title {
108e837ff07SGreg Roach    order: 1;
1096e28c6eeSDavid Drury    flex: 1 1 auto;
1106e28c6eeSDavid Drury    width: auto;
111e837ff07SGreg Roach    font-size: 1.5rem;
112e837ff07SGreg Roach    color: #888;
113e837ff07SGreg Roach}
114e837ff07SGreg Roach
115e837ff07SGreg Roach.wt-header-search {
116e837ff07SGreg Roach    order: 3;
117e837ff07SGreg Roach    flex: 0 0 15rem;
118e837ff07SGreg Roach}
119e837ff07SGreg Roach
120e837ff07SGreg Roach.wt-header-search-form {
121e837ff07SGreg Roach}
122e837ff07SGreg Roach
12397c22350SGreg Roach.wt-header-search-field {
12497c22350SGreg Roach}
12597c22350SGreg Roach
12697c22350SGreg Roach.wt-header-search-button {
12797c22350SGreg Roach}
12897c22350SGreg Roach
129e837ff07SGreg Roach.wt-secondary-navigation {
130e837ff07SGreg Roach    order: 2;
1316e28c6eeSDavid Drury    flex: 0 0 auto;
1326e28c6eeSDavid Drury    width: auto;
133e837ff07SGreg Roach    white-space: nowrap;
134e837ff07SGreg Roach}
135e837ff07SGreg Roach
1360c8c69d4SGreg Roach.wt-user-menu {
137f699d6fcSGreg Roach    flex-wrap: nowrap;
138e837ff07SGreg Roach}
139e837ff07SGreg Roach
1400c8c69d4SGreg Roach.wt-user-menu .nav-link {
141e837ff07SGreg Roach    display: inline-block;
142e837ff07SGreg Roach    padding: 0.5rem;
143e837ff07SGreg Roach}
144e837ff07SGreg Roach
1450c8c69d4SGreg Roach.wt-user-menu .nav-item::after {
146e837ff07SGreg Roach    content: "|";
147e837ff07SGreg Roach}
148e837ff07SGreg Roach
1490c8c69d4SGreg Roach.wt-user-menu .dropdown-toggle::after {
150e837ff07SGreg Roach    display: none;
151e837ff07SGreg Roach}
152e837ff07SGreg Roach
153e837ff07SGreg Roach.wt-primary-navigation {
154e837ff07SGreg Roach    order: 4;
155e837ff07SGreg Roach    flex: 0 0 100%;
156e837ff07SGreg Roach    background-color: #eee;
157e837ff07SGreg Roach}
158e837ff07SGreg Roach
1590c8c69d4SGreg Roach.wt-genealogy-menu {
160e837ff07SGreg Roach    justify-content: center;
161e837ff07SGreg Roach}
162e837ff07SGreg Roach
1630c8c69d4SGreg Roach.wt-genealogy-menu .dropdown-toggle::after {
164e837ff07SGreg Roach    display: none;
165e837ff07SGreg Roach}
166e837ff07SGreg Roach
1670c8c69d4SGreg Roach.wt-genealogy-menu .nav-link {
168e837ff07SGreg Roach    white-space: nowrap;
169e837ff07SGreg Roach    display: inline-block;
170e837ff07SGreg Roach    padding: 0.5rem;
171e837ff07SGreg Roach}
172e837ff07SGreg Roach
1730c8c69d4SGreg Roach.wt-genealogy-menu .nav-item + .nav-item::before {
174e837ff07SGreg Roach    content: "|";
175e837ff07SGreg Roach}
176e837ff07SGreg Roach
177e837ff07SGreg Roach.wt-main-container {
178f699d6fcSGreg Roach    /* Space between the header/footer and the main content. */
179f699d6fcSGreg Roach    padding-top: 1rem;
180f699d6fcSGreg Roach    padding-bottom: 1rem;
181e837ff07SGreg Roach}
182e837ff07SGreg Roach
183e837ff07SGreg Roach.wt-main {
184e837ff07SGreg Roach}
185e837ff07SGreg Roach
186e837ff07SGreg Roach.wt-messages {
187e837ff07SGreg Roach}
188e837ff07SGreg Roach
189e837ff07SGreg Roach.wt-page-title {
190e837ff07SGreg Roach    text-align: center;
191e837ff07SGreg Roach}
192e837ff07SGreg Roach
193e837ff07SGreg Roach.wt-page-options-label {
194e837ff07SGreg Roach    background-color: #ccc;
195e837ff07SGreg Roach    border-left: 2px solid transparent;
196e837ff07SGreg Roach    border-right: 2px solid transparent;
197e837ff07SGreg Roach    Color: #555;
198e837ff07SGreg Roach    font-weight: bold;
199e837ff07SGreg Roach}
200e837ff07SGreg Roach
201e837ff07SGreg Roach.wt-page-options-value {
202e837ff07SGreg Roach    background-color: #ddd;
203e837ff07SGreg Roach    border: 1px solid #fff;
204e837ff07SGreg Roach    border-top: 1px solid #ddd;
205e837ff07SGreg Roach
206e837ff07SGreg Roach    padding: 0.25rem 0.75rem;
207e837ff07SGreg Roach}
208e837ff07SGreg Roach
209e837ff07SGreg Roach.wt-page-content {
210e837ff07SGreg Roach    margin-top: 1rem;
211e837ff07SGreg Roach}
212e837ff07SGreg Roach
21397c22350SGreg Roach.wt-footers {
214e837ff07SGreg Roach}
215e837ff07SGreg Roach
21697c22350SGreg Roach.wt-footer {
217e837ff07SGreg Roach}
218e837ff07SGreg Roach
21997c22350SGreg Roach.wt-footer-contact {
220e837ff07SGreg Roach}
221e837ff07SGreg Roach
22297c22350SGreg Roach.wt-footer-cookies {
22397c22350SGreg Roach    background: #aaa;
22497c22350SGreg Roach    color: #fff;
22597c22350SGreg Roach    transition: height 0.5s;
22697c22350SGreg Roach}
227e837ff07SGreg Roach
22897c22350SGreg Roach.wt-footer-page-views {
229e837ff07SGreg Roach}
230e837ff07SGreg Roach
23197c22350SGreg Roach.wt-footer-powered-by {
232e837ff07SGreg Roach}
233e837ff07SGreg Roach
23448b53306SGreg Roach.wt-footer-powered-by-webtrees {
23548b53306SGreg Roach    width: 100px;
23648b53306SGreg Roach    height: 21px;
23748b53306SGreg Roach    content: url(images/powered-by-webtrees.png);
23848b53306SGreg Roach}
23948b53306SGreg Roach
240e837ff07SGreg Roach/*
24148b53306SGreg Roach * The tree/user home pages
242e837ff07SGreg Roach *
243e837ff07SGreg Roach * wt-home-page / wt-user-page
244e837ff07SGreg Roach * +---wt-main-blocks
245e837ff07SGreg Roach * |   +---wt-block, wt-block-AAA
246e837ff07SGreg Roach * |   +---wt-block, wt-block-BBB
247e837ff07SGreg Roach * |   +---wt-block, wt-block-CCC
248e837ff07SGreg Roach * +---wt-side-blocks
249e837ff07SGreg Roach *     +---wt-block, wt-block-XXX
250e837ff07SGreg Roach *     +---wt-block, wt-block-YYY
251e837ff07SGreg Roach *     +---wt-block, wt-block-ZZZ
252e837ff07SGreg Roach *
253e837ff07SGreg Roach * Each block as the structure
254e837ff07SGreg Roach * wt-block, wt-block-XXX
255e837ff07SGreg Roach * +---wt-block-header, wt-block-header-XXX
256e837ff07SGreg Roach * +---wt-block-content, wt-block-content-XXX
257e837ff07SGreg Roach */
258e837ff07SGreg Roach
259e837ff07SGreg Roach.wt-block {
260e837ff07SGreg Roach    background-color: #eee;
261e837ff07SGreg Roach    padding: 3px;
262e837ff07SGreg Roach    vertical-align: top;
263e837ff07SGreg Roach}
264e837ff07SGreg Roach
265e837ff07SGreg Roach.wt-block-header {
266e837ff07SGreg Roach    background-color: #eee;
267e837ff07SGreg Roach    border-bottom: 0;
268e837ff07SGreg Roach    font-weight: bold;
269e837ff07SGreg Roach}
270e837ff07SGreg Roach
27148b53306SGreg Roach.wt-block-content {
27248b53306SGreg Roach}
27348b53306SGreg Roach
274242a7862SGreg Roach.wt-block-content .list_table {
275242a7862SGreg Roach    border-spacing: 1px;
276242a7862SGreg Roach    border: solid #000 1px;
277e837ff07SGreg Roach    border-right: 0;
278e837ff07SGreg Roach}
279e837ff07SGreg Roach
280242a7862SGreg Roach.wt-block-content .list_value,
281242a7862SGreg Roach.wt-block-content .list_value_wrap {
282e837ff07SGreg Roach    border: 0;
283e837ff07SGreg Roach}
284e837ff07SGreg Roach
285e837ff07SGreg Roach/*
286e39fd5c6SGreg Roach * The individual page.
287e39fd5c6SGreg Roach *
288e39fd5c6SGreg Roach * wt-route-individual
289e39fd5c6SGreg Roach * +---wt-header-wrapper
290e39fd5c6SGreg Roach */
291242a7862SGreg Roach.wt-individual-silhouette-f {
292e39fd5c6SGreg Roach    content: url(images/individual-silhouette-female.png);
293e39fd5c6SGreg Roach}
294e39fd5c6SGreg Roach
295242a7862SGreg Roach.wt-individual-silhouette-m {
296e39fd5c6SGreg Roach    content: url(images/individual-silhouette-male.png);
297e39fd5c6SGreg Roach}
298e39fd5c6SGreg Roach
2991baf69deSGreg Roach.wt-individual-silhouette-u,
3001baf69deSGreg Roach.wt-individual-silhouette-x {
3011baf69deSGreg Roach    content: url(images/individual-silhouette-unknown.png);
3021baf69deSGreg Roach}
3031baf69deSGreg Roach
304e39fd5c6SGreg Roach/*
305242a7862SGreg Roach * Chart-boxes are used to build the various charts.
306242a7862SGreg Roach * Each type of chart will set its own size and hide/show content.
307e837ff07SGreg Roach *
308242a7862SGreg Roach * wt-chart-box
309242a7862SGreg Roach * +--- wt-chart-box-thumbnail
310242a7862SGreg Roach * +--- wt-chart-box-extra
311242a7862SGreg Roach *      +--- wt-chart-box-zoom
312242a7862SGreg Roach *           +--- wt-chart-box-icon
313242a7862SGreg Roach *           +--- wt-chart-box-dropdown wt-chart-box-zoom-dropdown
314242a7862SGreg Roach *      +--- wt-chart-box-links
315242a7862SGreg Roach *           +--- wt-chart-box-icon
316242a7862SGreg Roach *           +--- wt-chart-box-dropdown wt-chart-box-links-dropdown
317242a7862SGreg Roach * +--- wt-chart-box-name
318242a7862SGreg Roach * +--- wt-chart-box-lifespan
319242a7862SGreg Roach * +--- wt-chart-box-facts
320242a7862SGreg Roach *     +--- wt-chart-box-fact
321e837ff07SGreg Roach */
322e837ff07SGreg Roach
323242a7862SGreg Roach.wt-chart-box {
324242a7862SGreg Roach    height: 5rem;
325242a7862SGreg Roach    padding: 2px;
326242a7862SGreg Roach    line-height: 1.1;
327*e660065eSGreg Roach    border: solid gray thin;
328c88989bdSGreg Roach    border-radius: 4px;
329e39fd5c6SGreg Roach}
330e39fd5c6SGreg Roach
331242a7862SGreg Roach.wt-chart-box-f,
332242a7862SGreg Roach.wt-chart-box-f .wt-chart-box-dropdown {
333242a7862SGreg Roach    background: var(--sex-f-bg);
3341baf69deSGreg Roach    border: solid var(--sex-f-fg) thin;
335e837ff07SGreg Roach}
336e837ff07SGreg Roach
337242a7862SGreg Roach.wt-chart-box-m,
338242a7862SGreg Roach.wt-chart-box-m .wt-chart-box-dropdown {
339242a7862SGreg Roach    background: var(--sex-m-bg);
3401baf69deSGreg Roach    border: solid var(--sex-m-fg) thin;
3411baf69deSGreg Roach}
3421baf69deSGreg Roach
3431baf69deSGreg Roach.wt-chart-box-u,
3441baf69deSGreg Roach.wt-chart-box-u .wt-chart-box-dropdown {
3451baf69deSGreg Roach    background: var(--sex-u-bg);
3461baf69deSGreg Roach    border: solid var(--sex-u-fg) thin;
3471baf69deSGreg Roach}
3481baf69deSGreg Roach
3491baf69deSGreg Roach.wt-chart-box-x,
3501baf69deSGreg Roach.wt-chart-box-x .wt-chart-box-dropdown {
3511baf69deSGreg Roach    background: var(--sex-x-bg);
3521baf69deSGreg Roach    border: solid var(--sex-x-fg) thin;
353e837ff07SGreg Roach}
354e837ff07SGreg Roach
355e837ff07SGreg Roach/* ====== Round Corners ======== */
356e837ff07SGreg Roach.block,
357e837ff07SGreg Roach.descriptionbox,
358e837ff07SGreg Roach.list_label,
359e837ff07SGreg Roach.list_label_wrap,
360e837ff07SGreg Roach.list_value,
361e837ff07SGreg Roach.list_value_wrap,
362e837ff07SGreg Roach.messagebox,
363e837ff07SGreg Roach.optionbox,
364e837ff07SGreg Roach.person0,
365e837ff07SGreg Roach.person1,
366e837ff07SGreg Roach.person2,
367e837ff07SGreg Roach.person3,
368e837ff07SGreg Roach.person4,
369e837ff07SGreg Roach.person5,
370ae92a87bSGreg Roach#tabs {
371e837ff07SGreg Roach    margin: 4px;
372e837ff07SGreg Roach    padding: 4px;
373e837ff07SGreg Roach    border-radius: 4px;
374e837ff07SGreg Roach}
375e837ff07SGreg Roach
376e837ff07SGreg Roach:focus {
377e837ff07SGreg Roach    outline-style: none;
378e837ff07SGreg Roach}
379e837ff07SGreg Roach
380e837ff07SGreg Roach.flash-messages {
381e837ff07SGreg Roach    clear: both;
382e837ff07SGreg Roach    text-align: center;
383e837ff07SGreg Roach}
384e837ff07SGreg Roach
385e837ff07SGreg Roachdl {
386e837ff07SGreg Roach    margin: 0;
387e837ff07SGreg Roach}
388e837ff07SGreg Roach
389e837ff07SGreg Roachdt {
390e837ff07SGreg Roach    float: left;
391e837ff07SGreg Roach    font-weight: bold;
392e837ff07SGreg Roach    margin-right: 10px;
393e837ff07SGreg Roach}
394e837ff07SGreg Roach
395e837ff07SGreg Roach.button {
396e837ff07SGreg Roach    width: 60px;
397e837ff07SGreg Roach}
398e837ff07SGreg Roach
399e837ff07SGreg Roach.alpha_index {
400e837ff07SGreg Roach    color: #999;
401e837ff07SGreg Roach}
402e837ff07SGreg Roach
403e837ff07SGreg Roach.news_box:target,
404e837ff07SGreg Roach#gedcom_stats:target {
405e837ff07SGreg Roach    background-color: #ffc;
406e837ff07SGreg Roach}
407e837ff07SGreg Roach
408e837ff07SGreg Roach/* families tab person box */
409e837ff07SGreg Roachtable.center {
410e837ff07SGreg Roach    margin-left: auto;
411e837ff07SGreg Roach    margin-right: auto;
412e837ff07SGreg Roach}
413e837ff07SGreg Roach
414e837ff07SGreg Roach.list_table {
415e837ff07SGreg Roach    margin: 0 auto;
416e837ff07SGreg Roach}
417e837ff07SGreg Roach
418e837ff07SGreg Roach.list_label,
419e837ff07SGreg Roach.list_label_wrap {
420e837ff07SGreg Roach    background-color: #ccc;
421e837ff07SGreg Roach    font-weight: bold;
422e837ff07SGreg Roach    text-align: center;
423e837ff07SGreg Roach}
424e837ff07SGreg Roach
425e837ff07SGreg Roach.list_value,
426e837ff07SGreg Roach.list_value_wrap {
427e837ff07SGreg Roach    background-color: #ddd;
428e837ff07SGreg Roach    vertical-align: top;
429e837ff07SGreg Roach}
430e837ff07SGreg Roach
431e837ff07SGreg Roach.list_label,
432e837ff07SGreg Roach.list_value {
433e837ff07SGreg Roach    white-space: nowrap;
434e837ff07SGreg Roach}
435e837ff07SGreg Roach
436e837ff07SGreg Roach.list_label_wrap,
437e837ff07SGreg Roach.list_value_wrap {
438e837ff07SGreg Roach    white-space: normal;
439e837ff07SGreg Roach}
440e837ff07SGreg Roach
441e837ff07SGreg Roachdiv.fact_SHARED_NOTE {
442e837ff07SGreg Roach    clear: both;
443e837ff07SGreg Roach}
444e837ff07SGreg Roach
445e837ff07SGreg Roach/* Table of genealogical facts */
446e837ff07SGreg Roach.wt-facts-table caption {
447e837ff07SGreg Roach    caption-side: top;
448e837ff07SGreg Roach}
449e837ff07SGreg Roach
450e837ff07SGreg Roach.wt-facts-table th {
451e837ff07SGreg Roach    background-color: #ccc;
452e837ff07SGreg Roach    border-radius: 4px;
453e837ff07SGreg Roach    text-align: center;
454e837ff07SGreg Roach    font-weight: normal;
455e837ff07SGreg Roach    min-width: 20%;
456e837ff07SGreg Roach}
457e837ff07SGreg Roach
458e837ff07SGreg Roach.wt-facts-table td {
459e837ff07SGreg Roach    border-radius: 4px;
460ff8836abSGreg Roach    background-color: #ddd;
461e837ff07SGreg Roach}
462e837ff07SGreg Roach
4631baf69deSGreg Roach.wt-facts-table .wt-sex-m > td {
464503dcad6SDavid Drury    background-color: var(--sex-m-bg);
465e837ff07SGreg Roach}
466e837ff07SGreg Roach
4671baf69deSGreg Roach.wt-facts-table .wt-sex-f > td {
468503dcad6SDavid Drury    background-color: var(--sex-f-bg);
469e837ff07SGreg Roach}
470e837ff07SGreg Roach
4711baf69deSGreg Roach.wt-facts-table .wt-sex-u > td {
4721baf69deSGreg Roach    background-color: var(--sex-u-bg);
4731baf69deSGreg Roach}
4741baf69deSGreg Roach
4751baf69deSGreg Roach.wt-facts-table .wt-sex-x > td {
4761baf69deSGreg Roach    background-color: var(--sex-x-bg);
4771baf69deSGreg Roach}
4781baf69deSGreg Roach
479e837ff07SGreg Roach.details_label {
480e837ff07SGreg Roach    font-weight: bold;
481e837ff07SGreg Roach}
482e837ff07SGreg Roach
483e837ff07SGreg Roach.date {
484e837ff07SGreg Roach    color: #337;
485e837ff07SGreg Roach}
486e837ff07SGreg Roach
487e837ff07SGreg Roach.label {
488e837ff07SGreg Roach    font-weight: bold;
489e837ff07SGreg Roach}
490e837ff07SGreg Roach
491e837ff07SGreg Roach.error {
492e837ff07SGreg Roach    color: #f00;
493e837ff07SGreg Roach    font-weight: bold;
494e837ff07SGreg Roach}
495e837ff07SGreg Roach
496e837ff07SGreg Roach.indent {
497e837ff07SGreg Roach    padding-left: 7px;
498e837ff07SGreg Roach}
499e837ff07SGreg Roach
500e837ff07SGreg Roach.parentdeath {
501e837ff07SGreg Roach    padding: 1px;
502e837ff07SGreg Roach}
503e837ff07SGreg Roach
504e837ff07SGreg Roach.journal_box {
505e837ff07SGreg Roach    padding: 3pt;
506e837ff07SGreg Roach    border: thin solid #aaa;
507e837ff07SGreg Roach    overflow: visible;
508e837ff07SGreg Roach}
509e837ff07SGreg Roach
510e837ff07SGreg Roach.news_box {
511e837ff07SGreg Roach    background-color: #ccc;
512e837ff07SGreg Roach    border-top: none;
5138e59172eSGreg Roach    padding: 0.25rem;
514e837ff07SGreg Roach}
515e837ff07SGreg Roach
516e837ff07SGreg Roach.news_title {
517e837ff07SGreg Roach    font-weight: bold;
518e837ff07SGreg Roach    font-size: 14px;
519e837ff07SGreg Roach}
520e837ff07SGreg Roach
521e837ff07SGreg Roach.news_date {
522e837ff07SGreg Roach    margin-bottom: 12px;
523e837ff07SGreg Roach}
524e837ff07SGreg Roach
525e837ff07SGreg Roach.current_day {
526e837ff07SGreg Roach    font-weight: bold;
527e837ff07SGreg Roach    font-size: 16px;
528e837ff07SGreg Roach}
529e837ff07SGreg Roach
530e837ff07SGreg Roach.cal_day {
531e837ff07SGreg Roach    font-weight: bold;
532e837ff07SGreg Roach}
533e837ff07SGreg Roach
534e837ff07SGreg Roach.rtl_cal_day {
535e837ff07SGreg Roach    color: #00f;
536e837ff07SGreg Roach    font-weight: bold;
537e837ff07SGreg Roach}
538e837ff07SGreg Roach
539e837ff07SGreg Roach#user-page h1 {
540e837ff07SGreg Roach    margin: 0.25em auto 0.6em;
541e837ff07SGreg Roach}
542e837ff07SGreg Roach
543e837ff07SGreg Roach.tvertline {
544e837ff07SGreg Roach    vertical-align: bottom;
545e837ff07SGreg Roach}
546e837ff07SGreg Roach
547e837ff07SGreg Roach#childbox {
548e837ff07SGreg Roach    padding: 5px;
549e837ff07SGreg Roach    position: absolute;
550e837ff07SGreg Roach    display: none;
551e837ff07SGreg Roach    text-align: start;
552e837ff07SGreg Roach    white-space: nowrap;
553e837ff07SGreg Roach    top: 20px;
554e837ff07SGreg Roach    left: 0;
555e837ff07SGreg Roach}
556e837ff07SGreg Roach
557e837ff07SGreg Roach.layout3 #childbox {
558e837ff07SGreg Roach    top: auto;
559e837ff07SGreg Roach    bottom: 20px;
560e837ff07SGreg Roach}
561e837ff07SGreg Roach
562e837ff07SGreg Roach.person0 {
563e837ff07SGreg Roach    background-color: #aaf;
564e837ff07SGreg Roach    vertical-align: top;
565e837ff07SGreg Roach}
566e837ff07SGreg Roach
567e837ff07SGreg Roach.person1 {
568e837ff07SGreg Roach    background-color: #afa;
569e837ff07SGreg Roach    vertical-align: top;
570e837ff07SGreg Roach}
571e837ff07SGreg Roach
572e837ff07SGreg Roach.person2 {
573e837ff07SGreg Roach    background-color: #faa;
574e837ff07SGreg Roach    vertical-align: top;
575e837ff07SGreg Roach}
576e837ff07SGreg Roach
577e837ff07SGreg Roach.person3 {
578e837ff07SGreg Roach    background-color: #55f;
579e837ff07SGreg Roach    vertical-align: top;
580e837ff07SGreg Roach}
581e837ff07SGreg Roach
582e837ff07SGreg Roach.person4 {
583e837ff07SGreg Roach    background-color: #f55;
584e837ff07SGreg Roach    vertical-align: top;
585e837ff07SGreg Roach}
586e837ff07SGreg Roach
587e837ff07SGreg Roach.person5 {
588e837ff07SGreg Roach    background-color: #5f5;
589e837ff07SGreg Roach    vertical-align: top;
590e837ff07SGreg Roach}
591e837ff07SGreg Roach
592e837ff07SGreg Roach.starredname {
593e837ff07SGreg Roach    text-decoration: underline;
594e837ff07SGreg Roach}
595e837ff07SGreg Roach
596e837ff07SGreg Roach.search_hit {
597e837ff07SGreg Roach    background-color: #ff0;
598e837ff07SGreg Roach}
599e837ff07SGreg Roach
600e837ff07SGreg Roach.descriptionbox {
601e837ff07SGreg Roach    font-weight: bold;
602e837ff07SGreg Roach    background-color: #ccc;
603e837ff07SGreg Roach    vertical-align: top;
604e837ff07SGreg Roach}
605e837ff07SGreg Roach
606e837ff07SGreg Roach.descriptionbox {
607e837ff07SGreg Roach    font-size: 14px;
608e837ff07SGreg Roach    background-color: #ccc;
609e837ff07SGreg Roach    vertical-align: top;
610e837ff07SGreg Roach    padding: 3px;
611e837ff07SGreg Roach}
612e837ff07SGreg Roach
613e837ff07SGreg Roach.optionbox {
614e837ff07SGreg Roach    background-color: #ddd;
615e837ff07SGreg Roach    color: #000;
616e837ff07SGreg Roach    vertical-align: top;
617e837ff07SGreg Roach    white-space: nowrap;
618e837ff07SGreg Roach    padding: 3px;
619e837ff07SGreg Roach}
620e837ff07SGreg Roach
621e837ff07SGreg Roach.red {
622e837ff07SGreg Roach    color: #f00;
623e837ff07SGreg Roach}
624e837ff07SGreg Roach
62591a257a4SGreg Roach.wt-associate-fact,
626e837ff07SGreg Roach.wt-relation-fact,
627e837ff07SGreg Roach.wt-historic-fact {
628e837ff07SGreg Roach    opacity: 0.8;
629e837ff07SGreg Roach}
630e837ff07SGreg Roach
631e837ff07SGreg Roach.messagebox {
632e837ff07SGreg Roach    background-color: #bce;
633e837ff07SGreg Roach}
634e837ff07SGreg Roach
635e837ff07SGreg Roach/* ---Pending edits--- */
63617dd427eSGreg Roach.wt-new {
637e837ff07SGreg Roach    outline: solid #00f 1px;
638e837ff07SGreg Roach}
639e837ff07SGreg Roach
64017dd427eSGreg Roach.wt-old {
641e837ff07SGreg Roach    outline: solid #f00 1px;
642e837ff07SGreg Roach}
643e837ff07SGreg Roach
644e837ff07SGreg Roach.nowrap {
645e837ff07SGreg Roach    white-space: nowrap;
646e837ff07SGreg Roach}
647e837ff07SGreg Roach
648e837ff07SGreg Roach.wrap {
649e837ff07SGreg Roach    white-space: normal;
650e837ff07SGreg Roach}
651e837ff07SGreg Roach
652e837ff07SGreg Roach.statistics-page {
653e837ff07SGreg Roach    text-align: center;
654e837ff07SGreg Roach}
655e837ff07SGreg Roach
656e837ff07SGreg Roach.gchart {
657e837ff07SGreg Roach    border: 0;
658e837ff07SGreg Roach}
659e837ff07SGreg Roach
660e837ff07SGreg Roach#facts_content dd {
661e837ff07SGreg Roach    float: left;
662e837ff07SGreg Roach    width: 70%;
663e837ff07SGreg Roach}
664e837ff07SGreg Roach
665e837ff07SGreg Roach.filtersH,
666e837ff07SGreg Roach.filtersF {
667e837ff07SGreg Roach    margin: 4px;
668e837ff07SGreg Roach}
669e837ff07SGreg Roach
670e837ff07SGreg Roach.filtersH img {
671e837ff07SGreg Roach    margin-bottom: 2px;
672e837ff07SGreg Roach}
673e837ff07SGreg Roach
674e837ff07SGreg Roach.list-charts {
675e837ff07SGreg Roach    text-align: center;
676e837ff07SGreg Roach}
677e837ff07SGreg Roach
678e837ff07SGreg Roach#place-hierarchy h2,
679e837ff07SGreg Roach#place-hierarchy h4 {
680e837ff07SGreg Roach    text-align: center;
681e837ff07SGreg Roach}
682e837ff07SGreg Roach
683e837ff07SGreg Roach.user_welcome_block table,
684e837ff07SGreg Roach.gedcom_block_block table {
685e837ff07SGreg Roach    margin: auto;
686e837ff07SGreg Roach}
687e837ff07SGreg Roach
688e837ff07SGreg Roach.user_welcome_block td,
689e837ff07SGreg Roach.gedcom_block_block td {
690e837ff07SGreg Roach    width: 33%;
691e837ff07SGreg Roach    text-align: center;
692e837ff07SGreg Roach    vertical-align: top;
693e837ff07SGreg Roach}
694e837ff07SGreg Roach
695e837ff07SGreg Roach/* ==== FAQ table styles ===== */
696e837ff07SGreg Roachtable.faq {
697e837ff07SGreg Roach    background-color: #ddd;
698e837ff07SGreg Roach    margin: 5px 0 50px 5px;
699e837ff07SGreg Roach    width: 98%;
700e837ff07SGreg Roach}
701e837ff07SGreg Roach
702e837ff07SGreg Roachtable.faq tr:nth-child(odd) td {
703e837ff07SGreg Roach    background-color: #eee;
704e837ff07SGreg Roach}
705e837ff07SGreg Roach
706e837ff07SGreg Roachdiv.faq_title {
707e837ff07SGreg Roach    background-color: #ddd;
708e837ff07SGreg Roach    margin: 1em 0;
709e837ff07SGreg Roach    padding: .25em;
710e837ff07SGreg Roach    font-weight: bold;
711e837ff07SGreg Roach    width: 98%;
712e837ff07SGreg Roach}
713e837ff07SGreg Roach
714e837ff07SGreg Roachdiv.faq_body {
715e837ff07SGreg Roach    clear: both;
716e837ff07SGreg Roach    padding: 0 1em;
717e837ff07SGreg Roach}
718e837ff07SGreg Roach
719e837ff07SGreg Roach.faq_top {
720e837ff07SGreg Roach    float: right;
721e837ff07SGreg Roach}
722e837ff07SGreg Roach
723e837ff07SGreg Roach#indi_note {
724e837ff07SGreg Roach    margin: 0 0 5px;
725e837ff07SGreg Roach}
726e837ff07SGreg Roach
727e837ff07SGreg Roach.indi_table {
728e837ff07SGreg Roach    clear: left;
729e837ff07SGreg Roach}
730e837ff07SGreg Roach
731e837ff07SGreg Roach#indi_note .fact_NOTE {
732e837ff07SGreg Roach    float: left;
733e837ff07SGreg Roach    margin: 0 5px 0 0;
734e837ff07SGreg Roach}
735e837ff07SGreg Roach
736e837ff07SGreg Roach#indi_note .fact_SOUR {
737e837ff07SGreg Roach    margin: 3px 0;
738e837ff07SGreg Roach}
739e837ff07SGreg Roach
740e837ff07SGreg Roach#indi_note .fact_SOUR a {
741e837ff07SGreg Roach    font-size: 100%;
742e837ff07SGreg Roach}
743e837ff07SGreg Roach
744e837ff07SGreg Roach#indi_note .fact_NOTE,
745e837ff07SGreg Roach#indi_note .fact_SOUR {
746e837ff07SGreg Roach    clear: both;
747e837ff07SGreg Roach}
748e837ff07SGreg Roach
749e837ff07SGreg Roach.odometer {
750e837ff07SGreg Roach    font-family: courier, monospace;
751e837ff07SGreg Roach    font-weight: bold;
752e837ff07SGreg Roach    background: #000;
753e837ff07SGreg Roach    color: #fff;
754e837ff07SGreg Roach}
755e837ff07SGreg Roach
756e837ff07SGreg Roach.upcoming_events_block button,
757e837ff07SGreg Roach.todays_events_block button {
758e837ff07SGreg Roach    margin: 0 20px;
759e837ff07SGreg Roach}
760e837ff07SGreg Roach
761e837ff07SGreg Roach/* Sidebar - Family navigator */
762e837ff07SGreg Roach.wt-family-navigator-dropdown {
763e837ff07SGreg Roach    background: #eee;
764e837ff07SGreg Roach}
765e837ff07SGreg Roach
766e837ff07SGreg Roach.wt-family-navigator-dropdown-heading {
767e837ff07SGreg Roach    font-weight: bold;
768e837ff07SGreg Roach    font-size: inherit;
769e837ff07SGreg Roach    color: inherit;
770e837ff07SGreg Roach}
771e837ff07SGreg Roach
772e837ff07SGreg Roach/* Sidebar - Descendants */
773e837ff07SGreg Roach#sb_content_descendancy {
774e837ff07SGreg Roach    margin-top: 5px;
775e837ff07SGreg Roach}
776e837ff07SGreg Roach
777e837ff07SGreg Roach#sb_desc_content {
778e837ff07SGreg Roach    margin-left: 3px;
779e837ff07SGreg Roach    font-size: 0.8em;
780e837ff07SGreg Roach}
781e837ff07SGreg Roach
782e837ff07SGreg Roach#sb_desc_content ul {
783e837ff07SGreg Roach    padding: 0;
784e837ff07SGreg Roach    margin: 0;
785e837ff07SGreg Roach}
786e837ff07SGreg Roach
787e837ff07SGreg Roach.sb_desc_indi_li {
788e837ff07SGreg Roach    list-style-type: none;
789e837ff07SGreg Roach}
790e837ff07SGreg Roach
791e837ff07SGreg Roach/* Individuals and Families */
792e837ff07SGreg Roach#sidebar-content-individuals,
793e837ff07SGreg Roach#sidebar-content-families {
794e837ff07SGreg Roach    margin-top: 5px;
795e837ff07SGreg Roach}
796e837ff07SGreg Roach
797e837ff07SGreg Roach.sb_indi_surname_li,
798e837ff07SGreg Roach.sb_fam_surname_li {
79908362db4SGreg Roach    list-style-image: url(icons/plus.png);
800e837ff07SGreg Roach}
801e837ff07SGreg Roach
802e837ff07SGreg Roach.name_tree_div ul {
803e837ff07SGreg Roach    padding: 0;
804e837ff07SGreg Roach    margin: 0;
805e837ff07SGreg Roach}
806e837ff07SGreg Roach
807e837ff07SGreg Roach.name_tree_div li {
808e837ff07SGreg Roach    list-style: none;
809e837ff07SGreg Roach    margin: 0;
810e837ff07SGreg Roach    padding: 0;
811e837ff07SGreg Roach}
812e837ff07SGreg Roach
813e837ff07SGreg Roach/* Clippings */
814e837ff07SGreg Roach#sb_clippings_content ul {
815e837ff07SGreg Roach    padding: 0;
816e837ff07SGreg Roach    margin: 0;
817e837ff07SGreg Roach}
818e837ff07SGreg Roach
819e837ff07SGreg Roach#sb_clippings_content li {
820e837ff07SGreg Roach    list-style: none;
821e837ff07SGreg Roach    margin: 0;
822e837ff07SGreg Roach    padding: 0;
823e837ff07SGreg Roach    white-space: nowrap;
824e837ff07SGreg Roach}
825e837ff07SGreg Roach
826e837ff07SGreg Roach/*-- Fan chart ---- */
827e837ff07SGreg Roach.fan_chart_menu {
828b6c326d8SGreg Roach    background: #fff;
829e837ff07SGreg Roach    position: absolute;
830e837ff07SGreg Roach    display: none;
831e837ff07SGreg Roach    z-index: 100;
832e837ff07SGreg Roach}
833e837ff07SGreg Roach
834e837ff07SGreg Roach#fan_chart ul {
835e837ff07SGreg Roach    list-style-type: none;
836e837ff07SGreg Roach    margin: 0;
837e837ff07SGreg Roach}
838e837ff07SGreg Roach
839e837ff07SGreg Roach/* Lifespans chart */
840e837ff07SGreg Roach.wt-lifespans-subtitle {
841e837ff07SGreg Roach    text-align: center;
842e837ff07SGreg Roach}
843e837ff07SGreg Roach
844e837ff07SGreg Roach.wt-lifespans-scale {
845e837ff07SGreg Roach    white-space: nowrap;
846e837ff07SGreg Roach}
847e837ff07SGreg Roach
848e837ff07SGreg Roach.wt-lifespans-decade {
849e837ff07SGreg Roach    width: 70px;
850e837ff07SGreg Roach    height: 60px;
851e837ff07SGreg Roach    display: inline-block;
85297c22350SGreg Roach    background-image: url(images/lifespan-decade.png);
853e837ff07SGreg Roach    background-position-y: bottom;
854e837ff07SGreg Roach    background-repeat: no-repeat;
855e837ff07SGreg Roach    background-size: 70px 37px;
856e837ff07SGreg Roach}
857e837ff07SGreg Roach
858e837ff07SGreg Roach.wt-lifespans-individuals {
859e837ff07SGreg Roach    background: #fafafa;
860e837ff07SGreg Roach}
861e837ff07SGreg Roach
862e837ff07SGreg Roach.wt-lifespans-individual {
863e837ff07SGreg Roach
864e837ff07SGreg Roach}
865e837ff07SGreg Roach
866e837ff07SGreg Roach.wt-lifespans-summary {
867e837ff07SGreg Roach    background: #ffffff;
868e837ff07SGreg Roach    border: thin solid #000;
869e837ff07SGreg Roach    z-index: 1;
870e837ff07SGreg Roach}
871e837ff07SGreg Roach
872e837ff07SGreg Roach.wt-lifespans-summary-link {
873e837ff07SGreg Roach    font-weight: bold;
874e837ff07SGreg Roach}
875e837ff07SGreg Roach
876e837ff07SGreg Roach/*-- timeline  --*/
877e837ff07SGreg Roach#timeline_chart {
878e837ff07SGreg Roach    position: relative;
879e837ff07SGreg Roach    top: 0;
880e837ff07SGreg Roach    left: 0;
881e837ff07SGreg Roach}
882e837ff07SGreg Roach
88348b53306SGreg Roach/*
88448b53306SGreg Roach * Any element that is loaded dynamically has the class wt-ajax-load.
88548b53306SGreg Roach * We can provide a "loading" placeholder for empty elements with this class.
88648b53306SGreg Roach */
88748b53306SGreg Roach.wt-ajax-load:empty {
88848b53306SGreg Roach    height: 32px;
88948b53306SGreg Roach    background: url(images/loading-32x32.gif) no-repeat 50% 50%;
89048b53306SGreg Roach}
89148b53306SGreg Roach
89239b853a7SGreg Roach/*
89339b853a7SGreg Roach * Default icons are provided by FontAwesome.
89439b853a7SGreg Roach */
895e39fd5c6SGreg Roach.wt-icon-anniversary {
896e39fd5c6SGreg Roach}
897e39fd5c6SGreg Roach
89839b853a7SGreg Roach.wt-icon-arrow-down {
89939b853a7SGreg Roach}
90039b853a7SGreg Roach
90139b853a7SGreg Roacha > .wt-icon-arrow-down:hover {
90239b853a7SGreg Roach}
90339b853a7SGreg Roach
90439b853a7SGreg Roach.wt-icon-arrow-left {
90539b853a7SGreg Roach}
90639b853a7SGreg Roach
90739b853a7SGreg Roacha > .wt-icon-arrow-left:hover {
90839b853a7SGreg Roach}
90939b853a7SGreg Roach
91039b853a7SGreg Roach.wt-icon-arrow-right {
91139b853a7SGreg Roach}
91239b853a7SGreg Roach
91339b853a7SGreg Roacha > .wt-icon-arrow-right:hover {
91439b853a7SGreg Roach}
91539b853a7SGreg Roach
91639b853a7SGreg Roach.wt-icon-arrow-up {
91739b853a7SGreg Roach}
91839b853a7SGreg Roach
91939b853a7SGreg Roacha > .wt-icon-arrow-up:hover {
92039b853a7SGreg Roach}
92139b853a7SGreg Roach
92208362db4SGreg Roach.wt-icon-bing-maps {
92308362db4SGreg Roach}
92408362db4SGreg Roach
92508362db4SGreg Roach.wt-icon-calendar {
92608362db4SGreg Roach}
92708362db4SGreg Roach
92816e8b6e8SGreg Roach.wt-icon-collapse {
92916e8b6e8SGreg Roach}
93016e8b6e8SGreg Roach
93139b853a7SGreg Roach.wt-icon-coordinates {
93208362db4SGreg Roach}
93308362db4SGreg Roach
93408362db4SGreg Roach.wt-icon-copy {
93508362db4SGreg Roach}
93608362db4SGreg Roach
93708362db4SGreg Roach.wt-icon-delete {
93808362db4SGreg Roach}
93908362db4SGreg Roach
94008362db4SGreg Roach.wt-icon-edit {
94139b853a7SGreg Roach}
94239b853a7SGreg Roach
94316e8b6e8SGreg Roach.wt-icon-expand {
94416e8b6e8SGreg Roach}
94516e8b6e8SGreg Roach
94608362db4SGreg Roach.wt-icon-family {
94708362db4SGreg Roach}
94808362db4SGreg Roach
94908362db4SGreg Roach.wt-icon-google-maps {
95008362db4SGreg Roach}
95108362db4SGreg Roach
95208362db4SGreg Roach.wt-icon-help {
95308362db4SGreg Roach}
95408362db4SGreg Roach
95508362db4SGreg Roach.wt-icon-individual {
95608362db4SGreg Roach}
95708362db4SGreg Roach
95808362db4SGreg Roach.wt-icon-keyboard {
95908362db4SGreg Roach}
96008362db4SGreg Roach
96108362db4SGreg Roach.wt-icon-media {
96208362db4SGreg Roach}
96308362db4SGreg Roach
96408362db4SGreg Roach.wt-icon-note {
96508362db4SGreg Roach}
96608362db4SGreg Roach
96708362db4SGreg Roach.wt-icon-openstreetmap {
96808362db4SGreg Roach}
96908362db4SGreg Roach
97008362db4SGreg Roach.wt-icon-preferences {
97108362db4SGreg Roach}
97208362db4SGreg Roach
973e39fd5c6SGreg Roach.wt-icon-reorder {
97408362db4SGreg Roach}
97508362db4SGreg Roach
97608362db4SGreg Roach.wt-icon-repository {
977e39fd5c6SGreg Roach}
978e39fd5c6SGreg Roach
979242a7862SGreg Roach.wt-icon-sex-f {
9809053a070SGreg Roach    color: var(--sex-f-fg);
98148b53306SGreg Roach}
98248b53306SGreg Roach
983242a7862SGreg Roach.wt-icon-sex-m {
984242a7862SGreg Roach    color: var(--sex-m-fg);
985242a7862SGreg Roach}
986242a7862SGreg Roach
987242a7862SGreg Roach.wt-icon-sex-u {
98848b53306SGreg Roach    color: var(--sex-u-fg);
98948b53306SGreg Roach}
99048b53306SGreg Roach
991242a7862SGreg Roach.wt-icon-sex-x {
99248b53306SGreg Roach    color: var(--sex-u-fg);
99348b53306SGreg Roach}
99448b53306SGreg Roach
99508362db4SGreg Roach.wt-icon-source {
99608362db4SGreg Roach}
99708362db4SGreg Roach
99808362db4SGreg Roach.wt-icon-submitter {
99908362db4SGreg Roach}
100008362db4SGreg Roach
1001e39fd5c6SGreg Roach.wt-icon-warning {
1002e39fd5c6SGreg Roach}
1003e39fd5c6SGreg Roach
1004242a7862SGreg Roach.wt-icon-zoom-in {
1005242a7862SGreg Roach}
1006242a7862SGreg Roach
1007242a7862SGreg Roach.wt-icon-zoom-out {
1008242a7862SGreg Roach}
1009242a7862SGreg Roach
101008362db4SGreg Roach/* Miscellaneous images */
1011e837ff07SGreg Roach.icon-cfamily {
101208362db4SGreg Roach    content: url(fab/images/cfamily.png);
1013e837ff07SGreg Roach}
1014e837ff07SGreg Roach
1015e837ff07SGreg Roach.icon-childless {
101608362db4SGreg Roach    content: url(images/childless.png);
1017e837ff07SGreg Roach}
1018e837ff07SGreg Roach
1019e837ff07SGreg Roach.icon-children {
102008362db4SGreg Roach    content: url(images/children.png);
1021e837ff07SGreg Roach}
1022e837ff07SGreg Roach
1023e837ff07SGreg Roach.icon-edit_indi {
102408362db4SGreg Roach    content: url(fab/images/edit_indi.png);
1025e837ff07SGreg Roach}
1026e837ff07SGreg Roach
1027e837ff07SGreg Roach.icon-fam-list {
102808362db4SGreg Roach    content: url(fab/images/sfamily.png);
1029e837ff07SGreg Roach}
1030e837ff07SGreg Roach
1031e837ff07SGreg Roach.icon-indi-list {
103208362db4SGreg Roach    content: url(fab/images/indis.png);
1033e837ff07SGreg Roach}
1034e837ff07SGreg Roach
1035e837ff07SGreg Roach.icon-loading-small {
103608362db4SGreg Roach    content: url(images/indicator.gif);
1037e837ff07SGreg Roach}
1038e837ff07SGreg Roach
1039e837ff07SGreg Roach.icon-minus {
104008362db4SGreg Roach    content: url(icons/minus.png);
1041e837ff07SGreg Roach}
1042e837ff07SGreg Roach
1043e837ff07SGreg Roach.icon-mypage {
104408362db4SGreg Roach    content: url(fab/images/mypage.png);
1045e837ff07SGreg Roach}
1046e837ff07SGreg Roach
1047e837ff07SGreg Roach.icon-pin-in {
104808362db4SGreg Roach    content: url(fab/images/pin-in.png);
1049e837ff07SGreg Roach}
1050e837ff07SGreg Roach
1051e837ff07SGreg Roach.icon-pin-out {
105208362db4SGreg Roach    content: url(fab/images/pin-out.png);
1053e837ff07SGreg Roach}
1054e837ff07SGreg Roach
1055e837ff07SGreg Roach.icon-plus {
105608362db4SGreg Roach    content: url(icons/plus.png);
1057e837ff07SGreg Roach}
1058e837ff07SGreg Roach
1059e837ff07SGreg Roach.icon-resn-confidential {
106008362db4SGreg Roach    content: url(images/resn_confidential.png);
1061e837ff07SGreg Roach}
1062e837ff07SGreg Roach
1063e837ff07SGreg Roach.icon-resn-locked {
106408362db4SGreg Roach    content: url(images/resn_locked.png);
1065e837ff07SGreg Roach}
1066e837ff07SGreg Roach
1067e837ff07SGreg Roach.icon-resn-none {
106808362db4SGreg Roach    content: url(images/resn_none.png);
1069e837ff07SGreg Roach}
1070e837ff07SGreg Roach
1071e837ff07SGreg Roach.icon-resn-privacy {
107208362db4SGreg Roach    content: url(images/resn_privacy.png);
1073e837ff07SGreg Roach}
1074e837ff07SGreg Roach
1075e837ff07SGreg Roach.icon-rings {
107608362db4SGreg Roach    content: url(images/rings.png);
1077e837ff07SGreg Roach}
1078e837ff07SGreg Roach
1079e837ff07SGreg Roach.icon-selected {
108008362db4SGreg Roach    content: url(fab/images/selected.png);
1081e837ff07SGreg Roach}
1082e837ff07SGreg Roach
1083e837ff07SGreg Roach/* Silhouettes on charts */
10841baf69deSGreg Roach.icon-silhouette-f {
108508362db4SGreg Roach    content: url(fab/images/silhouette_female_small.png);
1086e837ff07SGreg Roach}
1087e837ff07SGreg Roach
10881baf69deSGreg Roach.icon-silhouette-m {
108908362db4SGreg Roach    content: url(fab/images/silhouette_male_small.png);
1090e837ff07SGreg Roach}
1091e837ff07SGreg Roach
10921baf69deSGreg Roach.icon-silhouette-u,
10931baf69deSGreg Roach.icon-silhouette-x {
109408362db4SGreg Roach    content: url(fab/images/silhouette_unknown_small.png);
1095e837ff07SGreg Roach}
1096e837ff07SGreg Roach
1097e837ff07SGreg Roach.menu-language li {
1098e837ff07SGreg Roach    text-align: left; /* The language menu is always LTR, even on RTL pages */
1099e837ff07SGreg Roach}
1100e837ff07SGreg Roach
1101e837ff07SGreg Roach.menu-theme li {
1102e837ff07SGreg Roach    text-align: left; /* The theme menu is always LTR, even on RTL pages */
1103e837ff07SGreg Roach}
1104e837ff07SGreg Roach
1105e837ff07SGreg Roach.icon-indis {
110608362db4SGreg Roach    content: url(fab/images/indis.png);
1107e837ff07SGreg Roach}
1108e837ff07SGreg Roach
1109e837ff07SGreg Roach.icon-patriarch {
111008362db4SGreg Roach    content: url(fab/images/patriarch.png);
1111e837ff07SGreg Roach}
1112e837ff07SGreg Roach
1113e837ff07SGreg Roach.icon-pedigree {
111408362db4SGreg Roach    content: url(fab/images/pedigree.png);
1115e837ff07SGreg Roach}
1116e837ff07SGreg Roach
1117e837ff07SGreg Roach.icon-sfamily {
111808362db4SGreg Roach    content: url(fab/images/sfamily.png);
1119e837ff07SGreg Roach}
1120e837ff07SGreg Roach
1121e837ff07SGreg Roach.icon-user_add {
112208362db4SGreg Roach    content: url(fab/images/user_add.png);
1123e837ff07SGreg Roach}
1124e837ff07SGreg Roach
1125f699d6fcSGreg Roach/* Census assistant */
1126f699d6fcSGreg Roach.wt-census-assistant-form-control:focus {
1127f699d6fcSGreg Roach    min-width: 12rem;
1128f699d6fcSGreg Roach}
1129f699d6fcSGreg Roach
1130f699d6fcSGreg Roach/* Some blocks show a reduced version on the right-hand side. */
1131f699d6fcSGreg Roach.wt-side-blocks .wt-side-block-optional {
1132f699d6fcSGreg Roach    display: none !important;
1133f699d6fcSGreg Roach}
1134f699d6fcSGreg Roach
1135f699d6fcSGreg Roach/* my page chart enhancements */
1136f699d6fcSGreg Roach.wt-block-content-charts {
1137f699d6fcSGreg Roach    overflow: auto;
1138f699d6fcSGreg Roach}
1139f699d6fcSGreg Roach
1140f699d6fcSGreg Roach/* Some charts are wider than the page. */
1141f699d6fcSGreg Roach.wt-chart {
1142f699d6fcSGreg Roach    overflow-x: auto;
1143f699d6fcSGreg Roach    overflow-y: hidden;
1144f699d6fcSGreg Roach}
1145f699d6fcSGreg Roach
1146f699d6fcSGreg Roach/* Forms */
1147f699d6fcSGreg Roach.col-form-label {
1148f699d6fcSGreg Roach    font-weight: bold;
1149f699d6fcSGreg Roach}
1150