From a6929873030087cb715e214cac227f43ba2d76f6 Mon Sep 17 00:00:00 2001 From: Sophia Atkinson Date: Sat, 26 Aug 2023 10:59:09 -0700 Subject: [PATCH] new theme and uodates --- css/debian-theme.css | 312 +++------------ css/default-theme.css | 312 +++------------ css/discord-theme.css | 312 +++------------ css/jse-theme.css | 388 +++++++++++++++++++ css/noctua-theme.css | 312 +++------------ css/pink-theme.css | 312 +++------------ css/purple-theme.css | 312 +++------------ css/retro-theme.css | 312 +++------------ css/ubuntu-theme.css | 312 +++------------ scss/_base.scss | 876 +++++++++++++++++------------------------- scss/jse-theme.scss | 13 + 11 files changed, 1109 insertions(+), 2664 deletions(-) create mode 100644 css/jse-theme.css create mode 100644 scss/jse-theme.scss diff --git a/css/debian-theme.css b/css/debian-theme.css index 67570ed..e606675 100644 --- a/css/debian-theme.css +++ b/css/debian-theme.css @@ -3,118 +3,39 @@ background-color: var(--selector); } -::-webkit-scrollbar { +::-webkit-scrollbar, .comment-form-url { display: none; } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { border-color: var(--href); background-color: var(--background-darker); } -#site-navigation ul li a, -.byline a, -.entry-footer > span.tags-links, -.entry-footer > span.tags-links a, -.entry-title a, -.menu-toggle a, -.mt-author-bio, -.mt-author-website a, -.mt-related-post-title, -.mt-search-icon a, -.mt-social-menu-wrapper, -.page-title, -.posted-on time, -.site-info, -.tagcloud a:hover, -.tags-links a, -.widget-title, -a.comment-edit-link, -article.hentry .entry-footer > span, -body, -button, -h1.entry-title, -h2.entry-title a, -h3#reply-title.comment-reply-title, -hr, -input, -label, -li, -section ul li a, -select, -span.screen-reader-text, -textarea, -time, -ul#primary-menu.menu.nav-menu:after { +#site-navigation ul li a, .byline a, .entry-footer > span.tags-links, .entry-footer > span.tags-links a, .entry-title a, .menu-toggle a, .mt-author-bio, .mt-author-website a, .mt-related-post-title, .mt-search-icon a, .mt-social-menu-wrapper, .page-title, .posted-on time, .site-info, .tagcloud a:hover, .tags-links a, .widget-title, a.comment-edit-link, article.hentry .entry-footer > span, body, button, h1.entry-title, h2.entry-title a, h3#reply-title.comment-reply-title, hr, input, label, li, section ul li a, select, span.screen-reader-text, textarea, time, ul#primary-menu.menu.nav-menu:after { color: var(--text-color) !important; font-family: var(--main-font); } /*** Background Start ***/ -#site-navigation ul li a::after, -.front-slider-block .post-info-wrap .entry-meta .posted-on a:before, -.has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, -.posted-on a:before { +#site-navigation ul li a::after, .front-slider-block .post-info-wrap .entry-meta .posted-on a:before, .has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, .posted-on a:before { background-color: var(--text-color); } -#site-navigation, -.wp-comment-cookies-consent, -div#wpadminbar.nojq, -div.custom-header.no-bg-img, -div.cwv3_btns, -div.logo-ads-wrap, -div.mt-logo-row-wrapper.mt-clearfix, -div.site-branding, -div.sticky-wrapper, -footer#colophon.site-footer, -nav#site-navigation.main-navigation.isActive { +#site-navigation, .wp-comment-cookies-consent, div#wpadminbar.nojq, div.custom-header.no-bg-img, div.cwv3_btns, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, div.site-branding, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, .gdrf-success, .gdrf-errors, #site-navigation ul li .sub-menu, #site-navigation ul li .children { background-color: var(--background-darker) !important; } -#colophon .widget .widget-title:before, -#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, -#secondary .widget .widget-title:before, -#site-navigation .menu-item-description, -.edit-link .post-edit-link, -.features-post-title:before, -.front-slider-block .lSAction > a:hover, -.mt-live-link a, -.mt-menu-search .mt-form-wrap .search-form .search-submit, -.mt-related-post-title:before, -.post-cats-list a, -.reply .comment-reply-link, -.top-featured-post-wrap .post-thumbnail .post-number, -.widget.widget_tag_cloud a:hover, -.widget_search .search-submit, -.widget_tag_cloud .tagcloud a:hover, -article .post-thumbnail:before, -article.sticky:before, -div.mt-live-link a, -input.search-submit { +#colophon .widget .widget-title:before, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, #secondary .widget .widget-title:before, #site-navigation .menu-item-description, .edit-link .post-edit-link, .features-post-title:before, .front-slider-block .lSAction > a:hover, .mt-live-link a, .mt-menu-search .mt-form-wrap .search-form .search-submit, .mt-related-post-title:before, .post-cats-list a, .reply .comment-reply-link, .top-featured-post-wrap .post-thumbnail .post-number, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_tag_cloud .tagcloud a:hover, article .post-thumbnail:before, article.sticky:before, div.mt-live-link a, input.search-submit { background-color: var(--href); } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, -.bttn:hover, -.mt-live-link a:focus, -.mt-live-link a:hover, -.navigation .nav-links a:hover, -.post-edit-link:hover, -button, -div.mt-live-link a:hover, -input.search-submit:hover, -input[type=button]:hover, -input[type=reset]:hover, -input[type=submit]:hover { +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .bttn:hover, .mt-live-link a:focus, .mt-live-link a:hover, .navigation .nav-links a:hover, .post-edit-link:hover, button, div.mt-live-link a:hover, input.search-submit:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { color: var(--text-color); background-color: var(--href-dark); } -div#bottom-footer, -div#page.site, -div#top-header.top-header-wrap.mt-clearfix { +div#bottom-footer, div#page.site, div#top-header.top-header-wrap.mt-clearfix { background-color: var(--background) !important; } @@ -131,8 +52,7 @@ div#top-header.top-header-wrap.mt-clearfix { } /*** Background End ***/ -#colophon, -.mt-social-menu-wrapper { +#colophon, .mt-social-menu-wrapper { border-top: 1px solid var(--href-dark); } @@ -148,12 +68,7 @@ p { font-size: 15px; } -h1, -h2, -h3, -h4, -h5, -h6 { +h1, h2, h3, h4, h5, h6 { clear: both; font-weight: 400; line-height: 1.5; @@ -162,43 +77,30 @@ h6 { color: var(--text-color); } -.entry-title, -.page-title, -b, -strong { +.entry-title, .page-title, b, strong { color: var(--text-color); font-weight: 600; } -.mt-disclaimer-text, -p em, -p i { +.mt-disclaimer-text, p em, p i { color: var(--text-color); font-family: var(--main-font); font-style: italic; } -p em a, -p i a { +p em a, p i a { color: #f5a9b8; font-family: var(--main-font); font-style: italic; } -p em a:hover, -p i a:hover { +p em a:hover, p i a:hover { color: #c48793; font-family: var(--main-font); font-style: italic; } -.mt-author-name a:hover, -.mt-author-website a:hover, -em a, -h3.entry-title a:active, -h3.entry-title a:hover, -i a, -section ul li a:hover { +.mt-author-name a:hover, .mt-author-website a:hover, em a, h3.entry-title a:active, h3.entry-title a:hover, i a, section ul li a:hover, .pojo-skip-link:focus { color: var(--href) !important; } @@ -213,18 +115,8 @@ textarea { width: 100%; } -input, -input#author, -input#email, -input#url, -input.search-field, -input[type=email], -input[type=password], -input[type=search], -input[type=text], -input[type=url], -p.comment-form-cookies-consent #wp-comment-cookies-consent { - color: var(--text-color); +input, input#author, input#email, input#url, input.search-field, input[type=email], input[type=password], input[type=search], input[type=text], input[type=url], p.comment-form-cookies-consent #wp-comment-cookies-consent { + color: var(--text-color) !important; background-color: var(--background-darker); border-bottom: none; border: none; @@ -294,24 +186,18 @@ body { font-family: var(--main-font); } -.btn-wrapper a, -.entry-footer .mt-readmore-btn, -.mt-readmore-btn { +.btn-wrapper a, .entry-footer .mt-readmore-btn, .mt-readmore-btn { display: inline-block; padding: 0; font-size: 14px; color: var(--text-color); } -.wp-block-code, -code { +.wp-block-code, code { background-color: #343434; } -#wpadminbar .ab-top-menu > li.hover > .ab-item, -#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { +#wpadminbar .ab-top-menu > li.hover > .ab-item, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { background: var(--background-darker); color: var(--href); } @@ -326,8 +212,7 @@ code { border-radius: 10px; } -#wpadminbar .menupop .ab-sub-wrapper, -#wpadminbar .shortlink-input { +#wpadminbar .menupop .ab-sub-wrapper, #wpadminbar .shortlink-input { margin: 0; padding: 0; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); @@ -337,30 +222,7 @@ code { float: none; } -#cancel-comment-reply-link:before, -#site-navigation li.menu-item-has-children > a:before, -#site-navigation li.page_item_has_children > a:before, -.edit-link .post-edit-link:before, -.nav-links .nav-next a:after, -.nav-links .nav-previous a:before, -.widget_archive a:before, -.widget_categories a:before, -.widget_meta a:before, -.widget_nav_menu li a:before, -.widget_pages li a:before, -.widget_recent_comments li:before, -.widget_recent_entries a:before, -.widget_rss li:before, -.wp-block-archives li a:before, -.wp-block-categories li a:before, -.wp-block-latest-comments li:before, -.wp-block-latest-posts li a:before, -.wp-block-page-list li a:before, -blockquote:after, -blockquote:before, -li.recentcomments:before, -q:after, -q:before { +#cancel-comment-reply-link:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a:before, .edit-link .post-edit-link:before, .nav-links .nav-next a:after, .nav-links .nav-previous a:before, .widget_archive a:before, .widget_categories a:before, .widget_meta a:before, .widget_nav_menu li a:before, .widget_pages li a:before, .widget_recent_comments li:before, .widget_recent_entries a:before, .widget_rss li:before, .wp-block-archives li a:before, .wp-block-categories li a:before, .wp-block-latest-comments li:before, .wp-block-latest-posts li a:before, .wp-block-page-list li a:before, blockquote:after, blockquote:before, li.recentcomments:before, q:after, q:before { font-family: ForkAwesome !important; color: var(--text-color); } @@ -373,58 +235,11 @@ q:before { transition: none; } -a:hover, -em a:active, -em a:focus, -em a:hover { +a:hover, em a:active, em a:focus, em a:hover, .pojo-skip-link:focus { color: var(--href); } -#cancel-comment-reply-link, -#cancel-comment-reply-link:before, -#footer-menu li a:hover, -#mt-scrollup:hover, -#site-navigation ul li.current-menu-ancestor > a, -#site-navigation ul li.current-menu-item > a, -#site-navigation ul li.current-menu-parent > a, -#site-navigation ul li.current_page_ancestor > a, -#site-navigation ul li.current_page_item > a, -#site-navigation ul li.focus > a, -#site-navigation ul li:hover > a, -#top-footer a:hover, -#top-navigation ul li a:hover, -.banner-sub-title, -.breadcrumbs .trail-items li a:hover, -.btn-wrapper a:hover, -.cat-links a:hover, -.color_blog_dark_latest_posts .mt-post-title a:hover, -.comment-author .fn .url:hover, -.commentmetadata .comment-edit-link, -.entry-cat .cat-links a:hover, -.entry-cat a:hover, -.entry-footer .mt-readmore-btn:hover, -.entry-footer a:hover, -.entry-meta a:hover, -.entry-title a:hover, -.front-slider-block .banner-title a:hover, -.front-slider-block .post-info-wrap .entry-title a:hover, -.has-thumbnail .post-info-wrap .entry-title a:hover, -.logged-in-as a, -.menu-toggle:hover, -.mt-readmore-btn:hover, -.mt-search-icon:hover, -.mt-social-icon-wrap li a:focus, -.mt-social-icon-wrap li a:hover, -.navigation.pagination .nav-links .page-numbers.current, -.navigation.pagination .nav-links a.page-numbers:hover, -.post-info-wrap .entry-meta a:hover, -.single .mt-single-related-posts .entry-title a:hover, -.widget a:hover, -.widget a:hover:before, -.widget li:hover:before, -.wrap-label i, -a, -a:focus { +#cancel-comment-reply-link, #cancel-comment-reply-link:before, #footer-menu li a:hover, #mt-scrollup:hover, #site-navigation ul li.current-menu-ancestor > a, #site-navigation ul li.current-menu-item > a, #site-navigation ul li.current-menu-parent > a, #site-navigation ul li.current_page_ancestor > a, #site-navigation ul li.current_page_item > a, #site-navigation ul li.focus > a, #site-navigation ul li:hover > a, #top-footer a:hover, #top-navigation ul li a:hover, .banner-sub-title, .breadcrumbs .trail-items li a:hover, .btn-wrapper a:hover, .cat-links a:hover, .color_blog_dark_latest_posts .mt-post-title a:hover, .comment-author .fn .url:hover, .commentmetadata .comment-edit-link, .entry-cat .cat-links a:hover, .entry-cat a:hover, .entry-footer .mt-readmore-btn:hover, .entry-footer a:hover, .entry-meta a:hover, .entry-title a:hover, .front-slider-block .banner-title a:hover, .front-slider-block .post-info-wrap .entry-title a:hover, .has-thumbnail .post-info-wrap .entry-title a:hover, .logged-in-as a, .menu-toggle:hover, .mt-readmore-btn:hover, .mt-search-icon:hover, .mt-social-icon-wrap li a:focus, .mt-social-icon-wrap li a:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .post-info-wrap .entry-meta a:hover, .single .mt-single-related-posts .entry-title a:hover, .widget a:hover, .widget a:hover:before, .widget li:hover:before, .wrap-label i, a, a:focus { color: var(--href); } @@ -432,15 +247,7 @@ a:focus { border-top-color: var(--href); } -.color_blog_dark_social_media a:hover, -.custom-header, -.error-404.not-found, -.navigation.pagination .nav-links .page-numbers.current, -.navigation.pagination .nav-links a.page-numbers:hover, -.widget.widget_tag_cloud a:hover, -.widget_search .search-submit, -.widget_search .search-submit:hover, -.widget_tag_cloud .tagcloud a:hover { +.color_blog_dark_social_media a:hover, .custom-header, .error-404.not-found, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_search .search-submit:hover, .widget_tag_cloud .tagcloud a:hover { border-color: var(--href); } @@ -448,8 +255,7 @@ a:focus { outline-color: var(--href); } -.entry-footer > span.tags-links a:hover, -ul.trail-items span { +.entry-footer > span.tags-links a:hover, ul.trail-items span { color: var(--href) !important; } @@ -457,15 +263,12 @@ ul.trail-items span:hover { color: var(--href-dark) !important; } -.mt-menu-search .mt-form-wrap .search-form .search-submit:hover, -.tagcloud a:hover, -.wp-block-search__button:hover { +.mt-menu-search .mt-form-wrap .search-form .search-submit:hover, .tagcloud a:hover, .wp-block-search__button:hover { border-radius: 0; background-color: var(--href-dark) !important; } -.mt-menu-search .mt-form-wrap .search-form .search-field, -textarea { +.mt-menu-search .mt-form-wrap .search-form .search-field, textarea { border: none !important; border-bottom: none !important; border-top: none !important; @@ -486,9 +289,7 @@ span.required { border: 1px var(--href) solid; } -.mt-live-link a:focus, -.mt-live-link a:hover, -.search article { +.mt-live-link a:focus, .mt-live-link a:hover, .search article, .pojo-skip-link:focus { box-shadow: none; } @@ -510,13 +311,7 @@ span.required { } } -#mt-scrollup, -.mt-author__avatar, -.mt-copyright-text, -.nav-links, -.post-thumbnail img, -.site-info, -.wp-block-image { +#mt-scrollup, .mt-author__avatar, .mt-copyright-text, .nav-links, .post-thumbnail img, .site-info, .wp-block-image { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; @@ -528,45 +323,24 @@ video { width: 100% !important; } -.bttn, -.navigation .nav-links a, -.search-submit, -.tagcloud a, -.wp-block-search__button, -button, -input.search-submit[type=submit], -input[type=button], -input[type=reset], -input[type=submit] { +.bttn, .navigation .nav-links a, .search-submit, .tagcloud a, .wp-block-search__button, button, input.search-submit[type=submit], input[type=button], input[type=reset], input[type=submit] { background-color: var(--href); border: none !important; - color: #fff !important; + color: var(--text-color) !important; } -.bttn, -.comment-reply-link, -.mt-menu-search .mt-form-wrap .search-form .search-field, -.navigation .nav-links a, -.page-numbers.current, -.tagcloud a:hover, -button, -input.search-submit, -input.search-submit:hover, -input[type=button], -input[type=reset], -input[type=submit], -textarea { +.bttn, .comment-reply-link, .mt-menu-search .mt-form-wrap .search-form .search-field, .navigation .nav-links a, .page-numbers.current, .tagcloud a:hover, button, input.search-submit, input.search-submit:hover, input[type=button], input[type=reset], input[type=submit], textarea { border-radius: 5px !important; } -img { +img, .pojo-skip-link { border-radius: 2px; } .page-numbers.current { background-color: var(--href-dark); border: none !important; - color: #fff !important; + color: var(--text-color) !important; } div#cwv3_dialog.cwv3_dialog.js { @@ -574,8 +348,7 @@ div#cwv3_dialog.cwv3_dialog.js { border-color: var(--background-darker) !important; } -.recentcomments, -.widget_recent_comments li { +.recentcomments, .widget_recent_comments li { display: block !important; } @@ -585,20 +358,23 @@ div#cwv3_dialog.cwv3_dialog.js { border: none; } -.screen-reader-text:active, -.screen-reader-text:focus, -.screen-reader-text:hover { +.screen-reader-text:active, .screen-reader-text:focus, .screen-reader-text:hover { background-color: var(--background) !important; box-shadow: none !important; color: var(--href) !important; } @media (max-width: 979px) { - #site-navigation ul li a, - .is-sticky #site-navigation ul li a { + #site-navigation ul li a, .is-sticky #site-navigation ul li a { border-bottom: 1px solid var(--href-dark); } } +#site-navigation ul li a.sub-toggle, #site-navigation ul li a.sub-toggle:hover { + background: var(--background) none repeat scroll 0 0; + color: var(--text-color); + border: none; +} + :root { --text-color:#fff; --background:#333333; diff --git a/css/default-theme.css b/css/default-theme.css index 7ff1ced..96ba9e2 100644 --- a/css/default-theme.css +++ b/css/default-theme.css @@ -3,118 +3,39 @@ background-color: var(--selector); } -::-webkit-scrollbar { +::-webkit-scrollbar, .comment-form-url { display: none; } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { border-color: var(--href); background-color: var(--background-darker); } -#site-navigation ul li a, -.byline a, -.entry-footer > span.tags-links, -.entry-footer > span.tags-links a, -.entry-title a, -.menu-toggle a, -.mt-author-bio, -.mt-author-website a, -.mt-related-post-title, -.mt-search-icon a, -.mt-social-menu-wrapper, -.page-title, -.posted-on time, -.site-info, -.tagcloud a:hover, -.tags-links a, -.widget-title, -a.comment-edit-link, -article.hentry .entry-footer > span, -body, -button, -h1.entry-title, -h2.entry-title a, -h3#reply-title.comment-reply-title, -hr, -input, -label, -li, -section ul li a, -select, -span.screen-reader-text, -textarea, -time, -ul#primary-menu.menu.nav-menu:after { +#site-navigation ul li a, .byline a, .entry-footer > span.tags-links, .entry-footer > span.tags-links a, .entry-title a, .menu-toggle a, .mt-author-bio, .mt-author-website a, .mt-related-post-title, .mt-search-icon a, .mt-social-menu-wrapper, .page-title, .posted-on time, .site-info, .tagcloud a:hover, .tags-links a, .widget-title, a.comment-edit-link, article.hentry .entry-footer > span, body, button, h1.entry-title, h2.entry-title a, h3#reply-title.comment-reply-title, hr, input, label, li, section ul li a, select, span.screen-reader-text, textarea, time, ul#primary-menu.menu.nav-menu:after { color: var(--text-color) !important; font-family: var(--main-font); } /*** Background Start ***/ -#site-navigation ul li a::after, -.front-slider-block .post-info-wrap .entry-meta .posted-on a:before, -.has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, -.posted-on a:before { +#site-navigation ul li a::after, .front-slider-block .post-info-wrap .entry-meta .posted-on a:before, .has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, .posted-on a:before { background-color: var(--text-color); } -#site-navigation, -.wp-comment-cookies-consent, -div#wpadminbar.nojq, -div.custom-header.no-bg-img, -div.cwv3_btns, -div.logo-ads-wrap, -div.mt-logo-row-wrapper.mt-clearfix, -div.site-branding, -div.sticky-wrapper, -footer#colophon.site-footer, -nav#site-navigation.main-navigation.isActive { +#site-navigation, .wp-comment-cookies-consent, div#wpadminbar.nojq, div.custom-header.no-bg-img, div.cwv3_btns, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, div.site-branding, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, .gdrf-success, .gdrf-errors, #site-navigation ul li .sub-menu, #site-navigation ul li .children { background-color: var(--background-darker) !important; } -#colophon .widget .widget-title:before, -#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, -#secondary .widget .widget-title:before, -#site-navigation .menu-item-description, -.edit-link .post-edit-link, -.features-post-title:before, -.front-slider-block .lSAction > a:hover, -.mt-live-link a, -.mt-menu-search .mt-form-wrap .search-form .search-submit, -.mt-related-post-title:before, -.post-cats-list a, -.reply .comment-reply-link, -.top-featured-post-wrap .post-thumbnail .post-number, -.widget.widget_tag_cloud a:hover, -.widget_search .search-submit, -.widget_tag_cloud .tagcloud a:hover, -article .post-thumbnail:before, -article.sticky:before, -div.mt-live-link a, -input.search-submit { +#colophon .widget .widget-title:before, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, #secondary .widget .widget-title:before, #site-navigation .menu-item-description, .edit-link .post-edit-link, .features-post-title:before, .front-slider-block .lSAction > a:hover, .mt-live-link a, .mt-menu-search .mt-form-wrap .search-form .search-submit, .mt-related-post-title:before, .post-cats-list a, .reply .comment-reply-link, .top-featured-post-wrap .post-thumbnail .post-number, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_tag_cloud .tagcloud a:hover, article .post-thumbnail:before, article.sticky:before, div.mt-live-link a, input.search-submit { background-color: var(--href); } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, -.bttn:hover, -.mt-live-link a:focus, -.mt-live-link a:hover, -.navigation .nav-links a:hover, -.post-edit-link:hover, -button, -div.mt-live-link a:hover, -input.search-submit:hover, -input[type=button]:hover, -input[type=reset]:hover, -input[type=submit]:hover { +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .bttn:hover, .mt-live-link a:focus, .mt-live-link a:hover, .navigation .nav-links a:hover, .post-edit-link:hover, button, div.mt-live-link a:hover, input.search-submit:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { color: var(--text-color); background-color: var(--href-dark); } -div#bottom-footer, -div#page.site, -div#top-header.top-header-wrap.mt-clearfix { +div#bottom-footer, div#page.site, div#top-header.top-header-wrap.mt-clearfix { background-color: var(--background) !important; } @@ -131,8 +52,7 @@ div#top-header.top-header-wrap.mt-clearfix { } /*** Background End ***/ -#colophon, -.mt-social-menu-wrapper { +#colophon, .mt-social-menu-wrapper { border-top: 1px solid var(--href-dark); } @@ -148,12 +68,7 @@ p { font-size: 15px; } -h1, -h2, -h3, -h4, -h5, -h6 { +h1, h2, h3, h4, h5, h6 { clear: both; font-weight: 400; line-height: 1.5; @@ -162,43 +77,30 @@ h6 { color: var(--text-color); } -.entry-title, -.page-title, -b, -strong { +.entry-title, .page-title, b, strong { color: var(--text-color); font-weight: 600; } -.mt-disclaimer-text, -p em, -p i { +.mt-disclaimer-text, p em, p i { color: var(--text-color); font-family: var(--main-font); font-style: italic; } -p em a, -p i a { +p em a, p i a { color: #f5a9b8; font-family: var(--main-font); font-style: italic; } -p em a:hover, -p i a:hover { +p em a:hover, p i a:hover { color: #c48793; font-family: var(--main-font); font-style: italic; } -.mt-author-name a:hover, -.mt-author-website a:hover, -em a, -h3.entry-title a:active, -h3.entry-title a:hover, -i a, -section ul li a:hover { +.mt-author-name a:hover, .mt-author-website a:hover, em a, h3.entry-title a:active, h3.entry-title a:hover, i a, section ul li a:hover, .pojo-skip-link:focus { color: var(--href) !important; } @@ -213,18 +115,8 @@ textarea { width: 100%; } -input, -input#author, -input#email, -input#url, -input.search-field, -input[type=email], -input[type=password], -input[type=search], -input[type=text], -input[type=url], -p.comment-form-cookies-consent #wp-comment-cookies-consent { - color: var(--text-color); +input, input#author, input#email, input#url, input.search-field, input[type=email], input[type=password], input[type=search], input[type=text], input[type=url], p.comment-form-cookies-consent #wp-comment-cookies-consent { + color: var(--text-color) !important; background-color: var(--background-darker); border-bottom: none; border: none; @@ -294,24 +186,18 @@ body { font-family: var(--main-font); } -.btn-wrapper a, -.entry-footer .mt-readmore-btn, -.mt-readmore-btn { +.btn-wrapper a, .entry-footer .mt-readmore-btn, .mt-readmore-btn { display: inline-block; padding: 0; font-size: 14px; color: var(--text-color); } -.wp-block-code, -code { +.wp-block-code, code { background-color: #343434; } -#wpadminbar .ab-top-menu > li.hover > .ab-item, -#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { +#wpadminbar .ab-top-menu > li.hover > .ab-item, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { background: var(--background-darker); color: var(--href); } @@ -326,8 +212,7 @@ code { border-radius: 10px; } -#wpadminbar .menupop .ab-sub-wrapper, -#wpadminbar .shortlink-input { +#wpadminbar .menupop .ab-sub-wrapper, #wpadminbar .shortlink-input { margin: 0; padding: 0; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); @@ -337,30 +222,7 @@ code { float: none; } -#cancel-comment-reply-link:before, -#site-navigation li.menu-item-has-children > a:before, -#site-navigation li.page_item_has_children > a:before, -.edit-link .post-edit-link:before, -.nav-links .nav-next a:after, -.nav-links .nav-previous a:before, -.widget_archive a:before, -.widget_categories a:before, -.widget_meta a:before, -.widget_nav_menu li a:before, -.widget_pages li a:before, -.widget_recent_comments li:before, -.widget_recent_entries a:before, -.widget_rss li:before, -.wp-block-archives li a:before, -.wp-block-categories li a:before, -.wp-block-latest-comments li:before, -.wp-block-latest-posts li a:before, -.wp-block-page-list li a:before, -blockquote:after, -blockquote:before, -li.recentcomments:before, -q:after, -q:before { +#cancel-comment-reply-link:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a:before, .edit-link .post-edit-link:before, .nav-links .nav-next a:after, .nav-links .nav-previous a:before, .widget_archive a:before, .widget_categories a:before, .widget_meta a:before, .widget_nav_menu li a:before, .widget_pages li a:before, .widget_recent_comments li:before, .widget_recent_entries a:before, .widget_rss li:before, .wp-block-archives li a:before, .wp-block-categories li a:before, .wp-block-latest-comments li:before, .wp-block-latest-posts li a:before, .wp-block-page-list li a:before, blockquote:after, blockquote:before, li.recentcomments:before, q:after, q:before { font-family: ForkAwesome !important; color: var(--text-color); } @@ -373,58 +235,11 @@ q:before { transition: none; } -a:hover, -em a:active, -em a:focus, -em a:hover { +a:hover, em a:active, em a:focus, em a:hover, .pojo-skip-link:focus { color: var(--href); } -#cancel-comment-reply-link, -#cancel-comment-reply-link:before, -#footer-menu li a:hover, -#mt-scrollup:hover, -#site-navigation ul li.current-menu-ancestor > a, -#site-navigation ul li.current-menu-item > a, -#site-navigation ul li.current-menu-parent > a, -#site-navigation ul li.current_page_ancestor > a, -#site-navigation ul li.current_page_item > a, -#site-navigation ul li.focus > a, -#site-navigation ul li:hover > a, -#top-footer a:hover, -#top-navigation ul li a:hover, -.banner-sub-title, -.breadcrumbs .trail-items li a:hover, -.btn-wrapper a:hover, -.cat-links a:hover, -.color_blog_dark_latest_posts .mt-post-title a:hover, -.comment-author .fn .url:hover, -.commentmetadata .comment-edit-link, -.entry-cat .cat-links a:hover, -.entry-cat a:hover, -.entry-footer .mt-readmore-btn:hover, -.entry-footer a:hover, -.entry-meta a:hover, -.entry-title a:hover, -.front-slider-block .banner-title a:hover, -.front-slider-block .post-info-wrap .entry-title a:hover, -.has-thumbnail .post-info-wrap .entry-title a:hover, -.logged-in-as a, -.menu-toggle:hover, -.mt-readmore-btn:hover, -.mt-search-icon:hover, -.mt-social-icon-wrap li a:focus, -.mt-social-icon-wrap li a:hover, -.navigation.pagination .nav-links .page-numbers.current, -.navigation.pagination .nav-links a.page-numbers:hover, -.post-info-wrap .entry-meta a:hover, -.single .mt-single-related-posts .entry-title a:hover, -.widget a:hover, -.widget a:hover:before, -.widget li:hover:before, -.wrap-label i, -a, -a:focus { +#cancel-comment-reply-link, #cancel-comment-reply-link:before, #footer-menu li a:hover, #mt-scrollup:hover, #site-navigation ul li.current-menu-ancestor > a, #site-navigation ul li.current-menu-item > a, #site-navigation ul li.current-menu-parent > a, #site-navigation ul li.current_page_ancestor > a, #site-navigation ul li.current_page_item > a, #site-navigation ul li.focus > a, #site-navigation ul li:hover > a, #top-footer a:hover, #top-navigation ul li a:hover, .banner-sub-title, .breadcrumbs .trail-items li a:hover, .btn-wrapper a:hover, .cat-links a:hover, .color_blog_dark_latest_posts .mt-post-title a:hover, .comment-author .fn .url:hover, .commentmetadata .comment-edit-link, .entry-cat .cat-links a:hover, .entry-cat a:hover, .entry-footer .mt-readmore-btn:hover, .entry-footer a:hover, .entry-meta a:hover, .entry-title a:hover, .front-slider-block .banner-title a:hover, .front-slider-block .post-info-wrap .entry-title a:hover, .has-thumbnail .post-info-wrap .entry-title a:hover, .logged-in-as a, .menu-toggle:hover, .mt-readmore-btn:hover, .mt-search-icon:hover, .mt-social-icon-wrap li a:focus, .mt-social-icon-wrap li a:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .post-info-wrap .entry-meta a:hover, .single .mt-single-related-posts .entry-title a:hover, .widget a:hover, .widget a:hover:before, .widget li:hover:before, .wrap-label i, a, a:focus { color: var(--href); } @@ -432,15 +247,7 @@ a:focus { border-top-color: var(--href); } -.color_blog_dark_social_media a:hover, -.custom-header, -.error-404.not-found, -.navigation.pagination .nav-links .page-numbers.current, -.navigation.pagination .nav-links a.page-numbers:hover, -.widget.widget_tag_cloud a:hover, -.widget_search .search-submit, -.widget_search .search-submit:hover, -.widget_tag_cloud .tagcloud a:hover { +.color_blog_dark_social_media a:hover, .custom-header, .error-404.not-found, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_search .search-submit:hover, .widget_tag_cloud .tagcloud a:hover { border-color: var(--href); } @@ -448,8 +255,7 @@ a:focus { outline-color: var(--href); } -.entry-footer > span.tags-links a:hover, -ul.trail-items span { +.entry-footer > span.tags-links a:hover, ul.trail-items span { color: var(--href) !important; } @@ -457,15 +263,12 @@ ul.trail-items span:hover { color: var(--href-dark) !important; } -.mt-menu-search .mt-form-wrap .search-form .search-submit:hover, -.tagcloud a:hover, -.wp-block-search__button:hover { +.mt-menu-search .mt-form-wrap .search-form .search-submit:hover, .tagcloud a:hover, .wp-block-search__button:hover { border-radius: 0; background-color: var(--href-dark) !important; } -.mt-menu-search .mt-form-wrap .search-form .search-field, -textarea { +.mt-menu-search .mt-form-wrap .search-form .search-field, textarea { border: none !important; border-bottom: none !important; border-top: none !important; @@ -486,9 +289,7 @@ span.required { border: 1px var(--href) solid; } -.mt-live-link a:focus, -.mt-live-link a:hover, -.search article { +.mt-live-link a:focus, .mt-live-link a:hover, .search article, .pojo-skip-link:focus { box-shadow: none; } @@ -510,13 +311,7 @@ span.required { } } -#mt-scrollup, -.mt-author__avatar, -.mt-copyright-text, -.nav-links, -.post-thumbnail img, -.site-info, -.wp-block-image { +#mt-scrollup, .mt-author__avatar, .mt-copyright-text, .nav-links, .post-thumbnail img, .site-info, .wp-block-image { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; @@ -528,45 +323,24 @@ video { width: 100% !important; } -.bttn, -.navigation .nav-links a, -.search-submit, -.tagcloud a, -.wp-block-search__button, -button, -input.search-submit[type=submit], -input[type=button], -input[type=reset], -input[type=submit] { +.bttn, .navigation .nav-links a, .search-submit, .tagcloud a, .wp-block-search__button, button, input.search-submit[type=submit], input[type=button], input[type=reset], input[type=submit] { background-color: var(--href); border: none !important; - color: #fff !important; + color: var(--text-color) !important; } -.bttn, -.comment-reply-link, -.mt-menu-search .mt-form-wrap .search-form .search-field, -.navigation .nav-links a, -.page-numbers.current, -.tagcloud a:hover, -button, -input.search-submit, -input.search-submit:hover, -input[type=button], -input[type=reset], -input[type=submit], -textarea { +.bttn, .comment-reply-link, .mt-menu-search .mt-form-wrap .search-form .search-field, .navigation .nav-links a, .page-numbers.current, .tagcloud a:hover, button, input.search-submit, input.search-submit:hover, input[type=button], input[type=reset], input[type=submit], textarea { border-radius: 5px !important; } -img { +img, .pojo-skip-link { border-radius: 2px; } .page-numbers.current { background-color: var(--href-dark); border: none !important; - color: #fff !important; + color: var(--text-color) !important; } div#cwv3_dialog.cwv3_dialog.js { @@ -574,8 +348,7 @@ div#cwv3_dialog.cwv3_dialog.js { border-color: var(--background-darker) !important; } -.recentcomments, -.widget_recent_comments li { +.recentcomments, .widget_recent_comments li { display: block !important; } @@ -585,20 +358,23 @@ div#cwv3_dialog.cwv3_dialog.js { border: none; } -.screen-reader-text:active, -.screen-reader-text:focus, -.screen-reader-text:hover { +.screen-reader-text:active, .screen-reader-text:focus, .screen-reader-text:hover { background-color: var(--background) !important; box-shadow: none !important; color: var(--href) !important; } @media (max-width: 979px) { - #site-navigation ul li a, - .is-sticky #site-navigation ul li a { + #site-navigation ul li a, .is-sticky #site-navigation ul li a { border-bottom: 1px solid var(--href-dark); } } +#site-navigation ul li a.sub-toggle, #site-navigation ul li a.sub-toggle:hover { + background: var(--background) none repeat scroll 0 0; + color: var(--text-color); + border: none; +} + :root { --text-color:#fff; --background:#383C4A; diff --git a/css/discord-theme.css b/css/discord-theme.css index b623fdb..08a1250 100644 --- a/css/discord-theme.css +++ b/css/discord-theme.css @@ -3,118 +3,39 @@ background-color: var(--selector); } -::-webkit-scrollbar { +::-webkit-scrollbar, .comment-form-url { display: none; } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { border-color: var(--href); background-color: var(--background-darker); } -#site-navigation ul li a, -.byline a, -.entry-footer > span.tags-links, -.entry-footer > span.tags-links a, -.entry-title a, -.menu-toggle a, -.mt-author-bio, -.mt-author-website a, -.mt-related-post-title, -.mt-search-icon a, -.mt-social-menu-wrapper, -.page-title, -.posted-on time, -.site-info, -.tagcloud a:hover, -.tags-links a, -.widget-title, -a.comment-edit-link, -article.hentry .entry-footer > span, -body, -button, -h1.entry-title, -h2.entry-title a, -h3#reply-title.comment-reply-title, -hr, -input, -label, -li, -section ul li a, -select, -span.screen-reader-text, -textarea, -time, -ul#primary-menu.menu.nav-menu:after { +#site-navigation ul li a, .byline a, .entry-footer > span.tags-links, .entry-footer > span.tags-links a, .entry-title a, .menu-toggle a, .mt-author-bio, .mt-author-website a, .mt-related-post-title, .mt-search-icon a, .mt-social-menu-wrapper, .page-title, .posted-on time, .site-info, .tagcloud a:hover, .tags-links a, .widget-title, a.comment-edit-link, article.hentry .entry-footer > span, body, button, h1.entry-title, h2.entry-title a, h3#reply-title.comment-reply-title, hr, input, label, li, section ul li a, select, span.screen-reader-text, textarea, time, ul#primary-menu.menu.nav-menu:after { color: var(--text-color) !important; font-family: var(--main-font); } /*** Background Start ***/ -#site-navigation ul li a::after, -.front-slider-block .post-info-wrap .entry-meta .posted-on a:before, -.has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, -.posted-on a:before { +#site-navigation ul li a::after, .front-slider-block .post-info-wrap .entry-meta .posted-on a:before, .has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, .posted-on a:before { background-color: var(--text-color); } -#site-navigation, -.wp-comment-cookies-consent, -div#wpadminbar.nojq, -div.custom-header.no-bg-img, -div.cwv3_btns, -div.logo-ads-wrap, -div.mt-logo-row-wrapper.mt-clearfix, -div.site-branding, -div.sticky-wrapper, -footer#colophon.site-footer, -nav#site-navigation.main-navigation.isActive { +#site-navigation, .wp-comment-cookies-consent, div#wpadminbar.nojq, div.custom-header.no-bg-img, div.cwv3_btns, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, div.site-branding, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, .gdrf-success, .gdrf-errors, #site-navigation ul li .sub-menu, #site-navigation ul li .children { background-color: var(--background-darker) !important; } -#colophon .widget .widget-title:before, -#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, -#secondary .widget .widget-title:before, -#site-navigation .menu-item-description, -.edit-link .post-edit-link, -.features-post-title:before, -.front-slider-block .lSAction > a:hover, -.mt-live-link a, -.mt-menu-search .mt-form-wrap .search-form .search-submit, -.mt-related-post-title:before, -.post-cats-list a, -.reply .comment-reply-link, -.top-featured-post-wrap .post-thumbnail .post-number, -.widget.widget_tag_cloud a:hover, -.widget_search .search-submit, -.widget_tag_cloud .tagcloud a:hover, -article .post-thumbnail:before, -article.sticky:before, -div.mt-live-link a, -input.search-submit { +#colophon .widget .widget-title:before, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, #secondary .widget .widget-title:before, #site-navigation .menu-item-description, .edit-link .post-edit-link, .features-post-title:before, .front-slider-block .lSAction > a:hover, .mt-live-link a, .mt-menu-search .mt-form-wrap .search-form .search-submit, .mt-related-post-title:before, .post-cats-list a, .reply .comment-reply-link, .top-featured-post-wrap .post-thumbnail .post-number, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_tag_cloud .tagcloud a:hover, article .post-thumbnail:before, article.sticky:before, div.mt-live-link a, input.search-submit { background-color: var(--href); } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, -.bttn:hover, -.mt-live-link a:focus, -.mt-live-link a:hover, -.navigation .nav-links a:hover, -.post-edit-link:hover, -button, -div.mt-live-link a:hover, -input.search-submit:hover, -input[type=button]:hover, -input[type=reset]:hover, -input[type=submit]:hover { +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .bttn:hover, .mt-live-link a:focus, .mt-live-link a:hover, .navigation .nav-links a:hover, .post-edit-link:hover, button, div.mt-live-link a:hover, input.search-submit:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { color: var(--text-color); background-color: var(--href-dark); } -div#bottom-footer, -div#page.site, -div#top-header.top-header-wrap.mt-clearfix { +div#bottom-footer, div#page.site, div#top-header.top-header-wrap.mt-clearfix { background-color: var(--background) !important; } @@ -131,8 +52,7 @@ div#top-header.top-header-wrap.mt-clearfix { } /*** Background End ***/ -#colophon, -.mt-social-menu-wrapper { +#colophon, .mt-social-menu-wrapper { border-top: 1px solid var(--href-dark); } @@ -148,12 +68,7 @@ p { font-size: 15px; } -h1, -h2, -h3, -h4, -h5, -h6 { +h1, h2, h3, h4, h5, h6 { clear: both; font-weight: 400; line-height: 1.5; @@ -162,43 +77,30 @@ h6 { color: var(--text-color); } -.entry-title, -.page-title, -b, -strong { +.entry-title, .page-title, b, strong { color: var(--text-color); font-weight: 600; } -.mt-disclaimer-text, -p em, -p i { +.mt-disclaimer-text, p em, p i { color: var(--text-color); font-family: var(--main-font); font-style: italic; } -p em a, -p i a { +p em a, p i a { color: #f5a9b8; font-family: var(--main-font); font-style: italic; } -p em a:hover, -p i a:hover { +p em a:hover, p i a:hover { color: #c48793; font-family: var(--main-font); font-style: italic; } -.mt-author-name a:hover, -.mt-author-website a:hover, -em a, -h3.entry-title a:active, -h3.entry-title a:hover, -i a, -section ul li a:hover { +.mt-author-name a:hover, .mt-author-website a:hover, em a, h3.entry-title a:active, h3.entry-title a:hover, i a, section ul li a:hover, .pojo-skip-link:focus { color: var(--href) !important; } @@ -213,18 +115,8 @@ textarea { width: 100%; } -input, -input#author, -input#email, -input#url, -input.search-field, -input[type=email], -input[type=password], -input[type=search], -input[type=text], -input[type=url], -p.comment-form-cookies-consent #wp-comment-cookies-consent { - color: var(--text-color); +input, input#author, input#email, input#url, input.search-field, input[type=email], input[type=password], input[type=search], input[type=text], input[type=url], p.comment-form-cookies-consent #wp-comment-cookies-consent { + color: var(--text-color) !important; background-color: var(--background-darker); border-bottom: none; border: none; @@ -294,24 +186,18 @@ body { font-family: var(--main-font); } -.btn-wrapper a, -.entry-footer .mt-readmore-btn, -.mt-readmore-btn { +.btn-wrapper a, .entry-footer .mt-readmore-btn, .mt-readmore-btn { display: inline-block; padding: 0; font-size: 14px; color: var(--text-color); } -.wp-block-code, -code { +.wp-block-code, code { background-color: #343434; } -#wpadminbar .ab-top-menu > li.hover > .ab-item, -#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { +#wpadminbar .ab-top-menu > li.hover > .ab-item, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { background: var(--background-darker); color: var(--href); } @@ -326,8 +212,7 @@ code { border-radius: 10px; } -#wpadminbar .menupop .ab-sub-wrapper, -#wpadminbar .shortlink-input { +#wpadminbar .menupop .ab-sub-wrapper, #wpadminbar .shortlink-input { margin: 0; padding: 0; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); @@ -337,30 +222,7 @@ code { float: none; } -#cancel-comment-reply-link:before, -#site-navigation li.menu-item-has-children > a:before, -#site-navigation li.page_item_has_children > a:before, -.edit-link .post-edit-link:before, -.nav-links .nav-next a:after, -.nav-links .nav-previous a:before, -.widget_archive a:before, -.widget_categories a:before, -.widget_meta a:before, -.widget_nav_menu li a:before, -.widget_pages li a:before, -.widget_recent_comments li:before, -.widget_recent_entries a:before, -.widget_rss li:before, -.wp-block-archives li a:before, -.wp-block-categories li a:before, -.wp-block-latest-comments li:before, -.wp-block-latest-posts li a:before, -.wp-block-page-list li a:before, -blockquote:after, -blockquote:before, -li.recentcomments:before, -q:after, -q:before { +#cancel-comment-reply-link:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a:before, .edit-link .post-edit-link:before, .nav-links .nav-next a:after, .nav-links .nav-previous a:before, .widget_archive a:before, .widget_categories a:before, .widget_meta a:before, .widget_nav_menu li a:before, .widget_pages li a:before, .widget_recent_comments li:before, .widget_recent_entries a:before, .widget_rss li:before, .wp-block-archives li a:before, .wp-block-categories li a:before, .wp-block-latest-comments li:before, .wp-block-latest-posts li a:before, .wp-block-page-list li a:before, blockquote:after, blockquote:before, li.recentcomments:before, q:after, q:before { font-family: ForkAwesome !important; color: var(--text-color); } @@ -373,58 +235,11 @@ q:before { transition: none; } -a:hover, -em a:active, -em a:focus, -em a:hover { +a:hover, em a:active, em a:focus, em a:hover, .pojo-skip-link:focus { color: var(--href); } -#cancel-comment-reply-link, -#cancel-comment-reply-link:before, -#footer-menu li a:hover, -#mt-scrollup:hover, -#site-navigation ul li.current-menu-ancestor > a, -#site-navigation ul li.current-menu-item > a, -#site-navigation ul li.current-menu-parent > a, -#site-navigation ul li.current_page_ancestor > a, -#site-navigation ul li.current_page_item > a, -#site-navigation ul li.focus > a, -#site-navigation ul li:hover > a, -#top-footer a:hover, -#top-navigation ul li a:hover, -.banner-sub-title, -.breadcrumbs .trail-items li a:hover, -.btn-wrapper a:hover, -.cat-links a:hover, -.color_blog_dark_latest_posts .mt-post-title a:hover, -.comment-author .fn .url:hover, -.commentmetadata .comment-edit-link, -.entry-cat .cat-links a:hover, -.entry-cat a:hover, -.entry-footer .mt-readmore-btn:hover, -.entry-footer a:hover, -.entry-meta a:hover, -.entry-title a:hover, -.front-slider-block .banner-title a:hover, -.front-slider-block .post-info-wrap .entry-title a:hover, -.has-thumbnail .post-info-wrap .entry-title a:hover, -.logged-in-as a, -.menu-toggle:hover, -.mt-readmore-btn:hover, -.mt-search-icon:hover, -.mt-social-icon-wrap li a:focus, -.mt-social-icon-wrap li a:hover, -.navigation.pagination .nav-links .page-numbers.current, -.navigation.pagination .nav-links a.page-numbers:hover, -.post-info-wrap .entry-meta a:hover, -.single .mt-single-related-posts .entry-title a:hover, -.widget a:hover, -.widget a:hover:before, -.widget li:hover:before, -.wrap-label i, -a, -a:focus { +#cancel-comment-reply-link, #cancel-comment-reply-link:before, #footer-menu li a:hover, #mt-scrollup:hover, #site-navigation ul li.current-menu-ancestor > a, #site-navigation ul li.current-menu-item > a, #site-navigation ul li.current-menu-parent > a, #site-navigation ul li.current_page_ancestor > a, #site-navigation ul li.current_page_item > a, #site-navigation ul li.focus > a, #site-navigation ul li:hover > a, #top-footer a:hover, #top-navigation ul li a:hover, .banner-sub-title, .breadcrumbs .trail-items li a:hover, .btn-wrapper a:hover, .cat-links a:hover, .color_blog_dark_latest_posts .mt-post-title a:hover, .comment-author .fn .url:hover, .commentmetadata .comment-edit-link, .entry-cat .cat-links a:hover, .entry-cat a:hover, .entry-footer .mt-readmore-btn:hover, .entry-footer a:hover, .entry-meta a:hover, .entry-title a:hover, .front-slider-block .banner-title a:hover, .front-slider-block .post-info-wrap .entry-title a:hover, .has-thumbnail .post-info-wrap .entry-title a:hover, .logged-in-as a, .menu-toggle:hover, .mt-readmore-btn:hover, .mt-search-icon:hover, .mt-social-icon-wrap li a:focus, .mt-social-icon-wrap li a:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .post-info-wrap .entry-meta a:hover, .single .mt-single-related-posts .entry-title a:hover, .widget a:hover, .widget a:hover:before, .widget li:hover:before, .wrap-label i, a, a:focus { color: var(--href); } @@ -432,15 +247,7 @@ a:focus { border-top-color: var(--href); } -.color_blog_dark_social_media a:hover, -.custom-header, -.error-404.not-found, -.navigation.pagination .nav-links .page-numbers.current, -.navigation.pagination .nav-links a.page-numbers:hover, -.widget.widget_tag_cloud a:hover, -.widget_search .search-submit, -.widget_search .search-submit:hover, -.widget_tag_cloud .tagcloud a:hover { +.color_blog_dark_social_media a:hover, .custom-header, .error-404.not-found, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_search .search-submit:hover, .widget_tag_cloud .tagcloud a:hover { border-color: var(--href); } @@ -448,8 +255,7 @@ a:focus { outline-color: var(--href); } -.entry-footer > span.tags-links a:hover, -ul.trail-items span { +.entry-footer > span.tags-links a:hover, ul.trail-items span { color: var(--href) !important; } @@ -457,15 +263,12 @@ ul.trail-items span:hover { color: var(--href-dark) !important; } -.mt-menu-search .mt-form-wrap .search-form .search-submit:hover, -.tagcloud a:hover, -.wp-block-search__button:hover { +.mt-menu-search .mt-form-wrap .search-form .search-submit:hover, .tagcloud a:hover, .wp-block-search__button:hover { border-radius: 0; background-color: var(--href-dark) !important; } -.mt-menu-search .mt-form-wrap .search-form .search-field, -textarea { +.mt-menu-search .mt-form-wrap .search-form .search-field, textarea { border: none !important; border-bottom: none !important; border-top: none !important; @@ -486,9 +289,7 @@ span.required { border: 1px var(--href) solid; } -.mt-live-link a:focus, -.mt-live-link a:hover, -.search article { +.mt-live-link a:focus, .mt-live-link a:hover, .search article, .pojo-skip-link:focus { box-shadow: none; } @@ -510,13 +311,7 @@ span.required { } } -#mt-scrollup, -.mt-author__avatar, -.mt-copyright-text, -.nav-links, -.post-thumbnail img, -.site-info, -.wp-block-image { +#mt-scrollup, .mt-author__avatar, .mt-copyright-text, .nav-links, .post-thumbnail img, .site-info, .wp-block-image { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; @@ -528,45 +323,24 @@ video { width: 100% !important; } -.bttn, -.navigation .nav-links a, -.search-submit, -.tagcloud a, -.wp-block-search__button, -button, -input.search-submit[type=submit], -input[type=button], -input[type=reset], -input[type=submit] { +.bttn, .navigation .nav-links a, .search-submit, .tagcloud a, .wp-block-search__button, button, input.search-submit[type=submit], input[type=button], input[type=reset], input[type=submit] { background-color: var(--href); border: none !important; - color: #fff !important; + color: var(--text-color) !important; } -.bttn, -.comment-reply-link, -.mt-menu-search .mt-form-wrap .search-form .search-field, -.navigation .nav-links a, -.page-numbers.current, -.tagcloud a:hover, -button, -input.search-submit, -input.search-submit:hover, -input[type=button], -input[type=reset], -input[type=submit], -textarea { +.bttn, .comment-reply-link, .mt-menu-search .mt-form-wrap .search-form .search-field, .navigation .nav-links a, .page-numbers.current, .tagcloud a:hover, button, input.search-submit, input.search-submit:hover, input[type=button], input[type=reset], input[type=submit], textarea { border-radius: 5px !important; } -img { +img, .pojo-skip-link { border-radius: 2px; } .page-numbers.current { background-color: var(--href-dark); border: none !important; - color: #fff !important; + color: var(--text-color) !important; } div#cwv3_dialog.cwv3_dialog.js { @@ -574,8 +348,7 @@ div#cwv3_dialog.cwv3_dialog.js { border-color: var(--background-darker) !important; } -.recentcomments, -.widget_recent_comments li { +.recentcomments, .widget_recent_comments li { display: block !important; } @@ -585,20 +358,23 @@ div#cwv3_dialog.cwv3_dialog.js { border: none; } -.screen-reader-text:active, -.screen-reader-text:focus, -.screen-reader-text:hover { +.screen-reader-text:active, .screen-reader-text:focus, .screen-reader-text:hover { background-color: var(--background) !important; box-shadow: none !important; color: var(--href) !important; } @media (max-width: 979px) { - #site-navigation ul li a, - .is-sticky #site-navigation ul li a { + #site-navigation ul li a, .is-sticky #site-navigation ul li a { border-bottom: 1px solid var(--href-dark); } } +#site-navigation ul li a.sub-toggle, #site-navigation ul li a.sub-toggle:hover { + background: var(--background) none repeat scroll 0 0; + color: var(--text-color); + border: none; +} + :root { --text-color:#fff; --background:#2E3035; diff --git a/css/jse-theme.css b/css/jse-theme.css new file mode 100644 index 0000000..1c09f4a --- /dev/null +++ b/css/jse-theme.css @@ -0,0 +1,388 @@ +@import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); +::selection { + background-color: var(--selector); +} + +::-webkit-scrollbar, .comment-form-url { + display: none; +} + +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { + border-color: var(--href); + background-color: var(--background-darker); +} + +#site-navigation ul li a, .byline a, .entry-footer > span.tags-links, .entry-footer > span.tags-links a, .entry-title a, .menu-toggle a, .mt-author-bio, .mt-author-website a, .mt-related-post-title, .mt-search-icon a, .mt-social-menu-wrapper, .page-title, .posted-on time, .site-info, .tagcloud a:hover, .tags-links a, .widget-title, a.comment-edit-link, article.hentry .entry-footer > span, body, button, h1.entry-title, h2.entry-title a, h3#reply-title.comment-reply-title, hr, input, label, li, section ul li a, select, span.screen-reader-text, textarea, time, ul#primary-menu.menu.nav-menu:after { + color: var(--text-color) !important; + font-family: var(--main-font); +} + +/*** Background Start ***/ +#site-navigation ul li a::after, .front-slider-block .post-info-wrap .entry-meta .posted-on a:before, .has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, .posted-on a:before { + background-color: var(--text-color); +} + +#site-navigation, .wp-comment-cookies-consent, div#wpadminbar.nojq, div.custom-header.no-bg-img, div.cwv3_btns, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, div.site-branding, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, .gdrf-success, .gdrf-errors, #site-navigation ul li .sub-menu, #site-navigation ul li .children { + background-color: var(--background-darker) !important; +} + +#colophon .widget .widget-title:before, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, #secondary .widget .widget-title:before, #site-navigation .menu-item-description, .edit-link .post-edit-link, .features-post-title:before, .front-slider-block .lSAction > a:hover, .mt-live-link a, .mt-menu-search .mt-form-wrap .search-form .search-submit, .mt-related-post-title:before, .post-cats-list a, .reply .comment-reply-link, .top-featured-post-wrap .post-thumbnail .post-number, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_tag_cloud .tagcloud a:hover, article .post-thumbnail:before, article.sticky:before, div.mt-live-link a, input.search-submit { + background-color: var(--href); +} + +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .bttn:hover, .mt-live-link a:focus, .mt-live-link a:hover, .navigation .nav-links a:hover, .post-edit-link:hover, button, div.mt-live-link a:hover, input.search-submit:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { + color: var(--text-color); + background-color: var(--href-dark); +} + +div#bottom-footer, div#page.site, div#top-header.top-header-wrap.mt-clearfix { + background-color: var(--background) !important; +} + +.category-button[class*=cbd-cat-] a { + background-color: var(--href) !important; + color: var(--text-color); + border-radius: 2px; +} + +.category-button[class*=cbd-cat-] a:hover { + background-color: var(--href-dark) !important; + color: inherit; + border-radius: 2px; +} + +/*** Background End ***/ +#colophon, .mt-social-menu-wrapper { + border-top: 1px solid var(--href-dark); +} + +.is-sticky .mt-social-menu-wrapper { + background: var(--background-darker); + z-index: 9999; + box-shadow: none !important; +} + +p { + color: var(--text-color); + font-family: var(--main-font); + font-size: 15px; +} + +h1, h2, h3, h4, h5, h6 { + clear: both; + font-weight: 400; + line-height: 1.5; + margin-bottom: 15px; + font-family: var(--main-font); + color: var(--text-color); +} + +.entry-title, .page-title, b, strong { + color: var(--text-color); + font-weight: 600; +} + +.mt-disclaimer-text, p em, p i { + color: var(--text-color); + font-family: var(--main-font); + font-style: italic; +} + +p em a, p i a { + color: #f5a9b8; + font-family: var(--main-font); + font-style: italic; +} + +p em a:hover, p i a:hover { + color: #c48793; + font-family: var(--main-font); + font-style: italic; +} + +.mt-author-name a:hover, .mt-author-website a:hover, em a, h3.entry-title a:active, h3.entry-title a:hover, i a, section ul li a:hover, .pojo-skip-link:focus { + color: var(--href) !important; +} + +textarea { + overflow: auto; + padding-left: 3px; + vertical-align: top; + color: var(--text-color); + background-color: var(--background-darker); + height: 160px; + max-width: 100%; + width: 100%; +} + +input, input#author, input#email, input#url, input.search-field, input[type=email], input[type=password], input[type=search], input[type=text], input[type=url], p.comment-form-cookies-consent #wp-comment-cookies-consent { + color: var(--text-color) !important; + background-color: var(--background-darker); + border-bottom: none; + border: none; + border-radius: 2px; +} + +.search-no-results #primary .search-submit { + margin-top: 40px; + border: 0; + font-size: 20px; + color: var(--text-color); +} + +body { + font-weight: 400; + overflow: hidden; + position: relative; + line-height: 1.8; + background: var(--background); +} + +* { + cursor: var(--cursor), default !important; +} + +.site-title { + margin: 0; + font-family: var(--special-font); + line-height: 1.5; + font-weight: 1; + color: var(--text-color); + text-shadow: 0 0 3px var(--href-dark), 0 0 10px var(--href), 0 0 20px var(--href), 0 0 30px var(--href); +} + +.site-title a:hover { + color: var(--href); + cursor: url("data:image/webp;base64,UklGRkgDAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSHEBAAABkENtm2k738ze58ROKlSubNROdavYSW/bto3KrFLatm0be2a+rzjs0kbEBACxRb4GZlPz0R2QZxoAogwbx9amsEhH1KNd2VxDzo9pBCC2yN4gUL9e3E/B2Di2Ft0lf2xQOaBcu2Ez125ZdUYhePVGCtmrXVOQHo9Y/lrZgyi3sR3SrYfOXrN/ArYp8U6ZPnEu8aJI6cBNZY5HN4oMzgVmShIlR0n+X/haC4PlSZGicpOiC6TTIaCjSBWX9OoLVHyrUKygDzUAHJcvkpx2wqL8K4UiMag7ItT+KxZLfxvAoPp3kcUKrWFhr8gXh9S/OjARFigRixL0MA1YNPinIBZGJVqJCIgwVQlF5kcq6F9DWGTukvckmQcp7zUcEQAYYI3kHElREkmGRJoJg6wGKLkliYnzPgTvkiB9HoA8jUWqx5EvyvfN4pqweQARgBpdxm4+evnWrYuHF5ZUASIUGBlkRqmUBYDIoHBjY4usUWTw/wwAVlA4ILABAAAQCQCdASogACAAPl0kjkWjoiEb9AA4BcS2AE6ZjZEIwGeq/sBlpO8l+TlbEvIVvoHEC3gagHRwY/B2xe6y9F3KJmUjAchCd03m3WTJKM9lNj4A/v8r8P/Xx1meVrJSUMxTcc9AZUbxa7RBza8/X22RkP/ZT/WPJvC/31XXNWdX4IQcymLxSHwk/AOQot/Vy51SPpLByvi2Nw/WnY//Vvw5/K7sTv6L7lhx/paRR3x7/+tT8U7rqW3wZ27YUH+0pH8BfxU3qX+XPAYKa6+B7G4rKTErNTD8yHKRmzxi2SPCI+D3qFvHklOO5NEXQtwKgi/wwBymnoBsApVtopJHEfLWHvHs/Eu4wS6evuaq8pp+kHsTtkQg1Me+n5+IeVXrNyMhb46InSX+nR1VuVapmbHqeZ6IHBGivUs802afX4E4iF+92dw02gf5u/ohS9TFeaQxq5IRp7wmrHCYX+FN3B93Ku8jhEuLfGC7g5E85Eyxf5EGte35Fh7f69epPL/rnhnOP3JhPlxCEaAK0kD3Khpl3U+zmQunDE3bYwA+bicyd0CPQ4vqv92TaZ1G/TQAAAA="), default !important; +} + +.single .mt-author-box .mt-author-info .mt-author-name a { + font-family: var(--special-font); + color: var(--text-color); +} + +.error-num { + margin: 0; + font-family: var(--special-font); + line-height: 1.5; + font-weight: 1; +} + +.site-description { + margin: 0; + font-size: 15px; + font-family: var(--main-font); + line-height: 1.5; + font-weight: 1; + color: var(--text-color); +} + +.features-post-title { + font-size: 18px; + font-weight: 700; + margin-bottom: 25px; + position: relative; + padding-left: 40px; + font-family: var(--main-font); +} + +.btn-wrapper a, .entry-footer .mt-readmore-btn, .mt-readmore-btn { + display: inline-block; + padding: 0; + font-size: 14px; + color: var(--text-color); +} + +.wp-block-code, code { + background-color: #343434; +} + +#wpadminbar .ab-top-menu > li.hover > .ab-item, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { + background: var(--background-darker); + color: var(--href); +} + +#wpadminbar .quicklinks a span#ab-updates { + background: var(--background-darker); + color: #2c3338; + display: inline; + padding: 2px 5px; + font-size: 10px; + font-weight: 600; + border-radius: 10px; +} + +#wpadminbar .menupop .ab-sub-wrapper, #wpadminbar .shortlink-input { + margin: 0; + padding: 0; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); + background: var(--background-darker); + display: none; + position: absolute; + float: none; +} + +#cancel-comment-reply-link:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a:before, .edit-link .post-edit-link:before, .nav-links .nav-next a:after, .nav-links .nav-previous a:before, .widget_archive a:before, .widget_categories a:before, .widget_meta a:before, .widget_nav_menu li a:before, .widget_pages li a:before, .widget_recent_comments li:before, .widget_recent_entries a:before, .widget_rss li:before, .wp-block-archives li a:before, .wp-block-categories li a:before, .wp-block-latest-comments li:before, .wp-block-latest-posts li a:before, .wp-block-page-list li a:before, blockquote:after, blockquote:before, li.recentcomments:before, q:after, q:before { + font-family: ForkAwesome !important; + color: var(--text-color); +} + +#mt-scrollup:before { + content: "\f061"; + font-family: "ForkAwesome"; + -moz-transition: none; + -webkit-transition: none; + transition: none; +} + +a:hover, em a:active, em a:focus, em a:hover, .pojo-skip-link:focus { + color: var(--href); +} + +#cancel-comment-reply-link, #cancel-comment-reply-link:before, #footer-menu li a:hover, #mt-scrollup:hover, #site-navigation ul li.current-menu-ancestor > a, #site-navigation ul li.current-menu-item > a, #site-navigation ul li.current-menu-parent > a, #site-navigation ul li.current_page_ancestor > a, #site-navigation ul li.current_page_item > a, #site-navigation ul li.focus > a, #site-navigation ul li:hover > a, #top-footer a:hover, #top-navigation ul li a:hover, .banner-sub-title, .breadcrumbs .trail-items li a:hover, .btn-wrapper a:hover, .cat-links a:hover, .color_blog_dark_latest_posts .mt-post-title a:hover, .comment-author .fn .url:hover, .commentmetadata .comment-edit-link, .entry-cat .cat-links a:hover, .entry-cat a:hover, .entry-footer .mt-readmore-btn:hover, .entry-footer a:hover, .entry-meta a:hover, .entry-title a:hover, .front-slider-block .banner-title a:hover, .front-slider-block .post-info-wrap .entry-title a:hover, .has-thumbnail .post-info-wrap .entry-title a:hover, .logged-in-as a, .menu-toggle:hover, .mt-readmore-btn:hover, .mt-search-icon:hover, .mt-social-icon-wrap li a:focus, .mt-social-icon-wrap li a:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .post-info-wrap .entry-meta a:hover, .single .mt-single-related-posts .entry-title a:hover, .widget a:hover, .widget a:hover:before, .widget li:hover:before, .wrap-label i, a, a:focus { + color: var(--href); +} + +#site-navigation ul li[class*=cbd-cat-] .menu-item-description:after { + border-top-color: var(--href); +} + +.color_blog_dark_social_media a:hover, .custom-header, .error-404.not-found, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_search .search-submit:hover, .widget_tag_cloud .tagcloud a:hover { + border-color: var(--href); +} + +.mt-menu-search .mt-form-wrap .search-form .search-field:focus { + outline-color: var(--href); +} + +.entry-footer > span.tags-links a:hover, ul.trail-items span { + color: var(--href) !important; +} + +ul.trail-items span:hover { + color: var(--href-dark) !important; +} + +.mt-menu-search .mt-form-wrap .search-form .search-submit:hover, .tagcloud a:hover, .wp-block-search__button:hover { + border-radius: 0; + background-color: var(--href-dark) !important; +} + +.mt-menu-search .mt-form-wrap .search-form .search-field, textarea { + border: none !important; + border-bottom: none !important; + border-top: none !important; + border-left: none !important; + border-right: none !important; +} + +span.required { + color: red; +} + +.mt-author-box { + margin-top: 15px; +} + +.mt-author-box .mt-author__avatar img { + border-radius: 50% !important; + border: 1px var(--href) solid; +} + +.mt-live-link a:focus, .mt-live-link a:hover, .search article, .pojo-skip-link:focus { + box-shadow: none; +} + +.site-info { + float: unset; + text-align: center; +} + +.mt-copyright-text { + background-image: linear-gradient(to right, #E61D25, #F46F22, #F7924E, #E05AA3, #C34E95, #B21E6A); + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; + animation: gradientR 1000s linear infinite; +} +@keyframes gradientR { + to { + background-position: 4500vh; + } +} + +#mt-scrollup, .mt-author__avatar, .mt-copyright-text, .nav-links, .post-thumbnail img, .site-info, .wp-block-image { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +video { + max-width: 100%; + width: 100% !important; +} + +.bttn, .navigation .nav-links a, .search-submit, .tagcloud a, .wp-block-search__button, button, input.search-submit[type=submit], input[type=button], input[type=reset], input[type=submit] { + background-color: var(--href); + border: none !important; + color: var(--text-color) !important; +} + +.bttn, .comment-reply-link, .mt-menu-search .mt-form-wrap .search-form .search-field, .navigation .nav-links a, .page-numbers.current, .tagcloud a:hover, button, input.search-submit, input.search-submit:hover, input[type=button], input[type=reset], input[type=submit], textarea { + border-radius: 5px !important; +} + +img, .pojo-skip-link { + border-radius: 2px; +} + +.page-numbers.current { + background-color: var(--href-dark); + border: none !important; + color: var(--text-color) !important; +} + +div#cwv3_dialog.cwv3_dialog.js { + background-color: var(--background) !important; + border-color: var(--background-darker) !important; +} + +.recentcomments, .widget_recent_comments li { + display: block !important; +} + +.comment-author img { + border-radius: 50% !important; + padding: none; + border: none; +} + +.screen-reader-text:active, .screen-reader-text:focus, .screen-reader-text:hover { + background-color: var(--background) !important; + box-shadow: none !important; + color: var(--href) !important; +} + +@media (max-width: 979px) { + #site-navigation ul li a, .is-sticky #site-navigation ul li a { + border-bottom: 1px solid var(--href-dark); + } +} +#site-navigation ul li a.sub-toggle, #site-navigation ul li a.sub-toggle:hover { + background: var(--background) none repeat scroll 0 0; + color: var(--text-color); + border: none; +} + +:root { + --text-color: #fff; + --background: #191b19; + --background-darker: #000200; + --href: #19D73E; + --href-dark: #21C03C; + --selector: #rgb(29,93,156); + --main-font: "Oxygen",sans-serif; + --special-font: "Damion",handwriting; + --cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAAEEfUpiAAAACXBIWXMAAAsTAAALEwEAmpwYAAAJ70lEQVRYw61XC1SUVR6/wwwvGXCcJ/OegRlLCCkVn5mFlQlnxW3P6mlz29LcTpvlo8cqGJLmA82j+UgzFBQfSWiikk/CV6ng8FAhJEHBNEFARXnNN3N/e79PBkGstT17z7kz8H33/u///h+/329Iaf2dHeTBoUkltLkJnwMghFJKeodHQPvMKGgPeFNhRWy12W08Q+A7MMbdbTsxPimnukKbi4KKhQerL9bUWywWGCtjcQVIEx6aKkbAcISwQ+DFf/YPtero2qqmZv4lpehq00WpqMfOfiALUzAs+nmQnflUkmN1sY1m4J5XvBUp2XqKPjvpHZCl6TA4xNBsFFP2vJdnAbElzkRkmQ2mDB8qe+X9++ewlwlsioVrP2z4rrHCf+BzzFxLT8DVfUFS8TWnaoEEqmM29D2T1d0MM21QHY+nj02eDtmUJPQ8nI4FRTeFhZy7/RZkaabbbDbDEhICsnIvjA4CHfFtTbt8UwgU8fk2Gz7Tk+E95yv4LvoYhtMEshfG85EUCQs2l7eU2y7bYa56Qtgd9CV/KTzbcTPgsiimMJoOumCklqf93Y1AeoeTRcCuwEBZ65TSq/yu4e2Oi643t5FHHn02rIFmqBaawToaPNzPrdk+DSevI59/d6qmUezJxkPH/mt3xNeAlT1mE6d2lzeU388EiV/HcppNybJDIAeWca86Snnv/uLxbntl7X0DnlgOK9oDUeJGqnj5H9BbrBDCarNDGr8S5PMcmCrCqf0soardE/BdA63o4tWF280SJ0UCWZbJBU78CP0GDUZPmQzhT0TAf94GkIT1MF2KhLGAQJFJoJLqOCcw9WJji0Qw4Gz3YlxRPhTZyymZ+zW7wjcg7y6F/9wPYS4LgvokgWYngeFFGZ1WfLV7QH5pauOTN/GFy8Ncz13sC5MjAMEs4Xz7GQ4T6rdKAqmmd1u1Gwd+NyNLKm5BP+FdSKNioRw1Ec+s243MemclM6546shVUbeM7Lx6twm46kfIfFLX1CIgwR8afWZ8CuUXH6OoFUf5/8tvNf9+3h8cM49foapPCTXJ5dzg9fv4fM+/Z4A+mqGLTqTJhom54MHBVBulReA0GfeWo5o39JKncM7fbPptA2zBY5LRA6CKVlN1KuvD3UFUmxdO/U7FupefreHYe/W9dW7icv9GfPqnbEVwBqHGCyMgSVwIsmgHyGcHqM+GLBqYl4zcKpzn1+2obHj4tZKL6+7aynSUzGBlm/QFJn0UD03kAJCsEkrWFMBQZXGFHUvFzWakCIVHXeKOzY66ZvGtRiz0OTLJSVIP4fFgFbQ6nQAvoQoZyO4SBGZ/SfV5IgQdFnN/PXqej8+EzjEQ8UVC1m6GaGUWjQgPh9VqFWaIXguyvQCS5ZtgKpQgOFdEQycpEbJgHTqu4movnGdzfwbJKKB91HIoNRqE9Y2EVSkHST8C/68+FUpae5DA/Jqcjs36oQsyC9+pFbW/kNX73STzHPq/ORWasX8H2ZYP8t4SGCqHwFRwr5lCH+/lXlvdeKNLMC/daZVQJ6aGVMdxZCHrRH4mrQeZPA+G4tGQMS4KPkEQyNhPanmKZ5bYRmenQPKW2PSJKvgQfctDqbkyigHIUJh/lsGQT1hnMve/ITTkySC6oPL2b5fmG0UlGFvVn4adM0N/xgs6ttnIcEC5k1DLSCkdkZWPTgeSbnH4ttZdMGpxH1d0ZRQNPW9G2CkFjLP9qEKld84oucGWnZDwtNrqegg732hx8oASZ01aDdnIcQgaFAfzP5Pw7ukKPu+JnpQ3cQ8w3ObLDS2iD1dgfHY+DtSinC161fNuxU81XgKR8+PfOx69xf/IYEanxWXkQzNIzmk3EZc4xu7qnbgec8vrcZ0xGHtv86xtYpnz6IIWFob/i0PMiO/W6raLgZvHQRVH3Ga7jYaE2GA3BFONVsH5jxmP2N2F2HXFzWQOJnvOjNlfcT865J6m+p8dYhvfHJdTAN8ouUs3XEU1gzVQP62CakoAVazypoZ0MfRpxB2QruEse5YgwVGDS3X4lu2L8NhoaOU6ZA6r8T/mDHDOa1c9LVa+MwWqKIlLscyXatJZ82z3haGgL/TlEyA/Gk8DMpfQgIzV6LUnmYoPfMBJji/Ei0V52FZ2t5YdOB0o9xYMzv6Rxxevfb/WkYeWfefxa3ObByPHv3a6BJJUb7cpm2Fr+VD0ypoD8tZ8kFkrQBZvApmfwviWgdam70F2FVGSfoqSr/Ih3bvJLS2L4bRHkjCjsBaldTjI7A3soNy7rWJBS7FR3+rs6kxnFjxUjRO672cguGK4S7JoDQP2LSDJG9FneDTenvAKhkRFobfdBqtBD5s8CKqXX2eYXQay5QRz5BTVnH0foWU+VJ1POJ+DwzDkWA7Wl7XeZgd+DNwOEA6Jvx+NDkdqWQ+3P4iZUsZQdWuSW7Qgg4pS9sMQzkSCXoeQkNAOmLYy8W0JtSGUYb86ZjyLRgnIin3wSdnMRHk0g24vanR4UfMxCey5xC3/s4aT/S0BST83gAHh+wJ73265VzP8hwDpkUmCM6cbWvbLtzC4Xp7JkfW56DtyFP40+iUolCrY7XbYbExsm4wwWhnhaJRQ8aid4WDR2gbv5WtgqhzJNJQXc4Khd44Iyl2M8ScraLBU63xmbQbqgM+Ec+qaumrzhjbOqz0Kw6eeqWKKLouKU3Io2eagujGvYt7097A4KRFJ8TOxKGEW+tlCEPjmLEYZeSxNqUyHLYP84FswlqthbAfw4GwC9XZCrbFKGqQNo/86yeMcRvLn1LVyXl0c4GVm/z0lQqEUXUNGZGkWAr5bx5GluUyEs4js/Qnkm0JGcCdBMovYs+MgC1hRvrMQkg/mQH9uDFQOKfRMz/G31+eyCDAGUSb1gEEm5yIWp+EC8DVv/+28ai/XgwqM96aRc3mi8FTCmWp3WPHzGFgzlOoLX6eB22bBL3kOvBM/gc/8TyBd9QHUh15nsnUA9MU+CGaso81jB7Op3ccYaCuh8k/8YVbIOMucNchvxY8P0F/3luRl7qrSG4ITpbXY8OLZDIy99gQ3ojwSEcVamAsksBQRgZ1NjOJN+e1/s8n/OjEdZ9qZyaOgNBFM0UG0hy68bdwPAhkJec+puSvedDSv0w+kBwbfkozqPArWPtdxtW1E+WuY2PY0jbs2gMawn0Fh50IQVqxGn0IpzCe9oeVDfYiFeqeIqmb7wfxYgNvPPoQbffAcLnLIBS75tdvzeiSpyXt3+PodoS0ZGa2IWLwVQUTUYlHL3bZ+GmqP1VBLnJLaR/ek1v5Sl0avcAYZwtyql9/DmL0O7Kh3/soOeaNTuIWD7zwqPHfOD2M+HlLfKAMy9tyiJWlXGm+tu1TPpVTdbPn6RssvP7iQWw8k8zqYTX+PjWbO1dFirv9CUv8Bzb+PkAVQR3YAAAAASUVORK5CYII="); +} diff --git a/css/noctua-theme.css b/css/noctua-theme.css index 4ced93e..bf06e9f 100644 --- a/css/noctua-theme.css +++ b/css/noctua-theme.css @@ -3,118 +3,39 @@ background-color: var(--selector); } -::-webkit-scrollbar { +::-webkit-scrollbar, .comment-form-url { display: none; } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { border-color: var(--href); background-color: var(--background-darker); } -#site-navigation ul li a, -.byline a, -.entry-footer > span.tags-links, -.entry-footer > span.tags-links a, -.entry-title a, -.menu-toggle a, -.mt-author-bio, -.mt-author-website a, -.mt-related-post-title, -.mt-search-icon a, -.mt-social-menu-wrapper, -.page-title, -.posted-on time, -.site-info, -.tagcloud a:hover, -.tags-links a, -.widget-title, -a.comment-edit-link, -article.hentry .entry-footer > span, -body, -button, -h1.entry-title, -h2.entry-title a, -h3#reply-title.comment-reply-title, -hr, -input, -label, -li, -section ul li a, -select, -span.screen-reader-text, -textarea, -time, -ul#primary-menu.menu.nav-menu:after { +#site-navigation ul li a, .byline a, .entry-footer > span.tags-links, .entry-footer > span.tags-links a, .entry-title a, .menu-toggle a, .mt-author-bio, .mt-author-website a, .mt-related-post-title, .mt-search-icon a, .mt-social-menu-wrapper, .page-title, .posted-on time, .site-info, .tagcloud a:hover, .tags-links a, .widget-title, a.comment-edit-link, article.hentry .entry-footer > span, body, button, h1.entry-title, h2.entry-title a, h3#reply-title.comment-reply-title, hr, input, label, li, section ul li a, select, span.screen-reader-text, textarea, time, ul#primary-menu.menu.nav-menu:after { color: var(--text-color) !important; font-family: var(--main-font); } /*** Background Start ***/ -#site-navigation ul li a::after, -.front-slider-block .post-info-wrap .entry-meta .posted-on a:before, -.has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, -.posted-on a:before { +#site-navigation ul li a::after, .front-slider-block .post-info-wrap .entry-meta .posted-on a:before, .has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, .posted-on a:before { background-color: var(--text-color); } -#site-navigation, -.wp-comment-cookies-consent, -div#wpadminbar.nojq, -div.custom-header.no-bg-img, -div.cwv3_btns, -div.logo-ads-wrap, -div.mt-logo-row-wrapper.mt-clearfix, -div.site-branding, -div.sticky-wrapper, -footer#colophon.site-footer, -nav#site-navigation.main-navigation.isActive { +#site-navigation, .wp-comment-cookies-consent, div#wpadminbar.nojq, div.custom-header.no-bg-img, div.cwv3_btns, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, div.site-branding, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, .gdrf-success, .gdrf-errors, #site-navigation ul li .sub-menu, #site-navigation ul li .children { background-color: var(--background-darker) !important; } -#colophon .widget .widget-title:before, -#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, -#secondary .widget .widget-title:before, -#site-navigation .menu-item-description, -.edit-link .post-edit-link, -.features-post-title:before, -.front-slider-block .lSAction > a:hover, -.mt-live-link a, -.mt-menu-search .mt-form-wrap .search-form .search-submit, -.mt-related-post-title:before, -.post-cats-list a, -.reply .comment-reply-link, -.top-featured-post-wrap .post-thumbnail .post-number, -.widget.widget_tag_cloud a:hover, -.widget_search .search-submit, -.widget_tag_cloud .tagcloud a:hover, -article .post-thumbnail:before, -article.sticky:before, -div.mt-live-link a, -input.search-submit { +#colophon .widget .widget-title:before, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, #secondary .widget .widget-title:before, #site-navigation .menu-item-description, .edit-link .post-edit-link, .features-post-title:before, .front-slider-block .lSAction > a:hover, .mt-live-link a, .mt-menu-search .mt-form-wrap .search-form .search-submit, .mt-related-post-title:before, .post-cats-list a, .reply .comment-reply-link, .top-featured-post-wrap .post-thumbnail .post-number, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_tag_cloud .tagcloud a:hover, article .post-thumbnail:before, article.sticky:before, div.mt-live-link a, input.search-submit { background-color: var(--href); } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, -.bttn:hover, -.mt-live-link a:focus, -.mt-live-link a:hover, -.navigation .nav-links a:hover, -.post-edit-link:hover, -button, -div.mt-live-link a:hover, -input.search-submit:hover, -input[type=button]:hover, -input[type=reset]:hover, -input[type=submit]:hover { +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .bttn:hover, .mt-live-link a:focus, .mt-live-link a:hover, .navigation .nav-links a:hover, .post-edit-link:hover, button, div.mt-live-link a:hover, input.search-submit:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { color: var(--text-color); background-color: var(--href-dark); } -div#bottom-footer, -div#page.site, -div#top-header.top-header-wrap.mt-clearfix { +div#bottom-footer, div#page.site, div#top-header.top-header-wrap.mt-clearfix { background-color: var(--background) !important; } @@ -131,8 +52,7 @@ div#top-header.top-header-wrap.mt-clearfix { } /*** Background End ***/ -#colophon, -.mt-social-menu-wrapper { +#colophon, .mt-social-menu-wrapper { border-top: 1px solid var(--href-dark); } @@ -148,12 +68,7 @@ p { font-size: 15px; } -h1, -h2, -h3, -h4, -h5, -h6 { +h1, h2, h3, h4, h5, h6 { clear: both; font-weight: 400; line-height: 1.5; @@ -162,43 +77,30 @@ h6 { color: var(--text-color); } -.entry-title, -.page-title, -b, -strong { +.entry-title, .page-title, b, strong { color: var(--text-color); font-weight: 600; } -.mt-disclaimer-text, -p em, -p i { +.mt-disclaimer-text, p em, p i { color: var(--text-color); font-family: var(--main-font); font-style: italic; } -p em a, -p i a { +p em a, p i a { color: #f5a9b8; font-family: var(--main-font); font-style: italic; } -p em a:hover, -p i a:hover { +p em a:hover, p i a:hover { color: #c48793; font-family: var(--main-font); font-style: italic; } -.mt-author-name a:hover, -.mt-author-website a:hover, -em a, -h3.entry-title a:active, -h3.entry-title a:hover, -i a, -section ul li a:hover { +.mt-author-name a:hover, .mt-author-website a:hover, em a, h3.entry-title a:active, h3.entry-title a:hover, i a, section ul li a:hover, .pojo-skip-link:focus { color: var(--href) !important; } @@ -213,18 +115,8 @@ textarea { width: 100%; } -input, -input#author, -input#email, -input#url, -input.search-field, -input[type=email], -input[type=password], -input[type=search], -input[type=text], -input[type=url], -p.comment-form-cookies-consent #wp-comment-cookies-consent { - color: var(--text-color); +input, input#author, input#email, input#url, input.search-field, input[type=email], input[type=password], input[type=search], input[type=text], input[type=url], p.comment-form-cookies-consent #wp-comment-cookies-consent { + color: var(--text-color) !important; background-color: var(--background-darker); border-bottom: none; border: none; @@ -294,24 +186,18 @@ body { font-family: var(--main-font); } -.btn-wrapper a, -.entry-footer .mt-readmore-btn, -.mt-readmore-btn { +.btn-wrapper a, .entry-footer .mt-readmore-btn, .mt-readmore-btn { display: inline-block; padding: 0; font-size: 14px; color: var(--text-color); } -.wp-block-code, -code { +.wp-block-code, code { background-color: #343434; } -#wpadminbar .ab-top-menu > li.hover > .ab-item, -#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { +#wpadminbar .ab-top-menu > li.hover > .ab-item, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { background: var(--background-darker); color: var(--href); } @@ -326,8 +212,7 @@ code { border-radius: 10px; } -#wpadminbar .menupop .ab-sub-wrapper, -#wpadminbar .shortlink-input { +#wpadminbar .menupop .ab-sub-wrapper, #wpadminbar .shortlink-input { margin: 0; padding: 0; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); @@ -337,30 +222,7 @@ code { float: none; } -#cancel-comment-reply-link:before, -#site-navigation li.menu-item-has-children > a:before, -#site-navigation li.page_item_has_children > a:before, -.edit-link .post-edit-link:before, -.nav-links .nav-next a:after, -.nav-links .nav-previous a:before, -.widget_archive a:before, -.widget_categories a:before, -.widget_meta a:before, -.widget_nav_menu li a:before, -.widget_pages li a:before, -.widget_recent_comments li:before, -.widget_recent_entries a:before, -.widget_rss li:before, -.wp-block-archives li a:before, -.wp-block-categories li a:before, -.wp-block-latest-comments li:before, -.wp-block-latest-posts li a:before, -.wp-block-page-list li a:before, -blockquote:after, -blockquote:before, -li.recentcomments:before, -q:after, -q:before { +#cancel-comment-reply-link:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a:before, .edit-link .post-edit-link:before, .nav-links .nav-next a:after, .nav-links .nav-previous a:before, .widget_archive a:before, .widget_categories a:before, .widget_meta a:before, .widget_nav_menu li a:before, .widget_pages li a:before, .widget_recent_comments li:before, .widget_recent_entries a:before, .widget_rss li:before, .wp-block-archives li a:before, .wp-block-categories li a:before, .wp-block-latest-comments li:before, .wp-block-latest-posts li a:before, .wp-block-page-list li a:before, blockquote:after, blockquote:before, li.recentcomments:before, q:after, q:before { font-family: ForkAwesome !important; color: var(--text-color); } @@ -373,58 +235,11 @@ q:before { transition: none; } -a:hover, -em a:active, -em a:focus, -em a:hover { +a:hover, em a:active, em a:focus, em a:hover, .pojo-skip-link:focus { color: var(--href); } -#cancel-comment-reply-link, -#cancel-comment-reply-link:before, -#footer-menu li a:hover, -#mt-scrollup:hover, -#site-navigation ul li.current-menu-ancestor > a, -#site-navigation ul li.current-menu-item > a, -#site-navigation ul li.current-menu-parent > a, -#site-navigation ul li.current_page_ancestor > a, -#site-navigation ul li.current_page_item > a, -#site-navigation ul li.focus > a, -#site-navigation ul li:hover > a, -#top-footer a:hover, -#top-navigation ul li a:hover, -.banner-sub-title, -.breadcrumbs .trail-items li a:hover, -.btn-wrapper a:hover, -.cat-links a:hover, -.color_blog_dark_latest_posts .mt-post-title a:hover, -.comment-author .fn .url:hover, -.commentmetadata .comment-edit-link, -.entry-cat .cat-links a:hover, -.entry-cat a:hover, -.entry-footer .mt-readmore-btn:hover, -.entry-footer a:hover, -.entry-meta a:hover, -.entry-title a:hover, -.front-slider-block .banner-title a:hover, -.front-slider-block .post-info-wrap .entry-title a:hover, -.has-thumbnail .post-info-wrap .entry-title a:hover, -.logged-in-as a, -.menu-toggle:hover, -.mt-readmore-btn:hover, -.mt-search-icon:hover, -.mt-social-icon-wrap li a:focus, -.mt-social-icon-wrap li a:hover, -.navigation.pagination .nav-links .page-numbers.current, -.navigation.pagination .nav-links a.page-numbers:hover, -.post-info-wrap .entry-meta a:hover, -.single .mt-single-related-posts .entry-title a:hover, -.widget a:hover, -.widget a:hover:before, -.widget li:hover:before, -.wrap-label i, -a, -a:focus { +#cancel-comment-reply-link, #cancel-comment-reply-link:before, #footer-menu li a:hover, #mt-scrollup:hover, #site-navigation ul li.current-menu-ancestor > a, #site-navigation ul li.current-menu-item > a, #site-navigation ul li.current-menu-parent > a, #site-navigation ul li.current_page_ancestor > a, #site-navigation ul li.current_page_item > a, #site-navigation ul li.focus > a, #site-navigation ul li:hover > a, #top-footer a:hover, #top-navigation ul li a:hover, .banner-sub-title, .breadcrumbs .trail-items li a:hover, .btn-wrapper a:hover, .cat-links a:hover, .color_blog_dark_latest_posts .mt-post-title a:hover, .comment-author .fn .url:hover, .commentmetadata .comment-edit-link, .entry-cat .cat-links a:hover, .entry-cat a:hover, .entry-footer .mt-readmore-btn:hover, .entry-footer a:hover, .entry-meta a:hover, .entry-title a:hover, .front-slider-block .banner-title a:hover, .front-slider-block .post-info-wrap .entry-title a:hover, .has-thumbnail .post-info-wrap .entry-title a:hover, .logged-in-as a, .menu-toggle:hover, .mt-readmore-btn:hover, .mt-search-icon:hover, .mt-social-icon-wrap li a:focus, .mt-social-icon-wrap li a:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .post-info-wrap .entry-meta a:hover, .single .mt-single-related-posts .entry-title a:hover, .widget a:hover, .widget a:hover:before, .widget li:hover:before, .wrap-label i, a, a:focus { color: var(--href); } @@ -432,15 +247,7 @@ a:focus { border-top-color: var(--href); } -.color_blog_dark_social_media a:hover, -.custom-header, -.error-404.not-found, -.navigation.pagination .nav-links .page-numbers.current, -.navigation.pagination .nav-links a.page-numbers:hover, -.widget.widget_tag_cloud a:hover, -.widget_search .search-submit, -.widget_search .search-submit:hover, -.widget_tag_cloud .tagcloud a:hover { +.color_blog_dark_social_media a:hover, .custom-header, .error-404.not-found, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_search .search-submit:hover, .widget_tag_cloud .tagcloud a:hover { border-color: var(--href); } @@ -448,8 +255,7 @@ a:focus { outline-color: var(--href); } -.entry-footer > span.tags-links a:hover, -ul.trail-items span { +.entry-footer > span.tags-links a:hover, ul.trail-items span { color: var(--href) !important; } @@ -457,15 +263,12 @@ ul.trail-items span:hover { color: var(--href-dark) !important; } -.mt-menu-search .mt-form-wrap .search-form .search-submit:hover, -.tagcloud a:hover, -.wp-block-search__button:hover { +.mt-menu-search .mt-form-wrap .search-form .search-submit:hover, .tagcloud a:hover, .wp-block-search__button:hover { border-radius: 0; background-color: var(--href-dark) !important; } -.mt-menu-search .mt-form-wrap .search-form .search-field, -textarea { +.mt-menu-search .mt-form-wrap .search-form .search-field, textarea { border: none !important; border-bottom: none !important; border-top: none !important; @@ -486,9 +289,7 @@ span.required { border: 1px var(--href) solid; } -.mt-live-link a:focus, -.mt-live-link a:hover, -.search article { +.mt-live-link a:focus, .mt-live-link a:hover, .search article, .pojo-skip-link:focus { box-shadow: none; } @@ -510,13 +311,7 @@ span.required { } } -#mt-scrollup, -.mt-author__avatar, -.mt-copyright-text, -.nav-links, -.post-thumbnail img, -.site-info, -.wp-block-image { +#mt-scrollup, .mt-author__avatar, .mt-copyright-text, .nav-links, .post-thumbnail img, .site-info, .wp-block-image { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; @@ -528,45 +323,24 @@ video { width: 100% !important; } -.bttn, -.navigation .nav-links a, -.search-submit, -.tagcloud a, -.wp-block-search__button, -button, -input.search-submit[type=submit], -input[type=button], -input[type=reset], -input[type=submit] { +.bttn, .navigation .nav-links a, .search-submit, .tagcloud a, .wp-block-search__button, button, input.search-submit[type=submit], input[type=button], input[type=reset], input[type=submit] { background-color: var(--href); border: none !important; - color: #fff !important; + color: var(--text-color) !important; } -.bttn, -.comment-reply-link, -.mt-menu-search .mt-form-wrap .search-form .search-field, -.navigation .nav-links a, -.page-numbers.current, -.tagcloud a:hover, -button, -input.search-submit, -input.search-submit:hover, -input[type=button], -input[type=reset], -input[type=submit], -textarea { +.bttn, .comment-reply-link, .mt-menu-search .mt-form-wrap .search-form .search-field, .navigation .nav-links a, .page-numbers.current, .tagcloud a:hover, button, input.search-submit, input.search-submit:hover, input[type=button], input[type=reset], input[type=submit], textarea { border-radius: 5px !important; } -img { +img, .pojo-skip-link { border-radius: 2px; } .page-numbers.current { background-color: var(--href-dark); border: none !important; - color: #fff !important; + color: var(--text-color) !important; } div#cwv3_dialog.cwv3_dialog.js { @@ -574,8 +348,7 @@ div#cwv3_dialog.cwv3_dialog.js { border-color: var(--background-darker) !important; } -.recentcomments, -.widget_recent_comments li { +.recentcomments, .widget_recent_comments li { display: block !important; } @@ -585,20 +358,23 @@ div#cwv3_dialog.cwv3_dialog.js { border: none; } -.screen-reader-text:active, -.screen-reader-text:focus, -.screen-reader-text:hover { +.screen-reader-text:active, .screen-reader-text:focus, .screen-reader-text:hover { background-color: var(--background) !important; box-shadow: none !important; color: var(--href) !important; } @media (max-width: 979px) { - #site-navigation ul li a, - .is-sticky #site-navigation ul li a { + #site-navigation ul li a, .is-sticky #site-navigation ul li a { border-bottom: 1px solid var(--href-dark); } } +#site-navigation ul li a.sub-toggle, #site-navigation ul li a.sub-toggle:hover { + background: var(--background) none repeat scroll 0 0; + color: var(--text-color); + border: none; +} + :root { --text-color:#fff; --background:#653024; diff --git a/css/pink-theme.css b/css/pink-theme.css index 2c0898c..1403999 100644 --- a/css/pink-theme.css +++ b/css/pink-theme.css @@ -3,118 +3,39 @@ background-color: var(--selector); } -::-webkit-scrollbar { +::-webkit-scrollbar, .comment-form-url { display: none; } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { border-color: var(--href); background-color: var(--background-darker); } -#site-navigation ul li a, -.byline a, -.entry-footer > span.tags-links, -.entry-footer > span.tags-links a, -.entry-title a, -.menu-toggle a, -.mt-author-bio, -.mt-author-website a, -.mt-related-post-title, -.mt-search-icon a, -.mt-social-menu-wrapper, -.page-title, -.posted-on time, -.site-info, -.tagcloud a:hover, -.tags-links a, -.widget-title, -a.comment-edit-link, -article.hentry .entry-footer > span, -body, -button, -h1.entry-title, -h2.entry-title a, -h3#reply-title.comment-reply-title, -hr, -input, -label, -li, -section ul li a, -select, -span.screen-reader-text, -textarea, -time, -ul#primary-menu.menu.nav-menu:after { +#site-navigation ul li a, .byline a, .entry-footer > span.tags-links, .entry-footer > span.tags-links a, .entry-title a, .menu-toggle a, .mt-author-bio, .mt-author-website a, .mt-related-post-title, .mt-search-icon a, .mt-social-menu-wrapper, .page-title, .posted-on time, .site-info, .tagcloud a:hover, .tags-links a, .widget-title, a.comment-edit-link, article.hentry .entry-footer > span, body, button, h1.entry-title, h2.entry-title a, h3#reply-title.comment-reply-title, hr, input, label, li, section ul li a, select, span.screen-reader-text, textarea, time, ul#primary-menu.menu.nav-menu:after { color: var(--text-color) !important; font-family: var(--main-font); } /*** Background Start ***/ -#site-navigation ul li a::after, -.front-slider-block .post-info-wrap .entry-meta .posted-on a:before, -.has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, -.posted-on a:before { +#site-navigation ul li a::after, .front-slider-block .post-info-wrap .entry-meta .posted-on a:before, .has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, .posted-on a:before { background-color: var(--text-color); } -#site-navigation, -.wp-comment-cookies-consent, -div#wpadminbar.nojq, -div.custom-header.no-bg-img, -div.cwv3_btns, -div.logo-ads-wrap, -div.mt-logo-row-wrapper.mt-clearfix, -div.site-branding, -div.sticky-wrapper, -footer#colophon.site-footer, -nav#site-navigation.main-navigation.isActive { +#site-navigation, .wp-comment-cookies-consent, div#wpadminbar.nojq, div.custom-header.no-bg-img, div.cwv3_btns, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, div.site-branding, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, .gdrf-success, .gdrf-errors, #site-navigation ul li .sub-menu, #site-navigation ul li .children { background-color: var(--background-darker) !important; } -#colophon .widget .widget-title:before, -#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, -#secondary .widget .widget-title:before, -#site-navigation .menu-item-description, -.edit-link .post-edit-link, -.features-post-title:before, -.front-slider-block .lSAction > a:hover, -.mt-live-link a, -.mt-menu-search .mt-form-wrap .search-form .search-submit, -.mt-related-post-title:before, -.post-cats-list a, -.reply .comment-reply-link, -.top-featured-post-wrap .post-thumbnail .post-number, -.widget.widget_tag_cloud a:hover, -.widget_search .search-submit, -.widget_tag_cloud .tagcloud a:hover, -article .post-thumbnail:before, -article.sticky:before, -div.mt-live-link a, -input.search-submit { +#colophon .widget .widget-title:before, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, #secondary .widget .widget-title:before, #site-navigation .menu-item-description, .edit-link .post-edit-link, .features-post-title:before, .front-slider-block .lSAction > a:hover, .mt-live-link a, .mt-menu-search .mt-form-wrap .search-form .search-submit, .mt-related-post-title:before, .post-cats-list a, .reply .comment-reply-link, .top-featured-post-wrap .post-thumbnail .post-number, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_tag_cloud .tagcloud a:hover, article .post-thumbnail:before, article.sticky:before, div.mt-live-link a, input.search-submit { background-color: var(--href); } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, -.bttn:hover, -.mt-live-link a:focus, -.mt-live-link a:hover, -.navigation .nav-links a:hover, -.post-edit-link:hover, -button, -div.mt-live-link a:hover, -input.search-submit:hover, -input[type=button]:hover, -input[type=reset]:hover, -input[type=submit]:hover { +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .bttn:hover, .mt-live-link a:focus, .mt-live-link a:hover, .navigation .nav-links a:hover, .post-edit-link:hover, button, div.mt-live-link a:hover, input.search-submit:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { color: var(--text-color); background-color: var(--href-dark); } -div#bottom-footer, -div#page.site, -div#top-header.top-header-wrap.mt-clearfix { +div#bottom-footer, div#page.site, div#top-header.top-header-wrap.mt-clearfix { background-color: var(--background) !important; } @@ -131,8 +52,7 @@ div#top-header.top-header-wrap.mt-clearfix { } /*** Background End ***/ -#colophon, -.mt-social-menu-wrapper { +#colophon, .mt-social-menu-wrapper { border-top: 1px solid var(--href-dark); } @@ -148,12 +68,7 @@ p { font-size: 15px; } -h1, -h2, -h3, -h4, -h5, -h6 { +h1, h2, h3, h4, h5, h6 { clear: both; font-weight: 400; line-height: 1.5; @@ -162,43 +77,30 @@ h6 { color: var(--text-color); } -.entry-title, -.page-title, -b, -strong { +.entry-title, .page-title, b, strong { color: var(--text-color); font-weight: 600; } -.mt-disclaimer-text, -p em, -p i { +.mt-disclaimer-text, p em, p i { color: var(--text-color); font-family: var(--main-font); font-style: italic; } -p em a, -p i a { +p em a, p i a { color: #f5a9b8; font-family: var(--main-font); font-style: italic; } -p em a:hover, -p i a:hover { +p em a:hover, p i a:hover { color: #c48793; font-family: var(--main-font); font-style: italic; } -.mt-author-name a:hover, -.mt-author-website a:hover, -em a, -h3.entry-title a:active, -h3.entry-title a:hover, -i a, -section ul li a:hover { +.mt-author-name a:hover, .mt-author-website a:hover, em a, h3.entry-title a:active, h3.entry-title a:hover, i a, section ul li a:hover, .pojo-skip-link:focus { color: var(--href) !important; } @@ -213,18 +115,8 @@ textarea { width: 100%; } -input, -input#author, -input#email, -input#url, -input.search-field, -input[type=email], -input[type=password], -input[type=search], -input[type=text], -input[type=url], -p.comment-form-cookies-consent #wp-comment-cookies-consent { - color: var(--text-color); +input, input#author, input#email, input#url, input.search-field, input[type=email], input[type=password], input[type=search], input[type=text], input[type=url], p.comment-form-cookies-consent #wp-comment-cookies-consent { + color: var(--text-color) !important; background-color: var(--background-darker); border-bottom: none; border: none; @@ -294,24 +186,18 @@ body { font-family: var(--main-font); } -.btn-wrapper a, -.entry-footer .mt-readmore-btn, -.mt-readmore-btn { +.btn-wrapper a, .entry-footer .mt-readmore-btn, .mt-readmore-btn { display: inline-block; padding: 0; font-size: 14px; color: var(--text-color); } -.wp-block-code, -code { +.wp-block-code, code { background-color: #343434; } -#wpadminbar .ab-top-menu > li.hover > .ab-item, -#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { +#wpadminbar .ab-top-menu > li.hover > .ab-item, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { background: var(--background-darker); color: var(--href); } @@ -326,8 +212,7 @@ code { border-radius: 10px; } -#wpadminbar .menupop .ab-sub-wrapper, -#wpadminbar .shortlink-input { +#wpadminbar .menupop .ab-sub-wrapper, #wpadminbar .shortlink-input { margin: 0; padding: 0; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); @@ -337,30 +222,7 @@ code { float: none; } -#cancel-comment-reply-link:before, -#site-navigation li.menu-item-has-children > a:before, -#site-navigation li.page_item_has_children > a:before, -.edit-link .post-edit-link:before, -.nav-links .nav-next a:after, -.nav-links .nav-previous a:before, -.widget_archive a:before, -.widget_categories a:before, -.widget_meta a:before, -.widget_nav_menu li a:before, -.widget_pages li a:before, -.widget_recent_comments li:before, -.widget_recent_entries a:before, -.widget_rss li:before, -.wp-block-archives li a:before, -.wp-block-categories li a:before, -.wp-block-latest-comments li:before, -.wp-block-latest-posts li a:before, -.wp-block-page-list li a:before, -blockquote:after, -blockquote:before, -li.recentcomments:before, -q:after, -q:before { +#cancel-comment-reply-link:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a:before, .edit-link .post-edit-link:before, .nav-links .nav-next a:after, .nav-links .nav-previous a:before, .widget_archive a:before, .widget_categories a:before, .widget_meta a:before, .widget_nav_menu li a:before, .widget_pages li a:before, .widget_recent_comments li:before, .widget_recent_entries a:before, .widget_rss li:before, .wp-block-archives li a:before, .wp-block-categories li a:before, .wp-block-latest-comments li:before, .wp-block-latest-posts li a:before, .wp-block-page-list li a:before, blockquote:after, blockquote:before, li.recentcomments:before, q:after, q:before { font-family: ForkAwesome !important; color: var(--text-color); } @@ -373,58 +235,11 @@ q:before { transition: none; } -a:hover, -em a:active, -em a:focus, -em a:hover { +a:hover, em a:active, em a:focus, em a:hover, .pojo-skip-link:focus { color: var(--href); } -#cancel-comment-reply-link, -#cancel-comment-reply-link:before, -#footer-menu li a:hover, -#mt-scrollup:hover, -#site-navigation ul li.current-menu-ancestor > a, -#site-navigation ul li.current-menu-item > a, -#site-navigation ul li.current-menu-parent > a, -#site-navigation ul li.current_page_ancestor > a, -#site-navigation ul li.current_page_item > a, -#site-navigation ul li.focus > a, -#site-navigation ul li:hover > a, -#top-footer a:hover, -#top-navigation ul li a:hover, -.banner-sub-title, -.breadcrumbs .trail-items li a:hover, -.btn-wrapper a:hover, -.cat-links a:hover, -.color_blog_dark_latest_posts .mt-post-title a:hover, -.comment-author .fn .url:hover, -.commentmetadata .comment-edit-link, -.entry-cat .cat-links a:hover, -.entry-cat a:hover, -.entry-footer .mt-readmore-btn:hover, -.entry-footer a:hover, -.entry-meta a:hover, -.entry-title a:hover, -.front-slider-block .banner-title a:hover, -.front-slider-block .post-info-wrap .entry-title a:hover, -.has-thumbnail .post-info-wrap .entry-title a:hover, -.logged-in-as a, -.menu-toggle:hover, -.mt-readmore-btn:hover, -.mt-search-icon:hover, -.mt-social-icon-wrap li a:focus, -.mt-social-icon-wrap li a:hover, -.navigation.pagination .nav-links .page-numbers.current, -.navigation.pagination .nav-links a.page-numbers:hover, -.post-info-wrap .entry-meta a:hover, -.single .mt-single-related-posts .entry-title a:hover, -.widget a:hover, -.widget a:hover:before, -.widget li:hover:before, -.wrap-label i, -a, -a:focus { +#cancel-comment-reply-link, #cancel-comment-reply-link:before, #footer-menu li a:hover, #mt-scrollup:hover, #site-navigation ul li.current-menu-ancestor > a, #site-navigation ul li.current-menu-item > a, #site-navigation ul li.current-menu-parent > a, #site-navigation ul li.current_page_ancestor > a, #site-navigation ul li.current_page_item > a, #site-navigation ul li.focus > a, #site-navigation ul li:hover > a, #top-footer a:hover, #top-navigation ul li a:hover, .banner-sub-title, .breadcrumbs .trail-items li a:hover, .btn-wrapper a:hover, .cat-links a:hover, .color_blog_dark_latest_posts .mt-post-title a:hover, .comment-author .fn .url:hover, .commentmetadata .comment-edit-link, .entry-cat .cat-links a:hover, .entry-cat a:hover, .entry-footer .mt-readmore-btn:hover, .entry-footer a:hover, .entry-meta a:hover, .entry-title a:hover, .front-slider-block .banner-title a:hover, .front-slider-block .post-info-wrap .entry-title a:hover, .has-thumbnail .post-info-wrap .entry-title a:hover, .logged-in-as a, .menu-toggle:hover, .mt-readmore-btn:hover, .mt-search-icon:hover, .mt-social-icon-wrap li a:focus, .mt-social-icon-wrap li a:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .post-info-wrap .entry-meta a:hover, .single .mt-single-related-posts .entry-title a:hover, .widget a:hover, .widget a:hover:before, .widget li:hover:before, .wrap-label i, a, a:focus { color: var(--href); } @@ -432,15 +247,7 @@ a:focus { border-top-color: var(--href); } -.color_blog_dark_social_media a:hover, -.custom-header, -.error-404.not-found, -.navigation.pagination .nav-links .page-numbers.current, -.navigation.pagination .nav-links a.page-numbers:hover, -.widget.widget_tag_cloud a:hover, -.widget_search .search-submit, -.widget_search .search-submit:hover, -.widget_tag_cloud .tagcloud a:hover { +.color_blog_dark_social_media a:hover, .custom-header, .error-404.not-found, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_search .search-submit:hover, .widget_tag_cloud .tagcloud a:hover { border-color: var(--href); } @@ -448,8 +255,7 @@ a:focus { outline-color: var(--href); } -.entry-footer > span.tags-links a:hover, -ul.trail-items span { +.entry-footer > span.tags-links a:hover, ul.trail-items span { color: var(--href) !important; } @@ -457,15 +263,12 @@ ul.trail-items span:hover { color: var(--href-dark) !important; } -.mt-menu-search .mt-form-wrap .search-form .search-submit:hover, -.tagcloud a:hover, -.wp-block-search__button:hover { +.mt-menu-search .mt-form-wrap .search-form .search-submit:hover, .tagcloud a:hover, .wp-block-search__button:hover { border-radius: 0; background-color: var(--href-dark) !important; } -.mt-menu-search .mt-form-wrap .search-form .search-field, -textarea { +.mt-menu-search .mt-form-wrap .search-form .search-field, textarea { border: none !important; border-bottom: none !important; border-top: none !important; @@ -486,9 +289,7 @@ span.required { border: 1px var(--href) solid; } -.mt-live-link a:focus, -.mt-live-link a:hover, -.search article { +.mt-live-link a:focus, .mt-live-link a:hover, .search article, .pojo-skip-link:focus { box-shadow: none; } @@ -510,13 +311,7 @@ span.required { } } -#mt-scrollup, -.mt-author__avatar, -.mt-copyright-text, -.nav-links, -.post-thumbnail img, -.site-info, -.wp-block-image { +#mt-scrollup, .mt-author__avatar, .mt-copyright-text, .nav-links, .post-thumbnail img, .site-info, .wp-block-image { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; @@ -528,45 +323,24 @@ video { width: 100% !important; } -.bttn, -.navigation .nav-links a, -.search-submit, -.tagcloud a, -.wp-block-search__button, -button, -input.search-submit[type=submit], -input[type=button], -input[type=reset], -input[type=submit] { +.bttn, .navigation .nav-links a, .search-submit, .tagcloud a, .wp-block-search__button, button, input.search-submit[type=submit], input[type=button], input[type=reset], input[type=submit] { background-color: var(--href); border: none !important; - color: #fff !important; + color: var(--text-color) !important; } -.bttn, -.comment-reply-link, -.mt-menu-search .mt-form-wrap .search-form .search-field, -.navigation .nav-links a, -.page-numbers.current, -.tagcloud a:hover, -button, -input.search-submit, -input.search-submit:hover, -input[type=button], -input[type=reset], -input[type=submit], -textarea { +.bttn, .comment-reply-link, .mt-menu-search .mt-form-wrap .search-form .search-field, .navigation .nav-links a, .page-numbers.current, .tagcloud a:hover, button, input.search-submit, input.search-submit:hover, input[type=button], input[type=reset], input[type=submit], textarea { border-radius: 5px !important; } -img { +img, .pojo-skip-link { border-radius: 2px; } .page-numbers.current { background-color: var(--href-dark); border: none !important; - color: #fff !important; + color: var(--text-color) !important; } div#cwv3_dialog.cwv3_dialog.js { @@ -574,8 +348,7 @@ div#cwv3_dialog.cwv3_dialog.js { border-color: var(--background-darker) !important; } -.recentcomments, -.widget_recent_comments li { +.recentcomments, .widget_recent_comments li { display: block !important; } @@ -585,20 +358,23 @@ div#cwv3_dialog.cwv3_dialog.js { border: none; } -.screen-reader-text:active, -.screen-reader-text:focus, -.screen-reader-text:hover { +.screen-reader-text:active, .screen-reader-text:focus, .screen-reader-text:hover { background-color: var(--background) !important; box-shadow: none !important; color: var(--href) !important; } @media (max-width: 979px) { - #site-navigation ul li a, - .is-sticky #site-navigation ul li a { + #site-navigation ul li a, .is-sticky #site-navigation ul li a { border-bottom: 1px solid var(--href-dark); } } +#site-navigation ul li a.sub-toggle, #site-navigation ul li a.sub-toggle:hover { + background: var(--background) none repeat scroll 0 0; + color: var(--text-color); + border: none; +} + :root { --text-color: #fff; --background: #191919; diff --git a/css/purple-theme.css b/css/purple-theme.css index dbd6bbb..603272d 100644 --- a/css/purple-theme.css +++ b/css/purple-theme.css @@ -3,118 +3,39 @@ background-color: var(--selector); } -::-webkit-scrollbar { +::-webkit-scrollbar, .comment-form-url { display: none; } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { border-color: var(--href); background-color: var(--background-darker); } -#site-navigation ul li a, -.byline a, -.entry-footer > span.tags-links, -.entry-footer > span.tags-links a, -.entry-title a, -.menu-toggle a, -.mt-author-bio, -.mt-author-website a, -.mt-related-post-title, -.mt-search-icon a, -.mt-social-menu-wrapper, -.page-title, -.posted-on time, -.site-info, -.tagcloud a:hover, -.tags-links a, -.widget-title, -a.comment-edit-link, -article.hentry .entry-footer > span, -body, -button, -h1.entry-title, -h2.entry-title a, -h3#reply-title.comment-reply-title, -hr, -input, -label, -li, -section ul li a, -select, -span.screen-reader-text, -textarea, -time, -ul#primary-menu.menu.nav-menu:after { +#site-navigation ul li a, .byline a, .entry-footer > span.tags-links, .entry-footer > span.tags-links a, .entry-title a, .menu-toggle a, .mt-author-bio, .mt-author-website a, .mt-related-post-title, .mt-search-icon a, .mt-social-menu-wrapper, .page-title, .posted-on time, .site-info, .tagcloud a:hover, .tags-links a, .widget-title, a.comment-edit-link, article.hentry .entry-footer > span, body, button, h1.entry-title, h2.entry-title a, h3#reply-title.comment-reply-title, hr, input, label, li, section ul li a, select, span.screen-reader-text, textarea, time, ul#primary-menu.menu.nav-menu:after { color: var(--text-color) !important; font-family: var(--main-font); } /*** Background Start ***/ -#site-navigation ul li a::after, -.front-slider-block .post-info-wrap .entry-meta .posted-on a:before, -.has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, -.posted-on a:before { +#site-navigation ul li a::after, .front-slider-block .post-info-wrap .entry-meta .posted-on a:before, .has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, .posted-on a:before { background-color: var(--text-color); } -#site-navigation, -.wp-comment-cookies-consent, -div#wpadminbar.nojq, -div.custom-header.no-bg-img, -div.cwv3_btns, -div.logo-ads-wrap, -div.mt-logo-row-wrapper.mt-clearfix, -div.site-branding, -div.sticky-wrapper, -footer#colophon.site-footer, -nav#site-navigation.main-navigation.isActive { +#site-navigation, .wp-comment-cookies-consent, div#wpadminbar.nojq, div.custom-header.no-bg-img, div.cwv3_btns, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, div.site-branding, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, .gdrf-success, .gdrf-errors, #site-navigation ul li .sub-menu, #site-navigation ul li .children { background-color: var(--background-darker) !important; } -#colophon .widget .widget-title:before, -#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, -#secondary .widget .widget-title:before, -#site-navigation .menu-item-description, -.edit-link .post-edit-link, -.features-post-title:before, -.front-slider-block .lSAction > a:hover, -.mt-live-link a, -.mt-menu-search .mt-form-wrap .search-form .search-submit, -.mt-related-post-title:before, -.post-cats-list a, -.reply .comment-reply-link, -.top-featured-post-wrap .post-thumbnail .post-number, -.widget.widget_tag_cloud a:hover, -.widget_search .search-submit, -.widget_tag_cloud .tagcloud a:hover, -article .post-thumbnail:before, -article.sticky:before, -div.mt-live-link a, -input.search-submit { +#colophon .widget .widget-title:before, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, #secondary .widget .widget-title:before, #site-navigation .menu-item-description, .edit-link .post-edit-link, .features-post-title:before, .front-slider-block .lSAction > a:hover, .mt-live-link a, .mt-menu-search .mt-form-wrap .search-form .search-submit, .mt-related-post-title:before, .post-cats-list a, .reply .comment-reply-link, .top-featured-post-wrap .post-thumbnail .post-number, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_tag_cloud .tagcloud a:hover, article .post-thumbnail:before, article.sticky:before, div.mt-live-link a, input.search-submit { background-color: var(--href); } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, -.bttn:hover, -.mt-live-link a:focus, -.mt-live-link a:hover, -.navigation .nav-links a:hover, -.post-edit-link:hover, -button, -div.mt-live-link a:hover, -input.search-submit:hover, -input[type=button]:hover, -input[type=reset]:hover, -input[type=submit]:hover { +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .bttn:hover, .mt-live-link a:focus, .mt-live-link a:hover, .navigation .nav-links a:hover, .post-edit-link:hover, button, div.mt-live-link a:hover, input.search-submit:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { color: var(--text-color); background-color: var(--href-dark); } -div#bottom-footer, -div#page.site, -div#top-header.top-header-wrap.mt-clearfix { +div#bottom-footer, div#page.site, div#top-header.top-header-wrap.mt-clearfix { background-color: var(--background) !important; } @@ -131,8 +52,7 @@ div#top-header.top-header-wrap.mt-clearfix { } /*** Background End ***/ -#colophon, -.mt-social-menu-wrapper { +#colophon, .mt-social-menu-wrapper { border-top: 1px solid var(--href-dark); } @@ -148,12 +68,7 @@ p { font-size: 15px; } -h1, -h2, -h3, -h4, -h5, -h6 { +h1, h2, h3, h4, h5, h6 { clear: both; font-weight: 400; line-height: 1.5; @@ -162,43 +77,30 @@ h6 { color: var(--text-color); } -.entry-title, -.page-title, -b, -strong { +.entry-title, .page-title, b, strong { color: var(--text-color); font-weight: 600; } -.mt-disclaimer-text, -p em, -p i { +.mt-disclaimer-text, p em, p i { color: var(--text-color); font-family: var(--main-font); font-style: italic; } -p em a, -p i a { +p em a, p i a { color: #f5a9b8; font-family: var(--main-font); font-style: italic; } -p em a:hover, -p i a:hover { +p em a:hover, p i a:hover { color: #c48793; font-family: var(--main-font); font-style: italic; } -.mt-author-name a:hover, -.mt-author-website a:hover, -em a, -h3.entry-title a:active, -h3.entry-title a:hover, -i a, -section ul li a:hover { +.mt-author-name a:hover, .mt-author-website a:hover, em a, h3.entry-title a:active, h3.entry-title a:hover, i a, section ul li a:hover, .pojo-skip-link:focus { color: var(--href) !important; } @@ -213,18 +115,8 @@ textarea { width: 100%; } -input, -input#author, -input#email, -input#url, -input.search-field, -input[type=email], -input[type=password], -input[type=search], -input[type=text], -input[type=url], -p.comment-form-cookies-consent #wp-comment-cookies-consent { - color: var(--text-color); +input, input#author, input#email, input#url, input.search-field, input[type=email], input[type=password], input[type=search], input[type=text], input[type=url], p.comment-form-cookies-consent #wp-comment-cookies-consent { + color: var(--text-color) !important; background-color: var(--background-darker); border-bottom: none; border: none; @@ -294,24 +186,18 @@ body { font-family: var(--main-font); } -.btn-wrapper a, -.entry-footer .mt-readmore-btn, -.mt-readmore-btn { +.btn-wrapper a, .entry-footer .mt-readmore-btn, .mt-readmore-btn { display: inline-block; padding: 0; font-size: 14px; color: var(--text-color); } -.wp-block-code, -code { +.wp-block-code, code { background-color: #343434; } -#wpadminbar .ab-top-menu > li.hover > .ab-item, -#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { +#wpadminbar .ab-top-menu > li.hover > .ab-item, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { background: var(--background-darker); color: var(--href); } @@ -326,8 +212,7 @@ code { border-radius: 10px; } -#wpadminbar .menupop .ab-sub-wrapper, -#wpadminbar .shortlink-input { +#wpadminbar .menupop .ab-sub-wrapper, #wpadminbar .shortlink-input { margin: 0; padding: 0; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); @@ -337,30 +222,7 @@ code { float: none; } -#cancel-comment-reply-link:before, -#site-navigation li.menu-item-has-children > a:before, -#site-navigation li.page_item_has_children > a:before, -.edit-link .post-edit-link:before, -.nav-links .nav-next a:after, -.nav-links .nav-previous a:before, -.widget_archive a:before, -.widget_categories a:before, -.widget_meta a:before, -.widget_nav_menu li a:before, -.widget_pages li a:before, -.widget_recent_comments li:before, -.widget_recent_entries a:before, -.widget_rss li:before, -.wp-block-archives li a:before, -.wp-block-categories li a:before, -.wp-block-latest-comments li:before, -.wp-block-latest-posts li a:before, -.wp-block-page-list li a:before, -blockquote:after, -blockquote:before, -li.recentcomments:before, -q:after, -q:before { +#cancel-comment-reply-link:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a:before, .edit-link .post-edit-link:before, .nav-links .nav-next a:after, .nav-links .nav-previous a:before, .widget_archive a:before, .widget_categories a:before, .widget_meta a:before, .widget_nav_menu li a:before, .widget_pages li a:before, .widget_recent_comments li:before, .widget_recent_entries a:before, .widget_rss li:before, .wp-block-archives li a:before, .wp-block-categories li a:before, .wp-block-latest-comments li:before, .wp-block-latest-posts li a:before, .wp-block-page-list li a:before, blockquote:after, blockquote:before, li.recentcomments:before, q:after, q:before { font-family: ForkAwesome !important; color: var(--text-color); } @@ -373,58 +235,11 @@ q:before { transition: none; } -a:hover, -em a:active, -em a:focus, -em a:hover { +a:hover, em a:active, em a:focus, em a:hover, .pojo-skip-link:focus { color: var(--href); } -#cancel-comment-reply-link, -#cancel-comment-reply-link:before, -#footer-menu li a:hover, -#mt-scrollup:hover, -#site-navigation ul li.current-menu-ancestor > a, -#site-navigation ul li.current-menu-item > a, -#site-navigation ul li.current-menu-parent > a, -#site-navigation ul li.current_page_ancestor > a, -#site-navigation ul li.current_page_item > a, -#site-navigation ul li.focus > a, -#site-navigation ul li:hover > a, -#top-footer a:hover, -#top-navigation ul li a:hover, -.banner-sub-title, -.breadcrumbs .trail-items li a:hover, -.btn-wrapper a:hover, -.cat-links a:hover, -.color_blog_dark_latest_posts .mt-post-title a:hover, -.comment-author .fn .url:hover, -.commentmetadata .comment-edit-link, -.entry-cat .cat-links a:hover, -.entry-cat a:hover, -.entry-footer .mt-readmore-btn:hover, -.entry-footer a:hover, -.entry-meta a:hover, -.entry-title a:hover, -.front-slider-block .banner-title a:hover, -.front-slider-block .post-info-wrap .entry-title a:hover, -.has-thumbnail .post-info-wrap .entry-title a:hover, -.logged-in-as a, -.menu-toggle:hover, -.mt-readmore-btn:hover, -.mt-search-icon:hover, -.mt-social-icon-wrap li a:focus, -.mt-social-icon-wrap li a:hover, -.navigation.pagination .nav-links .page-numbers.current, -.navigation.pagination .nav-links a.page-numbers:hover, -.post-info-wrap .entry-meta a:hover, -.single .mt-single-related-posts .entry-title a:hover, -.widget a:hover, -.widget a:hover:before, -.widget li:hover:before, -.wrap-label i, -a, -a:focus { +#cancel-comment-reply-link, #cancel-comment-reply-link:before, #footer-menu li a:hover, #mt-scrollup:hover, #site-navigation ul li.current-menu-ancestor > a, #site-navigation ul li.current-menu-item > a, #site-navigation ul li.current-menu-parent > a, #site-navigation ul li.current_page_ancestor > a, #site-navigation ul li.current_page_item > a, #site-navigation ul li.focus > a, #site-navigation ul li:hover > a, #top-footer a:hover, #top-navigation ul li a:hover, .banner-sub-title, .breadcrumbs .trail-items li a:hover, .btn-wrapper a:hover, .cat-links a:hover, .color_blog_dark_latest_posts .mt-post-title a:hover, .comment-author .fn .url:hover, .commentmetadata .comment-edit-link, .entry-cat .cat-links a:hover, .entry-cat a:hover, .entry-footer .mt-readmore-btn:hover, .entry-footer a:hover, .entry-meta a:hover, .entry-title a:hover, .front-slider-block .banner-title a:hover, .front-slider-block .post-info-wrap .entry-title a:hover, .has-thumbnail .post-info-wrap .entry-title a:hover, .logged-in-as a, .menu-toggle:hover, .mt-readmore-btn:hover, .mt-search-icon:hover, .mt-social-icon-wrap li a:focus, .mt-social-icon-wrap li a:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .post-info-wrap .entry-meta a:hover, .single .mt-single-related-posts .entry-title a:hover, .widget a:hover, .widget a:hover:before, .widget li:hover:before, .wrap-label i, a, a:focus { color: var(--href); } @@ -432,15 +247,7 @@ a:focus { border-top-color: var(--href); } -.color_blog_dark_social_media a:hover, -.custom-header, -.error-404.not-found, -.navigation.pagination .nav-links .page-numbers.current, -.navigation.pagination .nav-links a.page-numbers:hover, -.widget.widget_tag_cloud a:hover, -.widget_search .search-submit, -.widget_search .search-submit:hover, -.widget_tag_cloud .tagcloud a:hover { +.color_blog_dark_social_media a:hover, .custom-header, .error-404.not-found, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_search .search-submit:hover, .widget_tag_cloud .tagcloud a:hover { border-color: var(--href); } @@ -448,8 +255,7 @@ a:focus { outline-color: var(--href); } -.entry-footer > span.tags-links a:hover, -ul.trail-items span { +.entry-footer > span.tags-links a:hover, ul.trail-items span { color: var(--href) !important; } @@ -457,15 +263,12 @@ ul.trail-items span:hover { color: var(--href-dark) !important; } -.mt-menu-search .mt-form-wrap .search-form .search-submit:hover, -.tagcloud a:hover, -.wp-block-search__button:hover { +.mt-menu-search .mt-form-wrap .search-form .search-submit:hover, .tagcloud a:hover, .wp-block-search__button:hover { border-radius: 0; background-color: var(--href-dark) !important; } -.mt-menu-search .mt-form-wrap .search-form .search-field, -textarea { +.mt-menu-search .mt-form-wrap .search-form .search-field, textarea { border: none !important; border-bottom: none !important; border-top: none !important; @@ -486,9 +289,7 @@ span.required { border: 1px var(--href) solid; } -.mt-live-link a:focus, -.mt-live-link a:hover, -.search article { +.mt-live-link a:focus, .mt-live-link a:hover, .search article, .pojo-skip-link:focus { box-shadow: none; } @@ -510,13 +311,7 @@ span.required { } } -#mt-scrollup, -.mt-author__avatar, -.mt-copyright-text, -.nav-links, -.post-thumbnail img, -.site-info, -.wp-block-image { +#mt-scrollup, .mt-author__avatar, .mt-copyright-text, .nav-links, .post-thumbnail img, .site-info, .wp-block-image { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; @@ -528,45 +323,24 @@ video { width: 100% !important; } -.bttn, -.navigation .nav-links a, -.search-submit, -.tagcloud a, -.wp-block-search__button, -button, -input.search-submit[type=submit], -input[type=button], -input[type=reset], -input[type=submit] { +.bttn, .navigation .nav-links a, .search-submit, .tagcloud a, .wp-block-search__button, button, input.search-submit[type=submit], input[type=button], input[type=reset], input[type=submit] { background-color: var(--href); border: none !important; - color: #fff !important; + color: var(--text-color) !important; } -.bttn, -.comment-reply-link, -.mt-menu-search .mt-form-wrap .search-form .search-field, -.navigation .nav-links a, -.page-numbers.current, -.tagcloud a:hover, -button, -input.search-submit, -input.search-submit:hover, -input[type=button], -input[type=reset], -input[type=submit], -textarea { +.bttn, .comment-reply-link, .mt-menu-search .mt-form-wrap .search-form .search-field, .navigation .nav-links a, .page-numbers.current, .tagcloud a:hover, button, input.search-submit, input.search-submit:hover, input[type=button], input[type=reset], input[type=submit], textarea { border-radius: 5px !important; } -img { +img, .pojo-skip-link { border-radius: 2px; } .page-numbers.current { background-color: var(--href-dark); border: none !important; - color: #fff !important; + color: var(--text-color) !important; } div#cwv3_dialog.cwv3_dialog.js { @@ -574,8 +348,7 @@ div#cwv3_dialog.cwv3_dialog.js { border-color: var(--background-darker) !important; } -.recentcomments, -.widget_recent_comments li { +.recentcomments, .widget_recent_comments li { display: block !important; } @@ -585,20 +358,23 @@ div#cwv3_dialog.cwv3_dialog.js { border: none; } -.screen-reader-text:active, -.screen-reader-text:focus, -.screen-reader-text:hover { +.screen-reader-text:active, .screen-reader-text:focus, .screen-reader-text:hover { background-color: var(--background) !important; box-shadow: none !important; color: var(--href) !important; } @media (max-width: 979px) { - #site-navigation ul li a, - .is-sticky #site-navigation ul li a { + #site-navigation ul li a, .is-sticky #site-navigation ul li a { border-bottom: 1px solid var(--href-dark); } } +#site-navigation ul li a.sub-toggle, #site-navigation ul li a.sub-toggle:hover { + background: var(--background) none repeat scroll 0 0; + color: var(--text-color); + border: none; +} + :root { --text-color:#fff; --background:#2E3035; diff --git a/css/retro-theme.css b/css/retro-theme.css index f1c508b..60fb758 100644 --- a/css/retro-theme.css +++ b/css/retro-theme.css @@ -3,118 +3,39 @@ background-color: var(--selector); } -::-webkit-scrollbar { +::-webkit-scrollbar, .comment-form-url { display: none; } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { border-color: var(--href); background-color: var(--background-darker); } -#site-navigation ul li a, -.byline a, -.entry-footer > span.tags-links, -.entry-footer > span.tags-links a, -.entry-title a, -.menu-toggle a, -.mt-author-bio, -.mt-author-website a, -.mt-related-post-title, -.mt-search-icon a, -.mt-social-menu-wrapper, -.page-title, -.posted-on time, -.site-info, -.tagcloud a:hover, -.tags-links a, -.widget-title, -a.comment-edit-link, -article.hentry .entry-footer > span, -body, -button, -h1.entry-title, -h2.entry-title a, -h3#reply-title.comment-reply-title, -hr, -input, -label, -li, -section ul li a, -select, -span.screen-reader-text, -textarea, -time, -ul#primary-menu.menu.nav-menu:after { +#site-navigation ul li a, .byline a, .entry-footer > span.tags-links, .entry-footer > span.tags-links a, .entry-title a, .menu-toggle a, .mt-author-bio, .mt-author-website a, .mt-related-post-title, .mt-search-icon a, .mt-social-menu-wrapper, .page-title, .posted-on time, .site-info, .tagcloud a:hover, .tags-links a, .widget-title, a.comment-edit-link, article.hentry .entry-footer > span, body, button, h1.entry-title, h2.entry-title a, h3#reply-title.comment-reply-title, hr, input, label, li, section ul li a, select, span.screen-reader-text, textarea, time, ul#primary-menu.menu.nav-menu:after { color: var(--text-color) !important; font-family: var(--main-font); } /*** Background Start ***/ -#site-navigation ul li a::after, -.front-slider-block .post-info-wrap .entry-meta .posted-on a:before, -.has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, -.posted-on a:before { +#site-navigation ul li a::after, .front-slider-block .post-info-wrap .entry-meta .posted-on a:before, .has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, .posted-on a:before { background-color: var(--text-color); } -#site-navigation, -.wp-comment-cookies-consent, -div#wpadminbar.nojq, -div.custom-header.no-bg-img, -div.cwv3_btns, -div.logo-ads-wrap, -div.mt-logo-row-wrapper.mt-clearfix, -div.site-branding, -div.sticky-wrapper, -footer#colophon.site-footer, -nav#site-navigation.main-navigation.isActive { +#site-navigation, .wp-comment-cookies-consent, div#wpadminbar.nojq, div.custom-header.no-bg-img, div.cwv3_btns, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, div.site-branding, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, .gdrf-success, .gdrf-errors, #site-navigation ul li .sub-menu, #site-navigation ul li .children { background-color: var(--background-darker) !important; } -#colophon .widget .widget-title:before, -#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, -#secondary .widget .widget-title:before, -#site-navigation .menu-item-description, -.edit-link .post-edit-link, -.features-post-title:before, -.front-slider-block .lSAction > a:hover, -.mt-live-link a, -.mt-menu-search .mt-form-wrap .search-form .search-submit, -.mt-related-post-title:before, -.post-cats-list a, -.reply .comment-reply-link, -.top-featured-post-wrap .post-thumbnail .post-number, -.widget.widget_tag_cloud a:hover, -.widget_search .search-submit, -.widget_tag_cloud .tagcloud a:hover, -article .post-thumbnail:before, -article.sticky:before, -div.mt-live-link a, -input.search-submit { +#colophon .widget .widget-title:before, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, #secondary .widget .widget-title:before, #site-navigation .menu-item-description, .edit-link .post-edit-link, .features-post-title:before, .front-slider-block .lSAction > a:hover, .mt-live-link a, .mt-menu-search .mt-form-wrap .search-form .search-submit, .mt-related-post-title:before, .post-cats-list a, .reply .comment-reply-link, .top-featured-post-wrap .post-thumbnail .post-number, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_tag_cloud .tagcloud a:hover, article .post-thumbnail:before, article.sticky:before, div.mt-live-link a, input.search-submit { background-color: var(--href); } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, -.bttn:hover, -.mt-live-link a:focus, -.mt-live-link a:hover, -.navigation .nav-links a:hover, -.post-edit-link:hover, -button, -div.mt-live-link a:hover, -input.search-submit:hover, -input[type=button]:hover, -input[type=reset]:hover, -input[type=submit]:hover { +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .bttn:hover, .mt-live-link a:focus, .mt-live-link a:hover, .navigation .nav-links a:hover, .post-edit-link:hover, button, div.mt-live-link a:hover, input.search-submit:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { color: var(--text-color); background-color: var(--href-dark); } -div#bottom-footer, -div#page.site, -div#top-header.top-header-wrap.mt-clearfix { +div#bottom-footer, div#page.site, div#top-header.top-header-wrap.mt-clearfix { background-color: var(--background) !important; } @@ -131,8 +52,7 @@ div#top-header.top-header-wrap.mt-clearfix { } /*** Background End ***/ -#colophon, -.mt-social-menu-wrapper { +#colophon, .mt-social-menu-wrapper { border-top: 1px solid var(--href-dark); } @@ -148,12 +68,7 @@ p { font-size: 15px; } -h1, -h2, -h3, -h4, -h5, -h6 { +h1, h2, h3, h4, h5, h6 { clear: both; font-weight: 400; line-height: 1.5; @@ -162,43 +77,30 @@ h6 { color: var(--text-color); } -.entry-title, -.page-title, -b, -strong { +.entry-title, .page-title, b, strong { color: var(--text-color); font-weight: 600; } -.mt-disclaimer-text, -p em, -p i { +.mt-disclaimer-text, p em, p i { color: var(--text-color); font-family: var(--main-font); font-style: italic; } -p em a, -p i a { +p em a, p i a { color: #f5a9b8; font-family: var(--main-font); font-style: italic; } -p em a:hover, -p i a:hover { +p em a:hover, p i a:hover { color: #c48793; font-family: var(--main-font); font-style: italic; } -.mt-author-name a:hover, -.mt-author-website a:hover, -em a, -h3.entry-title a:active, -h3.entry-title a:hover, -i a, -section ul li a:hover { +.mt-author-name a:hover, .mt-author-website a:hover, em a, h3.entry-title a:active, h3.entry-title a:hover, i a, section ul li a:hover, .pojo-skip-link:focus { color: var(--href) !important; } @@ -213,18 +115,8 @@ textarea { width: 100%; } -input, -input#author, -input#email, -input#url, -input.search-field, -input[type=email], -input[type=password], -input[type=search], -input[type=text], -input[type=url], -p.comment-form-cookies-consent #wp-comment-cookies-consent { - color: var(--text-color); +input, input#author, input#email, input#url, input.search-field, input[type=email], input[type=password], input[type=search], input[type=text], input[type=url], p.comment-form-cookies-consent #wp-comment-cookies-consent { + color: var(--text-color) !important; background-color: var(--background-darker); border-bottom: none; border: none; @@ -294,24 +186,18 @@ body { font-family: var(--main-font); } -.btn-wrapper a, -.entry-footer .mt-readmore-btn, -.mt-readmore-btn { +.btn-wrapper a, .entry-footer .mt-readmore-btn, .mt-readmore-btn { display: inline-block; padding: 0; font-size: 14px; color: var(--text-color); } -.wp-block-code, -code { +.wp-block-code, code { background-color: #343434; } -#wpadminbar .ab-top-menu > li.hover > .ab-item, -#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { +#wpadminbar .ab-top-menu > li.hover > .ab-item, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { background: var(--background-darker); color: var(--href); } @@ -326,8 +212,7 @@ code { border-radius: 10px; } -#wpadminbar .menupop .ab-sub-wrapper, -#wpadminbar .shortlink-input { +#wpadminbar .menupop .ab-sub-wrapper, #wpadminbar .shortlink-input { margin: 0; padding: 0; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); @@ -337,30 +222,7 @@ code { float: none; } -#cancel-comment-reply-link:before, -#site-navigation li.menu-item-has-children > a:before, -#site-navigation li.page_item_has_children > a:before, -.edit-link .post-edit-link:before, -.nav-links .nav-next a:after, -.nav-links .nav-previous a:before, -.widget_archive a:before, -.widget_categories a:before, -.widget_meta a:before, -.widget_nav_menu li a:before, -.widget_pages li a:before, -.widget_recent_comments li:before, -.widget_recent_entries a:before, -.widget_rss li:before, -.wp-block-archives li a:before, -.wp-block-categories li a:before, -.wp-block-latest-comments li:before, -.wp-block-latest-posts li a:before, -.wp-block-page-list li a:before, -blockquote:after, -blockquote:before, -li.recentcomments:before, -q:after, -q:before { +#cancel-comment-reply-link:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a:before, .edit-link .post-edit-link:before, .nav-links .nav-next a:after, .nav-links .nav-previous a:before, .widget_archive a:before, .widget_categories a:before, .widget_meta a:before, .widget_nav_menu li a:before, .widget_pages li a:before, .widget_recent_comments li:before, .widget_recent_entries a:before, .widget_rss li:before, .wp-block-archives li a:before, .wp-block-categories li a:before, .wp-block-latest-comments li:before, .wp-block-latest-posts li a:before, .wp-block-page-list li a:before, blockquote:after, blockquote:before, li.recentcomments:before, q:after, q:before { font-family: ForkAwesome !important; color: var(--text-color); } @@ -373,58 +235,11 @@ q:before { transition: none; } -a:hover, -em a:active, -em a:focus, -em a:hover { +a:hover, em a:active, em a:focus, em a:hover, .pojo-skip-link:focus { color: var(--href); } -#cancel-comment-reply-link, -#cancel-comment-reply-link:before, -#footer-menu li a:hover, -#mt-scrollup:hover, -#site-navigation ul li.current-menu-ancestor > a, -#site-navigation ul li.current-menu-item > a, -#site-navigation ul li.current-menu-parent > a, -#site-navigation ul li.current_page_ancestor > a, -#site-navigation ul li.current_page_item > a, -#site-navigation ul li.focus > a, -#site-navigation ul li:hover > a, -#top-footer a:hover, -#top-navigation ul li a:hover, -.banner-sub-title, -.breadcrumbs .trail-items li a:hover, -.btn-wrapper a:hover, -.cat-links a:hover, -.color_blog_dark_latest_posts .mt-post-title a:hover, -.comment-author .fn .url:hover, -.commentmetadata .comment-edit-link, -.entry-cat .cat-links a:hover, -.entry-cat a:hover, -.entry-footer .mt-readmore-btn:hover, -.entry-footer a:hover, -.entry-meta a:hover, -.entry-title a:hover, -.front-slider-block .banner-title a:hover, -.front-slider-block .post-info-wrap .entry-title a:hover, -.has-thumbnail .post-info-wrap .entry-title a:hover, -.logged-in-as a, -.menu-toggle:hover, -.mt-readmore-btn:hover, -.mt-search-icon:hover, -.mt-social-icon-wrap li a:focus, -.mt-social-icon-wrap li a:hover, -.navigation.pagination .nav-links .page-numbers.current, -.navigation.pagination .nav-links a.page-numbers:hover, -.post-info-wrap .entry-meta a:hover, -.single .mt-single-related-posts .entry-title a:hover, -.widget a:hover, -.widget a:hover:before, -.widget li:hover:before, -.wrap-label i, -a, -a:focus { +#cancel-comment-reply-link, #cancel-comment-reply-link:before, #footer-menu li a:hover, #mt-scrollup:hover, #site-navigation ul li.current-menu-ancestor > a, #site-navigation ul li.current-menu-item > a, #site-navigation ul li.current-menu-parent > a, #site-navigation ul li.current_page_ancestor > a, #site-navigation ul li.current_page_item > a, #site-navigation ul li.focus > a, #site-navigation ul li:hover > a, #top-footer a:hover, #top-navigation ul li a:hover, .banner-sub-title, .breadcrumbs .trail-items li a:hover, .btn-wrapper a:hover, .cat-links a:hover, .color_blog_dark_latest_posts .mt-post-title a:hover, .comment-author .fn .url:hover, .commentmetadata .comment-edit-link, .entry-cat .cat-links a:hover, .entry-cat a:hover, .entry-footer .mt-readmore-btn:hover, .entry-footer a:hover, .entry-meta a:hover, .entry-title a:hover, .front-slider-block .banner-title a:hover, .front-slider-block .post-info-wrap .entry-title a:hover, .has-thumbnail .post-info-wrap .entry-title a:hover, .logged-in-as a, .menu-toggle:hover, .mt-readmore-btn:hover, .mt-search-icon:hover, .mt-social-icon-wrap li a:focus, .mt-social-icon-wrap li a:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .post-info-wrap .entry-meta a:hover, .single .mt-single-related-posts .entry-title a:hover, .widget a:hover, .widget a:hover:before, .widget li:hover:before, .wrap-label i, a, a:focus { color: var(--href); } @@ -432,15 +247,7 @@ a:focus { border-top-color: var(--href); } -.color_blog_dark_social_media a:hover, -.custom-header, -.error-404.not-found, -.navigation.pagination .nav-links .page-numbers.current, -.navigation.pagination .nav-links a.page-numbers:hover, -.widget.widget_tag_cloud a:hover, -.widget_search .search-submit, -.widget_search .search-submit:hover, -.widget_tag_cloud .tagcloud a:hover { +.color_blog_dark_social_media a:hover, .custom-header, .error-404.not-found, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_search .search-submit:hover, .widget_tag_cloud .tagcloud a:hover { border-color: var(--href); } @@ -448,8 +255,7 @@ a:focus { outline-color: var(--href); } -.entry-footer > span.tags-links a:hover, -ul.trail-items span { +.entry-footer > span.tags-links a:hover, ul.trail-items span { color: var(--href) !important; } @@ -457,15 +263,12 @@ ul.trail-items span:hover { color: var(--href-dark) !important; } -.mt-menu-search .mt-form-wrap .search-form .search-submit:hover, -.tagcloud a:hover, -.wp-block-search__button:hover { +.mt-menu-search .mt-form-wrap .search-form .search-submit:hover, .tagcloud a:hover, .wp-block-search__button:hover { border-radius: 0; background-color: var(--href-dark) !important; } -.mt-menu-search .mt-form-wrap .search-form .search-field, -textarea { +.mt-menu-search .mt-form-wrap .search-form .search-field, textarea { border: none !important; border-bottom: none !important; border-top: none !important; @@ -486,9 +289,7 @@ span.required { border: 1px var(--href) solid; } -.mt-live-link a:focus, -.mt-live-link a:hover, -.search article { +.mt-live-link a:focus, .mt-live-link a:hover, .search article, .pojo-skip-link:focus { box-shadow: none; } @@ -510,13 +311,7 @@ span.required { } } -#mt-scrollup, -.mt-author__avatar, -.mt-copyright-text, -.nav-links, -.post-thumbnail img, -.site-info, -.wp-block-image { +#mt-scrollup, .mt-author__avatar, .mt-copyright-text, .nav-links, .post-thumbnail img, .site-info, .wp-block-image { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; @@ -528,45 +323,24 @@ video { width: 100% !important; } -.bttn, -.navigation .nav-links a, -.search-submit, -.tagcloud a, -.wp-block-search__button, -button, -input.search-submit[type=submit], -input[type=button], -input[type=reset], -input[type=submit] { +.bttn, .navigation .nav-links a, .search-submit, .tagcloud a, .wp-block-search__button, button, input.search-submit[type=submit], input[type=button], input[type=reset], input[type=submit] { background-color: var(--href); border: none !important; - color: #fff !important; + color: var(--text-color) !important; } -.bttn, -.comment-reply-link, -.mt-menu-search .mt-form-wrap .search-form .search-field, -.navigation .nav-links a, -.page-numbers.current, -.tagcloud a:hover, -button, -input.search-submit, -input.search-submit:hover, -input[type=button], -input[type=reset], -input[type=submit], -textarea { +.bttn, .comment-reply-link, .mt-menu-search .mt-form-wrap .search-form .search-field, .navigation .nav-links a, .page-numbers.current, .tagcloud a:hover, button, input.search-submit, input.search-submit:hover, input[type=button], input[type=reset], input[type=submit], textarea { border-radius: 5px !important; } -img { +img, .pojo-skip-link { border-radius: 2px; } .page-numbers.current { background-color: var(--href-dark); border: none !important; - color: #fff !important; + color: var(--text-color) !important; } div#cwv3_dialog.cwv3_dialog.js { @@ -574,8 +348,7 @@ div#cwv3_dialog.cwv3_dialog.js { border-color: var(--background-darker) !important; } -.recentcomments, -.widget_recent_comments li { +.recentcomments, .widget_recent_comments li { display: block !important; } @@ -585,20 +358,23 @@ div#cwv3_dialog.cwv3_dialog.js { border: none; } -.screen-reader-text:active, -.screen-reader-text:focus, -.screen-reader-text:hover { +.screen-reader-text:active, .screen-reader-text:focus, .screen-reader-text:hover { background-color: var(--background) !important; box-shadow: none !important; color: var(--href) !important; } @media (max-width: 979px) { - #site-navigation ul li a, - .is-sticky #site-navigation ul li a { + #site-navigation ul li a, .is-sticky #site-navigation ul li a { border-bottom: 1px solid var(--href-dark); } } +#site-navigation ul li a.sub-toggle, #site-navigation ul li a.sub-toggle:hover { + background: var(--background) none repeat scroll 0 0; + color: var(--text-color); + border: none; +} + :root { --text-color: #fff; --background: #282828; diff --git a/css/ubuntu-theme.css b/css/ubuntu-theme.css index 5571107..10e53ca 100644 --- a/css/ubuntu-theme.css +++ b/css/ubuntu-theme.css @@ -3,118 +3,39 @@ background-color: var(--selector); } -::-webkit-scrollbar { +::-webkit-scrollbar, .comment-form-url { display: none; } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { border-color: var(--href); background-color: var(--background-darker); } -#site-navigation ul li a, -.byline a, -.entry-footer > span.tags-links, -.entry-footer > span.tags-links a, -.entry-title a, -.menu-toggle a, -.mt-author-bio, -.mt-author-website a, -.mt-related-post-title, -.mt-search-icon a, -.mt-social-menu-wrapper, -.page-title, -.posted-on time, -.site-info, -.tagcloud a:hover, -.tags-links a, -.widget-title, -a.comment-edit-link, -article.hentry .entry-footer > span, -body, -button, -h1.entry-title, -h2.entry-title a, -h3#reply-title.comment-reply-title, -hr, -input, -label, -li, -section ul li a, -select, -span.screen-reader-text, -textarea, -time, -ul#primary-menu.menu.nav-menu:after { +#site-navigation ul li a, .byline a, .entry-footer > span.tags-links, .entry-footer > span.tags-links a, .entry-title a, .menu-toggle a, .mt-author-bio, .mt-author-website a, .mt-related-post-title, .mt-search-icon a, .mt-social-menu-wrapper, .page-title, .posted-on time, .site-info, .tagcloud a:hover, .tags-links a, .widget-title, a.comment-edit-link, article.hentry .entry-footer > span, body, button, h1.entry-title, h2.entry-title a, h3#reply-title.comment-reply-title, hr, input, label, li, section ul li a, select, span.screen-reader-text, textarea, time, ul#primary-menu.menu.nav-menu:after { color: var(--text-color) !important; font-family: var(--main-font); } /*** Background Start ***/ -#site-navigation ul li a::after, -.front-slider-block .post-info-wrap .entry-meta .posted-on a:before, -.has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, -.posted-on a:before { +#site-navigation ul li a::after, .front-slider-block .post-info-wrap .entry-meta .posted-on a:before, .has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, .posted-on a:before { background-color: var(--text-color); } -#site-navigation, -.wp-comment-cookies-consent, -div#wpadminbar.nojq, -div.custom-header.no-bg-img, -div.cwv3_btns, -div.logo-ads-wrap, -div.mt-logo-row-wrapper.mt-clearfix, -div.site-branding, -div.sticky-wrapper, -footer#colophon.site-footer, -nav#site-navigation.main-navigation.isActive { +#site-navigation, .wp-comment-cookies-consent, div#wpadminbar.nojq, div.custom-header.no-bg-img, div.cwv3_btns, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, div.site-branding, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, .gdrf-success, .gdrf-errors, #site-navigation ul li .sub-menu, #site-navigation ul li .children { background-color: var(--background-darker) !important; } -#colophon .widget .widget-title:before, -#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, -#secondary .widget .widget-title:before, -#site-navigation .menu-item-description, -.edit-link .post-edit-link, -.features-post-title:before, -.front-slider-block .lSAction > a:hover, -.mt-live-link a, -.mt-menu-search .mt-form-wrap .search-form .search-submit, -.mt-related-post-title:before, -.post-cats-list a, -.reply .comment-reply-link, -.top-featured-post-wrap .post-thumbnail .post-number, -.widget.widget_tag_cloud a:hover, -.widget_search .search-submit, -.widget_tag_cloud .tagcloud a:hover, -article .post-thumbnail:before, -article.sticky:before, -div.mt-live-link a, -input.search-submit { +#colophon .widget .widget-title:before, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, #secondary .widget .widget-title:before, #site-navigation .menu-item-description, .edit-link .post-edit-link, .features-post-title:before, .front-slider-block .lSAction > a:hover, .mt-live-link a, .mt-menu-search .mt-form-wrap .search-form .search-submit, .mt-related-post-title:before, .post-cats-list a, .reply .comment-reply-link, .top-featured-post-wrap .post-thumbnail .post-number, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_tag_cloud .tagcloud a:hover, article .post-thumbnail:before, article.sticky:before, div.mt-live-link a, input.search-submit { background-color: var(--href); } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, -.bttn:hover, -.mt-live-link a:focus, -.mt-live-link a:hover, -.navigation .nav-links a:hover, -.post-edit-link:hover, -button, -div.mt-live-link a:hover, -input.search-submit:hover, -input[type=button]:hover, -input[type=reset]:hover, -input[type=submit]:hover { +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .bttn:hover, .mt-live-link a:focus, .mt-live-link a:hover, .navigation .nav-links a:hover, .post-edit-link:hover, button, div.mt-live-link a:hover, input.search-submit:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { color: var(--text-color); background-color: var(--href-dark); } -div#bottom-footer, -div#page.site, -div#top-header.top-header-wrap.mt-clearfix { +div#bottom-footer, div#page.site, div#top-header.top-header-wrap.mt-clearfix { background-color: var(--background) !important; } @@ -131,8 +52,7 @@ div#top-header.top-header-wrap.mt-clearfix { } /*** Background End ***/ -#colophon, -.mt-social-menu-wrapper { +#colophon, .mt-social-menu-wrapper { border-top: 1px solid var(--href-dark); } @@ -148,12 +68,7 @@ p { font-size: 15px; } -h1, -h2, -h3, -h4, -h5, -h6 { +h1, h2, h3, h4, h5, h6 { clear: both; font-weight: 400; line-height: 1.5; @@ -162,43 +77,30 @@ h6 { color: var(--text-color); } -.entry-title, -.page-title, -b, -strong { +.entry-title, .page-title, b, strong { color: var(--text-color); font-weight: 600; } -.mt-disclaimer-text, -p em, -p i { +.mt-disclaimer-text, p em, p i { color: var(--text-color); font-family: var(--main-font); font-style: italic; } -p em a, -p i a { +p em a, p i a { color: #f5a9b8; font-family: var(--main-font); font-style: italic; } -p em a:hover, -p i a:hover { +p em a:hover, p i a:hover { color: #c48793; font-family: var(--main-font); font-style: italic; } -.mt-author-name a:hover, -.mt-author-website a:hover, -em a, -h3.entry-title a:active, -h3.entry-title a:hover, -i a, -section ul li a:hover { +.mt-author-name a:hover, .mt-author-website a:hover, em a, h3.entry-title a:active, h3.entry-title a:hover, i a, section ul li a:hover, .pojo-skip-link:focus { color: var(--href) !important; } @@ -213,18 +115,8 @@ textarea { width: 100%; } -input, -input#author, -input#email, -input#url, -input.search-field, -input[type=email], -input[type=password], -input[type=search], -input[type=text], -input[type=url], -p.comment-form-cookies-consent #wp-comment-cookies-consent { - color: var(--text-color); +input, input#author, input#email, input#url, input.search-field, input[type=email], input[type=password], input[type=search], input[type=text], input[type=url], p.comment-form-cookies-consent #wp-comment-cookies-consent { + color: var(--text-color) !important; background-color: var(--background-darker); border-bottom: none; border: none; @@ -294,24 +186,18 @@ body { font-family: var(--main-font); } -.btn-wrapper a, -.entry-footer .mt-readmore-btn, -.mt-readmore-btn { +.btn-wrapper a, .entry-footer .mt-readmore-btn, .mt-readmore-btn { display: inline-block; padding: 0; font-size: 14px; color: var(--text-color); } -.wp-block-code, -code { +.wp-block-code, code { background-color: #343434; } -#wpadminbar .ab-top-menu > li.hover > .ab-item, -#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { +#wpadminbar .ab-top-menu > li.hover > .ab-item, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { background: var(--background-darker); color: var(--href); } @@ -326,8 +212,7 @@ code { border-radius: 10px; } -#wpadminbar .menupop .ab-sub-wrapper, -#wpadminbar .shortlink-input { +#wpadminbar .menupop .ab-sub-wrapper, #wpadminbar .shortlink-input { margin: 0; padding: 0; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); @@ -337,30 +222,7 @@ code { float: none; } -#cancel-comment-reply-link:before, -#site-navigation li.menu-item-has-children > a:before, -#site-navigation li.page_item_has_children > a:before, -.edit-link .post-edit-link:before, -.nav-links .nav-next a:after, -.nav-links .nav-previous a:before, -.widget_archive a:before, -.widget_categories a:before, -.widget_meta a:before, -.widget_nav_menu li a:before, -.widget_pages li a:before, -.widget_recent_comments li:before, -.widget_recent_entries a:before, -.widget_rss li:before, -.wp-block-archives li a:before, -.wp-block-categories li a:before, -.wp-block-latest-comments li:before, -.wp-block-latest-posts li a:before, -.wp-block-page-list li a:before, -blockquote:after, -blockquote:before, -li.recentcomments:before, -q:after, -q:before { +#cancel-comment-reply-link:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a:before, .edit-link .post-edit-link:before, .nav-links .nav-next a:after, .nav-links .nav-previous a:before, .widget_archive a:before, .widget_categories a:before, .widget_meta a:before, .widget_nav_menu li a:before, .widget_pages li a:before, .widget_recent_comments li:before, .widget_recent_entries a:before, .widget_rss li:before, .wp-block-archives li a:before, .wp-block-categories li a:before, .wp-block-latest-comments li:before, .wp-block-latest-posts li a:before, .wp-block-page-list li a:before, blockquote:after, blockquote:before, li.recentcomments:before, q:after, q:before { font-family: ForkAwesome !important; color: var(--text-color); } @@ -373,58 +235,11 @@ q:before { transition: none; } -a:hover, -em a:active, -em a:focus, -em a:hover { +a:hover, em a:active, em a:focus, em a:hover, .pojo-skip-link:focus { color: var(--href); } -#cancel-comment-reply-link, -#cancel-comment-reply-link:before, -#footer-menu li a:hover, -#mt-scrollup:hover, -#site-navigation ul li.current-menu-ancestor > a, -#site-navigation ul li.current-menu-item > a, -#site-navigation ul li.current-menu-parent > a, -#site-navigation ul li.current_page_ancestor > a, -#site-navigation ul li.current_page_item > a, -#site-navigation ul li.focus > a, -#site-navigation ul li:hover > a, -#top-footer a:hover, -#top-navigation ul li a:hover, -.banner-sub-title, -.breadcrumbs .trail-items li a:hover, -.btn-wrapper a:hover, -.cat-links a:hover, -.color_blog_dark_latest_posts .mt-post-title a:hover, -.comment-author .fn .url:hover, -.commentmetadata .comment-edit-link, -.entry-cat .cat-links a:hover, -.entry-cat a:hover, -.entry-footer .mt-readmore-btn:hover, -.entry-footer a:hover, -.entry-meta a:hover, -.entry-title a:hover, -.front-slider-block .banner-title a:hover, -.front-slider-block .post-info-wrap .entry-title a:hover, -.has-thumbnail .post-info-wrap .entry-title a:hover, -.logged-in-as a, -.menu-toggle:hover, -.mt-readmore-btn:hover, -.mt-search-icon:hover, -.mt-social-icon-wrap li a:focus, -.mt-social-icon-wrap li a:hover, -.navigation.pagination .nav-links .page-numbers.current, -.navigation.pagination .nav-links a.page-numbers:hover, -.post-info-wrap .entry-meta a:hover, -.single .mt-single-related-posts .entry-title a:hover, -.widget a:hover, -.widget a:hover:before, -.widget li:hover:before, -.wrap-label i, -a, -a:focus { +#cancel-comment-reply-link, #cancel-comment-reply-link:before, #footer-menu li a:hover, #mt-scrollup:hover, #site-navigation ul li.current-menu-ancestor > a, #site-navigation ul li.current-menu-item > a, #site-navigation ul li.current-menu-parent > a, #site-navigation ul li.current_page_ancestor > a, #site-navigation ul li.current_page_item > a, #site-navigation ul li.focus > a, #site-navigation ul li:hover > a, #top-footer a:hover, #top-navigation ul li a:hover, .banner-sub-title, .breadcrumbs .trail-items li a:hover, .btn-wrapper a:hover, .cat-links a:hover, .color_blog_dark_latest_posts .mt-post-title a:hover, .comment-author .fn .url:hover, .commentmetadata .comment-edit-link, .entry-cat .cat-links a:hover, .entry-cat a:hover, .entry-footer .mt-readmore-btn:hover, .entry-footer a:hover, .entry-meta a:hover, .entry-title a:hover, .front-slider-block .banner-title a:hover, .front-slider-block .post-info-wrap .entry-title a:hover, .has-thumbnail .post-info-wrap .entry-title a:hover, .logged-in-as a, .menu-toggle:hover, .mt-readmore-btn:hover, .mt-search-icon:hover, .mt-social-icon-wrap li a:focus, .mt-social-icon-wrap li a:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .post-info-wrap .entry-meta a:hover, .single .mt-single-related-posts .entry-title a:hover, .widget a:hover, .widget a:hover:before, .widget li:hover:before, .wrap-label i, a, a:focus { color: var(--href); } @@ -432,15 +247,7 @@ a:focus { border-top-color: var(--href); } -.color_blog_dark_social_media a:hover, -.custom-header, -.error-404.not-found, -.navigation.pagination .nav-links .page-numbers.current, -.navigation.pagination .nav-links a.page-numbers:hover, -.widget.widget_tag_cloud a:hover, -.widget_search .search-submit, -.widget_search .search-submit:hover, -.widget_tag_cloud .tagcloud a:hover { +.color_blog_dark_social_media a:hover, .custom-header, .error-404.not-found, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_search .search-submit:hover, .widget_tag_cloud .tagcloud a:hover { border-color: var(--href); } @@ -448,8 +255,7 @@ a:focus { outline-color: var(--href); } -.entry-footer > span.tags-links a:hover, -ul.trail-items span { +.entry-footer > span.tags-links a:hover, ul.trail-items span { color: var(--href) !important; } @@ -457,15 +263,12 @@ ul.trail-items span:hover { color: var(--href-dark) !important; } -.mt-menu-search .mt-form-wrap .search-form .search-submit:hover, -.tagcloud a:hover, -.wp-block-search__button:hover { +.mt-menu-search .mt-form-wrap .search-form .search-submit:hover, .tagcloud a:hover, .wp-block-search__button:hover { border-radius: 0; background-color: var(--href-dark) !important; } -.mt-menu-search .mt-form-wrap .search-form .search-field, -textarea { +.mt-menu-search .mt-form-wrap .search-form .search-field, textarea { border: none !important; border-bottom: none !important; border-top: none !important; @@ -486,9 +289,7 @@ span.required { border: 1px var(--href) solid; } -.mt-live-link a:focus, -.mt-live-link a:hover, -.search article { +.mt-live-link a:focus, .mt-live-link a:hover, .search article, .pojo-skip-link:focus { box-shadow: none; } @@ -510,13 +311,7 @@ span.required { } } -#mt-scrollup, -.mt-author__avatar, -.mt-copyright-text, -.nav-links, -.post-thumbnail img, -.site-info, -.wp-block-image { +#mt-scrollup, .mt-author__avatar, .mt-copyright-text, .nav-links, .post-thumbnail img, .site-info, .wp-block-image { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; @@ -528,45 +323,24 @@ video { width: 100% !important; } -.bttn, -.navigation .nav-links a, -.search-submit, -.tagcloud a, -.wp-block-search__button, -button, -input.search-submit[type=submit], -input[type=button], -input[type=reset], -input[type=submit] { +.bttn, .navigation .nav-links a, .search-submit, .tagcloud a, .wp-block-search__button, button, input.search-submit[type=submit], input[type=button], input[type=reset], input[type=submit] { background-color: var(--href); border: none !important; - color: #fff !important; + color: var(--text-color) !important; } -.bttn, -.comment-reply-link, -.mt-menu-search .mt-form-wrap .search-form .search-field, -.navigation .nav-links a, -.page-numbers.current, -.tagcloud a:hover, -button, -input.search-submit, -input.search-submit:hover, -input[type=button], -input[type=reset], -input[type=submit], -textarea { +.bttn, .comment-reply-link, .mt-menu-search .mt-form-wrap .search-form .search-field, .navigation .nav-links a, .page-numbers.current, .tagcloud a:hover, button, input.search-submit, input.search-submit:hover, input[type=button], input[type=reset], input[type=submit], textarea { border-radius: 5px !important; } -img { +img, .pojo-skip-link { border-radius: 2px; } .page-numbers.current { background-color: var(--href-dark); border: none !important; - color: #fff !important; + color: var(--text-color) !important; } div#cwv3_dialog.cwv3_dialog.js { @@ -574,8 +348,7 @@ div#cwv3_dialog.cwv3_dialog.js { border-color: var(--background-darker) !important; } -.recentcomments, -.widget_recent_comments li { +.recentcomments, .widget_recent_comments li { display: block !important; } @@ -585,20 +358,23 @@ div#cwv3_dialog.cwv3_dialog.js { border: none; } -.screen-reader-text:active, -.screen-reader-text:focus, -.screen-reader-text:hover { +.screen-reader-text:active, .screen-reader-text:focus, .screen-reader-text:hover { background-color: var(--background) !important; box-shadow: none !important; color: var(--href) !important; } @media (max-width: 979px) { - #site-navigation ul li a, - .is-sticky #site-navigation ul li a { + #site-navigation ul li a, .is-sticky #site-navigation ul li a { border-bottom: 1px solid var(--href-dark); } } +#site-navigation ul li a.sub-toggle, #site-navigation ul li a.sub-toggle:hover { + background: var(--background) none repeat scroll 0 0; + color: var(--text-color); + border: none; +} + :root { --text-color: #fff; --background: #333333; diff --git a/scss/_base.scss b/scss/_base.scss index 54bb93e..3247a72 100644 --- a/scss/_base.scss +++ b/scss/_base.scss @@ -1,538 +1,374 @@ ::selection { - background-color: var(--selector); -} -::-webkit-scrollbar { - display: none; -} -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { - border-color: var(--href); - background-color: var(--background-darker); -} -#site-navigation ul li a, -.byline a, -.entry-footer > span.tags-links, -.entry-footer > span.tags-links a, -.entry-title a, -.menu-toggle a, -.mt-author-bio, -.mt-author-website a, -.mt-related-post-title, -.mt-search-icon a, -.mt-social-menu-wrapper, -.page-title, -.posted-on time, -.site-info, -.tagcloud a:hover, -.tags-links a, -.widget-title, -a.comment-edit-link, -article.hentry .entry-footer > span, -body, -button, -h1.entry-title, -h2.entry-title a, -h3#reply-title.comment-reply-title, -hr, -input, -label, -li, -section ul li a, -select, -span.screen-reader-text, -textarea, -time, -ul#primary-menu.menu.nav-menu:after { - color: var(--text-color) !important; - font-family: var(--main-font); -} -/*** Background Start ***/ -#site-navigation ul li a::after, -.front-slider-block .post-info-wrap .entry-meta .posted-on a:before, -.has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, -.posted-on a:before { - background-color: var(--text-color); -} -#site-navigation, -.wp-comment-cookies-consent, -div#wpadminbar.nojq, -div.custom-header.no-bg-img, -div.cwv3_btns, -div.logo-ads-wrap, -div.mt-logo-row-wrapper.mt-clearfix, -div.site-branding, -div.sticky-wrapper, -footer#colophon.site-footer, -nav#site-navigation.main-navigation.isActive { - background-color: var(--background-darker)!important; -} -#colophon .widget .widget-title:before, -#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, -#secondary .widget .widget-title:before, -#site-navigation .menu-item-description, -.edit-link .post-edit-link, -.features-post-title:before, -.front-slider-block .lSAction > a:hover, -.mt-live-link a, -.mt-menu-search .mt-form-wrap .search-form .search-submit, -.mt-related-post-title:before, -.post-cats-list a, -.reply .comment-reply-link, -.top-featured-post-wrap .post-thumbnail .post-number, -.widget.widget_tag_cloud a:hover, -.widget_search .search-submit, -.widget_tag_cloud .tagcloud a:hover, -article .post-thumbnail:before, -article.sticky:before, -div.mt-live-link a, -input.search-submit { - background-color: var(--href); -} -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, -.bttn:hover, -.mt-live-link a:focus, -.mt-live-link a:hover, -.navigation .nav-links a:hover, -.post-edit-link:hover, -button, -div.mt-live-link a:hover, -input.search-submit:hover, -input[type=button]:hover, -input[type=reset]:hover, -input[type=submit]:hover { - color: var(--text-color); - background-color: var(--href-dark); -} -div#bottom-footer, -div#page.site, -div#top-header.top-header-wrap.mt-clearfix { - background-color: var(--background)!important; -} -.category-button[class*=cbd-cat-] a { - background-color: var(--href)!important; - color: var(--text-color); - border-radius: 2px; -} -.category-button[class*=cbd-cat-] a:hover { - background-color: var(--href-dark)!important; - color: inherit; - border-radius: 2px; -} -/*** Background End ***/ -#colophon, -.mt-social-menu-wrapper { - border-top: 1px solid var(--href-dark); -} -.is-sticky .mt-social-menu-wrapper { - background: var(--background-darker); - z-index: 9999; - box-shadow: none!important; -} -p { - color: var(--text-color); - font-family: var(--main-font); - font-size: 15px; -} -h1, -h2, -h3, -h4, -h5, -h6 { - clear: both; - font-weight: 400; - line-height: 1.5; - margin-bottom: 15px; - font-family: var(--main-font); - color: var(--text-color); -} -.entry-title, -.page-title, -b, -strong { - color: var(--text-color); - font-weight: 600; -} -.mt-disclaimer-text, -p em, -p i { - color: var(--text-color); - font-family: var(--main-font); - font-style: italic; -} -p em a, -p i a { - color: #f5a9b8; - font-family: var(--main-font); - font-style: italic; -} -p em a:hover, -p i a:hover { - color: #c48793; - font-family: var(--main-font); - font-style: italic; -} -.mt-author-name a:hover, -.mt-author-website a:hover, -em a, -h3.entry-title a:active, -h3.entry-title a:hover, -i a, -section ul li a:hover { - color: var(--href)!important; -} -textarea { - overflow: auto; - padding-left: 3px; - vertical-align: top; - color: var(--text-color); - background-color: var(--background-darker); - height: 160px; - max-width: 100%; - width: 100%; -} -input, -input#author, -input#email, -input#url, -input.search-field, -input[type=email], -input[type=password], -input[type=search], -input[type=text], -input[type=url], -p.comment-form-cookies-consent #wp-comment-cookies-consent { - color: var(--text-color); - background-color: var(--background-darker); - border-bottom: none; - border: none; - border-radius: 2px; -} -.search-no-results #primary .search-submit { - margin-top: 40px; - border: 0; - font-size: 20px; - color: var(--text-color); -} -body { - font-weight: 400; - overflow: hidden; - position: relative; - line-height: 1.8; - background: var(--background); -} -* { - cursor: var(--cursor),default !important; -} -.site-title { - margin: 0; - font-family: var(--special-font); - line-height: 1.5; - font-weight: 1; - color: var(--text-color); - text-shadow: 0 0 3px var(--href-dark),0 0 10px var(--href),0 0 20px var(--href),0 0 30px var(--href); -} -.site-title a:hover { - color: var(--href); - cursor: url("data:image/webp;base64,UklGRkgDAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSHEBAAABkENtm2k738ze58ROKlSubNROdavYSW/bto3KrFLatm0be2a+rzjs0kbEBACxRb4GZlPz0R2QZxoAogwbx9amsEhH1KNd2VxDzo9pBCC2yN4gUL9e3E/B2Di2Ft0lf2xQOaBcu2Ez125ZdUYhePVGCtmrXVOQHo9Y/lrZgyi3sR3SrYfOXrN/ArYp8U6ZPnEu8aJI6cBNZY5HN4oMzgVmShIlR0n+X/haC4PlSZGicpOiC6TTIaCjSBWX9OoLVHyrUKygDzUAHJcvkpx2wqL8K4UiMag7ItT+KxZLfxvAoPp3kcUKrWFhr8gXh9S/OjARFigRixL0MA1YNPinIBZGJVqJCIgwVQlF5kcq6F9DWGTukvckmQcp7zUcEQAYYI3kHElREkmGRJoJg6wGKLkliYnzPgTvkiB9HoA8jUWqx5EvyvfN4pqweQARgBpdxm4+evnWrYuHF5ZUASIUGBlkRqmUBYDIoHBjY4usUWTw/wwAVlA4ILABAAAQCQCdASogACAAPl0kjkWjoiEb9AA4BcS2AE6ZjZEIwGeq/sBlpO8l+TlbEvIVvoHEC3gagHRwY/B2xe6y9F3KJmUjAchCd03m3WTJKM9lNj4A/v8r8P/Xx1meVrJSUMxTcc9AZUbxa7RBza8/X22RkP/ZT/WPJvC/31XXNWdX4IQcymLxSHwk/AOQot/Vy51SPpLByvi2Nw/WnY//Vvw5/K7sTv6L7lhx/paRR3x7/+tT8U7rqW3wZ27YUH+0pH8BfxU3qX+XPAYKa6+B7G4rKTErNTD8yHKRmzxi2SPCI+D3qFvHklOO5NEXQtwKgi/wwBymnoBsApVtopJHEfLWHvHs/Eu4wS6evuaq8pp+kHsTtkQg1Me+n5+IeVXrNyMhb46InSX+nR1VuVapmbHqeZ6IHBGivUs802afX4E4iF+92dw02gf5u/ohS9TFeaQxq5IRp7wmrHCYX+FN3B93Ku8jhEuLfGC7g5E85Eyxf5EGte35Fh7f69epPL/rnhnOP3JhPlxCEaAK0kD3Khpl3U+zmQunDE3bYwA+bicyd0CPQ4vqv92TaZ1G/TQAAAA="),default !important; -} -.single .mt-author-box .mt-author-info .mt-author-name a { - font-family: var(--special-font); - color: var(--text-color); -} -.error-num { - margin: 0; - font-family: var(--special-font); - line-height: 1.5; - font-weight: 1; -} -.site-description { - margin: 0; - font-size: 15px; - font-family: var(--main-font); - line-height: 1.5; - font-weight: 1; - color: var(--text-color); -} -.features-post-title { - font-size: 18px; - font-weight: 700; - margin-bottom: 25px; - position: relative; - padding-left: 40px; - font-family: var(--main-font); -} -.btn-wrapper a, -.entry-footer .mt-readmore-btn, -.mt-readmore-btn { - display: inline-block; - padding: 0; - font-size: 14px; - color: var(--text-color); -} -.wp-block-code, -code { - background-color: #343434; -} -#wpadminbar .ab-top-menu > li.hover > .ab-item, -#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, -#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { - background: var(--background-darker); - color: var(--href); -} -#wpadminbar .quicklinks a span#ab-updates { - background: var(--background-darker); - color: #2c3338; - display: inline; - padding: 2px 5px; - font-size: 10px; - font-weight: 600; - border-radius: 10px; -} -#wpadminbar .menupop .ab-sub-wrapper, -#wpadminbar .shortlink-input { - margin: 0; - padding: 0; - box-shadow: 0 3px 5px #00000033; - background: var(--background-darker); - display: none; - position: absolute; - float: none; -} -#cancel-comment-reply-link:before, -#site-navigation li.menu-item-has-children > a:before, -#site-navigation li.page_item_has_children > a:before, -.edit-link .post-edit-link:before, -.nav-links .nav-next a:after, -.nav-links .nav-previous a:before, -.widget_archive a:before, -.widget_categories a:before, -.widget_meta a:before, -.widget_nav_menu li a:before, -.widget_pages li a:before, -.widget_recent_comments li:before, -.widget_recent_entries a:before, -.widget_rss li:before, -.wp-block-archives li a:before, -.wp-block-categories li a:before, -.wp-block-latest-comments li:before, -.wp-block-latest-posts li a:before, -.wp-block-page-list li a:before, -blockquote:after, -blockquote:before, -li.recentcomments:before, -q:after, -q:before { - font-family: ForkAwesome!important; - color: var(--text-color); -} -#mt-scrollup:before { - content: '\f061'; - font-family: 'ForkAwesome'; - -moz-transition: none; - -webkit-transition: none; - transition: none; -} -a:hover, -em a:active, -em a:focus, -em a:hover { - color: var(--href); -} -#cancel-comment-reply-link, -#cancel-comment-reply-link:before, -#footer-menu li a:hover, -#mt-scrollup:hover, -#site-navigation ul li.current-menu-ancestor > a, -#site-navigation ul li.current-menu-item > a, -#site-navigation ul li.current-menu-parent > a, -#site-navigation ul li.current_page_ancestor > a, -#site-navigation ul li.current_page_item > a, -#site-navigation ul li.focus > a, -#site-navigation ul li:hover > a, -#top-footer a:hover, -#top-navigation ul li a:hover, -.banner-sub-title, -.breadcrumbs .trail-items li a:hover, -.btn-wrapper a:hover, -.cat-links a:hover, -.color_blog_dark_latest_posts .mt-post-title a:hover, -.comment-author .fn .url:hover, -.commentmetadata .comment-edit-link, -.entry-cat .cat-links a:hover, -.entry-cat a:hover, -.entry-footer .mt-readmore-btn:hover, -.entry-footer a:hover, -.entry-meta a:hover, -.entry-title a:hover, -.front-slider-block .banner-title a:hover, -.front-slider-block .post-info-wrap .entry-title a:hover, -.has-thumbnail .post-info-wrap .entry-title a:hover, -.logged-in-as a, -.menu-toggle:hover, -.mt-readmore-btn:hover, -.mt-search-icon:hover, -.mt-social-icon-wrap li a:focus, -.mt-social-icon-wrap li a:hover, -.navigation.pagination .nav-links .page-numbers.current, -.navigation.pagination .nav-links a.page-numbers:hover, -.post-info-wrap .entry-meta a:hover, -.single .mt-single-related-posts .entry-title a:hover, -.widget a:hover, -.widget a:hover:before, -.widget li:hover:before, -.wrap-label i, -a, -a:focus { - color: var(--href); -} -#site-navigation ul li[class*=cbd-cat-] .menu-item-description:after { - border-top-color: var(--href); -} -.color_blog_dark_social_media a:hover, -.custom-header, -.error-404.not-found, -.navigation.pagination .nav-links .page-numbers.current, -.navigation.pagination .nav-links a.page-numbers:hover, -.widget.widget_tag_cloud a:hover, -.widget_search .search-submit, -.widget_search .search-submit:hover, -.widget_tag_cloud .tagcloud a:hover { - border-color: var(--href); -} -.mt-menu-search .mt-form-wrap .search-form .search-field:focus { - outline-color: var(--href); -} -.entry-footer > span.tags-links a:hover, -ul.trail-items span { - color: var(--href)!important; -} -ul.trail-items span:hover { - color: var(--href-dark)!important; -} -.mt-menu-search .mt-form-wrap .search-form .search-submit:hover, -.tagcloud a:hover, -.wp-block-search__button:hover { - border-radius: 0; - background-color: var(--href-dark)!important; -} -.mt-menu-search .mt-form-wrap .search-form .search-field, -textarea { - border: none!important; - border-bottom: none!important; - border-top: none!important; - border-left: none!important; - border-right: none!important; -} -span.required { - color: red; -} -.mt-author-box { - margin-top: 15px; -} -.mt-author-box .mt-author__avatar img { - border-radius: 50%!important; - border: 1px var(--href) solid; -} -.mt-live-link a:focus, -.mt-live-link a:hover, -.search article { - box-shadow: none; -} -.site-info { - float: unset; - text-align: center; -} -.mt-copyright-text { - background-image: linear-gradient(to right, #E61D25,#F46F22,#F7924E,#E05AA3,#C34E95,#B21E6A); - -webkit-background-clip: text; - background-clip: text; - -webkit-text-fill-color: transparent; - animation: gradientR 1000s linear infinite; - @keyframes gradientR { - to { - background-position: 4500vh; - } - } + background-color: var(--selector); } -#mt-scrollup, -.mt-author__avatar, -.mt-copyright-text, -.nav-links, -.post-thumbnail img, -.site-info, -.wp-block-image { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; +::-webkit-scrollbar,.comment-form-url { + display: none; } -video { - max-width: 100%; - width: 100% !important; + +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { + border-color: var(--href); + background-color: var(--background-darker); } -.bttn, -.navigation .nav-links a, -.search-submit, -.tagcloud a, -.wp-block-search__button, -button, -input.search-submit[type=submit], -input[type=button], -input[type=reset], -input[type=submit] { - background-color: var(--href); - border: none!important; - color: #fff!important; + +#site-navigation ul li a, .byline a, .entry-footer > span.tags-links, .entry-footer > span.tags-links a, .entry-title a, .menu-toggle a, .mt-author-bio, .mt-author-website a, .mt-related-post-title, .mt-search-icon a, .mt-social-menu-wrapper, .page-title, .posted-on time, .site-info, .tagcloud a:hover, .tags-links a, .widget-title, a.comment-edit-link, article.hentry .entry-footer > span, body, button, h1.entry-title, h2.entry-title a, h3#reply-title.comment-reply-title, hr, input, label, li, section ul li a, select, span.screen-reader-text, textarea, time, ul#primary-menu.menu.nav-menu:after { + color: var(--text-color) !important; + font-family: var(--main-font); } -.bttn, -.comment-reply-link, -.mt-menu-search .mt-form-wrap .search-form .search-field, -.navigation .nav-links a, -.page-numbers.current, -.tagcloud a:hover, -button, -input.search-submit, -input.search-submit:hover, -input[type=button], -input[type=reset], -input[type=submit], +/*** Background Start ***/ +#site-navigation ul li a::after, .front-slider-block .post-info-wrap .entry-meta .posted-on a:before, .has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, .posted-on a:before { + background-color: var(--text-color); +} + +#site-navigation, .wp-comment-cookies-consent, div#wpadminbar.nojq, div.custom-header.no-bg-img, div.cwv3_btns, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, div.site-branding, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, .gdrf-success, .gdrf-errors,#site-navigation ul li .sub-menu, #site-navigation ul li .children { + background-color: var(--background-darker) !important; +} + +#colophon .widget .widget-title:before, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, #secondary .widget .widget-title:before, #site-navigation .menu-item-description, .edit-link .post-edit-link, .features-post-title:before, .front-slider-block .lSAction > a:hover, .mt-live-link a, .mt-menu-search .mt-form-wrap .search-form .search-submit, .mt-related-post-title:before, .post-cats-list a, .reply .comment-reply-link, .top-featured-post-wrap .post-thumbnail .post-number, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_tag_cloud .tagcloud a:hover, article .post-thumbnail:before, article.sticky:before, div.mt-live-link a, input.search-submit { + background-color: var(--href); +} + +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .bttn:hover, .mt-live-link a:focus, .mt-live-link a:hover, .navigation .nav-links a:hover, .post-edit-link:hover, button, div.mt-live-link a:hover, input.search-submit:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { + color: var(--text-color); + background-color: var(--href-dark); +} + +div#bottom-footer, div#page.site, div#top-header.top-header-wrap.mt-clearfix { + background-color: var(--background)!important; +} + +.category-button[class*=cbd-cat-] a { + background-color: var(--href)!important; + color: var(--text-color); + border-radius: 2px; +} + +.category-button[class*=cbd-cat-] a:hover { + background-color: var(--href-dark)!important; + color: inherit; + border-radius: 2px; +} +/*** Background End ***/ +#colophon, .mt-social-menu-wrapper { + border-top: 1px solid var(--href-dark); +} + +.is-sticky .mt-social-menu-wrapper { + background: var(--background-darker); + z-index: 9999; + box-shadow: none!important; +} + +p { + color: var(--text-color); + font-family: var(--main-font); + font-size: 15px; +} + +h1, h2, h3, h4, h5, h6 { + clear: both; + font-weight: 400; + line-height: 1.5; + margin-bottom: 15px; + font-family: var(--main-font); + color: var(--text-color); +} + +.entry-title, .page-title, b, strong { + color: var(--text-color); + font-weight: 600; +} + +.mt-disclaimer-text, p em, p i { + color: var(--text-color); + font-family: var(--main-font); + font-style: italic; +} + +p em a, p i a { + color: #f5a9b8; + font-family: var(--main-font); + font-style: italic; +} + +p em a:hover, p i a:hover { + color: #c48793; + font-family: var(--main-font); + font-style: italic; +} + +.mt-author-name a:hover, .mt-author-website a:hover, em a, h3.entry-title a:active, h3.entry-title a:hover, i a, section ul li a:hover,.pojo-skip-link:focus { + color: var(--href)!important; +} + textarea { - border-radius: 5px!important; + overflow: auto; + padding-left: 3px; + vertical-align: top; + color: var(--text-color); + background-color: var(--background-darker); + height: 160px; + max-width: 100%; + width: 100%; } -img { - border-radius: 2px; + +input, input#author, input#email, input#url, input.search-field, input[type=email], input[type=password], input[type=search], input[type=text], input[type=url], p.comment-form-cookies-consent #wp-comment-cookies-consent { + color: var(--text-color)!important; + background-color: var(--background-darker); + border-bottom: none; + border: none; + border-radius: 2px; } + +.search-no-results #primary .search-submit { + margin-top: 40px; + border: 0; + font-size: 20px; + color: var(--text-color); +} + +body { + font-weight: 400; + overflow: hidden; + position: relative; + line-height: 1.8; + background: var(--background); +} + +* { + cursor: var(--cursor),default !important; +} + +.site-title { + margin: 0; + font-family: var(--special-font); + line-height: 1.5; + font-weight: 1; + color: var(--text-color); + text-shadow: 0 0 3px var(--href-dark),0 0 10px var(--href),0 0 20px var(--href),0 0 30px var(--href); +} + +.site-title a:hover { + color: var(--href); + cursor: url("data:image/webp;base64,UklGRkgDAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSHEBAAABkENtm2k738ze58ROKlSubNROdavYSW/bto3KrFLatm0be2a+rzjs0kbEBACxRb4GZlPz0R2QZxoAogwbx9amsEhH1KNd2VxDzo9pBCC2yN4gUL9e3E/B2Di2Ft0lf2xQOaBcu2Ez125ZdUYhePVGCtmrXVOQHo9Y/lrZgyi3sR3SrYfOXrN/ArYp8U6ZPnEu8aJI6cBNZY5HN4oMzgVmShIlR0n+X/haC4PlSZGicpOiC6TTIaCjSBWX9OoLVHyrUKygDzUAHJcvkpx2wqL8K4UiMag7ItT+KxZLfxvAoPp3kcUKrWFhr8gXh9S/OjARFigRixL0MA1YNPinIBZGJVqJCIgwVQlF5kcq6F9DWGTukvckmQcp7zUcEQAYYI3kHElREkmGRJoJg6wGKLkliYnzPgTvkiB9HoA8jUWqx5EvyvfN4pqweQARgBpdxm4+evnWrYuHF5ZUASIUGBlkRqmUBYDIoHBjY4usUWTw/wwAVlA4ILABAAAQCQCdASogACAAPl0kjkWjoiEb9AA4BcS2AE6ZjZEIwGeq/sBlpO8l+TlbEvIVvoHEC3gagHRwY/B2xe6y9F3KJmUjAchCd03m3WTJKM9lNj4A/v8r8P/Xx1meVrJSUMxTcc9AZUbxa7RBza8/X22RkP/ZT/WPJvC/31XXNWdX4IQcymLxSHwk/AOQot/Vy51SPpLByvi2Nw/WnY//Vvw5/K7sTv6L7lhx/paRR3x7/+tT8U7rqW3wZ27YUH+0pH8BfxU3qX+XPAYKa6+B7G4rKTErNTD8yHKRmzxi2SPCI+D3qFvHklOO5NEXQtwKgi/wwBymnoBsApVtopJHEfLWHvHs/Eu4wS6evuaq8pp+kHsTtkQg1Me+n5+IeVXrNyMhb46InSX+nR1VuVapmbHqeZ6IHBGivUs802afX4E4iF+92dw02gf5u/ohS9TFeaQxq5IRp7wmrHCYX+FN3B93Ku8jhEuLfGC7g5E85Eyxf5EGte35Fh7f69epPL/rnhnOP3JhPlxCEaAK0kD3Khpl3U+zmQunDE3bYwA+bicyd0CPQ4vqv92TaZ1G/TQAAAA="),default !important; +} + +.single .mt-author-box .mt-author-info .mt-author-name a { + font-family: var(--special-font); + color: var(--text-color); +} + +.error-num { + margin: 0; + font-family: var(--special-font); + line-height: 1.5; + font-weight: 1; +} + +.site-description { + margin: 0; + font-size: 15px; + font-family: var(--main-font); + line-height: 1.5; + font-weight: 1; + color: var(--text-color); +} + +.features-post-title { + font-size: 18px; + font-weight: 700; + margin-bottom: 25px; + position: relative; + padding-left: 40px; + font-family: var(--main-font); +} + +.btn-wrapper a, .entry-footer .mt-readmore-btn, .mt-readmore-btn { + display: inline-block; + padding: 0; + font-size: 14px; + color: var(--text-color); +} + +.wp-block-code, code { + background-color: #343434; +} + +#wpadminbar .ab-top-menu > li.hover > .ab-item, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { + background: var(--background-darker); + color: var(--href); +} + +#wpadminbar .quicklinks a span#ab-updates { + background: var(--background-darker); + color: #2c3338; + display: inline; + padding: 2px 5px; + font-size: 10px; + font-weight: 600; + border-radius: 10px; +} + +#wpadminbar .menupop .ab-sub-wrapper, #wpadminbar .shortlink-input { + margin: 0; + padding: 0; + box-shadow: 0 3px 5px #00000033; + background: var(--background-darker); + display: none; + position: absolute; + float: none; +} + +#cancel-comment-reply-link:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a:before, .edit-link .post-edit-link:before, .nav-links .nav-next a:after, .nav-links .nav-previous a:before, .widget_archive a:before, .widget_categories a:before, .widget_meta a:before, .widget_nav_menu li a:before, .widget_pages li a:before, .widget_recent_comments li:before, .widget_recent_entries a:before, .widget_rss li:before, .wp-block-archives li a:before, .wp-block-categories li a:before, .wp-block-latest-comments li:before, .wp-block-latest-posts li a:before, .wp-block-page-list li a:before, blockquote:after, blockquote:before, li.recentcomments:before, q:after, q:before { + font-family: ForkAwesome!important; + color: var(--text-color); +} + +#mt-scrollup:before { + content: '\f061'; + font-family: 'ForkAwesome'; + -moz-transition: none; + -webkit-transition: none; + transition: none; +} + +a:hover, em a:active, em a:focus, em a:hover,.pojo-skip-link:focus { + color: var(--href); +} + +#cancel-comment-reply-link, #cancel-comment-reply-link:before, #footer-menu li a:hover, #mt-scrollup:hover, #site-navigation ul li.current-menu-ancestor > a, #site-navigation ul li.current-menu-item > a, #site-navigation ul li.current-menu-parent > a, #site-navigation ul li.current_page_ancestor > a, #site-navigation ul li.current_page_item > a, #site-navigation ul li.focus > a, #site-navigation ul li:hover > a, #top-footer a:hover, #top-navigation ul li a:hover, .banner-sub-title, .breadcrumbs .trail-items li a:hover, .btn-wrapper a:hover, .cat-links a:hover, .color_blog_dark_latest_posts .mt-post-title a:hover, .comment-author .fn .url:hover, .commentmetadata .comment-edit-link, .entry-cat .cat-links a:hover, .entry-cat a:hover, .entry-footer .mt-readmore-btn:hover, .entry-footer a:hover, .entry-meta a:hover, .entry-title a:hover, .front-slider-block .banner-title a:hover, .front-slider-block .post-info-wrap .entry-title a:hover, .has-thumbnail .post-info-wrap .entry-title a:hover, .logged-in-as a, .menu-toggle:hover, .mt-readmore-btn:hover, .mt-search-icon:hover, .mt-social-icon-wrap li a:focus, .mt-social-icon-wrap li a:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .post-info-wrap .entry-meta a:hover, .single .mt-single-related-posts .entry-title a:hover, .widget a:hover, .widget a:hover:before, .widget li:hover:before, .wrap-label i, a, a:focus { + color: var(--href); +} + +#site-navigation ul li[class*=cbd-cat-] .menu-item-description:after { + border-top-color: var(--href); +} + +.color_blog_dark_social_media a:hover, .custom-header, .error-404.not-found, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_search .search-submit:hover, .widget_tag_cloud .tagcloud a:hover { + border-color: var(--href); +} + +.mt-menu-search .mt-form-wrap .search-form .search-field:focus { + outline-color: var(--href); +} + +.entry-footer > span.tags-links a:hover, ul.trail-items span { + color: var(--href)!important; +} + +ul.trail-items span:hover { + color: var(--href-dark)!important; +} + +.mt-menu-search .mt-form-wrap .search-form .search-submit:hover, .tagcloud a:hover, .wp-block-search__button:hover { + border-radius: 0; + background-color: var(--href-dark)!important; +} + +.mt-menu-search .mt-form-wrap .search-form .search-field, textarea { + border: none!important; + border-bottom: none!important; + border-top: none!important; + border-left: none!important; + border-right: none!important; +} + +span.required { + color: red; +} + +.mt-author-box { + margin-top: 15px; +} + +.mt-author-box .mt-author__avatar img { + border-radius: 50%!important; + border: 1px var(--href) solid; +} + +.mt-live-link a:focus, .mt-live-link a:hover, .search article,.pojo-skip-link:focus { + box-shadow: none; +} + +.site-info { + float: unset; + text-align: center; +} + +.mt-copyright-text { + background-image: linear-gradient(to right, #E61D25,#F46F22,#F7924E,#E05AA3,#C34E95,#B21E6A); + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; + animation: gradientR 1000s linear infinite; + @keyframes gradientR { + to { + background-position: 4500vh; +} + } +} + +#mt-scrollup, .mt-author__avatar, .mt-copyright-text, .nav-links, .post-thumbnail img, .site-info, .wp-block-image { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +video { + max-width: 100%; + width: 100% !important; +} + +.bttn, .navigation .nav-links a, .search-submit, .tagcloud a, .wp-block-search__button, button, input.search-submit[type=submit], input[type=button], input[type=reset], input[type=submit] { + background-color: var(--href); + border: none!important; + color: var(--text-color)!important; +} + +.bttn, .comment-reply-link, .mt-menu-search .mt-form-wrap .search-form .search-field, .navigation .nav-links a, .page-numbers.current, .tagcloud a:hover, button, input.search-submit, input.search-submit:hover, input[type=button], input[type=reset], input[type=submit], textarea { + border-radius: 5px!important; +} + +img,.pojo-skip-link { + border-radius: 2px; +} + .page-numbers.current { - background-color: var(--href-dark); - border: none!important; - color: #fff!important; + background-color: var(--href-dark); + border: none!important; + color: var(--text-color)!important; } + div#cwv3_dialog.cwv3_dialog.js { - background-color: var(--background)!important; - border-color: var(--background-darker)!important; + background-color: var(--background)!important; + border-color: var(--background-darker)!important; } -.recentcomments, -.widget_recent_comments li { - display: block!important; + +.recentcomments, .widget_recent_comments li { + display: block!important; } + .comment-author img { - border-radius: 50%!important; - padding: none; - border: none; + border-radius: 50%!important; + padding: none; + border: none; } -.screen-reader-text:active, -.screen-reader-text:focus, -.screen-reader-text:hover { - background-color: var(--background)!important; - box-shadow: none!important; - color: var(--href)!important; + +.screen-reader-text:active, .screen-reader-text:focus, .screen-reader-text:hover { + background-color: var(--background)!important; + box-shadow: none!important; + color: var(--href)!important; } -@media (max-width: 979px){ - #site-navigation ul li a, - .is-sticky #site-navigation ul li a { - border-bottom: 1px solid var(--href-dark); - } + +@media (max-width: 979px) { + #site-navigation ul li a, .is-sticky #site-navigation ul li a { + border-bottom: 1px solid var(--href-dark); + } +} + +#site-navigation ul li a.sub-toggle, #site-navigation ul li a.sub-toggle:hover { + background: var(--background) none repeat scroll 0 0; + color: var(--text-color); + border: none; } \ No newline at end of file diff --git a/scss/jse-theme.scss b/scss/jse-theme.scss new file mode 100644 index 0000000..8ba625d --- /dev/null +++ b/scss/jse-theme.scss @@ -0,0 +1,13 @@ +@use '_base'; +@import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); +:root { + --text-color: #fff; + --background: #191b19; + --background-darker: #000200; + --href: #19D73E; + --href-dark: #21C03C; + --selector: #rgb(29,93,156); + --main-font: 'Oxygen',sans-serif; + --special-font: 'Damion',handwriting; + --cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAAEEfUpiAAAACXBIWXMAAAsTAAALEwEAmpwYAAAJ70lEQVRYw61XC1SUVR6/wwwvGXCcJ/OegRlLCCkVn5mFlQlnxW3P6mlz29LcTpvlo8cqGJLmA82j+UgzFBQfSWiikk/CV6ng8FAhJEHBNEFARXnNN3N/e79PBkGstT17z7kz8H33/u///h+/329Iaf2dHeTBoUkltLkJnwMghFJKeodHQPvMKGgPeFNhRWy12W08Q+A7MMbdbTsxPimnukKbi4KKhQerL9bUWywWGCtjcQVIEx6aKkbAcISwQ+DFf/YPtero2qqmZv4lpehq00WpqMfOfiALUzAs+nmQnflUkmN1sY1m4J5XvBUp2XqKPjvpHZCl6TA4xNBsFFP2vJdnAbElzkRkmQ2mDB8qe+X9++ewlwlsioVrP2z4rrHCf+BzzFxLT8DVfUFS8TWnaoEEqmM29D2T1d0MM21QHY+nj02eDtmUJPQ8nI4FRTeFhZy7/RZkaabbbDbDEhICsnIvjA4CHfFtTbt8UwgU8fk2Gz7Tk+E95yv4LvoYhtMEshfG85EUCQs2l7eU2y7bYa56Qtgd9CV/KTzbcTPgsiimMJoOumCklqf93Y1AeoeTRcCuwEBZ65TSq/yu4e2Oi643t5FHHn02rIFmqBaawToaPNzPrdk+DSevI59/d6qmUezJxkPH/mt3xNeAlT1mE6d2lzeU388EiV/HcppNybJDIAeWca86Snnv/uLxbntl7X0DnlgOK9oDUeJGqnj5H9BbrBDCarNDGr8S5PMcmCrCqf0soardE/BdA63o4tWF280SJ0UCWZbJBU78CP0GDUZPmQzhT0TAf94GkIT1MF2KhLGAQJFJoJLqOCcw9WJji0Qw4Gz3YlxRPhTZyymZ+zW7wjcg7y6F/9wPYS4LgvokgWYngeFFGZ1WfLV7QH5pauOTN/GFy8Ncz13sC5MjAMEs4Xz7GQ4T6rdKAqmmd1u1Gwd+NyNLKm5BP+FdSKNioRw1Ec+s243MemclM6546shVUbeM7Lx6twm46kfIfFLX1CIgwR8afWZ8CuUXH6OoFUf5/8tvNf9+3h8cM49foapPCTXJ5dzg9fv4fM+/Z4A+mqGLTqTJhom54MHBVBulReA0GfeWo5o39JKncM7fbPptA2zBY5LRA6CKVlN1KuvD3UFUmxdO/U7FupefreHYe/W9dW7icv9GfPqnbEVwBqHGCyMgSVwIsmgHyGcHqM+GLBqYl4zcKpzn1+2obHj4tZKL6+7aynSUzGBlm/QFJn0UD03kAJCsEkrWFMBQZXGFHUvFzWakCIVHXeKOzY66ZvGtRiz0OTLJSVIP4fFgFbQ6nQAvoQoZyO4SBGZ/SfV5IgQdFnN/PXqej8+EzjEQ8UVC1m6GaGUWjQgPh9VqFWaIXguyvQCS5ZtgKpQgOFdEQycpEbJgHTqu4movnGdzfwbJKKB91HIoNRqE9Y2EVSkHST8C/68+FUpae5DA/Jqcjs36oQsyC9+pFbW/kNX73STzHPq/ORWasX8H2ZYP8t4SGCqHwFRwr5lCH+/lXlvdeKNLMC/daZVQJ6aGVMdxZCHrRH4mrQeZPA+G4tGQMS4KPkEQyNhPanmKZ5bYRmenQPKW2PSJKvgQfctDqbkyigHIUJh/lsGQT1hnMve/ITTkySC6oPL2b5fmG0UlGFvVn4adM0N/xgs6ttnIcEC5k1DLSCkdkZWPTgeSbnH4ttZdMGpxH1d0ZRQNPW9G2CkFjLP9qEKld84oucGWnZDwtNrqegg732hx8oASZ01aDdnIcQgaFAfzP5Pw7ukKPu+JnpQ3cQ8w3ObLDS2iD1dgfHY+DtSinC161fNuxU81XgKR8+PfOx69xf/IYEanxWXkQzNIzmk3EZc4xu7qnbgec8vrcZ0xGHtv86xtYpnz6IIWFob/i0PMiO/W6raLgZvHQRVH3Ga7jYaE2GA3BFONVsH5jxmP2N2F2HXFzWQOJnvOjNlfcT865J6m+p8dYhvfHJdTAN8ouUs3XEU1gzVQP62CakoAVazypoZ0MfRpxB2QruEse5YgwVGDS3X4lu2L8NhoaOU6ZA6r8T/mDHDOa1c9LVa+MwWqKIlLscyXatJZ82z3haGgL/TlEyA/Gk8DMpfQgIzV6LUnmYoPfMBJji/Ei0V52FZ2t5YdOB0o9xYMzv6Rxxevfb/WkYeWfefxa3ObByPHv3a6BJJUb7cpm2Fr+VD0ypoD8tZ8kFkrQBZvApmfwviWgdam70F2FVGSfoqSr/Ih3bvJLS2L4bRHkjCjsBaldTjI7A3soNy7rWJBS7FR3+rs6kxnFjxUjRO672cguGK4S7JoDQP2LSDJG9FneDTenvAKhkRFobfdBqtBD5s8CKqXX2eYXQay5QRz5BTVnH0foWU+VJ1POJ+DwzDkWA7Wl7XeZgd+DNwOEA6Jvx+NDkdqWQ+3P4iZUsZQdWuSW7Qgg4pS9sMQzkSCXoeQkNAOmLYy8W0JtSGUYb86ZjyLRgnIin3wSdnMRHk0g24vanR4UfMxCey5xC3/s4aT/S0BST83gAHh+wJ73265VzP8hwDpkUmCM6cbWvbLtzC4Xp7JkfW56DtyFP40+iUolCrY7XbYbExsm4wwWhnhaJRQ8aid4WDR2gbv5WtgqhzJNJQXc4Khd44Iyl2M8ScraLBU63xmbQbqgM+Ec+qaumrzhjbOqz0Kw6eeqWKKLouKU3Io2eagujGvYt7097A4KRFJ8TOxKGEW+tlCEPjmLEYZeSxNqUyHLYP84FswlqthbAfw4GwC9XZCrbFKGqQNo/86yeMcRvLn1LVyXl0c4GVm/z0lQqEUXUNGZGkWAr5bx5GluUyEs4js/Qnkm0JGcCdBMovYs+MgC1hRvrMQkg/mQH9uDFQOKfRMz/G31+eyCDAGUSb1gEEm5yIWp+EC8DVv/+28ai/XgwqM96aRc3mi8FTCmWp3WPHzGFgzlOoLX6eB22bBL3kOvBM/gc/8TyBd9QHUh15nsnUA9MU+CGaso81jB7Op3ccYaCuh8k/8YVbIOMucNchvxY8P0F/3luRl7qrSG4ITpbXY8OLZDIy99gQ3ojwSEcVamAsksBQRgZ1NjOJN+e1/s8n/OjEdZ9qZyaOgNBFM0UG0hy68bdwPAhkJec+puSvedDSv0w+kBwbfkozqPArWPtdxtW1E+WuY2PY0jbs2gMawn0Fh50IQVqxGn0IpzCe9oeVDfYiFeqeIqmb7wfxYgNvPPoQbffAcLnLIBS75tdvzeiSpyXt3+PodoS0ZGa2IWLwVQUTUYlHL3bZ+GmqP1VBLnJLaR/ek1v5Sl0avcAYZwtyql9/DmL0O7Kh3/soOeaNTuIWD7zwqPHfOD2M+HlLfKAMy9tyiJWlXGm+tu1TPpVTdbPn6RssvP7iQWw8k8zqYTX+PjWbO1dFirv9CUv8Bzb+PkAVQR3YAAAAASUVORK5CYII="); +}