/** * @package Color 3 - accessibletemplate * @version 2.5.1 * @author Francesco Zaniol, accessibletemplate - http://www.accessibletemplate.com * @copyright Copyright (C) 2011-Present Francesco Zaniol * @license accessibletemplate Terms & Conditions - http://www.accessibletemplate.com/en/terms-and-conditions **/ /* Prevent initial flashing */ #zf__html #zf--body.theme--dark{ visibility: hidden; } #zf__html.supports-css3-filter #zf--body.theme--dark, #zf__html.no-css3-filter-support.supports-outline-invert #zf--body.theme--dark, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark{ visibility: visible; } /*------------------------------------------------------------ CSS3 FILTER ------------------------------------------------------------*/ #zf__html.supports-css3-filter #zf--body.theme--dark { background: #222; } #zf__html.supports-css3-filter #zf--body.theme--dark #layout-container-outer, #zf__html.supports-css3-filter #zf--body.theme--dark #top-layout-container { -webkit-filter: invert(100%) hue-rotate(180deg); filter: invert(100%) hue-rotate(180deg); } #zf__html.supports-css3-filter #zf--body.theme--dark img, #zf__html.supports-css3-filter #zf--body.theme--dark iframe, #zf__html.supports-css3-filter #zf--body.theme--dark object { -webkit-filter: invert(100%) hue-rotate(-180deg); filter: invert(100%) hue-rotate(-180deg); } /*------------------------------------------------------------ OUTLINE INVERT ------------------------------------------------------------*/ #zf__html.no-css3-filter-support.supports-outline-invert #zf--body.theme--dark:before { content: ''; position: absolute; top: 4999px; left: 50%; z-index: 9999; width: 0px; height: 0px; outline: 9999px solid invert; } /*========================================================================== GENERAL ==========================================================================*/ #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark *, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark *:after, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark *:before{ text-shadow:none !important; } #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark h1, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark h2, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark h3, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark h4, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark h5, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark h6, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark h1 *, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark h2 *, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark h3 *, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark h4 *, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark h5 *, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark h6 *, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark p, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark blockquote, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark pre, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark abbr, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark acronym, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark address, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark code, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark del, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark dfn, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark em, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark q, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark dl, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark dt, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark dd, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark ol, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark ul, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark li, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark fieldset, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark form, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark label, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark legend, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark table, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark caption, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark tbody, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark tfoot, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark thead, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark tr, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark th, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark td, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark article, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark aside, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark dialog, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark figure, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark footer, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark header, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark hgroup, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark nav, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark section{ background:transparent; color:#DDD; border-color:#444; outline:0; } #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark{background:#0C0C0C;} /* ~~~ Headings ~~~ */ #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark main h1, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark main h2, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark main h3, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark main h4, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark main h5, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark main h6, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark main h1 *, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark main h2 *, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark main h3 *, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark main h4 *, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark main h5 *, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark main h6 *{color:#A4E49A;} /* ~~~ Links ~~~ */ #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark a{ color:#FFF36B; border-color:#999; border-bottom-color:#555; border-right-color:#555; background-color:transparent; text-decoration:underline; } #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark a:visited{color:#FFCB8C;} #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark a:hover, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark a:focus, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark a:active{background-color:transparent;color:#FF8D8D;text-decoration:none;} /* ~~~ Focused elements ~~~ */ #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark textarea:focus, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark input:focus, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark select:focus, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark a:focus img{outline:2px solid #BBB;outline-offset:-1px;} /* ~~~ Form style ~~~ */ #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark form fieldset{ background-color:#222; } #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark input, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark textarea, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark select{ background-color:#393939; border-color:#777; border-top-color:#555; border-left-color:#555; color:#D7D7D7; } #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark ::-webkit-input-placeholder{ color: #BBB; } #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark ::-moz-placeholder{ color: #BBB; } #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark :-ms-input-placeholder{ color: #BBB; }/*Keep separated*/ #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark option{ background-color:#444; color:#E1E1E1; } #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark option[selected=selected]{ background-color:#545454; color:#FFF; } #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark input:hover, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark textarea:hover, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark select:hover{ border-color:#999; background-color:#444; color:#E4E4E4; } #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark input:focus, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark textarea:focus, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark select:focus{border-color:#D3C73D} #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark button, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .button, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .btn, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark input[type=button], #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark input[type=reset], #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark input[type=submit]{ border-color:#888; border-bottom-color:#555; border-right-color:#555; background-color:#2E2E2E; color:#D4D4D4; } #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark button:hover, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .button:hover, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .btn:hover, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark input[type=button]:hover, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark input[type=reset]:hover, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark input[type=submit]:hover, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark button:focus, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .button:focus, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .btn:focus, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark input[type=button]:focus, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark input[type=reset]:focus, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark input[type=submit]:focus, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark button:active, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .button:active, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .btn:active, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark input[type=button]:active, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark input[type=reset]:active, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark input[type=submit]:active{ border-color:#999; background-color:#444; color:#E9E9E9; } /* ~~~ Tables~~~ */ #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark table td, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark table tr, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark table th{border:1px solid #555;} #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark tfoot, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark caption{background:#222;} #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark th{ background:#2E2E2E; font-weight:bold; color:#BBBBBB; } #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark thead, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark thead tr:hover, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark thead tr:hover td, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark thead td {background:#2E2E2E;color:#989898;} /* ~~~ Other ~~~ */ #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark hr{ border:0; border-top:1px solid #333; } #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark blockquote{background-color:#242424;} /*========================================================================== COMMON ELEMENTS' STYLE ==========================================================================*/ /*---------------------------------------------------------------- - BACKGROUND ---------------------------------------------------------------- */ /* ~~~ dark BG ~~~ */ #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #layout-container_co3, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #top-bar, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #top-bar-middle, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #top-bar-inner, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .zf--topbar-toolbox-panel-inner, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .zf--topbar-toolbox-panel, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #header, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #main-body, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #left-column, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #right-column, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #main-content-container {background:#1C1C1C;} /* ~~~ light-dark BG ~~~ */ #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #footer-wrapper, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #footer-wrapper-inner {background:#2E2E2E;} /* ~~~ light-dark/transparent BG ~~~ */ #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #social-buttons-container-outer, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #social-buttons-activation-button{ background:#2E2E2E; background:rgba(46,46,46,.7); } /* ~~~ Transparent BG ~~~ */ #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #breadcrumbs, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #top-bar-tools-container, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #language-switcher-outer, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #language-switcher-inner, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #left-column, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #left-column-inner, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #right-column, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #right-column-inner, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #main-content-container, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #main-content-container-inner, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #header-top, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #support-menu-inner, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #support-menu-outer, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #search-module-outer, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #search-module-inner, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #main-menu-container, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #footer, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #footer-credits, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #footer-menu, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .custom-modules-container-wrapper, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .custom-modules-container, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .custom-module-outer, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .custom-module-inner {background:transparent;} /*---------------------------------------------------------------- - BORDER ---------------------------------------------------------------- */ /* ~~~ Dark border ~~~ */ #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #layout-container_co3, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #top-bar, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #top-bar-middle, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #top-bar-inner, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .zf--topbar-toolbox-panel, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .zf--topbar-toolbox-panel-inner, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #header, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #header-top, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #support-menu-inner, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #main-menu-container, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #main-content-container-inner, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .top-bar-tool, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #goto-top-block, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #footer, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #footer-menu, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #breadcrumbs {border-color:#444;} /* ~~~ Transparent border ~~~ */ #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #footer-wrapper, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #footer-wrapper-inner, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #search-module-outer, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #social-buttons-container-outer, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #social-buttons-activation-button {border-color:transparent} /*---------------------------------------------------------------- - TEXT COLOR ---------------------------------------------------------------- */ /* ~~~ Lighter font ~~~ */ #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .custom-module-style_light, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .marked-block-light, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .custom-module-style_colored, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .custom-module-style_user-custom {color:#999689;} /*========================================================================== SNIPPETS ==========================================================================*/ /* ~~~ Highlighted blocks~~~ */ #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .highlight-grey{background-color:#2E2E2E;} #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .highlight-green{background-color:#273A22;} #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .highlight-red{background-color:#49322E;} #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .highlight-brown{background-color:#453B2C;} #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .highlight-yellow{background-color:#353624;} #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .highlight-blue{background-color:#1E1F35;} #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .highlight-black{background-color:#131313;} /* ~~~ Alerts~~~ */ #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .error{background-color:#49322E;} #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .notice{background-color:#47492E;} #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .success{background-color:#34492E;} /* ~~~ Styled blocks & modules~~~ */ #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .custom-module-style_default{ background-color:transparent; border-color:#444; } #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .custom-module-style_dark, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .marked-block-dark{ border-color:#393939; background-color:#262626; } #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .custom-module-style_light, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .marked-block-light, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .custom-module-style_colored, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .custom-module-style_user-custom{ border-color:#444; background-color:#303030; } /* ~~~ Button style ~~~ */ #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark [class*="-button-style"], #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark [class*="-button-style"]:visited{ text-decoration:none; background-color:#9A9A9A; color:#000; border-color: #999; border-bottom-color: #555; border-right-color: #555; } #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark [class*="-button-style"]:hover, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark [class*="-button-style"]:focus, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark [class*="-button-style"]:active{ text-decoration:none; background-color:#B8B8B8; color:#000; border-color:#999; } /*========================================================================== LAYOUT ELEMENTS ==========================================================================*/ /* ~~~ search module ~~~ */ #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #header #search-module-inner{border:none} #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #header #search-module-inner form input[type=text], #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #header #search-module-inner form input[type=search]{color:#EEE;} /* ~~~ top bar & top bar tools ~~~ */ #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #top-bar .top-bar-tool-btn, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #top-bar .top-bar-tool-btn:hover, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #top-bar .top-bar-tool-btn:active, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #top-bar .top-bar-tool-btn:focus, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #top-bar .mobile-top-bar-tool-button, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #top-bar .mobile-top-bar-tool-button:hover, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #top-bar .mobile-top-bar-tool-button:active, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #top-bar .mobile-top-bar-tool-button:focus{ border:0; text-decoration:none; color:inherit; background-color:transparent; } #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #top-bar .top-bar-tool-btn .zhongframework-icon, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #top-bar .top-bar-tool-btn:hover .zhongframework-icon, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #top-bar .top-bar-tool-btn:focus .zhongframework-icon, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #top-bar .top-bar-tool-btn:active .zhongframework-icon, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #top-bar .mobile-top-bar-tool-button .zhongframework-icon, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #top-bar .mobile-top-bar-tool-button:hover .zhongframework-icon, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #top-bar .mobile-top-bar-tool-button:focus .zhongframework-icon, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #top-bar .mobile-top-bar-tool-button:active .zhongframework-icon{ color:inherit; } #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #top-bar .zf--topbar-toolbox-button.active .zhongframework-icon{ color:#FCFFA1; } #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark.top-bar-buttons_text-style #top-bar .zf--topbar-toolbox-button:before {border-color:#BBB transparent transparent transparent;} #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark.top-bar-buttons_text-style #top-bar .zf--topbar-toolbox-button.active:before {border-color:transparent transparent #E00 transparent;} #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark.top-bar-buttons_icon-style #top-bar .zf--topbar-toolbox-button{ background-color:transparent; border:0; } /* ~~~ "top" button ~~~ */ #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #goto-top-block a{ color:#989898; background:#2E2E2E; border:0; text-decoration:none; } #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #goto-top-block a:active, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #goto-top-block a:focus, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #goto-top-block a:hover{ color:#FF8D8D; text-decoration:none; } /* ~~~ anchors-menu-container ~~~ */ #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #anchors-menu-container{ background-color:#2E2E2E; } /* ~~~ remove border-bottom from menu links ~~~ */ #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #support-menu-outer .menu-container ul a, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #goto-top-block a, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #goto-top-block a:visited, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #footer-menu.menu-container ul a{border-bottom:0;} /* ~~~ Follow us ~~~ */ #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #follow-us-outer .follow-us-link, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #follow-us-outer .zhongframework-icon{color:inherit;} /*---------------------------------------------------------------- - MENUS ---------------------------------------------------------------- */ /* ~~~ General ~~~ */ #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .menu-container ul, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .menu-container ul ul, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .menu-container ul li{ border:0; background-repeat:no-repeat; } #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .menu-container ul a, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .menu-container ul a:visited{ text-decoration:none; background-color:#3A3A3A; border:0; border-color:#777; color:#F8FF71; } #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .menu-container ul a:focus, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .menu-container ul a:hover, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .menu-container ul li:hover>a, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .menu-container ul li.current>a:focus, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .menu-container ul li.current>a:hover, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .menu-container ul li.active>a:focus, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .menu-container ul li.active>a:hover, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .menu-container ul li.current>a, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .menu-container ul li.active>a{ background-color:#ACACAC; color:#191919; text-decoration:none; } /* ~~~ top menu ~~~ */ #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #header #main-menu-container ul a, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #header #main-menu-container ul a:visited {border:0;} #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #header #main-menu-container ul ul{ margin-top:0; background-color:#2E2E2E; } /* ~~~ top menu - floating ~~~ */ #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark.main-menu-style_horizontal-floating #header #main-menu-container ul ul{ border:none; border-bottom:1px solid #666; } #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark.main-menu-style_vertical-floating #header #main-menu-container ul ul {border:1px solid #666;} /* ~~~ main menu ( left/right ) ~~~ */ #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #main-body .menu-container ul, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #main-body .menu-container ul ul, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #main-body .menu-container ul li{margin-bottom:0;} #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #main-body .menu-container ul ul{background-color:#2E2E2E;} /* ~~~ main menu - floating */ #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark.side-menu-style_floating #main-body .menu-container ul ul {border:1px solid #666;} /* ~~~ Footer menu ~~~ */ #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #footer-menu.menu-container ul a{ text-decoration:underline; border-bottom:0; background:none; } #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #footer-menu.menu-container ul a:focus, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #footer-menu.menu-container ul a:active, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #footer-menu.menu-container ul a:hover{color:#FF8D8D;text-decoration:none;} /* ~~~ menus incons - top & side ~~~ */ #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #header #main-menu-container ul li.parent>a:before, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #main-body .menu-container ul li.parent>a:before {border-color:#999 transparent transparent transparent;} #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #header #main-menu-container ul li.parent:hover>a:before, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #header #main-menu-container ul li.parent>a:focus:before, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #header #main-menu-container ul li.parent>a:active:before, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #header #main-menu-container ul li.active>a:before, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #main-body .menu-container ul li.parent:hover>a:before, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #main-body .menu-container ul li.parent>a:focus:before, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #main-body .menu-container ul li.parent>a:active:before, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #main-body .menu-container ul li.active>a:before {border-color:#191919 transparent transparent transparent;} #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #header #main-menu-container ul li.current>a:before, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #header #main-menu-container ul li.current:hover>a:before, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #header #main-menu-container ul li.current>a:focus:before, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #header #main-menu-container ul li.current>a:active:before, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #main-body .menu-container ul li.current>a:before, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #main-body .menu-container ul li.current:hover>a:before, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #main-body .menu-container ul li.current>a:focus:before, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #main-body .menu-container ul li.current>a:active:before {border-color:#191919;} /* ~~~ De-collapse menu buttons ~~~ */ #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #mobile-main-menu-container-activation-button{background-color:#CCC;} #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #mobile-main-menu-container-activation-button>span{border-top-color:#111;border-bottom-color:#111;} #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #mobile-main-menu-container-activation-button>span:before{border-bottom-color:#111;} #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #mobile-main-menu-container-activation-button>span:after{border-top-color:#111;} #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #mobile-side-menu-activation-button{background-color:transparent;} #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #mobile-side-menu-activation-button>span{border-top-color:#CCC;border-bottom-color:#CCC;} #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #mobile-side-menu-activation-button>span:before{border-bottom-color:#CCC;} #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #mobile-side-menu-activation-button>span:after{border-top-color:#CCC;} /*========================================================================== OTHER ELEMENTS ==========================================================================*/ /* ~~~ Tooltips ~~~ */ #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .tooltip-title{ background-color:#777772; border-color:#777772; color:#222; } #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .tooltip-title.with-top-arrow:before{border-bottom-color:#777772;} #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .tooltip-title.with-top-arrow:after{border-bottom-color:#777772;} #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .tooltip-title.with-bottom-arrow:before{border-top-color:#777772;} #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark .tooltip-title.with-bottom-arrow:after{border-top-color:#777772;} /* ~~~ Layout width resize tool ~~~ */ #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #layout-width-resize-tool-container{background:none;} #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #layout-width-resize-handle_left:hover, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark #layout-width-resize-handle_right:hover{background:#555;} /*========================================================================== MOBILE LAYOUT ==========================================================================*/ #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark.mobile-layout .menu-container li, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark.mobile-layout .menu-container a, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark.mobile-layout #main-menu-container ul li, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark.mobile-layout #main-menu-container ul li a, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark.mobile-layout #side-menu ul li, #zf__html.no-css3-filter-support.no-outline-invert-support #zf--body.theme--dark.mobile-layout #side-menu ul li a{background-image:none;} /** * @package Color 3 - accessibletemplate * @version 2.5.1 * @author Francesco Zaniol, accessibletemplate - http://www.accessibletemplate.com * @copyright Copyright (C) 2011-Present Francesco Zaniol * @license accessibletemplate Terms & Conditions - http://www.accessibletemplate.com/en/terms-and-conditions **/ #zf__html #zf--body[class*="legibility--"] *{ font-style:normal; text-transform:none; font-variant:normal; font-family:inherit; letter-spacing:inherit; } #zf__html #zf--body[class*="legibility--"]{ letter-spacing:.4px; font-kerning:none; /* Important for Firefox so letters are spaced properly */ } #zf__html #zf--body[class*="legibility--"] main h1, #zf__html #zf--body[class*="legibility--"] main h2, #zf__html #zf--body[class*="legibility--"] main h3, #zf__html #zf--body[class*="legibility--"] main h4, #zf__html #zf--body[class*="legibility--"] main h5, #zf__html #zf--body[class*="legibility--"] main h6{ letter-spacing:1px; } #zf__html #zf--body[class*="legibility--"] main{ line-height:1.8; } #zf__html #zf--body[class*="legibility--"].legibility--serif a, #zf__html #zf--body[class*="legibility--"].legibility--sans-serif a{ -webkit-text-decoration-style:dotted; text-decoration-style:dotted; -webkit-text-decoration-color:initial; text-decoration-color:initial; } #zf__html #zf--body[class*="legibility--"].legibility--serif{ font-family:Georgia, serif; } #zf__html #zf--body[class*="legibility--"].legibility--sans-serif{ font-family:Arial, sans-serif; } #zf__html #zf--body[class*="legibility--"].legibility--sans-serif main{ font-family:Verdana, sans-serif; } #zf__html #zf--body[class*="legibility--"].legibility--bold, #zf__html #zf--body[class*="legibility--"].legibility--bold *{ font-weight:bold; }