diff options
Diffstat (limited to 'resources/css/xenea.css')
| -rwxr-xr-x | resources/css/xenea.css | 128 |
1 files changed, 79 insertions, 49 deletions
diff --git a/resources/css/xenea.css b/resources/css/xenea.css index 1f753b6d6e..829261c7cb 100755 --- a/resources/css/xenea.css +++ b/resources/css/xenea.css @@ -15,6 +15,16 @@ /* The xenea theme */ +/* Colors for chart boxes, etc. */ +:root { + --sex-f-fg: #ff2080; + --sex-m-fg: #84beff; + --sex-u-fg: #008080; + --sex-f-bg: #fff0f0; + --sex-m-bg: #f0f9ff; + --sex-u-bg: #ffffff; +} + /* Override Bootstrap formatting */ .btn-link { padding-left: 0.25rem; @@ -43,10 +53,20 @@ table { background: url(images/loading-32x32.gif) no-repeat 50% 50%; } +/* Default icons are provided by FontAwesome. */ +.wt-icon-sex-f { +} + +.wt-icon-sex-m { +} + +.wt-icon-sex-u { +} + +.wt-icon-sex-x { +} + /* - * Icons use FontAwesome by default, but have additional classes to - * allow them to be overridden - * * .wt-icon-arrow-down * .wt-icon-arrow-end (right on LTR, left on RTL) * .wt-icon-arrow-start (left on LTR, right on RTL) @@ -229,7 +249,7 @@ a > .wt-icon-arrow-up:hover::before { /* * Pages have the following high-level structure: * - * wt-global + * wt-global wt-theme-<THEME> wt-route-<ROUTE> * +---wt-header-wrapper * +---wt-header-container * | +---wt-header-content @@ -250,11 +270,22 @@ a > .wt-icon-arrow-up:hover::before { * | +---wt-page-title * | +---wt-page-options wt-page-options-xxxxx * | +---wt-page-content - * +---wt-footer-container - * +---wt-footer-content + * +---wt-footers + * +---wt-footer wt-footer-contact + * +---wt-footer wt-footer-cookies + * +---wt-footer wt-footer-page-views + * +---wt-footer wt-footer-powered-by */ .wt-global { + /* Prevent redraws when dynamic content requires a scrollbar. */ + overflow-y: scroll; + /* Keep the page as tall as the window, so the footer can remain at the bottom. */ + display: flex; + min-height: 100vh; + flex-direction: column; + /* Any wide content will have its own horizontal scrollbar */ + overflow-x: hidden; color: #006; } @@ -293,6 +324,9 @@ a > .wt-icon-arrow-up:hover::before { .wt-header-search-form { } +.wt-header-search-field { +} + .wt-header-search-button { color: #000; background: #ddd; @@ -712,22 +746,32 @@ a > .wt-icon-arrow-up:hover::before { margin-top: 1rem; } -.wt-footer-container { +.wt-footers { } -.wt-footer-content { +.wt-footer { } -.wt-contact-links { +.wt-footer-contact { } -.wt-powered-by-webtrees { +.wt-footer-cookies { + background: #aaa; + color: #fff; + height: 3em; + line-height: 2.5em; + transition: height 0.5s; +} + +.wt-footer-cookies.hidden { + height: 0; + overflow: hidden; } -.wt-page-views { +.wt-footer-page-views { } -.wt-cookie-warning { +.wt-footer-powered-by { } /* @@ -2530,7 +2574,7 @@ div.faq_body { width: 70px; height: 60px; display: inline-block; - background-image: url(xenea/images/lifespan-chunk.png); + background-image: url(images/lifespan-decade.png); background-position-y: bottom; background-repeat: no-repeat; background-size: 70px 37px; @@ -2626,6 +2670,7 @@ div.faq_body { display: inline-block; vertical-align: text-bottom; background-repeat: no-repeat; + background-size: cover; } .icon-add { @@ -2784,40 +2829,37 @@ div.faq_body { background-image: url(xenea/images/selected.png); } -.icon-sex_f_15x15 { - width: 15px; - height: 15px; - background-image: url(xenea/images/sex_f_15x15.png); +.wt-icon-sex-f { + width: 1rem; + height: 1rem; + background-image: url(images/sex-F.png); } -.icon-sex_f_9x9 { - width: 9px; - height: 9px; - background-image: url(xenea/images/sex_f_9x9.png); +small > .wt-icon-sex-f { + width: 0.6rem; + height: 0.6rem; } -.icon-sex_m_15x15 { - width: 15px; - height: 15px; - background-image: url(xenea/images/sex_m_15x15.png); +.wt-icon-sex-m { + width: 1rem; + height: 1rem; + background-image: url(images/sex-M.png); } -.icon-sex_m_9x9 { - width: 9px; - height: 9px; - background-image: url(xenea/images/sex_m_9x9.png); +small > .wt-icon-sex-m { + width: 0.6rem; + height: 0.6rem; } -.icon-sex_u_15x15 { - width: 15px; - height: 15px; - background-image: url(xenea/images/sex_u_15x15.png); +.wt-icon-sex-u { + width: 1rem; + height: 1rem; + background-image: url(images/sex-U.png); } -.icon-sex_u_9x9 { - width: 9px; - height: 9px; - background-image: url(xenea/images/sex_u_9x9.png); +small > .wt-icon-sex-u { + width: 0.6rem; + height: 0.6rem; } .icon-source { @@ -3086,15 +3128,3 @@ footer { height: 25px; background-image: url(xenea/images/user_add.png); } - -.cookie-warning { - background: #aaa; - color: #fff; - height: 3em; - line-height: 2.5em; - transition: height 0.5s; -} -.cookie-warning.hidden { - height: 0; - overflow: hidden; -} |