xref: /webtrees/resources/css/clouds.css (revision 2799f5a713bb59d442bd91e99fea71b491ed86c4)
1e837ff07SGreg Roach/**
2e837ff07SGreg Roach * webtrees: online genealogy
3242a7862SGreg Roach * Copyright (C) 2019 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";
18e759aebbSGreg Roach@import "_block-charts.css";
1916e8b6e8SGreg Roach@import "_charts.css";
20cee51dfdSGreg Roach@import "_colorbox.css";
2116e8b6e8SGreg Roach@import "_lists.css";
22242a7862SGreg Roach@import "_mime-type-icons.css";
23242a7862SGreg Roach@import "_on-screen-keyboard.css";
244a2590a5SGreg Roach@import "_tab-relatives.css";
25e837ff07SGreg Roach
2697c22350SGreg Roach/* Colors for chart boxes, etc. */
2797c22350SGreg Roach:root {
2897c22350SGreg Roach  --sex-f-fg: #aaaaaa;
2997c22350SGreg Roach  --sex-m-fg: #aaaaaa;
3097c22350SGreg Roach  --sex-u-fg: #aaaaaa;
3197c22350SGreg Roach  --sex-f-bg: #ffdddd;
3297c22350SGreg Roach  --sex-m-bg: #ddddff;
3397c22350SGreg Roach  --sex-u-bg: #ffffff;
34e759aebbSGreg Roach    --chart-line: solid gray thin;
3516e8b6e8SGreg Roach    --chart-line-radius: 1rem;
3697c22350SGreg Roach}
3797c22350SGreg Roach
38e837ff07SGreg Roach/* Override Bootstrap formatting */
39e837ff07SGreg Roach
40e837ff07SGreg Roach.table-given-name {
41e837ff07SGreg Roach    overflow-x: hidden;
42e837ff07SGreg Roach}
43e837ff07SGreg Roach
44e837ff07SGreg Roach.btn-link {
45e837ff07SGreg Roach    padding: 0 .25rem;
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.dropdown-menu {      /* Fix dropdown on Place Lists/Place Hierarchy */
58e837ff07SGreg Roach    z-index: 1010;
59e837ff07SGreg Roach}
60e837ff07SGreg Roach
61e837ff07SGreg Roach/*
62e837ff07SGreg Roach * Pages have the following high-level structure:
63e837ff07SGreg Roach *
6497c22350SGreg Roach * wt-global wt-theme-<THEME> wt-route-<ROUTE>
65e837ff07SGreg Roach * +---wt-header-wrapper
66e759aebbSGreg Roach * |   +---wt-header-container
67e837ff07SGreg Roach * |       +---wt-header-content
68e837ff07SGreg Roach * |           +---wt-accessibility-links
69e837ff07SGreg Roach * |           +---wt-site-logo
70e837ff07SGreg Roach * |           +---wt-site-title
71e837ff07SGreg Roach * |           +---wt-header-search
72e837ff07SGreg Roach * |           |   +---wt-header-search-form
73e837ff07SGreg Roach * |           |       +---wt-header-search-field
74e837ff07SGreg Roach * |           |       +---wt-header-search-button
75e837ff07SGreg Roach * |           +---wt-secondary-navigation
760c8c69d4SGreg Roach * |           |   +---wt-user-menu
77e837ff07SGreg Roach * |           +---wt-primary-navigation
780c8c69d4SGreg Roach * |               +---wt-genealogy-menu
79e759aebbSGreg Roach * +---wt-main-wrapper
80e759aebbSGreg Roach * |   +---wt-main-container
81e837ff07SGreg Roach * |       +---wt-main-content
82e837ff07SGreg Roach * |           +---wt-messages
83e837ff07SGreg Roach * |           +---wt-page-title
84e837ff07SGreg Roach * |           +---wt-page-options wt-page-options-xxxxx
85e837ff07SGreg Roach * |           +---wt-page-content
8697c22350SGreg Roach * +---wt-footers
87b3a775f6SGreg Roach *     +---wt-footer wt-footer-xxxxx
88e837ff07SGreg Roach */
89e837ff07SGreg Roach
90e837ff07SGreg Roach.wt-global {
91e837ff07SGreg Roach    background: #c8e7ff url(clouds/images/background.png) repeat-x fixed top left;
92e837ff07SGreg Roach    color: #006;
93e837ff07SGreg Roach}
94e837ff07SGreg Roach
95e837ff07SGreg Roach.wt-header-wrapper {
96e837ff07SGreg Roach    background: #acf url(clouds/images/clouds.png) repeat-x;
97e837ff07SGreg Roach    border-bottom: thin solid #79c;
98e837ff07SGreg Roach}
99e837ff07SGreg Roach
100e837ff07SGreg Roach.wt-header-wrapper .dropdown-item.active {
101e837ff07SGreg Roach    background-color: inherit;
102e837ff07SGreg Roach    color: inherit;
103e837ff07SGreg Roach    font-weight: bold;
104e837ff07SGreg Roach}
105e837ff07SGreg Roach
106e837ff07SGreg Roach.wt-header-container {
107e837ff07SGreg Roach    margin-top: 0.5rem;
108e837ff07SGreg Roach}
109e837ff07SGreg Roach
110e837ff07SGreg Roach.wt-header-content {
111e837ff07SGreg Roach}
112e837ff07SGreg Roach
113e837ff07SGreg Roach.wt-accessibility-links {
114e837ff07SGreg Roach}
115e837ff07SGreg Roach
116e837ff07SGreg Roach.wt-site-logo {
117e837ff07SGreg Roach    display: none;
118e837ff07SGreg Roach}
119e837ff07SGreg Roach
120e837ff07SGreg Roach.wt-site-title {
121e837ff07SGreg Roach    order: 1;
122e837ff07SGreg Roach    flex: 1 1 0;
123e837ff07SGreg Roach    font-size: 1.5rem;
124e837ff07SGreg Roach}
125e837ff07SGreg Roach
126e837ff07SGreg Roach.wt-header-search {
127e837ff07SGreg Roach    order: 3;
128e837ff07SGreg Roach    flex: 0 0 15rem;
129e837ff07SGreg Roach}
130e837ff07SGreg Roach
131e837ff07SGreg Roach.wt-header-search-form {
132e837ff07SGreg Roach}
133e837ff07SGreg Roach
13497c22350SGreg Roach.wt-header-search-field {
13597c22350SGreg Roach}
13697c22350SGreg Roach
13797c22350SGreg Roach.wt-header-search-button {
13897c22350SGreg Roach}
13997c22350SGreg Roach
140e837ff07SGreg Roach.wt-secondary-navigation {
141e837ff07SGreg Roach    order: 2;
142e837ff07SGreg Roach    flex: 0 0 0;
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
304e837ff07SGreg Roach.menu-list-note::before {
305e837ff07SGreg Roach    content: url(clouds/menu/list-note.png);
306e837ff07SGreg Roach}
307e837ff07SGreg Roach
308e837ff07SGreg Roach.menu-list-obje::before {
309e837ff07SGreg Roach    content: url(clouds/menu/list-obje.png);
310e837ff07SGreg Roach}
311e837ff07SGreg Roach
312e837ff07SGreg Roach.menu-list-plac::before {
313e837ff07SGreg Roach    content: url(clouds/menu/list-plac.png);
314e837ff07SGreg Roach}
315e837ff07SGreg Roach
316e837ff07SGreg Roach.menu-list-repo::before {
317e837ff07SGreg Roach    content: url(clouds/menu/list-repo.png);
318e837ff07SGreg Roach}
319e837ff07SGreg Roach
320e837ff07SGreg Roach.menu-list-sour::before {
321e837ff07SGreg Roach    content: url(clouds/menu/list-sour.png);
322e837ff07SGreg Roach}
323e837ff07SGreg Roach
324e72c24d6SGreg Roach.menu-list-subm::before {
325e72c24d6SGreg Roach    content: url(clouds/menu/list-indi.png);
326e72c24d6SGreg Roach}
327e72c24d6SGreg Roach
328e837ff07SGreg Roach.menu-calendar .nav-link::before {
329e837ff07SGreg Roach    content: url(clouds/menu/calendar.png);
330e837ff07SGreg Roach}
331e837ff07SGreg Roach
332e837ff07SGreg Roach.menu-calendar-day::before {
33308362db4SGreg Roach    content: url(clouds/menu/calendar.png);
334e837ff07SGreg Roach}
335e837ff07SGreg Roach
336e837ff07SGreg Roach.menu-calendar-month::before {
33708362db4SGreg Roach    content: url(clouds/menu/calendar.png);
338e837ff07SGreg Roach}
339e837ff07SGreg Roach
340e837ff07SGreg Roach.menu-calendar-year::before {
34108362db4SGreg Roach    content: url(clouds/menu/calendar.png);
342e837ff07SGreg Roach}
343e837ff07SGreg Roach
344e837ff07SGreg Roach.menu-report .nav-link::before {
345e837ff07SGreg Roach    content: url(clouds/menu/report.png);
346e837ff07SGreg Roach}
347e837ff07SGreg Roach
348e837ff07SGreg Roach.menu-report .dropdown-item:not(:first-child)::before {
34908362db4SGreg Roach    content: url(clouds/menu/report.png);
350e837ff07SGreg Roach}
351e837ff07SGreg Roach
352e837ff07SGreg Roach.menu-search .nav-link::before {
353e837ff07SGreg Roach    content: url(clouds/menu/search.png);
354e837ff07SGreg Roach}
355e837ff07SGreg Roach
356e837ff07SGreg Roach.menu-search .dropdown-item:not(:first-child)::before {
35708362db4SGreg Roach    content: url(clouds/menu/search.png);
358e837ff07SGreg Roach}
359e837ff07SGreg Roach
36008362db4SGreg Roach.menu-faq .nav-link::before {
36108362db4SGreg Roach    content: url(clouds/menu/faq.png);
362e837ff07SGreg Roach}
363e837ff07SGreg Roach
364e837ff07SGreg Roach.menu-clippings .nav-link::before {
365e837ff07SGreg Roach    content: url(clouds/menu/clippings.png);
366e837ff07SGreg Roach}
367e837ff07SGreg Roach
368e837ff07SGreg Roach.menu-clippings-add::before {
36908362db4SGreg Roach    content: url(clouds/menu/clippings-cart.png);
370e837ff07SGreg Roach}
371e837ff07SGreg Roach
37204fe0783SGreg Roach.menu-clippings-cart::before {
37304fe0783SGreg Roach    content: url(clouds/menu/clippings-cart.png);
37404fe0783SGreg Roach}
37504fe0783SGreg Roach
376e837ff07SGreg Roach.menu-clippings-download::before {
377e837ff07SGreg Roach    content: url(clouds/menu/edit-gedcom.png);
378e837ff07SGreg Roach}
379e837ff07SGreg Roach
380e837ff07SGreg Roach.menu-clippings-empty::before {
381e837ff07SGreg Roach    content: url(clouds/menu/edit-delete.png);
382e837ff07SGreg Roach}
383e837ff07SGreg Roach
384e837ff07SGreg Roach.menu-clippings-remove::before {
385e837ff07SGreg Roach    content: url(clouds/menu/edit-delete.png);
386e837ff07SGreg Roach}
387e837ff07SGreg Roach
388e837ff07SGreg Roach.menu-story .nav-link::before {
389e837ff07SGreg Roach    content: url(clouds/menu/story.png);
390e837ff07SGreg Roach}
391e837ff07SGreg Roach
392e837ff07SGreg Roach.wt-main-container {
393f699d6fcSGreg Roach    /* Space between the header/footer and the main content. */
394f699d6fcSGreg Roach    padding-top: 1rem;
395f699d6fcSGreg Roach    padding-bottom: 1rem;
396e837ff07SGreg Roach}
397e837ff07SGreg Roach
398e837ff07SGreg Roach.wt-main {
399e837ff07SGreg Roach}
400e837ff07SGreg Roach
401e837ff07SGreg Roach.wt-messages {
402e837ff07SGreg Roach}
403e837ff07SGreg Roach
404e837ff07SGreg Roach.wt-page-title {
405e837ff07SGreg Roach    text-align: center;
406e837ff07SGreg Roach}
407e837ff07SGreg Roach
408e39fd5c6SGreg Roach.wt-page-options {
409e39fd5c6SGreg Roach}
410e39fd5c6SGreg Roach
411e837ff07SGreg Roach.wt-page-options .form-group {
412e837ff07SGreg Roach    margin-bottom: 2px;
413e837ff07SGreg Roach}
414e837ff07SGreg 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;
488e837ff07SGreg Roach}
489e837ff07SGreg Roach
490e837ff07SGreg Roach.wt-block-header::before {
491e837ff07SGreg Roach    content: url(clouds/images/block-header-disk.png);
492e837ff07SGreg Roach    margin: 0.5rem;
493e837ff07SGreg Roach}
494e837ff07SGreg Roach
49548b53306SGreg Roach.wt-block-content {
49648b53306SGreg Roach}
49748b53306SGreg Roach
498e837ff07SGreg Roach.blockcontent {
499e837ff07SGreg Roach    border: solid #999 1px;
500e837ff07SGreg Roach    margin:  0 2px 10px 0;
501e837ff07SGreg Roach    overflow: auto;
502e837ff07SGreg Roach    padding: 5px;
503e837ff07SGreg Roach}
504e837ff07SGreg Roach
505e837ff07SGreg Roach.blockcontent .list_table {
506e837ff07SGreg Roach    border-spacing: 1px;
507e837ff07SGreg Roach    border: solid #999 1px;
508e837ff07SGreg Roach    border-right: 0;
509e837ff07SGreg Roach}
510e837ff07SGreg Roach
511e837ff07SGreg Roach.blockcontent .list_value,
512e837ff07SGreg Roach.blockcontent .list_value_wrap {
513e837ff07SGreg Roach    border: 0;
514e837ff07SGreg Roach    border-top: solid #999 1px;
515e837ff07SGreg Roach    border-right: solid #999 1px;
516e837ff07SGreg Roach}
517e837ff07SGreg Roach
518e837ff07SGreg Roach/*
519e39fd5c6SGreg Roach * The individual page.
520e837ff07SGreg Roach *
521e39fd5c6SGreg Roach * wt-route-individual
522242a7862SGreg Roach * +---wt-header-wrapper
523e837ff07SGreg Roach */
524e837ff07SGreg Roach
525e39fd5c6SGreg Roach.wt-individual-silhouette {
526e39fd5c6SGreg Roach    content: url(images/individual-silhouette-unknown.png);
527e39fd5c6SGreg Roach}
528e837ff07SGreg Roach
529242a7862SGreg Roach.wt-individual-silhouette-f {
530e39fd5c6SGreg Roach    content: url(images/individual-silhouette-female.png);
531e39fd5c6SGreg Roach}
532e837ff07SGreg Roach
533242a7862SGreg Roach.wt-individual-silhouette-m {
534e39fd5c6SGreg Roach    content: url(images/individual-silhouette-male.png);
535e39fd5c6SGreg Roach}
536e837ff07SGreg Roach
537e837ff07SGreg Roach/*
538242a7862SGreg Roach * Chart-boxes are used to build the various charts.
539242a7862SGreg Roach * Each type of chart will set its own size and hide/show content.
540e837ff07SGreg Roach *
541242a7862SGreg Roach * wt-chart-box
542242a7862SGreg Roach * +--- wt-chart-box-thumbnail
543242a7862SGreg Roach * +--- wt-chart-box-extra
544242a7862SGreg Roach *      +--- wt-chart-box-zoom
545242a7862SGreg Roach *           +--- wt-chart-box-icon
546242a7862SGreg Roach *           +--- wt-chart-box-dropdown wt-chart-box-zoom-dropdown
547242a7862SGreg Roach *      +--- wt-chart-box-links
548242a7862SGreg Roach *           +--- wt-chart-box-icon
549242a7862SGreg Roach *           +--- wt-chart-box-dropdown wt-chart-box-links-dropdown
550242a7862SGreg Roach * +--- wt-chart-box-name
551242a7862SGreg Roach * +--- wt-chart-box-lifespan
552242a7862SGreg Roach * +--- wt-chart-box-facts
553242a7862SGreg Roach *     +--- wt-chart-box-fact
554e837ff07SGreg Roach */
555242a7862SGreg Roach.wt-chart-box,
556242a7862SGreg Roach.wt-chart-box-menu {
557242a7862SGreg Roach    background: var(--sex-u-bg);
558242a7862SGreg Roach    border: dashed var(--sex-u-fg) thin;
559e837ff07SGreg Roach}
560e837ff07SGreg Roach
561242a7862SGreg Roach.wt-chart-box {
562242a7862SGreg Roach    height: 5rem;
563242a7862SGreg Roach    padding: 2px;
564242a7862SGreg Roach    line-height: 1.1;
565e837ff07SGreg Roach}
566e837ff07SGreg Roach
567242a7862SGreg Roach.wt-chart-box-f,
568242a7862SGreg Roach.wt-chart-box-f .wt-chart-box-dropdown {
569242a7862SGreg Roach    background: var(--sex-f-bg);
570242a7862SGreg Roach    border: solid var(--sex-f-fg) thin;
571e837ff07SGreg Roach}
572e837ff07SGreg Roach
573242a7862SGreg Roach.wt-chart-box-m,
574242a7862SGreg Roach.wt-chart-box-m .wt-chart-box-dropdown {
575242a7862SGreg Roach    background: var(--sex-m-bg);
576242a7862SGreg Roach    border: solid var(--sex-m-fg) thin;
577e837ff07SGreg Roach}
578e837ff07SGreg Roach
579e837ff07SGreg Roach/* ====== Round Corners ======== */
580e837ff07SGreg Roachinput,
581e837ff07SGreg Roachfieldset,
582e837ff07SGreg Roach.border1,
583e837ff07SGreg Roach.block,
584e837ff07SGreg Roach.list_label,
585e837ff07SGreg Roach.list_label_wrap,
586e837ff07SGreg Roach.list_value,
587e837ff07SGreg Roach.list_value_wrap,
588e837ff07SGreg Roach.messagebox,
589e837ff07SGreg Roach.optionbox,
590242a7862SGreg Roach.wt-chart-box,
591e837ff07SGreg Roach.person0,
592e837ff07SGreg Roach.person1,
593e837ff07SGreg Roach.person2,
594e837ff07SGreg Roach.person3,
595e837ff07SGreg Roach.person4,
596e837ff07SGreg Roach.person5,
5970c8c69d4SGreg Roach.wt-genealogy-menu ul,
5980c8c69d4SGreg Roach.user-menu li ul,
599e837ff07SGreg Roachfooter,
600e837ff07SGreg Roach#indi_main_blocks,
601e837ff07SGreg Roach#tabs{
602e837ff07SGreg Roach    border-radius: 3px;
603e837ff07SGreg Roach}
604e837ff07SGreg Roach
605e837ff07SGreg Roacha {
606e837ff07SGreg Roach    color: #039;
607e837ff07SGreg Roach    text-decoration: none;
608e837ff07SGreg Roach}
609e837ff07SGreg Roach
610e837ff07SGreg Roacha:hover {
611e837ff07SGreg Roach    color: #f00;
612e837ff07SGreg Roach    text-decoration: none;
613e837ff07SGreg Roach}
614e837ff07SGreg Roach
615e837ff07SGreg Roach:focus {
616e837ff07SGreg Roach    outline-style: none;
617e837ff07SGreg Roach}
618e837ff07SGreg Roach
619e837ff07SGreg Roach.flash-messages {
620e837ff07SGreg Roach    clear: both;
621e837ff07SGreg Roach    text-align: center;
622e837ff07SGreg Roach}
623e837ff07SGreg Roach
624e837ff07SGreg Roachimg {
625e837ff07SGreg Roach    border: 0;
626e837ff07SGreg Roach}
627e837ff07SGreg Roach
628e837ff07SGreg Roachlegend img {
629e837ff07SGreg Roach    height: 20px;
630e837ff07SGreg Roach    vertical-align: middle;
631e837ff07SGreg Roach    width: 20px;
632e837ff07SGreg Roach}
633e837ff07SGreg Roach
63469e217d1SGreg Roachimg.block {
635e837ff07SGreg Roach    border: 0;
636e837ff07SGreg Roach    height: 25px;
637e837ff07SGreg Roach    vertical-align: middle;
638e837ff07SGreg Roach}
639e837ff07SGreg Roach
640e837ff07SGreg Roach.topbottombar {
641e837ff07SGreg Roach    font-size: 12px;
642e837ff07SGreg Roach    font-weight: bold;
643e837ff07SGreg Roach    padding: 4px;
644e837ff07SGreg Roach    text-align: center;
645e837ff07SGreg Roach}
646e837ff07SGreg Roach
647e837ff07SGreg Roach.button {
648e837ff07SGreg Roach    width: 60px;
649e837ff07SGreg Roach}
650e837ff07SGreg Roach
651e837ff07SGreg Roachbutton:focus {
652e837ff07SGreg Roach     outline: 0;
653e837ff07SGreg Roach}
654e837ff07SGreg Roach
655e837ff07SGreg Roach.alpha_index {
656e837ff07SGreg Roach    color: #999;
657e837ff07SGreg Roach}
658e837ff07SGreg Roach
659e837ff07SGreg Roachhr {
660e837ff07SGreg Roach    margin-top: 5px;
661e837ff07SGreg Roach    border-color: #006;
662e837ff07SGreg Roach}
663e837ff07SGreg Roach
664e837ff07SGreg Roach.list_table {
665e837ff07SGreg Roach    margin: 0 auto;
666e837ff07SGreg Roach}
667e837ff07SGreg Roach
668e837ff07SGreg Roach.list_label,
669e837ff07SGreg Roach.list_label_wrap {
670e837ff07SGreg Roach    color: #fff;
671e837ff07SGreg Roach    border: 1px solid #999;
672e837ff07SGreg Roach    font-weight: bold;
673e837ff07SGreg Roach    text-align: center;
674e837ff07SGreg Roach}
675e837ff07SGreg Roach
676e837ff07SGreg Roach.list_value,
677e837ff07SGreg Roach.list_value_wrap {
678e837ff07SGreg Roach    background-color: #edf7f9;
679e837ff07SGreg Roach    border: solid #999 1px;
680e837ff07SGreg Roach    vertical-align: top;
681e837ff07SGreg Roach}
682e837ff07SGreg Roach
683e837ff07SGreg Roach.list_label,
684e837ff07SGreg Roach.list_value {
685e837ff07SGreg Roach    white-space: nowrap;
686e837ff07SGreg Roach    padding: 4px;
687e837ff07SGreg Roach}
688e837ff07SGreg Roach
689e837ff07SGreg Roach.list_label_wrap,
690e837ff07SGreg Roach.list_value_wrap {
691e837ff07SGreg Roach    white-space: normal;
692e837ff07SGreg Roach}
693e837ff07SGreg Roach
694e837ff07SGreg Roachdiv.fact_SHARED_NOTE {
695e837ff07SGreg Roach    clear: both;
696e837ff07SGreg Roach}
697e837ff07SGreg Roach
698e837ff07SGreg Roach/* Table of genealogical facts */
699e837ff07SGreg Roach.wt-facts-table {
700e837ff07SGreg Roach    border-collapse: separate;
701e837ff07SGreg Roach}
702e837ff07SGreg Roach
703e837ff07SGreg Roach.wt-facts-table caption {
704e837ff07SGreg Roach    caption-side: top;
705e837ff07SGreg Roach}
706e837ff07SGreg Roach
707e837ff07SGreg Roach.wt-facts-table th {
708e837ff07SGreg Roach    background-color: #95b8e0;
709e837ff07SGreg Roach    color: #039;
710e837ff07SGreg Roach    border: 1px solid #acf;
711e837ff07SGreg Roach    border-radius: 3px;
712e837ff07SGreg Roach    font-weight: normal;
713e837ff07SGreg Roach    text-align: center;
714e837ff07SGreg Roach    min-width: 20%;
715e837ff07SGreg Roach}
716e837ff07SGreg Roach
717e837ff07SGreg Roach.wt-facts-table td {
718e837ff07SGreg Roach    background: #fff;
719e837ff07SGreg Roach    border: solid #999 1px;
720e837ff07SGreg Roach    border-radius: 3px;
721e837ff07SGreg Roach}
722e837ff07SGreg Roach
723e837ff07SGreg Roach.wt-facts-table .wt-gender-M td {
724e837ff07SGreg Roach    background-color: #ddf;
725e837ff07SGreg Roach}
726e837ff07SGreg Roach
727e837ff07SGreg Roach.wt-facts-table .wt-gender-F td {
728e837ff07SGreg Roach    background-color: #fdd;
729e837ff07SGreg Roach}
730e837ff07SGreg Roach
731e837ff07SGreg Roach.name1 {
732e837ff07SGreg Roach    font-weight: bold;
733e837ff07SGreg Roach    font-size: 12px;
734e837ff07SGreg Roach}
735e837ff07SGreg Roach
736e837ff07SGreg Roach.name2 {
737e837ff07SGreg Roach    font-size: 16px;
738e837ff07SGreg Roach    }
739e837ff07SGreg Roach
740e837ff07SGreg Roacha:hover .name1, a:hover .name2 {
741e837ff07SGreg Roach    color: #f00;
742e837ff07SGreg Roach    font-weight: bold;
743e837ff07SGreg Roach    font-size: 12px;
744e837ff07SGreg Roach}
745e837ff07SGreg Roach
746e837ff07SGreg Roach.details_label {
747e837ff07SGreg Roach    font-weight: bold;
748e837ff07SGreg Roach}
749e837ff07SGreg Roach
750e837ff07SGreg Roach.date {
751e837ff07SGreg Roach    color: #039;
752e837ff07SGreg Roach}
753e837ff07SGreg Roach
754e837ff07SGreg Roach.label {
755e837ff07SGreg Roach    font-weight: bold;
756e837ff07SGreg Roach}
757e837ff07SGreg Roach
758e837ff07SGreg Roach.error {
759e837ff07SGreg Roach    color: #d00;
760e837ff07SGreg Roach    font-weight: bold;
761e837ff07SGreg Roach}
762e837ff07SGreg Roach
763e837ff07SGreg Roach.largeError {
764e837ff07SGreg Roach    color: #d00;
765e837ff07SGreg Roach    font-size: large;
766e837ff07SGreg Roach    font-weight: bold;
767e837ff07SGreg Roach}
768e837ff07SGreg Roach
769e837ff07SGreg Roach.warning {
770e837ff07SGreg Roach    color: #f00;
771e837ff07SGreg Roach    font-weight: bold;
772e837ff07SGreg Roach}
773e837ff07SGreg Roach
774e837ff07SGreg Roach.indent {
775e837ff07SGreg Roach    padding-left: 7px;
776e837ff07SGreg Roach}
777e837ff07SGreg Roach
778e837ff07SGreg Roach.thumbnail {
779e837ff07SGreg Roach    height: auto;
780e837ff07SGreg Roach    padding: 3px;
781e837ff07SGreg Roach}
782e837ff07SGreg Roach
783e837ff07SGreg Roach.icon {
784e837ff07SGreg Roach    border: 0;
785e837ff07SGreg Roach    padding: 0 5px;
786e837ff07SGreg Roach}
787e837ff07SGreg Roach
788e837ff07SGreg Roach.subheaders {
789e837ff07SGreg Roach    color: #006;
790e837ff07SGreg Roach    font-weight: bold;
791e837ff07SGreg Roach    font-size: 15px;
792e837ff07SGreg Roach    margin-top: 15px;
793e837ff07SGreg Roach    vertical-align: bottom;
794e837ff07SGreg Roach}
795e837ff07SGreg Roach
796e837ff07SGreg Roach.parentdeath {
797e837ff07SGreg Roach    border: thin solid #888;
798e837ff07SGreg Roach    padding: 1px;
799e837ff07SGreg Roach}
800e837ff07SGreg Roach
801e837ff07SGreg Roach.source_citations {
802e837ff07SGreg Roach    display: none;
803e837ff07SGreg Roach}
804e837ff07SGreg Roach
805e837ff07SGreg Roach.selected-option {
806e837ff07SGreg Roach    background-color: #cef;
807e837ff07SGreg Roach}
808e837ff07SGreg Roach
809e837ff07SGreg Roach.border1 {
810e837ff07SGreg Roach    border: solid #000 1px;
811e837ff07SGreg Roach}
812e837ff07SGreg Roach
813e837ff07SGreg Roach.journal_box {
814e837ff07SGreg Roach    padding: 3pt;
815e837ff07SGreg Roach    border: thin solid #aaa;
816e837ff07SGreg Roach    overflow: visible;
817e837ff07SGreg Roach}
818e837ff07SGreg Roach
819e837ff07SGreg Roach.news_box {
820e837ff07SGreg Roach    border-top: solid #ccc 1px;
821e837ff07SGreg Roach}
822e837ff07SGreg Roach
823e837ff07SGreg Roach.news_title {
824e837ff07SGreg Roach    color: #000;
825e837ff07SGreg Roach    font-weight: bold;
826e837ff07SGreg Roach}
827e837ff07SGreg Roach
828e837ff07SGreg Roach.news_date {
829e837ff07SGreg Roach    color: #000;
830e837ff07SGreg Roach    margin-bottom: 12px;
831e837ff07SGreg Roach}
832e837ff07SGreg Roach
833e837ff07SGreg Roach.current_day {
834e837ff07SGreg Roach    font-weight: bold;
835e837ff07SGreg Roach    font-size: 16px;
836e837ff07SGreg Roach}
837e837ff07SGreg Roach
838e837ff07SGreg Roach.cal_day {
839e837ff07SGreg Roach    float: left;
840e837ff07SGreg Roach    font-weight: bold;
841e837ff07SGreg Roach}
842e837ff07SGreg Roach
843e837ff07SGreg Roach#user-page h1 {
844e837ff07SGreg Roach    margin: 0.25em auto 0.6em;
845e837ff07SGreg Roach}
846e837ff07SGreg Roach
847e837ff07SGreg Roach.tvertline {
848e837ff07SGreg Roach    vertical-align: bottom;
849e837ff07SGreg Roach}
850e837ff07SGreg Roach
851e837ff07SGreg Roach#childbox {
852e837ff07SGreg Roach    padding: 5px;
853e837ff07SGreg Roach    position: absolute;
854e837ff07SGreg Roach    display: none;
855e837ff07SGreg Roach    text-align: start;
856e837ff07SGreg Roach    white-space: nowrap;
857e837ff07SGreg Roach    top: 20px;
858e837ff07SGreg Roach    left: 0;
859e837ff07SGreg Roach}
860e837ff07SGreg Roach
861e837ff07SGreg Roach.layout3 #childbox {
862e837ff07SGreg Roach    top: auto;
863e837ff07SGreg Roach    bottom: 20px;
864e837ff07SGreg Roach}
865e837ff07SGreg Roach
866e837ff07SGreg Roach#childbox a.name1 {
867e837ff07SGreg Roach    display: block;
868e837ff07SGreg Roach    margin-left: 5px;
869e837ff07SGreg Roach}
870e837ff07SGreg Roach
871e837ff07SGreg Roach.person0 {
872e837ff07SGreg Roach    background-color: #ddf;
873e837ff07SGreg Roach    border: outset #999 1px;
874e837ff07SGreg Roach    vertical-align: top;
875e837ff07SGreg Roach}
876e837ff07SGreg Roach
877e837ff07SGreg Roach.person1 {
878e837ff07SGreg Roach    background-color: #afa;
879e837ff07SGreg Roach    border: outset #afa 1px;
880e837ff07SGreg Roach    vertical-align: top;
881e837ff07SGreg Roach}
882e837ff07SGreg Roach
883e837ff07SGreg Roach.person2 {
884e837ff07SGreg Roach    background-color: #faa;
885e837ff07SGreg Roach    border: outset #faa 1px;
886e837ff07SGreg Roach    vertical-align: top;
887e837ff07SGreg Roach}
888e837ff07SGreg Roach
889e837ff07SGreg Roach.person3 {
890e837ff07SGreg Roach    background-color: #aad;
891e837ff07SGreg Roach    border: outset #55f 1px;
892e837ff07SGreg Roach    vertical-align: top;
893e837ff07SGreg Roach}
894e837ff07SGreg Roach
895e837ff07SGreg Roach.person4 {
896e837ff07SGreg Roach    background-color: #f55;
897e837ff07SGreg Roach    border: outset #f55 1px;
898e837ff07SGreg Roach    vertical-align: top;
899e837ff07SGreg Roach}
900e837ff07SGreg Roach
901e837ff07SGreg Roach.person5 {
902e837ff07SGreg Roach    background-color: #5f5;
903e837ff07SGreg Roach    border: outset #5f5 1px;
904e837ff07SGreg Roach    vertical-align: top;
905e837ff07SGreg Roach}
906e837ff07SGreg Roach
907e837ff07SGreg Roach.starredname {
908e837ff07SGreg Roach    text-decoration: underline;
909e837ff07SGreg Roach}
910e837ff07SGreg Roach
911e837ff07SGreg Roach.search_hit {
912e837ff07SGreg Roach    background-color: #ff0;
913e837ff07SGreg Roach}
914e837ff07SGreg Roach
915e837ff07SGreg Roach.descriptionbox {
916e837ff07SGreg Roach    font-size: 12px;
917e837ff07SGreg Roach    border: 1px solid #ccc;
918e837ff07SGreg Roach    vertical-align: top;
919e837ff07SGreg Roach    padding: 3px;
920e837ff07SGreg Roach}
921e837ff07SGreg Roach
922e837ff07SGreg Roach.optionbox {
923e837ff07SGreg Roach    font-size: 1rem;
924e837ff07SGreg Roach    background-color: #ecf5ff;
925e837ff07SGreg Roach    color: #006;
926e837ff07SGreg Roach    border: solid #ccc 1px;
927e837ff07SGreg Roach    vertical-align: top;
928e837ff07SGreg Roach    white-space: nowrap;
929e837ff07SGreg Roach    padding: 3px;
930e837ff07SGreg Roach}
931e837ff07SGreg Roach
932e837ff07SGreg Roach.red {
933e837ff07SGreg Roach    color: #f00;
934e837ff07SGreg Roach}
935e837ff07SGreg Roach
936e837ff07SGreg Roach.wt-relation-fact,
937e837ff07SGreg Roach.wt-historic-fact {
938e837ff07SGreg Roach    opacity: 0.8;
939e837ff07SGreg Roach}
940e837ff07SGreg Roach
941e837ff07SGreg Roach.messagebox {
942e837ff07SGreg Roach    background-color: #c2ceef;
943e837ff07SGreg Roach    border: solid #ccc 1px;
944e837ff07SGreg Roach}
945e837ff07SGreg Roach
946e837ff07SGreg Roach/* ---Pending edits--- */
94717dd427eSGreg Roach.wt-new {
948e837ff07SGreg Roach    outline: solid blue 1px;
949e837ff07SGreg Roach}
950e837ff07SGreg Roach
95117dd427eSGreg Roach.wt-old {
952e837ff07SGreg Roach    outline: solid red 1px;
953e837ff07SGreg Roach}
954e837ff07SGreg Roach
955e837ff07SGreg Roach.tag_cloud {
956e837ff07SGreg Roach    text-align: center;
957e837ff07SGreg Roach}
958e837ff07SGreg Roach
959e837ff07SGreg Roach.tag_cloud a {
960e837ff07SGreg Roach    white-space: nowrap;
961e837ff07SGreg Roach}
962e837ff07SGreg Roach
963e837ff07SGreg Roach.nowrap {
964e837ff07SGreg Roach    white-space: nowrap;
965e837ff07SGreg Roach}
966e837ff07SGreg Roach
967e837ff07SGreg Roach.wrap {
968e837ff07SGreg Roach    white-space: normal;
969e837ff07SGreg Roach}
970e837ff07SGreg Roach
971e837ff07SGreg Roach.statistics-page {
972e837ff07SGreg Roach    text-align: center;
973e837ff07SGreg Roach}
974e837ff07SGreg Roach
975e837ff07SGreg Roach.gchart {
976e837ff07SGreg Roach    border: solid #999 1px;
977e837ff07SGreg Roach}
978e837ff07SGreg Roach
979e837ff07SGreg Roach#facts_content dd {
980e837ff07SGreg Roach    float: left;
981e837ff07SGreg Roach    width: 70%;
982e837ff07SGreg Roach}
983e837ff07SGreg Roach
984e837ff07SGreg Roach/* this keeps the tag color the same when it is a link as when not */
985e837ff07SGreg Roach
986e837ff07SGreg Roach.place {
987e837ff07SGreg Roach    padding-top: 5px;
988e837ff07SGreg Roach}
989e837ff07SGreg Roach
990e837ff07SGreg Roach.filtersH,
991e837ff07SGreg Roach.filtersF {
992e837ff07SGreg Roach    margin: 4px;
993e837ff07SGreg Roach}
994e837ff07SGreg Roach
995e837ff07SGreg Roach.filtersH img {
996e837ff07SGreg Roach    margin-bottom: 2px;
997e837ff07SGreg Roach}
998e837ff07SGreg Roach
999e837ff07SGreg Roach.list-charts {
1000e837ff07SGreg Roach    text-align: center;
1001e837ff07SGreg Roach}
1002e837ff07SGreg Roach
1003e837ff07SGreg Roach#place-hierarchy h2,
1004e837ff07SGreg Roach#place-hierarchy h4 {
1005e837ff07SGreg Roach    text-align: center;
1006e837ff07SGreg Roach}
1007e837ff07SGreg Roach
1008e837ff07SGreg Roach.user_welcome_block table,
1009e837ff07SGreg Roach.gedcom_block_block table {
1010e837ff07SGreg Roach    margin: auto;
1011e837ff07SGreg Roach}
1012e837ff07SGreg Roach
1013e837ff07SGreg Roach.user_welcome_block td,
1014e837ff07SGreg Roach.gedcom_block_block td {
1015e837ff07SGreg Roach    width: 33%;
1016e837ff07SGreg Roach    text-align: center;
1017e837ff07SGreg Roach    vertical-align: top;
1018e837ff07SGreg Roach}
1019e837ff07SGreg Roach
1020e837ff07SGreg Roach/* ==== FAQ table styles ===== */
1021e837ff07SGreg Roachtable.faq {
1022e837ff07SGreg Roach    background-color: #eee;
1023e837ff07SGreg Roach    margin: 5px 0 50px 5px;
1024e837ff07SGreg Roach    width: 98%;
1025e837ff07SGreg Roach}
1026e837ff07SGreg Roach
1027e837ff07SGreg Roachtable.faq tr:nth-child(odd) td {
1028e837ff07SGreg Roach    background-color: #eee;
1029e837ff07SGreg Roach}
1030e837ff07SGreg Roach
1031e837ff07SGreg Roachdiv.faq_title {
1032e837ff07SGreg Roach    background-color: #eee;
1033e837ff07SGreg Roach    margin: 1em 0;
1034e837ff07SGreg Roach    padding: .25em;
1035e837ff07SGreg Roach    font-weight: bold;
1036e837ff07SGreg Roach    width: 98%;
1037e837ff07SGreg Roach}
1038e837ff07SGreg Roach
1039e837ff07SGreg Roachdiv.faq_body {
1040e837ff07SGreg Roach    clear: both;
1041e837ff07SGreg Roach    padding: 0 1em;
1042e837ff07SGreg Roach}
1043e837ff07SGreg Roach
1044e837ff07SGreg Roach.faq_top {
1045e837ff07SGreg Roach    float: right;
1046e837ff07SGreg Roach}
1047e837ff07SGreg Roach
1048e837ff07SGreg Roach/* === Positioning edit, copy, delete links === */
1049e837ff07SGreg Roach/* General use */
1050e837ff07SGreg Roach.editfacts {
1051e837ff07SGreg Roach    clear: left;
1052e837ff07SGreg Roach    padding-top: 15px;
1053e837ff07SGreg Roach}
1054e837ff07SGreg Roach
1055e837ff07SGreg Roach#indi_note {
1056e837ff07SGreg Roach    margin: 0 0 5px;
1057e837ff07SGreg Roach}
1058e837ff07SGreg Roach
1059e837ff07SGreg Roach.indi_table {
1060e837ff07SGreg Roach    clear: left;
1061e837ff07SGreg Roach}
1062e837ff07SGreg Roach
1063e837ff07SGreg Roach#sex {
1064e837ff07SGreg Roach    float: right;
1065e837ff07SGreg Roach}
1066e837ff07SGreg Roach
1067e837ff07SGreg Roach#dates {
1068e837ff07SGreg Roach    color: #333;
1069e837ff07SGreg Roach    float: right;
1070e837ff07SGreg Roach}
1071e837ff07SGreg Roach
1072e837ff07SGreg Roach#individual-names .wt-icon-edit,
1073e837ff07SGreg Roach#individual-names .wt-icon-delete {
1074e837ff07SGreg Roach    float: right;
1075e837ff07SGreg Roach}
1076e837ff07SGreg Roach
1077e837ff07SGreg Roach#indi_note .fact_NOTE {
1078e837ff07SGreg Roach    float: left;
1079e837ff07SGreg Roach    margin: 0 5px 0 0;
1080e837ff07SGreg Roach}
1081e837ff07SGreg Roach
1082e837ff07SGreg Roach#indi_note .fact_SOUR {
1083e837ff07SGreg Roach    margin: 3px 0;
1084e837ff07SGreg Roach}
1085e837ff07SGreg Roach
1086e837ff07SGreg Roach#indi_note .fact_SOUR a {
1087e837ff07SGreg Roach    font-size: 100%;
1088e837ff07SGreg Roach}
1089e837ff07SGreg Roach
1090e837ff07SGreg Roach#indi_note .fact_NOTE,
1091e837ff07SGreg Roach#indi_note .fact_SOUR {
1092e837ff07SGreg Roach    clear: both;
1093e837ff07SGreg Roach}
1094e837ff07SGreg Roach
1095242a7862SGreg Roach/* markdown formatting */
1096e837ff07SGreg Roach
1097e837ff07SGreg Roach.markdown {
1098e837ff07SGreg Roach    /* Tables and pre-formatted text can break the layout. */
1099e837ff07SGreg Roach    overflow-x: auto;
1100e837ff07SGreg Roach}
1101e837ff07SGreg Roach
1102e837ff07SGreg Roach.markdown p {
1103e837ff07SGreg Roach    margin: 0 0 0.5em;
1104e837ff07SGreg Roach    white-space: pre-wrap;
1105e837ff07SGreg Roach}
1106e837ff07SGreg Roach
1107e837ff07SGreg Roach.markdown table {
1108e837ff07SGreg Roach    border-collapse: collapse;
1109e837ff07SGreg Roach    margin-bottom: 5px;
1110e837ff07SGreg Roach}
1111e837ff07SGreg Roach
1112e837ff07SGreg Roach.markdown th {
1113e837ff07SGreg Roach    font-weight: bold;
1114e837ff07SGreg Roach}
1115e837ff07SGreg Roach
1116e837ff07SGreg Roach.markdown td,
1117e837ff07SGreg Roach.markdown th {
1118e837ff07SGreg Roach    border: solid thin #000;
1119e837ff07SGreg Roach    padding: 3px;
1120e837ff07SGreg Roach}
1121e837ff07SGreg Roach
1122e837ff07SGreg Roach.odometer {
1123e837ff07SGreg Roach    font-family: courier, monospace;
1124e837ff07SGreg Roach    font-weight: bold;
1125e837ff07SGreg Roach    background: #000;
1126e837ff07SGreg Roach    color: #fff;
1127e837ff07SGreg Roach}
1128e837ff07SGreg Roach
1129e837ff07SGreg Roach/* ======== Indi tabs ======== */
1130e837ff07SGreg Roach.media-display-image {
1131e837ff07SGreg Roach    float: left;
1132e837ff07SGreg Roach}
1133e837ff07SGreg Roach
1134e837ff07SGreg Roach.media-display-title {
1135e837ff07SGreg Roach    float: left;
1136e837ff07SGreg Roach    font-style: italic;
1137e837ff07SGreg Roach    margin: 10px;
1138e837ff07SGreg Roach}
1139e837ff07SGreg Roach
1140e837ff07SGreg Roach.upcoming_events_block button,
1141e837ff07SGreg Roach.todays_events_block button {
1142e837ff07SGreg Roach    margin: 0 20px;
1143e837ff07SGreg Roach}
1144e837ff07SGreg Roach
1145e837ff07SGreg Roach/* Sidebar - Family navigator */
1146e837ff07SGreg Roach.wt-family-navigator-dropdown-heading {
1147e837ff07SGreg Roach    font-weight: bold;
1148e837ff07SGreg Roach    font-size: inherit;
1149e837ff07SGreg Roach    color: inherit;
1150e837ff07SGreg Roach}
1151e837ff07SGreg Roach
1152e837ff07SGreg Roach/* Sidebar - Descendants */
1153e837ff07SGreg Roach#sb_content_descendancy {
1154e837ff07SGreg Roach    margin-top: 0;
1155e837ff07SGreg Roach}
1156e837ff07SGreg Roach
1157e837ff07SGreg Roach#sb_desc_content {
1158e837ff07SGreg Roach    margin-left: 3px;
1159e837ff07SGreg Roach    font-size: 0.8em;
1160e837ff07SGreg Roach}
1161e837ff07SGreg Roach
1162e837ff07SGreg Roach#sb_desc_content ul {
1163e837ff07SGreg Roach    padding: 0;
1164e837ff07SGreg Roach    margin: 0;
1165e837ff07SGreg Roach}
1166e837ff07SGreg Roach
1167e837ff07SGreg Roach.sb_desc_indi_li {
1168e837ff07SGreg Roach    list-style-type: none;
1169e837ff07SGreg Roach    margin-left: 5px;
1170e837ff07SGreg Roach}
1171e837ff07SGreg Roach
1172e837ff07SGreg Roach/* Individuals and Families */
1173e837ff07SGreg Roach#sidebar-content-individuals,
1174e837ff07SGreg Roach#sidebar-content-families {
1175e837ff07SGreg Roach    margin-top: 0;
1176e837ff07SGreg Roach}
1177e837ff07SGreg Roach
1178e837ff07SGreg Roach.sb_indi_surname_li,
1179e837ff07SGreg Roach.sb_fam_surname_li {
118008362db4SGreg Roach    list-style-image: url(icons/plus.png);
1181e837ff07SGreg Roach}
1182e837ff07SGreg Roach
1183e837ff07SGreg Roach.name_tree_div ul {
1184e837ff07SGreg Roach    padding: 0;
1185e837ff07SGreg Roach    margin: 0;
1186e837ff07SGreg Roach}
1187e837ff07SGreg Roach
1188e837ff07SGreg Roach.name_tree_div li {
1189e837ff07SGreg Roach    list-style: none;
1190e837ff07SGreg Roach    margin: 0;
1191e837ff07SGreg Roach    padding: 0;
1192e837ff07SGreg Roach}
1193e837ff07SGreg Roach
1194e837ff07SGreg Roach/* Clippings */
1195e837ff07SGreg Roach#sb_clippings_content ul {
1196e837ff07SGreg Roach    padding: 0;
1197e837ff07SGreg Roach    margin: 0;
1198e837ff07SGreg Roach}
1199e837ff07SGreg Roach
1200e837ff07SGreg Roach#sb_clippings_content li {
1201e837ff07SGreg Roach    list-style: none;
1202e837ff07SGreg Roach    margin: 0;
1203e837ff07SGreg Roach    padding: 0;
1204e837ff07SGreg Roach    white-space: nowrap;
1205e837ff07SGreg Roach}
1206e837ff07SGreg Roach
1207e837ff07SGreg Roach/* Extra info */
1208e837ff07SGreg Roach#sb_content_extra_info {
1209e837ff07SGreg Roach    font-size: 80%;
1210e837ff07SGreg Roach    font-weight: bold;
1211e837ff07SGreg Roach    margin-top: 0;
1212e837ff07SGreg Roach    overflow: hidden;
1213e837ff07SGreg Roach    padding: 5px;
1214e837ff07SGreg Roach}
1215e837ff07SGreg Roach
1216e837ff07SGreg Roach#sb_content_extra_info .editfacts {
1217e837ff07SGreg Roach    float: right;
1218e837ff07SGreg Roach    margin-top: -30px;
1219e837ff07SGreg Roach}
1220e837ff07SGreg Roach
1221e837ff07SGreg Roach#sb_content_extra_info a {
1222e837ff07SGreg Roach    display: block;
1223e837ff07SGreg Roach}
1224e837ff07SGreg Roach
1225e837ff07SGreg Roach#sb_content_extra_info span {
1226e837ff07SGreg Roach    font-weight: normal;
1227e837ff07SGreg Roach}
1228e837ff07SGreg Roach
1229e837ff07SGreg Roach#sb_content_extra_info span a {
1230e837ff07SGreg Roach    display: inline;
1231e837ff07SGreg Roach}
1232e837ff07SGreg Roach
1233e837ff07SGreg Roach#sb_content_extra_info #hitcounter {
1234e837ff07SGreg Roach    border-top: 1px solid #bcd;
1235e837ff07SGreg Roach    font-weight: bold;
1236e837ff07SGreg Roach    padding-top: 5px;
1237e837ff07SGreg Roach}
1238e837ff07SGreg Roach
1239e837ff07SGreg Roach/* Stories module */
1240e837ff07SGreg Roach.story_title {
1241e837ff07SGreg Roach    padding-top: 12px;
1242e837ff07SGreg Roach    font-size: 13px;
1243e837ff07SGreg Roach    height: 32px;
1244e837ff07SGreg Roach    font-weight: bold;
1245e837ff07SGreg Roach}
1246e837ff07SGreg Roach
1247e837ff07SGreg Roach.story_body {
1248e837ff07SGreg Roach    padding: 20px;
1249e837ff07SGreg Roach    white-space: normal;
1250e837ff07SGreg Roach}
1251e837ff07SGreg Roach
1252e837ff07SGreg Roach.story_edit {
1253e837ff07SGreg Roach    padding: 12px;
1254e837ff07SGreg Roach}
1255e837ff07SGreg Roach
1256e837ff07SGreg Roach/*-- Fan chart ---- */
1257e837ff07SGreg Roach.fan_chart_menu {
1258b6c326d8SGreg Roach    background: #fff;
1259e837ff07SGreg Roach    position: absolute;
1260e837ff07SGreg Roach    display: none;
1261e837ff07SGreg Roach    z-index: 100;
1262e837ff07SGreg Roach}
1263e837ff07SGreg Roach
1264e837ff07SGreg Roach#fan_chart ul {
1265e837ff07SGreg Roach    list-style-type: none;
1266e837ff07SGreg Roach    margin: 0;
1267e837ff07SGreg Roach}
1268e837ff07SGreg Roach
1269e837ff07SGreg Roach/* Lifespans chart */
1270e837ff07SGreg Roach.wt-lifespans-subtitle {
1271e837ff07SGreg Roach    text-align: center;
1272e837ff07SGreg Roach}
1273e837ff07SGreg Roach
1274e837ff07SGreg Roach.wt-lifespans-scale {
1275e837ff07SGreg Roach    white-space: nowrap;
1276e837ff07SGreg Roach}
1277e837ff07SGreg Roach
1278e837ff07SGreg Roach.wt-lifespans-decade {
1279e837ff07SGreg Roach    width: 70px;
1280e837ff07SGreg Roach    height: 60px;
1281e837ff07SGreg Roach    display: inline-block;
128297c22350SGreg Roach    background-image: url(images/lifespan-decade.png);
1283e837ff07SGreg Roach    background-position-y: bottom;
1284e837ff07SGreg Roach    background-repeat: no-repeat;
1285e837ff07SGreg Roach    background-size: 70px 37px;
1286e837ff07SGreg Roach}
1287e837ff07SGreg Roach
1288e837ff07SGreg Roach.wt-lifespans-individuals {
1289e837ff07SGreg Roach    background: #fafafa;
1290e837ff07SGreg Roach}
1291e837ff07SGreg Roach
1292e837ff07SGreg Roach.wt-lifespans-individual {
1293e837ff07SGreg Roach
1294e837ff07SGreg Roach}
1295e837ff07SGreg Roach
1296e837ff07SGreg Roach.wt-lifespans-summary {
1297e837ff07SGreg Roach    background: #ffffff;
1298e837ff07SGreg Roach    border: thin solid #000;
1299e837ff07SGreg Roach    z-index: 1;
1300e837ff07SGreg Roach}
1301e837ff07SGreg Roach
1302e837ff07SGreg Roach.wt-lifespans-summary-link {
1303e837ff07SGreg Roach    font-weight: bold;
1304e837ff07SGreg Roach}
1305e837ff07SGreg Roach
1306e837ff07SGreg Roach/*-- timeline  --*/
1307e837ff07SGreg Roach#timeline_chart {
1308e837ff07SGreg Roach    position: relative;
1309e837ff07SGreg Roach    top: 0;
1310e837ff07SGreg Roach    left: 0;
1311e837ff07SGreg Roach}
1312e837ff07SGreg Roach
1313e837ff07SGreg Roach[class^="icon-"],
1314e837ff07SGreg Roach[class*=" icon-"] {
1315e837ff07SGreg Roach    display: inline-block;
1316e837ff07SGreg Roach    vertical-align: middle;
1317e837ff07SGreg Roach    background-repeat: no-repeat;
131897c22350SGreg Roach    background-size: cover;
1319e837ff07SGreg Roach}
1320e837ff07SGreg Roach
1321e837ff07SGreg Roach.icon-cfamily {
132208362db4SGreg Roach    content: url(clouds/images/cfamily.png);
1323e837ff07SGreg Roach}
1324e837ff07SGreg Roach
1325e837ff07SGreg Roach.icon-childless {
132608362db4SGreg Roach    content: url(images/childless.png);
1327e837ff07SGreg Roach}
1328e837ff07SGreg Roach
1329e837ff07SGreg Roach.icon-children {
133008362db4SGreg Roach    content: url(images/children.png);
1331e837ff07SGreg Roach}
1332e837ff07SGreg Roach
1333e837ff07SGreg Roach.icon-edit_indi {
133408362db4SGreg Roach    content: url(clouds/images/edit_indi.png);
1335e837ff07SGreg Roach}
1336e837ff07SGreg Roach
1337e837ff07SGreg Roach.icon-fam-list {
133808362db4SGreg Roach    content: url(clouds/images/sfamily.png);
1339e837ff07SGreg Roach}
1340e837ff07SGreg Roach
1341e837ff07SGreg Roach.icon-indi-list {
134208362db4SGreg Roach    content: url(clouds/images/indis.png);
1343e837ff07SGreg Roach}
1344e837ff07SGreg Roach
1345e837ff07SGreg Roach.icon-loading-small {
134608362db4SGreg Roach    content: url(images/indicator.gif);
1347e837ff07SGreg Roach}
1348e837ff07SGreg Roach
1349e837ff07SGreg Roach.icon-minus {
135008362db4SGreg Roach    content: url(icons/minus.png);
1351e837ff07SGreg Roach}
1352e837ff07SGreg Roach
1353e837ff07SGreg Roach.icon-mypage {
135408362db4SGreg Roach    content: url(clouds/images/mypage.png);
1355e837ff07SGreg Roach}
1356e837ff07SGreg Roach
1357e837ff07SGreg Roach.icon-plus {
135808362db4SGreg Roach    content: url(icons/plus.png);
1359e837ff07SGreg Roach}
1360e837ff07SGreg Roach
1361e837ff07SGreg Roach.icon-resn-confidential {
136208362db4SGreg Roach    content: url(images/resn_confidential.png);
1363e837ff07SGreg Roach}
1364e837ff07SGreg Roach
1365e837ff07SGreg Roach.icon-resn-locked {
136608362db4SGreg Roach    content: url(images/resn_locked.png);
1367e837ff07SGreg Roach}
1368e837ff07SGreg Roach
1369e837ff07SGreg Roach.icon-resn-none {
137008362db4SGreg Roach    content: url(images/resn_none.png);
1371e837ff07SGreg Roach}
1372e837ff07SGreg Roach
1373e837ff07SGreg Roach.icon-resn-privacy {
137408362db4SGreg Roach    content: url(images/resn_privacy.png);
1375e837ff07SGreg Roach}
1376e837ff07SGreg Roach
1377e837ff07SGreg Roach.icon-rings {
137808362db4SGreg Roach    content: url(images/rings.png);
1379e837ff07SGreg Roach}
1380e837ff07SGreg Roach
1381e837ff07SGreg Roach.icon-selected {
138208362db4SGreg Roach    content: url(clouds/images/selected.png);
1383e837ff07SGreg Roach}
1384e837ff07SGreg Roach
1385e837ff07SGreg Roach/* Silhouettes on charts */
1386e837ff07SGreg Roach.icon-silhouette-F {
138708362db4SGreg Roach    content: url(clouds/images/silhouette_female_small.png);
1388e837ff07SGreg Roach}
1389e837ff07SGreg Roach
1390e837ff07SGreg Roach.icon-silhouette-M {
139108362db4SGreg Roach    content: url(clouds/images/silhouette_male_small.png);
1392e837ff07SGreg Roach}
1393e837ff07SGreg Roach
1394e837ff07SGreg Roach.icon-silhouette-U {
139508362db4SGreg Roach    content: url(clouds/images/silhouette_unknown_small.png);
1396e837ff07SGreg Roach}
1397e837ff07SGreg Roach
1398e837ff07SGreg Roach/* Tbl hdrs and Light Text */
1399e837ff07SGreg Roach.descriptionbox,
1400e837ff07SGreg Roach.topbottombar,
1401e837ff07SGreg Roach.topbottombar a,
1402e837ff07SGreg Roach.list_label,
1403e837ff07SGreg Roach.list_label a {
1404e837ff07SGreg Roach    background-color: #95b8e0;
1405e837ff07SGreg Roach    color: #039;
1406e837ff07SGreg Roach}
1407e837ff07SGreg Roach
1408e837ff07SGreg Roach/* Base Color */
1409e837ff07SGreg Roach.blockcontent,
1410e837ff07SGreg Roach.list_value,
1411e837ff07SGreg Roach.list_value_wrap,
14124fb65c1cSGreg Roach.news_box {
1413e837ff07SGreg Roach    background: inherit;
1414e837ff07SGreg Roach}
1415e837ff07SGreg Roach
1416e837ff07SGreg Roachfooter .error {
1417e837ff07SGreg Roach    color: #d00;
1418e837ff07SGreg Roach    font-weight: bold;
1419e837ff07SGreg Roach}
1420e837ff07SGreg Roach
1421e837ff07SGreg Roach.user_links {
1422e837ff07SGreg Roach    white-space: nowrap;
1423e837ff07SGreg Roach}
1424e837ff07SGreg Roach
142548b53306SGreg Roach/*
142648b53306SGreg Roach * Any element that is loaded dynamically has the class wt-ajax-load.
142748b53306SGreg Roach * We can provide a "loading" placeholder for empty elements with this class.
142848b53306SGreg Roach */
142948b53306SGreg Roach.wt-ajax-load:empty {
143048b53306SGreg Roach    height: 32px;
143148b53306SGreg Roach    background: url(images/loading-32x32.gif) no-repeat 50% 50%;
143248b53306SGreg Roach}
1433e837ff07SGreg Roach
143439b853a7SGreg Roach/*
143539b853a7SGreg Roach * Default icons are provided by FontAwesome.
143639b853a7SGreg Roach */
1437e39fd5c6SGreg Roach.wt-icon-anniversary {
143808362db4SGreg Roach    content: url(icons/anniversary.png);
1439e39fd5c6SGreg Roach}
1440e39fd5c6SGreg Roach
144139b853a7SGreg Roach.wt-icon-arrow-down {
144239b853a7SGreg Roach    content: url(clouds/icons/arrow-down.png);
144339b853a7SGreg Roach}
144439b853a7SGreg Roach
144539b853a7SGreg Roacha > .wt-icon-arrow-down:hover {
144639b853a7SGreg Roach    content: url(clouds/icons/arrow-down-hover.png);
144739b853a7SGreg Roach}
144839b853a7SGreg Roach
144939b853a7SGreg Roach.wt-icon-arrow-left {
145039b853a7SGreg Roach    content: url(clouds/icons/arrow-left.png);
145139b853a7SGreg Roach}
145239b853a7SGreg Roach
145339b853a7SGreg Roacha > .wt-icon-arrow-left:hover {
145439b853a7SGreg Roach    content: url(clouds/icons/arrow-left-hover.png);
145539b853a7SGreg Roach}
145639b853a7SGreg Roach
145739b853a7SGreg Roach.wt-icon-arrow-right {
145839b853a7SGreg Roach    content: url(clouds/icons/arrow-right.png);
145939b853a7SGreg Roach}
146039b853a7SGreg Roach
146139b853a7SGreg Roacha > .wt-icon-arrow-right:hover {
146239b853a7SGreg Roach    content: url(clouds/icons/arrow-right-hover.png);
146339b853a7SGreg Roach}
146439b853a7SGreg Roach
146539b853a7SGreg Roach.wt-icon-arrow-up {
146639b853a7SGreg Roach    content: url(clouds/icons/arrow-up.png);
146739b853a7SGreg Roach}
146839b853a7SGreg Roach
146939b853a7SGreg Roacha > .wt-icon-arrow-up:hover {
147039b853a7SGreg Roach    content: url(clouds/icons/arrow-up-hover.png);
147139b853a7SGreg Roach}
147239b853a7SGreg Roach
147308362db4SGreg Roach.wt-icon-bing-maps {
147408362db4SGreg Roach    content: url(icons/bing-maps.png);
147508362db4SGreg Roach}
147608362db4SGreg Roach
147708362db4SGreg Roach.wt-icon-calendar {
147808362db4SGreg Roach    content: url(icons/calendar.png)
147908362db4SGreg Roach}
148008362db4SGreg Roach
148116e8b6e8SGreg Roach.wt-icon-collapse {
148216e8b6e8SGreg Roach}
148316e8b6e8SGreg Roach
148439b853a7SGreg Roach.wt-icon-coordinates {
148508362db4SGreg Roach    content: url(icons/coordinates.png)
148608362db4SGreg Roach}
148708362db4SGreg Roach
148808362db4SGreg Roach.wt-icon-copy {
148908362db4SGreg Roach    content: url(icons/copy.png)
149008362db4SGreg Roach}
149108362db4SGreg Roach
149208362db4SGreg Roach.wt-icon-delete {
149308362db4SGreg Roach    content: url(icons/delete.png);
149408362db4SGreg Roach}
149508362db4SGreg Roach
149608362db4SGreg Roach.wt-icon-edit {
149708362db4SGreg Roach    content: url(icons/edit.png);
149839b853a7SGreg Roach}
149939b853a7SGreg Roach
150016e8b6e8SGreg Roach.wt-icon-expand {
150116e8b6e8SGreg Roach}
150216e8b6e8SGreg Roach
150308362db4SGreg Roach.wt-icon-family {
150408362db4SGreg Roach    content: url(icons/family.png);
1505e39fd5c6SGreg Roach}
1506e39fd5c6SGreg Roach
150708362db4SGreg Roach.wt-icon-google-maps {
150808362db4SGreg Roach    content: url(icons/google-maps.png);
150948b53306SGreg Roach}
151048b53306SGreg Roach
151108362db4SGreg Roach.wt-icon-help {
151248b53306SGreg Roach    content: url(clouds/icons/help.png);
151348b53306SGreg Roach}
151448b53306SGreg Roach
151508362db4SGreg Roach.wt-icon-individual {
151608362db4SGreg Roach    content: url(icons/individual.png);
151748b53306SGreg Roach}
151848b53306SGreg Roach
151908362db4SGreg Roach.wt-icon-keyboard {
152008362db4SGreg Roach    content: url(icons/keyboard.png);
152148b53306SGreg Roach}
152248b53306SGreg Roach
152308362db4SGreg Roach.wt-icon-media {
152408362db4SGreg Roach    content: url(icons/media.png);
152548b53306SGreg Roach}
152648b53306SGreg Roach
152708362db4SGreg Roach.wt-icon-note {
152808362db4SGreg Roach    content: url(icons/note.png);
152948b53306SGreg Roach}
153048b53306SGreg Roach
153108362db4SGreg Roach.wt-icon-openstreetmap {
153208362db4SGreg Roach    content: url(icons/openstreetmap.png);
153348b53306SGreg Roach}
153448b53306SGreg Roach
153508362db4SGreg Roach.wt-icon-preferences {
153648b53306SGreg Roach    content: url(clouds/icons/preferences.png);
153748b53306SGreg Roach}
153848b53306SGreg Roach
153908362db4SGreg Roach.wt-icon-reorder {
154008362db4SGreg Roach    content: url(icons/reorder.png);
154148b53306SGreg Roach}
154248b53306SGreg Roach
154308362db4SGreg Roach.wt-icon-repository {
154408362db4SGreg Roach    content: url(icons/repository.png);
154548b53306SGreg Roach}
154648b53306SGreg Roach
1547*2799f5a7SGreg Roach.wt-icon-sex {
1548*2799f5a7SGreg Roach    height: 1em;
1549*2799f5a7SGreg Roach}
1550*2799f5a7SGreg Roach
155108362db4SGreg Roach.wt-icon-sex-f {
155208362db4SGreg Roach    content: url(icons/sex-female.png);
155348b53306SGreg Roach}
155448b53306SGreg Roach
155508362db4SGreg Roach.wt-icon-sex-m {
155608362db4SGreg Roach    content: url(icons/sex-male.png);
155708362db4SGreg Roach}
155808362db4SGreg Roach
155908362db4SGreg Roach.wt-icon-sex-u {
156008362db4SGreg Roach    content: url(icons/sex-unknown.png);
156108362db4SGreg Roach}
156208362db4SGreg Roach
156308362db4SGreg Roach.wt-icon-sex-x {
156408362db4SGreg Roach    content: url(icons/sex-unknown.png);
156508362db4SGreg Roach}
156608362db4SGreg Roach
156708362db4SGreg Roach.wt-icon-source {
156808362db4SGreg Roach    content: url(icons/source.png);
156908362db4SGreg Roach}
157008362db4SGreg Roach
157108362db4SGreg Roach.wt-icon-submitter {
157208362db4SGreg Roach    content: url(icons/individual.png);
157308362db4SGreg Roach}
157408362db4SGreg Roach
157508362db4SGreg Roach.wt-icon-warning {
157608362db4SGreg Roach    content: url(icons/warning.png);
157708362db4SGreg Roach}
157808362db4SGreg Roach
157908362db4SGreg Roach.wt-icon-zoom-in {
158008362db4SGreg Roach    content: url(clouds/icons/zoom-in.png);
158108362db4SGreg Roach}
158208362db4SGreg Roach
158308362db4SGreg Roach.wt-icon-zoom-out {
158408362db4SGreg Roach    content: url(clouds/icons/zoom-out.png);
158508362db4SGreg Roach}
158608362db4SGreg Roach
158708362db4SGreg Roach/* Miscellaneous images */
1588e837ff07SGreg Roach.icon-indis {
158908362db4SGreg Roach    content: url(clouds/images/indis.png);
1590e837ff07SGreg Roach}
1591e837ff07SGreg Roach
1592e837ff07SGreg Roach.icon-patriarch {
159308362db4SGreg Roach    content: url(clouds/images/patriarch.png);
1594e837ff07SGreg Roach}
1595e837ff07SGreg Roach
1596e837ff07SGreg Roach.icon-pedigree {
159708362db4SGreg Roach    content: url(clouds/images/pedigree.png);
1598e837ff07SGreg Roach}
1599e837ff07SGreg Roach
1600e837ff07SGreg Roach.icon-sfamily {
160108362db4SGreg Roach    content: url(clouds/images/sfamily.png);
1602e837ff07SGreg Roach}
1603e837ff07SGreg Roach
1604e837ff07SGreg Roach.icon-user_add {
160508362db4SGreg Roach    content: url(clouds/images/user_add.png);
1606e837ff07SGreg Roach}
160748b53306SGreg Roach
1608f699d6fcSGreg Roach/* Census assistant */
1609f699d6fcSGreg Roach.wt-census-assistant-form-control:focus {
1610f699d6fcSGreg Roach    min-width: 12rem;
1611f699d6fcSGreg Roach}
1612f699d6fcSGreg Roach
1613f699d6fcSGreg Roach/*
1614f699d6fcSGreg Roach * Drag and drop sortable lists
1615f699d6fcSGreg Roach */
1616f699d6fcSGreg Roach.wt-sortable-list {
1617f699d6fcSGreg Roach}
1618f699d6fcSGreg Roach
1619f699d6fcSGreg Roach.wt-sortable-item {
1620f699d6fcSGreg Roach    cursor: move;
1621f699d6fcSGreg Roach}
1622f699d6fcSGreg Roach
1623f699d6fcSGreg Roach/* Some blocks show a reduced version on the right-hand side. */
1624f699d6fcSGreg Roach.wt-side-blocks .wt-side-block-optional {
1625f699d6fcSGreg Roach    display: none !important;
1626f699d6fcSGreg Roach}
1627f699d6fcSGreg Roach
1628f699d6fcSGreg Roach/* my page chart enhancements */
1629f699d6fcSGreg Roach.wt-block-content-charts {
1630f699d6fcSGreg Roach    overflow: auto;
1631f699d6fcSGreg Roach}
1632f699d6fcSGreg Roach
1633f699d6fcSGreg Roach/* Some charts are wider than the page. */
1634f699d6fcSGreg Roach.wt-chart {
1635f699d6fcSGreg Roach    overflow-x: auto;
1636f699d6fcSGreg Roach    overflow-y: hidden;
1637f699d6fcSGreg Roach}
1638f699d6fcSGreg Roach
1639f699d6fcSGreg Roach/* Fit thumbnail into parent on charts */
1640f699d6fcSGreg Roach.select2-selection.select2-selection--single {
1641f699d6fcSGreg Roach    min-height: 36px;
1642f699d6fcSGreg Roach    height: auto;
1643f699d6fcSGreg Roach    padding: 2px 0;
1644f699d6fcSGreg Roach}
1645f699d6fcSGreg Roach
1646f699d6fcSGreg Roach.select2-container .select2-selection--single .select2-selection__rendered {
1647f699d6fcSGreg Roach    padding-left: 2px;
1648f699d6fcSGreg Roach}
1649242a7862SGreg Roach
1650f699d6fcSGreg Roach.select2-selection--single .NAME {
1651f699d6fcSGreg Roach    padding-left: 4px;
1652f699d6fcSGreg Roach}
1653f699d6fcSGreg Roach
1654f699d6fcSGreg Roach/*
1655f699d6fcSGreg Roach * Place hierarchy
1656f699d6fcSGreg Roach *
1657f699d6fcSGreg Roach * wt-place-hierarchy-page
1658f699d6fcSGreg Roach */
1659f699d6fcSGreg Roach
1660f699d6fcSGreg Roach#place-hierarchy ul {
1661f699d6fcSGreg Roach    list-style-type: none;
1662f699d6fcSGreg Roach}
1663f699d6fcSGreg Roach
1664f699d6fcSGreg Roach.d-table-cell {
1665f699d6fcSGreg Roach    padding-right: 5px;
1666f699d6fcSGreg Roach}
1667f699d6fcSGreg Roach
1668f699d6fcSGreg Roach/* Some menus (e.g. languages) can be longer than a page */
1669f699d6fcSGreg Roach.dropdown-menu {
1670f699d6fcSGreg Roach    max-height: 30rem;
1671f699d6fcSGreg Roach    overflow-x: hidden;
1672f699d6fcSGreg Roach}
1673f699d6fcSGreg Roach
1674f699d6fcSGreg Roach/* Forms */
1675f699d6fcSGreg Roach.col-form-label {
1676f699d6fcSGreg Roach    font-weight: bold;
1677f699d6fcSGreg Roach}
1678