xref: /webtrees/resources/css/clouds.css (revision d11be7027e34e3121be11cc025421873364403f9)
1e837ff07SGreg Roach/**
2e837ff07SGreg Roach * webtrees: online genealogy
3*d11be702SGreg 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
16e837ff07SGreg Roach/* The clouds 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: #039;
247a821518SGreg Roach    --link-decoration-hover: none;
257a821518SGreg Roach    --link-decoration: none;
267a821518SGreg Roach    --sex-f-bg: #ffdddd;
277a821518SGreg Roach    --sex-f-fg: #aaaaaa;
287a821518SGreg Roach    --sex-m-bg: #ddddff;
297a821518SGreg Roach    --sex-m-fg: #aaaaaa;
307a821518SGreg Roach    --sex-u-bg: #ffffff;
317a821518SGreg Roach    --sex-u-fg: #aaaaaa;
321baf69deSGreg Roach    --sex-x-bg: #fceaa1;
331baf69deSGreg Roach    --sex-x-fg: #ffab57;
3497c22350SGreg Roach}
3597c22350SGreg Roach
36e837ff07SGreg Roach/* Override Bootstrap formatting */
37e837ff07SGreg Roach
38e837ff07SGreg Roach.table-given-name {
39e837ff07SGreg Roach    overflow-x: hidden;
40e837ff07SGreg Roach}
41e837ff07SGreg Roach
42e837ff07SGreg Roach.btn-link {
43e837ff07SGreg Roach    padding: 0 .25rem;
44e837ff07SGreg Roach}
45e837ff07SGreg Roach
46e837ff07SGreg Roach.container-fluid {
47e837ff07SGreg Roach    padding-left: 5px;
48e837ff07SGreg Roach    padding-right: 5px;
49e837ff07SGreg Roach}
50e837ff07SGreg Roach
51e837ff07SGreg Roachtable {
52e837ff07SGreg Roach    border-collapse: separate;
53e837ff07SGreg Roach}
54e837ff07SGreg Roach
55e837ff07SGreg Roach.dropdown-menu {      /* Fix dropdown on Place Lists/Place Hierarchy */
56e837ff07SGreg Roach    z-index: 1010;
57e837ff07SGreg Roach}
58e837ff07SGreg Roach
59e837ff07SGreg Roach/*
60e837ff07SGreg Roach * Pages have the following high-level structure:
61e837ff07SGreg Roach *
6297c22350SGreg Roach * wt-global wt-theme-<THEME> wt-route-<ROUTE>
63e837ff07SGreg Roach * +---wt-header-wrapper
64e759aebbSGreg Roach * |   +---wt-header-container
65e837ff07SGreg Roach * |       +---wt-header-content
66e837ff07SGreg Roach * |           +---wt-accessibility-links
67e837ff07SGreg Roach * |           +---wt-site-logo
68e837ff07SGreg Roach * |           +---wt-site-title
69e837ff07SGreg Roach * |           +---wt-header-search
70e837ff07SGreg Roach * |           |   +---wt-header-search-form
71e837ff07SGreg Roach * |           |       +---wt-header-search-field
72e837ff07SGreg Roach * |           |       +---wt-header-search-button
73e837ff07SGreg Roach * |           +---wt-secondary-navigation
740c8c69d4SGreg Roach * |           |   +---wt-user-menu
75e837ff07SGreg Roach * |           +---wt-primary-navigation
760c8c69d4SGreg Roach * |               +---wt-genealogy-menu
77e759aebbSGreg Roach * +---wt-main-wrapper
78e759aebbSGreg Roach * |   +---wt-main-container
79e837ff07SGreg Roach * |       +---wt-main-content
80e837ff07SGreg Roach * |           +---wt-messages
81e837ff07SGreg Roach * |           +---wt-page-title
82e837ff07SGreg Roach * |           +---wt-page-options wt-page-options-xxxxx
83e837ff07SGreg Roach * |           +---wt-page-content
8497c22350SGreg Roach * +---wt-footers
85b3a775f6SGreg Roach *     +---wt-footer wt-footer-xxxxx
86e837ff07SGreg Roach */
87e837ff07SGreg Roach
88e837ff07SGreg Roach.wt-global {
89e837ff07SGreg Roach    background: #c8e7ff url(clouds/images/background.png) repeat-x fixed top left;
90e837ff07SGreg Roach    color: #006;
91e837ff07SGreg Roach}
92e837ff07SGreg Roach
93e837ff07SGreg Roach.wt-header-wrapper {
94e837ff07SGreg Roach    background: #acf url(clouds/images/clouds.png) repeat-x;
95e837ff07SGreg Roach    border-bottom: thin solid #79c;
96e837ff07SGreg Roach}
97e837ff07SGreg Roach
98e837ff07SGreg Roach.wt-header-wrapper .dropdown-item.active {
99e837ff07SGreg Roach    background-color: inherit;
100e837ff07SGreg Roach    color: inherit;
101e837ff07SGreg Roach    font-weight: bold;
102e837ff07SGreg Roach}
103e837ff07SGreg Roach
104e837ff07SGreg Roach.wt-header-container {
105e837ff07SGreg Roach    margin-top: 0.5rem;
106e837ff07SGreg Roach}
107e837ff07SGreg Roach
108e837ff07SGreg Roach.wt-header-content {
109e837ff07SGreg Roach}
110e837ff07SGreg Roach
111e837ff07SGreg Roach.wt-accessibility-links {
112e837ff07SGreg Roach}
113e837ff07SGreg Roach
114e837ff07SGreg Roach.wt-site-logo {
115e837ff07SGreg Roach    display: none;
116e837ff07SGreg Roach}
117e837ff07SGreg Roach
118e837ff07SGreg Roach.wt-site-title {
119e837ff07SGreg Roach    order: 1;
1206e28c6eeSDavid Drury    flex: 1 1 auto;
1216e28c6eeSDavid Drury    width: auto;
122e837ff07SGreg Roach    font-size: 1.5rem;
123e837ff07SGreg Roach}
124e837ff07SGreg Roach
125e837ff07SGreg Roach.wt-header-search {
126e837ff07SGreg Roach    order: 3;
127e837ff07SGreg Roach    flex: 0 0 15rem;
128e837ff07SGreg Roach}
129e837ff07SGreg Roach
130e837ff07SGreg Roach.wt-header-search-form {
131e837ff07SGreg Roach}
132e837ff07SGreg Roach
13397c22350SGreg Roach.wt-header-search-field {
13497c22350SGreg Roach}
13597c22350SGreg Roach
13697c22350SGreg Roach.wt-header-search-button {
13797c22350SGreg Roach}
13897c22350SGreg Roach
139e837ff07SGreg Roach.wt-secondary-navigation {
140e837ff07SGreg Roach    order: 2;
1416e28c6eeSDavid Drury    flex: 0 0 auto;
1426e28c6eeSDavid Drury    width: auto;
143e837ff07SGreg Roach    white-space: nowrap;
144e837ff07SGreg Roach}
145e837ff07SGreg Roach
1460c8c69d4SGreg Roach.wt-user-menu {
147f699d6fcSGreg Roach    flex-wrap: nowrap;
148e837ff07SGreg Roach}
149e837ff07SGreg Roach
1500c8c69d4SGreg Roach.wt-user-menu .nav-link {
151e837ff07SGreg Roach    display: inline-block;
152e837ff07SGreg Roach    padding: 0.5rem;
153e837ff07SGreg Roach}
154e837ff07SGreg Roach
1550c8c69d4SGreg Roach.wt-user-menu .nav-item + .nav-item::before {
156e837ff07SGreg Roach    content: "|";
157e837ff07SGreg Roach}
158e837ff07SGreg Roach
1590c8c69d4SGreg Roach.wt-user-menu .dropdown-toggle:after {
160e837ff07SGreg Roach    display: none;
161e837ff07SGreg Roach}
162e837ff07SGreg Roach
1630c8c69d4SGreg Roach.wt-user-menu .dropdown-item {
164e837ff07SGreg Roach    padding-left: 1rem;
165e837ff07SGreg Roach    padding-right: 1rem;
166e837ff07SGreg Roach}
167e837ff07SGreg Roach
168e837ff07SGreg Roach.wt-primary-navigation {
169e837ff07SGreg Roach    order: 3;
170e837ff07SGreg Roach    flex: 1 0 auto;
171e837ff07SGreg Roach}
172e837ff07SGreg Roach
1730c8c69d4SGreg Roach.wt-genealogy-menu {
174e837ff07SGreg Roach    display: flex; flex-wrap: wrap;
175e837ff07SGreg Roach}
176e837ff07SGreg Roach
1770c8c69d4SGreg Roach.wt-genealogy-menu .nav-item {
178e837ff07SGreg Roach    padding: 0 0.75rem;
179e837ff07SGreg Roach}
180e837ff07SGreg Roach
1810c8c69d4SGreg Roach.wt-genealogy-menu .nav-link {
182e837ff07SGreg Roach    /* All menu icons are 22px x 22px */
183e837ff07SGreg Roach    height: calc(22px + 1rem);
184e837ff07SGreg Roach    width: 22px;
185e837ff07SGreg Roach    /* Hide text */
186e837ff07SGreg Roach    padding: 0.5rem 0;
187e837ff07SGreg Roach    overflow: hidden;
188e837ff07SGreg Roach}
189e837ff07SGreg Roach
1900c8c69d4SGreg Roach.wt-genealogy-menu .dropdown-item {
191e837ff07SGreg Roach    /* Space between icons and align with submenu icons */
192e837ff07SGreg Roach    padding: 0 5px 0 0;
193e837ff07SGreg Roach}
194e837ff07SGreg Roach
1950c8c69d4SGreg Roach.wt-genealogy-menu .dropdown-item::before {
196e837ff07SGreg Roach    /* All submenu icons are 22px x 22px */
197e837ff07SGreg Roach    height: 22px;
198e837ff07SGreg Roach    width: 22px;
199e837ff07SGreg Roach    /* Align icons and text */
200e837ff07SGreg Roach    vertical-align: text-top;
201e837ff07SGreg Roach    /* Space between icon and text */
202e837ff07SGreg Roach    padding: 0 .25rem;
203e837ff07SGreg Roach    line-height: 1.8;
204e837ff07SGreg Roach}
205e837ff07SGreg Roach
2060c8c69d4SGreg Roach.wt-genealogy-menu .nav-item::before {
207e837ff07SGreg Roach    /* The size of the menu icons */
208e837ff07SGreg Roach    width: 22px;
209e837ff07SGreg Roach    height: 22px;
210e837ff07SGreg Roach}
211e837ff07SGreg Roach
2120c8c69d4SGreg Roach.wt-genealogy-menu .dropdown-item::before {
213e837ff07SGreg Roach    /* The size of the submneu icons */
214e837ff07SGreg Roach    width: 22px;
215e837ff07SGreg Roach    height: 22px;
216e837ff07SGreg Roach}
217e837ff07SGreg Roach
2180c8c69d4SGreg Roach.wt-genealogy-menu .dropdown-item:first-child {
219e837ff07SGreg Roach    font-weight: bold;
220e837ff07SGreg Roach    text-align: center;
221e837ff07SGreg Roach    border-bottom: solid thin #ddd;
222e837ff07SGreg Roach}
223e837ff07SGreg Roach
224e837ff07SGreg Roach.menu-tree .nav-link::before {
225e837ff07SGreg Roach    content: url(clouds/menu/tree.png);
226e837ff07SGreg Roach}
227e837ff07SGreg Roach
228e837ff07SGreg Roach.menu-tree .dropdown-item:not(:first-child)::before {
229e837ff07SGreg Roach    content: url(clouds/menu/tree-tree.png);
230e837ff07SGreg Roach}
231e837ff07SGreg Roach
232e837ff07SGreg Roach.menu-chart .nav-link::before {
233e837ff07SGreg Roach    content: url(clouds/menu/chart.png);
234e837ff07SGreg Roach}
235e837ff07SGreg Roach
236e837ff07SGreg Roach.menu-chart-ancestry::before {
237e837ff07SGreg Roach    content: url(clouds/menu/chart-ancestors.png);
238e837ff07SGreg Roach}
239e837ff07SGreg Roach
240e837ff07SGreg Roach.menu-chart-compact::before {
241e837ff07SGreg Roach    content: url(clouds/menu/chart-compact.png);
242e837ff07SGreg Roach}
243e837ff07SGreg Roach
244e837ff07SGreg Roach.menu-chart-descendants::before {
245e837ff07SGreg Roach    content: url(clouds/menu/chart-descendants.png);
246e837ff07SGreg Roach}
247e837ff07SGreg Roach
248e837ff07SGreg Roach.menu-chart-familybook::before {
249e837ff07SGreg Roach    content: url(clouds/menu/chart-family-book.png);
250e837ff07SGreg Roach}
251e837ff07SGreg Roach
252e837ff07SGreg Roach.menu-chart-fanchart::before {
253e837ff07SGreg Roach    content: url(clouds/menu/chart-fanchart.png);
254e837ff07SGreg Roach}
255e837ff07SGreg Roach
256e837ff07SGreg Roach.menu-chart-hourglass::before {
257e837ff07SGreg Roach    content: url(clouds/menu/chart-hourglass.png);
258e837ff07SGreg Roach}
259e837ff07SGreg Roach
260e837ff07SGreg Roach.menu-chart-lifespan::before {
261e837ff07SGreg Roach    content: url(clouds/menu/chart-lifespan.png);
262e837ff07SGreg Roach}
263e837ff07SGreg Roach
264e837ff07SGreg Roach.menu-chart-pedigree::before {
265e837ff07SGreg Roach    content: url(clouds/menu/chart-pedigree.png);
266e837ff07SGreg Roach}
267e837ff07SGreg Roach
268e837ff07SGreg Roach.menu-chart-pedigreemap::before {
269e837ff07SGreg Roach    content: url(clouds/menu/chart-pedigree-map.png);
270e837ff07SGreg Roach}
271e837ff07SGreg Roach
272e837ff07SGreg Roach.menu-chart-relationship::before {
273e837ff07SGreg Roach    content: url(clouds/menu/chart-relationship.png);
274e837ff07SGreg Roach}
275e837ff07SGreg Roach
276e837ff07SGreg Roach.menu-chart-statistics::before {
277e837ff07SGreg Roach    content: url(clouds/menu/chart-statistics.png);
278e837ff07SGreg Roach}
279e837ff07SGreg Roach
280e837ff07SGreg Roach.menu-chart-timeline::before {
281e837ff07SGreg Roach    content: url(clouds/menu/chart-timeline.png);
282e837ff07SGreg Roach}
283e837ff07SGreg Roach
284e837ff07SGreg Roach.menu-chart-tree::before {
285e837ff07SGreg Roach    content: url(clouds/menu/chart-tree.png);
286e837ff07SGreg Roach}
287e837ff07SGreg Roach
288e837ff07SGreg Roach.menu-list .nav-link::before {
289e837ff07SGreg Roach    content: url(clouds/menu/list.png);
290e837ff07SGreg Roach}
291e837ff07SGreg Roach
292e837ff07SGreg Roach.menu-branches::before {
293e837ff07SGreg Roach    content: url(clouds/menu/branches.png);
294e837ff07SGreg Roach}
295e837ff07SGreg Roach
296e837ff07SGreg Roach.menu-list-fam::before {
297e837ff07SGreg Roach    content: url(clouds/menu/list-fam.png);
298e837ff07SGreg Roach}
299e837ff07SGreg Roach
300e837ff07SGreg Roach.menu-list-indi::before {
301e837ff07SGreg Roach    content: url(clouds/menu/list-indi.png);
302e837ff07SGreg Roach}
303e837ff07SGreg Roach
304e8ded2caSGreg Roach.menu-list-loc::before {
305e8ded2caSGreg Roach    content: url(clouds/menu/list-plac.png);
306e8ded2caSGreg Roach}
307e8ded2caSGreg Roach
308e837ff07SGreg Roach.menu-list-note::before {
309e837ff07SGreg Roach    content: url(clouds/menu/list-note.png);
310e837ff07SGreg Roach}
311e837ff07SGreg Roach
312e837ff07SGreg Roach.menu-list-obje::before {
313e837ff07SGreg Roach    content: url(clouds/menu/list-obje.png);
314e837ff07SGreg Roach}
315e837ff07SGreg Roach
316e837ff07SGreg Roach.menu-list-plac::before {
317e837ff07SGreg Roach    content: url(clouds/menu/list-plac.png);
318e837ff07SGreg Roach}
319e837ff07SGreg Roach
320e837ff07SGreg Roach.menu-list-repo::before {
321e837ff07SGreg Roach    content: url(clouds/menu/list-repo.png);
322e837ff07SGreg Roach}
323e837ff07SGreg Roach
324e837ff07SGreg Roach.menu-list-sour::before {
325e837ff07SGreg Roach    content: url(clouds/menu/list-sour.png);
326e837ff07SGreg Roach}
327e837ff07SGreg Roach
328e72c24d6SGreg Roach.menu-list-subm::before {
329e72c24d6SGreg Roach    content: url(clouds/menu/list-indi.png);
330e72c24d6SGreg Roach}
331e72c24d6SGreg Roach
332e837ff07SGreg Roach.menu-calendar .nav-link::before {
333e837ff07SGreg Roach    content: url(clouds/menu/calendar.png);
334e837ff07SGreg Roach}
335e837ff07SGreg Roach
336e837ff07SGreg Roach.menu-calendar-day::before {
33708362db4SGreg Roach    content: url(clouds/menu/calendar.png);
338e837ff07SGreg Roach}
339e837ff07SGreg Roach
340e837ff07SGreg Roach.menu-calendar-month::before {
34108362db4SGreg Roach    content: url(clouds/menu/calendar.png);
342e837ff07SGreg Roach}
343e837ff07SGreg Roach
344e837ff07SGreg Roach.menu-calendar-year::before {
34508362db4SGreg Roach    content: url(clouds/menu/calendar.png);
346e837ff07SGreg Roach}
347e837ff07SGreg Roach
348e837ff07SGreg Roach.menu-report .nav-link::before {
349e837ff07SGreg Roach    content: url(clouds/menu/report.png);
350e837ff07SGreg Roach}
351e837ff07SGreg Roach
352e837ff07SGreg Roach.menu-report .dropdown-item:not(:first-child)::before {
35308362db4SGreg Roach    content: url(clouds/menu/report.png);
354e837ff07SGreg Roach}
355e837ff07SGreg Roach
356e837ff07SGreg Roach.menu-search .nav-link::before {
357e837ff07SGreg Roach    content: url(clouds/menu/search.png);
358e837ff07SGreg Roach}
359e837ff07SGreg Roach
360e837ff07SGreg Roach.menu-search .dropdown-item:not(:first-child)::before {
36108362db4SGreg Roach    content: url(clouds/menu/search.png);
362e837ff07SGreg Roach}
363e837ff07SGreg Roach
36408362db4SGreg Roach.menu-faq .nav-link::before {
36508362db4SGreg Roach    content: url(clouds/menu/faq.png);
366e837ff07SGreg Roach}
367e837ff07SGreg Roach
368e837ff07SGreg Roach.menu-clippings .nav-link::before {
369e837ff07SGreg Roach    content: url(clouds/menu/clippings.png);
370e837ff07SGreg Roach}
371e837ff07SGreg Roach
372e837ff07SGreg Roach.menu-clippings-add::before {
37308362db4SGreg Roach    content: url(clouds/menu/clippings-cart.png);
374e837ff07SGreg Roach}
375e837ff07SGreg Roach
37604fe0783SGreg Roach.menu-clippings-cart::before {
37704fe0783SGreg Roach    content: url(clouds/menu/clippings-cart.png);
37804fe0783SGreg Roach}
37904fe0783SGreg Roach
380e837ff07SGreg Roach.menu-clippings-download::before {
381e837ff07SGreg Roach    content: url(clouds/menu/edit-gedcom.png);
382e837ff07SGreg Roach}
383e837ff07SGreg Roach
384e837ff07SGreg Roach.menu-clippings-empty::before {
385e837ff07SGreg Roach    content: url(clouds/menu/edit-delete.png);
386e837ff07SGreg Roach}
387e837ff07SGreg Roach
388e837ff07SGreg Roach.menu-clippings-remove::before {
389e837ff07SGreg Roach    content: url(clouds/menu/edit-delete.png);
390e837ff07SGreg Roach}
391e837ff07SGreg Roach
392e837ff07SGreg Roach.menu-story .nav-link::before {
393e837ff07SGreg Roach    content: url(clouds/menu/story.png);
394e837ff07SGreg Roach}
395e837ff07SGreg Roach
396e837ff07SGreg Roach.wt-main-container {
397f699d6fcSGreg Roach    /* Space between the header/footer and the main content. */
398f699d6fcSGreg Roach    padding-top: 1rem;
399f699d6fcSGreg Roach    padding-bottom: 1rem;
400e837ff07SGreg Roach}
401e837ff07SGreg Roach
402e837ff07SGreg Roach.wt-main {
403e837ff07SGreg Roach}
404e837ff07SGreg Roach
405e837ff07SGreg Roach.wt-messages {
406e837ff07SGreg Roach}
407e837ff07SGreg Roach
408e837ff07SGreg Roach.wt-page-title {
409e837ff07SGreg Roach    text-align: center;
410e837ff07SGreg Roach}
411e837ff07SGreg Roach
412e39fd5c6SGreg Roach.wt-page-options {
413e39fd5c6SGreg Roach}
414e39fd5c6SGreg Roach
415e837ff07SGreg Roach.wt-page-options-label {
416e837ff07SGreg Roach    color: #039;
417e837ff07SGreg Roach    background-color: #95b8e0;
418e837ff07SGreg Roach}
419e837ff07SGreg Roach
420e837ff07SGreg Roach.wt-page-options-value {
421e837ff07SGreg Roach    color: #006;
422e837ff07SGreg Roach    background-color: #ecf5ff;
423e837ff07SGreg Roach    border: thin solid #ccc;
424e837ff07SGreg Roach    padding: 0.25rem 0.75rem;
425e837ff07SGreg Roach}
426e837ff07SGreg Roach
427e837ff07SGreg Roach.wt-page-content {
428e837ff07SGreg Roach    margin-top: 1rem;
429e837ff07SGreg Roach}
430e837ff07SGreg Roach
43197c22350SGreg Roach.wt-footers {
432e837ff07SGreg Roach}
433e837ff07SGreg Roach
43497c22350SGreg Roach.wt-footer {
435e837ff07SGreg Roach}
436e837ff07SGreg Roach
43797c22350SGreg Roach.wt-footer-contact {
438e837ff07SGreg Roach}
439e837ff07SGreg Roach
44097c22350SGreg Roach.wt-footer-cookies {
44197c22350SGreg Roach    background: #666;
44297c22350SGreg Roach    color: #fff;
44397c22350SGreg Roach    transition: height 0.5s;
444e837ff07SGreg Roach}
445e837ff07SGreg Roach
44697c22350SGreg Roach.wt-footer-page-views {
44797c22350SGreg Roach}
44897c22350SGreg Roach
44997c22350SGreg Roach.wt-footer-powered-by {
450e837ff07SGreg Roach}
451e837ff07SGreg Roach
45248b53306SGreg Roach.wt-footer-powered-by-webtrees {
45348b53306SGreg Roach    width: 100px;
45448b53306SGreg Roach    height: 21px;
45548b53306SGreg Roach    content: url(images/powered-by-webtrees.png);
45648b53306SGreg Roach}
45748b53306SGreg Roach
458e837ff07SGreg Roach/*
45948b53306SGreg Roach * The tree/user home pages
460e837ff07SGreg Roach *
461e837ff07SGreg Roach * wt-home-page / wt-user-page
462e837ff07SGreg Roach * +---wt-main-blocks
463e837ff07SGreg Roach * |   +---wt-block, wt-block-AAA
464e837ff07SGreg Roach * |   +---wt-block, wt-block-BBB
465e837ff07SGreg Roach * |   +---wt-block, wt-block-CCC
466e837ff07SGreg Roach * +---wt-side-blocks
467e837ff07SGreg Roach *     +---wt-block, wt-block-XXX
468e837ff07SGreg Roach *     +---wt-block, wt-block-YYY
469e837ff07SGreg Roach *     +---wt-block, wt-block-ZZZ
470e837ff07SGreg Roach *
471e837ff07SGreg Roach * Each block as the structure
472e837ff07SGreg Roach * wt-block, wt-block-XXX
473e837ff07SGreg Roach * +---wt-block-header, wt-block-header-XXX
474e837ff07SGreg Roach * +---wt-block-content, wt-block-content-XXX
475e837ff07SGreg Roach */
476e837ff07SGreg Roach
477e837ff07SGreg Roach.wt-block {
478e837ff07SGreg Roach    color: #000;
479e837ff07SGreg Roach    margin-bottom: 5px;
480e837ff07SGreg Roach    padding: 1px;
481e837ff07SGreg Roach    vertical-align: top;
482e837ff07SGreg Roach}
483e837ff07SGreg Roach
484e837ff07SGreg Roach.wt-block-header {
485e837ff07SGreg Roach    background: url(clouds/images/block-header-background.png);
486e837ff07SGreg Roach    background-size: auto 100%;
487e837ff07SGreg Roach    padding: 0.25rem 0.75rem;
488b4c170b1SDavid Drury    border-bottom: 0;
489e837ff07SGreg Roach}
490e837ff07SGreg Roach
491e837ff07SGreg Roach.wt-block-header::before {
492e837ff07SGreg Roach    content: url(clouds/images/block-header-disk.png);
493e837ff07SGreg Roach    margin: 0.5rem;
494e837ff07SGreg Roach}
495e837ff07SGreg Roach
49648b53306SGreg Roach.wt-block-content {
49748b53306SGreg Roach}
49848b53306SGreg Roach
499e837ff07SGreg Roach.blockcontent {
500e837ff07SGreg Roach    border: solid #999 1px;
501e837ff07SGreg Roach    margin:  0 2px 10px 0;
502e837ff07SGreg Roach    overflow: auto;
503e837ff07SGreg Roach    padding: 5px;
504e837ff07SGreg Roach}
505e837ff07SGreg Roach
506e837ff07SGreg Roach.blockcontent .list_table {
507e837ff07SGreg Roach    border-spacing: 1px;
508e837ff07SGreg Roach    border: solid #999 1px;
509e837ff07SGreg Roach    border-right: 0;
510e837ff07SGreg Roach}
511e837ff07SGreg Roach
512e837ff07SGreg Roach.blockcontent .list_value,
513e837ff07SGreg Roach.blockcontent .list_value_wrap {
514e837ff07SGreg Roach    border: 0;
515e837ff07SGreg Roach    border-top: solid #999 1px;
516e837ff07SGreg Roach    border-right: solid #999 1px;
517e837ff07SGreg Roach}
518e837ff07SGreg Roach
519e837ff07SGreg Roach/*
520e39fd5c6SGreg Roach * The individual page.
521e837ff07SGreg Roach *
522e39fd5c6SGreg Roach * wt-route-individual
523242a7862SGreg Roach * +---wt-header-wrapper
524e837ff07SGreg Roach */
525242a7862SGreg Roach.wt-individual-silhouette-f {
526e39fd5c6SGreg Roach    content: url(images/individual-silhouette-female.png);
527e39fd5c6SGreg Roach}
528e837ff07SGreg Roach
529242a7862SGreg Roach.wt-individual-silhouette-m {
530e39fd5c6SGreg Roach    content: url(images/individual-silhouette-male.png);
531e39fd5c6SGreg Roach}
532e837ff07SGreg Roach
5331baf69deSGreg Roach.wt-individual-silhouette-u,
5341baf69deSGreg Roach.wt-individual-silhouette-x {
5351baf69deSGreg Roach    content: url(images/individual-silhouette-unknown.png);
5361baf69deSGreg Roach}
5371baf69deSGreg Roach
538e837ff07SGreg Roach/*
539242a7862SGreg Roach * Chart-boxes are used to build the various charts.
540242a7862SGreg Roach * Each type of chart will set its own size and hide/show content.
541e837ff07SGreg Roach *
542242a7862SGreg Roach * wt-chart-box
543242a7862SGreg Roach * +--- wt-chart-box-thumbnail
544242a7862SGreg Roach * +--- wt-chart-box-extra
545242a7862SGreg Roach *      +--- wt-chart-box-zoom
546242a7862SGreg Roach *           +--- wt-chart-box-icon
547242a7862SGreg Roach *           +--- wt-chart-box-dropdown wt-chart-box-zoom-dropdown
548242a7862SGreg Roach *      +--- wt-chart-box-links
549242a7862SGreg Roach *           +--- wt-chart-box-icon
550242a7862SGreg Roach *           +--- wt-chart-box-dropdown wt-chart-box-links-dropdown
551242a7862SGreg Roach * +--- wt-chart-box-name
552242a7862SGreg Roach * +--- wt-chart-box-lifespan
553242a7862SGreg Roach * +--- wt-chart-box-facts
554242a7862SGreg Roach *     +--- wt-chart-box-fact
555e837ff07SGreg Roach */
556242a7862SGreg Roach.wt-chart-box {
557242a7862SGreg Roach    height: 5rem;
558242a7862SGreg Roach    padding: 2px;
559242a7862SGreg Roach    line-height: 1.1;
560e660065eSGreg Roach    border: solid gray thin;
561e837ff07SGreg Roach}
562e837ff07SGreg Roach
563242a7862SGreg Roach.wt-chart-box-f,
564242a7862SGreg Roach.wt-chart-box-f .wt-chart-box-dropdown {
565242a7862SGreg Roach    background: var(--sex-f-bg);
566242a7862SGreg Roach    border: solid var(--sex-f-fg) thin;
567e837ff07SGreg Roach}
568e837ff07SGreg Roach
569242a7862SGreg Roach.wt-chart-box-m,
570242a7862SGreg Roach.wt-chart-box-m .wt-chart-box-dropdown {
571242a7862SGreg Roach    background: var(--sex-m-bg);
572242a7862SGreg Roach    border: solid var(--sex-m-fg) thin;
573e837ff07SGreg Roach}
574e837ff07SGreg Roach
5751baf69deSGreg Roach.wt-chart-box-u,
5761baf69deSGreg Roach.wt-chart-box-u .wt-chart-box-dropdown {
5771baf69deSGreg Roach    background: var(--sex-u-bg);
5781baf69deSGreg Roach    border: solid var(--sex-u-fg) thin;
5791baf69deSGreg Roach}
5801baf69deSGreg Roach
5811baf69deSGreg Roach.wt-chart-box-x,
5821baf69deSGreg Roach.wt-chart-box-x .wt-chart-box-dropdown {
5831baf69deSGreg Roach    background: var(--sex-x-bg);
5841baf69deSGreg Roach    border: solid var(--sex-x-fg) thin;
5851baf69deSGreg Roach}
5861baf69deSGreg Roach
587e837ff07SGreg Roach/* ====== Round Corners ======== */
588e837ff07SGreg Roachinput,
589e837ff07SGreg Roachfieldset,
590e837ff07SGreg Roach.block,
591e837ff07SGreg Roach.list_label,
592e837ff07SGreg Roach.list_label_wrap,
593e837ff07SGreg Roach.list_value,
594e837ff07SGreg Roach.list_value_wrap,
595e837ff07SGreg Roach.messagebox,
596e837ff07SGreg Roach.optionbox,
597242a7862SGreg Roach.wt-chart-box,
598e837ff07SGreg Roach.person0,
599e837ff07SGreg Roach.person1,
600e837ff07SGreg Roach.person2,
601e837ff07SGreg Roach.person3,
602e837ff07SGreg Roach.person4,
603e837ff07SGreg Roach.person5,
6040c8c69d4SGreg Roach.wt-genealogy-menu ul,
6050c8c69d4SGreg Roach.user-menu li ul,
606e837ff07SGreg Roachfooter,
607e837ff07SGreg Roach#tabs{
608e837ff07SGreg Roach    border-radius: 3px;
609e837ff07SGreg Roach}
610e837ff07SGreg Roach
611e837ff07SGreg Roach:focus {
612e837ff07SGreg Roach    outline-style: none;
613e837ff07SGreg Roach}
614e837ff07SGreg Roach
615e837ff07SGreg Roach.flash-messages {
616e837ff07SGreg Roach    clear: both;
617e837ff07SGreg Roach    text-align: center;
618e837ff07SGreg Roach}
619e837ff07SGreg Roach
620e837ff07SGreg Roachimg {
621e837ff07SGreg Roach    border: 0;
622e837ff07SGreg Roach}
623e837ff07SGreg Roach
624e837ff07SGreg Roachlegend img {
625e837ff07SGreg Roach    height: 20px;
626e837ff07SGreg Roach    vertical-align: middle;
627e837ff07SGreg Roach    width: 20px;
628e837ff07SGreg Roach}
629e837ff07SGreg Roach
63069e217d1SGreg Roachimg.block {
631e837ff07SGreg Roach    border: 0;
632e837ff07SGreg Roach    height: 25px;
633e837ff07SGreg Roach    vertical-align: middle;
634e837ff07SGreg Roach}
635e837ff07SGreg Roach
636e837ff07SGreg Roach.button {
637e837ff07SGreg Roach    width: 60px;
638e837ff07SGreg Roach}
639e837ff07SGreg Roach
640e837ff07SGreg Roachbutton:focus {
641e837ff07SGreg Roach     outline: 0;
642e837ff07SGreg Roach}
643e837ff07SGreg Roach
644e837ff07SGreg Roach.alpha_index {
645e837ff07SGreg Roach    color: #999;
646e837ff07SGreg Roach}
647e837ff07SGreg Roach
648e837ff07SGreg Roachhr {
649e837ff07SGreg Roach    margin-top: 5px;
650e837ff07SGreg Roach    border-color: #006;
651e837ff07SGreg Roach}
652e837ff07SGreg Roach
653e837ff07SGreg Roach.list_table {
654e837ff07SGreg Roach    margin: 0 auto;
655e837ff07SGreg Roach}
656e837ff07SGreg Roach
657e837ff07SGreg Roach.list_label,
658e837ff07SGreg Roach.list_label_wrap {
659e837ff07SGreg Roach    color: #fff;
660e837ff07SGreg Roach    border: 1px solid #999;
661e837ff07SGreg Roach    font-weight: bold;
662e837ff07SGreg Roach    text-align: center;
663e837ff07SGreg Roach}
664e837ff07SGreg Roach
665e837ff07SGreg Roach.list_value,
666e837ff07SGreg Roach.list_value_wrap {
667e837ff07SGreg Roach    background-color: #edf7f9;
668e837ff07SGreg Roach    border: solid #999 1px;
669e837ff07SGreg Roach    vertical-align: top;
670e837ff07SGreg Roach}
671e837ff07SGreg Roach
672e837ff07SGreg Roach.list_label,
673e837ff07SGreg Roach.list_value {
674e837ff07SGreg Roach    white-space: nowrap;
675e837ff07SGreg Roach    padding: 4px;
676e837ff07SGreg Roach}
677e837ff07SGreg Roach
678e837ff07SGreg Roach.list_label_wrap,
679e837ff07SGreg Roach.list_value_wrap {
680e837ff07SGreg Roach    white-space: normal;
681e837ff07SGreg Roach}
682e837ff07SGreg Roach
683e837ff07SGreg Roachdiv.fact_SHARED_NOTE {
684e837ff07SGreg Roach    clear: both;
685e837ff07SGreg Roach}
686e837ff07SGreg Roach
687e837ff07SGreg Roach/* Table of genealogical facts */
688e837ff07SGreg Roach.wt-facts-table {
689e837ff07SGreg Roach    border-collapse: separate;
690e837ff07SGreg Roach}
691e837ff07SGreg Roach
692e837ff07SGreg Roach.wt-facts-table caption {
693e837ff07SGreg Roach    caption-side: top;
694e837ff07SGreg Roach}
695e837ff07SGreg Roach
696e837ff07SGreg Roach.wt-facts-table th {
697e837ff07SGreg Roach    background-color: #95b8e0;
698e837ff07SGreg Roach    color: #039;
699e837ff07SGreg Roach    border: 1px solid #acf;
700e837ff07SGreg Roach    border-radius: 3px;
701e837ff07SGreg Roach    font-weight: normal;
702e837ff07SGreg Roach    text-align: center;
703e837ff07SGreg Roach    min-width: 20%;
704e837ff07SGreg Roach}
705e837ff07SGreg Roach
706e837ff07SGreg Roach.wt-facts-table td {
707e837ff07SGreg Roach    border: solid #999 1px;
708e837ff07SGreg Roach    border-radius: 3px;
709ff8836abSGreg Roach    background-color: #fff;
710e837ff07SGreg Roach}
711e837ff07SGreg Roach
7121baf69deSGreg Roach.wt-facts-table .wt-sex-f td {
7131baf69deSGreg Roach    background-color: var(--sex-f-bg);
7141baf69deSGreg Roach}
7151baf69deSGreg Roach
7161baf69deSGreg Roach.wt-facts-table .wt-sex-m td {
717503dcad6SDavid Drury    background-color: var(--sex-m-bg);
718e837ff07SGreg Roach}
719e837ff07SGreg Roach
7201baf69deSGreg Roach.wt-facts-table .wt-sex-u td {
7211baf69deSGreg Roach    background-color: var(--sex-u-bg);
7221baf69deSGreg Roach}
7231baf69deSGreg Roach
7241baf69deSGreg Roach.wt-facts-table .wt-sex-x td {
7251baf69deSGreg Roach    background-color: var(--sex-x-bg);
726e837ff07SGreg Roach}
727e837ff07SGreg Roach
728e837ff07SGreg Roach.details_label {
729e837ff07SGreg Roach    font-weight: bold;
730e837ff07SGreg Roach}
731e837ff07SGreg Roach
732e837ff07SGreg Roach.date {
733e837ff07SGreg Roach    color: #039;
734e837ff07SGreg Roach}
735e837ff07SGreg Roach
736e837ff07SGreg Roach.label {
737e837ff07SGreg Roach    font-weight: bold;
738e837ff07SGreg Roach}
739e837ff07SGreg Roach
740e837ff07SGreg Roach.error {
741e837ff07SGreg Roach    color: #d00;
742e837ff07SGreg Roach    font-weight: bold;
743e837ff07SGreg Roach}
744e837ff07SGreg Roach
745e837ff07SGreg Roach.indent {
746e837ff07SGreg Roach    padding-left: 7px;
747e837ff07SGreg Roach}
748e837ff07SGreg Roach
749e837ff07SGreg Roach.parentdeath {
750e837ff07SGreg Roach    border: thin solid #888;
751e837ff07SGreg Roach    padding: 1px;
752e837ff07SGreg Roach}
753e837ff07SGreg Roach
754e837ff07SGreg Roach.journal_box {
755e837ff07SGreg Roach    padding: 3pt;
756e837ff07SGreg Roach    border: thin solid #aaa;
757e837ff07SGreg Roach    overflow: visible;
758e837ff07SGreg Roach}
759e837ff07SGreg Roach
760e837ff07SGreg Roach.news_box {
761e837ff07SGreg Roach    border-top: solid #ccc 1px;
762e837ff07SGreg Roach}
763e837ff07SGreg Roach
764e837ff07SGreg Roach.news_title {
765e837ff07SGreg Roach    color: #000;
766e837ff07SGreg Roach    font-weight: bold;
767e837ff07SGreg Roach}
768e837ff07SGreg Roach
769e837ff07SGreg Roach.news_date {
770e837ff07SGreg Roach    color: #000;
771e837ff07SGreg Roach    margin-bottom: 12px;
772e837ff07SGreg Roach}
773e837ff07SGreg Roach
774e837ff07SGreg Roach.current_day {
775e837ff07SGreg Roach    font-weight: bold;
776e837ff07SGreg Roach    font-size: 16px;
777e837ff07SGreg Roach}
778e837ff07SGreg Roach
779e837ff07SGreg Roach.cal_day {
780e837ff07SGreg Roach    font-weight: bold;
781e837ff07SGreg Roach}
782e837ff07SGreg Roach
783e837ff07SGreg Roach#user-page h1 {
784e837ff07SGreg Roach    margin: 0.25em auto 0.6em;
785e837ff07SGreg Roach}
786e837ff07SGreg Roach
787e837ff07SGreg Roach.tvertline {
788e837ff07SGreg Roach    vertical-align: bottom;
789e837ff07SGreg Roach}
790e837ff07SGreg Roach
791e837ff07SGreg Roach#childbox {
792e837ff07SGreg Roach    padding: 5px;
793e837ff07SGreg Roach    position: absolute;
794e837ff07SGreg Roach    display: none;
795e837ff07SGreg Roach    text-align: start;
796e837ff07SGreg Roach    white-space: nowrap;
797e837ff07SGreg Roach    top: 20px;
798e837ff07SGreg Roach    left: 0;
799e837ff07SGreg Roach}
800e837ff07SGreg Roach
801e837ff07SGreg Roach.layout3 #childbox {
802e837ff07SGreg Roach    top: auto;
803e837ff07SGreg Roach    bottom: 20px;
804e837ff07SGreg Roach}
805e837ff07SGreg Roach
806e837ff07SGreg Roach.person0 {
807e837ff07SGreg Roach    background-color: #ddf;
808e837ff07SGreg Roach    border: outset #999 1px;
809e837ff07SGreg Roach    vertical-align: top;
810e837ff07SGreg Roach}
811e837ff07SGreg Roach
812e837ff07SGreg Roach.person1 {
813e837ff07SGreg Roach    background-color: #afa;
814e837ff07SGreg Roach    border: outset #afa 1px;
815e837ff07SGreg Roach    vertical-align: top;
816e837ff07SGreg Roach}
817e837ff07SGreg Roach
818e837ff07SGreg Roach.person2 {
819e837ff07SGreg Roach    background-color: #faa;
820e837ff07SGreg Roach    border: outset #faa 1px;
821e837ff07SGreg Roach    vertical-align: top;
822e837ff07SGreg Roach}
823e837ff07SGreg Roach
824e837ff07SGreg Roach.person3 {
825e837ff07SGreg Roach    background-color: #aad;
826e837ff07SGreg Roach    border: outset #55f 1px;
827e837ff07SGreg Roach    vertical-align: top;
828e837ff07SGreg Roach}
829e837ff07SGreg Roach
830e837ff07SGreg Roach.person4 {
831e837ff07SGreg Roach    background-color: #f55;
832e837ff07SGreg Roach    border: outset #f55 1px;
833e837ff07SGreg Roach    vertical-align: top;
834e837ff07SGreg Roach}
835e837ff07SGreg Roach
836e837ff07SGreg Roach.person5 {
837e837ff07SGreg Roach    background-color: #5f5;
838e837ff07SGreg Roach    border: outset #5f5 1px;
839e837ff07SGreg Roach    vertical-align: top;
840e837ff07SGreg Roach}
841e837ff07SGreg Roach
842e837ff07SGreg Roach.starredname {
843e837ff07SGreg Roach    text-decoration: underline;
844e837ff07SGreg Roach}
845e837ff07SGreg Roach
846e837ff07SGreg Roach.search_hit {
847e837ff07SGreg Roach    background-color: #ff0;
848e837ff07SGreg Roach}
849e837ff07SGreg Roach
850e837ff07SGreg Roach.descriptionbox {
851e837ff07SGreg Roach    font-size: 12px;
852e837ff07SGreg Roach    border: 1px solid #ccc;
853e837ff07SGreg Roach    vertical-align: top;
854e837ff07SGreg Roach    padding: 3px;
855e837ff07SGreg Roach}
856e837ff07SGreg Roach
857e837ff07SGreg Roach.optionbox {
858e837ff07SGreg Roach    font-size: 1rem;
859e837ff07SGreg Roach    background-color: #ecf5ff;
860e837ff07SGreg Roach    color: #006;
861e837ff07SGreg Roach    border: solid #ccc 1px;
862e837ff07SGreg Roach    vertical-align: top;
863e837ff07SGreg Roach    white-space: nowrap;
864e837ff07SGreg Roach    padding: 3px;
865e837ff07SGreg Roach}
866e837ff07SGreg Roach
867e837ff07SGreg Roach.red {
868e837ff07SGreg Roach    color: #f00;
869e837ff07SGreg Roach}
870e837ff07SGreg Roach
87191a257a4SGreg Roach.wt-associate-fact,
872e837ff07SGreg Roach.wt-relation-fact,
873e837ff07SGreg Roach.wt-historic-fact {
874e837ff07SGreg Roach    opacity: 0.8;
875e837ff07SGreg Roach}
876e837ff07SGreg Roach
877e837ff07SGreg Roach.messagebox {
878e837ff07SGreg Roach    background-color: #c2ceef;
879e837ff07SGreg Roach    border: solid #ccc 1px;
880e837ff07SGreg Roach}
881e837ff07SGreg Roach
882e837ff07SGreg Roach/* ---Pending edits--- */
88317dd427eSGreg Roach.wt-new {
884e837ff07SGreg Roach    outline: solid blue 1px;
885e837ff07SGreg Roach}
886e837ff07SGreg Roach
88717dd427eSGreg Roach.wt-old {
888e837ff07SGreg Roach    outline: solid red 1px;
889e837ff07SGreg Roach}
890e837ff07SGreg Roach
891e837ff07SGreg Roach.nowrap {
892e837ff07SGreg Roach    white-space: nowrap;
893e837ff07SGreg Roach}
894e837ff07SGreg Roach
895e837ff07SGreg Roach.wrap {
896e837ff07SGreg Roach    white-space: normal;
897e837ff07SGreg Roach}
898e837ff07SGreg Roach
899e837ff07SGreg Roach.statistics-page {
900e837ff07SGreg Roach    text-align: center;
901e837ff07SGreg Roach}
902e837ff07SGreg Roach
903e837ff07SGreg Roach.gchart {
904e837ff07SGreg Roach    border: solid #999 1px;
905e837ff07SGreg Roach}
906e837ff07SGreg Roach
907e837ff07SGreg Roach#facts_content dd {
908e837ff07SGreg Roach    float: left;
909e837ff07SGreg Roach    width: 70%;
910e837ff07SGreg Roach}
911e837ff07SGreg Roach
912e837ff07SGreg Roach.filtersH,
913e837ff07SGreg Roach.filtersF {
914e837ff07SGreg Roach    margin: 4px;
915e837ff07SGreg Roach}
916e837ff07SGreg Roach
917e837ff07SGreg Roach.filtersH img {
918e837ff07SGreg Roach    margin-bottom: 2px;
919e837ff07SGreg Roach}
920e837ff07SGreg Roach
921e837ff07SGreg Roach.list-charts {
922e837ff07SGreg Roach    text-align: center;
923e837ff07SGreg Roach}
924e837ff07SGreg Roach
925e837ff07SGreg Roach#place-hierarchy h2,
926e837ff07SGreg Roach#place-hierarchy h4 {
927e837ff07SGreg Roach    text-align: center;
928e837ff07SGreg Roach}
929e837ff07SGreg Roach
930e837ff07SGreg Roach.user_welcome_block table,
931e837ff07SGreg Roach.gedcom_block_block table {
932e837ff07SGreg Roach    margin: auto;
933e837ff07SGreg Roach}
934e837ff07SGreg Roach
935e837ff07SGreg Roach.user_welcome_block td,
936e837ff07SGreg Roach.gedcom_block_block td {
937e837ff07SGreg Roach    width: 33%;
938e837ff07SGreg Roach    text-align: center;
939e837ff07SGreg Roach    vertical-align: top;
940e837ff07SGreg Roach}
941e837ff07SGreg Roach
942e837ff07SGreg Roach/* ==== FAQ table styles ===== */
943e837ff07SGreg Roachtable.faq {
944e837ff07SGreg Roach    background-color: #eee;
945e837ff07SGreg Roach    margin: 5px 0 50px 5px;
946e837ff07SGreg Roach    width: 98%;
947e837ff07SGreg Roach}
948e837ff07SGreg Roach
949e837ff07SGreg Roachtable.faq tr:nth-child(odd) td {
950e837ff07SGreg Roach    background-color: #eee;
951e837ff07SGreg Roach}
952e837ff07SGreg Roach
953e837ff07SGreg Roachdiv.faq_title {
954e837ff07SGreg Roach    background-color: #eee;
955e837ff07SGreg Roach    margin: 1em 0;
956e837ff07SGreg Roach    padding: .25em;
957e837ff07SGreg Roach    font-weight: bold;
958e837ff07SGreg Roach    width: 98%;
959e837ff07SGreg Roach}
960e837ff07SGreg Roach
961e837ff07SGreg Roachdiv.faq_body {
962e837ff07SGreg Roach    clear: both;
963e837ff07SGreg Roach    padding: 0 1em;
964e837ff07SGreg Roach}
965e837ff07SGreg Roach
966e837ff07SGreg Roach.faq_top {
967e837ff07SGreg Roach    float: right;
968e837ff07SGreg Roach}
969e837ff07SGreg Roach
970e837ff07SGreg Roach#indi_note {
971e837ff07SGreg Roach    margin: 0 0 5px;
972e837ff07SGreg Roach}
973e837ff07SGreg Roach
974e837ff07SGreg Roach.indi_table {
975e837ff07SGreg Roach    clear: left;
976e837ff07SGreg Roach}
977e837ff07SGreg Roach
978e837ff07SGreg Roach#indi_note .fact_NOTE {
979e837ff07SGreg Roach    float: left;
980e837ff07SGreg Roach    margin: 0 5px 0 0;
981e837ff07SGreg Roach}
982e837ff07SGreg Roach
983e837ff07SGreg Roach#indi_note .fact_SOUR {
984e837ff07SGreg Roach    margin: 3px 0;
985e837ff07SGreg Roach}
986e837ff07SGreg Roach
987e837ff07SGreg Roach#indi_note .fact_SOUR a {
988e837ff07SGreg Roach    font-size: 100%;
989e837ff07SGreg Roach}
990e837ff07SGreg Roach
991e837ff07SGreg Roach#indi_note .fact_NOTE,
992e837ff07SGreg Roach#indi_note .fact_SOUR {
993e837ff07SGreg Roach    clear: both;
994e837ff07SGreg Roach}
995e837ff07SGreg Roach
996e837ff07SGreg Roach.odometer {
997e837ff07SGreg Roach    font-family: courier, monospace;
998e837ff07SGreg Roach    font-weight: bold;
999e837ff07SGreg Roach    background: #000;
1000e837ff07SGreg Roach    color: #fff;
1001e837ff07SGreg Roach}
1002e837ff07SGreg Roach
1003e837ff07SGreg Roach.upcoming_events_block button,
1004e837ff07SGreg Roach.todays_events_block button {
1005e837ff07SGreg Roach    margin: 0 20px;
1006e837ff07SGreg Roach}
1007e837ff07SGreg Roach
1008e837ff07SGreg Roach/* Sidebar - Family navigator */
1009e837ff07SGreg Roach.wt-family-navigator-dropdown-heading {
1010e837ff07SGreg Roach    font-weight: bold;
1011e837ff07SGreg Roach    font-size: inherit;
1012e837ff07SGreg Roach    color: inherit;
1013e837ff07SGreg Roach}
1014e837ff07SGreg Roach
1015e837ff07SGreg Roach/* Sidebar - Descendants */
1016e837ff07SGreg Roach#sb_content_descendancy {
1017e837ff07SGreg Roach    margin-top: 0;
1018e837ff07SGreg Roach}
1019e837ff07SGreg Roach
1020e837ff07SGreg Roach#sb_desc_content {
1021e837ff07SGreg Roach    margin-left: 3px;
1022e837ff07SGreg Roach    font-size: 0.8em;
1023e837ff07SGreg Roach}
1024e837ff07SGreg Roach
1025e837ff07SGreg Roach#sb_desc_content ul {
1026e837ff07SGreg Roach    padding: 0;
1027e837ff07SGreg Roach    margin: 0;
1028e837ff07SGreg Roach}
1029e837ff07SGreg Roach
1030e837ff07SGreg Roach.sb_desc_indi_li {
1031e837ff07SGreg Roach    list-style-type: none;
1032e837ff07SGreg Roach    margin-left: 5px;
1033e837ff07SGreg Roach}
1034e837ff07SGreg Roach
1035e837ff07SGreg Roach/* Individuals and Families */
1036e837ff07SGreg Roach#sidebar-content-individuals,
1037e837ff07SGreg Roach#sidebar-content-families {
1038e837ff07SGreg Roach    margin-top: 0;
1039e837ff07SGreg Roach}
1040e837ff07SGreg Roach
1041e837ff07SGreg Roach.sb_indi_surname_li,
1042e837ff07SGreg Roach.sb_fam_surname_li {
104308362db4SGreg Roach    list-style-image: url(icons/plus.png);
1044e837ff07SGreg Roach}
1045e837ff07SGreg Roach
1046e837ff07SGreg Roach.name_tree_div ul {
1047e837ff07SGreg Roach    padding: 0;
1048e837ff07SGreg Roach    margin: 0;
1049e837ff07SGreg Roach}
1050e837ff07SGreg Roach
1051e837ff07SGreg Roach.name_tree_div li {
1052e837ff07SGreg Roach    list-style: none;
1053e837ff07SGreg Roach    margin: 0;
1054e837ff07SGreg Roach    padding: 0;
1055e837ff07SGreg Roach}
1056e837ff07SGreg Roach
1057e837ff07SGreg Roach/* Clippings */
1058e837ff07SGreg Roach#sb_clippings_content ul {
1059e837ff07SGreg Roach    padding: 0;
1060e837ff07SGreg Roach    margin: 0;
1061e837ff07SGreg Roach}
1062e837ff07SGreg Roach
1063e837ff07SGreg Roach#sb_clippings_content li {
1064e837ff07SGreg Roach    list-style: none;
1065e837ff07SGreg Roach    margin: 0;
1066e837ff07SGreg Roach    padding: 0;
1067e837ff07SGreg Roach    white-space: nowrap;
1068e837ff07SGreg Roach}
1069e837ff07SGreg Roach
1070e837ff07SGreg Roach/*-- Fan chart ---- */
1071e837ff07SGreg Roach.fan_chart_menu {
1072b6c326d8SGreg Roach    background: #fff;
1073e837ff07SGreg Roach    position: absolute;
1074e837ff07SGreg Roach    display: none;
1075e837ff07SGreg Roach    z-index: 100;
1076e837ff07SGreg Roach}
1077e837ff07SGreg Roach
1078e837ff07SGreg Roach#fan_chart ul {
1079e837ff07SGreg Roach    list-style-type: none;
1080e837ff07SGreg Roach    margin: 0;
1081e837ff07SGreg Roach}
1082e837ff07SGreg Roach
1083e837ff07SGreg Roach/* Lifespans chart */
1084e837ff07SGreg Roach.wt-lifespans-subtitle {
1085e837ff07SGreg Roach    text-align: center;
1086e837ff07SGreg Roach}
1087e837ff07SGreg Roach
1088e837ff07SGreg Roach.wt-lifespans-scale {
1089e837ff07SGreg Roach    white-space: nowrap;
1090e837ff07SGreg Roach}
1091e837ff07SGreg Roach
1092e837ff07SGreg Roach.wt-lifespans-decade {
1093e837ff07SGreg Roach    width: 70px;
1094e837ff07SGreg Roach    height: 60px;
1095e837ff07SGreg Roach    display: inline-block;
109697c22350SGreg Roach    background-image: url(images/lifespan-decade.png);
1097e837ff07SGreg Roach    background-position-y: bottom;
1098e837ff07SGreg Roach    background-repeat: no-repeat;
1099e837ff07SGreg Roach    background-size: 70px 37px;
1100e837ff07SGreg Roach}
1101e837ff07SGreg Roach
1102e837ff07SGreg Roach.wt-lifespans-individuals {
1103e837ff07SGreg Roach    background: #fafafa;
1104e837ff07SGreg Roach}
1105e837ff07SGreg Roach
1106e837ff07SGreg Roach.wt-lifespans-individual {
1107e837ff07SGreg Roach
1108e837ff07SGreg Roach}
1109e837ff07SGreg Roach
1110e837ff07SGreg Roach.wt-lifespans-summary {
1111e837ff07SGreg Roach    background: #ffffff;
1112e837ff07SGreg Roach    border: thin solid #000;
1113e837ff07SGreg Roach    z-index: 1;
1114e837ff07SGreg Roach}
1115e837ff07SGreg Roach
1116e837ff07SGreg Roach.wt-lifespans-summary-link {
1117e837ff07SGreg Roach    font-weight: bold;
1118e837ff07SGreg Roach}
1119e837ff07SGreg Roach
1120e837ff07SGreg Roach/*-- timeline  --*/
1121e837ff07SGreg Roach#timeline_chart {
1122e837ff07SGreg Roach    position: relative;
1123e837ff07SGreg Roach    top: 0;
1124e837ff07SGreg Roach    left: 0;
1125e837ff07SGreg Roach}
1126e837ff07SGreg Roach
1127e837ff07SGreg Roach[class^="icon-"],
1128e837ff07SGreg Roach[class*=" icon-"] {
1129e837ff07SGreg Roach    display: inline-block;
1130e837ff07SGreg Roach    vertical-align: middle;
1131e837ff07SGreg Roach    background-repeat: no-repeat;
113297c22350SGreg Roach    background-size: cover;
1133e837ff07SGreg Roach}
1134e837ff07SGreg Roach
1135e837ff07SGreg Roach.icon-cfamily {
113608362db4SGreg Roach    content: url(clouds/images/cfamily.png);
1137e837ff07SGreg Roach}
1138e837ff07SGreg Roach
1139e837ff07SGreg Roach.icon-childless {
114008362db4SGreg Roach    content: url(images/childless.png);
1141e837ff07SGreg Roach}
1142e837ff07SGreg Roach
1143e837ff07SGreg Roach.icon-children {
114408362db4SGreg Roach    content: url(images/children.png);
1145e837ff07SGreg Roach}
1146e837ff07SGreg Roach
1147e837ff07SGreg Roach.icon-edit_indi {
114808362db4SGreg Roach    content: url(clouds/images/edit_indi.png);
1149e837ff07SGreg Roach}
1150e837ff07SGreg Roach
1151e837ff07SGreg Roach.icon-fam-list {
115208362db4SGreg Roach    content: url(clouds/images/sfamily.png);
1153e837ff07SGreg Roach}
1154e837ff07SGreg Roach
1155e837ff07SGreg Roach.icon-indi-list {
115608362db4SGreg Roach    content: url(clouds/images/indis.png);
1157e837ff07SGreg Roach}
1158e837ff07SGreg Roach
1159e837ff07SGreg Roach.icon-loading-small {
116008362db4SGreg Roach    content: url(images/indicator.gif);
1161e837ff07SGreg Roach}
1162e837ff07SGreg Roach
1163e837ff07SGreg Roach.icon-minus {
116408362db4SGreg Roach    content: url(icons/minus.png);
1165e837ff07SGreg Roach}
1166e837ff07SGreg Roach
1167e837ff07SGreg Roach.icon-mypage {
116808362db4SGreg Roach    content: url(clouds/images/mypage.png);
1169e837ff07SGreg Roach}
1170e837ff07SGreg Roach
1171e837ff07SGreg Roach.icon-plus {
117208362db4SGreg Roach    content: url(icons/plus.png);
1173e837ff07SGreg Roach}
1174e837ff07SGreg Roach
1175e837ff07SGreg Roach.icon-resn-confidential {
117608362db4SGreg Roach    content: url(images/resn_confidential.png);
1177e837ff07SGreg Roach}
1178e837ff07SGreg Roach
1179e837ff07SGreg Roach.icon-resn-locked {
118008362db4SGreg Roach    content: url(images/resn_locked.png);
1181e837ff07SGreg Roach}
1182e837ff07SGreg Roach
1183e837ff07SGreg Roach.icon-resn-none {
118408362db4SGreg Roach    content: url(images/resn_none.png);
1185e837ff07SGreg Roach}
1186e837ff07SGreg Roach
1187e837ff07SGreg Roach.icon-resn-privacy {
118808362db4SGreg Roach    content: url(images/resn_privacy.png);
1189e837ff07SGreg Roach}
1190e837ff07SGreg Roach
1191e837ff07SGreg Roach.icon-rings {
119208362db4SGreg Roach    content: url(images/rings.png);
1193e837ff07SGreg Roach}
1194e837ff07SGreg Roach
1195e837ff07SGreg Roach.icon-selected {
119608362db4SGreg Roach    content: url(clouds/images/selected.png);
1197e837ff07SGreg Roach}
1198e837ff07SGreg Roach
1199e837ff07SGreg Roach/* Silhouettes on charts */
12001baf69deSGreg Roach.icon-silhouette-f {
120108362db4SGreg Roach    content: url(clouds/images/silhouette_female_small.png);
1202e837ff07SGreg Roach}
1203e837ff07SGreg Roach
12041baf69deSGreg Roach.icon-silhouette-m {
120508362db4SGreg Roach    content: url(clouds/images/silhouette_male_small.png);
1206e837ff07SGreg Roach}
1207e837ff07SGreg Roach
12081baf69deSGreg Roach.icon-silhouette-u,
12091baf69deSGreg Roach.icon-silhouette-x {
121008362db4SGreg Roach    content: url(clouds/images/silhouette_unknown_small.png);
1211e837ff07SGreg Roach}
1212e837ff07SGreg Roach
1213e837ff07SGreg Roach/* Tbl hdrs and Light Text */
1214e837ff07SGreg Roach.descriptionbox,
1215e837ff07SGreg Roach.list_label,
1216e837ff07SGreg Roach.list_label a {
1217e837ff07SGreg Roach    background-color: #95b8e0;
1218e837ff07SGreg Roach    color: #039;
1219e837ff07SGreg Roach}
1220e837ff07SGreg Roach
1221e837ff07SGreg Roach/* Base Color */
1222e837ff07SGreg Roach.blockcontent,
1223e837ff07SGreg Roach.list_value,
1224e837ff07SGreg Roach.list_value_wrap,
12254fb65c1cSGreg Roach.news_box {
1226e837ff07SGreg Roach    background: inherit;
1227e837ff07SGreg Roach}
1228e837ff07SGreg Roach
1229e837ff07SGreg Roachfooter .error {
1230e837ff07SGreg Roach    color: #d00;
1231e837ff07SGreg Roach    font-weight: bold;
1232e837ff07SGreg Roach}
1233e837ff07SGreg Roach
123448b53306SGreg Roach/*
123548b53306SGreg Roach * Any element that is loaded dynamically has the class wt-ajax-load.
123648b53306SGreg Roach * We can provide a "loading" placeholder for empty elements with this class.
123748b53306SGreg Roach */
123848b53306SGreg Roach.wt-ajax-load:empty {
123948b53306SGreg Roach    height: 32px;
124048b53306SGreg Roach    background: url(images/loading-32x32.gif) no-repeat 50% 50%;
124148b53306SGreg Roach}
1242e837ff07SGreg Roach
124339b853a7SGreg Roach/*
124439b853a7SGreg Roach * Default icons are provided by FontAwesome.
124539b853a7SGreg Roach */
1246e39fd5c6SGreg Roach.wt-icon-anniversary {
124708362db4SGreg Roach    content: url(icons/anniversary.png);
1248e39fd5c6SGreg Roach}
1249e39fd5c6SGreg Roach
125039b853a7SGreg Roach.wt-icon-arrow-down {
125139b853a7SGreg Roach    content: url(clouds/icons/arrow-down.png);
125239b853a7SGreg Roach}
125339b853a7SGreg Roach
125439b853a7SGreg Roacha > .wt-icon-arrow-down:hover {
125539b853a7SGreg Roach    content: url(clouds/icons/arrow-down-hover.png);
125639b853a7SGreg Roach}
125739b853a7SGreg Roach
125839b853a7SGreg Roach.wt-icon-arrow-left {
125939b853a7SGreg Roach    content: url(clouds/icons/arrow-left.png);
126039b853a7SGreg Roach}
126139b853a7SGreg Roach
126239b853a7SGreg Roacha > .wt-icon-arrow-left:hover {
126339b853a7SGreg Roach    content: url(clouds/icons/arrow-left-hover.png);
126439b853a7SGreg Roach}
126539b853a7SGreg Roach
126639b853a7SGreg Roach.wt-icon-arrow-right {
126739b853a7SGreg Roach    content: url(clouds/icons/arrow-right.png);
126839b853a7SGreg Roach}
126939b853a7SGreg Roach
127039b853a7SGreg Roacha > .wt-icon-arrow-right:hover {
127139b853a7SGreg Roach    content: url(clouds/icons/arrow-right-hover.png);
127239b853a7SGreg Roach}
127339b853a7SGreg Roach
127439b853a7SGreg Roach.wt-icon-arrow-up {
127539b853a7SGreg Roach    content: url(clouds/icons/arrow-up.png);
127639b853a7SGreg Roach}
127739b853a7SGreg Roach
127839b853a7SGreg Roacha > .wt-icon-arrow-up:hover {
127939b853a7SGreg Roach    content: url(clouds/icons/arrow-up-hover.png);
128039b853a7SGreg Roach}
128139b853a7SGreg Roach
128208362db4SGreg Roach.wt-icon-bing-maps {
128308362db4SGreg Roach    content: url(icons/bing-maps.png);
128408362db4SGreg Roach}
128508362db4SGreg Roach
128608362db4SGreg Roach.wt-icon-calendar {
128708362db4SGreg Roach    content: url(icons/calendar.png)
128808362db4SGreg Roach}
128908362db4SGreg Roach
129016e8b6e8SGreg Roach.wt-icon-collapse {
129116e8b6e8SGreg Roach}
129216e8b6e8SGreg Roach
129339b853a7SGreg Roach.wt-icon-coordinates {
129408362db4SGreg Roach    content: url(icons/coordinates.png)
129508362db4SGreg Roach}
129608362db4SGreg Roach
129708362db4SGreg Roach.wt-icon-copy {
129808362db4SGreg Roach    content: url(icons/copy.png)
129908362db4SGreg Roach}
130008362db4SGreg Roach
130108362db4SGreg Roach.wt-icon-delete {
130208362db4SGreg Roach    content: url(icons/delete.png);
130308362db4SGreg Roach}
130408362db4SGreg Roach
130508362db4SGreg Roach.wt-icon-edit {
130608362db4SGreg Roach    content: url(icons/edit.png);
130739b853a7SGreg Roach}
130839b853a7SGreg Roach
130916e8b6e8SGreg Roach.wt-icon-expand {
131016e8b6e8SGreg Roach}
131116e8b6e8SGreg Roach
131208362db4SGreg Roach.wt-icon-family {
131308362db4SGreg Roach    content: url(icons/family.png);
1314e39fd5c6SGreg Roach}
1315e39fd5c6SGreg Roach
131608362db4SGreg Roach.wt-icon-google-maps {
131708362db4SGreg Roach    content: url(icons/google-maps.png);
131848b53306SGreg Roach}
131948b53306SGreg Roach
132008362db4SGreg Roach.wt-icon-help {
132148b53306SGreg Roach    content: url(clouds/icons/help.png);
132248b53306SGreg Roach}
132348b53306SGreg Roach
132408362db4SGreg Roach.wt-icon-individual {
132508362db4SGreg Roach    content: url(icons/individual.png);
132648b53306SGreg Roach}
132748b53306SGreg Roach
132808362db4SGreg Roach.wt-icon-keyboard {
132908362db4SGreg Roach    content: url(icons/keyboard.png);
133048b53306SGreg Roach}
133148b53306SGreg Roach
133208362db4SGreg Roach.wt-icon-media {
133308362db4SGreg Roach    content: url(icons/media.png);
133448b53306SGreg Roach}
133548b53306SGreg Roach
133608362db4SGreg Roach.wt-icon-note {
133708362db4SGreg Roach    content: url(icons/note.png);
133848b53306SGreg Roach}
133948b53306SGreg Roach
134008362db4SGreg Roach.wt-icon-openstreetmap {
134108362db4SGreg Roach    content: url(icons/openstreetmap.png);
134248b53306SGreg Roach}
134348b53306SGreg Roach
134408362db4SGreg Roach.wt-icon-preferences {
134548b53306SGreg Roach    content: url(clouds/icons/preferences.png);
134648b53306SGreg Roach}
134748b53306SGreg Roach
134808362db4SGreg Roach.wt-icon-reorder {
134908362db4SGreg Roach    content: url(icons/reorder.png);
135048b53306SGreg Roach}
135148b53306SGreg Roach
135208362db4SGreg Roach.wt-icon-repository {
135308362db4SGreg Roach    content: url(icons/repository.png);
135448b53306SGreg Roach}
135548b53306SGreg Roach
13562799f5a7SGreg Roach.wt-icon-sex {
13572799f5a7SGreg Roach    height: 1em;
13582799f5a7SGreg Roach}
13592799f5a7SGreg Roach
136008362db4SGreg Roach.wt-icon-sex-f {
136108362db4SGreg Roach    content: url(icons/sex-female.png);
136248b53306SGreg Roach}
136348b53306SGreg Roach
136408362db4SGreg Roach.wt-icon-sex-m {
136508362db4SGreg Roach    content: url(icons/sex-male.png);
136608362db4SGreg Roach}
136708362db4SGreg Roach
136808362db4SGreg Roach.wt-icon-sex-u {
136908362db4SGreg Roach    content: url(icons/sex-unknown.png);
137008362db4SGreg Roach}
137108362db4SGreg Roach
137208362db4SGreg Roach.wt-icon-sex-x {
137308362db4SGreg Roach    content: url(icons/sex-unknown.png);
137408362db4SGreg Roach}
137508362db4SGreg Roach
137608362db4SGreg Roach.wt-icon-source {
137708362db4SGreg Roach    content: url(icons/source.png);
137808362db4SGreg Roach}
137908362db4SGreg Roach
138008362db4SGreg Roach.wt-icon-submitter {
138108362db4SGreg Roach    content: url(icons/individual.png);
138208362db4SGreg Roach}
138308362db4SGreg Roach
138408362db4SGreg Roach.wt-icon-warning {
138508362db4SGreg Roach    content: url(icons/warning.png);
138608362db4SGreg Roach}
138708362db4SGreg Roach
138808362db4SGreg Roach.wt-icon-zoom-in {
138908362db4SGreg Roach    content: url(clouds/icons/zoom-in.png);
139008362db4SGreg Roach}
139108362db4SGreg Roach
139208362db4SGreg Roach.wt-icon-zoom-out {
139308362db4SGreg Roach    content: url(clouds/icons/zoom-out.png);
139408362db4SGreg Roach}
139508362db4SGreg Roach
139608362db4SGreg Roach/* Miscellaneous images */
1397e837ff07SGreg Roach.icon-indis {
139808362db4SGreg Roach    content: url(clouds/images/indis.png);
1399e837ff07SGreg Roach}
1400e837ff07SGreg Roach
1401e837ff07SGreg Roach.icon-patriarch {
140208362db4SGreg Roach    content: url(clouds/images/patriarch.png);
1403e837ff07SGreg Roach}
1404e837ff07SGreg Roach
1405e837ff07SGreg Roach.icon-pedigree {
140608362db4SGreg Roach    content: url(clouds/images/pedigree.png);
1407e837ff07SGreg Roach}
1408e837ff07SGreg Roach
1409e837ff07SGreg Roach.icon-sfamily {
141008362db4SGreg Roach    content: url(clouds/images/sfamily.png);
1411e837ff07SGreg Roach}
1412e837ff07SGreg Roach
1413e837ff07SGreg Roach.icon-user_add {
141408362db4SGreg Roach    content: url(clouds/images/user_add.png);
1415e837ff07SGreg Roach}
141648b53306SGreg Roach
1417f699d6fcSGreg Roach/* Census assistant */
1418f699d6fcSGreg Roach.wt-census-assistant-form-control:focus {
1419f699d6fcSGreg Roach    min-width: 12rem;
1420f699d6fcSGreg Roach}
1421f699d6fcSGreg Roach
1422f699d6fcSGreg Roach/* Some blocks show a reduced version on the right-hand side. */
1423f699d6fcSGreg Roach.wt-side-blocks .wt-side-block-optional {
1424f699d6fcSGreg Roach    display: none !important;
1425f699d6fcSGreg Roach}
1426f699d6fcSGreg Roach
1427f699d6fcSGreg Roach/* my page chart enhancements */
1428f699d6fcSGreg Roach.wt-block-content-charts {
1429f699d6fcSGreg Roach    overflow: auto;
1430f699d6fcSGreg Roach}
1431f699d6fcSGreg Roach
1432f699d6fcSGreg Roach/* Some charts are wider than the page. */
1433f699d6fcSGreg Roach.wt-chart {
1434f699d6fcSGreg Roach    overflow-x: auto;
1435f699d6fcSGreg Roach    overflow-y: hidden;
1436f699d6fcSGreg Roach}
1437f699d6fcSGreg Roach
1438f699d6fcSGreg Roach/* Forms */
1439f699d6fcSGreg Roach.col-form-label {
1440f699d6fcSGreg Roach    font-weight: bold;
1441f699d6fcSGreg Roach}
1442