xref: /webtrees/resources/css/xenea.css (revision bd29d468ac3a5ed7a23d7dd8f300504dda83fc72) 
1/**
2 * webtrees: online genealogy
3 * Copyright (C) 2022 webtrees development team
4 * This program is free software: you can redistribute it and/or modify
5 * it under the terms of the GNU General Public License as published by
6 * the Free Software Foundation, either version 3 of the License, or
7 * (at your option) any later version.
8 * This program is distributed in the hope that it will be useful,
9 * but WITHOUT ANY WARRANTY; without even the implied warranty of
10 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
11 * GNU General Public License for more details.
12 * You should have received a copy of the GNU General Public License
13 * along with this program. If not, see <http://www.gnu.org/licenses/>.
14 */
15
16/* The xenea theme */
17@import "_base.css";
18
19:root {
20    --chart-line-radius: 1rem;
21    --chart-line: solid gray thin;
22    --link-color-hover: #f00;
23    --link-color: #00f;
24    --link-decoration-hover: none;
25    --link-decoration: none;
26    --sex-f-bg: #fff0f0;
27    --sex-f-fg: #ff2080;
28    --sex-m-bg: #f0f9ff;
29    --sex-m-fg: #84beff;
30    --sex-u-bg: #ffffff;
31    --sex-u-fg: #008080;
32    --sex-x-bg: #fceaa1;
33    --sex-x-fg: #ffab57;
34}
35
36/* Override Bootstrap formatting */
37.btn-link {
38    padding-left: 0.25rem;
39    padding-right: 0.25rem;
40}
41
42.table-given-name {
43    overflow-x: hidden;
44}
45
46.container-fluid {
47    padding-left: 5px;
48    padding-right: 5px;
49}
50
51table {
52    border-collapse: separate;
53}
54
55/*
56 * Pages have the following high-level structure:
57 *
58 * wt-global wt-theme-<THEME> wt-route-<ROUTE>
59 * +---wt-header-wrapper
60 * |   +---wt-header-container
61 * |       +---wt-header-content
62 * |           +---wt-accessibility-links
63 * |           +---wt-site-logo
64 * |           +---wt-site-title
65 * |           +---wt-header-search
66 * |           |   +---wt-header-search-form
67 * |           |       +---wt-header-search-field
68 * |           |       +---wt-header-search-button
69 * |           +---wt-secondary-navigation
70 * |           |   +---wt-user-menu
71 * |           +---wt-primary-navigation
72 * |               +---wt-genealogy-menu
73 * +---wt-main-wrapper
74 * |   +---wt-main-container
75 * |       +---wt-main-content
76 * |           +---wt-messages
77 * |           +---wt-page-title
78 * |           +---wt-page-options wt-page-options-xxxxx
79 * |           +---wt-page-content
80 * +---wt-footers
81 *     +---wt-footer wt-footer-xxxxx
82 */
83
84.wt-global {
85    color: #006;
86}
87
88.wt-header-wrapper {
89    background-image: linear-gradient(to right, #06d, #acf);
90    border-bottom: 2px solid #0073cf;
91}
92
93.wt-header-container {
94    color: #fff;
95}
96
97.wt-header-content {
98}
99
100.wt-accessibility-links {
101}
102
103.wt-site-logo {
104    display: none;
105}
106
107.wt-site-title {
108    order: 1;
109    flex: 0 0 calc(100% - 15rem);
110    font-size: 1.5rem;
111    margin: 0.5rem 0;
112}
113
114.wt-header-search {
115    order: 2;
116    flex: 0 0 15rem;
117    margin: 0.25rem 0;
118}
119
120.wt-header-search-form {
121}
122
123.wt-header-search-field {
124}
125
126.wt-header-search-button {
127    color: #000;
128    background: #ddd;
129    border: 0;
130}
131
132.wt-header-search-button .fa-search::before {
133    content: ">";
134}
135
136.wt-secondary-navigation {
137    order: 3;
138    background-image: linear-gradient(#1548a7, #81bafc, #1548a7);
139    /* Extend to full page width */
140    flex: 0 1 100vw;
141    max-width: 100vw;
142    /* Recalculate margins for content */
143    margin: 0 calc(50% - 50vw);
144    padding: 0 calc(50vw - 50%);
145}
146
147.wt-user-menu {
148    flex-wrap: nowrap;
149    padding: 0.25rem 0;
150    justify-content: space-between;
151}
152
153.wt-user-menu a.nav-link {
154    color: #fff;
155    font-weight: bold;
156}
157
158.wt-user-menu .dropdown-toggle::after {
159    display: none;
160}
161
162.wt-primary-navigation {
163    order: 4;
164    background: #fff;
165    /* Extend to full page width */
166    flex: 0 1 100vw;
167    max-width: 100vw;
168    /* Recalculate margins for content */
169    margin: 0 calc(50% - 50vw);
170    padding: 0 calc(50vw - 50%);
171}
172
173.wt-genealogy-menu {
174    justify-content: center;
175}
176
177.wt-genealogy-menu .nav-item {
178    text-align: center;
179    min-width: 5rem;
180    padding-top: 0.25rem;
181}
182
183.wt-genealogy-menu .nav-link::before {
184    display: block;
185}
186
187.wt-genealogy-menu .dropdown-toggle::after {
188    display: none;
189}
190
191.wt-genealogy-menu .dropdown-menu {
192    border-radius: 0;
193}
194
195.wt-genealogy-menu .dropdown-item {
196    padding: 0 0.25rem;
197}
198
199.wt-genealogy-menu .dropdown-item::before {
200    vertical-align: top;
201    padding: 0 0.25rem;
202}
203
204.menu-tree .nav-link::before {
205    content: url(xenea/menu/tree.png);
206}
207
208.menu-tree .dropdown-item::before {
209    content: url(xenea/menu/tree-tree.png);
210}
211
212.menu-chart .nav-link::before {
213    content: url(xenea/menu/chart.png);
214}
215
216.menu-chart-ancestry::before {
217    content: url(xenea/menu/chart-ancestors.png);
218}
219
220.menu-chart-compact::before {
221    content: url(xenea/menu/chart-compact.png);
222}
223
224.menu-chart-descendants::before {
225    content: url(xenea/menu/chart-descendants.png);
226}
227
228.menu-chart-familybook::before {
229    content: url(xenea/menu/chart-family-book.png);
230}
231
232.menu-chart-fanchart::before {
233    content: url(xenea/menu/chart-fanchart.png);
234}
235
236.menu-chart-hourglass::before {
237    content: url(xenea/menu/chart-hourglass.png);
238}
239
240.menu-chart-lifespan::before {
241    content: url(xenea/menu/chart-lifespan.png);
242}
243
244.menu-chart-pedigree::before {
245    content: url(xenea/menu/chart-pedigree.png);
246}
247
248.menu-chart-pedigreemap::before {
249    content: url(xenea/menu/chart-pedigree-map.png);
250}
251
252.menu-chart-relationship::before {
253    content: url(xenea/menu/chart-relationship.png);
254}
255
256.menu-chart-statistics::before {
257    content: url(xenea/menu/chart-statistics.png);
258}
259
260.menu-chart-timeline::before {
261    content: url(xenea/menu/chart-timeline.png);
262}
263
264.menu-chart-tree::before {
265    content: url(xenea/menu/chart-tree.png);
266}
267
268.menu-list .nav-link::before {
269    content: url(xenea/menu/list.png);
270}
271
272.menu-branches::before {
273    content: url(xenea/menu/branches.png);
274}
275
276.menu-list-fam::before {
277    content: url(xenea/menu/list-fam.png);
278}
279
280.menu-list-indi::before {
281    content: url(xenea/menu/list-indi.png);
282}
283
284.menu-list-loc::before {
285    content: url(xenea/menu/list-plac.png);
286}
287
288.menu-list-note::before {
289    content: url(xenea/menu/list-note.png);
290}
291
292.menu-list-obje::before {
293    content: url(xenea/menu/list-obje.png);
294}
295
296.menu-list-plac::before {
297    content: url(xenea/menu/list-plac.png);
298}
299
300.menu-list-repo::before {
301    content: url(xenea/menu/list-repo.png);
302}
303
304.menu-list-sour::before {
305    content: url(xenea/menu/list-sour.png);
306}
307
308.menu-list-subm::before {
309    content: url(xenea/menu/list-indi.png);
310}
311
312.menu-calendar .nav-link::before {
313    content: url(xenea/menu/calendar.png);
314}
315
316.menu-calendar-day::before {
317    content: url(xenea/menu/calendar-calendar.png);
318}
319
320.menu-calendar-month::before {
321    content: url(xenea/menu/calendar-calendar.png);
322}
323
324.menu-calendar-year::before {
325    content: url(xenea/menu/calendar-calendar.png);
326}
327
328.menu-report .nav-link::before {
329    content: url(xenea/menu/report.png);
330}
331
332.menu-report .dropdown-item::before {
333    content: url(xenea/menu/report-report.png);
334}
335
336.menu-search .nav-link::before {
337    content: url(xenea/menu/search.png);
338}
339
340.menu-search .dropdown-item::before {
341    content: url(xenea/menu/search-search.png);
342}
343
344.menu-faq .nav-link::before {
345    content: url(xenea/menu/faq.png);
346}
347
348.menu-clippings .nav-link::before {
349    content: url(xenea/menu/clippings.png);
350}
351
352.menu-clippings-add::before {
353    content: url(xenea/menu/clippings-add.png);
354}
355
356.menu-clippings-cart::before {
357    content: url(xenea/menu/clippings-cart.png);
358}
359
360.menu-clippings-download::before {
361    content: url(xenea/menu/edit-preferences.png);
362}
363
364.menu-clippings-empty::before {
365    content: url(xenea/menu/edit-delete.png);
366}
367
368.menu-story .nav-link::before {
369    content: url(xenea/menu/story.png);
370}
371
372.wt-main-container {
373    /* Space between the header/footer and the main content. */
374    padding-top: 1rem;
375    padding-bottom: 1rem;
376}
377
378.wt-main {
379}
380
381.wt-messages {
382}
383
384.wt-page-title {
385    text-align: center;
386}
387
388.wt-page-options {
389}
390
391.wt-page-content {
392}
393
394.wt-page-options-label {
395    color: #006;
396    background-color: #95b8e0;
397    border-left: 2px solid transparent;
398    border-right: 2px solid transparent;
399}
400
401.wt-page-options-value {
402    background-color: #ecf5ff;
403    border: thin solid #c3dfff;
404    padding: 0.25rem 0.75rem;
405}
406
407.wt-page-content {
408    margin-top: 1rem;
409}
410
411.wt-footers {
412}
413
414.wt-footer {
415}
416
417.wt-footer-contact {
418}
419
420.wt-footer-cookies {
421    background: #aaa;
422    color: #fff;
423    transition: height 0.5s;
424}
425
426.wt-footer-page-views {
427}
428
429.wt-footer-powered-by {
430}
431
432.wt-footer-powered-by-webtrees {
433    width: 100px;
434    height: 21px;
435    content: url(images/powered-by-webtrees.png);
436}
437
438/*
439 * The tree/user home pages
440 *
441 * wt-home-page / wt-user-page
442 * +---wt-main-blocks
443 * |   +---wt-block, wt-block-AAA
444 * |   +---wt-block, wt-block-BBB
445 * |   +---wt-block, wt-block-CCC
446 * +---wt-side-blocks
447 *     +---wt-block, wt-block-XXX
448 *     +---wt-block, wt-block-YYY
449 *     +---wt-block, wt-block-ZZZ
450 *
451 * Each block as the structure
452 * wt-block, wt-block-XXX
453 * +---wt-block-header, wt-block-header-XXX
454 * +---wt-block-content, wt-block-content-XXX
455 */
456
457.wt-block {
458    background-color: #edf7fd;
459    border: thin solid #81a9cb;
460}
461
462.wt-block-header {
463    background-color: #edf7fd;
464    border-bottom: none;
465    font-weight: bold;
466}
467
468.wt-block-content {
469}
470
471.wt-block-content .list_table {
472    border-spacing: 1px;
473    border: solid #81a9cb 1px;
474    border-right: 0;
475}
476
477.wt-block-content .list_value,
478.wt-block-content .list_value_wrap {
479    border: 0;
480    border-top: solid #81a9cb 1px;
481    border-right: solid #81a9cb 1px;
482}
483
484/*
485 * The individual page.
486 *
487 * wt-route-individual
488 * +---wt-header-wrapper
489 */
490.wt-individual-silhouette-f {
491    content: url(images/individual-silhouette-female.png);
492}
493
494.wt-individual-silhouette-m {
495    content: url(images/individual-silhouette-male.png);
496}
497
498.wt-individual-silhouette-u,
499.wt-individual-silhouette-x {
500    content: url(images/individual-silhouette-unknown.png);
501}
502
503/*
504 * Chart-boxes are used to build the various charts.
505 * Each type of chart will set its own size and hide/show content.
506 *
507 * wt-chart-box
508 * +--- wt-chart-box-thumbnail
509 * +--- wt-chart-box-extra
510 *      +--- wt-chart-box-zoom
511 *           +--- wt-chart-box-icon
512 *           +--- wt-chart-box-dropdown wt-chart-box-zoom-dropdown
513 *      +--- wt-chart-box-links
514 *           +--- wt-chart-box-icon
515 *           +--- wt-chart-box-dropdown wt-chart-box-links-dropdown
516 * +--- wt-chart-box-name
517 * +--- wt-chart-box-lifespan
518 * +--- wt-chart-box-facts
519 *     +--- wt-chart-box-fact
520 */
521.wt-chart-box {
522    height: 5rem;
523    padding: 2px;
524    line-height: 1.1;
525    border: solid gray thin;
526}
527
528.wt-chart-box-f,
529.wt-chart-box-f .wt-chart-box-dropdown {
530    background: var(--sex-f-bg);
531    border: solid var(--sex-f-fg) thin;
532}
533
534.wt-chart-box-m,
535.wt-chart-box-m .wt-chart-box-dropdown {
536    background: var(--sex-m-bg);
537    border: solid var(--sex-m-fg) thin;
538}
539
540.wt-chart-box-u,
541.wt-chart-box-u .wt-chart-box-dropdown {
542    background: var(--sex-u-bg);
543    border: solid var(--sex-u-fg) thin;
544}
545
546.wt-chart-box-x,
547.wt-chart-box-x .wt-chart-box-dropdown {
548    background: var(--sex-x-bg);
549    border: solid var(--sex-x-fg) thin;
550}
551
552#content #home-page {
553    margin-left: 5px;
554}
555
556/* ====== Round Corners ======== */
557
558:focus {
559    outline-style: none;
560}
561
562.flash-messages {
563    clear: both;
564    text-align: center;
565}
566
567img.block {
568    border: 0;
569    height: 25px;
570    vertical-align: middle;
571}
572
573.button {
574    width: 60px;
575}
576
577.alpha_index {
578    color: #999;
579}
580
581.news_box:target,
582#gedcom_stats:target {
583    background-color: #ffc;
584}
585
586/* families tab person box */
587table.center {
588    margin-left: auto;
589    margin-right: auto;
590}
591
592.list_table {
593    margin: 0 auto;
594}
595
596.list_label,
597.list_label_wrap {
598    color: #006;
599    font-size: 12px;
600    background-color: #c3dfff;
601    border: solid #81a9cb 1px;
602    font-weight: bold;
603    text-align: center;
604}
605
606.list_value,
607.list_value_wrap {
608    background-color: #edf7fd;
609    font-size: 12px;
610    border: solid #81a9cb 1px;
611    vertical-align: top;
612    padding: 4px;
613}
614
615.list_label,
616.list_value {
617    white-space: nowrap;
618}
619
620.list_label_wrap,
621.list_value_wrap {
622    white-space: normal;
623}
624
625div.fact_SHARED_NOTE {
626    clear: both;
627}
628
629/* Table of genealogical facts */
630.wt-facts-table caption {
631    caption-side: top;
632}
633
634.wt-facts-table th {
635    background-color: #c3dfff;
636    color: #006;
637    text-align: center;
638    font-weight: normal;
639    min-width: 20%;
640}
641
642.wt-facts-table td {
643    background-color: #ecf5ff;
644    border: 1px solid #c3dfff;
645}
646
647.wt-facts-table .wt-sex-m > td {
648    background-color: var(--sex-m-bg);
649    border: solid var(--sex-m-fg) thin;
650}
651
652.wt-facts-table .wt-sex-f > td {
653    background-color: var(--sex-f-bg);
654    border: solid var(--sex-f-fg) thin;
655}
656
657.wt-facts-table .wt-sex-u > td {
658    background-color: var(--sex-u-bg);
659    border: solid var(--sex-u-fg) thin;
660}
661
662.wt-facts-table .wt-sex-x > td {
663    background-color: var(--sex-x-bg);
664    border: solid var(--sex-x-fg) thin;
665}
666
667.details_label {
668    font-weight: bold;
669}
670
671.date {
672    color: #337;
673}
674
675.label {
676    font-weight: bold;
677}
678
679.error {
680    color: #d00;
681    font-weight: bold;
682}
683
684.indent {
685    padding-left: 20px;
686}
687
688.parentdeath {
689    border: thin solid #888;
690    padding: 1px;
691}
692
693.journal_box {
694    padding: 3pt;
695    border: thin solid #aaa;
696    overflow: visible;
697}
698
699.news_box {
700    background-color: #edf7fd;
701    border-top: solid #81a9cb 1px;
702}
703
704.news_title {
705    font-weight: bold;
706    font-size: 14px;
707}
708
709.news_date {
710    margin-bottom: 12px;
711}
712
713.current_day {
714    font-weight: bold;
715    font-size: 16px;
716}
717
718.cal_day {
719    font-weight: bold;
720}
721
722.rtl_cal_day {
723    color: #00f;
724    font-weight: bold;
725}
726
727#user-page h1 {
728    margin: 0.25em auto 0.6em;
729}
730
731.tvertline {
732    vertical-align: bottom;
733}
734
735#childbox {
736    padding: 5px;
737    position: absolute;
738    display: none;
739    text-align: start;
740    white-space: nowrap;
741    top: 20px;
742    left: 0;
743}
744
745.layout3 #childbox {
746    top: auto;
747    bottom: 20px;
748}
749
750.person0 {
751    background-color: #aaf;
752    border: outset #aaf 1px;
753    vertical-align: top;
754}
755
756.person1 {
757    background-color: #afa;
758    border: outset #afa 1px;
759    vertical-align: top;
760}
761
762.person2 {
763    background-color: #faa;
764    border: outset #faa 1px;
765    vertical-align: top;
766}
767
768.person3 {
769    background-color: #55f;
770    border: outset #55f 1px;
771    vertical-align: top;
772}
773
774.person4 {
775    background-color: #f55;
776    border: outset #f55 1px;
777    vertical-align: top;
778}
779
780.person5 {
781    background-color: #5f5;
782    border: outset #5f5 1px;
783    vertical-align: top;
784}
785
786.starredname {
787    text-decoration: underline;
788}
789
790.search_hit {
791    background-color: #ff0;
792}
793
794.descriptionbox {
795    color: #006;
796    font-size: 12px;
797    background-color: #c3dfff;
798    vertical-align: top;
799    padding: 3px;
800}
801
802.optionbox {
803    background-color: #ecf5ff;
804    font-size: 1rem;
805    border: solid #c3dfff 1px;
806    vertical-align: top;
807    white-space: nowrap;
808    padding: 3px;
809}
810
811.red {
812    color: #f00;
813}
814
815.wt-associate-fact,
816.wt-relation-fact,
817.wt-historic-fact {
818    opacity: 0.8;
819}
820
821.messagebox {
822    background-color: #c2ceef;
823    border: solid #81a9cb 1px;
824}
825
826/* ---Pending edits--- */
827.wt-new {
828    outline: solid blue 1px;
829}
830
831.wt-old {
832    outline: solid red 1px;
833}
834
835.nowrap {
836    white-space: nowrap;
837}
838
839.wrap {
840    white-space: normal;
841}
842
843.statistics-page {
844    text-align: center;
845}
846
847.gchart {
848    border: solid #81a9cb 1px;
849}
850
851#facts_content dd {
852    float: left;
853    width: 70%;
854}
855
856.filtersH,
857.filtersF {
858    margin: 4px;
859}
860
861.filtersH img {
862    margin-bottom: 2px;
863}
864
865.list-charts {
866    text-align: center;
867}
868
869#place-hierarchy h2,
870#place-hierarchy h4 {
871    text-align: center;
872}
873
874/* ==== FAQ table styles ===== */
875table.faq {
876    background-color: #e0e0e0;
877    margin: 5px 0 50px 5px;
878    width: 98%;
879}
880
881table.faq tr:nth-child(odd) td {
882    background-color: #e7eef3;
883}
884
885div.faq_title {
886    background-color: #e0e0e0;
887    margin: 1em 0;
888    padding: .25em;
889    font-weight: bold;
890    width: 98%;
891}
892
893div.faq_body {
894    clear: both;
895    padding: 0 1em;
896}
897
898.faq_top {
899    float: right;
900}
901
902#indi_note {
903    margin: 0 0 5px;
904}
905
906.indi_table {
907    clear: left;
908}
909
910#indi_note .fact_NOTE {
911    float: left;
912    margin: 0 5px 0 0;
913}
914
915#indi_note .fact_SOUR {
916    margin: 3px 0;
917}
918
919#indi_note .fact_SOUR a {
920    font-size: 100%;
921}
922
923#indi_note .fact_NOTE,
924#indi_note .fact_SOUR {
925    clear: both;
926}
927
928.odometer {
929    font-family: courier, monospace;
930    font-weight: bold;
931    background: #000;
932    color: #fff;
933}
934
935/* Sidebar - Family navigator */
936.wt-family-navigator-dropdown {
937    background: #edf7fd;
938}
939
940.wt-family-navigator-dropdown-heading {
941    font-weight: bold;
942    font-size: inherit;
943    color: inherit;
944}
945
946/* Sidebar - Descendants */
947#sb_content_descendancy {
948    margin-top: 5px;
949}
950
951#sb_desc_content {
952    margin-left: 3px;
953    font-size: 0.8em;
954}
955
956#sb_desc_content ul {
957    padding: 0;
958    margin: 0;
959}
960
961.sb_desc_indi_li {
962    list-style-type: none;
963}
964
965/* Individuals and Families */
966#sidebar-content-individuals,
967#sidebar-content-families {
968    margin-top: 5px;
969}
970
971.sb_indi_surname_li,
972.sb_fam_surname_li {
973    list-style-image: url(icons/plus.png);
974}
975
976.name_tree_div ul {
977    padding: 0;
978    margin: 0;
979}
980
981.name_tree_div li {
982    list-style: none;
983    margin: 0;
984    padding: 0;
985}
986
987/* Clippings */
988#sb_clippings_content ul {
989    padding: 0;
990    margin: 0;
991}
992
993#sb_clippings_content li {
994    list-style: none;
995    margin: 0;
996    padding: 0;
997    white-space: nowrap;
998}
999
1000/*-- Fan chart ---- */
1001.fan_chart_menu {
1002    background: #fff;
1003    position: absolute;
1004    display: none;
1005    z-index: 100;
1006}
1007
1008#fan_chart ul {
1009    list-style-type: none;
1010    margin: 0;
1011}
1012
1013/* Lifespans chart */
1014.wt-lifespans-subtitle {
1015    text-align: center;
1016}
1017
1018.wt-lifespans-scale {
1019    white-space: nowrap;
1020}
1021
1022.wt-lifespans-decade {
1023    width: 70px;
1024    height: 60px;
1025    display: inline-block;
1026    background-image: url(images/lifespan-decade.png);
1027    background-position-y: bottom;
1028    background-repeat: no-repeat;
1029    background-size: 70px 37px;
1030}
1031
1032.wt-lifespans-individuals {
1033    background: #fafafa;
1034}
1035
1036.wt-lifespans-individual {
1037
1038}
1039
1040.wt-lifespans-summary {
1041    background: #ffffff;
1042    border: thin solid #000;
1043    z-index: 1;
1044}
1045
1046.wt-lifespans-summary-link {
1047    font-weight: bold;
1048}
1049
1050/*-- timeline  --*/
1051#timeline_chart {
1052    position: relative;
1053    top: 0;
1054    left: 0;
1055}
1056
1057/*
1058 * Any element that is loaded dynamically has the class wt-ajax-load.
1059 * We can provide a "loading" placeholder for empty elements with this class.
1060 */
1061.wt-ajax-load:empty {
1062    height: 32px;
1063    background: url(images/loading-32x32.gif) no-repeat 50% 50%;
1064}
1065
1066/*
1067 * Default icons are provided by FontAwesome.
1068 */
1069.wt-icon-anniversary {
1070    content: url(icons/anniversary.png);
1071}
1072
1073.wt-icon-arrow-down {
1074    content: url(xenea/icons/arrow-down.png);
1075}
1076
1077a > .wt-icon-arrow-down:hover {
1078    content: url(xenea/icons/arrow-down-hover.png);
1079}
1080
1081.wt-icon-arrow-left {
1082    content: url(xenea/icons/arrow-left.png);
1083}
1084
1085a > .wt-icon-arrow-left:hover {
1086    content: url(xenea/icons/arrow-left-hover.png);
1087}
1088
1089.wt-icon-arrow-right {
1090    content: url(xenea/icons/arrow-right.png);
1091}
1092
1093a > .wt-icon-arrow-right:hover {
1094    content: url(xenea/icons/arrow-right-hover.png);
1095}
1096
1097.wt-icon-arrow-up {
1098    content: url(xenea/icons/arrow-up.png);
1099}
1100
1101a > .wt-icon-arrow-up:hover {
1102    content: url(xenea/icons/arrow-up-hover.png);
1103}
1104
1105.wt-icon-bing-maps {
1106    content: url(icons/bing-maps.png);
1107}
1108
1109.wt-icon-calendar {
1110    content: url(icons/calendar.png)
1111}
1112
1113.wt-icon-collapse {
1114}
1115
1116.wt-icon-coordinates {
1117    content: url(icons/coordinates.png)
1118}
1119
1120.wt-icon-copy {
1121    content: url(icons/copy.png)
1122}
1123
1124.wt-icon-delete {
1125    content: url(icons/delete.png);
1126}
1127
1128.wt-icon-edit {
1129    content: url(icons/edit.png);
1130}
1131
1132.wt-icon-expand {
1133}
1134
1135.wt-icon-family {
1136    content: url(icons/family.png);
1137}
1138
1139.wt-icon-google-maps {
1140    content: url(icons/google-maps.png);
1141}
1142
1143.wt-icon-help {
1144    content: url(xenea/icons/help.png);
1145}
1146
1147.wt-icon-individual {
1148    content: url(icons/individual.png);
1149}
1150
1151.wt-icon-keyboard {
1152    content: url(icons/keyboard.png);
1153}
1154
1155.wt-icon-media {
1156    content: url(icons/media.png);
1157}
1158
1159.wt-icon-note {
1160    content: url(icons/note.png);
1161}
1162
1163.wt-icon-openstreetmap {
1164    content: url(icons/openstreetmap.png);
1165}
1166
1167.wt-icon-preferences {
1168    content: url(xenea/icons/preferences.png);
1169}
1170
1171.wt-icon-reorder {
1172    content: url(icons/reorder.png);
1173}
1174
1175.wt-icon-repository {
1176    content: url(icons/repository.png);
1177}
1178
1179.wt-icon-sex {
1180    height: 1em;
1181}
1182
1183.wt-icon-sex-f {
1184    content: url(icons/sex-female.png);
1185}
1186
1187.wt-icon-sex-m {
1188    content: url(icons/sex-male.png);
1189}
1190
1191.wt-icon-sex-u {
1192    content: url(icons/sex-unknown.png);
1193}
1194
1195.wt-icon-sex-x {
1196    content: url(icons/sex-unknown.png);
1197}
1198
1199.wt-icon-source {
1200    content: url(icons/source.png);
1201}
1202
1203.wt-icon-submitter {
1204    content: url(icons/individual.png);
1205}
1206
1207.wt-icon-warning {
1208    content: url(icons/warning.png);
1209}
1210
1211.wt-icon-zoom-in {
1212    content: url(xenea/icons/zoom-in.png);
1213}
1214
1215.wt-icon-zoom-out {
1216    content: url(xenea/icons/zoom-out.png);
1217}
1218
1219/* Fact icons */
1220.wt-fact-icon {
1221    display: block;
1222    margin: 1rem auto;
1223    content: url(facts/NULL.png);
1224}
1225
1226.wt-fact-icon-ADDR {
1227    content: url(facts/ADDR.png);
1228}
1229
1230.wt-fact-icon-ADOP {
1231    content: url(facts/ADOP.png);
1232}
1233
1234.wt-fact-icon-AFN,
1235.wt-fact-icon-REFN,
1236.wt-fact-icon-RFN,
1237.wt-fact-icon-RIN,
1238.wt-fact-icon-_UID {
1239    content: url(facts/REFN.png);
1240}
1241
1242.wt-fact-icon-ASSO {
1243    content: url(facts/ADOP.png);
1244}
1245
1246.wt-fact-icon-BIRT {
1247    content: url(facts/BIRT.png);
1248}
1249
1250.wt-fact-icon-BURI {
1251    content: url(facts/BURI.png);
1252}
1253
1254.wt-fact-icon-CEME {
1255    content: url(facts/CEME.png);
1256}
1257
1258.wt-fact-icon-CENS {
1259    content: url(facts/CENS.png);
1260}
1261
1262.wt-fact-icon-CHAN {
1263    content: url(facts/CHAN.png);
1264}
1265
1266.wt-fact-icon-CHR,
1267.wt-fact-icon-BAPL,
1268.wt-fact-icon-BAPM {
1269    content: url(facts/CHR.png);
1270}
1271
1272.wt-fact-icon-CONF,
1273.wt-fact-icon-CONL {
1274    content: url(facts/CONF.png);
1275}
1276
1277.wt-fact-icon-DEAT {
1278    content: url(facts/DEAT.png);
1279}
1280
1281.wt-fact-icon-ANUL,
1282.wt-fact-icon-DIV {
1283    content: url(facts/DIV.png);
1284}
1285
1286.wt-fact-icon-DIVF {
1287    content: url(facts/DIVF.png);
1288}
1289
1290.wt-fact-icon-EMAIL {
1291    content: url(facts/EMAIL.png);
1292}
1293
1294.wt-fact-icon-EMIG {
1295    content: url(facts/EMIG.png);
1296}
1297
1298.wt-fact-icon-ENGA,
1299.wt-fact-icon-MARB {
1300    content: url(facts/ENGA.png);
1301}
1302
1303.wt-fact-icon-EVEN {
1304    content: url(facts/EVEN.png);
1305}
1306
1307.wt-fact-icon-FACT {
1308    content: url(facts/FACT.png);
1309}
1310
1311.wt-fact-icon-IMMI {
1312    content: url(facts/IMMI.png);
1313}
1314
1315.wt-fact-icon-MARR,
1316.wt-fact-icon-SLGS {
1317    content: url(facts/MARR.png);
1318}
1319
1320.wt-fact-icon-OCCU {
1321    content: url(facts/OCCU.png);
1322}
1323
1324.wt-fact-icon-ORDN {
1325    content: url(facts/ORDN.png);
1326}
1327
1328.wt-fact-icon-PHON {
1329    content: url(facts/PHON.png);
1330}
1331
1332.wt-fact-icon-PROP,
1333.wt-fact-icon-RESI {
1334    content: url(facts/RESI.png);
1335}
1336
1337.wt-fact-icon-WWW {
1338    content: url(facts/WWW.png);
1339}
1340
1341.wt-fact-icon-_MDCL {
1342    content: url(facts/_MDCL.png);
1343}
1344
1345.wt-fact-icon-_MILI {
1346    content: url(facts/_MILI.png);
1347}
1348
1349.wt-fact-icon-_NMAR {
1350    content: url(facts/_NMAR.png);
1351}
1352
1353.wt-fact-icon-_NMR {
1354    content: url(facts/MARR.png);
1355}
1356
1357.wt-fact-icon-_SEPR {
1358    content: url(facts/_SEPR.png);
1359}
1360
1361.wt-fact-icon-_TODO {
1362    content: url(facts/_TODO.png);
1363}
1364
1365/* Miscellaneous images */
1366.icon-cfamily {
1367    content: url(xenea/images/cfamily.png);
1368}
1369
1370.icon-childless {
1371    content: url(images/childless.png);
1372}
1373
1374.icon-children {
1375    content: url(images/children.png);
1376}
1377
1378.icon-edit_indi {
1379    content: url(xenea/images/edit_indi.png);
1380}
1381
1382.icon-fam-list {
1383    content: url(xenea/images/cfamily.png);
1384}
1385
1386.icon-indi-list {
1387    content: url(xenea/images/indis.png);
1388}
1389
1390.icon-loading-small {
1391    content: url(images/indicator.gif);
1392}
1393
1394.icon-minus {
1395    content: url(icons/minus.png);
1396}
1397
1398.icon-mypage {
1399    content: url(xenea/images/mypage.png);
1400}
1401
1402.icon-plus {
1403    content: url(icons/plus.png);
1404}
1405
1406.icon-resn-confidential {
1407    content: url(images/resn_confidential.png);
1408}
1409
1410.icon-resn-locked {
1411    content: url(images/resn_locked.png);
1412}
1413
1414.icon-resn-none {
1415    content: url(images/resn_none.png);
1416}
1417
1418.icon-resn-privacy {
1419    content: url(images/resn_privacy.png);
1420}
1421
1422.icon-rings {
1423    content: url(images/rings.png);
1424}
1425
1426.icon-selected {
1427    content: url(xenea/images/selected.png);
1428}
1429
1430/* Silhouettes on charts */
1431.icon-silhouette-f {
1432    content: url(xenea/images/silhouette_female_small.png);
1433}
1434
1435.icon-silhouette-m {
1436    content: url(xenea/images/silhouette_male_small.png);
1437}
1438
1439.icon-silhouette-u,
1440.icon-silhouette-x {
1441    content: url(xenea/images/silhouette_unknown_small.png);
1442}
1443
1444.icon-indis {
1445    content: url(xenea/images/indis.png);
1446}
1447
1448.icon-patriarch {
1449    content: url(xenea/images/patriarch.png);
1450}
1451
1452.icon-pedigree {
1453    content: url(xenea/images/pedigree.png);
1454}
1455
1456.icon-sfamily {
1457    content: url(xenea/images/sfamily.png);
1458}
1459
1460.icon-user_add {
1461    content: url(xenea/images/user_add.png);
1462}
1463
1464/* Census assistant */
1465.wt-census-assistant-form-control:focus {
1466    min-width: 12rem;
1467}
1468
1469/* Some blocks show a reduced version on the right-hand side. */
1470.wt-side-blocks .wt-side-block-optional {
1471    display: none !important;
1472}
1473
1474/* my page chart enhancements */
1475.wt-block-content-charts {
1476    overflow: auto;
1477}
1478
1479/* Some charts are wider than the page. */
1480.wt-chart {
1481    overflow-x: auto;
1482    overflow-y: hidden;
1483}
1484
1485/* Forms */
1486.col-form-label {
1487    font-weight: bold;
1488}
1489