diff --git a/.editorconfig b/.editorconfig new file mode 100644 index 0000000..6df73f5 --- /dev/null +++ b/.editorconfig @@ -0,0 +1,27 @@ +# this file is the top-most editorconfig file +root = true + +# all files +[*] +charset = utf-8 +end_of_line = lf +indent_style = space +indent_size = 4 +insert_final_newline = true +trim_trailing_whitespace = true + +# markdown files +[*.md] +insert_final_newline = false +trim_trailing_whitespace = false + +# configuration files +[*.toml] +indent_size = 2 + +# web files +[*.{html,css,scss}] +indent_size = 2 + +[Makefile] +indent_style = tab \ No newline at end of file diff --git a/css/debian-theme.css b/css/debian-theme.css index f3da46b..044d743 100644 --- a/css/debian-theme.css +++ b/css/debian-theme.css @@ -7,35 +7,114 @@ 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); } -ul#primary-menu.menu.nav-menu :after, span.screen-reader-text, li, label, hr, h3#reply-title.comment-reply-title, .tags-links a, .posted-on time, .byline a, time, a.comment-edit-link, .entry-footer > span.tags-links a, .entry-footer > span.tags-links, h2.entry-title a, .site-info, body, button, input, select, textarea, article.hentry .entry-footer > span, .mt-social-menu-wrapper, .mt-related-post-title, .widget-title, .page-title, h1.entry-title, .entry-title a, .mt-author-website a, section ul li a, .mt-author-bio, .menu-toggle a, .mt-search-icon a, #site-navigation ul li a, .tagcloud a:hover { +#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 ***/ -.has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, .front-slider-block .post-info-wrap .entry-meta .posted-on a:before, .posted-on a:before, #site-navigation ul li a::after { +#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); } -.wp-comment-cookies-consent, div.site-branding, div.logo-ads-wrap, div#wpadminbar.nojq, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, div.mt-logo-row-wrapper.mt-clearfix, div.custom-header.no-bg-img, #site-navigation, div.cwv3_btns { +#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; } -div.mt-live-link a, input.search-submit, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, .front-slider-block .lSAction > a:hover, .top-featured-post-wrap .post-thumbnail .post-number, .post-cats-list a, #site-navigation .menu-item-description, article .post-thumbnail:before, #secondary .widget .widget-title:before, .mt-related-post-title:before, #colophon .widget .widget-title:before, .features-post-title:before, .mt-menu-search .mt-form-wrap .search-form .search-submit, .mt-live-link a, .widget_tag_cloud .tagcloud a:hover, .widget.widget_tag_cloud a:hover, .edit-link .post-edit-link, .reply .comment-reply-link, .widget_search .search-submit, article.sticky:before { +#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); } -.mt-live-link a:hover, .mt-live-link a:focus, div.mt-live-link a:hover, input.search-submit:hover, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .navigation .nav-links a:hover, .bttn:hover, button, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .post-edit-link: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#top-header.top-header-wrap.mt-clearfix, div#page.site, div#bottom-footer { +div#bottom-footer, +div#page.site, +div#top-header.top-header-wrap.mt-clearfix { background-color: var(--background) !important; } @@ -52,14 +131,15 @@ div#top-header.top-header-wrap.mt-clearfix, div#page.site, div#bottom-footer { } /*** Background End ***/ +#colophon, .mt-social-menu-wrapper { - border-top: 1px solid rgba(255, 255, 255, 0.2); + border-top: 1px solid var(--href-dark); } .is-sticky .mt-social-menu-wrapper { background: var(--background-darker); z-index: 9999; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); + box-shadow: none !important; } p { @@ -68,7 +148,12 @@ 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; @@ -77,30 +162,43 @@ h1, h2, h3, h4, h5, h6 { color: var(--text-color); } -strong, b, .entry-title, .page-title { +.entry-title, +.page-title, +b, +strong { color: var(--text-color); font-weight: 600; } -p em, p i, .mt-disclaimer-text { +.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; } -em a, i a, h3.entry-title a:hover, h3.entry-title a:active, .mt-author-website a:hover, .mt-author-name a:hover, 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 { color: var(--href) !important; } @@ -115,7 +213,17 @@ textarea { width: 100%; } -input, input#author, input#email, input#url, input.search-field, input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], p.comment-form-cookies-consent #wp-comment-cookies-consent { +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; @@ -186,18 +294,24 @@ body { font-family: var(--main-font); } -.entry-footer .mt-readmore-btn, .btn-wrapper a, .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); } -code, .wp-block-code { +.wp-block-code, +code { background-color: #343434; } -#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, #wpadminbar.nojq .quicklinks .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 .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); } @@ -212,7 +326,8 @@ code, .wp-block-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); @@ -222,7 +337,30 @@ code, .wp-block-code { float: none; } -li.recentcomments:before, blockquote:before, q:before, blockquote:after, q:after, .edit-link .post-edit-link:before, .nav-links .nav-previous a:before, .nav-links .nav-next a:after, #cancel-comment-reply-link:before, .widget_archive a:before, .widget_categories a:before, .widget_recent_entries a:before, .widget_meta a:before, .widget_recent_comments li:before, .widget_rss li:before, .widget_pages li a:before, .widget_nav_menu li a:before, .wp-block-latest-posts li a:before, .wp-block-archives li a:before, .wp-block-categories li a:before, .wp-block-page-list li a:before, .wp-block-latest-comments li:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a: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); } @@ -235,11 +373,58 @@ li.recentcomments:before, blockquote:before, q:before, blockquote:after, q:after transition: none; } -em a:active, em a:focus, em a:hover, a:hover { +a:hover, +em a:active, +em a:focus, +em a:hover { color: var(--href); } -#mt-scrollup:hover, .entry-cat .cat-links a:hover, .entry-cat a:hover, .entry-footer a:hover, .comment-author .fn .url:hover, .commentmetadata .comment-edit-link, #cancel-comment-reply-link, #cancel-comment-reply-link:before, .logged-in-as a, .widget a:hover, .widget a:hover:before, .widget li:hover:before, .mt-social-icon-wrap li a:hover, .mt-social-icon-wrap li a:focus, #site-navigation ul li:hover > a, #site-navigation ul li.current-menu-item > a, #site-navigation ul li.current_page_ancestor > a, #site-navigation ul li.current-menu-ancestor > a, #site-navigation ul li.current_page_item > a, #site-navigation ul li.current-menu-parent > a, #site-navigation ul li.focus > a, .banner-sub-title, .entry-title a:hover, .cat-links a:hover, .entry-footer .mt-readmore-btn:hover, .btn-wrapper a:hover, .mt-readmore-btn:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, #footer-menu li a:hover, .color_blog_dark_latest_posts .mt-post-title a:hover, .menu-toggle:hover, #top-navigation ul li a:hover, .mt-search-icon:hover, .entry-meta a:hover, .front-slider-block .banner-title a:hover, .post-info-wrap .entry-meta a:hover, .single .mt-single-related-posts .entry-title a:hover, .breadcrumbs .trail-items li a:hover, .wrap-label i, .has-thumbnail .post-info-wrap .entry-title a:hover, .front-slider-block .post-info-wrap .entry-title a:hover, #top-footer a:hover, 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); } @@ -247,7 +432,15 @@ em a:active, em a:focus, em a:hover, a:hover { border-top-color: var(--href); } -.widget_search .search-submit, .widget_search .search-submit:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .error-404.not-found, .color_blog_dark_social_media a:hover, .custom-header, .widget_tag_cloud .tagcloud a:hover, .widget.widget_tag_cloud 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); } @@ -255,7 +448,8 @@ em a:active, em a:focus, em a:hover, a:hover { outline-color: var(--href); } -ul.trail-items span, .entry-footer > span.tags-links a:hover { +.entry-footer > span.tags-links a:hover, +ul.trail-items span { color: var(--href) !important; } @@ -263,12 +457,15 @@ 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; @@ -289,7 +486,9 @@ span.required { border: 1px var(--href) solid; } -.search article, .mt-live-link a:hover, .mt-live-link a:focus { +.mt-live-link a:focus, +.mt-live-link a:hover, +.search article { box-shadow: none; } @@ -303,36 +502,59 @@ span.required { -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: gradientR 1000s linear infinite; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -.site-info, .post-thumbnail img, .mt-author__avatar, .wp-block-image, #mt-scrollup, .nav-links { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - @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; } -.tagcloud a, .search-submit, input.search-submit[type=submit], .wp-block-search__button, .navigation .nav-links a, .bttn, button, 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; } -.tagcloud a:hover, input.search-submit, input.search-submit:hover, .navigation .nav-links a, .bttn, button, input[type=button], input[type=reset], input[type=submit], .mt-menu-search .mt-form-wrap .search-form .search-field, .page-numbers.current, textarea, .comment-reply-link { +.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; } @@ -351,7 +573,8 @@ div#cwv3_dialog.cwv3_dialog.js { border-color: var(--background-darker) !important; } -.widget_recent_comments li, .recentcomments { +.recentcomments, +.widget_recent_comments li { display: block !important; } @@ -361,6 +584,20 @@ div#cwv3_dialog.cwv3_dialog.js { 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); + } +} :root { --text-color:#fff; --background:#333333; diff --git a/css/default-theme.css b/css/default-theme.css index 60c5bd0..0b06c5d 100644 --- a/css/default-theme.css +++ b/css/default-theme.css @@ -7,35 +7,114 @@ 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); } -ul#primary-menu.menu.nav-menu :after, span.screen-reader-text, li, label, hr, h3#reply-title.comment-reply-title, .tags-links a, .posted-on time, .byline a, time, a.comment-edit-link, .entry-footer > span.tags-links a, .entry-footer > span.tags-links, h2.entry-title a, .site-info, body, button, input, select, textarea, article.hentry .entry-footer > span, .mt-social-menu-wrapper, .mt-related-post-title, .widget-title, .page-title, h1.entry-title, .entry-title a, .mt-author-website a, section ul li a, .mt-author-bio, .menu-toggle a, .mt-search-icon a, #site-navigation ul li a, .tagcloud a:hover { +#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 ***/ -.has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, .front-slider-block .post-info-wrap .entry-meta .posted-on a:before, .posted-on a:before, #site-navigation ul li a::after { +#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); } -.wp-comment-cookies-consent, div.site-branding, div.logo-ads-wrap, div#wpadminbar.nojq, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, div.mt-logo-row-wrapper.mt-clearfix, div.custom-header.no-bg-img, #site-navigation, div.cwv3_btns { +#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; } -div.mt-live-link a, input.search-submit, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, .front-slider-block .lSAction > a:hover, .top-featured-post-wrap .post-thumbnail .post-number, .post-cats-list a, #site-navigation .menu-item-description, article .post-thumbnail:before, #secondary .widget .widget-title:before, .mt-related-post-title:before, #colophon .widget .widget-title:before, .features-post-title:before, .mt-menu-search .mt-form-wrap .search-form .search-submit, .mt-live-link a, .widget_tag_cloud .tagcloud a:hover, .widget.widget_tag_cloud a:hover, .edit-link .post-edit-link, .reply .comment-reply-link, .widget_search .search-submit, article.sticky:before { +#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); } -.mt-live-link a:hover, .mt-live-link a:focus, div.mt-live-link a:hover, input.search-submit:hover, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .navigation .nav-links a:hover, .bttn:hover, button, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .post-edit-link: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#top-header.top-header-wrap.mt-clearfix, div#page.site, div#bottom-footer { +div#bottom-footer, +div#page.site, +div#top-header.top-header-wrap.mt-clearfix { background-color: var(--background) !important; } @@ -52,14 +131,15 @@ div#top-header.top-header-wrap.mt-clearfix, div#page.site, div#bottom-footer { } /*** Background End ***/ +#colophon, .mt-social-menu-wrapper { - border-top: 1px solid rgba(255, 255, 255, 0.2); + border-top: 1px solid var(--href-dark); } .is-sticky .mt-social-menu-wrapper { background: var(--background-darker); z-index: 9999; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); + box-shadow: none !important; } p { @@ -68,7 +148,12 @@ 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; @@ -77,30 +162,43 @@ h1, h2, h3, h4, h5, h6 { color: var(--text-color); } -strong, b, .entry-title, .page-title { +.entry-title, +.page-title, +b, +strong { color: var(--text-color); font-weight: 600; } -p em, p i, .mt-disclaimer-text { +.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; } -em a, i a, h3.entry-title a:hover, h3.entry-title a:active, .mt-author-website a:hover, .mt-author-name a:hover, 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 { color: var(--href) !important; } @@ -115,7 +213,17 @@ textarea { width: 100%; } -input, input#author, input#email, input#url, input.search-field, input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], p.comment-form-cookies-consent #wp-comment-cookies-consent { +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; @@ -186,18 +294,24 @@ body { font-family: var(--main-font); } -.entry-footer .mt-readmore-btn, .btn-wrapper a, .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); } -code, .wp-block-code { +.wp-block-code, +code { background-color: #343434; } -#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, #wpadminbar.nojq .quicklinks .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 .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); } @@ -212,7 +326,8 @@ code, .wp-block-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); @@ -222,7 +337,30 @@ code, .wp-block-code { float: none; } -li.recentcomments:before, blockquote:before, q:before, blockquote:after, q:after, .edit-link .post-edit-link:before, .nav-links .nav-previous a:before, .nav-links .nav-next a:after, #cancel-comment-reply-link:before, .widget_archive a:before, .widget_categories a:before, .widget_recent_entries a:before, .widget_meta a:before, .widget_recent_comments li:before, .widget_rss li:before, .widget_pages li a:before, .widget_nav_menu li a:before, .wp-block-latest-posts li a:before, .wp-block-archives li a:before, .wp-block-categories li a:before, .wp-block-page-list li a:before, .wp-block-latest-comments li:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a: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); } @@ -235,11 +373,58 @@ li.recentcomments:before, blockquote:before, q:before, blockquote:after, q:after transition: none; } -em a:active, em a:focus, em a:hover, a:hover { +a:hover, +em a:active, +em a:focus, +em a:hover { color: var(--href); } -#mt-scrollup:hover, .entry-cat .cat-links a:hover, .entry-cat a:hover, .entry-footer a:hover, .comment-author .fn .url:hover, .commentmetadata .comment-edit-link, #cancel-comment-reply-link, #cancel-comment-reply-link:before, .logged-in-as a, .widget a:hover, .widget a:hover:before, .widget li:hover:before, .mt-social-icon-wrap li a:hover, .mt-social-icon-wrap li a:focus, #site-navigation ul li:hover > a, #site-navigation ul li.current-menu-item > a, #site-navigation ul li.current_page_ancestor > a, #site-navigation ul li.current-menu-ancestor > a, #site-navigation ul li.current_page_item > a, #site-navigation ul li.current-menu-parent > a, #site-navigation ul li.focus > a, .banner-sub-title, .entry-title a:hover, .cat-links a:hover, .entry-footer .mt-readmore-btn:hover, .btn-wrapper a:hover, .mt-readmore-btn:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, #footer-menu li a:hover, .color_blog_dark_latest_posts .mt-post-title a:hover, .menu-toggle:hover, #top-navigation ul li a:hover, .mt-search-icon:hover, .entry-meta a:hover, .front-slider-block .banner-title a:hover, .post-info-wrap .entry-meta a:hover, .single .mt-single-related-posts .entry-title a:hover, .breadcrumbs .trail-items li a:hover, .wrap-label i, .has-thumbnail .post-info-wrap .entry-title a:hover, .front-slider-block .post-info-wrap .entry-title a:hover, #top-footer a:hover, 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); } @@ -247,7 +432,15 @@ em a:active, em a:focus, em a:hover, a:hover { border-top-color: var(--href); } -.widget_search .search-submit, .widget_search .search-submit:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .error-404.not-found, .color_blog_dark_social_media a:hover, .custom-header, .widget_tag_cloud .tagcloud a:hover, .widget.widget_tag_cloud 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); } @@ -255,7 +448,8 @@ em a:active, em a:focus, em a:hover, a:hover { outline-color: var(--href); } -ul.trail-items span, .entry-footer > span.tags-links a:hover { +.entry-footer > span.tags-links a:hover, +ul.trail-items span { color: var(--href) !important; } @@ -263,12 +457,15 @@ 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; @@ -289,7 +486,9 @@ span.required { border: 1px var(--href) solid; } -.search article, .mt-live-link a:hover, .mt-live-link a:focus { +.mt-live-link a:focus, +.mt-live-link a:hover, +.search article { box-shadow: none; } @@ -303,36 +502,59 @@ span.required { -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: gradientR 1000s linear infinite; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -.site-info, .post-thumbnail img, .mt-author__avatar, .wp-block-image, #mt-scrollup, .nav-links { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - @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; } -.tagcloud a, .search-submit, input.search-submit[type=submit], .wp-block-search__button, .navigation .nav-links a, .bttn, button, 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; } -.tagcloud a:hover, input.search-submit, input.search-submit:hover, .navigation .nav-links a, .bttn, button, input[type=button], input[type=reset], input[type=submit], .mt-menu-search .mt-form-wrap .search-form .search-field, .page-numbers.current, textarea, .comment-reply-link { +.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; } @@ -351,7 +573,8 @@ div#cwv3_dialog.cwv3_dialog.js { border-color: var(--background-darker) !important; } -.widget_recent_comments li, .recentcomments { +.recentcomments, +.widget_recent_comments li { display: block !important; } @@ -361,6 +584,20 @@ div#cwv3_dialog.cwv3_dialog.js { 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); + } +} :root { --text-color:#fff; --background:#383C4A; diff --git a/css/discord-theme.css b/css/discord-theme.css index febb3a9..4cbe5db 100644 --- a/css/discord-theme.css +++ b/css/discord-theme.css @@ -7,35 +7,114 @@ 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); } -ul#primary-menu.menu.nav-menu :after, span.screen-reader-text, li, label, hr, h3#reply-title.comment-reply-title, .tags-links a, .posted-on time, .byline a, time, a.comment-edit-link, .entry-footer > span.tags-links a, .entry-footer > span.tags-links, h2.entry-title a, .site-info, body, button, input, select, textarea, article.hentry .entry-footer > span, .mt-social-menu-wrapper, .mt-related-post-title, .widget-title, .page-title, h1.entry-title, .entry-title a, .mt-author-website a, section ul li a, .mt-author-bio, .menu-toggle a, .mt-search-icon a, #site-navigation ul li a, .tagcloud a:hover { +#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 ***/ -.has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, .front-slider-block .post-info-wrap .entry-meta .posted-on a:before, .posted-on a:before, #site-navigation ul li a::after { +#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); } -.wp-comment-cookies-consent, div.site-branding, div.logo-ads-wrap, div#wpadminbar.nojq, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, div.mt-logo-row-wrapper.mt-clearfix, div.custom-header.no-bg-img, #site-navigation, div.cwv3_btns { +#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; } -div.mt-live-link a, input.search-submit, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, .front-slider-block .lSAction > a:hover, .top-featured-post-wrap .post-thumbnail .post-number, .post-cats-list a, #site-navigation .menu-item-description, article .post-thumbnail:before, #secondary .widget .widget-title:before, .mt-related-post-title:before, #colophon .widget .widget-title:before, .features-post-title:before, .mt-menu-search .mt-form-wrap .search-form .search-submit, .mt-live-link a, .widget_tag_cloud .tagcloud a:hover, .widget.widget_tag_cloud a:hover, .edit-link .post-edit-link, .reply .comment-reply-link, .widget_search .search-submit, article.sticky:before { +#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); } -.mt-live-link a:hover, .mt-live-link a:focus, div.mt-live-link a:hover, input.search-submit:hover, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .navigation .nav-links a:hover, .bttn:hover, button, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .post-edit-link: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#top-header.top-header-wrap.mt-clearfix, div#page.site, div#bottom-footer { +div#bottom-footer, +div#page.site, +div#top-header.top-header-wrap.mt-clearfix { background-color: var(--background) !important; } @@ -52,14 +131,15 @@ div#top-header.top-header-wrap.mt-clearfix, div#page.site, div#bottom-footer { } /*** Background End ***/ +#colophon, .mt-social-menu-wrapper { - border-top: 1px solid rgba(255, 255, 255, 0.2); + border-top: 1px solid var(--href-dark); } .is-sticky .mt-social-menu-wrapper { background: var(--background-darker); z-index: 9999; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); + box-shadow: none !important; } p { @@ -68,7 +148,12 @@ 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; @@ -77,30 +162,43 @@ h1, h2, h3, h4, h5, h6 { color: var(--text-color); } -strong, b, .entry-title, .page-title { +.entry-title, +.page-title, +b, +strong { color: var(--text-color); font-weight: 600; } -p em, p i, .mt-disclaimer-text { +.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; } -em a, i a, h3.entry-title a:hover, h3.entry-title a:active, .mt-author-website a:hover, .mt-author-name a:hover, 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 { color: var(--href) !important; } @@ -115,7 +213,17 @@ textarea { width: 100%; } -input, input#author, input#email, input#url, input.search-field, input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], p.comment-form-cookies-consent #wp-comment-cookies-consent { +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; @@ -186,18 +294,24 @@ body { font-family: var(--main-font); } -.entry-footer .mt-readmore-btn, .btn-wrapper a, .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); } -code, .wp-block-code { +.wp-block-code, +code { background-color: #343434; } -#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, #wpadminbar.nojq .quicklinks .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 .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); } @@ -212,7 +326,8 @@ code, .wp-block-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); @@ -222,7 +337,30 @@ code, .wp-block-code { float: none; } -li.recentcomments:before, blockquote:before, q:before, blockquote:after, q:after, .edit-link .post-edit-link:before, .nav-links .nav-previous a:before, .nav-links .nav-next a:after, #cancel-comment-reply-link:before, .widget_archive a:before, .widget_categories a:before, .widget_recent_entries a:before, .widget_meta a:before, .widget_recent_comments li:before, .widget_rss li:before, .widget_pages li a:before, .widget_nav_menu li a:before, .wp-block-latest-posts li a:before, .wp-block-archives li a:before, .wp-block-categories li a:before, .wp-block-page-list li a:before, .wp-block-latest-comments li:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a: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); } @@ -235,11 +373,58 @@ li.recentcomments:before, blockquote:before, q:before, blockquote:after, q:after transition: none; } -em a:active, em a:focus, em a:hover, a:hover { +a:hover, +em a:active, +em a:focus, +em a:hover { color: var(--href); } -#mt-scrollup:hover, .entry-cat .cat-links a:hover, .entry-cat a:hover, .entry-footer a:hover, .comment-author .fn .url:hover, .commentmetadata .comment-edit-link, #cancel-comment-reply-link, #cancel-comment-reply-link:before, .logged-in-as a, .widget a:hover, .widget a:hover:before, .widget li:hover:before, .mt-social-icon-wrap li a:hover, .mt-social-icon-wrap li a:focus, #site-navigation ul li:hover > a, #site-navigation ul li.current-menu-item > a, #site-navigation ul li.current_page_ancestor > a, #site-navigation ul li.current-menu-ancestor > a, #site-navigation ul li.current_page_item > a, #site-navigation ul li.current-menu-parent > a, #site-navigation ul li.focus > a, .banner-sub-title, .entry-title a:hover, .cat-links a:hover, .entry-footer .mt-readmore-btn:hover, .btn-wrapper a:hover, .mt-readmore-btn:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, #footer-menu li a:hover, .color_blog_dark_latest_posts .mt-post-title a:hover, .menu-toggle:hover, #top-navigation ul li a:hover, .mt-search-icon:hover, .entry-meta a:hover, .front-slider-block .banner-title a:hover, .post-info-wrap .entry-meta a:hover, .single .mt-single-related-posts .entry-title a:hover, .breadcrumbs .trail-items li a:hover, .wrap-label i, .has-thumbnail .post-info-wrap .entry-title a:hover, .front-slider-block .post-info-wrap .entry-title a:hover, #top-footer a:hover, 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); } @@ -247,7 +432,15 @@ em a:active, em a:focus, em a:hover, a:hover { border-top-color: var(--href); } -.widget_search .search-submit, .widget_search .search-submit:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .error-404.not-found, .color_blog_dark_social_media a:hover, .custom-header, .widget_tag_cloud .tagcloud a:hover, .widget.widget_tag_cloud 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); } @@ -255,7 +448,8 @@ em a:active, em a:focus, em a:hover, a:hover { outline-color: var(--href); } -ul.trail-items span, .entry-footer > span.tags-links a:hover { +.entry-footer > span.tags-links a:hover, +ul.trail-items span { color: var(--href) !important; } @@ -263,12 +457,15 @@ 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; @@ -289,7 +486,9 @@ span.required { border: 1px var(--href) solid; } -.search article, .mt-live-link a:hover, .mt-live-link a:focus { +.mt-live-link a:focus, +.mt-live-link a:hover, +.search article { box-shadow: none; } @@ -303,36 +502,59 @@ span.required { -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: gradientR 1000s linear infinite; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -.site-info, .post-thumbnail img, .mt-author__avatar, .wp-block-image, #mt-scrollup, .nav-links { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - @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; } -.tagcloud a, .search-submit, input.search-submit[type=submit], .wp-block-search__button, .navigation .nav-links a, .bttn, button, 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; } -.tagcloud a:hover, input.search-submit, input.search-submit:hover, .navigation .nav-links a, .bttn, button, input[type=button], input[type=reset], input[type=submit], .mt-menu-search .mt-form-wrap .search-form .search-field, .page-numbers.current, textarea, .comment-reply-link { +.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; } @@ -351,7 +573,8 @@ div#cwv3_dialog.cwv3_dialog.js { border-color: var(--background-darker) !important; } -.widget_recent_comments li, .recentcomments { +.recentcomments, +.widget_recent_comments li { display: block !important; } @@ -361,6 +584,20 @@ div#cwv3_dialog.cwv3_dialog.js { 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); + } +} :root { --text-color:#fff; --background:#2E3035; diff --git a/css/noctua-theme.css b/css/noctua-theme.css index b9c3967..302edfa 100644 --- a/css/noctua-theme.css +++ b/css/noctua-theme.css @@ -7,35 +7,114 @@ 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); } -ul#primary-menu.menu.nav-menu :after, span.screen-reader-text, li, label, hr, h3#reply-title.comment-reply-title, .tags-links a, .posted-on time, .byline a, time, a.comment-edit-link, .entry-footer > span.tags-links a, .entry-footer > span.tags-links, h2.entry-title a, .site-info, body, button, input, select, textarea, article.hentry .entry-footer > span, .mt-social-menu-wrapper, .mt-related-post-title, .widget-title, .page-title, h1.entry-title, .entry-title a, .mt-author-website a, section ul li a, .mt-author-bio, .menu-toggle a, .mt-search-icon a, #site-navigation ul li a, .tagcloud a:hover { +#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 ***/ -.has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, .front-slider-block .post-info-wrap .entry-meta .posted-on a:before, .posted-on a:before, #site-navigation ul li a::after { +#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); } -.wp-comment-cookies-consent, div.site-branding, div.logo-ads-wrap, div#wpadminbar.nojq, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, div.mt-logo-row-wrapper.mt-clearfix, div.custom-header.no-bg-img, #site-navigation, div.cwv3_btns { +#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; } -div.mt-live-link a, input.search-submit, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, .front-slider-block .lSAction > a:hover, .top-featured-post-wrap .post-thumbnail .post-number, .post-cats-list a, #site-navigation .menu-item-description, article .post-thumbnail:before, #secondary .widget .widget-title:before, .mt-related-post-title:before, #colophon .widget .widget-title:before, .features-post-title:before, .mt-menu-search .mt-form-wrap .search-form .search-submit, .mt-live-link a, .widget_tag_cloud .tagcloud a:hover, .widget.widget_tag_cloud a:hover, .edit-link .post-edit-link, .reply .comment-reply-link, .widget_search .search-submit, article.sticky:before { +#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); } -.mt-live-link a:hover, .mt-live-link a:focus, div.mt-live-link a:hover, input.search-submit:hover, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .navigation .nav-links a:hover, .bttn:hover, button, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .post-edit-link: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#top-header.top-header-wrap.mt-clearfix, div#page.site, div#bottom-footer { +div#bottom-footer, +div#page.site, +div#top-header.top-header-wrap.mt-clearfix { background-color: var(--background) !important; } @@ -52,14 +131,15 @@ div#top-header.top-header-wrap.mt-clearfix, div#page.site, div#bottom-footer { } /*** Background End ***/ +#colophon, .mt-social-menu-wrapper { - border-top: 1px solid rgba(255, 255, 255, 0.2); + border-top: 1px solid var(--href-dark); } .is-sticky .mt-social-menu-wrapper { background: var(--background-darker); z-index: 9999; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); + box-shadow: none !important; } p { @@ -68,7 +148,12 @@ 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; @@ -77,30 +162,43 @@ h1, h2, h3, h4, h5, h6 { color: var(--text-color); } -strong, b, .entry-title, .page-title { +.entry-title, +.page-title, +b, +strong { color: var(--text-color); font-weight: 600; } -p em, p i, .mt-disclaimer-text { +.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; } -em a, i a, h3.entry-title a:hover, h3.entry-title a:active, .mt-author-website a:hover, .mt-author-name a:hover, 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 { color: var(--href) !important; } @@ -115,7 +213,17 @@ textarea { width: 100%; } -input, input#author, input#email, input#url, input.search-field, input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], p.comment-form-cookies-consent #wp-comment-cookies-consent { +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; @@ -186,18 +294,24 @@ body { font-family: var(--main-font); } -.entry-footer .mt-readmore-btn, .btn-wrapper a, .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); } -code, .wp-block-code { +.wp-block-code, +code { background-color: #343434; } -#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, #wpadminbar.nojq .quicklinks .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 .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); } @@ -212,7 +326,8 @@ code, .wp-block-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); @@ -222,7 +337,30 @@ code, .wp-block-code { float: none; } -li.recentcomments:before, blockquote:before, q:before, blockquote:after, q:after, .edit-link .post-edit-link:before, .nav-links .nav-previous a:before, .nav-links .nav-next a:after, #cancel-comment-reply-link:before, .widget_archive a:before, .widget_categories a:before, .widget_recent_entries a:before, .widget_meta a:before, .widget_recent_comments li:before, .widget_rss li:before, .widget_pages li a:before, .widget_nav_menu li a:before, .wp-block-latest-posts li a:before, .wp-block-archives li a:before, .wp-block-categories li a:before, .wp-block-page-list li a:before, .wp-block-latest-comments li:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a: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); } @@ -235,11 +373,58 @@ li.recentcomments:before, blockquote:before, q:before, blockquote:after, q:after transition: none; } -em a:active, em a:focus, em a:hover, a:hover { +a:hover, +em a:active, +em a:focus, +em a:hover { color: var(--href); } -#mt-scrollup:hover, .entry-cat .cat-links a:hover, .entry-cat a:hover, .entry-footer a:hover, .comment-author .fn .url:hover, .commentmetadata .comment-edit-link, #cancel-comment-reply-link, #cancel-comment-reply-link:before, .logged-in-as a, .widget a:hover, .widget a:hover:before, .widget li:hover:before, .mt-social-icon-wrap li a:hover, .mt-social-icon-wrap li a:focus, #site-navigation ul li:hover > a, #site-navigation ul li.current-menu-item > a, #site-navigation ul li.current_page_ancestor > a, #site-navigation ul li.current-menu-ancestor > a, #site-navigation ul li.current_page_item > a, #site-navigation ul li.current-menu-parent > a, #site-navigation ul li.focus > a, .banner-sub-title, .entry-title a:hover, .cat-links a:hover, .entry-footer .mt-readmore-btn:hover, .btn-wrapper a:hover, .mt-readmore-btn:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, #footer-menu li a:hover, .color_blog_dark_latest_posts .mt-post-title a:hover, .menu-toggle:hover, #top-navigation ul li a:hover, .mt-search-icon:hover, .entry-meta a:hover, .front-slider-block .banner-title a:hover, .post-info-wrap .entry-meta a:hover, .single .mt-single-related-posts .entry-title a:hover, .breadcrumbs .trail-items li a:hover, .wrap-label i, .has-thumbnail .post-info-wrap .entry-title a:hover, .front-slider-block .post-info-wrap .entry-title a:hover, #top-footer a:hover, 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); } @@ -247,7 +432,15 @@ em a:active, em a:focus, em a:hover, a:hover { border-top-color: var(--href); } -.widget_search .search-submit, .widget_search .search-submit:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .error-404.not-found, .color_blog_dark_social_media a:hover, .custom-header, .widget_tag_cloud .tagcloud a:hover, .widget.widget_tag_cloud 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); } @@ -255,7 +448,8 @@ em a:active, em a:focus, em a:hover, a:hover { outline-color: var(--href); } -ul.trail-items span, .entry-footer > span.tags-links a:hover { +.entry-footer > span.tags-links a:hover, +ul.trail-items span { color: var(--href) !important; } @@ -263,12 +457,15 @@ 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; @@ -289,7 +486,9 @@ span.required { border: 1px var(--href) solid; } -.search article, .mt-live-link a:hover, .mt-live-link a:focus { +.mt-live-link a:focus, +.mt-live-link a:hover, +.search article { box-shadow: none; } @@ -303,36 +502,59 @@ span.required { -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: gradientR 1000s linear infinite; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -.site-info, .post-thumbnail img, .mt-author__avatar, .wp-block-image, #mt-scrollup, .nav-links { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - @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; } -.tagcloud a, .search-submit, input.search-submit[type=submit], .wp-block-search__button, .navigation .nav-links a, .bttn, button, 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; } -.tagcloud a:hover, input.search-submit, input.search-submit:hover, .navigation .nav-links a, .bttn, button, input[type=button], input[type=reset], input[type=submit], .mt-menu-search .mt-form-wrap .search-form .search-field, .page-numbers.current, textarea, .comment-reply-link { +.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; } @@ -351,7 +573,8 @@ div#cwv3_dialog.cwv3_dialog.js { border-color: var(--background-darker) !important; } -.widget_recent_comments li, .recentcomments { +.recentcomments, +.widget_recent_comments li { display: block !important; } @@ -361,6 +584,20 @@ div#cwv3_dialog.cwv3_dialog.js { 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); + } +} :root { --text-color:#fff; --background:#653024; diff --git a/css/pink-theme.css b/css/pink-theme.css index f9ca4e2..5f4a33c 100644 --- a/css/pink-theme.css +++ b/css/pink-theme.css @@ -7,35 +7,114 @@ 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); } -ul#primary-menu.menu.nav-menu :after, span.screen-reader-text, li, label, hr, h3#reply-title.comment-reply-title, .tags-links a, .posted-on time, .byline a, time, a.comment-edit-link, .entry-footer > span.tags-links a, .entry-footer > span.tags-links, h2.entry-title a, .site-info, body, button, input, select, textarea, article.hentry .entry-footer > span, .mt-social-menu-wrapper, .mt-related-post-title, .widget-title, .page-title, h1.entry-title, .entry-title a, .mt-author-website a, section ul li a, .mt-author-bio, .menu-toggle a, .mt-search-icon a, #site-navigation ul li a, .tagcloud a:hover { +#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 ***/ -.has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, .front-slider-block .post-info-wrap .entry-meta .posted-on a:before, .posted-on a:before, #site-navigation ul li a::after { +#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); } -.wp-comment-cookies-consent, div.site-branding, div.logo-ads-wrap, div#wpadminbar.nojq, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, div.mt-logo-row-wrapper.mt-clearfix, div.custom-header.no-bg-img, #site-navigation, div.cwv3_btns { +#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; } -div.mt-live-link a, input.search-submit, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, .front-slider-block .lSAction > a:hover, .top-featured-post-wrap .post-thumbnail .post-number, .post-cats-list a, #site-navigation .menu-item-description, article .post-thumbnail:before, #secondary .widget .widget-title:before, .mt-related-post-title:before, #colophon .widget .widget-title:before, .features-post-title:before, .mt-menu-search .mt-form-wrap .search-form .search-submit, .mt-live-link a, .widget_tag_cloud .tagcloud a:hover, .widget.widget_tag_cloud a:hover, .edit-link .post-edit-link, .reply .comment-reply-link, .widget_search .search-submit, article.sticky:before { +#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); } -.mt-live-link a:hover, .mt-live-link a:focus, div.mt-live-link a:hover, input.search-submit:hover, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .navigation .nav-links a:hover, .bttn:hover, button, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .post-edit-link: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#top-header.top-header-wrap.mt-clearfix, div#page.site, div#bottom-footer { +div#bottom-footer, +div#page.site, +div#top-header.top-header-wrap.mt-clearfix { background-color: var(--background) !important; } @@ -52,14 +131,15 @@ div#top-header.top-header-wrap.mt-clearfix, div#page.site, div#bottom-footer { } /*** Background End ***/ +#colophon, .mt-social-menu-wrapper { - border-top: 1px solid rgba(255, 255, 255, 0.2); + border-top: 1px solid var(--href-dark); } .is-sticky .mt-social-menu-wrapper { background: var(--background-darker); z-index: 9999; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); + box-shadow: none !important; } p { @@ -68,7 +148,12 @@ 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; @@ -77,30 +162,43 @@ h1, h2, h3, h4, h5, h6 { color: var(--text-color); } -strong, b, .entry-title, .page-title { +.entry-title, +.page-title, +b, +strong { color: var(--text-color); font-weight: 600; } -p em, p i, .mt-disclaimer-text { +.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; } -em a, i a, h3.entry-title a:hover, h3.entry-title a:active, .mt-author-website a:hover, .mt-author-name a:hover, 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 { color: var(--href) !important; } @@ -115,7 +213,17 @@ textarea { width: 100%; } -input, input#author, input#email, input#url, input.search-field, input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], p.comment-form-cookies-consent #wp-comment-cookies-consent { +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; @@ -186,18 +294,24 @@ body { font-family: var(--main-font); } -.entry-footer .mt-readmore-btn, .btn-wrapper a, .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); } -code, .wp-block-code { +.wp-block-code, +code { background-color: #343434; } -#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, #wpadminbar.nojq .quicklinks .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 .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); } @@ -212,7 +326,8 @@ code, .wp-block-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); @@ -222,7 +337,30 @@ code, .wp-block-code { float: none; } -li.recentcomments:before, blockquote:before, q:before, blockquote:after, q:after, .edit-link .post-edit-link:before, .nav-links .nav-previous a:before, .nav-links .nav-next a:after, #cancel-comment-reply-link:before, .widget_archive a:before, .widget_categories a:before, .widget_recent_entries a:before, .widget_meta a:before, .widget_recent_comments li:before, .widget_rss li:before, .widget_pages li a:before, .widget_nav_menu li a:before, .wp-block-latest-posts li a:before, .wp-block-archives li a:before, .wp-block-categories li a:before, .wp-block-page-list li a:before, .wp-block-latest-comments li:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a: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); } @@ -235,11 +373,58 @@ li.recentcomments:before, blockquote:before, q:before, blockquote:after, q:after transition: none; } -em a:active, em a:focus, em a:hover, a:hover { +a:hover, +em a:active, +em a:focus, +em a:hover { color: var(--href); } -#mt-scrollup:hover, .entry-cat .cat-links a:hover, .entry-cat a:hover, .entry-footer a:hover, .comment-author .fn .url:hover, .commentmetadata .comment-edit-link, #cancel-comment-reply-link, #cancel-comment-reply-link:before, .logged-in-as a, .widget a:hover, .widget a:hover:before, .widget li:hover:before, .mt-social-icon-wrap li a:hover, .mt-social-icon-wrap li a:focus, #site-navigation ul li:hover > a, #site-navigation ul li.current-menu-item > a, #site-navigation ul li.current_page_ancestor > a, #site-navigation ul li.current-menu-ancestor > a, #site-navigation ul li.current_page_item > a, #site-navigation ul li.current-menu-parent > a, #site-navigation ul li.focus > a, .banner-sub-title, .entry-title a:hover, .cat-links a:hover, .entry-footer .mt-readmore-btn:hover, .btn-wrapper a:hover, .mt-readmore-btn:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, #footer-menu li a:hover, .color_blog_dark_latest_posts .mt-post-title a:hover, .menu-toggle:hover, #top-navigation ul li a:hover, .mt-search-icon:hover, .entry-meta a:hover, .front-slider-block .banner-title a:hover, .post-info-wrap .entry-meta a:hover, .single .mt-single-related-posts .entry-title a:hover, .breadcrumbs .trail-items li a:hover, .wrap-label i, .has-thumbnail .post-info-wrap .entry-title a:hover, .front-slider-block .post-info-wrap .entry-title a:hover, #top-footer a:hover, 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); } @@ -247,7 +432,15 @@ em a:active, em a:focus, em a:hover, a:hover { border-top-color: var(--href); } -.widget_search .search-submit, .widget_search .search-submit:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .error-404.not-found, .color_blog_dark_social_media a:hover, .custom-header, .widget_tag_cloud .tagcloud a:hover, .widget.widget_tag_cloud 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); } @@ -255,7 +448,8 @@ em a:active, em a:focus, em a:hover, a:hover { outline-color: var(--href); } -ul.trail-items span, .entry-footer > span.tags-links a:hover { +.entry-footer > span.tags-links a:hover, +ul.trail-items span { color: var(--href) !important; } @@ -263,12 +457,15 @@ 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; @@ -289,7 +486,9 @@ span.required { border: 1px var(--href) solid; } -.search article, .mt-live-link a:hover, .mt-live-link a:focus { +.mt-live-link a:focus, +.mt-live-link a:hover, +.search article { box-shadow: none; } @@ -303,36 +502,59 @@ span.required { -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: gradientR 1000s linear infinite; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -.site-info, .post-thumbnail img, .mt-author__avatar, .wp-block-image, #mt-scrollup, .nav-links { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - @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; } -.tagcloud a, .search-submit, input.search-submit[type=submit], .wp-block-search__button, .navigation .nav-links a, .bttn, button, 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; } -.tagcloud a:hover, input.search-submit, input.search-submit:hover, .navigation .nav-links a, .bttn, button, input[type=button], input[type=reset], input[type=submit], .mt-menu-search .mt-form-wrap .search-form .search-field, .page-numbers.current, textarea, .comment-reply-link { +.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; } @@ -351,7 +573,8 @@ div#cwv3_dialog.cwv3_dialog.js { border-color: var(--background-darker) !important; } -.widget_recent_comments li, .recentcomments { +.recentcomments, +.widget_recent_comments li { display: block !important; } @@ -361,6 +584,20 @@ div#cwv3_dialog.cwv3_dialog.js { 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); + } +} :root { --text-color: #fff; --background: #191919; diff --git a/css/purple-theme.css b/css/purple-theme.css index 252f5b7..73f25e3 100644 --- a/css/purple-theme.css +++ b/css/purple-theme.css @@ -7,35 +7,114 @@ 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); } -ul#primary-menu.menu.nav-menu :after, span.screen-reader-text, li, label, hr, h3#reply-title.comment-reply-title, .tags-links a, .posted-on time, .byline a, time, a.comment-edit-link, .entry-footer > span.tags-links a, .entry-footer > span.tags-links, h2.entry-title a, .site-info, body, button, input, select, textarea, article.hentry .entry-footer > span, .mt-social-menu-wrapper, .mt-related-post-title, .widget-title, .page-title, h1.entry-title, .entry-title a, .mt-author-website a, section ul li a, .mt-author-bio, .menu-toggle a, .mt-search-icon a, #site-navigation ul li a, .tagcloud a:hover { +#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 ***/ -.has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, .front-slider-block .post-info-wrap .entry-meta .posted-on a:before, .posted-on a:before, #site-navigation ul li a::after { +#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); } -.wp-comment-cookies-consent, div.site-branding, div.logo-ads-wrap, div#wpadminbar.nojq, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, div.mt-logo-row-wrapper.mt-clearfix, div.custom-header.no-bg-img, #site-navigation, div.cwv3_btns { +#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; } -div.mt-live-link a, input.search-submit, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, .front-slider-block .lSAction > a:hover, .top-featured-post-wrap .post-thumbnail .post-number, .post-cats-list a, #site-navigation .menu-item-description, article .post-thumbnail:before, #secondary .widget .widget-title:before, .mt-related-post-title:before, #colophon .widget .widget-title:before, .features-post-title:before, .mt-menu-search .mt-form-wrap .search-form .search-submit, .mt-live-link a, .widget_tag_cloud .tagcloud a:hover, .widget.widget_tag_cloud a:hover, .edit-link .post-edit-link, .reply .comment-reply-link, .widget_search .search-submit, article.sticky:before { +#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); } -.mt-live-link a:hover, .mt-live-link a:focus, div.mt-live-link a:hover, input.search-submit:hover, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .navigation .nav-links a:hover, .bttn:hover, button, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .post-edit-link: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#top-header.top-header-wrap.mt-clearfix, div#page.site, div#bottom-footer { +div#bottom-footer, +div#page.site, +div#top-header.top-header-wrap.mt-clearfix { background-color: var(--background) !important; } @@ -52,14 +131,15 @@ div#top-header.top-header-wrap.mt-clearfix, div#page.site, div#bottom-footer { } /*** Background End ***/ +#colophon, .mt-social-menu-wrapper { - border-top: 1px solid rgba(255, 255, 255, 0.2); + border-top: 1px solid var(--href-dark); } .is-sticky .mt-social-menu-wrapper { background: var(--background-darker); z-index: 9999; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); + box-shadow: none !important; } p { @@ -68,7 +148,12 @@ 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; @@ -77,30 +162,43 @@ h1, h2, h3, h4, h5, h6 { color: var(--text-color); } -strong, b, .entry-title, .page-title { +.entry-title, +.page-title, +b, +strong { color: var(--text-color); font-weight: 600; } -p em, p i, .mt-disclaimer-text { +.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; } -em a, i a, h3.entry-title a:hover, h3.entry-title a:active, .mt-author-website a:hover, .mt-author-name a:hover, 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 { color: var(--href) !important; } @@ -115,7 +213,17 @@ textarea { width: 100%; } -input, input#author, input#email, input#url, input.search-field, input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], p.comment-form-cookies-consent #wp-comment-cookies-consent { +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; @@ -186,18 +294,24 @@ body { font-family: var(--main-font); } -.entry-footer .mt-readmore-btn, .btn-wrapper a, .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); } -code, .wp-block-code { +.wp-block-code, +code { background-color: #343434; } -#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, #wpadminbar.nojq .quicklinks .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 .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); } @@ -212,7 +326,8 @@ code, .wp-block-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); @@ -222,7 +337,30 @@ code, .wp-block-code { float: none; } -li.recentcomments:before, blockquote:before, q:before, blockquote:after, q:after, .edit-link .post-edit-link:before, .nav-links .nav-previous a:before, .nav-links .nav-next a:after, #cancel-comment-reply-link:before, .widget_archive a:before, .widget_categories a:before, .widget_recent_entries a:before, .widget_meta a:before, .widget_recent_comments li:before, .widget_rss li:before, .widget_pages li a:before, .widget_nav_menu li a:before, .wp-block-latest-posts li a:before, .wp-block-archives li a:before, .wp-block-categories li a:before, .wp-block-page-list li a:before, .wp-block-latest-comments li:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a: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); } @@ -235,11 +373,58 @@ li.recentcomments:before, blockquote:before, q:before, blockquote:after, q:after transition: none; } -em a:active, em a:focus, em a:hover, a:hover { +a:hover, +em a:active, +em a:focus, +em a:hover { color: var(--href); } -#mt-scrollup:hover, .entry-cat .cat-links a:hover, .entry-cat a:hover, .entry-footer a:hover, .comment-author .fn .url:hover, .commentmetadata .comment-edit-link, #cancel-comment-reply-link, #cancel-comment-reply-link:before, .logged-in-as a, .widget a:hover, .widget a:hover:before, .widget li:hover:before, .mt-social-icon-wrap li a:hover, .mt-social-icon-wrap li a:focus, #site-navigation ul li:hover > a, #site-navigation ul li.current-menu-item > a, #site-navigation ul li.current_page_ancestor > a, #site-navigation ul li.current-menu-ancestor > a, #site-navigation ul li.current_page_item > a, #site-navigation ul li.current-menu-parent > a, #site-navigation ul li.focus > a, .banner-sub-title, .entry-title a:hover, .cat-links a:hover, .entry-footer .mt-readmore-btn:hover, .btn-wrapper a:hover, .mt-readmore-btn:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, #footer-menu li a:hover, .color_blog_dark_latest_posts .mt-post-title a:hover, .menu-toggle:hover, #top-navigation ul li a:hover, .mt-search-icon:hover, .entry-meta a:hover, .front-slider-block .banner-title a:hover, .post-info-wrap .entry-meta a:hover, .single .mt-single-related-posts .entry-title a:hover, .breadcrumbs .trail-items li a:hover, .wrap-label i, .has-thumbnail .post-info-wrap .entry-title a:hover, .front-slider-block .post-info-wrap .entry-title a:hover, #top-footer a:hover, 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); } @@ -247,7 +432,15 @@ em a:active, em a:focus, em a:hover, a:hover { border-top-color: var(--href); } -.widget_search .search-submit, .widget_search .search-submit:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .error-404.not-found, .color_blog_dark_social_media a:hover, .custom-header, .widget_tag_cloud .tagcloud a:hover, .widget.widget_tag_cloud 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); } @@ -255,7 +448,8 @@ em a:active, em a:focus, em a:hover, a:hover { outline-color: var(--href); } -ul.trail-items span, .entry-footer > span.tags-links a:hover { +.entry-footer > span.tags-links a:hover, +ul.trail-items span { color: var(--href) !important; } @@ -263,12 +457,15 @@ 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; @@ -289,7 +486,9 @@ span.required { border: 1px var(--href) solid; } -.search article, .mt-live-link a:hover, .mt-live-link a:focus { +.mt-live-link a:focus, +.mt-live-link a:hover, +.search article { box-shadow: none; } @@ -303,36 +502,59 @@ span.required { -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: gradientR 1000s linear infinite; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -.site-info, .post-thumbnail img, .mt-author__avatar, .wp-block-image, #mt-scrollup, .nav-links { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - @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; } -.tagcloud a, .search-submit, input.search-submit[type=submit], .wp-block-search__button, .navigation .nav-links a, .bttn, button, 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; } -.tagcloud a:hover, input.search-submit, input.search-submit:hover, .navigation .nav-links a, .bttn, button, input[type=button], input[type=reset], input[type=submit], .mt-menu-search .mt-form-wrap .search-form .search-field, .page-numbers.current, textarea, .comment-reply-link { +.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; } @@ -351,7 +573,8 @@ div#cwv3_dialog.cwv3_dialog.js { border-color: var(--background-darker) !important; } -.widget_recent_comments li, .recentcomments { +.recentcomments, +.widget_recent_comments li { display: block !important; } @@ -361,6 +584,20 @@ div#cwv3_dialog.cwv3_dialog.js { 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); + } +} :root { --text-color:#fff; --background:#2E3035; diff --git a/css/retro-theme.css b/css/retro-theme.css index 4f2385d..7ebf16a 100644 --- a/css/retro-theme.css +++ b/css/retro-theme.css @@ -7,35 +7,114 @@ 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); } -ul#primary-menu.menu.nav-menu :after, span.screen-reader-text, li, label, hr, h3#reply-title.comment-reply-title, .tags-links a, .posted-on time, .byline a, time, a.comment-edit-link, .entry-footer > span.tags-links a, .entry-footer > span.tags-links, h2.entry-title a, .site-info, body, button, input, select, textarea, article.hentry .entry-footer > span, .mt-social-menu-wrapper, .mt-related-post-title, .widget-title, .page-title, h1.entry-title, .entry-title a, .mt-author-website a, section ul li a, .mt-author-bio, .menu-toggle a, .mt-search-icon a, #site-navigation ul li a, .tagcloud a:hover { +#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 ***/ -.has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, .front-slider-block .post-info-wrap .entry-meta .posted-on a:before, .posted-on a:before, #site-navigation ul li a::after { +#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); } -.wp-comment-cookies-consent, div.site-branding, div.logo-ads-wrap, div#wpadminbar.nojq, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, div.mt-logo-row-wrapper.mt-clearfix, div.custom-header.no-bg-img, #site-navigation, div.cwv3_btns { +#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; } -div.mt-live-link a, input.search-submit, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, .front-slider-block .lSAction > a:hover, .top-featured-post-wrap .post-thumbnail .post-number, .post-cats-list a, #site-navigation .menu-item-description, article .post-thumbnail:before, #secondary .widget .widget-title:before, .mt-related-post-title:before, #colophon .widget .widget-title:before, .features-post-title:before, .mt-menu-search .mt-form-wrap .search-form .search-submit, .mt-live-link a, .widget_tag_cloud .tagcloud a:hover, .widget.widget_tag_cloud a:hover, .edit-link .post-edit-link, .reply .comment-reply-link, .widget_search .search-submit, article.sticky:before { +#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); } -.mt-live-link a:hover, .mt-live-link a:focus, div.mt-live-link a:hover, input.search-submit:hover, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .navigation .nav-links a:hover, .bttn:hover, button, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .post-edit-link: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#top-header.top-header-wrap.mt-clearfix, div#page.site, div#bottom-footer { +div#bottom-footer, +div#page.site, +div#top-header.top-header-wrap.mt-clearfix { background-color: var(--background) !important; } @@ -52,14 +131,15 @@ div#top-header.top-header-wrap.mt-clearfix, div#page.site, div#bottom-footer { } /*** Background End ***/ +#colophon, .mt-social-menu-wrapper { - border-top: 1px solid rgba(255, 255, 255, 0.2); + border-top: 1px solid var(--href-dark); } .is-sticky .mt-social-menu-wrapper { background: var(--background-darker); z-index: 9999; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); + box-shadow: none !important; } p { @@ -68,7 +148,12 @@ 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; @@ -77,30 +162,43 @@ h1, h2, h3, h4, h5, h6 { color: var(--text-color); } -strong, b, .entry-title, .page-title { +.entry-title, +.page-title, +b, +strong { color: var(--text-color); font-weight: 600; } -p em, p i, .mt-disclaimer-text { +.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; } -em a, i a, h3.entry-title a:hover, h3.entry-title a:active, .mt-author-website a:hover, .mt-author-name a:hover, 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 { color: var(--href) !important; } @@ -115,7 +213,17 @@ textarea { width: 100%; } -input, input#author, input#email, input#url, input.search-field, input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], p.comment-form-cookies-consent #wp-comment-cookies-consent { +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; @@ -186,18 +294,24 @@ body { font-family: var(--main-font); } -.entry-footer .mt-readmore-btn, .btn-wrapper a, .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); } -code, .wp-block-code { +.wp-block-code, +code { background-color: #343434; } -#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, #wpadminbar.nojq .quicklinks .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 .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); } @@ -212,7 +326,8 @@ code, .wp-block-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); @@ -222,7 +337,30 @@ code, .wp-block-code { float: none; } -li.recentcomments:before, blockquote:before, q:before, blockquote:after, q:after, .edit-link .post-edit-link:before, .nav-links .nav-previous a:before, .nav-links .nav-next a:after, #cancel-comment-reply-link:before, .widget_archive a:before, .widget_categories a:before, .widget_recent_entries a:before, .widget_meta a:before, .widget_recent_comments li:before, .widget_rss li:before, .widget_pages li a:before, .widget_nav_menu li a:before, .wp-block-latest-posts li a:before, .wp-block-archives li a:before, .wp-block-categories li a:before, .wp-block-page-list li a:before, .wp-block-latest-comments li:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a: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); } @@ -235,11 +373,58 @@ li.recentcomments:before, blockquote:before, q:before, blockquote:after, q:after transition: none; } -em a:active, em a:focus, em a:hover, a:hover { +a:hover, +em a:active, +em a:focus, +em a:hover { color: var(--href); } -#mt-scrollup:hover, .entry-cat .cat-links a:hover, .entry-cat a:hover, .entry-footer a:hover, .comment-author .fn .url:hover, .commentmetadata .comment-edit-link, #cancel-comment-reply-link, #cancel-comment-reply-link:before, .logged-in-as a, .widget a:hover, .widget a:hover:before, .widget li:hover:before, .mt-social-icon-wrap li a:hover, .mt-social-icon-wrap li a:focus, #site-navigation ul li:hover > a, #site-navigation ul li.current-menu-item > a, #site-navigation ul li.current_page_ancestor > a, #site-navigation ul li.current-menu-ancestor > a, #site-navigation ul li.current_page_item > a, #site-navigation ul li.current-menu-parent > a, #site-navigation ul li.focus > a, .banner-sub-title, .entry-title a:hover, .cat-links a:hover, .entry-footer .mt-readmore-btn:hover, .btn-wrapper a:hover, .mt-readmore-btn:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, #footer-menu li a:hover, .color_blog_dark_latest_posts .mt-post-title a:hover, .menu-toggle:hover, #top-navigation ul li a:hover, .mt-search-icon:hover, .entry-meta a:hover, .front-slider-block .banner-title a:hover, .post-info-wrap .entry-meta a:hover, .single .mt-single-related-posts .entry-title a:hover, .breadcrumbs .trail-items li a:hover, .wrap-label i, .has-thumbnail .post-info-wrap .entry-title a:hover, .front-slider-block .post-info-wrap .entry-title a:hover, #top-footer a:hover, 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); } @@ -247,7 +432,15 @@ em a:active, em a:focus, em a:hover, a:hover { border-top-color: var(--href); } -.widget_search .search-submit, .widget_search .search-submit:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .error-404.not-found, .color_blog_dark_social_media a:hover, .custom-header, .widget_tag_cloud .tagcloud a:hover, .widget.widget_tag_cloud 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); } @@ -255,7 +448,8 @@ em a:active, em a:focus, em a:hover, a:hover { outline-color: var(--href); } -ul.trail-items span, .entry-footer > span.tags-links a:hover { +.entry-footer > span.tags-links a:hover, +ul.trail-items span { color: var(--href) !important; } @@ -263,12 +457,15 @@ 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; @@ -289,7 +486,9 @@ span.required { border: 1px var(--href) solid; } -.search article, .mt-live-link a:hover, .mt-live-link a:focus { +.mt-live-link a:focus, +.mt-live-link a:hover, +.search article { box-shadow: none; } @@ -303,36 +502,59 @@ span.required { -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: gradientR 1000s linear infinite; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -.site-info, .post-thumbnail img, .mt-author__avatar, .wp-block-image, #mt-scrollup, .nav-links { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - @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; } -.tagcloud a, .search-submit, input.search-submit[type=submit], .wp-block-search__button, .navigation .nav-links a, .bttn, button, 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; } -.tagcloud a:hover, input.search-submit, input.search-submit:hover, .navigation .nav-links a, .bttn, button, input[type=button], input[type=reset], input[type=submit], .mt-menu-search .mt-form-wrap .search-form .search-field, .page-numbers.current, textarea, .comment-reply-link { +.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; } @@ -351,7 +573,8 @@ div#cwv3_dialog.cwv3_dialog.js { border-color: var(--background-darker) !important; } -.widget_recent_comments li, .recentcomments { +.recentcomments, +.widget_recent_comments li { display: block !important; } @@ -361,6 +584,20 @@ div#cwv3_dialog.cwv3_dialog.js { 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); + } +} :root { --text-color: #fff; --background: #282828; diff --git a/css/ubuntu-theme.css b/css/ubuntu-theme.css index b76494d..429157c 100644 --- a/css/ubuntu-theme.css +++ b/css/ubuntu-theme.css @@ -7,35 +7,114 @@ 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); } -ul#primary-menu.menu.nav-menu :after, span.screen-reader-text, li, label, hr, h3#reply-title.comment-reply-title, .tags-links a, .posted-on time, .byline a, time, a.comment-edit-link, .entry-footer > span.tags-links a, .entry-footer > span.tags-links, h2.entry-title a, .site-info, body, button, input, select, textarea, article.hentry .entry-footer > span, .mt-social-menu-wrapper, .mt-related-post-title, .widget-title, .page-title, h1.entry-title, .entry-title a, .mt-author-website a, section ul li a, .mt-author-bio, .menu-toggle a, .mt-search-icon a, #site-navigation ul li a, .tagcloud a:hover { +#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 ***/ -.has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, .front-slider-block .post-info-wrap .entry-meta .posted-on a:before, .posted-on a:before, #site-navigation ul li a::after { +#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); } -.wp-comment-cookies-consent, div.site-branding, div.logo-ads-wrap, div#wpadminbar.nojq, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, div.mt-logo-row-wrapper.mt-clearfix, div.custom-header.no-bg-img, #site-navigation, div.cwv3_btns { +#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; } -div.mt-live-link a, input.search-submit, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, .front-slider-block .lSAction > a:hover, .top-featured-post-wrap .post-thumbnail .post-number, .post-cats-list a, #site-navigation .menu-item-description, article .post-thumbnail:before, #secondary .widget .widget-title:before, .mt-related-post-title:before, #colophon .widget .widget-title:before, .features-post-title:before, .mt-menu-search .mt-form-wrap .search-form .search-submit, .mt-live-link a, .widget_tag_cloud .tagcloud a:hover, .widget.widget_tag_cloud a:hover, .edit-link .post-edit-link, .reply .comment-reply-link, .widget_search .search-submit, article.sticky:before { +#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); } -.mt-live-link a:hover, .mt-live-link a:focus, div.mt-live-link a:hover, input.search-submit:hover, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .navigation .nav-links a:hover, .bttn:hover, button, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .post-edit-link: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#top-header.top-header-wrap.mt-clearfix, div#page.site, div#bottom-footer { +div#bottom-footer, +div#page.site, +div#top-header.top-header-wrap.mt-clearfix { background-color: var(--background) !important; } @@ -52,14 +131,15 @@ div#top-header.top-header-wrap.mt-clearfix, div#page.site, div#bottom-footer { } /*** Background End ***/ +#colophon, .mt-social-menu-wrapper { - border-top: 1px solid rgba(255, 255, 255, 0.2); + border-top: 1px solid var(--href-dark); } .is-sticky .mt-social-menu-wrapper { background: var(--background-darker); z-index: 9999; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); + box-shadow: none !important; } p { @@ -68,7 +148,12 @@ 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; @@ -77,30 +162,43 @@ h1, h2, h3, h4, h5, h6 { color: var(--text-color); } -strong, b, .entry-title, .page-title { +.entry-title, +.page-title, +b, +strong { color: var(--text-color); font-weight: 600; } -p em, p i, .mt-disclaimer-text { +.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; } -em a, i a, h3.entry-title a:hover, h3.entry-title a:active, .mt-author-website a:hover, .mt-author-name a:hover, 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 { color: var(--href) !important; } @@ -115,7 +213,17 @@ textarea { width: 100%; } -input, input#author, input#email, input#url, input.search-field, input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], p.comment-form-cookies-consent #wp-comment-cookies-consent { +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; @@ -186,18 +294,24 @@ body { font-family: var(--main-font); } -.entry-footer .mt-readmore-btn, .btn-wrapper a, .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); } -code, .wp-block-code { +.wp-block-code, +code { background-color: #343434; } -#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, #wpadminbar.nojq .quicklinks .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 .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); } @@ -212,7 +326,8 @@ code, .wp-block-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); @@ -222,7 +337,30 @@ code, .wp-block-code { float: none; } -li.recentcomments:before, blockquote:before, q:before, blockquote:after, q:after, .edit-link .post-edit-link:before, .nav-links .nav-previous a:before, .nav-links .nav-next a:after, #cancel-comment-reply-link:before, .widget_archive a:before, .widget_categories a:before, .widget_recent_entries a:before, .widget_meta a:before, .widget_recent_comments li:before, .widget_rss li:before, .widget_pages li a:before, .widget_nav_menu li a:before, .wp-block-latest-posts li a:before, .wp-block-archives li a:before, .wp-block-categories li a:before, .wp-block-page-list li a:before, .wp-block-latest-comments li:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a: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); } @@ -235,11 +373,58 @@ li.recentcomments:before, blockquote:before, q:before, blockquote:after, q:after transition: none; } -em a:active, em a:focus, em a:hover, a:hover { +a:hover, +em a:active, +em a:focus, +em a:hover { color: var(--href); } -#mt-scrollup:hover, .entry-cat .cat-links a:hover, .entry-cat a:hover, .entry-footer a:hover, .comment-author .fn .url:hover, .commentmetadata .comment-edit-link, #cancel-comment-reply-link, #cancel-comment-reply-link:before, .logged-in-as a, .widget a:hover, .widget a:hover:before, .widget li:hover:before, .mt-social-icon-wrap li a:hover, .mt-social-icon-wrap li a:focus, #site-navigation ul li:hover > a, #site-navigation ul li.current-menu-item > a, #site-navigation ul li.current_page_ancestor > a, #site-navigation ul li.current-menu-ancestor > a, #site-navigation ul li.current_page_item > a, #site-navigation ul li.current-menu-parent > a, #site-navigation ul li.focus > a, .banner-sub-title, .entry-title a:hover, .cat-links a:hover, .entry-footer .mt-readmore-btn:hover, .btn-wrapper a:hover, .mt-readmore-btn:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, #footer-menu li a:hover, .color_blog_dark_latest_posts .mt-post-title a:hover, .menu-toggle:hover, #top-navigation ul li a:hover, .mt-search-icon:hover, .entry-meta a:hover, .front-slider-block .banner-title a:hover, .post-info-wrap .entry-meta a:hover, .single .mt-single-related-posts .entry-title a:hover, .breadcrumbs .trail-items li a:hover, .wrap-label i, .has-thumbnail .post-info-wrap .entry-title a:hover, .front-slider-block .post-info-wrap .entry-title a:hover, #top-footer a:hover, 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); } @@ -247,7 +432,15 @@ em a:active, em a:focus, em a:hover, a:hover { border-top-color: var(--href); } -.widget_search .search-submit, .widget_search .search-submit:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .error-404.not-found, .color_blog_dark_social_media a:hover, .custom-header, .widget_tag_cloud .tagcloud a:hover, .widget.widget_tag_cloud 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); } @@ -255,7 +448,8 @@ em a:active, em a:focus, em a:hover, a:hover { outline-color: var(--href); } -ul.trail-items span, .entry-footer > span.tags-links a:hover { +.entry-footer > span.tags-links a:hover, +ul.trail-items span { color: var(--href) !important; } @@ -263,12 +457,15 @@ 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; @@ -289,7 +486,9 @@ span.required { border: 1px var(--href) solid; } -.search article, .mt-live-link a:hover, .mt-live-link a:focus { +.mt-live-link a:focus, +.mt-live-link a:hover, +.search article { box-shadow: none; } @@ -303,36 +502,59 @@ span.required { -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: gradientR 1000s linear infinite; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -.site-info, .post-thumbnail img, .mt-author__avatar, .wp-block-image, #mt-scrollup, .nav-links { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - @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; } -.tagcloud a, .search-submit, input.search-submit[type=submit], .wp-block-search__button, .navigation .nav-links a, .bttn, button, 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; } -.tagcloud a:hover, input.search-submit, input.search-submit:hover, .navigation .nav-links a, .bttn, button, input[type=button], input[type=reset], input[type=submit], .mt-menu-search .mt-form-wrap .search-form .search-field, .page-numbers.current, textarea, .comment-reply-link { +.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; } @@ -351,7 +573,8 @@ div#cwv3_dialog.cwv3_dialog.js { border-color: var(--background-darker) !important; } -.widget_recent_comments li, .recentcomments { +.recentcomments, +.widget_recent_comments li { display: block !important; } @@ -361,6 +584,20 @@ div#cwv3_dialog.cwv3_dialog.js { 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); + } +} :root { --text-color: #fff; --background: #333333; diff --git a/scss/_base.scss b/scss/_base.scss index 063d89a..7960bd7 100644 --- a/scss/_base.scss +++ b/scss/_base.scss @@ -1,300 +1,537 @@ -::selection{ +::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); +::-webkit-scrollbar { + display: none; } - ul#primary-menu.menu.nav-menu :after,span.screen-reader-text,li,label,hr,h3#reply-title.comment-reply-title,.tags-links a,.posted-on time,.byline a,time,a.comment-edit-link,.entry-footer>span.tags-links a,.entry-footer>span.tags-links,h2.entry-title a,.site-info,body,button,input,select,textarea,article.hentry .entry-footer>span,.mt-social-menu-wrapper,.mt-related-post-title,.widget-title,.page-title,h1.entry-title,.entry-title a,.mt-author-website a,section ul li a,.mt-author-bio, .menu-toggle a,.mt-search-icon a,#site-navigation ul li a, .tagcloud a:hover{ - color:var(--text-color) !important; - font-family:var(--main-font); +#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 ***/ - .has-thumbnail .post-info-wrap .entry-meta .posted-on a:before,.front-slider-block .post-info-wrap .entry-meta .posted-on a:before,.posted-on a:before,#site-navigation ul li a::after{ - background-color:var(--text-color); +#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); } -.wp-comment-cookies-consent,div.site-branding,div.logo-ads-wrap,div#wpadminbar.nojq,div.sticky-wrapper,footer#colophon.site-footer,nav#site-navigation.main-navigation.isActive,div.mt-logo-row-wrapper.mt-clearfix,div.custom-header.no-bg-img,#site-navigation,div.cwv3_btns{ - background-color:var(--background-darker)!important; +#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; } - div.mt-live-link a,input.search-submit,#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a,.front-slider-block .lSAction>a:hover,.top-featured-post-wrap .post-thumbnail .post-number,.post-cats-list a,#site-navigation .menu-item-description,article .post-thumbnail:before,#secondary .widget .widget-title:before,.mt-related-post-title:before,#colophon .widget .widget-title:before,.features-post-title:before,.mt-menu-search .mt-form-wrap .search-form .search-submit,.mt-live-link a,.widget_tag_cloud .tagcloud a:hover,.widget.widget_tag_cloud a:hover,.edit-link .post-edit-link,.reply .comment-reply-link,.widget_search .search-submit,article.sticky:before{ - background-color:var(--href); +#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); } - .mt-live-link a:hover,.mt-live-link a:focus, div.mt-live-link a:hover,input.search-submit:hover,#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active,.navigation .nav-links a:hover,.bttn:hover,button,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover,.post-edit-link:hover{ - color:var(--text-color); - background-color:var(--href-dark); +#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#top-header.top-header-wrap.mt-clearfix,div#page.site,div#bottom-footer{ - background-color:var(--background)!important; +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 { + 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; +.category-button[class*=cbd-cat-] a:hover { + background-color: var(--href-dark)!important; + color: inherit; + border-radius: 2px; } /*** Background End ***/ - .mt-social-menu-wrapper{ - border-top:1px solid #ffffff33; +#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:0 0 10px rgba(0,0,0,.2); +.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; +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); +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); } - strong,b,.entry-title,.page-title{ - color:var(--text-color); - font-weight:600; +.entry-title, +.page-title, +b, +strong { + color: var(--text-color); + font-weight: 600; } - p em,p i, .mt-disclaimer-text{ - color:var(--text-color); - font-family:var(--main-font); - font-style:italic; +.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, +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; +p em a:hover, +p i a:hover { + color: #c48793; + font-family: var(--main-font); + font-style: italic; } - em a,i a,h3.entry-title a:hover,h3.entry-title a:active,.mt-author-website a:hover,.mt-author-name a:hover,section ul li a:hover{ - color:var(--href)!important; +.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%; +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=text],input[type=email],input[type=url],input[type=password],input[type=search],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 +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); +.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); +body { + font-weight: 400; + overflow: hidden; + position: relative; + line-height: 1.8; + background: var(--background); } - *{ - cursor:var(--cursor),default !important; +* { + 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 { + 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; +.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); +.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; +.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); +.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); +.features-post-title { + font-size: 18px; + font-weight: 700; + margin-bottom: 25px; + position: relative; + padding-left: 40px; + font-family: var(--main-font); } - .entry-footer .mt-readmore-btn,.btn-wrapper a,.mt-readmore-btn{ - display:inline-block; - padding:0; - font-size:14px; - color:var(--text-color); +.btn-wrapper a, +.entry-footer .mt-readmore-btn, +.mt-readmore-btn { + display: inline-block; + padding: 0; + font-size: 14px; + color: var(--text-color); } - code,.wp-block-code{ - background-color:#343434; +.wp-block-code, +code { + background-color: #343434; } - #wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus,#wpadminbar.nojq .quicklinks .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{ - background:var(--background-darker); - color:var(--href); +#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 .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; +#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; } - li.recentcomments:before,blockquote:before,q:before,blockquote:after,q:after,.edit-link .post-edit-link:before,.nav-links .nav-previous a:before,.nav-links .nav-next a:after,#cancel-comment-reply-link:before,.widget_archive a:before,.widget_categories a:before,.widget_recent_entries a:before,.widget_meta a:before,.widget_recent_comments li:before,.widget_rss li:before,.widget_pages li a:before,.widget_nav_menu li a:before,.wp-block-latest-posts li a:before,.wp-block-archives li a:before,.wp-block-categories li a:before,.wp-block-page-list li a:before,.wp-block-latest-comments li:before,#site-navigation li.menu-item-has-children>a:before,#site-navigation li.page_item_has_children>a:before{ - font-family:ForkAwesome!important; - color:var(--text-color); +#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; +#mt-scrollup:before { + content: '\f061'; + font-family: 'ForkAwesome'; + -moz-transition: none; + -webkit-transition: none; + transition: none; } - em a:active,em a:focus,em a:hover,a:hover{ - color:var(--href); +a:hover, +em a:active, +em a:focus, +em a:hover { + color: var(--href); } - #mt-scrollup:hover, .entry-cat .cat-links a:hover,.entry-cat a:hover,.entry-footer a:hover,.comment-author .fn .url:hover,.commentmetadata .comment-edit-link,#cancel-comment-reply-link,#cancel-comment-reply-link:before,.logged-in-as a,.widget a:hover,.widget a:hover:before,.widget li:hover:before,.mt-social-icon-wrap li a:hover,.mt-social-icon-wrap li a:focus,#site-navigation ul li:hover>a,#site-navigation ul li.current-menu-item>a,#site-navigation ul li.current_page_ancestor>a,#site-navigation ul li.current-menu-ancestor>a,#site-navigation ul li.current_page_item>a,#site-navigation ul li.current-menu-parent>a,#site-navigation ul li.focus>a,.banner-sub-title,.entry-title a:hover,.cat-links a:hover,.entry-footer .mt-readmore-btn:hover,.btn-wrapper a:hover,.mt-readmore-btn:hover,.navigation.pagination .nav-links .page-numbers.current,.navigation.pagination .nav-links a.page-numbers:hover,#footer-menu li a:hover,.color_blog_dark_latest_posts .mt-post-title a:hover,.menu-toggle:hover,#top-navigation ul li a:hover,.mt-search-icon:hover,.entry-meta a:hover,.front-slider-block .banner-title a:hover,.post-info-wrap .entry-meta a:hover,.single .mt-single-related-posts .entry-title a:hover,.breadcrumbs .trail-items li a:hover,.wrap-label i,.has-thumbnail .post-info-wrap .entry-title a:hover,.front-slider-block .post-info-wrap .entry-title a:hover,#top-footer a:hover,a,a: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); +#site-navigation ul li[class*=cbd-cat-] .menu-item-description:after { + border-top-color: var(--href); } - .widget_search .search-submit,.widget_search .search-submit:hover,.navigation.pagination .nav-links .page-numbers.current,.navigation.pagination .nav-links a.page-numbers:hover,.error-404.not-found,.color_blog_dark_social_media a:hover,.custom-header,.widget_tag_cloud .tagcloud a:hover,.widget.widget_tag_cloud a:hover{ - border-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); +.mt-menu-search .mt-form-wrap .search-form .search-field:focus { + outline-color: var(--href); } - ul.trail-items span,.entry-footer>span.tags-links a:hover{ - color:var(--href)!important; +.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; +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-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; +.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; +span.required { + color: red; } - .mt-author-box{ - margin-top:15px; +.mt-author-box { + margin-top: 15px; } - .mt-author-box .mt-author__avatar img{ - border-radius:50%!important; - border:1px var(--href) solid; +.mt-author-box .mt-author__avatar img { + border-radius: 50%!important; + border: 1px var(--href) solid; } - .search article,.mt-live-link a:hover,.mt-live-link a:focus{ - box-shadow:none; +.mt-live-link a:focus, +.mt-live-link a:hover, +.search article { + box-shadow: none; } - .site-info{ - float:unset; - text-align:center; +.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; - -webkit-text-fill-color: transparent; - animation: gradientR 1000s linear infinite; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - .site-info,.post-thumbnail img,.mt-author__avatar,.wp-block-image,#mt-scrollup,.nav-links{ - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - @keyframes gradientR { - to { - background-position: 4500vh; +.mt-copyright-text { + background-image: linear-gradient(to right, #E61D25,#F46F22,#F7924E,#E05AA3,#C34E95,#B21E6A); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + animation: gradientR 1000s linear infinite; + @keyframes gradientR { + to { + background-position: 4500vh; + } } } - video{ - max-width:100%; - width: 100% !important; + +#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; } - .tagcloud a, .search-submit,input.search-submit[type=submit],.wp-block-search__button,.navigation .nav-links a,.bttn,button,input[type=button],input[type=reset],input[type=submit]{ - background-color: var(--href); - border: none!important; - color:#fff!important; +video { + max-width: 100%; + width: 100% !important; } -.tagcloud a:hover, input.search-submit,input.search-submit:hover,.navigation .nav-links a,.bttn,button,input[type=button],input[type=reset],input[type=submit],.mt-menu-search .mt-form-wrap .search-form .search-field,.page-numbers.current,textarea,.comment-reply-link{ +.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; +} +.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{ - border-radius: 2px +img { + border-radius: 2px; } -.page-numbers.current{ - background-color: var(--href-dark); - border: none!important; - color:#fff!important; +.page-numbers.current { + background-color: var(--href-dark); + border: none!important; + color: #fff!important; } -div#cwv3_dialog.cwv3_dialog.js{ -background-color: var(--background)!important; -border-color: var(--background-darker)!important; +div#cwv3_dialog.cwv3_dialog.js { + background-color: var(--background)!important; + border-color: var(--background-darker)!important; } -.widget_recent_comments li,.recentcomments{ +.recentcomments, +.widget_recent_comments li { display: block!important; } -.comment-author img{ - border-radius:50%!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); + } +} \ No newline at end of file