diff --git a/css/debian-theme.css b/css/debian-theme.css index 9b1e272..759b526 100644 --- a/css/debian-theme.css +++ b/css/debian-theme.css @@ -6,39 +6,131 @@ background-color: var(--selector); } -::-webkit-scrollbar, .comment-form-url { +::-webkit-scrollbar, +.comment-form-url { display: none; } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { border-color: var(--href); background-color: var(--background-darker); } -#site-navigation ul li a, .byline a, .entry-footer > span.tags-links, .entry-footer > span.tags-links a, .entry-title a, .menu-toggle a, .mt-author-bio, .mt-author-website a, .mt-related-post-title, .mt-search-icon a, .mt-social-menu-wrapper, .page-title, .posted-on time, .site-info, .tagcloud a:hover, .tags-links a, .widget-title, a.comment-edit-link, article.hentry .entry-footer > span, body, button, h1.entry-title, h2.entry-title a, h3#reply-title.comment-reply-title, hr, input, label, li, section ul li a, select, span.screen-reader-text, textarea, time, ul#primary-menu.menu.nav-menu:after { +#site-navigation ul li a, +.byline a, +.entry-footer > span.tags-links, +.entry-footer > span.tags-links a, +.entry-title a, +.menu-toggle a, +.mt-author-bio, +.mt-author-website a, +.mt-related-post-title, +.mt-search-icon a, +.mt-social-menu-wrapper, +.page-title, +.posted-on time, +.site-info, +.tagcloud a:hover, +.tags-links a, +.widget-title, +a.comment-edit-link, +article.hentry .entry-footer > span, +body, +button, +h1.entry-title, +h2.entry-title a, +h3#reply-title.comment-reply-title, +hr, +input, +label, +li, +section ul li a, +select, +span.screen-reader-text, +textarea, +time, +ul#primary-menu.menu.nav-menu:after { color: var(--text-color) !important; font-family: var(--main-font); } /*** Background Start ***/ -#site-navigation ul li a::after, .front-slider-block .post-info-wrap .entry-meta .posted-on a:before, .has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, .posted-on a:before { +#site-navigation ul li a::after, +.front-slider-block .post-info-wrap .entry-meta .posted-on a:before, +.has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, +.posted-on a:before { background-color: var(--text-color); } -#site-navigation, .wp-comment-cookies-consent, div#wpadminbar.nojq, div.custom-header.no-bg-img, div.cwv3_btns, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, div.site-branding, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, .gdrf-success, .gdrf-errors, #site-navigation ul li .sub-menu, #site-navigation ul li .children { +#site-navigation, +.wp-comment-cookies-consent, +div#wpadminbar.nojq, +div.custom-header.no-bg-img, +div.cwv3_btns, +div.logo-ads-wrap, +div.mt-logo-row-wrapper.mt-clearfix, +div.site-branding, +div.sticky-wrapper, +footer#colophon.site-footer, +nav#site-navigation.main-navigation.isActive, +.gdrf-success, +.gdrf-errors, +#site-navigation ul li .sub-menu, +#site-navigation ul li .children, +.comment-list .comment-body, +#respond, +.mt-author-box, +textarea#comment { background-color: var(--background-darker) !important; } -#colophon .widget .widget-title:before, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, #secondary .widget .widget-title:before, #site-navigation .menu-item-description, .edit-link .post-edit-link, .features-post-title:before, .front-slider-block .lSAction > a:hover, .mt-live-link a, .mt-menu-search .mt-form-wrap .search-form .search-submit, .mt-related-post-title:before, .post-cats-list a, .reply .comment-reply-link, .top-featured-post-wrap .post-thumbnail .post-number, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_tag_cloud .tagcloud a:hover, article .post-thumbnail:before, article.sticky:before, div.mt-live-link a, input.search-submit { +#colophon .widget .widget-title:before, +#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, +#secondary .widget .widget-title:before, +#site-navigation .menu-item-description, +.edit-link .post-edit-link, +.features-post-title:before, +.front-slider-block .lSAction > a:hover, +.mt-live-link a, +.mt-menu-search .mt-form-wrap .search-form .search-submit, +.mt-related-post-title:before, +.post-cats-list a, +.reply .comment-reply-link, +.top-featured-post-wrap .post-thumbnail .post-number, +.widget.widget_tag_cloud a:hover, +.widget_search .search-submit, +.widget_tag_cloud .tagcloud a:hover, +article .post-thumbnail:before, +article.sticky:before, +div.mt-live-link a, +input.search-submit { background-color: var(--href); } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .bttn:hover, .mt-live-link a:focus, .mt-live-link a:hover, .navigation .nav-links a:hover, .post-edit-link:hover, button, div.mt-live-link a:hover, input.search-submit:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, +.bttn:hover, +.mt-live-link a:focus, +.mt-live-link a:hover, +.navigation .nav-links a:hover, +.post-edit-link:hover, +button, +div.mt-live-link a:hover, +input.search-submit:hover, +input[type=button]:hover, +input[type=reset]:hover, +input[type=submit]:hover { color: var(--text-color); background-color: var(--href-dark); } -div#bottom-footer, div#page.site, div#top-header.top-header-wrap.mt-clearfix { +div#bottom-footer, +div#page.site, +div#top-header.top-header-wrap.mt-clearfix, +textarea#comment, +input#author, +input#email, +input#url { background-color: var(--background) !important; } @@ -55,7 +147,8 @@ div#bottom-footer, div#page.site, div#top-header.top-header-wrap.mt-clearfix { } /*** Background End ***/ -#colophon, .mt-social-menu-wrapper { +#colophon, +.mt-social-menu-wrapper { border-top: 1px solid var(--href-dark); } @@ -71,7 +164,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; @@ -80,30 +178,44 @@ h1, h2, h3, h4, h5, h6 { color: var(--text-color); } -.entry-title, .page-title, b, strong { +.entry-title, +.page-title, +b, +strong { color: var(--text-color); font-weight: 600; } -.mt-disclaimer-text, p em, p i { +.mt-disclaimer-text, +p em, +p i { color: var(--text-color); font-family: var(--main-font); font-style: italic; } -p em a, p i a { +p em a, +p i a { color: #f5a9b8; font-family: var(--main-font); font-style: italic; } -p em a:hover, p i a:hover { +p em a:hover, +p i a:hover { color: #c48793; font-family: var(--main-font); font-style: italic; } -.mt-author-name a:hover, .mt-author-website a:hover, em a, h3.entry-title a:active, h3.entry-title a:hover, i a, section ul li a:hover, .pojo-skip-link:focus { +.mt-author-name a:hover, +.mt-author-website a:hover, +em a, +h3.entry-title a:active, +h3.entry-title a:hover, +i a, +section ul li a:hover, +.pojo-skip-link:focus { color: var(--href) !important; } @@ -118,7 +230,14 @@ textarea { width: 100%; } -input, input#author, input#email, input#url, input.search-field, input[type=email], input[type=password], input[type=search], input[type=text], input[type=url], p.comment-form-cookies-consent #wp-comment-cookies-consent { +input, +input.search-field, +input[type=email], +input[type=password], +input[type=search], +input[type=text], +input[type=url], +p.comment-form-cookies-consent #wp-comment-cookies-consent { color: var(--text-color) !important; background-color: var(--background-darker); border-bottom: none; @@ -189,18 +308,24 @@ body { font-family: var(--main-font); } -.btn-wrapper a, .entry-footer .mt-readmore-btn, .mt-readmore-btn { +.btn-wrapper a, +.entry-footer .mt-readmore-btn, +.mt-readmore-btn { display: inline-block; padding: 0; font-size: 14px; color: var(--text-color); } -.wp-block-code, code { +.wp-block-code, +code { background-color: #343434; } -#wpadminbar .ab-top-menu > li.hover > .ab-item, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { +#wpadminbar .ab-top-menu > li.hover > .ab-item, +#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { background: var(--background-darker); color: var(--href); } @@ -215,7 +340,8 @@ body { 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); @@ -225,7 +351,30 @@ body { float: none; } -#cancel-comment-reply-link:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a:before, .edit-link .post-edit-link:before, .nav-links .nav-next a:after, .nav-links .nav-previous a:before, .widget_archive a:before, .widget_categories a:before, .widget_meta a:before, .widget_nav_menu li a:before, .widget_pages li a:before, .widget_recent_comments li:before, .widget_recent_entries a:before, .widget_rss li:before, .wp-block-archives li a:before, .wp-block-categories li a:before, .wp-block-latest-comments li:before, .wp-block-latest-posts li a:before, .wp-block-page-list li a:before, blockquote:after, blockquote:before, li.recentcomments:before, q:after, q:before { +#cancel-comment-reply-link:before, +#site-navigation li.menu-item-has-children > a:before, +#site-navigation li.page_item_has_children > a:before, +.edit-link .post-edit-link:before, +.nav-links .nav-next a:after, +.nav-links .nav-previous a:before, +.widget_archive a:before, +.widget_categories a:before, +.widget_meta a:before, +.widget_nav_menu li a:before, +.widget_pages li a:before, +.widget_recent_comments li:before, +.widget_recent_entries a:before, +.widget_rss li:before, +.wp-block-archives li a:before, +.wp-block-categories li a:before, +.wp-block-latest-comments li:before, +.wp-block-latest-posts li a:before, +.wp-block-page-list li a:before, +blockquote:after, +blockquote:before, +li.recentcomments:before, +q:after, +q:before { font-family: ForkAwesome !important; color: var(--text-color); } @@ -236,11 +385,59 @@ body { transition: none; } -a:hover, em a:active, em a:focus, em a:hover, .pojo-skip-link:focus { +a:hover, +em a:active, +em a:focus, +em a:hover, +.pojo-skip-link:focus { color: var(--href); } -#cancel-comment-reply-link, #cancel-comment-reply-link:before, #footer-menu li a:hover, #mt-scrollup:hover, #site-navigation ul li.current-menu-ancestor > a, #site-navigation ul li.current-menu-item > a, #site-navigation ul li.current-menu-parent > a, #site-navigation ul li.current_page_ancestor > a, #site-navigation ul li.current_page_item > a, #site-navigation ul li.focus > a, #site-navigation ul li:hover > a, #top-footer a:hover, #top-navigation ul li a:hover, .banner-sub-title, .breadcrumbs .trail-items li a:hover, .btn-wrapper a:hover, .cat-links a:hover, .color_blog_dark_latest_posts .mt-post-title a:hover, .comment-author .fn .url:hover, .commentmetadata .comment-edit-link, .entry-cat .cat-links a:hover, .entry-cat a:hover, .entry-footer .mt-readmore-btn:hover, .entry-footer a:hover, .entry-meta a:hover, .entry-title a:hover, .front-slider-block .banner-title a:hover, .front-slider-block .post-info-wrap .entry-title a:hover, .has-thumbnail .post-info-wrap .entry-title a:hover, .logged-in-as a, .menu-toggle:hover, .mt-readmore-btn:hover, .mt-search-icon:hover, .mt-social-icon-wrap li a:focus, .mt-social-icon-wrap li a:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .post-info-wrap .entry-meta a:hover, .single .mt-single-related-posts .entry-title a:hover, .widget a:hover, .widget a:hover:before, .widget li:hover:before, .wrap-label i, a, a:focus { +#cancel-comment-reply-link, +#cancel-comment-reply-link:before, +#footer-menu li a:hover, +#mt-scrollup:hover, +#site-navigation ul li.current-menu-ancestor > a, +#site-navigation ul li.current-menu-item > a, +#site-navigation ul li.current-menu-parent > a, +#site-navigation ul li.current_page_ancestor > a, +#site-navigation ul li.current_page_item > a, +#site-navigation ul li.focus > a, +#site-navigation ul li:hover > a, +#top-footer a:hover, +#top-navigation ul li a:hover, +.banner-sub-title, +.breadcrumbs .trail-items li a:hover, +.btn-wrapper a:hover, +.cat-links a:hover, +.color_blog_dark_latest_posts .mt-post-title a:hover, +.comment-author .fn .url:hover, +.commentmetadata .comment-edit-link, +.entry-cat .cat-links a:hover, +.entry-cat a:hover, +.entry-footer .mt-readmore-btn:hover, +.entry-footer a:hover, +.entry-meta a:hover, +.entry-title a:hover, +.front-slider-block .banner-title a:hover, +.front-slider-block .post-info-wrap .entry-title a:hover, +.has-thumbnail .post-info-wrap .entry-title a:hover, +.logged-in-as a, +.menu-toggle:hover, +.mt-readmore-btn:hover, +.mt-search-icon:hover, +.mt-social-icon-wrap li a:focus, +.mt-social-icon-wrap li a:hover, +.navigation.pagination .nav-links .page-numbers.current, +.navigation.pagination .nav-links a.page-numbers:hover, +.post-info-wrap .entry-meta a:hover, +.single .mt-single-related-posts .entry-title a:hover, +.widget a:hover, +.widget a:hover:before, +.widget li:hover:before, +.wrap-label i, +a, +a:focus { color: var(--href); } @@ -248,7 +445,15 @@ a:hover, em a:active, em a:focus, em a:hover, .pojo-skip-link:focus { border-top-color: var(--href); } -.color_blog_dark_social_media a:hover, .custom-header, .error-404.not-found, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_search .search-submit:hover, .widget_tag_cloud .tagcloud a:hover { +.color_blog_dark_social_media a:hover, +.custom-header, +.error-404.not-found, +.navigation.pagination .nav-links .page-numbers.current, +.navigation.pagination .nav-links a.page-numbers:hover, +.widget.widget_tag_cloud a:hover, +.widget_search .search-submit, +.widget_search .search-submit:hover, +.widget_tag_cloud .tagcloud a:hover { border-color: var(--href); } @@ -256,7 +461,8 @@ a:hover, em a:active, em a:focus, em a:hover, .pojo-skip-link:focus { outline-color: var(--href); } -.entry-footer > span.tags-links a:hover, ul.trail-items span { +.entry-footer > span.tags-links a:hover, +ul.trail-items span { color: var(--href) !important; } @@ -264,12 +470,18 @@ 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, +.comment-list .comment-body, +#respond, +.mt-author-box { border: none !important; border-bottom: none !important; border-top: none !important; @@ -290,7 +502,10 @@ span.required { border: 1px var(--href) solid; } -.mt-live-link a:focus, .mt-live-link a:hover, .search article, .pojo-skip-link:focus { +.mt-live-link a:focus, +.mt-live-link a:hover, +.search article, +.pojo-skip-link:focus { box-shadow: none; } @@ -312,7 +527,13 @@ span.required { } } -#mt-scrollup, .mt-author__avatar, .mt-copyright-text, .nav-links, .post-thumbnail img, .site-info, .wp-block-image { +#mt-scrollup, +.mt-author__avatar, +.mt-copyright-text, +.nav-links, +.post-thumbnail img, +.site-info, +.wp-block-image { -webkit-user-select: none; -moz-user-select: none; user-select: none; @@ -323,17 +544,39 @@ video { width: 100% !important; } -.bttn, .navigation .nav-links a, .search-submit, .tagcloud a, .wp-block-search__button, button, input.search-submit[type=submit], input[type=button], input[type=reset], input[type=submit] { +.bttn, +.navigation .nav-links a, +.search-submit, +.tagcloud a, +.wp-block-search__button, +button, +input.search-submit[type=submit], +input[type=button], +input[type=reset], +input[type=submit] { background-color: var(--href); border: none !important; color: var(--text-color) !important; } -.bttn, .comment-reply-link, .mt-menu-search .mt-form-wrap .search-form .search-field, .navigation .nav-links a, .page-numbers.current, .tagcloud a:hover, button, input.search-submit, input.search-submit:hover, input[type=button], input[type=reset], input[type=submit], textarea { +.bttn, +.comment-reply-link, +.mt-menu-search .mt-form-wrap .search-form .search-field, +.navigation .nav-links a, +.page-numbers.current, +.tagcloud a:hover, +button, +input.search-submit, +input.search-submit:hover, +input[type=button], +input[type=reset], +input[type=submit], +textarea { border-radius: 5px !important; } -img, .pojo-skip-link { +img, +.pojo-skip-link { border-radius: 2px; } @@ -348,7 +591,8 @@ div#cwv3_dialog.cwv3_dialog.js { border-color: var(--background-darker) !important; } -.recentcomments, .widget_recent_comments li { +.recentcomments, +.widget_recent_comments li { display: block !important; } @@ -358,23 +602,31 @@ div#cwv3_dialog.cwv3_dialog.js { border: none; } -.screen-reader-text:active, .screen-reader-text:focus, .screen-reader-text:hover { +.screen-reader-text:active, +.screen-reader-text:focus, +.screen-reader-text:hover { background-color: var(--background) !important; box-shadow: none !important; color: var(--href) !important; } @media (max-width: 979px) { - #site-navigation ul li a, .is-sticky #site-navigation ul li a { + #site-navigation ul li a, + .is-sticky #site-navigation ul li a { border-bottom: 1px solid var(--href-dark); } } -#site-navigation ul li a.sub-toggle, #site-navigation ul li a.sub-toggle:hover { +#site-navigation ul li a.sub-toggle, +#site-navigation ul li a.sub-toggle:hover { background: var(--background) none repeat scroll 0 0; color: var(--text-color); border: none; } +.search article .post-thumbnail { + border-radius: 10px; +} + :root { --text-color:#fff; --background:#333333; diff --git a/css/default-theme.css b/css/default-theme.css index 1b0b1b3..a1a4595 100644 --- a/css/default-theme.css +++ b/css/default-theme.css @@ -6,39 +6,131 @@ background-color: var(--selector); } -::-webkit-scrollbar, .comment-form-url { +::-webkit-scrollbar, +.comment-form-url { display: none; } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { border-color: var(--href); background-color: var(--background-darker); } -#site-navigation ul li a, .byline a, .entry-footer > span.tags-links, .entry-footer > span.tags-links a, .entry-title a, .menu-toggle a, .mt-author-bio, .mt-author-website a, .mt-related-post-title, .mt-search-icon a, .mt-social-menu-wrapper, .page-title, .posted-on time, .site-info, .tagcloud a:hover, .tags-links a, .widget-title, a.comment-edit-link, article.hentry .entry-footer > span, body, button, h1.entry-title, h2.entry-title a, h3#reply-title.comment-reply-title, hr, input, label, li, section ul li a, select, span.screen-reader-text, textarea, time, ul#primary-menu.menu.nav-menu:after { +#site-navigation ul li a, +.byline a, +.entry-footer > span.tags-links, +.entry-footer > span.tags-links a, +.entry-title a, +.menu-toggle a, +.mt-author-bio, +.mt-author-website a, +.mt-related-post-title, +.mt-search-icon a, +.mt-social-menu-wrapper, +.page-title, +.posted-on time, +.site-info, +.tagcloud a:hover, +.tags-links a, +.widget-title, +a.comment-edit-link, +article.hentry .entry-footer > span, +body, +button, +h1.entry-title, +h2.entry-title a, +h3#reply-title.comment-reply-title, +hr, +input, +label, +li, +section ul li a, +select, +span.screen-reader-text, +textarea, +time, +ul#primary-menu.menu.nav-menu:after { color: var(--text-color) !important; font-family: var(--main-font); } /*** Background Start ***/ -#site-navigation ul li a::after, .front-slider-block .post-info-wrap .entry-meta .posted-on a:before, .has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, .posted-on a:before { +#site-navigation ul li a::after, +.front-slider-block .post-info-wrap .entry-meta .posted-on a:before, +.has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, +.posted-on a:before { background-color: var(--text-color); } -#site-navigation, .wp-comment-cookies-consent, div#wpadminbar.nojq, div.custom-header.no-bg-img, div.cwv3_btns, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, div.site-branding, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, .gdrf-success, .gdrf-errors, #site-navigation ul li .sub-menu, #site-navigation ul li .children { +#site-navigation, +.wp-comment-cookies-consent, +div#wpadminbar.nojq, +div.custom-header.no-bg-img, +div.cwv3_btns, +div.logo-ads-wrap, +div.mt-logo-row-wrapper.mt-clearfix, +div.site-branding, +div.sticky-wrapper, +footer#colophon.site-footer, +nav#site-navigation.main-navigation.isActive, +.gdrf-success, +.gdrf-errors, +#site-navigation ul li .sub-menu, +#site-navigation ul li .children, +.comment-list .comment-body, +#respond, +.mt-author-box, +textarea#comment { background-color: var(--background-darker) !important; } -#colophon .widget .widget-title:before, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, #secondary .widget .widget-title:before, #site-navigation .menu-item-description, .edit-link .post-edit-link, .features-post-title:before, .front-slider-block .lSAction > a:hover, .mt-live-link a, .mt-menu-search .mt-form-wrap .search-form .search-submit, .mt-related-post-title:before, .post-cats-list a, .reply .comment-reply-link, .top-featured-post-wrap .post-thumbnail .post-number, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_tag_cloud .tagcloud a:hover, article .post-thumbnail:before, article.sticky:before, div.mt-live-link a, input.search-submit { +#colophon .widget .widget-title:before, +#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, +#secondary .widget .widget-title:before, +#site-navigation .menu-item-description, +.edit-link .post-edit-link, +.features-post-title:before, +.front-slider-block .lSAction > a:hover, +.mt-live-link a, +.mt-menu-search .mt-form-wrap .search-form .search-submit, +.mt-related-post-title:before, +.post-cats-list a, +.reply .comment-reply-link, +.top-featured-post-wrap .post-thumbnail .post-number, +.widget.widget_tag_cloud a:hover, +.widget_search .search-submit, +.widget_tag_cloud .tagcloud a:hover, +article .post-thumbnail:before, +article.sticky:before, +div.mt-live-link a, +input.search-submit { background-color: var(--href); } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .bttn:hover, .mt-live-link a:focus, .mt-live-link a:hover, .navigation .nav-links a:hover, .post-edit-link:hover, button, div.mt-live-link a:hover, input.search-submit:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, +.bttn:hover, +.mt-live-link a:focus, +.mt-live-link a:hover, +.navigation .nav-links a:hover, +.post-edit-link:hover, +button, +div.mt-live-link a:hover, +input.search-submit:hover, +input[type=button]:hover, +input[type=reset]:hover, +input[type=submit]:hover { color: var(--text-color); background-color: var(--href-dark); } -div#bottom-footer, div#page.site, div#top-header.top-header-wrap.mt-clearfix { +div#bottom-footer, +div#page.site, +div#top-header.top-header-wrap.mt-clearfix, +textarea#comment, +input#author, +input#email, +input#url { background-color: var(--background) !important; } @@ -55,7 +147,8 @@ div#bottom-footer, div#page.site, div#top-header.top-header-wrap.mt-clearfix { } /*** Background End ***/ -#colophon, .mt-social-menu-wrapper { +#colophon, +.mt-social-menu-wrapper { border-top: 1px solid var(--href-dark); } @@ -71,7 +164,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; @@ -80,30 +178,44 @@ h1, h2, h3, h4, h5, h6 { color: var(--text-color); } -.entry-title, .page-title, b, strong { +.entry-title, +.page-title, +b, +strong { color: var(--text-color); font-weight: 600; } -.mt-disclaimer-text, p em, p i { +.mt-disclaimer-text, +p em, +p i { color: var(--text-color); font-family: var(--main-font); font-style: italic; } -p em a, p i a { +p em a, +p i a { color: #f5a9b8; font-family: var(--main-font); font-style: italic; } -p em a:hover, p i a:hover { +p em a:hover, +p i a:hover { color: #c48793; font-family: var(--main-font); font-style: italic; } -.mt-author-name a:hover, .mt-author-website a:hover, em a, h3.entry-title a:active, h3.entry-title a:hover, i a, section ul li a:hover, .pojo-skip-link:focus { +.mt-author-name a:hover, +.mt-author-website a:hover, +em a, +h3.entry-title a:active, +h3.entry-title a:hover, +i a, +section ul li a:hover, +.pojo-skip-link:focus { color: var(--href) !important; } @@ -118,7 +230,14 @@ textarea { width: 100%; } -input, input#author, input#email, input#url, input.search-field, input[type=email], input[type=password], input[type=search], input[type=text], input[type=url], p.comment-form-cookies-consent #wp-comment-cookies-consent { +input, +input.search-field, +input[type=email], +input[type=password], +input[type=search], +input[type=text], +input[type=url], +p.comment-form-cookies-consent #wp-comment-cookies-consent { color: var(--text-color) !important; background-color: var(--background-darker); border-bottom: none; @@ -189,18 +308,24 @@ body { font-family: var(--main-font); } -.btn-wrapper a, .entry-footer .mt-readmore-btn, .mt-readmore-btn { +.btn-wrapper a, +.entry-footer .mt-readmore-btn, +.mt-readmore-btn { display: inline-block; padding: 0; font-size: 14px; color: var(--text-color); } -.wp-block-code, code { +.wp-block-code, +code { background-color: #343434; } -#wpadminbar .ab-top-menu > li.hover > .ab-item, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { +#wpadminbar .ab-top-menu > li.hover > .ab-item, +#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { background: var(--background-darker); color: var(--href); } @@ -215,7 +340,8 @@ body { 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); @@ -225,7 +351,30 @@ body { float: none; } -#cancel-comment-reply-link:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a:before, .edit-link .post-edit-link:before, .nav-links .nav-next a:after, .nav-links .nav-previous a:before, .widget_archive a:before, .widget_categories a:before, .widget_meta a:before, .widget_nav_menu li a:before, .widget_pages li a:before, .widget_recent_comments li:before, .widget_recent_entries a:before, .widget_rss li:before, .wp-block-archives li a:before, .wp-block-categories li a:before, .wp-block-latest-comments li:before, .wp-block-latest-posts li a:before, .wp-block-page-list li a:before, blockquote:after, blockquote:before, li.recentcomments:before, q:after, q:before { +#cancel-comment-reply-link:before, +#site-navigation li.menu-item-has-children > a:before, +#site-navigation li.page_item_has_children > a:before, +.edit-link .post-edit-link:before, +.nav-links .nav-next a:after, +.nav-links .nav-previous a:before, +.widget_archive a:before, +.widget_categories a:before, +.widget_meta a:before, +.widget_nav_menu li a:before, +.widget_pages li a:before, +.widget_recent_comments li:before, +.widget_recent_entries a:before, +.widget_rss li:before, +.wp-block-archives li a:before, +.wp-block-categories li a:before, +.wp-block-latest-comments li:before, +.wp-block-latest-posts li a:before, +.wp-block-page-list li a:before, +blockquote:after, +blockquote:before, +li.recentcomments:before, +q:after, +q:before { font-family: ForkAwesome !important; color: var(--text-color); } @@ -236,11 +385,59 @@ body { transition: none; } -a:hover, em a:active, em a:focus, em a:hover, .pojo-skip-link:focus { +a:hover, +em a:active, +em a:focus, +em a:hover, +.pojo-skip-link:focus { color: var(--href); } -#cancel-comment-reply-link, #cancel-comment-reply-link:before, #footer-menu li a:hover, #mt-scrollup:hover, #site-navigation ul li.current-menu-ancestor > a, #site-navigation ul li.current-menu-item > a, #site-navigation ul li.current-menu-parent > a, #site-navigation ul li.current_page_ancestor > a, #site-navigation ul li.current_page_item > a, #site-navigation ul li.focus > a, #site-navigation ul li:hover > a, #top-footer a:hover, #top-navigation ul li a:hover, .banner-sub-title, .breadcrumbs .trail-items li a:hover, .btn-wrapper a:hover, .cat-links a:hover, .color_blog_dark_latest_posts .mt-post-title a:hover, .comment-author .fn .url:hover, .commentmetadata .comment-edit-link, .entry-cat .cat-links a:hover, .entry-cat a:hover, .entry-footer .mt-readmore-btn:hover, .entry-footer a:hover, .entry-meta a:hover, .entry-title a:hover, .front-slider-block .banner-title a:hover, .front-slider-block .post-info-wrap .entry-title a:hover, .has-thumbnail .post-info-wrap .entry-title a:hover, .logged-in-as a, .menu-toggle:hover, .mt-readmore-btn:hover, .mt-search-icon:hover, .mt-social-icon-wrap li a:focus, .mt-social-icon-wrap li a:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .post-info-wrap .entry-meta a:hover, .single .mt-single-related-posts .entry-title a:hover, .widget a:hover, .widget a:hover:before, .widget li:hover:before, .wrap-label i, a, a:focus { +#cancel-comment-reply-link, +#cancel-comment-reply-link:before, +#footer-menu li a:hover, +#mt-scrollup:hover, +#site-navigation ul li.current-menu-ancestor > a, +#site-navigation ul li.current-menu-item > a, +#site-navigation ul li.current-menu-parent > a, +#site-navigation ul li.current_page_ancestor > a, +#site-navigation ul li.current_page_item > a, +#site-navigation ul li.focus > a, +#site-navigation ul li:hover > a, +#top-footer a:hover, +#top-navigation ul li a:hover, +.banner-sub-title, +.breadcrumbs .trail-items li a:hover, +.btn-wrapper a:hover, +.cat-links a:hover, +.color_blog_dark_latest_posts .mt-post-title a:hover, +.comment-author .fn .url:hover, +.commentmetadata .comment-edit-link, +.entry-cat .cat-links a:hover, +.entry-cat a:hover, +.entry-footer .mt-readmore-btn:hover, +.entry-footer a:hover, +.entry-meta a:hover, +.entry-title a:hover, +.front-slider-block .banner-title a:hover, +.front-slider-block .post-info-wrap .entry-title a:hover, +.has-thumbnail .post-info-wrap .entry-title a:hover, +.logged-in-as a, +.menu-toggle:hover, +.mt-readmore-btn:hover, +.mt-search-icon:hover, +.mt-social-icon-wrap li a:focus, +.mt-social-icon-wrap li a:hover, +.navigation.pagination .nav-links .page-numbers.current, +.navigation.pagination .nav-links a.page-numbers:hover, +.post-info-wrap .entry-meta a:hover, +.single .mt-single-related-posts .entry-title a:hover, +.widget a:hover, +.widget a:hover:before, +.widget li:hover:before, +.wrap-label i, +a, +a:focus { color: var(--href); } @@ -248,7 +445,15 @@ a:hover, em a:active, em a:focus, em a:hover, .pojo-skip-link:focus { border-top-color: var(--href); } -.color_blog_dark_social_media a:hover, .custom-header, .error-404.not-found, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_search .search-submit:hover, .widget_tag_cloud .tagcloud a:hover { +.color_blog_dark_social_media a:hover, +.custom-header, +.error-404.not-found, +.navigation.pagination .nav-links .page-numbers.current, +.navigation.pagination .nav-links a.page-numbers:hover, +.widget.widget_tag_cloud a:hover, +.widget_search .search-submit, +.widget_search .search-submit:hover, +.widget_tag_cloud .tagcloud a:hover { border-color: var(--href); } @@ -256,7 +461,8 @@ a:hover, em a:active, em a:focus, em a:hover, .pojo-skip-link:focus { outline-color: var(--href); } -.entry-footer > span.tags-links a:hover, ul.trail-items span { +.entry-footer > span.tags-links a:hover, +ul.trail-items span { color: var(--href) !important; } @@ -264,12 +470,18 @@ 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, +.comment-list .comment-body, +#respond, +.mt-author-box { border: none !important; border-bottom: none !important; border-top: none !important; @@ -290,7 +502,10 @@ span.required { border: 1px var(--href) solid; } -.mt-live-link a:focus, .mt-live-link a:hover, .search article, .pojo-skip-link:focus { +.mt-live-link a:focus, +.mt-live-link a:hover, +.search article, +.pojo-skip-link:focus { box-shadow: none; } @@ -312,7 +527,13 @@ span.required { } } -#mt-scrollup, .mt-author__avatar, .mt-copyright-text, .nav-links, .post-thumbnail img, .site-info, .wp-block-image { +#mt-scrollup, +.mt-author__avatar, +.mt-copyright-text, +.nav-links, +.post-thumbnail img, +.site-info, +.wp-block-image { -webkit-user-select: none; -moz-user-select: none; user-select: none; @@ -323,17 +544,39 @@ video { width: 100% !important; } -.bttn, .navigation .nav-links a, .search-submit, .tagcloud a, .wp-block-search__button, button, input.search-submit[type=submit], input[type=button], input[type=reset], input[type=submit] { +.bttn, +.navigation .nav-links a, +.search-submit, +.tagcloud a, +.wp-block-search__button, +button, +input.search-submit[type=submit], +input[type=button], +input[type=reset], +input[type=submit] { background-color: var(--href); border: none !important; color: var(--text-color) !important; } -.bttn, .comment-reply-link, .mt-menu-search .mt-form-wrap .search-form .search-field, .navigation .nav-links a, .page-numbers.current, .tagcloud a:hover, button, input.search-submit, input.search-submit:hover, input[type=button], input[type=reset], input[type=submit], textarea { +.bttn, +.comment-reply-link, +.mt-menu-search .mt-form-wrap .search-form .search-field, +.navigation .nav-links a, +.page-numbers.current, +.tagcloud a:hover, +button, +input.search-submit, +input.search-submit:hover, +input[type=button], +input[type=reset], +input[type=submit], +textarea { border-radius: 5px !important; } -img, .pojo-skip-link { +img, +.pojo-skip-link { border-radius: 2px; } @@ -348,7 +591,8 @@ div#cwv3_dialog.cwv3_dialog.js { border-color: var(--background-darker) !important; } -.recentcomments, .widget_recent_comments li { +.recentcomments, +.widget_recent_comments li { display: block !important; } @@ -358,23 +602,31 @@ div#cwv3_dialog.cwv3_dialog.js { border: none; } -.screen-reader-text:active, .screen-reader-text:focus, .screen-reader-text:hover { +.screen-reader-text:active, +.screen-reader-text:focus, +.screen-reader-text:hover { background-color: var(--background) !important; box-shadow: none !important; color: var(--href) !important; } @media (max-width: 979px) { - #site-navigation ul li a, .is-sticky #site-navigation ul li a { + #site-navigation ul li a, + .is-sticky #site-navigation ul li a { border-bottom: 1px solid var(--href-dark); } } -#site-navigation ul li a.sub-toggle, #site-navigation ul li a.sub-toggle:hover { +#site-navigation ul li a.sub-toggle, +#site-navigation ul li a.sub-toggle:hover { background: var(--background) none repeat scroll 0 0; color: var(--text-color); border: none; } +.search article .post-thumbnail { + border-radius: 10px; +} + :root { --text-color:#fff; --background:#383C4A; diff --git a/css/discord-theme.css b/css/discord-theme.css index 9246933..b2770f9 100644 --- a/css/discord-theme.css +++ b/css/discord-theme.css @@ -6,39 +6,131 @@ background-color: var(--selector); } -::-webkit-scrollbar, .comment-form-url { +::-webkit-scrollbar, +.comment-form-url { display: none; } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { border-color: var(--href); background-color: var(--background-darker); } -#site-navigation ul li a, .byline a, .entry-footer > span.tags-links, .entry-footer > span.tags-links a, .entry-title a, .menu-toggle a, .mt-author-bio, .mt-author-website a, .mt-related-post-title, .mt-search-icon a, .mt-social-menu-wrapper, .page-title, .posted-on time, .site-info, .tagcloud a:hover, .tags-links a, .widget-title, a.comment-edit-link, article.hentry .entry-footer > span, body, button, h1.entry-title, h2.entry-title a, h3#reply-title.comment-reply-title, hr, input, label, li, section ul li a, select, span.screen-reader-text, textarea, time, ul#primary-menu.menu.nav-menu:after { +#site-navigation ul li a, +.byline a, +.entry-footer > span.tags-links, +.entry-footer > span.tags-links a, +.entry-title a, +.menu-toggle a, +.mt-author-bio, +.mt-author-website a, +.mt-related-post-title, +.mt-search-icon a, +.mt-social-menu-wrapper, +.page-title, +.posted-on time, +.site-info, +.tagcloud a:hover, +.tags-links a, +.widget-title, +a.comment-edit-link, +article.hentry .entry-footer > span, +body, +button, +h1.entry-title, +h2.entry-title a, +h3#reply-title.comment-reply-title, +hr, +input, +label, +li, +section ul li a, +select, +span.screen-reader-text, +textarea, +time, +ul#primary-menu.menu.nav-menu:after { color: var(--text-color) !important; font-family: var(--main-font); } /*** Background Start ***/ -#site-navigation ul li a::after, .front-slider-block .post-info-wrap .entry-meta .posted-on a:before, .has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, .posted-on a:before { +#site-navigation ul li a::after, +.front-slider-block .post-info-wrap .entry-meta .posted-on a:before, +.has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, +.posted-on a:before { background-color: var(--text-color); } -#site-navigation, .wp-comment-cookies-consent, div#wpadminbar.nojq, div.custom-header.no-bg-img, div.cwv3_btns, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, div.site-branding, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, .gdrf-success, .gdrf-errors, #site-navigation ul li .sub-menu, #site-navigation ul li .children { +#site-navigation, +.wp-comment-cookies-consent, +div#wpadminbar.nojq, +div.custom-header.no-bg-img, +div.cwv3_btns, +div.logo-ads-wrap, +div.mt-logo-row-wrapper.mt-clearfix, +div.site-branding, +div.sticky-wrapper, +footer#colophon.site-footer, +nav#site-navigation.main-navigation.isActive, +.gdrf-success, +.gdrf-errors, +#site-navigation ul li .sub-menu, +#site-navigation ul li .children, +.comment-list .comment-body, +#respond, +.mt-author-box, +textarea#comment { background-color: var(--background-darker) !important; } -#colophon .widget .widget-title:before, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, #secondary .widget .widget-title:before, #site-navigation .menu-item-description, .edit-link .post-edit-link, .features-post-title:before, .front-slider-block .lSAction > a:hover, .mt-live-link a, .mt-menu-search .mt-form-wrap .search-form .search-submit, .mt-related-post-title:before, .post-cats-list a, .reply .comment-reply-link, .top-featured-post-wrap .post-thumbnail .post-number, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_tag_cloud .tagcloud a:hover, article .post-thumbnail:before, article.sticky:before, div.mt-live-link a, input.search-submit { +#colophon .widget .widget-title:before, +#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, +#secondary .widget .widget-title:before, +#site-navigation .menu-item-description, +.edit-link .post-edit-link, +.features-post-title:before, +.front-slider-block .lSAction > a:hover, +.mt-live-link a, +.mt-menu-search .mt-form-wrap .search-form .search-submit, +.mt-related-post-title:before, +.post-cats-list a, +.reply .comment-reply-link, +.top-featured-post-wrap .post-thumbnail .post-number, +.widget.widget_tag_cloud a:hover, +.widget_search .search-submit, +.widget_tag_cloud .tagcloud a:hover, +article .post-thumbnail:before, +article.sticky:before, +div.mt-live-link a, +input.search-submit { background-color: var(--href); } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .bttn:hover, .mt-live-link a:focus, .mt-live-link a:hover, .navigation .nav-links a:hover, .post-edit-link:hover, button, div.mt-live-link a:hover, input.search-submit:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, +.bttn:hover, +.mt-live-link a:focus, +.mt-live-link a:hover, +.navigation .nav-links a:hover, +.post-edit-link:hover, +button, +div.mt-live-link a:hover, +input.search-submit:hover, +input[type=button]:hover, +input[type=reset]:hover, +input[type=submit]:hover { color: var(--text-color); background-color: var(--href-dark); } -div#bottom-footer, div#page.site, div#top-header.top-header-wrap.mt-clearfix { +div#bottom-footer, +div#page.site, +div#top-header.top-header-wrap.mt-clearfix, +textarea#comment, +input#author, +input#email, +input#url { background-color: var(--background) !important; } @@ -55,7 +147,8 @@ div#bottom-footer, div#page.site, div#top-header.top-header-wrap.mt-clearfix { } /*** Background End ***/ -#colophon, .mt-social-menu-wrapper { +#colophon, +.mt-social-menu-wrapper { border-top: 1px solid var(--href-dark); } @@ -71,7 +164,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; @@ -80,30 +178,44 @@ h1, h2, h3, h4, h5, h6 { color: var(--text-color); } -.entry-title, .page-title, b, strong { +.entry-title, +.page-title, +b, +strong { color: var(--text-color); font-weight: 600; } -.mt-disclaimer-text, p em, p i { +.mt-disclaimer-text, +p em, +p i { color: var(--text-color); font-family: var(--main-font); font-style: italic; } -p em a, p i a { +p em a, +p i a { color: #f5a9b8; font-family: var(--main-font); font-style: italic; } -p em a:hover, p i a:hover { +p em a:hover, +p i a:hover { color: #c48793; font-family: var(--main-font); font-style: italic; } -.mt-author-name a:hover, .mt-author-website a:hover, em a, h3.entry-title a:active, h3.entry-title a:hover, i a, section ul li a:hover, .pojo-skip-link:focus { +.mt-author-name a:hover, +.mt-author-website a:hover, +em a, +h3.entry-title a:active, +h3.entry-title a:hover, +i a, +section ul li a:hover, +.pojo-skip-link:focus { color: var(--href) !important; } @@ -118,7 +230,14 @@ textarea { width: 100%; } -input, input#author, input#email, input#url, input.search-field, input[type=email], input[type=password], input[type=search], input[type=text], input[type=url], p.comment-form-cookies-consent #wp-comment-cookies-consent { +input, +input.search-field, +input[type=email], +input[type=password], +input[type=search], +input[type=text], +input[type=url], +p.comment-form-cookies-consent #wp-comment-cookies-consent { color: var(--text-color) !important; background-color: var(--background-darker); border-bottom: none; @@ -189,18 +308,24 @@ body { font-family: var(--main-font); } -.btn-wrapper a, .entry-footer .mt-readmore-btn, .mt-readmore-btn { +.btn-wrapper a, +.entry-footer .mt-readmore-btn, +.mt-readmore-btn { display: inline-block; padding: 0; font-size: 14px; color: var(--text-color); } -.wp-block-code, code { +.wp-block-code, +code { background-color: #343434; } -#wpadminbar .ab-top-menu > li.hover > .ab-item, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { +#wpadminbar .ab-top-menu > li.hover > .ab-item, +#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { background: var(--background-darker); color: var(--href); } @@ -215,7 +340,8 @@ body { 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); @@ -225,7 +351,30 @@ body { float: none; } -#cancel-comment-reply-link:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a:before, .edit-link .post-edit-link:before, .nav-links .nav-next a:after, .nav-links .nav-previous a:before, .widget_archive a:before, .widget_categories a:before, .widget_meta a:before, .widget_nav_menu li a:before, .widget_pages li a:before, .widget_recent_comments li:before, .widget_recent_entries a:before, .widget_rss li:before, .wp-block-archives li a:before, .wp-block-categories li a:before, .wp-block-latest-comments li:before, .wp-block-latest-posts li a:before, .wp-block-page-list li a:before, blockquote:after, blockquote:before, li.recentcomments:before, q:after, q:before { +#cancel-comment-reply-link:before, +#site-navigation li.menu-item-has-children > a:before, +#site-navigation li.page_item_has_children > a:before, +.edit-link .post-edit-link:before, +.nav-links .nav-next a:after, +.nav-links .nav-previous a:before, +.widget_archive a:before, +.widget_categories a:before, +.widget_meta a:before, +.widget_nav_menu li a:before, +.widget_pages li a:before, +.widget_recent_comments li:before, +.widget_recent_entries a:before, +.widget_rss li:before, +.wp-block-archives li a:before, +.wp-block-categories li a:before, +.wp-block-latest-comments li:before, +.wp-block-latest-posts li a:before, +.wp-block-page-list li a:before, +blockquote:after, +blockquote:before, +li.recentcomments:before, +q:after, +q:before { font-family: ForkAwesome !important; color: var(--text-color); } @@ -236,11 +385,59 @@ body { transition: none; } -a:hover, em a:active, em a:focus, em a:hover, .pojo-skip-link:focus { +a:hover, +em a:active, +em a:focus, +em a:hover, +.pojo-skip-link:focus { color: var(--href); } -#cancel-comment-reply-link, #cancel-comment-reply-link:before, #footer-menu li a:hover, #mt-scrollup:hover, #site-navigation ul li.current-menu-ancestor > a, #site-navigation ul li.current-menu-item > a, #site-navigation ul li.current-menu-parent > a, #site-navigation ul li.current_page_ancestor > a, #site-navigation ul li.current_page_item > a, #site-navigation ul li.focus > a, #site-navigation ul li:hover > a, #top-footer a:hover, #top-navigation ul li a:hover, .banner-sub-title, .breadcrumbs .trail-items li a:hover, .btn-wrapper a:hover, .cat-links a:hover, .color_blog_dark_latest_posts .mt-post-title a:hover, .comment-author .fn .url:hover, .commentmetadata .comment-edit-link, .entry-cat .cat-links a:hover, .entry-cat a:hover, .entry-footer .mt-readmore-btn:hover, .entry-footer a:hover, .entry-meta a:hover, .entry-title a:hover, .front-slider-block .banner-title a:hover, .front-slider-block .post-info-wrap .entry-title a:hover, .has-thumbnail .post-info-wrap .entry-title a:hover, .logged-in-as a, .menu-toggle:hover, .mt-readmore-btn:hover, .mt-search-icon:hover, .mt-social-icon-wrap li a:focus, .mt-social-icon-wrap li a:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .post-info-wrap .entry-meta a:hover, .single .mt-single-related-posts .entry-title a:hover, .widget a:hover, .widget a:hover:before, .widget li:hover:before, .wrap-label i, a, a:focus { +#cancel-comment-reply-link, +#cancel-comment-reply-link:before, +#footer-menu li a:hover, +#mt-scrollup:hover, +#site-navigation ul li.current-menu-ancestor > a, +#site-navigation ul li.current-menu-item > a, +#site-navigation ul li.current-menu-parent > a, +#site-navigation ul li.current_page_ancestor > a, +#site-navigation ul li.current_page_item > a, +#site-navigation ul li.focus > a, +#site-navigation ul li:hover > a, +#top-footer a:hover, +#top-navigation ul li a:hover, +.banner-sub-title, +.breadcrumbs .trail-items li a:hover, +.btn-wrapper a:hover, +.cat-links a:hover, +.color_blog_dark_latest_posts .mt-post-title a:hover, +.comment-author .fn .url:hover, +.commentmetadata .comment-edit-link, +.entry-cat .cat-links a:hover, +.entry-cat a:hover, +.entry-footer .mt-readmore-btn:hover, +.entry-footer a:hover, +.entry-meta a:hover, +.entry-title a:hover, +.front-slider-block .banner-title a:hover, +.front-slider-block .post-info-wrap .entry-title a:hover, +.has-thumbnail .post-info-wrap .entry-title a:hover, +.logged-in-as a, +.menu-toggle:hover, +.mt-readmore-btn:hover, +.mt-search-icon:hover, +.mt-social-icon-wrap li a:focus, +.mt-social-icon-wrap li a:hover, +.navigation.pagination .nav-links .page-numbers.current, +.navigation.pagination .nav-links a.page-numbers:hover, +.post-info-wrap .entry-meta a:hover, +.single .mt-single-related-posts .entry-title a:hover, +.widget a:hover, +.widget a:hover:before, +.widget li:hover:before, +.wrap-label i, +a, +a:focus { color: var(--href); } @@ -248,7 +445,15 @@ a:hover, em a:active, em a:focus, em a:hover, .pojo-skip-link:focus { border-top-color: var(--href); } -.color_blog_dark_social_media a:hover, .custom-header, .error-404.not-found, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_search .search-submit:hover, .widget_tag_cloud .tagcloud a:hover { +.color_blog_dark_social_media a:hover, +.custom-header, +.error-404.not-found, +.navigation.pagination .nav-links .page-numbers.current, +.navigation.pagination .nav-links a.page-numbers:hover, +.widget.widget_tag_cloud a:hover, +.widget_search .search-submit, +.widget_search .search-submit:hover, +.widget_tag_cloud .tagcloud a:hover { border-color: var(--href); } @@ -256,7 +461,8 @@ a:hover, em a:active, em a:focus, em a:hover, .pojo-skip-link:focus { outline-color: var(--href); } -.entry-footer > span.tags-links a:hover, ul.trail-items span { +.entry-footer > span.tags-links a:hover, +ul.trail-items span { color: var(--href) !important; } @@ -264,12 +470,18 @@ 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, +.comment-list .comment-body, +#respond, +.mt-author-box { border: none !important; border-bottom: none !important; border-top: none !important; @@ -290,7 +502,10 @@ span.required { border: 1px var(--href) solid; } -.mt-live-link a:focus, .mt-live-link a:hover, .search article, .pojo-skip-link:focus { +.mt-live-link a:focus, +.mt-live-link a:hover, +.search article, +.pojo-skip-link:focus { box-shadow: none; } @@ -312,7 +527,13 @@ span.required { } } -#mt-scrollup, .mt-author__avatar, .mt-copyright-text, .nav-links, .post-thumbnail img, .site-info, .wp-block-image { +#mt-scrollup, +.mt-author__avatar, +.mt-copyright-text, +.nav-links, +.post-thumbnail img, +.site-info, +.wp-block-image { -webkit-user-select: none; -moz-user-select: none; user-select: none; @@ -323,17 +544,39 @@ video { width: 100% !important; } -.bttn, .navigation .nav-links a, .search-submit, .tagcloud a, .wp-block-search__button, button, input.search-submit[type=submit], input[type=button], input[type=reset], input[type=submit] { +.bttn, +.navigation .nav-links a, +.search-submit, +.tagcloud a, +.wp-block-search__button, +button, +input.search-submit[type=submit], +input[type=button], +input[type=reset], +input[type=submit] { background-color: var(--href); border: none !important; color: var(--text-color) !important; } -.bttn, .comment-reply-link, .mt-menu-search .mt-form-wrap .search-form .search-field, .navigation .nav-links a, .page-numbers.current, .tagcloud a:hover, button, input.search-submit, input.search-submit:hover, input[type=button], input[type=reset], input[type=submit], textarea { +.bttn, +.comment-reply-link, +.mt-menu-search .mt-form-wrap .search-form .search-field, +.navigation .nav-links a, +.page-numbers.current, +.tagcloud a:hover, +button, +input.search-submit, +input.search-submit:hover, +input[type=button], +input[type=reset], +input[type=submit], +textarea { border-radius: 5px !important; } -img, .pojo-skip-link { +img, +.pojo-skip-link { border-radius: 2px; } @@ -348,7 +591,8 @@ div#cwv3_dialog.cwv3_dialog.js { border-color: var(--background-darker) !important; } -.recentcomments, .widget_recent_comments li { +.recentcomments, +.widget_recent_comments li { display: block !important; } @@ -358,23 +602,31 @@ div#cwv3_dialog.cwv3_dialog.js { border: none; } -.screen-reader-text:active, .screen-reader-text:focus, .screen-reader-text:hover { +.screen-reader-text:active, +.screen-reader-text:focus, +.screen-reader-text:hover { background-color: var(--background) !important; box-shadow: none !important; color: var(--href) !important; } @media (max-width: 979px) { - #site-navigation ul li a, .is-sticky #site-navigation ul li a { + #site-navigation ul li a, + .is-sticky #site-navigation ul li a { border-bottom: 1px solid var(--href-dark); } } -#site-navigation ul li a.sub-toggle, #site-navigation ul li a.sub-toggle:hover { +#site-navigation ul li a.sub-toggle, +#site-navigation ul li a.sub-toggle:hover { background: var(--background) none repeat scroll 0 0; color: var(--text-color); border: none; } +.search article .post-thumbnail { + border-radius: 10px; +} + :root { --text-color:#fff; --background:#2E3035; diff --git a/css/jse-theme.css b/css/jse-theme.css index 1d6ed76..baeed02 100644 --- a/css/jse-theme.css +++ b/css/jse-theme.css @@ -6,39 +6,131 @@ background-color: var(--selector); } -::-webkit-scrollbar, .comment-form-url { +::-webkit-scrollbar, +.comment-form-url { display: none; } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { border-color: var(--href); background-color: var(--background-darker); } -#site-navigation ul li a, .byline a, .entry-footer > span.tags-links, .entry-footer > span.tags-links a, .entry-title a, .menu-toggle a, .mt-author-bio, .mt-author-website a, .mt-related-post-title, .mt-search-icon a, .mt-social-menu-wrapper, .page-title, .posted-on time, .site-info, .tagcloud a:hover, .tags-links a, .widget-title, a.comment-edit-link, article.hentry .entry-footer > span, body, button, h1.entry-title, h2.entry-title a, h3#reply-title.comment-reply-title, hr, input, label, li, section ul li a, select, span.screen-reader-text, textarea, time, ul#primary-menu.menu.nav-menu:after { +#site-navigation ul li a, +.byline a, +.entry-footer > span.tags-links, +.entry-footer > span.tags-links a, +.entry-title a, +.menu-toggle a, +.mt-author-bio, +.mt-author-website a, +.mt-related-post-title, +.mt-search-icon a, +.mt-social-menu-wrapper, +.page-title, +.posted-on time, +.site-info, +.tagcloud a:hover, +.tags-links a, +.widget-title, +a.comment-edit-link, +article.hentry .entry-footer > span, +body, +button, +h1.entry-title, +h2.entry-title a, +h3#reply-title.comment-reply-title, +hr, +input, +label, +li, +section ul li a, +select, +span.screen-reader-text, +textarea, +time, +ul#primary-menu.menu.nav-menu:after { color: var(--text-color) !important; font-family: var(--main-font); } /*** Background Start ***/ -#site-navigation ul li a::after, .front-slider-block .post-info-wrap .entry-meta .posted-on a:before, .has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, .posted-on a:before { +#site-navigation ul li a::after, +.front-slider-block .post-info-wrap .entry-meta .posted-on a:before, +.has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, +.posted-on a:before { background-color: var(--text-color); } -#site-navigation, .wp-comment-cookies-consent, div#wpadminbar.nojq, div.custom-header.no-bg-img, div.cwv3_btns, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, div.site-branding, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, .gdrf-success, .gdrf-errors, #site-navigation ul li .sub-menu, #site-navigation ul li .children { +#site-navigation, +.wp-comment-cookies-consent, +div#wpadminbar.nojq, +div.custom-header.no-bg-img, +div.cwv3_btns, +div.logo-ads-wrap, +div.mt-logo-row-wrapper.mt-clearfix, +div.site-branding, +div.sticky-wrapper, +footer#colophon.site-footer, +nav#site-navigation.main-navigation.isActive, +.gdrf-success, +.gdrf-errors, +#site-navigation ul li .sub-menu, +#site-navigation ul li .children, +.comment-list .comment-body, +#respond, +.mt-author-box, +textarea#comment { background-color: var(--background-darker) !important; } -#colophon .widget .widget-title:before, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, #secondary .widget .widget-title:before, #site-navigation .menu-item-description, .edit-link .post-edit-link, .features-post-title:before, .front-slider-block .lSAction > a:hover, .mt-live-link a, .mt-menu-search .mt-form-wrap .search-form .search-submit, .mt-related-post-title:before, .post-cats-list a, .reply .comment-reply-link, .top-featured-post-wrap .post-thumbnail .post-number, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_tag_cloud .tagcloud a:hover, article .post-thumbnail:before, article.sticky:before, div.mt-live-link a, input.search-submit { +#colophon .widget .widget-title:before, +#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, +#secondary .widget .widget-title:before, +#site-navigation .menu-item-description, +.edit-link .post-edit-link, +.features-post-title:before, +.front-slider-block .lSAction > a:hover, +.mt-live-link a, +.mt-menu-search .mt-form-wrap .search-form .search-submit, +.mt-related-post-title:before, +.post-cats-list a, +.reply .comment-reply-link, +.top-featured-post-wrap .post-thumbnail .post-number, +.widget.widget_tag_cloud a:hover, +.widget_search .search-submit, +.widget_tag_cloud .tagcloud a:hover, +article .post-thumbnail:before, +article.sticky:before, +div.mt-live-link a, +input.search-submit { background-color: var(--href); } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .bttn:hover, .mt-live-link a:focus, .mt-live-link a:hover, .navigation .nav-links a:hover, .post-edit-link:hover, button, div.mt-live-link a:hover, input.search-submit:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, +.bttn:hover, +.mt-live-link a:focus, +.mt-live-link a:hover, +.navigation .nav-links a:hover, +.post-edit-link:hover, +button, +div.mt-live-link a:hover, +input.search-submit:hover, +input[type=button]:hover, +input[type=reset]:hover, +input[type=submit]:hover { color: var(--text-color); background-color: var(--href-dark); } -div#bottom-footer, div#page.site, div#top-header.top-header-wrap.mt-clearfix { +div#bottom-footer, +div#page.site, +div#top-header.top-header-wrap.mt-clearfix, +textarea#comment, +input#author, +input#email, +input#url { background-color: var(--background) !important; } @@ -55,7 +147,8 @@ div#bottom-footer, div#page.site, div#top-header.top-header-wrap.mt-clearfix { } /*** Background End ***/ -#colophon, .mt-social-menu-wrapper { +#colophon, +.mt-social-menu-wrapper { border-top: 1px solid var(--href-dark); } @@ -71,7 +164,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; @@ -80,30 +178,44 @@ h1, h2, h3, h4, h5, h6 { color: var(--text-color); } -.entry-title, .page-title, b, strong { +.entry-title, +.page-title, +b, +strong { color: var(--text-color); font-weight: 600; } -.mt-disclaimer-text, p em, p i { +.mt-disclaimer-text, +p em, +p i { color: var(--text-color); font-family: var(--main-font); font-style: italic; } -p em a, p i a { +p em a, +p i a { color: #f5a9b8; font-family: var(--main-font); font-style: italic; } -p em a:hover, p i a:hover { +p em a:hover, +p i a:hover { color: #c48793; font-family: var(--main-font); font-style: italic; } -.mt-author-name a:hover, .mt-author-website a:hover, em a, h3.entry-title a:active, h3.entry-title a:hover, i a, section ul li a:hover, .pojo-skip-link:focus { +.mt-author-name a:hover, +.mt-author-website a:hover, +em a, +h3.entry-title a:active, +h3.entry-title a:hover, +i a, +section ul li a:hover, +.pojo-skip-link:focus { color: var(--href) !important; } @@ -118,7 +230,14 @@ textarea { width: 100%; } -input, input#author, input#email, input#url, input.search-field, input[type=email], input[type=password], input[type=search], input[type=text], input[type=url], p.comment-form-cookies-consent #wp-comment-cookies-consent { +input, +input.search-field, +input[type=email], +input[type=password], +input[type=search], +input[type=text], +input[type=url], +p.comment-form-cookies-consent #wp-comment-cookies-consent { color: var(--text-color) !important; background-color: var(--background-darker); border-bottom: none; @@ -189,18 +308,24 @@ body { font-family: var(--main-font); } -.btn-wrapper a, .entry-footer .mt-readmore-btn, .mt-readmore-btn { +.btn-wrapper a, +.entry-footer .mt-readmore-btn, +.mt-readmore-btn { display: inline-block; padding: 0; font-size: 14px; color: var(--text-color); } -.wp-block-code, code { +.wp-block-code, +code { background-color: #343434; } -#wpadminbar .ab-top-menu > li.hover > .ab-item, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { +#wpadminbar .ab-top-menu > li.hover > .ab-item, +#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { background: var(--background-darker); color: var(--href); } @@ -215,7 +340,8 @@ body { 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); @@ -225,7 +351,30 @@ body { float: none; } -#cancel-comment-reply-link:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a:before, .edit-link .post-edit-link:before, .nav-links .nav-next a:after, .nav-links .nav-previous a:before, .widget_archive a:before, .widget_categories a:before, .widget_meta a:before, .widget_nav_menu li a:before, .widget_pages li a:before, .widget_recent_comments li:before, .widget_recent_entries a:before, .widget_rss li:before, .wp-block-archives li a:before, .wp-block-categories li a:before, .wp-block-latest-comments li:before, .wp-block-latest-posts li a:before, .wp-block-page-list li a:before, blockquote:after, blockquote:before, li.recentcomments:before, q:after, q:before { +#cancel-comment-reply-link:before, +#site-navigation li.menu-item-has-children > a:before, +#site-navigation li.page_item_has_children > a:before, +.edit-link .post-edit-link:before, +.nav-links .nav-next a:after, +.nav-links .nav-previous a:before, +.widget_archive a:before, +.widget_categories a:before, +.widget_meta a:before, +.widget_nav_menu li a:before, +.widget_pages li a:before, +.widget_recent_comments li:before, +.widget_recent_entries a:before, +.widget_rss li:before, +.wp-block-archives li a:before, +.wp-block-categories li a:before, +.wp-block-latest-comments li:before, +.wp-block-latest-posts li a:before, +.wp-block-page-list li a:before, +blockquote:after, +blockquote:before, +li.recentcomments:before, +q:after, +q:before { font-family: ForkAwesome !important; color: var(--text-color); } @@ -236,11 +385,59 @@ body { transition: none; } -a:hover, em a:active, em a:focus, em a:hover, .pojo-skip-link:focus { +a:hover, +em a:active, +em a:focus, +em a:hover, +.pojo-skip-link:focus { color: var(--href); } -#cancel-comment-reply-link, #cancel-comment-reply-link:before, #footer-menu li a:hover, #mt-scrollup:hover, #site-navigation ul li.current-menu-ancestor > a, #site-navigation ul li.current-menu-item > a, #site-navigation ul li.current-menu-parent > a, #site-navigation ul li.current_page_ancestor > a, #site-navigation ul li.current_page_item > a, #site-navigation ul li.focus > a, #site-navigation ul li:hover > a, #top-footer a:hover, #top-navigation ul li a:hover, .banner-sub-title, .breadcrumbs .trail-items li a:hover, .btn-wrapper a:hover, .cat-links a:hover, .color_blog_dark_latest_posts .mt-post-title a:hover, .comment-author .fn .url:hover, .commentmetadata .comment-edit-link, .entry-cat .cat-links a:hover, .entry-cat a:hover, .entry-footer .mt-readmore-btn:hover, .entry-footer a:hover, .entry-meta a:hover, .entry-title a:hover, .front-slider-block .banner-title a:hover, .front-slider-block .post-info-wrap .entry-title a:hover, .has-thumbnail .post-info-wrap .entry-title a:hover, .logged-in-as a, .menu-toggle:hover, .mt-readmore-btn:hover, .mt-search-icon:hover, .mt-social-icon-wrap li a:focus, .mt-social-icon-wrap li a:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .post-info-wrap .entry-meta a:hover, .single .mt-single-related-posts .entry-title a:hover, .widget a:hover, .widget a:hover:before, .widget li:hover:before, .wrap-label i, a, a:focus { +#cancel-comment-reply-link, +#cancel-comment-reply-link:before, +#footer-menu li a:hover, +#mt-scrollup:hover, +#site-navigation ul li.current-menu-ancestor > a, +#site-navigation ul li.current-menu-item > a, +#site-navigation ul li.current-menu-parent > a, +#site-navigation ul li.current_page_ancestor > a, +#site-navigation ul li.current_page_item > a, +#site-navigation ul li.focus > a, +#site-navigation ul li:hover > a, +#top-footer a:hover, +#top-navigation ul li a:hover, +.banner-sub-title, +.breadcrumbs .trail-items li a:hover, +.btn-wrapper a:hover, +.cat-links a:hover, +.color_blog_dark_latest_posts .mt-post-title a:hover, +.comment-author .fn .url:hover, +.commentmetadata .comment-edit-link, +.entry-cat .cat-links a:hover, +.entry-cat a:hover, +.entry-footer .mt-readmore-btn:hover, +.entry-footer a:hover, +.entry-meta a:hover, +.entry-title a:hover, +.front-slider-block .banner-title a:hover, +.front-slider-block .post-info-wrap .entry-title a:hover, +.has-thumbnail .post-info-wrap .entry-title a:hover, +.logged-in-as a, +.menu-toggle:hover, +.mt-readmore-btn:hover, +.mt-search-icon:hover, +.mt-social-icon-wrap li a:focus, +.mt-social-icon-wrap li a:hover, +.navigation.pagination .nav-links .page-numbers.current, +.navigation.pagination .nav-links a.page-numbers:hover, +.post-info-wrap .entry-meta a:hover, +.single .mt-single-related-posts .entry-title a:hover, +.widget a:hover, +.widget a:hover:before, +.widget li:hover:before, +.wrap-label i, +a, +a:focus { color: var(--href); } @@ -248,7 +445,15 @@ a:hover, em a:active, em a:focus, em a:hover, .pojo-skip-link:focus { border-top-color: var(--href); } -.color_blog_dark_social_media a:hover, .custom-header, .error-404.not-found, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_search .search-submit:hover, .widget_tag_cloud .tagcloud a:hover { +.color_blog_dark_social_media a:hover, +.custom-header, +.error-404.not-found, +.navigation.pagination .nav-links .page-numbers.current, +.navigation.pagination .nav-links a.page-numbers:hover, +.widget.widget_tag_cloud a:hover, +.widget_search .search-submit, +.widget_search .search-submit:hover, +.widget_tag_cloud .tagcloud a:hover { border-color: var(--href); } @@ -256,7 +461,8 @@ a:hover, em a:active, em a:focus, em a:hover, .pojo-skip-link:focus { outline-color: var(--href); } -.entry-footer > span.tags-links a:hover, ul.trail-items span { +.entry-footer > span.tags-links a:hover, +ul.trail-items span { color: var(--href) !important; } @@ -264,12 +470,18 @@ 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, +.comment-list .comment-body, +#respond, +.mt-author-box { border: none !important; border-bottom: none !important; border-top: none !important; @@ -290,7 +502,10 @@ span.required { border: 1px var(--href) solid; } -.mt-live-link a:focus, .mt-live-link a:hover, .search article, .pojo-skip-link:focus { +.mt-live-link a:focus, +.mt-live-link a:hover, +.search article, +.pojo-skip-link:focus { box-shadow: none; } @@ -312,7 +527,13 @@ span.required { } } -#mt-scrollup, .mt-author__avatar, .mt-copyright-text, .nav-links, .post-thumbnail img, .site-info, .wp-block-image { +#mt-scrollup, +.mt-author__avatar, +.mt-copyright-text, +.nav-links, +.post-thumbnail img, +.site-info, +.wp-block-image { -webkit-user-select: none; -moz-user-select: none; user-select: none; @@ -323,17 +544,39 @@ video { width: 100% !important; } -.bttn, .navigation .nav-links a, .search-submit, .tagcloud a, .wp-block-search__button, button, input.search-submit[type=submit], input[type=button], input[type=reset], input[type=submit] { +.bttn, +.navigation .nav-links a, +.search-submit, +.tagcloud a, +.wp-block-search__button, +button, +input.search-submit[type=submit], +input[type=button], +input[type=reset], +input[type=submit] { background-color: var(--href); border: none !important; color: var(--text-color) !important; } -.bttn, .comment-reply-link, .mt-menu-search .mt-form-wrap .search-form .search-field, .navigation .nav-links a, .page-numbers.current, .tagcloud a:hover, button, input.search-submit, input.search-submit:hover, input[type=button], input[type=reset], input[type=submit], textarea { +.bttn, +.comment-reply-link, +.mt-menu-search .mt-form-wrap .search-form .search-field, +.navigation .nav-links a, +.page-numbers.current, +.tagcloud a:hover, +button, +input.search-submit, +input.search-submit:hover, +input[type=button], +input[type=reset], +input[type=submit], +textarea { border-radius: 5px !important; } -img, .pojo-skip-link { +img, +.pojo-skip-link { border-radius: 2px; } @@ -348,7 +591,8 @@ div#cwv3_dialog.cwv3_dialog.js { border-color: var(--background-darker) !important; } -.recentcomments, .widget_recent_comments li { +.recentcomments, +.widget_recent_comments li { display: block !important; } @@ -358,30 +602,38 @@ div#cwv3_dialog.cwv3_dialog.js { border: none; } -.screen-reader-text:active, .screen-reader-text:focus, .screen-reader-text:hover { +.screen-reader-text:active, +.screen-reader-text:focus, +.screen-reader-text:hover { background-color: var(--background) !important; box-shadow: none !important; color: var(--href) !important; } @media (max-width: 979px) { - #site-navigation ul li a, .is-sticky #site-navigation ul li a { + #site-navigation ul li a, + .is-sticky #site-navigation ul li a { border-bottom: 1px solid var(--href-dark); } } -#site-navigation ul li a.sub-toggle, #site-navigation ul li a.sub-toggle:hover { +#site-navigation ul li a.sub-toggle, +#site-navigation ul li a.sub-toggle:hover { background: var(--background) none repeat scroll 0 0; color: var(--text-color); border: none; } +.search article .post-thumbnail { + border-radius: 10px; +} + :root { --text-color: #fff; --background: #191b19; --background-darker: #000200; --href: #19D73E; --href-dark: #21C03C; - --selector: #rgb(29,93,156); + --selector: #1d5d9c; --main-font: "Oxygen",sans-serif; --special-font: "Damion",handwriting; --cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAAEEfUpiAAAACXBIWXMAAAsTAAALEwEAmpwYAAAJ70lEQVRYw61XC1SUVR6/wwwvGXCcJ/OegRlLCCkVn5mFlQlnxW3P6mlz29LcTpvlo8cqGJLmA82j+UgzFBQfSWiikk/CV6ng8FAhJEHBNEFARXnNN3N/e79PBkGstT17z7kz8H33/u///h+/329Iaf2dHeTBoUkltLkJnwMghFJKeodHQPvMKGgPeFNhRWy12W08Q+A7MMbdbTsxPimnukKbi4KKhQerL9bUWywWGCtjcQVIEx6aKkbAcISwQ+DFf/YPtero2qqmZv4lpehq00WpqMfOfiALUzAs+nmQnflUkmN1sY1m4J5XvBUp2XqKPjvpHZCl6TA4xNBsFFP2vJdnAbElzkRkmQ2mDB8qe+X9++ewlwlsioVrP2z4rrHCf+BzzFxLT8DVfUFS8TWnaoEEqmM29D2T1d0MM21QHY+nj02eDtmUJPQ8nI4FRTeFhZy7/RZkaabbbDbDEhICsnIvjA4CHfFtTbt8UwgU8fk2Gz7Tk+E95yv4LvoYhtMEshfG85EUCQs2l7eU2y7bYa56Qtgd9CV/KTzbcTPgsiimMJoOumCklqf93Y1AeoeTRcCuwEBZ65TSq/yu4e2Oi643t5FHHn02rIFmqBaawToaPNzPrdk+DSevI59/d6qmUezJxkPH/mt3xNeAlT1mE6d2lzeU388EiV/HcppNybJDIAeWca86Snnv/uLxbntl7X0DnlgOK9oDUeJGqnj5H9BbrBDCarNDGr8S5PMcmCrCqf0soardE/BdA63o4tWF280SJ0UCWZbJBU78CP0GDUZPmQzhT0TAf94GkIT1MF2KhLGAQJFJoJLqOCcw9WJji0Qw4Gz3YlxRPhTZyymZ+zW7wjcg7y6F/9wPYS4LgvokgWYngeFFGZ1WfLV7QH5pauOTN/GFy8Ncz13sC5MjAMEs4Xz7GQ4T6rdKAqmmd1u1Gwd+NyNLKm5BP+FdSKNioRw1Ec+s243MemclM6546shVUbeM7Lx6twm46kfIfFLX1CIgwR8afWZ8CuUXH6OoFUf5/8tvNf9+3h8cM49foapPCTXJ5dzg9fv4fM+/Z4A+mqGLTqTJhom54MHBVBulReA0GfeWo5o39JKncM7fbPptA2zBY5LRA6CKVlN1KuvD3UFUmxdO/U7FupefreHYe/W9dW7icv9GfPqnbEVwBqHGCyMgSVwIsmgHyGcHqM+GLBqYl4zcKpzn1+2obHj4tZKL6+7aynSUzGBlm/QFJn0UD03kAJCsEkrWFMBQZXGFHUvFzWakCIVHXeKOzY66ZvGtRiz0OTLJSVIP4fFgFbQ6nQAvoQoZyO4SBGZ/SfV5IgQdFnN/PXqej8+EzjEQ8UVC1m6GaGUWjQgPh9VqFWaIXguyvQCS5ZtgKpQgOFdEQycpEbJgHTqu4movnGdzfwbJKKB91HIoNRqE9Y2EVSkHST8C/68+FUpae5DA/Jqcjs36oQsyC9+pFbW/kNX73STzHPq/ORWasX8H2ZYP8t4SGCqHwFRwr5lCH+/lXlvdeKNLMC/daZVQJ6aGVMdxZCHrRH4mrQeZPA+G4tGQMS4KPkEQyNhPanmKZ5bYRmenQPKW2PSJKvgQfctDqbkyigHIUJh/lsGQT1hnMve/ITTkySC6oPL2b5fmG0UlGFvVn4adM0N/xgs6ttnIcEC5k1DLSCkdkZWPTgeSbnH4ttZdMGpxH1d0ZRQNPW9G2CkFjLP9qEKld84oucGWnZDwtNrqegg732hx8oASZ01aDdnIcQgaFAfzP5Pw7ukKPu+JnpQ3cQ8w3ObLDS2iD1dgfHY+DtSinC161fNuxU81XgKR8+PfOx69xf/IYEanxWXkQzNIzmk3EZc4xu7qnbgec8vrcZ0xGHtv86xtYpnz6IIWFob/i0PMiO/W6raLgZvHQRVH3Ga7jYaE2GA3BFONVsH5jxmP2N2F2HXFzWQOJnvOjNlfcT865J6m+p8dYhvfHJdTAN8ouUs3XEU1gzVQP62CakoAVazypoZ0MfRpxB2QruEse5YgwVGDS3X4lu2L8NhoaOU6ZA6r8T/mDHDOa1c9LVa+MwWqKIlLscyXatJZ82z3haGgL/TlEyA/Gk8DMpfQgIzV6LUnmYoPfMBJji/Ei0V52FZ2t5YdOB0o9xYMzv6Rxxevfb/WkYeWfefxa3ObByPHv3a6BJJUb7cpm2Fr+VD0ypoD8tZ8kFkrQBZvApmfwviWgdam70F2FVGSfoqSr/Ih3bvJLS2L4bRHkjCjsBaldTjI7A3soNy7rWJBS7FR3+rs6kxnFjxUjRO672cguGK4S7JoDQP2LSDJG9FneDTenvAKhkRFobfdBqtBD5s8CKqXX2eYXQay5QRz5BTVnH0foWU+VJ1POJ+DwzDkWA7Wl7XeZgd+DNwOEA6Jvx+NDkdqWQ+3P4iZUsZQdWuSW7Qgg4pS9sMQzkSCXoeQkNAOmLYy8W0JtSGUYb86ZjyLRgnIin3wSdnMRHk0g24vanR4UfMxCey5xC3/s4aT/S0BST83gAHh+wJ73265VzP8hwDpkUmCM6cbWvbLtzC4Xp7JkfW56DtyFP40+iUolCrY7XbYbExsm4wwWhnhaJRQ8aid4WDR2gbv5WtgqhzJNJQXc4Khd44Iyl2M8ScraLBU63xmbQbqgM+Ec+qaumrzhjbOqz0Kw6eeqWKKLouKU3Io2eagujGvYt7097A4KRFJ8TOxKGEW+tlCEPjmLEYZeSxNqUyHLYP84FswlqthbAfw4GwC9XZCrbFKGqQNo/86yeMcRvLn1LVyXl0c4GVm/z0lQqEUXUNGZGkWAr5bx5GluUyEs4js/Qnkm0JGcCdBMovYs+MgC1hRvrMQkg/mQH9uDFQOKfRMz/G31+eyCDAGUSb1gEEm5yIWp+EC8DVv/+28ai/XgwqM96aRc3mi8FTCmWp3WPHzGFgzlOoLX6eB22bBL3kOvBM/gc/8TyBd9QHUh15nsnUA9MU+CGaso81jB7Op3ccYaCuh8k/8YVbIOMucNchvxY8P0F/3luRl7qrSG4ITpbXY8OLZDIy99gQ3ojwSEcVamAsksBQRgZ1NjOJN+e1/s8n/OjEdZ9qZyaOgNBFM0UG0hy68bdwPAhkJec+puSvedDSv0w+kBwbfkozqPArWPtdxtW1E+WuY2PY0jbs2gMawn0Fh50IQVqxGn0IpzCe9oeVDfYiFeqeIqmb7wfxYgNvPPoQbffAcLnLIBS75tdvzeiSpyXt3+PodoS0ZGa2IWLwVQUTUYlHL3bZ+GmqP1VBLnJLaR/ek1v5Sl0avcAYZwtyql9/DmL0O7Kh3/soOeaNTuIWD7zwqPHfOD2M+HlLfKAMy9tyiJWlXGm+tu1TPpVTdbPn6RssvP7iQWw8k8zqYTX+PjWbO1dFirv9CUv8Bzb+PkAVQR3YAAAAASUVORK5CYII="); diff --git a/css/noctua-theme.css b/css/noctua-theme.css index c7a1aea..93ab7f4 100644 --- a/css/noctua-theme.css +++ b/css/noctua-theme.css @@ -6,39 +6,131 @@ background-color: var(--selector); } -::-webkit-scrollbar, .comment-form-url { +::-webkit-scrollbar, +.comment-form-url { display: none; } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { border-color: var(--href); background-color: var(--background-darker); } -#site-navigation ul li a, .byline a, .entry-footer > span.tags-links, .entry-footer > span.tags-links a, .entry-title a, .menu-toggle a, .mt-author-bio, .mt-author-website a, .mt-related-post-title, .mt-search-icon a, .mt-social-menu-wrapper, .page-title, .posted-on time, .site-info, .tagcloud a:hover, .tags-links a, .widget-title, a.comment-edit-link, article.hentry .entry-footer > span, body, button, h1.entry-title, h2.entry-title a, h3#reply-title.comment-reply-title, hr, input, label, li, section ul li a, select, span.screen-reader-text, textarea, time, ul#primary-menu.menu.nav-menu:after { +#site-navigation ul li a, +.byline a, +.entry-footer > span.tags-links, +.entry-footer > span.tags-links a, +.entry-title a, +.menu-toggle a, +.mt-author-bio, +.mt-author-website a, +.mt-related-post-title, +.mt-search-icon a, +.mt-social-menu-wrapper, +.page-title, +.posted-on time, +.site-info, +.tagcloud a:hover, +.tags-links a, +.widget-title, +a.comment-edit-link, +article.hentry .entry-footer > span, +body, +button, +h1.entry-title, +h2.entry-title a, +h3#reply-title.comment-reply-title, +hr, +input, +label, +li, +section ul li a, +select, +span.screen-reader-text, +textarea, +time, +ul#primary-menu.menu.nav-menu:after { color: var(--text-color) !important; font-family: var(--main-font); } /*** Background Start ***/ -#site-navigation ul li a::after, .front-slider-block .post-info-wrap .entry-meta .posted-on a:before, .has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, .posted-on a:before { +#site-navigation ul li a::after, +.front-slider-block .post-info-wrap .entry-meta .posted-on a:before, +.has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, +.posted-on a:before { background-color: var(--text-color); } -#site-navigation, .wp-comment-cookies-consent, div#wpadminbar.nojq, div.custom-header.no-bg-img, div.cwv3_btns, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, div.site-branding, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, .gdrf-success, .gdrf-errors, #site-navigation ul li .sub-menu, #site-navigation ul li .children { +#site-navigation, +.wp-comment-cookies-consent, +div#wpadminbar.nojq, +div.custom-header.no-bg-img, +div.cwv3_btns, +div.logo-ads-wrap, +div.mt-logo-row-wrapper.mt-clearfix, +div.site-branding, +div.sticky-wrapper, +footer#colophon.site-footer, +nav#site-navigation.main-navigation.isActive, +.gdrf-success, +.gdrf-errors, +#site-navigation ul li .sub-menu, +#site-navigation ul li .children, +.comment-list .comment-body, +#respond, +.mt-author-box, +textarea#comment { background-color: var(--background-darker) !important; } -#colophon .widget .widget-title:before, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, #secondary .widget .widget-title:before, #site-navigation .menu-item-description, .edit-link .post-edit-link, .features-post-title:before, .front-slider-block .lSAction > a:hover, .mt-live-link a, .mt-menu-search .mt-form-wrap .search-form .search-submit, .mt-related-post-title:before, .post-cats-list a, .reply .comment-reply-link, .top-featured-post-wrap .post-thumbnail .post-number, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_tag_cloud .tagcloud a:hover, article .post-thumbnail:before, article.sticky:before, div.mt-live-link a, input.search-submit { +#colophon .widget .widget-title:before, +#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, +#secondary .widget .widget-title:before, +#site-navigation .menu-item-description, +.edit-link .post-edit-link, +.features-post-title:before, +.front-slider-block .lSAction > a:hover, +.mt-live-link a, +.mt-menu-search .mt-form-wrap .search-form .search-submit, +.mt-related-post-title:before, +.post-cats-list a, +.reply .comment-reply-link, +.top-featured-post-wrap .post-thumbnail .post-number, +.widget.widget_tag_cloud a:hover, +.widget_search .search-submit, +.widget_tag_cloud .tagcloud a:hover, +article .post-thumbnail:before, +article.sticky:before, +div.mt-live-link a, +input.search-submit { background-color: var(--href); } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .bttn:hover, .mt-live-link a:focus, .mt-live-link a:hover, .navigation .nav-links a:hover, .post-edit-link:hover, button, div.mt-live-link a:hover, input.search-submit:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, +.bttn:hover, +.mt-live-link a:focus, +.mt-live-link a:hover, +.navigation .nav-links a:hover, +.post-edit-link:hover, +button, +div.mt-live-link a:hover, +input.search-submit:hover, +input[type=button]:hover, +input[type=reset]:hover, +input[type=submit]:hover { color: var(--text-color); background-color: var(--href-dark); } -div#bottom-footer, div#page.site, div#top-header.top-header-wrap.mt-clearfix { +div#bottom-footer, +div#page.site, +div#top-header.top-header-wrap.mt-clearfix, +textarea#comment, +input#author, +input#email, +input#url { background-color: var(--background) !important; } @@ -55,7 +147,8 @@ div#bottom-footer, div#page.site, div#top-header.top-header-wrap.mt-clearfix { } /*** Background End ***/ -#colophon, .mt-social-menu-wrapper { +#colophon, +.mt-social-menu-wrapper { border-top: 1px solid var(--href-dark); } @@ -71,7 +164,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; @@ -80,30 +178,44 @@ h1, h2, h3, h4, h5, h6 { color: var(--text-color); } -.entry-title, .page-title, b, strong { +.entry-title, +.page-title, +b, +strong { color: var(--text-color); font-weight: 600; } -.mt-disclaimer-text, p em, p i { +.mt-disclaimer-text, +p em, +p i { color: var(--text-color); font-family: var(--main-font); font-style: italic; } -p em a, p i a { +p em a, +p i a { color: #f5a9b8; font-family: var(--main-font); font-style: italic; } -p em a:hover, p i a:hover { +p em a:hover, +p i a:hover { color: #c48793; font-family: var(--main-font); font-style: italic; } -.mt-author-name a:hover, .mt-author-website a:hover, em a, h3.entry-title a:active, h3.entry-title a:hover, i a, section ul li a:hover, .pojo-skip-link:focus { +.mt-author-name a:hover, +.mt-author-website a:hover, +em a, +h3.entry-title a:active, +h3.entry-title a:hover, +i a, +section ul li a:hover, +.pojo-skip-link:focus { color: var(--href) !important; } @@ -118,7 +230,14 @@ textarea { width: 100%; } -input, input#author, input#email, input#url, input.search-field, input[type=email], input[type=password], input[type=search], input[type=text], input[type=url], p.comment-form-cookies-consent #wp-comment-cookies-consent { +input, +input.search-field, +input[type=email], +input[type=password], +input[type=search], +input[type=text], +input[type=url], +p.comment-form-cookies-consent #wp-comment-cookies-consent { color: var(--text-color) !important; background-color: var(--background-darker); border-bottom: none; @@ -189,18 +308,24 @@ body { font-family: var(--main-font); } -.btn-wrapper a, .entry-footer .mt-readmore-btn, .mt-readmore-btn { +.btn-wrapper a, +.entry-footer .mt-readmore-btn, +.mt-readmore-btn { display: inline-block; padding: 0; font-size: 14px; color: var(--text-color); } -.wp-block-code, code { +.wp-block-code, +code { background-color: #343434; } -#wpadminbar .ab-top-menu > li.hover > .ab-item, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { +#wpadminbar .ab-top-menu > li.hover > .ab-item, +#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { background: var(--background-darker); color: var(--href); } @@ -215,7 +340,8 @@ body { 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); @@ -225,7 +351,30 @@ body { float: none; } -#cancel-comment-reply-link:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a:before, .edit-link .post-edit-link:before, .nav-links .nav-next a:after, .nav-links .nav-previous a:before, .widget_archive a:before, .widget_categories a:before, .widget_meta a:before, .widget_nav_menu li a:before, .widget_pages li a:before, .widget_recent_comments li:before, .widget_recent_entries a:before, .widget_rss li:before, .wp-block-archives li a:before, .wp-block-categories li a:before, .wp-block-latest-comments li:before, .wp-block-latest-posts li a:before, .wp-block-page-list li a:before, blockquote:after, blockquote:before, li.recentcomments:before, q:after, q:before { +#cancel-comment-reply-link:before, +#site-navigation li.menu-item-has-children > a:before, +#site-navigation li.page_item_has_children > a:before, +.edit-link .post-edit-link:before, +.nav-links .nav-next a:after, +.nav-links .nav-previous a:before, +.widget_archive a:before, +.widget_categories a:before, +.widget_meta a:before, +.widget_nav_menu li a:before, +.widget_pages li a:before, +.widget_recent_comments li:before, +.widget_recent_entries a:before, +.widget_rss li:before, +.wp-block-archives li a:before, +.wp-block-categories li a:before, +.wp-block-latest-comments li:before, +.wp-block-latest-posts li a:before, +.wp-block-page-list li a:before, +blockquote:after, +blockquote:before, +li.recentcomments:before, +q:after, +q:before { font-family: ForkAwesome !important; color: var(--text-color); } @@ -236,11 +385,59 @@ body { transition: none; } -a:hover, em a:active, em a:focus, em a:hover, .pojo-skip-link:focus { +a:hover, +em a:active, +em a:focus, +em a:hover, +.pojo-skip-link:focus { color: var(--href); } -#cancel-comment-reply-link, #cancel-comment-reply-link:before, #footer-menu li a:hover, #mt-scrollup:hover, #site-navigation ul li.current-menu-ancestor > a, #site-navigation ul li.current-menu-item > a, #site-navigation ul li.current-menu-parent > a, #site-navigation ul li.current_page_ancestor > a, #site-navigation ul li.current_page_item > a, #site-navigation ul li.focus > a, #site-navigation ul li:hover > a, #top-footer a:hover, #top-navigation ul li a:hover, .banner-sub-title, .breadcrumbs .trail-items li a:hover, .btn-wrapper a:hover, .cat-links a:hover, .color_blog_dark_latest_posts .mt-post-title a:hover, .comment-author .fn .url:hover, .commentmetadata .comment-edit-link, .entry-cat .cat-links a:hover, .entry-cat a:hover, .entry-footer .mt-readmore-btn:hover, .entry-footer a:hover, .entry-meta a:hover, .entry-title a:hover, .front-slider-block .banner-title a:hover, .front-slider-block .post-info-wrap .entry-title a:hover, .has-thumbnail .post-info-wrap .entry-title a:hover, .logged-in-as a, .menu-toggle:hover, .mt-readmore-btn:hover, .mt-search-icon:hover, .mt-social-icon-wrap li a:focus, .mt-social-icon-wrap li a:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .post-info-wrap .entry-meta a:hover, .single .mt-single-related-posts .entry-title a:hover, .widget a:hover, .widget a:hover:before, .widget li:hover:before, .wrap-label i, a, a:focus { +#cancel-comment-reply-link, +#cancel-comment-reply-link:before, +#footer-menu li a:hover, +#mt-scrollup:hover, +#site-navigation ul li.current-menu-ancestor > a, +#site-navigation ul li.current-menu-item > a, +#site-navigation ul li.current-menu-parent > a, +#site-navigation ul li.current_page_ancestor > a, +#site-navigation ul li.current_page_item > a, +#site-navigation ul li.focus > a, +#site-navigation ul li:hover > a, +#top-footer a:hover, +#top-navigation ul li a:hover, +.banner-sub-title, +.breadcrumbs .trail-items li a:hover, +.btn-wrapper a:hover, +.cat-links a:hover, +.color_blog_dark_latest_posts .mt-post-title a:hover, +.comment-author .fn .url:hover, +.commentmetadata .comment-edit-link, +.entry-cat .cat-links a:hover, +.entry-cat a:hover, +.entry-footer .mt-readmore-btn:hover, +.entry-footer a:hover, +.entry-meta a:hover, +.entry-title a:hover, +.front-slider-block .banner-title a:hover, +.front-slider-block .post-info-wrap .entry-title a:hover, +.has-thumbnail .post-info-wrap .entry-title a:hover, +.logged-in-as a, +.menu-toggle:hover, +.mt-readmore-btn:hover, +.mt-search-icon:hover, +.mt-social-icon-wrap li a:focus, +.mt-social-icon-wrap li a:hover, +.navigation.pagination .nav-links .page-numbers.current, +.navigation.pagination .nav-links a.page-numbers:hover, +.post-info-wrap .entry-meta a:hover, +.single .mt-single-related-posts .entry-title a:hover, +.widget a:hover, +.widget a:hover:before, +.widget li:hover:before, +.wrap-label i, +a, +a:focus { color: var(--href); } @@ -248,7 +445,15 @@ a:hover, em a:active, em a:focus, em a:hover, .pojo-skip-link:focus { border-top-color: var(--href); } -.color_blog_dark_social_media a:hover, .custom-header, .error-404.not-found, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_search .search-submit:hover, .widget_tag_cloud .tagcloud a:hover { +.color_blog_dark_social_media a:hover, +.custom-header, +.error-404.not-found, +.navigation.pagination .nav-links .page-numbers.current, +.navigation.pagination .nav-links a.page-numbers:hover, +.widget.widget_tag_cloud a:hover, +.widget_search .search-submit, +.widget_search .search-submit:hover, +.widget_tag_cloud .tagcloud a:hover { border-color: var(--href); } @@ -256,7 +461,8 @@ a:hover, em a:active, em a:focus, em a:hover, .pojo-skip-link:focus { outline-color: var(--href); } -.entry-footer > span.tags-links a:hover, ul.trail-items span { +.entry-footer > span.tags-links a:hover, +ul.trail-items span { color: var(--href) !important; } @@ -264,12 +470,18 @@ 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, +.comment-list .comment-body, +#respond, +.mt-author-box { border: none !important; border-bottom: none !important; border-top: none !important; @@ -290,7 +502,10 @@ span.required { border: 1px var(--href) solid; } -.mt-live-link a:focus, .mt-live-link a:hover, .search article, .pojo-skip-link:focus { +.mt-live-link a:focus, +.mt-live-link a:hover, +.search article, +.pojo-skip-link:focus { box-shadow: none; } @@ -312,7 +527,13 @@ span.required { } } -#mt-scrollup, .mt-author__avatar, .mt-copyright-text, .nav-links, .post-thumbnail img, .site-info, .wp-block-image { +#mt-scrollup, +.mt-author__avatar, +.mt-copyright-text, +.nav-links, +.post-thumbnail img, +.site-info, +.wp-block-image { -webkit-user-select: none; -moz-user-select: none; user-select: none; @@ -323,17 +544,39 @@ video { width: 100% !important; } -.bttn, .navigation .nav-links a, .search-submit, .tagcloud a, .wp-block-search__button, button, input.search-submit[type=submit], input[type=button], input[type=reset], input[type=submit] { +.bttn, +.navigation .nav-links a, +.search-submit, +.tagcloud a, +.wp-block-search__button, +button, +input.search-submit[type=submit], +input[type=button], +input[type=reset], +input[type=submit] { background-color: var(--href); border: none !important; color: var(--text-color) !important; } -.bttn, .comment-reply-link, .mt-menu-search .mt-form-wrap .search-form .search-field, .navigation .nav-links a, .page-numbers.current, .tagcloud a:hover, button, input.search-submit, input.search-submit:hover, input[type=button], input[type=reset], input[type=submit], textarea { +.bttn, +.comment-reply-link, +.mt-menu-search .mt-form-wrap .search-form .search-field, +.navigation .nav-links a, +.page-numbers.current, +.tagcloud a:hover, +button, +input.search-submit, +input.search-submit:hover, +input[type=button], +input[type=reset], +input[type=submit], +textarea { border-radius: 5px !important; } -img, .pojo-skip-link { +img, +.pojo-skip-link { border-radius: 2px; } @@ -348,7 +591,8 @@ div#cwv3_dialog.cwv3_dialog.js { border-color: var(--background-darker) !important; } -.recentcomments, .widget_recent_comments li { +.recentcomments, +.widget_recent_comments li { display: block !important; } @@ -358,23 +602,31 @@ div#cwv3_dialog.cwv3_dialog.js { border: none; } -.screen-reader-text:active, .screen-reader-text:focus, .screen-reader-text:hover { +.screen-reader-text:active, +.screen-reader-text:focus, +.screen-reader-text:hover { background-color: var(--background) !important; box-shadow: none !important; color: var(--href) !important; } @media (max-width: 979px) { - #site-navigation ul li a, .is-sticky #site-navigation ul li a { + #site-navigation ul li a, + .is-sticky #site-navigation ul li a { border-bottom: 1px solid var(--href-dark); } } -#site-navigation ul li a.sub-toggle, #site-navigation ul li a.sub-toggle:hover { +#site-navigation ul li a.sub-toggle, +#site-navigation ul li a.sub-toggle:hover { background: var(--background) none repeat scroll 0 0; color: var(--text-color); border: none; } +.search article .post-thumbnail { + border-radius: 10px; +} + :root { --text-color:#fff; --background:#653024; diff --git a/css/pink-theme.css b/css/pink-theme.css index 6872a86..211a946 100644 --- a/css/pink-theme.css +++ b/css/pink-theme.css @@ -6,39 +6,131 @@ background-color: var(--selector); } -::-webkit-scrollbar, .comment-form-url { +::-webkit-scrollbar, +.comment-form-url { display: none; } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { border-color: var(--href); background-color: var(--background-darker); } -#site-navigation ul li a, .byline a, .entry-footer > span.tags-links, .entry-footer > span.tags-links a, .entry-title a, .menu-toggle a, .mt-author-bio, .mt-author-website a, .mt-related-post-title, .mt-search-icon a, .mt-social-menu-wrapper, .page-title, .posted-on time, .site-info, .tagcloud a:hover, .tags-links a, .widget-title, a.comment-edit-link, article.hentry .entry-footer > span, body, button, h1.entry-title, h2.entry-title a, h3#reply-title.comment-reply-title, hr, input, label, li, section ul li a, select, span.screen-reader-text, textarea, time, ul#primary-menu.menu.nav-menu:after { +#site-navigation ul li a, +.byline a, +.entry-footer > span.tags-links, +.entry-footer > span.tags-links a, +.entry-title a, +.menu-toggle a, +.mt-author-bio, +.mt-author-website a, +.mt-related-post-title, +.mt-search-icon a, +.mt-social-menu-wrapper, +.page-title, +.posted-on time, +.site-info, +.tagcloud a:hover, +.tags-links a, +.widget-title, +a.comment-edit-link, +article.hentry .entry-footer > span, +body, +button, +h1.entry-title, +h2.entry-title a, +h3#reply-title.comment-reply-title, +hr, +input, +label, +li, +section ul li a, +select, +span.screen-reader-text, +textarea, +time, +ul#primary-menu.menu.nav-menu:after { color: var(--text-color) !important; font-family: var(--main-font); } /*** Background Start ***/ -#site-navigation ul li a::after, .front-slider-block .post-info-wrap .entry-meta .posted-on a:before, .has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, .posted-on a:before { +#site-navigation ul li a::after, +.front-slider-block .post-info-wrap .entry-meta .posted-on a:before, +.has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, +.posted-on a:before { background-color: var(--text-color); } -#site-navigation, .wp-comment-cookies-consent, div#wpadminbar.nojq, div.custom-header.no-bg-img, div.cwv3_btns, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, div.site-branding, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, .gdrf-success, .gdrf-errors, #site-navigation ul li .sub-menu, #site-navigation ul li .children { +#site-navigation, +.wp-comment-cookies-consent, +div#wpadminbar.nojq, +div.custom-header.no-bg-img, +div.cwv3_btns, +div.logo-ads-wrap, +div.mt-logo-row-wrapper.mt-clearfix, +div.site-branding, +div.sticky-wrapper, +footer#colophon.site-footer, +nav#site-navigation.main-navigation.isActive, +.gdrf-success, +.gdrf-errors, +#site-navigation ul li .sub-menu, +#site-navigation ul li .children, +.comment-list .comment-body, +#respond, +.mt-author-box, +textarea#comment { background-color: var(--background-darker) !important; } -#colophon .widget .widget-title:before, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, #secondary .widget .widget-title:before, #site-navigation .menu-item-description, .edit-link .post-edit-link, .features-post-title:before, .front-slider-block .lSAction > a:hover, .mt-live-link a, .mt-menu-search .mt-form-wrap .search-form .search-submit, .mt-related-post-title:before, .post-cats-list a, .reply .comment-reply-link, .top-featured-post-wrap .post-thumbnail .post-number, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_tag_cloud .tagcloud a:hover, article .post-thumbnail:before, article.sticky:before, div.mt-live-link a, input.search-submit { +#colophon .widget .widget-title:before, +#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, +#secondary .widget .widget-title:before, +#site-navigation .menu-item-description, +.edit-link .post-edit-link, +.features-post-title:before, +.front-slider-block .lSAction > a:hover, +.mt-live-link a, +.mt-menu-search .mt-form-wrap .search-form .search-submit, +.mt-related-post-title:before, +.post-cats-list a, +.reply .comment-reply-link, +.top-featured-post-wrap .post-thumbnail .post-number, +.widget.widget_tag_cloud a:hover, +.widget_search .search-submit, +.widget_tag_cloud .tagcloud a:hover, +article .post-thumbnail:before, +article.sticky:before, +div.mt-live-link a, +input.search-submit { background-color: var(--href); } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .bttn:hover, .mt-live-link a:focus, .mt-live-link a:hover, .navigation .nav-links a:hover, .post-edit-link:hover, button, div.mt-live-link a:hover, input.search-submit:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, +.bttn:hover, +.mt-live-link a:focus, +.mt-live-link a:hover, +.navigation .nav-links a:hover, +.post-edit-link:hover, +button, +div.mt-live-link a:hover, +input.search-submit:hover, +input[type=button]:hover, +input[type=reset]:hover, +input[type=submit]:hover { color: var(--text-color); background-color: var(--href-dark); } -div#bottom-footer, div#page.site, div#top-header.top-header-wrap.mt-clearfix { +div#bottom-footer, +div#page.site, +div#top-header.top-header-wrap.mt-clearfix, +textarea#comment, +input#author, +input#email, +input#url { background-color: var(--background) !important; } @@ -55,7 +147,8 @@ div#bottom-footer, div#page.site, div#top-header.top-header-wrap.mt-clearfix { } /*** Background End ***/ -#colophon, .mt-social-menu-wrapper { +#colophon, +.mt-social-menu-wrapper { border-top: 1px solid var(--href-dark); } @@ -71,7 +164,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; @@ -80,30 +178,44 @@ h1, h2, h3, h4, h5, h6 { color: var(--text-color); } -.entry-title, .page-title, b, strong { +.entry-title, +.page-title, +b, +strong { color: var(--text-color); font-weight: 600; } -.mt-disclaimer-text, p em, p i { +.mt-disclaimer-text, +p em, +p i { color: var(--text-color); font-family: var(--main-font); font-style: italic; } -p em a, p i a { +p em a, +p i a { color: #f5a9b8; font-family: var(--main-font); font-style: italic; } -p em a:hover, p i a:hover { +p em a:hover, +p i a:hover { color: #c48793; font-family: var(--main-font); font-style: italic; } -.mt-author-name a:hover, .mt-author-website a:hover, em a, h3.entry-title a:active, h3.entry-title a:hover, i a, section ul li a:hover, .pojo-skip-link:focus { +.mt-author-name a:hover, +.mt-author-website a:hover, +em a, +h3.entry-title a:active, +h3.entry-title a:hover, +i a, +section ul li a:hover, +.pojo-skip-link:focus { color: var(--href) !important; } @@ -118,7 +230,14 @@ textarea { width: 100%; } -input, input#author, input#email, input#url, input.search-field, input[type=email], input[type=password], input[type=search], input[type=text], input[type=url], p.comment-form-cookies-consent #wp-comment-cookies-consent { +input, +input.search-field, +input[type=email], +input[type=password], +input[type=search], +input[type=text], +input[type=url], +p.comment-form-cookies-consent #wp-comment-cookies-consent { color: var(--text-color) !important; background-color: var(--background-darker); border-bottom: none; @@ -189,18 +308,24 @@ body { font-family: var(--main-font); } -.btn-wrapper a, .entry-footer .mt-readmore-btn, .mt-readmore-btn { +.btn-wrapper a, +.entry-footer .mt-readmore-btn, +.mt-readmore-btn { display: inline-block; padding: 0; font-size: 14px; color: var(--text-color); } -.wp-block-code, code { +.wp-block-code, +code { background-color: #343434; } -#wpadminbar .ab-top-menu > li.hover > .ab-item, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { +#wpadminbar .ab-top-menu > li.hover > .ab-item, +#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { background: var(--background-darker); color: var(--href); } @@ -215,7 +340,8 @@ body { 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); @@ -225,7 +351,30 @@ body { float: none; } -#cancel-comment-reply-link:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a:before, .edit-link .post-edit-link:before, .nav-links .nav-next a:after, .nav-links .nav-previous a:before, .widget_archive a:before, .widget_categories a:before, .widget_meta a:before, .widget_nav_menu li a:before, .widget_pages li a:before, .widget_recent_comments li:before, .widget_recent_entries a:before, .widget_rss li:before, .wp-block-archives li a:before, .wp-block-categories li a:before, .wp-block-latest-comments li:before, .wp-block-latest-posts li a:before, .wp-block-page-list li a:before, blockquote:after, blockquote:before, li.recentcomments:before, q:after, q:before { +#cancel-comment-reply-link:before, +#site-navigation li.menu-item-has-children > a:before, +#site-navigation li.page_item_has_children > a:before, +.edit-link .post-edit-link:before, +.nav-links .nav-next a:after, +.nav-links .nav-previous a:before, +.widget_archive a:before, +.widget_categories a:before, +.widget_meta a:before, +.widget_nav_menu li a:before, +.widget_pages li a:before, +.widget_recent_comments li:before, +.widget_recent_entries a:before, +.widget_rss li:before, +.wp-block-archives li a:before, +.wp-block-categories li a:before, +.wp-block-latest-comments li:before, +.wp-block-latest-posts li a:before, +.wp-block-page-list li a:before, +blockquote:after, +blockquote:before, +li.recentcomments:before, +q:after, +q:before { font-family: ForkAwesome !important; color: var(--text-color); } @@ -236,11 +385,59 @@ body { transition: none; } -a:hover, em a:active, em a:focus, em a:hover, .pojo-skip-link:focus { +a:hover, +em a:active, +em a:focus, +em a:hover, +.pojo-skip-link:focus { color: var(--href); } -#cancel-comment-reply-link, #cancel-comment-reply-link:before, #footer-menu li a:hover, #mt-scrollup:hover, #site-navigation ul li.current-menu-ancestor > a, #site-navigation ul li.current-menu-item > a, #site-navigation ul li.current-menu-parent > a, #site-navigation ul li.current_page_ancestor > a, #site-navigation ul li.current_page_item > a, #site-navigation ul li.focus > a, #site-navigation ul li:hover > a, #top-footer a:hover, #top-navigation ul li a:hover, .banner-sub-title, .breadcrumbs .trail-items li a:hover, .btn-wrapper a:hover, .cat-links a:hover, .color_blog_dark_latest_posts .mt-post-title a:hover, .comment-author .fn .url:hover, .commentmetadata .comment-edit-link, .entry-cat .cat-links a:hover, .entry-cat a:hover, .entry-footer .mt-readmore-btn:hover, .entry-footer a:hover, .entry-meta a:hover, .entry-title a:hover, .front-slider-block .banner-title a:hover, .front-slider-block .post-info-wrap .entry-title a:hover, .has-thumbnail .post-info-wrap .entry-title a:hover, .logged-in-as a, .menu-toggle:hover, .mt-readmore-btn:hover, .mt-search-icon:hover, .mt-social-icon-wrap li a:focus, .mt-social-icon-wrap li a:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .post-info-wrap .entry-meta a:hover, .single .mt-single-related-posts .entry-title a:hover, .widget a:hover, .widget a:hover:before, .widget li:hover:before, .wrap-label i, a, a:focus { +#cancel-comment-reply-link, +#cancel-comment-reply-link:before, +#footer-menu li a:hover, +#mt-scrollup:hover, +#site-navigation ul li.current-menu-ancestor > a, +#site-navigation ul li.current-menu-item > a, +#site-navigation ul li.current-menu-parent > a, +#site-navigation ul li.current_page_ancestor > a, +#site-navigation ul li.current_page_item > a, +#site-navigation ul li.focus > a, +#site-navigation ul li:hover > a, +#top-footer a:hover, +#top-navigation ul li a:hover, +.banner-sub-title, +.breadcrumbs .trail-items li a:hover, +.btn-wrapper a:hover, +.cat-links a:hover, +.color_blog_dark_latest_posts .mt-post-title a:hover, +.comment-author .fn .url:hover, +.commentmetadata .comment-edit-link, +.entry-cat .cat-links a:hover, +.entry-cat a:hover, +.entry-footer .mt-readmore-btn:hover, +.entry-footer a:hover, +.entry-meta a:hover, +.entry-title a:hover, +.front-slider-block .banner-title a:hover, +.front-slider-block .post-info-wrap .entry-title a:hover, +.has-thumbnail .post-info-wrap .entry-title a:hover, +.logged-in-as a, +.menu-toggle:hover, +.mt-readmore-btn:hover, +.mt-search-icon:hover, +.mt-social-icon-wrap li a:focus, +.mt-social-icon-wrap li a:hover, +.navigation.pagination .nav-links .page-numbers.current, +.navigation.pagination .nav-links a.page-numbers:hover, +.post-info-wrap .entry-meta a:hover, +.single .mt-single-related-posts .entry-title a:hover, +.widget a:hover, +.widget a:hover:before, +.widget li:hover:before, +.wrap-label i, +a, +a:focus { color: var(--href); } @@ -248,7 +445,15 @@ a:hover, em a:active, em a:focus, em a:hover, .pojo-skip-link:focus { border-top-color: var(--href); } -.color_blog_dark_social_media a:hover, .custom-header, .error-404.not-found, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_search .search-submit:hover, .widget_tag_cloud .tagcloud a:hover { +.color_blog_dark_social_media a:hover, +.custom-header, +.error-404.not-found, +.navigation.pagination .nav-links .page-numbers.current, +.navigation.pagination .nav-links a.page-numbers:hover, +.widget.widget_tag_cloud a:hover, +.widget_search .search-submit, +.widget_search .search-submit:hover, +.widget_tag_cloud .tagcloud a:hover { border-color: var(--href); } @@ -256,7 +461,8 @@ a:hover, em a:active, em a:focus, em a:hover, .pojo-skip-link:focus { outline-color: var(--href); } -.entry-footer > span.tags-links a:hover, ul.trail-items span { +.entry-footer > span.tags-links a:hover, +ul.trail-items span { color: var(--href) !important; } @@ -264,12 +470,18 @@ 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, +.comment-list .comment-body, +#respond, +.mt-author-box { border: none !important; border-bottom: none !important; border-top: none !important; @@ -290,7 +502,10 @@ span.required { border: 1px var(--href) solid; } -.mt-live-link a:focus, .mt-live-link a:hover, .search article, .pojo-skip-link:focus { +.mt-live-link a:focus, +.mt-live-link a:hover, +.search article, +.pojo-skip-link:focus { box-shadow: none; } @@ -312,7 +527,13 @@ span.required { } } -#mt-scrollup, .mt-author__avatar, .mt-copyright-text, .nav-links, .post-thumbnail img, .site-info, .wp-block-image { +#mt-scrollup, +.mt-author__avatar, +.mt-copyright-text, +.nav-links, +.post-thumbnail img, +.site-info, +.wp-block-image { -webkit-user-select: none; -moz-user-select: none; user-select: none; @@ -323,17 +544,39 @@ video { width: 100% !important; } -.bttn, .navigation .nav-links a, .search-submit, .tagcloud a, .wp-block-search__button, button, input.search-submit[type=submit], input[type=button], input[type=reset], input[type=submit] { +.bttn, +.navigation .nav-links a, +.search-submit, +.tagcloud a, +.wp-block-search__button, +button, +input.search-submit[type=submit], +input[type=button], +input[type=reset], +input[type=submit] { background-color: var(--href); border: none !important; color: var(--text-color) !important; } -.bttn, .comment-reply-link, .mt-menu-search .mt-form-wrap .search-form .search-field, .navigation .nav-links a, .page-numbers.current, .tagcloud a:hover, button, input.search-submit, input.search-submit:hover, input[type=button], input[type=reset], input[type=submit], textarea { +.bttn, +.comment-reply-link, +.mt-menu-search .mt-form-wrap .search-form .search-field, +.navigation .nav-links a, +.page-numbers.current, +.tagcloud a:hover, +button, +input.search-submit, +input.search-submit:hover, +input[type=button], +input[type=reset], +input[type=submit], +textarea { border-radius: 5px !important; } -img, .pojo-skip-link { +img, +.pojo-skip-link { border-radius: 2px; } @@ -348,7 +591,8 @@ div#cwv3_dialog.cwv3_dialog.js { border-color: var(--background-darker) !important; } -.recentcomments, .widget_recent_comments li { +.recentcomments, +.widget_recent_comments li { display: block !important; } @@ -358,23 +602,31 @@ div#cwv3_dialog.cwv3_dialog.js { border: none; } -.screen-reader-text:active, .screen-reader-text:focus, .screen-reader-text:hover { +.screen-reader-text:active, +.screen-reader-text:focus, +.screen-reader-text:hover { background-color: var(--background) !important; box-shadow: none !important; color: var(--href) !important; } @media (max-width: 979px) { - #site-navigation ul li a, .is-sticky #site-navigation ul li a { + #site-navigation ul li a, + .is-sticky #site-navigation ul li a { border-bottom: 1px solid var(--href-dark); } } -#site-navigation ul li a.sub-toggle, #site-navigation ul li a.sub-toggle:hover { +#site-navigation ul li a.sub-toggle, +#site-navigation ul li a.sub-toggle:hover { background: var(--background) none repeat scroll 0 0; color: var(--text-color); border: none; } +.search article .post-thumbnail { + border-radius: 10px; +} + :root { --text-color: #fff; --background: #191919; diff --git a/css/purple-theme.css b/css/purple-theme.css index 652d9f0..a1c1111 100644 --- a/css/purple-theme.css +++ b/css/purple-theme.css @@ -6,39 +6,131 @@ background-color: var(--selector); } -::-webkit-scrollbar, .comment-form-url { +::-webkit-scrollbar, +.comment-form-url { display: none; } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { border-color: var(--href); background-color: var(--background-darker); } -#site-navigation ul li a, .byline a, .entry-footer > span.tags-links, .entry-footer > span.tags-links a, .entry-title a, .menu-toggle a, .mt-author-bio, .mt-author-website a, .mt-related-post-title, .mt-search-icon a, .mt-social-menu-wrapper, .page-title, .posted-on time, .site-info, .tagcloud a:hover, .tags-links a, .widget-title, a.comment-edit-link, article.hentry .entry-footer > span, body, button, h1.entry-title, h2.entry-title a, h3#reply-title.comment-reply-title, hr, input, label, li, section ul li a, select, span.screen-reader-text, textarea, time, ul#primary-menu.menu.nav-menu:after { +#site-navigation ul li a, +.byline a, +.entry-footer > span.tags-links, +.entry-footer > span.tags-links a, +.entry-title a, +.menu-toggle a, +.mt-author-bio, +.mt-author-website a, +.mt-related-post-title, +.mt-search-icon a, +.mt-social-menu-wrapper, +.page-title, +.posted-on time, +.site-info, +.tagcloud a:hover, +.tags-links a, +.widget-title, +a.comment-edit-link, +article.hentry .entry-footer > span, +body, +button, +h1.entry-title, +h2.entry-title a, +h3#reply-title.comment-reply-title, +hr, +input, +label, +li, +section ul li a, +select, +span.screen-reader-text, +textarea, +time, +ul#primary-menu.menu.nav-menu:after { color: var(--text-color) !important; font-family: var(--main-font); } /*** Background Start ***/ -#site-navigation ul li a::after, .front-slider-block .post-info-wrap .entry-meta .posted-on a:before, .has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, .posted-on a:before { +#site-navigation ul li a::after, +.front-slider-block .post-info-wrap .entry-meta .posted-on a:before, +.has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, +.posted-on a:before { background-color: var(--text-color); } -#site-navigation, .wp-comment-cookies-consent, div#wpadminbar.nojq, div.custom-header.no-bg-img, div.cwv3_btns, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, div.site-branding, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, .gdrf-success, .gdrf-errors, #site-navigation ul li .sub-menu, #site-navigation ul li .children { +#site-navigation, +.wp-comment-cookies-consent, +div#wpadminbar.nojq, +div.custom-header.no-bg-img, +div.cwv3_btns, +div.logo-ads-wrap, +div.mt-logo-row-wrapper.mt-clearfix, +div.site-branding, +div.sticky-wrapper, +footer#colophon.site-footer, +nav#site-navigation.main-navigation.isActive, +.gdrf-success, +.gdrf-errors, +#site-navigation ul li .sub-menu, +#site-navigation ul li .children, +.comment-list .comment-body, +#respond, +.mt-author-box, +textarea#comment { background-color: var(--background-darker) !important; } -#colophon .widget .widget-title:before, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, #secondary .widget .widget-title:before, #site-navigation .menu-item-description, .edit-link .post-edit-link, .features-post-title:before, .front-slider-block .lSAction > a:hover, .mt-live-link a, .mt-menu-search .mt-form-wrap .search-form .search-submit, .mt-related-post-title:before, .post-cats-list a, .reply .comment-reply-link, .top-featured-post-wrap .post-thumbnail .post-number, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_tag_cloud .tagcloud a:hover, article .post-thumbnail:before, article.sticky:before, div.mt-live-link a, input.search-submit { +#colophon .widget .widget-title:before, +#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, +#secondary .widget .widget-title:before, +#site-navigation .menu-item-description, +.edit-link .post-edit-link, +.features-post-title:before, +.front-slider-block .lSAction > a:hover, +.mt-live-link a, +.mt-menu-search .mt-form-wrap .search-form .search-submit, +.mt-related-post-title:before, +.post-cats-list a, +.reply .comment-reply-link, +.top-featured-post-wrap .post-thumbnail .post-number, +.widget.widget_tag_cloud a:hover, +.widget_search .search-submit, +.widget_tag_cloud .tagcloud a:hover, +article .post-thumbnail:before, +article.sticky:before, +div.mt-live-link a, +input.search-submit { background-color: var(--href); } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .bttn:hover, .mt-live-link a:focus, .mt-live-link a:hover, .navigation .nav-links a:hover, .post-edit-link:hover, button, div.mt-live-link a:hover, input.search-submit:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, +.bttn:hover, +.mt-live-link a:focus, +.mt-live-link a:hover, +.navigation .nav-links a:hover, +.post-edit-link:hover, +button, +div.mt-live-link a:hover, +input.search-submit:hover, +input[type=button]:hover, +input[type=reset]:hover, +input[type=submit]:hover { color: var(--text-color); background-color: var(--href-dark); } -div#bottom-footer, div#page.site, div#top-header.top-header-wrap.mt-clearfix { +div#bottom-footer, +div#page.site, +div#top-header.top-header-wrap.mt-clearfix, +textarea#comment, +input#author, +input#email, +input#url { background-color: var(--background) !important; } @@ -55,7 +147,8 @@ div#bottom-footer, div#page.site, div#top-header.top-header-wrap.mt-clearfix { } /*** Background End ***/ -#colophon, .mt-social-menu-wrapper { +#colophon, +.mt-social-menu-wrapper { border-top: 1px solid var(--href-dark); } @@ -71,7 +164,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; @@ -80,30 +178,44 @@ h1, h2, h3, h4, h5, h6 { color: var(--text-color); } -.entry-title, .page-title, b, strong { +.entry-title, +.page-title, +b, +strong { color: var(--text-color); font-weight: 600; } -.mt-disclaimer-text, p em, p i { +.mt-disclaimer-text, +p em, +p i { color: var(--text-color); font-family: var(--main-font); font-style: italic; } -p em a, p i a { +p em a, +p i a { color: #f5a9b8; font-family: var(--main-font); font-style: italic; } -p em a:hover, p i a:hover { +p em a:hover, +p i a:hover { color: #c48793; font-family: var(--main-font); font-style: italic; } -.mt-author-name a:hover, .mt-author-website a:hover, em a, h3.entry-title a:active, h3.entry-title a:hover, i a, section ul li a:hover, .pojo-skip-link:focus { +.mt-author-name a:hover, +.mt-author-website a:hover, +em a, +h3.entry-title a:active, +h3.entry-title a:hover, +i a, +section ul li a:hover, +.pojo-skip-link:focus { color: var(--href) !important; } @@ -118,7 +230,14 @@ textarea { width: 100%; } -input, input#author, input#email, input#url, input.search-field, input[type=email], input[type=password], input[type=search], input[type=text], input[type=url], p.comment-form-cookies-consent #wp-comment-cookies-consent { +input, +input.search-field, +input[type=email], +input[type=password], +input[type=search], +input[type=text], +input[type=url], +p.comment-form-cookies-consent #wp-comment-cookies-consent { color: var(--text-color) !important; background-color: var(--background-darker); border-bottom: none; @@ -189,18 +308,24 @@ body { font-family: var(--main-font); } -.btn-wrapper a, .entry-footer .mt-readmore-btn, .mt-readmore-btn { +.btn-wrapper a, +.entry-footer .mt-readmore-btn, +.mt-readmore-btn { display: inline-block; padding: 0; font-size: 14px; color: var(--text-color); } -.wp-block-code, code { +.wp-block-code, +code { background-color: #343434; } -#wpadminbar .ab-top-menu > li.hover > .ab-item, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { +#wpadminbar .ab-top-menu > li.hover > .ab-item, +#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { background: var(--background-darker); color: var(--href); } @@ -215,7 +340,8 @@ body { 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); @@ -225,7 +351,30 @@ body { float: none; } -#cancel-comment-reply-link:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a:before, .edit-link .post-edit-link:before, .nav-links .nav-next a:after, .nav-links .nav-previous a:before, .widget_archive a:before, .widget_categories a:before, .widget_meta a:before, .widget_nav_menu li a:before, .widget_pages li a:before, .widget_recent_comments li:before, .widget_recent_entries a:before, .widget_rss li:before, .wp-block-archives li a:before, .wp-block-categories li a:before, .wp-block-latest-comments li:before, .wp-block-latest-posts li a:before, .wp-block-page-list li a:before, blockquote:after, blockquote:before, li.recentcomments:before, q:after, q:before { +#cancel-comment-reply-link:before, +#site-navigation li.menu-item-has-children > a:before, +#site-navigation li.page_item_has_children > a:before, +.edit-link .post-edit-link:before, +.nav-links .nav-next a:after, +.nav-links .nav-previous a:before, +.widget_archive a:before, +.widget_categories a:before, +.widget_meta a:before, +.widget_nav_menu li a:before, +.widget_pages li a:before, +.widget_recent_comments li:before, +.widget_recent_entries a:before, +.widget_rss li:before, +.wp-block-archives li a:before, +.wp-block-categories li a:before, +.wp-block-latest-comments li:before, +.wp-block-latest-posts li a:before, +.wp-block-page-list li a:before, +blockquote:after, +blockquote:before, +li.recentcomments:before, +q:after, +q:before { font-family: ForkAwesome !important; color: var(--text-color); } @@ -236,11 +385,59 @@ body { transition: none; } -a:hover, em a:active, em a:focus, em a:hover, .pojo-skip-link:focus { +a:hover, +em a:active, +em a:focus, +em a:hover, +.pojo-skip-link:focus { color: var(--href); } -#cancel-comment-reply-link, #cancel-comment-reply-link:before, #footer-menu li a:hover, #mt-scrollup:hover, #site-navigation ul li.current-menu-ancestor > a, #site-navigation ul li.current-menu-item > a, #site-navigation ul li.current-menu-parent > a, #site-navigation ul li.current_page_ancestor > a, #site-navigation ul li.current_page_item > a, #site-navigation ul li.focus > a, #site-navigation ul li:hover > a, #top-footer a:hover, #top-navigation ul li a:hover, .banner-sub-title, .breadcrumbs .trail-items li a:hover, .btn-wrapper a:hover, .cat-links a:hover, .color_blog_dark_latest_posts .mt-post-title a:hover, .comment-author .fn .url:hover, .commentmetadata .comment-edit-link, .entry-cat .cat-links a:hover, .entry-cat a:hover, .entry-footer .mt-readmore-btn:hover, .entry-footer a:hover, .entry-meta a:hover, .entry-title a:hover, .front-slider-block .banner-title a:hover, .front-slider-block .post-info-wrap .entry-title a:hover, .has-thumbnail .post-info-wrap .entry-title a:hover, .logged-in-as a, .menu-toggle:hover, .mt-readmore-btn:hover, .mt-search-icon:hover, .mt-social-icon-wrap li a:focus, .mt-social-icon-wrap li a:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .post-info-wrap .entry-meta a:hover, .single .mt-single-related-posts .entry-title a:hover, .widget a:hover, .widget a:hover:before, .widget li:hover:before, .wrap-label i, a, a:focus { +#cancel-comment-reply-link, +#cancel-comment-reply-link:before, +#footer-menu li a:hover, +#mt-scrollup:hover, +#site-navigation ul li.current-menu-ancestor > a, +#site-navigation ul li.current-menu-item > a, +#site-navigation ul li.current-menu-parent > a, +#site-navigation ul li.current_page_ancestor > a, +#site-navigation ul li.current_page_item > a, +#site-navigation ul li.focus > a, +#site-navigation ul li:hover > a, +#top-footer a:hover, +#top-navigation ul li a:hover, +.banner-sub-title, +.breadcrumbs .trail-items li a:hover, +.btn-wrapper a:hover, +.cat-links a:hover, +.color_blog_dark_latest_posts .mt-post-title a:hover, +.comment-author .fn .url:hover, +.commentmetadata .comment-edit-link, +.entry-cat .cat-links a:hover, +.entry-cat a:hover, +.entry-footer .mt-readmore-btn:hover, +.entry-footer a:hover, +.entry-meta a:hover, +.entry-title a:hover, +.front-slider-block .banner-title a:hover, +.front-slider-block .post-info-wrap .entry-title a:hover, +.has-thumbnail .post-info-wrap .entry-title a:hover, +.logged-in-as a, +.menu-toggle:hover, +.mt-readmore-btn:hover, +.mt-search-icon:hover, +.mt-social-icon-wrap li a:focus, +.mt-social-icon-wrap li a:hover, +.navigation.pagination .nav-links .page-numbers.current, +.navigation.pagination .nav-links a.page-numbers:hover, +.post-info-wrap .entry-meta a:hover, +.single .mt-single-related-posts .entry-title a:hover, +.widget a:hover, +.widget a:hover:before, +.widget li:hover:before, +.wrap-label i, +a, +a:focus { color: var(--href); } @@ -248,7 +445,15 @@ a:hover, em a:active, em a:focus, em a:hover, .pojo-skip-link:focus { border-top-color: var(--href); } -.color_blog_dark_social_media a:hover, .custom-header, .error-404.not-found, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_search .search-submit:hover, .widget_tag_cloud .tagcloud a:hover { +.color_blog_dark_social_media a:hover, +.custom-header, +.error-404.not-found, +.navigation.pagination .nav-links .page-numbers.current, +.navigation.pagination .nav-links a.page-numbers:hover, +.widget.widget_tag_cloud a:hover, +.widget_search .search-submit, +.widget_search .search-submit:hover, +.widget_tag_cloud .tagcloud a:hover { border-color: var(--href); } @@ -256,7 +461,8 @@ a:hover, em a:active, em a:focus, em a:hover, .pojo-skip-link:focus { outline-color: var(--href); } -.entry-footer > span.tags-links a:hover, ul.trail-items span { +.entry-footer > span.tags-links a:hover, +ul.trail-items span { color: var(--href) !important; } @@ -264,12 +470,18 @@ 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, +.comment-list .comment-body, +#respond, +.mt-author-box { border: none !important; border-bottom: none !important; border-top: none !important; @@ -290,7 +502,10 @@ span.required { border: 1px var(--href) solid; } -.mt-live-link a:focus, .mt-live-link a:hover, .search article, .pojo-skip-link:focus { +.mt-live-link a:focus, +.mt-live-link a:hover, +.search article, +.pojo-skip-link:focus { box-shadow: none; } @@ -312,7 +527,13 @@ span.required { } } -#mt-scrollup, .mt-author__avatar, .mt-copyright-text, .nav-links, .post-thumbnail img, .site-info, .wp-block-image { +#mt-scrollup, +.mt-author__avatar, +.mt-copyright-text, +.nav-links, +.post-thumbnail img, +.site-info, +.wp-block-image { -webkit-user-select: none; -moz-user-select: none; user-select: none; @@ -323,17 +544,39 @@ video { width: 100% !important; } -.bttn, .navigation .nav-links a, .search-submit, .tagcloud a, .wp-block-search__button, button, input.search-submit[type=submit], input[type=button], input[type=reset], input[type=submit] { +.bttn, +.navigation .nav-links a, +.search-submit, +.tagcloud a, +.wp-block-search__button, +button, +input.search-submit[type=submit], +input[type=button], +input[type=reset], +input[type=submit] { background-color: var(--href); border: none !important; color: var(--text-color) !important; } -.bttn, .comment-reply-link, .mt-menu-search .mt-form-wrap .search-form .search-field, .navigation .nav-links a, .page-numbers.current, .tagcloud a:hover, button, input.search-submit, input.search-submit:hover, input[type=button], input[type=reset], input[type=submit], textarea { +.bttn, +.comment-reply-link, +.mt-menu-search .mt-form-wrap .search-form .search-field, +.navigation .nav-links a, +.page-numbers.current, +.tagcloud a:hover, +button, +input.search-submit, +input.search-submit:hover, +input[type=button], +input[type=reset], +input[type=submit], +textarea { border-radius: 5px !important; } -img, .pojo-skip-link { +img, +.pojo-skip-link { border-radius: 2px; } @@ -348,7 +591,8 @@ div#cwv3_dialog.cwv3_dialog.js { border-color: var(--background-darker) !important; } -.recentcomments, .widget_recent_comments li { +.recentcomments, +.widget_recent_comments li { display: block !important; } @@ -358,23 +602,31 @@ div#cwv3_dialog.cwv3_dialog.js { border: none; } -.screen-reader-text:active, .screen-reader-text:focus, .screen-reader-text:hover { +.screen-reader-text:active, +.screen-reader-text:focus, +.screen-reader-text:hover { background-color: var(--background) !important; box-shadow: none !important; color: var(--href) !important; } @media (max-width: 979px) { - #site-navigation ul li a, .is-sticky #site-navigation ul li a { + #site-navigation ul li a, + .is-sticky #site-navigation ul li a { border-bottom: 1px solid var(--href-dark); } } -#site-navigation ul li a.sub-toggle, #site-navigation ul li a.sub-toggle:hover { +#site-navigation ul li a.sub-toggle, +#site-navigation ul li a.sub-toggle:hover { background: var(--background) none repeat scroll 0 0; color: var(--text-color); border: none; } +.search article .post-thumbnail { + border-radius: 10px; +} + :root { --text-color:#fff; --background:#2E3035; diff --git a/css/retro-theme.css b/css/retro-theme.css index e254544..9cde852 100644 --- a/css/retro-theme.css +++ b/css/retro-theme.css @@ -1,5 +1,4 @@ -@import url("https://fonts.bunny.net/css?family=damion:400"); -@import url("https://cdn.satki.net/static/fonts/VT220/VT220.min.css"); +@import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); ::-moz-selection { background-color: var(--selector); } @@ -7,39 +6,131 @@ background-color: var(--selector); } -::-webkit-scrollbar, .comment-form-url { +::-webkit-scrollbar, +.comment-form-url { display: none; } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { border-color: var(--href); background-color: var(--background-darker); } -#site-navigation ul li a, .byline a, .entry-footer > span.tags-links, .entry-footer > span.tags-links a, .entry-title a, .menu-toggle a, .mt-author-bio, .mt-author-website a, .mt-related-post-title, .mt-search-icon a, .mt-social-menu-wrapper, .page-title, .posted-on time, .site-info, .tagcloud a:hover, .tags-links a, .widget-title, a.comment-edit-link, article.hentry .entry-footer > span, body, button, h1.entry-title, h2.entry-title a, h3#reply-title.comment-reply-title, hr, input, label, li, section ul li a, select, span.screen-reader-text, textarea, time, ul#primary-menu.menu.nav-menu:after { +#site-navigation ul li a, +.byline a, +.entry-footer > span.tags-links, +.entry-footer > span.tags-links a, +.entry-title a, +.menu-toggle a, +.mt-author-bio, +.mt-author-website a, +.mt-related-post-title, +.mt-search-icon a, +.mt-social-menu-wrapper, +.page-title, +.posted-on time, +.site-info, +.tagcloud a:hover, +.tags-links a, +.widget-title, +a.comment-edit-link, +article.hentry .entry-footer > span, +body, +button, +h1.entry-title, +h2.entry-title a, +h3#reply-title.comment-reply-title, +hr, +input, +label, +li, +section ul li a, +select, +span.screen-reader-text, +textarea, +time, +ul#primary-menu.menu.nav-menu:after { color: var(--text-color) !important; font-family: var(--main-font); } /*** Background Start ***/ -#site-navigation ul li a::after, .front-slider-block .post-info-wrap .entry-meta .posted-on a:before, .has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, .posted-on a:before { +#site-navigation ul li a::after, +.front-slider-block .post-info-wrap .entry-meta .posted-on a:before, +.has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, +.posted-on a:before { background-color: var(--text-color); } -#site-navigation, .wp-comment-cookies-consent, div#wpadminbar.nojq, div.custom-header.no-bg-img, div.cwv3_btns, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, div.site-branding, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, .gdrf-success, .gdrf-errors, #site-navigation ul li .sub-menu, #site-navigation ul li .children { +#site-navigation, +.wp-comment-cookies-consent, +div#wpadminbar.nojq, +div.custom-header.no-bg-img, +div.cwv3_btns, +div.logo-ads-wrap, +div.mt-logo-row-wrapper.mt-clearfix, +div.site-branding, +div.sticky-wrapper, +footer#colophon.site-footer, +nav#site-navigation.main-navigation.isActive, +.gdrf-success, +.gdrf-errors, +#site-navigation ul li .sub-menu, +#site-navigation ul li .children, +.comment-list .comment-body, +#respond, +.mt-author-box, +textarea#comment { background-color: var(--background-darker) !important; } -#colophon .widget .widget-title:before, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, #secondary .widget .widget-title:before, #site-navigation .menu-item-description, .edit-link .post-edit-link, .features-post-title:before, .front-slider-block .lSAction > a:hover, .mt-live-link a, .mt-menu-search .mt-form-wrap .search-form .search-submit, .mt-related-post-title:before, .post-cats-list a, .reply .comment-reply-link, .top-featured-post-wrap .post-thumbnail .post-number, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_tag_cloud .tagcloud a:hover, article .post-thumbnail:before, article.sticky:before, div.mt-live-link a, input.search-submit { +#colophon .widget .widget-title:before, +#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, +#secondary .widget .widget-title:before, +#site-navigation .menu-item-description, +.edit-link .post-edit-link, +.features-post-title:before, +.front-slider-block .lSAction > a:hover, +.mt-live-link a, +.mt-menu-search .mt-form-wrap .search-form .search-submit, +.mt-related-post-title:before, +.post-cats-list a, +.reply .comment-reply-link, +.top-featured-post-wrap .post-thumbnail .post-number, +.widget.widget_tag_cloud a:hover, +.widget_search .search-submit, +.widget_tag_cloud .tagcloud a:hover, +article .post-thumbnail:before, +article.sticky:before, +div.mt-live-link a, +input.search-submit { background-color: var(--href); } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .bttn:hover, .mt-live-link a:focus, .mt-live-link a:hover, .navigation .nav-links a:hover, .post-edit-link:hover, button, div.mt-live-link a:hover, input.search-submit:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, +.bttn:hover, +.mt-live-link a:focus, +.mt-live-link a:hover, +.navigation .nav-links a:hover, +.post-edit-link:hover, +button, +div.mt-live-link a:hover, +input.search-submit:hover, +input[type=button]:hover, +input[type=reset]:hover, +input[type=submit]:hover { color: var(--text-color); background-color: var(--href-dark); } -div#bottom-footer, div#page.site, div#top-header.top-header-wrap.mt-clearfix { +div#bottom-footer, +div#page.site, +div#top-header.top-header-wrap.mt-clearfix, +textarea#comment, +input#author, +input#email, +input#url { background-color: var(--background) !important; } @@ -56,7 +147,8 @@ div#bottom-footer, div#page.site, div#top-header.top-header-wrap.mt-clearfix { } /*** Background End ***/ -#colophon, .mt-social-menu-wrapper { +#colophon, +.mt-social-menu-wrapper { border-top: 1px solid var(--href-dark); } @@ -72,7 +164,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; @@ -81,30 +178,44 @@ h1, h2, h3, h4, h5, h6 { color: var(--text-color); } -.entry-title, .page-title, b, strong { +.entry-title, +.page-title, +b, +strong { color: var(--text-color); font-weight: 600; } -.mt-disclaimer-text, p em, p i { +.mt-disclaimer-text, +p em, +p i { color: var(--text-color); font-family: var(--main-font); font-style: italic; } -p em a, p i a { +p em a, +p i a { color: #f5a9b8; font-family: var(--main-font); font-style: italic; } -p em a:hover, p i a:hover { +p em a:hover, +p i a:hover { color: #c48793; font-family: var(--main-font); font-style: italic; } -.mt-author-name a:hover, .mt-author-website a:hover, em a, h3.entry-title a:active, h3.entry-title a:hover, i a, section ul li a:hover, .pojo-skip-link:focus { +.mt-author-name a:hover, +.mt-author-website a:hover, +em a, +h3.entry-title a:active, +h3.entry-title a:hover, +i a, +section ul li a:hover, +.pojo-skip-link:focus { color: var(--href) !important; } @@ -119,7 +230,14 @@ textarea { width: 100%; } -input, input#author, input#email, input#url, input.search-field, input[type=email], input[type=password], input[type=search], input[type=text], input[type=url], p.comment-form-cookies-consent #wp-comment-cookies-consent { +input, +input.search-field, +input[type=email], +input[type=password], +input[type=search], +input[type=text], +input[type=url], +p.comment-form-cookies-consent #wp-comment-cookies-consent { color: var(--text-color) !important; background-color: var(--background-darker); border-bottom: none; @@ -190,18 +308,24 @@ body { font-family: var(--main-font); } -.btn-wrapper a, .entry-footer .mt-readmore-btn, .mt-readmore-btn { +.btn-wrapper a, +.entry-footer .mt-readmore-btn, +.mt-readmore-btn { display: inline-block; padding: 0; font-size: 14px; color: var(--text-color); } -.wp-block-code, code { +.wp-block-code, +code { background-color: #343434; } -#wpadminbar .ab-top-menu > li.hover > .ab-item, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { +#wpadminbar .ab-top-menu > li.hover > .ab-item, +#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { background: var(--background-darker); color: var(--href); } @@ -216,7 +340,8 @@ body { 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); @@ -226,7 +351,30 @@ body { float: none; } -#cancel-comment-reply-link:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a:before, .edit-link .post-edit-link:before, .nav-links .nav-next a:after, .nav-links .nav-previous a:before, .widget_archive a:before, .widget_categories a:before, .widget_meta a:before, .widget_nav_menu li a:before, .widget_pages li a:before, .widget_recent_comments li:before, .widget_recent_entries a:before, .widget_rss li:before, .wp-block-archives li a:before, .wp-block-categories li a:before, .wp-block-latest-comments li:before, .wp-block-latest-posts li a:before, .wp-block-page-list li a:before, blockquote:after, blockquote:before, li.recentcomments:before, q:after, q:before { +#cancel-comment-reply-link:before, +#site-navigation li.menu-item-has-children > a:before, +#site-navigation li.page_item_has_children > a:before, +.edit-link .post-edit-link:before, +.nav-links .nav-next a:after, +.nav-links .nav-previous a:before, +.widget_archive a:before, +.widget_categories a:before, +.widget_meta a:before, +.widget_nav_menu li a:before, +.widget_pages li a:before, +.widget_recent_comments li:before, +.widget_recent_entries a:before, +.widget_rss li:before, +.wp-block-archives li a:before, +.wp-block-categories li a:before, +.wp-block-latest-comments li:before, +.wp-block-latest-posts li a:before, +.wp-block-page-list li a:before, +blockquote:after, +blockquote:before, +li.recentcomments:before, +q:after, +q:before { font-family: ForkAwesome !important; color: var(--text-color); } @@ -237,11 +385,59 @@ body { transition: none; } -a:hover, em a:active, em a:focus, em a:hover, .pojo-skip-link:focus { +a:hover, +em a:active, +em a:focus, +em a:hover, +.pojo-skip-link:focus { color: var(--href); } -#cancel-comment-reply-link, #cancel-comment-reply-link:before, #footer-menu li a:hover, #mt-scrollup:hover, #site-navigation ul li.current-menu-ancestor > a, #site-navigation ul li.current-menu-item > a, #site-navigation ul li.current-menu-parent > a, #site-navigation ul li.current_page_ancestor > a, #site-navigation ul li.current_page_item > a, #site-navigation ul li.focus > a, #site-navigation ul li:hover > a, #top-footer a:hover, #top-navigation ul li a:hover, .banner-sub-title, .breadcrumbs .trail-items li a:hover, .btn-wrapper a:hover, .cat-links a:hover, .color_blog_dark_latest_posts .mt-post-title a:hover, .comment-author .fn .url:hover, .commentmetadata .comment-edit-link, .entry-cat .cat-links a:hover, .entry-cat a:hover, .entry-footer .mt-readmore-btn:hover, .entry-footer a:hover, .entry-meta a:hover, .entry-title a:hover, .front-slider-block .banner-title a:hover, .front-slider-block .post-info-wrap .entry-title a:hover, .has-thumbnail .post-info-wrap .entry-title a:hover, .logged-in-as a, .menu-toggle:hover, .mt-readmore-btn:hover, .mt-search-icon:hover, .mt-social-icon-wrap li a:focus, .mt-social-icon-wrap li a:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .post-info-wrap .entry-meta a:hover, .single .mt-single-related-posts .entry-title a:hover, .widget a:hover, .widget a:hover:before, .widget li:hover:before, .wrap-label i, a, a:focus { +#cancel-comment-reply-link, +#cancel-comment-reply-link:before, +#footer-menu li a:hover, +#mt-scrollup:hover, +#site-navigation ul li.current-menu-ancestor > a, +#site-navigation ul li.current-menu-item > a, +#site-navigation ul li.current-menu-parent > a, +#site-navigation ul li.current_page_ancestor > a, +#site-navigation ul li.current_page_item > a, +#site-navigation ul li.focus > a, +#site-navigation ul li:hover > a, +#top-footer a:hover, +#top-navigation ul li a:hover, +.banner-sub-title, +.breadcrumbs .trail-items li a:hover, +.btn-wrapper a:hover, +.cat-links a:hover, +.color_blog_dark_latest_posts .mt-post-title a:hover, +.comment-author .fn .url:hover, +.commentmetadata .comment-edit-link, +.entry-cat .cat-links a:hover, +.entry-cat a:hover, +.entry-footer .mt-readmore-btn:hover, +.entry-footer a:hover, +.entry-meta a:hover, +.entry-title a:hover, +.front-slider-block .banner-title a:hover, +.front-slider-block .post-info-wrap .entry-title a:hover, +.has-thumbnail .post-info-wrap .entry-title a:hover, +.logged-in-as a, +.menu-toggle:hover, +.mt-readmore-btn:hover, +.mt-search-icon:hover, +.mt-social-icon-wrap li a:focus, +.mt-social-icon-wrap li a:hover, +.navigation.pagination .nav-links .page-numbers.current, +.navigation.pagination .nav-links a.page-numbers:hover, +.post-info-wrap .entry-meta a:hover, +.single .mt-single-related-posts .entry-title a:hover, +.widget a:hover, +.widget a:hover:before, +.widget li:hover:before, +.wrap-label i, +a, +a:focus { color: var(--href); } @@ -249,7 +445,15 @@ a:hover, em a:active, em a:focus, em a:hover, .pojo-skip-link:focus { border-top-color: var(--href); } -.color_blog_dark_social_media a:hover, .custom-header, .error-404.not-found, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_search .search-submit:hover, .widget_tag_cloud .tagcloud a:hover { +.color_blog_dark_social_media a:hover, +.custom-header, +.error-404.not-found, +.navigation.pagination .nav-links .page-numbers.current, +.navigation.pagination .nav-links a.page-numbers:hover, +.widget.widget_tag_cloud a:hover, +.widget_search .search-submit, +.widget_search .search-submit:hover, +.widget_tag_cloud .tagcloud a:hover { border-color: var(--href); } @@ -257,7 +461,8 @@ a:hover, em a:active, em a:focus, em a:hover, .pojo-skip-link:focus { outline-color: var(--href); } -.entry-footer > span.tags-links a:hover, ul.trail-items span { +.entry-footer > span.tags-links a:hover, +ul.trail-items span { color: var(--href) !important; } @@ -265,12 +470,18 @@ 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, +.comment-list .comment-body, +#respond, +.mt-author-box { border: none !important; border-bottom: none !important; border-top: none !important; @@ -291,7 +502,10 @@ span.required { border: 1px var(--href) solid; } -.mt-live-link a:focus, .mt-live-link a:hover, .search article, .pojo-skip-link:focus { +.mt-live-link a:focus, +.mt-live-link a:hover, +.search article, +.pojo-skip-link:focus { box-shadow: none; } @@ -313,7 +527,13 @@ span.required { } } -#mt-scrollup, .mt-author__avatar, .mt-copyright-text, .nav-links, .post-thumbnail img, .site-info, .wp-block-image { +#mt-scrollup, +.mt-author__avatar, +.mt-copyright-text, +.nav-links, +.post-thumbnail img, +.site-info, +.wp-block-image { -webkit-user-select: none; -moz-user-select: none; user-select: none; @@ -324,17 +544,39 @@ video { width: 100% !important; } -.bttn, .navigation .nav-links a, .search-submit, .tagcloud a, .wp-block-search__button, button, input.search-submit[type=submit], input[type=button], input[type=reset], input[type=submit] { +.bttn, +.navigation .nav-links a, +.search-submit, +.tagcloud a, +.wp-block-search__button, +button, +input.search-submit[type=submit], +input[type=button], +input[type=reset], +input[type=submit] { background-color: var(--href); border: none !important; color: var(--text-color) !important; } -.bttn, .comment-reply-link, .mt-menu-search .mt-form-wrap .search-form .search-field, .navigation .nav-links a, .page-numbers.current, .tagcloud a:hover, button, input.search-submit, input.search-submit:hover, input[type=button], input[type=reset], input[type=submit], textarea { +.bttn, +.comment-reply-link, +.mt-menu-search .mt-form-wrap .search-form .search-field, +.navigation .nav-links a, +.page-numbers.current, +.tagcloud a:hover, +button, +input.search-submit, +input.search-submit:hover, +input[type=button], +input[type=reset], +input[type=submit], +textarea { border-radius: 5px !important; } -img, .pojo-skip-link { +img, +.pojo-skip-link { border-radius: 2px; } @@ -349,7 +591,8 @@ div#cwv3_dialog.cwv3_dialog.js { border-color: var(--background-darker) !important; } -.recentcomments, .widget_recent_comments li { +.recentcomments, +.widget_recent_comments li { display: block !important; } @@ -359,23 +602,31 @@ div#cwv3_dialog.cwv3_dialog.js { border: none; } -.screen-reader-text:active, .screen-reader-text:focus, .screen-reader-text:hover { +.screen-reader-text:active, +.screen-reader-text:focus, +.screen-reader-text:hover { background-color: var(--background) !important; box-shadow: none !important; color: var(--href) !important; } @media (max-width: 979px) { - #site-navigation ul li a, .is-sticky #site-navigation ul li a { + #site-navigation ul li a, + .is-sticky #site-navigation ul li a { border-bottom: 1px solid var(--href-dark); } } -#site-navigation ul li a.sub-toggle, #site-navigation ul li a.sub-toggle:hover { +#site-navigation ul li a.sub-toggle, +#site-navigation ul li a.sub-toggle:hover { background: var(--background) none repeat scroll 0 0; color: var(--text-color); border: none; } +.search article .post-thumbnail { + border-radius: 10px; +} + :root { --text-color: #fff; --background: #282828; @@ -383,7 +634,7 @@ div#cwv3_dialog.cwv3_dialog.js { --href: #A06810; --href-dark: #9C4207; --selector: #454FBF; - --main-font: TTY VT220; + --main-font: "Oxygen", sans-serif; --special-font: "Damion", handwriting; --cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAAEEfUpiAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEs0lEQVRYw7VXz28bRRS2NxTlyLUiwAFOLQcEhwAXuCFxReqNCxISl/bAAalEquAApTTxOnbSOI5je73+Ef9c23HiNi4lLUmbOC1FoojCv8AF0cpN/WOG761njDddO9mQrPQ03tmZb7753rz3xi5/wrsLc/UevLRW75eYpaNcz3NfXG3KjjF0vOYa+JR38hyjJiwdhduZDjoVsyN7MzmSvZWyrpK8HmNoDV9CfRbTpAEYohIuBzu2A5I1rbm8U+DGncw3A9nlNpaU3E8pvlwvcMsHrNuwaLH3gQQskJlZF8vZD6jcLfBgfo4EGPXtHUQDSts5DmMhY57bIsgBC0aA++PemHWArjI1OtnEgCbn3JbD2FeeC8raryt85V6Rl7fz9rtJrydOwwf2ShKP+dwV2sWHsOdcTh4JAF+xubS/jXd+OAA4nJQgny4Yc+353GwK384OdIAdAJ2YPmMrPxe5V5tqQFoNDnIPBaCVyYRPOvmNpd8jyyGOY0C+yfrkibYB6BBA6gd9Aqudr9wzzNVnktMk6tODaOCW9DDR7Fv/s2bqcePhNVNQbMWRqApsnLwBY2C3u98EithT2KfiOsxDK5FQC4UAF0fTBTBnAPrVCENm4NO6Jw6Ad2CKIwC4jE4iR9Q8VbWpD6S4BwfYTJv+r9w1eGJN4+kbCbkdt98uVw0CINfp1yIMW6ITeAYAbxKIE4BuPCDHeKKTT6DJlweJhR6AjAPxm8WuhtsU5kNB7BgQSLAwR+HNpHuHA2wscRlMtDJqDKdYoCyoV6P7AxS3si1PZLIJui1i8KOIgb68N1iD2ZSPI+fPQLCvo5VQjOgbtzPsStqPg6WO7esFyqqxanjUn/SeyN5KvgAGVVgbCZTYTBTvZEdklA4MZ9of8gGFswIrYiJNplx+CWycBxmVUDLySmEz/TpMcRqhVHJZ1xOBV5Fg3UOTKnnCFzcn3Ydtwuqwt/sSjGvfE3nYB05oyew1HfO0vTB4lFLDexai8WNY3KqAyuBxTqUENZbhSPEgwkirLBK5j8XYUXmsjkyNfgIUkrK+JWoa01YXGVoKy7Q3NvUFxl2ihCmUU46NgMwJpa1epUakXm4EMrMcRD61zlfdx0KgP7Mto4+IwD3ItVFO0Z+s6eSabwXG8zgjPdc4cs8QBXpETDVEnkbWoCzZ0qsRHsjO+D3hyycx/w0QeFEocjQELPecbUueN62rhll5OoulIF1f9G60qMr/I1C3VaD7eydv1gqEawfh2hQhvCtuyNG9ecMxAVz1WeZmki7LLFQMMJK7zwUtuiphzMXvgxc/Qpb7HHPOYe4naD9D+/6hzwAtTpfx67+t8sqOYRayMGQliWnXokqaeQILNzD+Meb9BXtFYJyQ/4d8TgkA7BEmPIH9PfHd+ZP939YeVMbpqkrliQigspBSdBul9jGi4SVZkcpb+aNJTAA12+JW7r9/ffV8ovZglc5DS5T+Jt1g8e4T30dA0jW0bjp9SgAr17skAP4WwC9g4Y4g0Kn+Uqb2D/xNi8JNL9M4vLuPjADtpoxdIcwUIfO7ffLTtZuhYJE1tJXQKRqzWJp3H0exkgTGRcS0RdsUdf8fhKWZhEDGMYF/AQoJFGEv3mkiAAAAAElFTkSuQmCC"); } \ No newline at end of file diff --git a/css/ubuntu-theme.css b/css/ubuntu-theme.css index ef812c3..5850f1a 100644 --- a/css/ubuntu-theme.css +++ b/css/ubuntu-theme.css @@ -6,39 +6,131 @@ background-color: var(--selector); } -::-webkit-scrollbar, .comment-form-url { +::-webkit-scrollbar, +.comment-form-url { display: none; } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { border-color: var(--href); background-color: var(--background-darker); } -#site-navigation ul li a, .byline a, .entry-footer > span.tags-links, .entry-footer > span.tags-links a, .entry-title a, .menu-toggle a, .mt-author-bio, .mt-author-website a, .mt-related-post-title, .mt-search-icon a, .mt-social-menu-wrapper, .page-title, .posted-on time, .site-info, .tagcloud a:hover, .tags-links a, .widget-title, a.comment-edit-link, article.hentry .entry-footer > span, body, button, h1.entry-title, h2.entry-title a, h3#reply-title.comment-reply-title, hr, input, label, li, section ul li a, select, span.screen-reader-text, textarea, time, ul#primary-menu.menu.nav-menu:after { +#site-navigation ul li a, +.byline a, +.entry-footer > span.tags-links, +.entry-footer > span.tags-links a, +.entry-title a, +.menu-toggle a, +.mt-author-bio, +.mt-author-website a, +.mt-related-post-title, +.mt-search-icon a, +.mt-social-menu-wrapper, +.page-title, +.posted-on time, +.site-info, +.tagcloud a:hover, +.tags-links a, +.widget-title, +a.comment-edit-link, +article.hentry .entry-footer > span, +body, +button, +h1.entry-title, +h2.entry-title a, +h3#reply-title.comment-reply-title, +hr, +input, +label, +li, +section ul li a, +select, +span.screen-reader-text, +textarea, +time, +ul#primary-menu.menu.nav-menu:after { color: var(--text-color) !important; font-family: var(--main-font); } /*** Background Start ***/ -#site-navigation ul li a::after, .front-slider-block .post-info-wrap .entry-meta .posted-on a:before, .has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, .posted-on a:before { +#site-navigation ul li a::after, +.front-slider-block .post-info-wrap .entry-meta .posted-on a:before, +.has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, +.posted-on a:before { background-color: var(--text-color); } -#site-navigation, .wp-comment-cookies-consent, div#wpadminbar.nojq, div.custom-header.no-bg-img, div.cwv3_btns, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, div.site-branding, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, .gdrf-success, .gdrf-errors, #site-navigation ul li .sub-menu, #site-navigation ul li .children { +#site-navigation, +.wp-comment-cookies-consent, +div#wpadminbar.nojq, +div.custom-header.no-bg-img, +div.cwv3_btns, +div.logo-ads-wrap, +div.mt-logo-row-wrapper.mt-clearfix, +div.site-branding, +div.sticky-wrapper, +footer#colophon.site-footer, +nav#site-navigation.main-navigation.isActive, +.gdrf-success, +.gdrf-errors, +#site-navigation ul li .sub-menu, +#site-navigation ul li .children, +.comment-list .comment-body, +#respond, +.mt-author-box, +textarea#comment { background-color: var(--background-darker) !important; } -#colophon .widget .widget-title:before, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, #secondary .widget .widget-title:before, #site-navigation .menu-item-description, .edit-link .post-edit-link, .features-post-title:before, .front-slider-block .lSAction > a:hover, .mt-live-link a, .mt-menu-search .mt-form-wrap .search-form .search-submit, .mt-related-post-title:before, .post-cats-list a, .reply .comment-reply-link, .top-featured-post-wrap .post-thumbnail .post-number, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_tag_cloud .tagcloud a:hover, article .post-thumbnail:before, article.sticky:before, div.mt-live-link a, input.search-submit { +#colophon .widget .widget-title:before, +#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, +#secondary .widget .widget-title:before, +#site-navigation .menu-item-description, +.edit-link .post-edit-link, +.features-post-title:before, +.front-slider-block .lSAction > a:hover, +.mt-live-link a, +.mt-menu-search .mt-form-wrap .search-form .search-submit, +.mt-related-post-title:before, +.post-cats-list a, +.reply .comment-reply-link, +.top-featured-post-wrap .post-thumbnail .post-number, +.widget.widget_tag_cloud a:hover, +.widget_search .search-submit, +.widget_tag_cloud .tagcloud a:hover, +article .post-thumbnail:before, +article.sticky:before, +div.mt-live-link a, +input.search-submit { background-color: var(--href); } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .bttn:hover, .mt-live-link a:focus, .mt-live-link a:hover, .navigation .nav-links a:hover, .post-edit-link:hover, button, div.mt-live-link a:hover, input.search-submit:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, +.bttn:hover, +.mt-live-link a:focus, +.mt-live-link a:hover, +.navigation .nav-links a:hover, +.post-edit-link:hover, +button, +div.mt-live-link a:hover, +input.search-submit:hover, +input[type=button]:hover, +input[type=reset]:hover, +input[type=submit]:hover { color: var(--text-color); background-color: var(--href-dark); } -div#bottom-footer, div#page.site, div#top-header.top-header-wrap.mt-clearfix { +div#bottom-footer, +div#page.site, +div#top-header.top-header-wrap.mt-clearfix, +textarea#comment, +input#author, +input#email, +input#url { background-color: var(--background) !important; } @@ -55,7 +147,8 @@ div#bottom-footer, div#page.site, div#top-header.top-header-wrap.mt-clearfix { } /*** Background End ***/ -#colophon, .mt-social-menu-wrapper { +#colophon, +.mt-social-menu-wrapper { border-top: 1px solid var(--href-dark); } @@ -71,7 +164,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; @@ -80,30 +178,44 @@ h1, h2, h3, h4, h5, h6 { color: var(--text-color); } -.entry-title, .page-title, b, strong { +.entry-title, +.page-title, +b, +strong { color: var(--text-color); font-weight: 600; } -.mt-disclaimer-text, p em, p i { +.mt-disclaimer-text, +p em, +p i { color: var(--text-color); font-family: var(--main-font); font-style: italic; } -p em a, p i a { +p em a, +p i a { color: #f5a9b8; font-family: var(--main-font); font-style: italic; } -p em a:hover, p i a:hover { +p em a:hover, +p i a:hover { color: #c48793; font-family: var(--main-font); font-style: italic; } -.mt-author-name a:hover, .mt-author-website a:hover, em a, h3.entry-title a:active, h3.entry-title a:hover, i a, section ul li a:hover, .pojo-skip-link:focus { +.mt-author-name a:hover, +.mt-author-website a:hover, +em a, +h3.entry-title a:active, +h3.entry-title a:hover, +i a, +section ul li a:hover, +.pojo-skip-link:focus { color: var(--href) !important; } @@ -118,7 +230,14 @@ textarea { width: 100%; } -input, input#author, input#email, input#url, input.search-field, input[type=email], input[type=password], input[type=search], input[type=text], input[type=url], p.comment-form-cookies-consent #wp-comment-cookies-consent { +input, +input.search-field, +input[type=email], +input[type=password], +input[type=search], +input[type=text], +input[type=url], +p.comment-form-cookies-consent #wp-comment-cookies-consent { color: var(--text-color) !important; background-color: var(--background-darker); border-bottom: none; @@ -189,18 +308,24 @@ body { font-family: var(--main-font); } -.btn-wrapper a, .entry-footer .mt-readmore-btn, .mt-readmore-btn { +.btn-wrapper a, +.entry-footer .mt-readmore-btn, +.mt-readmore-btn { display: inline-block; padding: 0; font-size: 14px; color: var(--text-color); } -.wp-block-code, code { +.wp-block-code, +code { background-color: #343434; } -#wpadminbar .ab-top-menu > li.hover > .ab-item, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { +#wpadminbar .ab-top-menu > li.hover > .ab-item, +#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { background: var(--background-darker); color: var(--href); } @@ -215,7 +340,8 @@ body { 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); @@ -225,7 +351,30 @@ body { float: none; } -#cancel-comment-reply-link:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a:before, .edit-link .post-edit-link:before, .nav-links .nav-next a:after, .nav-links .nav-previous a:before, .widget_archive a:before, .widget_categories a:before, .widget_meta a:before, .widget_nav_menu li a:before, .widget_pages li a:before, .widget_recent_comments li:before, .widget_recent_entries a:before, .widget_rss li:before, .wp-block-archives li a:before, .wp-block-categories li a:before, .wp-block-latest-comments li:before, .wp-block-latest-posts li a:before, .wp-block-page-list li a:before, blockquote:after, blockquote:before, li.recentcomments:before, q:after, q:before { +#cancel-comment-reply-link:before, +#site-navigation li.menu-item-has-children > a:before, +#site-navigation li.page_item_has_children > a:before, +.edit-link .post-edit-link:before, +.nav-links .nav-next a:after, +.nav-links .nav-previous a:before, +.widget_archive a:before, +.widget_categories a:before, +.widget_meta a:before, +.widget_nav_menu li a:before, +.widget_pages li a:before, +.widget_recent_comments li:before, +.widget_recent_entries a:before, +.widget_rss li:before, +.wp-block-archives li a:before, +.wp-block-categories li a:before, +.wp-block-latest-comments li:before, +.wp-block-latest-posts li a:before, +.wp-block-page-list li a:before, +blockquote:after, +blockquote:before, +li.recentcomments:before, +q:after, +q:before { font-family: ForkAwesome !important; color: var(--text-color); } @@ -236,11 +385,59 @@ body { transition: none; } -a:hover, em a:active, em a:focus, em a:hover, .pojo-skip-link:focus { +a:hover, +em a:active, +em a:focus, +em a:hover, +.pojo-skip-link:focus { color: var(--href); } -#cancel-comment-reply-link, #cancel-comment-reply-link:before, #footer-menu li a:hover, #mt-scrollup:hover, #site-navigation ul li.current-menu-ancestor > a, #site-navigation ul li.current-menu-item > a, #site-navigation ul li.current-menu-parent > a, #site-navigation ul li.current_page_ancestor > a, #site-navigation ul li.current_page_item > a, #site-navigation ul li.focus > a, #site-navigation ul li:hover > a, #top-footer a:hover, #top-navigation ul li a:hover, .banner-sub-title, .breadcrumbs .trail-items li a:hover, .btn-wrapper a:hover, .cat-links a:hover, .color_blog_dark_latest_posts .mt-post-title a:hover, .comment-author .fn .url:hover, .commentmetadata .comment-edit-link, .entry-cat .cat-links a:hover, .entry-cat a:hover, .entry-footer .mt-readmore-btn:hover, .entry-footer a:hover, .entry-meta a:hover, .entry-title a:hover, .front-slider-block .banner-title a:hover, .front-slider-block .post-info-wrap .entry-title a:hover, .has-thumbnail .post-info-wrap .entry-title a:hover, .logged-in-as a, .menu-toggle:hover, .mt-readmore-btn:hover, .mt-search-icon:hover, .mt-social-icon-wrap li a:focus, .mt-social-icon-wrap li a:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .post-info-wrap .entry-meta a:hover, .single .mt-single-related-posts .entry-title a:hover, .widget a:hover, .widget a:hover:before, .widget li:hover:before, .wrap-label i, a, a:focus { +#cancel-comment-reply-link, +#cancel-comment-reply-link:before, +#footer-menu li a:hover, +#mt-scrollup:hover, +#site-navigation ul li.current-menu-ancestor > a, +#site-navigation ul li.current-menu-item > a, +#site-navigation ul li.current-menu-parent > a, +#site-navigation ul li.current_page_ancestor > a, +#site-navigation ul li.current_page_item > a, +#site-navigation ul li.focus > a, +#site-navigation ul li:hover > a, +#top-footer a:hover, +#top-navigation ul li a:hover, +.banner-sub-title, +.breadcrumbs .trail-items li a:hover, +.btn-wrapper a:hover, +.cat-links a:hover, +.color_blog_dark_latest_posts .mt-post-title a:hover, +.comment-author .fn .url:hover, +.commentmetadata .comment-edit-link, +.entry-cat .cat-links a:hover, +.entry-cat a:hover, +.entry-footer .mt-readmore-btn:hover, +.entry-footer a:hover, +.entry-meta a:hover, +.entry-title a:hover, +.front-slider-block .banner-title a:hover, +.front-slider-block .post-info-wrap .entry-title a:hover, +.has-thumbnail .post-info-wrap .entry-title a:hover, +.logged-in-as a, +.menu-toggle:hover, +.mt-readmore-btn:hover, +.mt-search-icon:hover, +.mt-social-icon-wrap li a:focus, +.mt-social-icon-wrap li a:hover, +.navigation.pagination .nav-links .page-numbers.current, +.navigation.pagination .nav-links a.page-numbers:hover, +.post-info-wrap .entry-meta a:hover, +.single .mt-single-related-posts .entry-title a:hover, +.widget a:hover, +.widget a:hover:before, +.widget li:hover:before, +.wrap-label i, +a, +a:focus { color: var(--href); } @@ -248,7 +445,15 @@ a:hover, em a:active, em a:focus, em a:hover, .pojo-skip-link:focus { border-top-color: var(--href); } -.color_blog_dark_social_media a:hover, .custom-header, .error-404.not-found, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_search .search-submit:hover, .widget_tag_cloud .tagcloud a:hover { +.color_blog_dark_social_media a:hover, +.custom-header, +.error-404.not-found, +.navigation.pagination .nav-links .page-numbers.current, +.navigation.pagination .nav-links a.page-numbers:hover, +.widget.widget_tag_cloud a:hover, +.widget_search .search-submit, +.widget_search .search-submit:hover, +.widget_tag_cloud .tagcloud a:hover { border-color: var(--href); } @@ -256,7 +461,8 @@ a:hover, em a:active, em a:focus, em a:hover, .pojo-skip-link:focus { outline-color: var(--href); } -.entry-footer > span.tags-links a:hover, ul.trail-items span { +.entry-footer > span.tags-links a:hover, +ul.trail-items span { color: var(--href) !important; } @@ -264,12 +470,18 @@ 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, +.comment-list .comment-body, +#respond, +.mt-author-box { border: none !important; border-bottom: none !important; border-top: none !important; @@ -290,7 +502,10 @@ span.required { border: 1px var(--href) solid; } -.mt-live-link a:focus, .mt-live-link a:hover, .search article, .pojo-skip-link:focus { +.mt-live-link a:focus, +.mt-live-link a:hover, +.search article, +.pojo-skip-link:focus { box-shadow: none; } @@ -312,7 +527,13 @@ span.required { } } -#mt-scrollup, .mt-author__avatar, .mt-copyright-text, .nav-links, .post-thumbnail img, .site-info, .wp-block-image { +#mt-scrollup, +.mt-author__avatar, +.mt-copyright-text, +.nav-links, +.post-thumbnail img, +.site-info, +.wp-block-image { -webkit-user-select: none; -moz-user-select: none; user-select: none; @@ -323,17 +544,39 @@ video { width: 100% !important; } -.bttn, .navigation .nav-links a, .search-submit, .tagcloud a, .wp-block-search__button, button, input.search-submit[type=submit], input[type=button], input[type=reset], input[type=submit] { +.bttn, +.navigation .nav-links a, +.search-submit, +.tagcloud a, +.wp-block-search__button, +button, +input.search-submit[type=submit], +input[type=button], +input[type=reset], +input[type=submit] { background-color: var(--href); border: none !important; color: var(--text-color) !important; } -.bttn, .comment-reply-link, .mt-menu-search .mt-form-wrap .search-form .search-field, .navigation .nav-links a, .page-numbers.current, .tagcloud a:hover, button, input.search-submit, input.search-submit:hover, input[type=button], input[type=reset], input[type=submit], textarea { +.bttn, +.comment-reply-link, +.mt-menu-search .mt-form-wrap .search-form .search-field, +.navigation .nav-links a, +.page-numbers.current, +.tagcloud a:hover, +button, +input.search-submit, +input.search-submit:hover, +input[type=button], +input[type=reset], +input[type=submit], +textarea { border-radius: 5px !important; } -img, .pojo-skip-link { +img, +.pojo-skip-link { border-radius: 2px; } @@ -348,7 +591,8 @@ div#cwv3_dialog.cwv3_dialog.js { border-color: var(--background-darker) !important; } -.recentcomments, .widget_recent_comments li { +.recentcomments, +.widget_recent_comments li { display: block !important; } @@ -358,23 +602,31 @@ div#cwv3_dialog.cwv3_dialog.js { border: none; } -.screen-reader-text:active, .screen-reader-text:focus, .screen-reader-text:hover { +.screen-reader-text:active, +.screen-reader-text:focus, +.screen-reader-text:hover { background-color: var(--background) !important; box-shadow: none !important; color: var(--href) !important; } @media (max-width: 979px) { - #site-navigation ul li a, .is-sticky #site-navigation ul li a { + #site-navigation ul li a, + .is-sticky #site-navigation ul li a { border-bottom: 1px solid var(--href-dark); } } -#site-navigation ul li a.sub-toggle, #site-navigation ul li a.sub-toggle:hover { +#site-navigation ul li a.sub-toggle, +#site-navigation ul li a.sub-toggle:hover { background: var(--background) none repeat scroll 0 0; color: var(--text-color); border: none; } +.search article .post-thumbnail { + border-radius: 10px; +} + :root { --text-color: #fff; --background: #333333; diff --git a/scss/_base.scss b/scss/_base.scss index 3247a72..ed0741e 100644 --- a/scss/_base.scss +++ b/scss/_base.scss @@ -1,374 +1,630 @@ ::selection { - background-color: var(--selector); + background-color: var(--selector); } -::-webkit-scrollbar,.comment-form-url { - display: none; +::-webkit-scrollbar, +.comment-form-url { + display: none; } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links { - border-color: var(--href); - background-color: var(--background-darker); +#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); +#site-navigation ul li a, +.byline a, +.entry-footer>span.tags-links, +.entry-footer>span.tags-links a, +.entry-title a, +.menu-toggle a, +.mt-author-bio, +.mt-author-website a, +.mt-related-post-title, +.mt-search-icon a, +.mt-social-menu-wrapper, +.page-title, +.posted-on time, +.site-info, +.tagcloud a:hover, +.tags-links a, +.widget-title, +a.comment-edit-link, +article.hentry .entry-footer>span, +body, +button, +h1.entry-title, +h2.entry-title a, +h3#reply-title.comment-reply-title, +hr, +input, +label, +li, +section ul li a, +select, +span.screen-reader-text, +textarea, +time, +ul#primary-menu.menu.nav-menu:after { + color: var(--text-color) !important; + font-family: var(--main-font); } + /*** Background Start ***/ -#site-navigation ul li a::after, .front-slider-block .post-info-wrap .entry-meta .posted-on a:before, .has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, .posted-on a:before { - background-color: var(--text-color); +#site-navigation ul li a::after, +.front-slider-block .post-info-wrap .entry-meta .posted-on a:before, +.has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, +.posted-on a:before { + background-color: var(--text-color); } -#site-navigation, .wp-comment-cookies-consent, div#wpadminbar.nojq, div.custom-header.no-bg-img, div.cwv3_btns, div.logo-ads-wrap, div.mt-logo-row-wrapper.mt-clearfix, div.site-branding, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, .gdrf-success, .gdrf-errors,#site-navigation ul li .sub-menu, #site-navigation ul li .children { - background-color: var(--background-darker) !important; +#site-navigation, +.wp-comment-cookies-consent, +div#wpadminbar.nojq, +div.custom-header.no-bg-img, +div.cwv3_btns, +div.logo-ads-wrap, +div.mt-logo-row-wrapper.mt-clearfix, +div.site-branding, +div.sticky-wrapper, +footer#colophon.site-footer, +nav#site-navigation.main-navigation.isActive, +.gdrf-success, +.gdrf-errors, +#site-navigation ul li .sub-menu, +#site-navigation ul li .children, +.comment-list .comment-body, +#respond, +.mt-author-box, +textarea#comment { + background-color: var(--background-darker) !important; } -#colophon .widget .widget-title:before, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, #secondary .widget .widget-title:before, #site-navigation .menu-item-description, .edit-link .post-edit-link, .features-post-title:before, .front-slider-block .lSAction > a:hover, .mt-live-link a, .mt-menu-search .mt-form-wrap .search-form .search-submit, .mt-related-post-title:before, .post-cats-list a, .reply .comment-reply-link, .top-featured-post-wrap .post-thumbnail .post-number, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_tag_cloud .tagcloud a:hover, article .post-thumbnail:before, article.sticky:before, div.mt-live-link a, input.search-submit { - background-color: var(--href); +#colophon .widget .widget-title:before, +#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, +#secondary .widget .widget-title:before, +#site-navigation .menu-item-description, +.edit-link .post-edit-link, +.features-post-title:before, +.front-slider-block .lSAction>a:hover, +.mt-live-link a, +.mt-menu-search .mt-form-wrap .search-form .search-submit, +.mt-related-post-title:before, +.post-cats-list a, +.reply .comment-reply-link, +.top-featured-post-wrap .post-thumbnail .post-number, +.widget.widget_tag_cloud a:hover, +.widget_search .search-submit, +.widget_tag_cloud .tagcloud a:hover, +article .post-thumbnail:before, +article.sticky:before, +div.mt-live-link a, +input.search-submit { + background-color: var(--href); } -#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .bttn:hover, .mt-live-link a:focus, .mt-live-link a:hover, .navigation .nav-links a:hover, .post-edit-link:hover, button, div.mt-live-link a:hover, input.search-submit:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { - color: var(--text-color); - background-color: var(--href-dark); +#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, +.bttn:hover, +.mt-live-link a:focus, +.mt-live-link a:hover, +.navigation .nav-links a:hover, +.post-edit-link:hover, +button, +div.mt-live-link a:hover, +input.search-submit:hover, +input[type=button]:hover, +input[type=reset]:hover, +input[type=submit]:hover { + color: var(--text-color); + background-color: var(--href-dark); } -div#bottom-footer, div#page.site, div#top-header.top-header-wrap.mt-clearfix { - background-color: var(--background)!important; +div#bottom-footer, +div#page.site, +div#top-header.top-header-wrap.mt-clearfix, +textarea#comment, +input#author, +input#email, +input#url { + background-color: var(--background) !important; } .category-button[class*=cbd-cat-] a { - background-color: var(--href)!important; - color: var(--text-color); - border-radius: 2px; + background-color: var(--href) !important; + color: var(--text-color); + border-radius: 2px; } .category-button[class*=cbd-cat-] a:hover { - background-color: var(--href-dark)!important; - color: inherit; - border-radius: 2px; + background-color: var(--href-dark) !important; + color: inherit; + border-radius: 2px; } + /*** Background End ***/ -#colophon, .mt-social-menu-wrapper { - border-top: 1px solid var(--href-dark); +#colophon, +.mt-social-menu-wrapper { + border-top: 1px solid var(--href-dark); } .is-sticky .mt-social-menu-wrapper { - background: var(--background-darker); - z-index: 9999; - box-shadow: none!important; + background: var(--background-darker); + z-index: 9999; + box-shadow: none !important; } p { - color: var(--text-color); - font-family: var(--main-font); - font-size: 15px; + 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); } -.entry-title, .page-title, b, strong { - color: var(--text-color); - font-weight: 600; +.entry-title, +.page-title, +b, +strong { + color: var(--text-color); + font-weight: 600; } -.mt-disclaimer-text, p em, p i { - color: var(--text-color); - font-family: var(--main-font); - font-style: italic; +.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; } -.mt-author-name a:hover, .mt-author-website a:hover, em a, h3.entry-title a:active, h3.entry-title a:hover, i a, section ul li a:hover,.pojo-skip-link:focus { - color: var(--href)!important; +.mt-author-name a:hover, +.mt-author-website a:hover, +em a, +h3.entry-title a:active, +h3.entry-title a:hover, +i a, +section ul li a:hover, +.pojo-skip-link:focus { + color: var(--href) !important; } textarea { - overflow: auto; - padding-left: 3px; - vertical-align: top; - color: var(--text-color); - background-color: var(--background-darker); - height: 160px; - max-width: 100%; - width: 100%; + overflow: auto; + padding-left: 3px; + vertical-align: top; + color: var(--text-color); + background-color: var(--background-darker); + height: 160px; + max-width: 100%; + width: 100%; } -input, input#author, input#email, input#url, input.search-field, input[type=email], input[type=password], input[type=search], input[type=text], input[type=url], p.comment-form-cookies-consent #wp-comment-cookies-consent { - color: var(--text-color)!important; - background-color: var(--background-darker); - border-bottom: none; - border: none; - border-radius: 2px; +input, +input.search-field, +input[type=email], +input[type=password], +input[type=search], +input[type=text], +input[type=url], +p.comment-form-cookies-consent #wp-comment-cookies-consent { + color: var(--text-color) !important; + background-color: var(--background-darker); + border-bottom: none; + border: none; + border-radius: 2px; } .search-no-results #primary .search-submit { - margin-top: 40px; - border: 0; - font-size: 20px; - color: var(--text-color); + 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); + 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); + 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; + 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); + 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; + 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); + 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); + font-size: 18px; + font-weight: 700; + margin-bottom: 25px; + position: relative; + padding-left: 40px; + font-family: var(--main-font); } -.btn-wrapper a, .entry-footer .mt-readmore-btn, .mt-readmore-btn { - display: inline-block; - padding: 0; - font-size: 14px; - color: var(--text-color); +.btn-wrapper a, +.entry-footer .mt-readmore-btn, +.mt-readmore-btn { + display: inline-block; + padding: 0; + font-size: 14px; + color: var(--text-color); } -.wp-block-code, code { - background-color: #343434; +.wp-block-code, +code { + background-color: #343434; } -#wpadminbar .ab-top-menu > li.hover > .ab-item, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item { - background: var(--background-darker); - color: var(--href); +#wpadminbar .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; + 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; } -#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); +#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; + content: '\f061'; + font-family: 'ForkAwesome'; + -moz-transition: none; + -webkit-transition: none; + transition: none; } -a:hover, em a:active, em a:focus, em a:hover,.pojo-skip-link:focus { - color: var(--href); +a:hover, +em a:active, +em a:focus, +em a:hover, +.pojo-skip-link:focus { + color: var(--href); } -#cancel-comment-reply-link, #cancel-comment-reply-link:before, #footer-menu li a:hover, #mt-scrollup:hover, #site-navigation ul li.current-menu-ancestor > a, #site-navigation ul li.current-menu-item > a, #site-navigation ul li.current-menu-parent > a, #site-navigation ul li.current_page_ancestor > a, #site-navigation ul li.current_page_item > a, #site-navigation ul li.focus > a, #site-navigation ul li:hover > a, #top-footer a:hover, #top-navigation ul li a:hover, .banner-sub-title, .breadcrumbs .trail-items li a:hover, .btn-wrapper a:hover, .cat-links a:hover, .color_blog_dark_latest_posts .mt-post-title a:hover, .comment-author .fn .url:hover, .commentmetadata .comment-edit-link, .entry-cat .cat-links a:hover, .entry-cat a:hover, .entry-footer .mt-readmore-btn:hover, .entry-footer a:hover, .entry-meta a:hover, .entry-title a:hover, .front-slider-block .banner-title a:hover, .front-slider-block .post-info-wrap .entry-title a:hover, .has-thumbnail .post-info-wrap .entry-title a:hover, .logged-in-as a, .menu-toggle:hover, .mt-readmore-btn:hover, .mt-search-icon:hover, .mt-social-icon-wrap li a:focus, .mt-social-icon-wrap li a:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .post-info-wrap .entry-meta a:hover, .single .mt-single-related-posts .entry-title a:hover, .widget a:hover, .widget a:hover:before, .widget li:hover:before, .wrap-label i, a, a:focus { - color: var(--href); +#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); + border-top-color: var(--href); } -.color_blog_dark_social_media a:hover, .custom-header, .error-404.not-found, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .widget.widget_tag_cloud a:hover, .widget_search .search-submit, .widget_search .search-submit:hover, .widget_tag_cloud .tagcloud a:hover { - border-color: var(--href); +.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); + outline-color: var(--href); } -.entry-footer > span.tags-links a:hover, ul.trail-items span { - 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; + 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, +.comment-list .comment-body, +#respond, +.mt-author-box { + border: none !important; + border-bottom: none !important; + border-top: none !important; + border-left: none !important; + border-right: none !important; } span.required { - color: red; + color: red; } .mt-author-box { - margin-top: 15px; + margin-top: 15px; } .mt-author-box .mt-author__avatar img { - border-radius: 50%!important; - border: 1px var(--href) solid; + border-radius: 50% !important; + border: 1px var(--href) solid; } -.mt-live-link a:focus, .mt-live-link a:hover, .search article,.pojo-skip-link:focus { - box-shadow: none; +.mt-live-link a:focus, +.mt-live-link a:hover, +.search article, +.pojo-skip-link:focus { + box-shadow: none; } .site-info { - float: unset; - text-align: center; + float: unset; + text-align: center; } .mt-copyright-text { - background-image: linear-gradient(to right, #E61D25,#F46F22,#F7924E,#E05AA3,#C34E95,#B21E6A); - -webkit-background-clip: text; - background-clip: text; - -webkit-text-fill-color: transparent; - animation: gradientR 1000s linear infinite; - @keyframes gradientR { - to { - background-position: 4500vh; -} - } + background-image: linear-gradient(to right, #E61D25, #F46F22, #F7924E, #E05AA3, #C34E95, #B21E6A); + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; + animation: gradientR 1000s linear infinite; + + @keyframes gradientR { + to { + background-position: 4500vh; + } + } } -#mt-scrollup, .mt-author__avatar, .mt-copyright-text, .nav-links, .post-thumbnail img, .site-info, .wp-block-image { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; +#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; + max-width: 100%; + width: 100% !important; } -.bttn, .navigation .nav-links a, .search-submit, .tagcloud a, .wp-block-search__button, button, input.search-submit[type=submit], input[type=button], input[type=reset], input[type=submit] { - background-color: var(--href); - border: none!important; - color: var(--text-color)!important; +.bttn, +.navigation .nav-links a, +.search-submit, +.tagcloud a, +.wp-block-search__button, +button, +input.search-submit[type=submit], +input[type=button], +input[type=reset], +input[type=submit] { + background-color: var(--href); + border: none !important; + color: var(--text-color) !important; } -.bttn, .comment-reply-link, .mt-menu-search .mt-form-wrap .search-form .search-field, .navigation .nav-links a, .page-numbers.current, .tagcloud a:hover, button, input.search-submit, input.search-submit:hover, input[type=button], input[type=reset], input[type=submit], textarea { - border-radius: 5px!important; +.bttn, +.comment-reply-link, +.mt-menu-search .mt-form-wrap .search-form .search-field, +.navigation .nav-links a, +.page-numbers.current, +.tagcloud a:hover, +button, +input.search-submit, +input.search-submit:hover, +input[type=button], +input[type=reset], +input[type=submit], +textarea { + border-radius: 5px !important; } -img,.pojo-skip-link { - border-radius: 2px; +img, +.pojo-skip-link { + border-radius: 2px; } .page-numbers.current { - background-color: var(--href-dark); - border: none!important; - color: var(--text-color)!important; + background-color: var(--href-dark); + border: none !important; + color: var(--text-color) !important; } div#cwv3_dialog.cwv3_dialog.js { - background-color: var(--background)!important; - border-color: var(--background-darker)!important; + background-color: var(--background) !important; + border-color: var(--background-darker) !important; } -.recentcomments, .widget_recent_comments li { - display: block!important; +.recentcomments, +.widget_recent_comments li { + display: block !important; } .comment-author img { - border-radius: 50%!important; - padding: none; - border: none; + border-radius: 50% !important; + padding: none; + border: none; } -.screen-reader-text:active, .screen-reader-text:focus, .screen-reader-text:hover { - background-color: var(--background)!important; - box-shadow: none!important; - color: var(--href)!important; +.screen-reader-text:active, +.screen-reader-text:focus, +.screen-reader-text:hover { + background-color: var(--background) !important; + box-shadow: none !important; + color: var(--href) !important; } @media (max-width: 979px) { - #site-navigation ul li a, .is-sticky #site-navigation ul li a { - border-bottom: 1px solid var(--href-dark); - } + + #site-navigation ul li a, + .is-sticky #site-navigation ul li a { + border-bottom: 1px solid var(--href-dark); + } } -#site-navigation ul li a.sub-toggle, #site-navigation ul li a.sub-toggle:hover { - background: var(--background) none repeat scroll 0 0; - color: var(--text-color); - border: none; -} \ No newline at end of file +#site-navigation ul li a.sub-toggle, +#site-navigation ul li a.sub-toggle:hover { + background: var(--background) none repeat scroll 0 0; + color: var(--text-color); + border: none; +} + +.search article .post-thumbnail { + border-radius: 10px; +} diff --git a/scss/_fonts.scss b/scss/_fonts.scss new file mode 100644 index 0000000..427e289 --- /dev/null +++ b/scss/_fonts.scss @@ -0,0 +1 @@ +@import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); \ No newline at end of file diff --git a/scss/debian-theme.scss b/scss/debian-theme.scss index 8e468db..0c8fe82 100644 --- a/scss/debian-theme.scss +++ b/scss/debian-theme.scss @@ -1,5 +1,5 @@ @use '_base'; -@import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); +@use '_fonts'; :root{ --text-color:#fff; --background:#333333; diff --git a/scss/default-theme.scss b/scss/default-theme.scss index 425c6a6..49af7f1 100644 --- a/scss/default-theme.scss +++ b/scss/default-theme.scss @@ -1,5 +1,5 @@ @use '_base'; -@import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); +@use '_fonts'; :root{ --text-color:#fff; --background:#383C4A; diff --git a/scss/discord-theme.scss b/scss/discord-theme.scss index e7708c1..eaab6bc 100644 --- a/scss/discord-theme.scss +++ b/scss/discord-theme.scss @@ -1,5 +1,5 @@ @use '_base'; -@import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); +@use '_fonts'; :root{ --text-color:#fff; --background:#2E3035; diff --git a/scss/jse-theme.scss b/scss/jse-theme.scss index 8ba625d..52cede1 100644 --- a/scss/jse-theme.scss +++ b/scss/jse-theme.scss @@ -1,12 +1,12 @@ @use '_base'; -@import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); +@use '_fonts'; :root { --text-color: #fff; --background: #191b19; --background-darker: #000200; --href: #19D73E; --href-dark: #21C03C; - --selector: #rgb(29,93,156); + --selector: #1d5d9c; --main-font: 'Oxygen',sans-serif; --special-font: 'Damion',handwriting; --cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAAEEfUpiAAAACXBIWXMAAAsTAAALEwEAmpwYAAAJ70lEQVRYw61XC1SUVR6/wwwvGXCcJ/OegRlLCCkVn5mFlQlnxW3P6mlz29LcTpvlo8cqGJLmA82j+UgzFBQfSWiikk/CV6ng8FAhJEHBNEFARXnNN3N/e79PBkGstT17z7kz8H33/u///h+/329Iaf2dHeTBoUkltLkJnwMghFJKeodHQPvMKGgPeFNhRWy12W08Q+A7MMbdbTsxPimnukKbi4KKhQerL9bUWywWGCtjcQVIEx6aKkbAcISwQ+DFf/YPtero2qqmZv4lpehq00WpqMfOfiALUzAs+nmQnflUkmN1sY1m4J5XvBUp2XqKPjvpHZCl6TA4xNBsFFP2vJdnAbElzkRkmQ2mDB8qe+X9++ewlwlsioVrP2z4rrHCf+BzzFxLT8DVfUFS8TWnaoEEqmM29D2T1d0MM21QHY+nj02eDtmUJPQ8nI4FRTeFhZy7/RZkaabbbDbDEhICsnIvjA4CHfFtTbt8UwgU8fk2Gz7Tk+E95yv4LvoYhtMEshfG85EUCQs2l7eU2y7bYa56Qtgd9CV/KTzbcTPgsiimMJoOumCklqf93Y1AeoeTRcCuwEBZ65TSq/yu4e2Oi643t5FHHn02rIFmqBaawToaPNzPrdk+DSevI59/d6qmUezJxkPH/mt3xNeAlT1mE6d2lzeU388EiV/HcppNybJDIAeWca86Snnv/uLxbntl7X0DnlgOK9oDUeJGqnj5H9BbrBDCarNDGr8S5PMcmCrCqf0soardE/BdA63o4tWF280SJ0UCWZbJBU78CP0GDUZPmQzhT0TAf94GkIT1MF2KhLGAQJFJoJLqOCcw9WJji0Qw4Gz3YlxRPhTZyymZ+zW7wjcg7y6F/9wPYS4LgvokgWYngeFFGZ1WfLV7QH5pauOTN/GFy8Ncz13sC5MjAMEs4Xz7GQ4T6rdKAqmmd1u1Gwd+NyNLKm5BP+FdSKNioRw1Ec+s243MemclM6546shVUbeM7Lx6twm46kfIfFLX1CIgwR8afWZ8CuUXH6OoFUf5/8tvNf9+3h8cM49foapPCTXJ5dzg9fv4fM+/Z4A+mqGLTqTJhom54MHBVBulReA0GfeWo5o39JKncM7fbPptA2zBY5LRA6CKVlN1KuvD3UFUmxdO/U7FupefreHYe/W9dW7icv9GfPqnbEVwBqHGCyMgSVwIsmgHyGcHqM+GLBqYl4zcKpzn1+2obHj4tZKL6+7aynSUzGBlm/QFJn0UD03kAJCsEkrWFMBQZXGFHUvFzWakCIVHXeKOzY66ZvGtRiz0OTLJSVIP4fFgFbQ6nQAvoQoZyO4SBGZ/SfV5IgQdFnN/PXqej8+EzjEQ8UVC1m6GaGUWjQgPh9VqFWaIXguyvQCS5ZtgKpQgOFdEQycpEbJgHTqu4movnGdzfwbJKKB91HIoNRqE9Y2EVSkHST8C/68+FUpae5DA/Jqcjs36oQsyC9+pFbW/kNX73STzHPq/ORWasX8H2ZYP8t4SGCqHwFRwr5lCH+/lXlvdeKNLMC/daZVQJ6aGVMdxZCHrRH4mrQeZPA+G4tGQMS4KPkEQyNhPanmKZ5bYRmenQPKW2PSJKvgQfctDqbkyigHIUJh/lsGQT1hnMve/ITTkySC6oPL2b5fmG0UlGFvVn4adM0N/xgs6ttnIcEC5k1DLSCkdkZWPTgeSbnH4ttZdMGpxH1d0ZRQNPW9G2CkFjLP9qEKld84oucGWnZDwtNrqegg732hx8oASZ01aDdnIcQgaFAfzP5Pw7ukKPu+JnpQ3cQ8w3ObLDS2iD1dgfHY+DtSinC161fNuxU81XgKR8+PfOx69xf/IYEanxWXkQzNIzmk3EZc4xu7qnbgec8vrcZ0xGHtv86xtYpnz6IIWFob/i0PMiO/W6raLgZvHQRVH3Ga7jYaE2GA3BFONVsH5jxmP2N2F2HXFzWQOJnvOjNlfcT865J6m+p8dYhvfHJdTAN8ouUs3XEU1gzVQP62CakoAVazypoZ0MfRpxB2QruEse5YgwVGDS3X4lu2L8NhoaOU6ZA6r8T/mDHDOa1c9LVa+MwWqKIlLscyXatJZ82z3haGgL/TlEyA/Gk8DMpfQgIzV6LUnmYoPfMBJji/Ei0V52FZ2t5YdOB0o9xYMzv6Rxxevfb/WkYeWfefxa3ObByPHv3a6BJJUb7cpm2Fr+VD0ypoD8tZ8kFkrQBZvApmfwviWgdam70F2FVGSfoqSr/Ih3bvJLS2L4bRHkjCjsBaldTjI7A3soNy7rWJBS7FR3+rs6kxnFjxUjRO672cguGK4S7JoDQP2LSDJG9FneDTenvAKhkRFobfdBqtBD5s8CKqXX2eYXQay5QRz5BTVnH0foWU+VJ1POJ+DwzDkWA7Wl7XeZgd+DNwOEA6Jvx+NDkdqWQ+3P4iZUsZQdWuSW7Qgg4pS9sMQzkSCXoeQkNAOmLYy8W0JtSGUYb86ZjyLRgnIin3wSdnMRHk0g24vanR4UfMxCey5xC3/s4aT/S0BST83gAHh+wJ73265VzP8hwDpkUmCM6cbWvbLtzC4Xp7JkfW56DtyFP40+iUolCrY7XbYbExsm4wwWhnhaJRQ8aid4WDR2gbv5WtgqhzJNJQXc4Khd44Iyl2M8ScraLBU63xmbQbqgM+Ec+qaumrzhjbOqz0Kw6eeqWKKLouKU3Io2eagujGvYt7097A4KRFJ8TOxKGEW+tlCEPjmLEYZeSxNqUyHLYP84FswlqthbAfw4GwC9XZCrbFKGqQNo/86yeMcRvLn1LVyXl0c4GVm/z0lQqEUXUNGZGkWAr5bx5GluUyEs4js/Qnkm0JGcCdBMovYs+MgC1hRvrMQkg/mQH9uDFQOKfRMz/G31+eyCDAGUSb1gEEm5yIWp+EC8DVv/+28ai/XgwqM96aRc3mi8FTCmWp3WPHzGFgzlOoLX6eB22bBL3kOvBM/gc/8TyBd9QHUh15nsnUA9MU+CGaso81jB7Op3ccYaCuh8k/8YVbIOMucNchvxY8P0F/3luRl7qrSG4ITpbXY8OLZDIy99gQ3ojwSEcVamAsksBQRgZ1NjOJN+e1/s8n/OjEdZ9qZyaOgNBFM0UG0hy68bdwPAhkJec+puSvedDSv0w+kBwbfkozqPArWPtdxtW1E+WuY2PY0jbs2gMawn0Fh50IQVqxGn0IpzCe9oeVDfYiFeqeIqmb7wfxYgNvPPoQbffAcLnLIBS75tdvzeiSpyXt3+PodoS0ZGa2IWLwVQUTUYlHL3bZ+GmqP1VBLnJLaR/ek1v5Sl0avcAYZwtyql9/DmL0O7Kh3/soOeaNTuIWD7zwqPHfOD2M+HlLfKAMy9tyiJWlXGm+tu1TPpVTdbPn6RssvP7iQWw8k8zqYTX+PjWbO1dFirv9CUv8Bzb+PkAVQR3YAAAAASUVORK5CYII="); diff --git a/scss/noctua-theme.scss b/scss/noctua-theme.scss index 8300ef5..0ca511a 100644 --- a/scss/noctua-theme.scss +++ b/scss/noctua-theme.scss @@ -1,5 +1,5 @@ @use '_base'; -@import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); +@use '_fonts'; :root{ --text-color:#fff; --background:#653024; diff --git a/scss/pink-theme.scss b/scss/pink-theme.scss index 4ffdad9..f2ee0ad 100644 --- a/scss/pink-theme.scss +++ b/scss/pink-theme.scss @@ -1,5 +1,5 @@ @use '_base'; -@import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); +@use '_fonts'; :root { --text-color: #fff; --background: #191919; diff --git a/scss/purple-theme.scss b/scss/purple-theme.scss index 8146400..8bfabf6 100644 --- a/scss/purple-theme.scss +++ b/scss/purple-theme.scss @@ -1,5 +1,5 @@ @use '_base'; -@import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); +@use '_fonts'; :root{ --text-color:#fff; --background:#2E3035; @@ -10,4 +10,4 @@ --main-font:'Oxygen',sans-serif; --special-font:'Damion',handwriting; --cursor:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAAEEfUpiAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAInpUWHRTb2Z0d2FyZQAACJlzTMlPSlXwzE1MTw1KTUypBAAvnAXUekLysgAABX9JREFUWIW1V0tsG0UY3jzUKwKJA+KAeF0RSByKEOLUCyAkTkgVKhw4VUjUXufp9SNtQl5tHO/YbRJ7xykgkEAIwQUEqBVCENSIsrt52Z7pQyVtoJCKNlXbeO0Z9I9n15vETpxUjDTa9eqf7//+f/6XFTScVyKqpXgrmySBXIrySMiqfcCIcthC0tDJEUMXEqeFxNEe+4EagKIoi/OrPNZpveB9yC/e4IZO4Mhh8QEjWjJ0wjwtGFGhJd5pP6n5+fh5Lc6vChjgF+2w3vBOwzKSJHDm22uCZ2okz4ZjCz9HQlbIr0JxN6BoqlmzElas0/oyErLatip3VejEiXZYcKq9rsDy1VsORpTFu+z6QlIASLJjPXN8i7prK2uugBAa0IRQqydw5cpNB+wHC4ai8+Wwap7ZYAVGFBBmwb0D4TlHU32npUCbgQg8AYVtuH5pZnA6Te9GQhaPd9mPgCUR1VSaXtkkCaz8uebkl26w6TSFWID9TNNA2SQJgKvgwl1PgNF93TYAHRBAfqObAODgMQCC9/7wHETQIXBtXSCMaGA6TYWrNwDohIHTMKLlbJKUIYg01VS0zSAY0cDMT385n390GYQroBkOAmA4aPL33p1VPslcUhoyMBB51UCC8h8ybLNwtwCSTRLmhm9DP2C9Fu/w/vHkRbhaezi+AAwqmmoegLuPhBrcyMRY8ZVw0ByLdlgK2Litx+stQyc8PVJY11RzHg4LR+0mkAyd8NOnLrCTo4VSWDUvuyBNM8mlKS/zEptKFNnEiaITDprXPZB6ZWYLQIryEltnmQQRyTI5JkDWmmaS8wG4GTc1LkAc9/q2BcltBRAgEH0QSDuC5DYBbADRN4HU80kuTXmJr7PMeA3AD2LopAIgDf1h6IRDHsgDmzOykkvRcrTDuhMJWVlNNbcWYIwod/g6mzhe9A6CWR9E5vlIfOG3/vDcjKaa3zX0QzZJ+KVL/0oTSMVlMhxfAM1nOedKOGg29gHeQJlAJgIIpDZzHag1SiTXBxLkKeyrvgDQ12VDLGhaqI7tPgaK3K0GIi0Y0bOGTsq5FGVHu+17kZBlbhvSXj0QTwJxse/k8QKPVTvaNztGoqGT54G2PpQXzVNTzfN93fZD0erBNje9d10nml2GTo5Iv4kmmR4tlKBJaapZjHfZj0oL2qsk/gciGNFAdpzw87N/O7fv3mU//rDC4PepE4USDAZh1VyOd9pP+4k0XWqaWVk5nS0v33IgpxfmVnkmQZiBqp0Fahx023DQ/CfWaT23hcj9eiTrErhaJQAN1ldYvBY3mSg6fV02ELkd67RedonEu+ydS959EOBul3eJZMaJc7RHEIFMf10qb2uq9u6FAK5VRo8IfIN63d87x3uDJoweb8kOIons4mqymwjIGNhAYDsiUDRgrJRl67Ak0uLWvh2DFUMWJAnPL91woCqf++U6nxwrcuyblXxX4ZHw9QtxNVOJYkWmLxB5TRJp1Zol8Klx0fn6syvM8CmrpxyeUCY3kxntE5MQKId9yB8b265MggQ+PHWB31y743DusHMz19nJkUJViXSzdDnPIconxoowr5V7Aybvfv/3g1OJovLS/u/b335zxms7bno2FZQY0QCAQ3TDMChbc9nzgl611tcsYYgCEkxa+2K1JlhtMLruOhswoiGp7B5GdF0qgkn1YYzogxjRNYxq9w2y0ynK9MG82y9hhnpMKhXBt6uFoYfqNIR1smAg+hVG9AkD/tkhug+eGNH9/h7rEoH3QfjfVCXxKzRtd++SAFUMnbbKngz9WL4TaFRthi6eB2XwrU+naCWTJM5QbN4fdO/I0lz/T8BelkvixLHFluTgkpIYWHo82mF90RswLU0109EO61m34Liu30sl/A+22oG1vp3dUAAAAABJRU5ErkJggg=="); -} +} \ No newline at end of file diff --git a/scss/retro-theme.scss b/scss/retro-theme.scss index 380a0d6..ab0827f 100644 --- a/scss/retro-theme.scss +++ b/scss/retro-theme.scss @@ -1,5 +1,5 @@ @use '_base'; -@import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); +@use '_fonts'; :root { --text-color: #fff; --background: #282828; diff --git a/scss/ubuntu-theme.scss b/scss/ubuntu-theme.scss index 27375b6..ae49377 100644 --- a/scss/ubuntu-theme.scss +++ b/scss/ubuntu-theme.scss @@ -1,5 +1,5 @@ @use '_base'; -@import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); +@use '_fonts'; :root { --text-color: #fff; --background: #333333;