updated styles

This commit is contained in:
2023-08-16 13:45:13 -07:00
parent 4827b20c8b
commit 3de768ade3
10 changed files with 2736 additions and 576 deletions

View File

@ -7,35 +7,114 @@
display: none;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links {
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay,
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links {
border-color: var(--href);
background-color: var(--background-darker);
}
ul#primary-menu.menu.nav-menu :after, span.screen-reader-text, li, label, hr, h3#reply-title.comment-reply-title, .tags-links a, .posted-on time, .byline a, time, a.comment-edit-link, .entry-footer > span.tags-links a, .entry-footer > span.tags-links, h2.entry-title a, .site-info, body, button, input, select, textarea, article.hentry .entry-footer > span, .mt-social-menu-wrapper, .mt-related-post-title, .widget-title, .page-title, h1.entry-title, .entry-title a, .mt-author-website a, section ul li a, .mt-author-bio, .menu-toggle a, .mt-search-icon a, #site-navigation ul li a, .tagcloud a:hover {
#site-navigation ul li a,
.byline a,
.entry-footer > span.tags-links,
.entry-footer > span.tags-links a,
.entry-title a,
.menu-toggle a,
.mt-author-bio,
.mt-author-website a,
.mt-related-post-title,
.mt-search-icon a,
.mt-social-menu-wrapper,
.page-title,
.posted-on time,
.site-info,
.tagcloud a:hover,
.tags-links a,
.widget-title,
a.comment-edit-link,
article.hentry .entry-footer > span,
body,
button,
h1.entry-title,
h2.entry-title a,
h3#reply-title.comment-reply-title,
hr,
input,
label,
li,
section ul li a,
select,
span.screen-reader-text,
textarea,
time,
ul#primary-menu.menu.nav-menu:after {
color: var(--text-color) !important;
font-family: var(--main-font);
}
/*** Background Start ***/
.has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, .front-slider-block .post-info-wrap .entry-meta .posted-on a:before, .posted-on a:before, #site-navigation ul li a::after {
#site-navigation ul li a::after,
.front-slider-block .post-info-wrap .entry-meta .posted-on a:before,
.has-thumbnail .post-info-wrap .entry-meta .posted-on a:before,
.posted-on a:before {
background-color: var(--text-color);
}
.wp-comment-cookies-consent, div.site-branding, div.logo-ads-wrap, div#wpadminbar.nojq, div.sticky-wrapper, footer#colophon.site-footer, nav#site-navigation.main-navigation.isActive, div.mt-logo-row-wrapper.mt-clearfix, div.custom-header.no-bg-img, #site-navigation, div.cwv3_btns {
#site-navigation,
.wp-comment-cookies-consent,
div#wpadminbar.nojq,
div.custom-header.no-bg-img,
div.cwv3_btns,
div.logo-ads-wrap,
div.mt-logo-row-wrapper.mt-clearfix,
div.site-branding,
div.sticky-wrapper,
footer#colophon.site-footer,
nav#site-navigation.main-navigation.isActive {
background-color: var(--background-darker) !important;
}
div.mt-live-link a, input.search-submit, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a, .front-slider-block .lSAction > a:hover, .top-featured-post-wrap .post-thumbnail .post-number, .post-cats-list a, #site-navigation .menu-item-description, article .post-thumbnail:before, #secondary .widget .widget-title:before, .mt-related-post-title:before, #colophon .widget .widget-title:before, .features-post-title:before, .mt-menu-search .mt-form-wrap .search-form .search-submit, .mt-live-link a, .widget_tag_cloud .tagcloud a:hover, .widget.widget_tag_cloud a:hover, .edit-link .post-edit-link, .reply .comment-reply-link, .widget_search .search-submit, article.sticky:before {
#colophon .widget .widget-title:before,
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a,
#secondary .widget .widget-title:before,
#site-navigation .menu-item-description,
.edit-link .post-edit-link,
.features-post-title:before,
.front-slider-block .lSAction > a:hover,
.mt-live-link a,
.mt-menu-search .mt-form-wrap .search-form .search-submit,
.mt-related-post-title:before,
.post-cats-list a,
.reply .comment-reply-link,
.top-featured-post-wrap .post-thumbnail .post-number,
.widget.widget_tag_cloud a:hover,
.widget_search .search-submit,
.widget_tag_cloud .tagcloud a:hover,
article .post-thumbnail:before,
article.sticky:before,
div.mt-live-link a,
input.search-submit {
background-color: var(--href);
}
.mt-live-link a:hover, .mt-live-link a:focus, div.mt-live-link a:hover, input.search-submit:hover, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active, .navigation .nav-links a:hover, .bttn:hover, button, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .post-edit-link:hover {
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active,
.bttn:hover,
.mt-live-link a:focus,
.mt-live-link a:hover,
.navigation .nav-links a:hover,
.post-edit-link:hover,
button,
div.mt-live-link a:hover,
input.search-submit:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
color: var(--text-color);
background-color: var(--href-dark);
}
div#top-header.top-header-wrap.mt-clearfix, div#page.site, div#bottom-footer {
div#bottom-footer,
div#page.site,
div#top-header.top-header-wrap.mt-clearfix {
background-color: var(--background) !important;
}
@ -52,14 +131,15 @@ div#top-header.top-header-wrap.mt-clearfix, div#page.site, div#bottom-footer {
}
/*** Background End ***/
#colophon,
.mt-social-menu-wrapper {
border-top: 1px solid rgba(255, 255, 255, 0.2);
border-top: 1px solid var(--href-dark);
}
.is-sticky .mt-social-menu-wrapper {
background: var(--background-darker);
z-index: 9999;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
box-shadow: none !important;
}
p {
@ -68,7 +148,12 @@ p {
font-size: 15px;
}
h1, h2, h3, h4, h5, h6 {
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-weight: 400;
line-height: 1.5;
@ -77,30 +162,43 @@ h1, h2, h3, h4, h5, h6 {
color: var(--text-color);
}
strong, b, .entry-title, .page-title {
.entry-title,
.page-title,
b,
strong {
color: var(--text-color);
font-weight: 600;
}
p em, p i, .mt-disclaimer-text {
.mt-disclaimer-text,
p em,
p i {
color: var(--text-color);
font-family: var(--main-font);
font-style: italic;
}
p em a, p i a {
p em a,
p i a {
color: #f5a9b8;
font-family: var(--main-font);
font-style: italic;
}
p em a:hover, p i a:hover {
p em a:hover,
p i a:hover {
color: #c48793;
font-family: var(--main-font);
font-style: italic;
}
em a, i a, h3.entry-title a:hover, h3.entry-title a:active, .mt-author-website a:hover, .mt-author-name a:hover, section ul li a:hover {
.mt-author-name a:hover,
.mt-author-website a:hover,
em a,
h3.entry-title a:active,
h3.entry-title a:hover,
i a,
section ul li a:hover {
color: var(--href) !important;
}
@ -115,7 +213,17 @@ textarea {
width: 100%;
}
input, input#author, input#email, input#url, input.search-field, input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], p.comment-form-cookies-consent #wp-comment-cookies-consent {
input,
input#author,
input#email,
input#url,
input.search-field,
input[type=email],
input[type=password],
input[type=search],
input[type=text],
input[type=url],
p.comment-form-cookies-consent #wp-comment-cookies-consent {
color: var(--text-color);
background-color: var(--background-darker);
border-bottom: none;
@ -186,18 +294,24 @@ body {
font-family: var(--main-font);
}
.entry-footer .mt-readmore-btn, .btn-wrapper a, .mt-readmore-btn {
.btn-wrapper a,
.entry-footer .mt-readmore-btn,
.mt-readmore-btn {
display: inline-block;
padding: 0;
font-size: 14px;
color: var(--text-color);
}
code, .wp-block-code {
.wp-block-code,
code {
background-color: #343434;
}
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item, #wpadminbar .ab-top-menu > li.hover > .ab-item {
#wpadminbar .ab-top-menu > li.hover > .ab-item,
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item {
background: var(--background-darker);
color: var(--href);
}
@ -212,7 +326,8 @@ code, .wp-block-code {
border-radius: 10px;
}
#wpadminbar .menupop .ab-sub-wrapper, #wpadminbar .shortlink-input {
#wpadminbar .menupop .ab-sub-wrapper,
#wpadminbar .shortlink-input {
margin: 0;
padding: 0;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
@ -222,7 +337,30 @@ code, .wp-block-code {
float: none;
}
li.recentcomments:before, blockquote:before, q:before, blockquote:after, q:after, .edit-link .post-edit-link:before, .nav-links .nav-previous a:before, .nav-links .nav-next a:after, #cancel-comment-reply-link:before, .widget_archive a:before, .widget_categories a:before, .widget_recent_entries a:before, .widget_meta a:before, .widget_recent_comments li:before, .widget_rss li:before, .widget_pages li a:before, .widget_nav_menu li a:before, .wp-block-latest-posts li a:before, .wp-block-archives li a:before, .wp-block-categories li a:before, .wp-block-page-list li a:before, .wp-block-latest-comments li:before, #site-navigation li.menu-item-has-children > a:before, #site-navigation li.page_item_has_children > a:before {
#cancel-comment-reply-link:before,
#site-navigation li.menu-item-has-children > a:before,
#site-navigation li.page_item_has_children > a:before,
.edit-link .post-edit-link:before,
.nav-links .nav-next a:after,
.nav-links .nav-previous a:before,
.widget_archive a:before,
.widget_categories a:before,
.widget_meta a:before,
.widget_nav_menu li a:before,
.widget_pages li a:before,
.widget_recent_comments li:before,
.widget_recent_entries a:before,
.widget_rss li:before,
.wp-block-archives li a:before,
.wp-block-categories li a:before,
.wp-block-latest-comments li:before,
.wp-block-latest-posts li a:before,
.wp-block-page-list li a:before,
blockquote:after,
blockquote:before,
li.recentcomments:before,
q:after,
q:before {
font-family: ForkAwesome !important;
color: var(--text-color);
}
@ -235,11 +373,58 @@ li.recentcomments:before, blockquote:before, q:before, blockquote:after, q:after
transition: none;
}
em a:active, em a:focus, em a:hover, a:hover {
a:hover,
em a:active,
em a:focus,
em a:hover {
color: var(--href);
}
#mt-scrollup:hover, .entry-cat .cat-links a:hover, .entry-cat a:hover, .entry-footer a:hover, .comment-author .fn .url:hover, .commentmetadata .comment-edit-link, #cancel-comment-reply-link, #cancel-comment-reply-link:before, .logged-in-as a, .widget a:hover, .widget a:hover:before, .widget li:hover:before, .mt-social-icon-wrap li a:hover, .mt-social-icon-wrap li a:focus, #site-navigation ul li:hover > a, #site-navigation ul li.current-menu-item > a, #site-navigation ul li.current_page_ancestor > a, #site-navigation ul li.current-menu-ancestor > a, #site-navigation ul li.current_page_item > a, #site-navigation ul li.current-menu-parent > a, #site-navigation ul li.focus > a, .banner-sub-title, .entry-title a:hover, .cat-links a:hover, .entry-footer .mt-readmore-btn:hover, .btn-wrapper a:hover, .mt-readmore-btn:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, #footer-menu li a:hover, .color_blog_dark_latest_posts .mt-post-title a:hover, .menu-toggle:hover, #top-navigation ul li a:hover, .mt-search-icon:hover, .entry-meta a:hover, .front-slider-block .banner-title a:hover, .post-info-wrap .entry-meta a:hover, .single .mt-single-related-posts .entry-title a:hover, .breadcrumbs .trail-items li a:hover, .wrap-label i, .has-thumbnail .post-info-wrap .entry-title a:hover, .front-slider-block .post-info-wrap .entry-title a:hover, #top-footer a:hover, a, a:focus {
#cancel-comment-reply-link,
#cancel-comment-reply-link:before,
#footer-menu li a:hover,
#mt-scrollup:hover,
#site-navigation ul li.current-menu-ancestor > a,
#site-navigation ul li.current-menu-item > a,
#site-navigation ul li.current-menu-parent > a,
#site-navigation ul li.current_page_ancestor > a,
#site-navigation ul li.current_page_item > a,
#site-navigation ul li.focus > a,
#site-navigation ul li:hover > a,
#top-footer a:hover,
#top-navigation ul li a:hover,
.banner-sub-title,
.breadcrumbs .trail-items li a:hover,
.btn-wrapper a:hover,
.cat-links a:hover,
.color_blog_dark_latest_posts .mt-post-title a:hover,
.comment-author .fn .url:hover,
.commentmetadata .comment-edit-link,
.entry-cat .cat-links a:hover,
.entry-cat a:hover,
.entry-footer .mt-readmore-btn:hover,
.entry-footer a:hover,
.entry-meta a:hover,
.entry-title a:hover,
.front-slider-block .banner-title a:hover,
.front-slider-block .post-info-wrap .entry-title a:hover,
.has-thumbnail .post-info-wrap .entry-title a:hover,
.logged-in-as a,
.menu-toggle:hover,
.mt-readmore-btn:hover,
.mt-search-icon:hover,
.mt-social-icon-wrap li a:focus,
.mt-social-icon-wrap li a:hover,
.navigation.pagination .nav-links .page-numbers.current,
.navigation.pagination .nav-links a.page-numbers:hover,
.post-info-wrap .entry-meta a:hover,
.single .mt-single-related-posts .entry-title a:hover,
.widget a:hover,
.widget a:hover:before,
.widget li:hover:before,
.wrap-label i,
a,
a:focus {
color: var(--href);
}
@ -247,7 +432,15 @@ em a:active, em a:focus, em a:hover, a:hover {
border-top-color: var(--href);
}
.widget_search .search-submit, .widget_search .search-submit:hover, .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a.page-numbers:hover, .error-404.not-found, .color_blog_dark_social_media a:hover, .custom-header, .widget_tag_cloud .tagcloud a:hover, .widget.widget_tag_cloud a:hover {
.color_blog_dark_social_media a:hover,
.custom-header,
.error-404.not-found,
.navigation.pagination .nav-links .page-numbers.current,
.navigation.pagination .nav-links a.page-numbers:hover,
.widget.widget_tag_cloud a:hover,
.widget_search .search-submit,
.widget_search .search-submit:hover,
.widget_tag_cloud .tagcloud a:hover {
border-color: var(--href);
}
@ -255,7 +448,8 @@ em a:active, em a:focus, em a:hover, a:hover {
outline-color: var(--href);
}
ul.trail-items span, .entry-footer > span.tags-links a:hover {
.entry-footer > span.tags-links a:hover,
ul.trail-items span {
color: var(--href) !important;
}
@ -263,12 +457,15 @@ ul.trail-items span:hover {
color: var(--href-dark) !important;
}
.mt-menu-search .mt-form-wrap .search-form .search-submit:hover, .tagcloud a:hover, .wp-block-search__button:hover {
.mt-menu-search .mt-form-wrap .search-form .search-submit:hover,
.tagcloud a:hover,
.wp-block-search__button:hover {
border-radius: 0;
background-color: var(--href-dark) !important;
}
.mt-menu-search .mt-form-wrap .search-form .search-field, textarea {
.mt-menu-search .mt-form-wrap .search-form .search-field,
textarea {
border: none !important;
border-bottom: none !important;
border-top: none !important;
@ -289,7 +486,9 @@ span.required {
border: 1px var(--href) solid;
}
.search article, .mt-live-link a:hover, .mt-live-link a:focus {
.mt-live-link a:focus,
.mt-live-link a:hover,
.search article {
box-shadow: none;
}
@ -303,36 +502,59 @@ span.required {
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: gradientR 1000s linear infinite;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.site-info, .post-thumbnail img, .mt-author__avatar, .wp-block-image, #mt-scrollup, .nav-links {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@keyframes gradientR {
to {
background-position: 4500vh;
}
}
#mt-scrollup,
.mt-author__avatar,
.mt-copyright-text,
.nav-links,
.post-thumbnail img,
.site-info,
.wp-block-image {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
video {
max-width: 100%;
width: 100% !important;
}
.tagcloud a, .search-submit, input.search-submit[type=submit], .wp-block-search__button, .navigation .nav-links a, .bttn, button, input[type=button], input[type=reset], input[type=submit] {
.bttn,
.navigation .nav-links a,
.search-submit,
.tagcloud a,
.wp-block-search__button,
button,
input.search-submit[type=submit],
input[type=button],
input[type=reset],
input[type=submit] {
background-color: var(--href);
border: none !important;
color: #fff !important;
}
.tagcloud a:hover, input.search-submit, input.search-submit:hover, .navigation .nav-links a, .bttn, button, input[type=button], input[type=reset], input[type=submit], .mt-menu-search .mt-form-wrap .search-form .search-field, .page-numbers.current, textarea, .comment-reply-link {
.bttn,
.comment-reply-link,
.mt-menu-search .mt-form-wrap .search-form .search-field,
.navigation .nav-links a,
.page-numbers.current,
.tagcloud a:hover,
button,
input.search-submit,
input.search-submit:hover,
input[type=button],
input[type=reset],
input[type=submit],
textarea {
border-radius: 5px !important;
}
@ -351,7 +573,8 @@ div#cwv3_dialog.cwv3_dialog.js {
border-color: var(--background-darker) !important;
}
.widget_recent_comments li, .recentcomments {
.recentcomments,
.widget_recent_comments li {
display: block !important;
}
@ -361,6 +584,20 @@ div#cwv3_dialog.cwv3_dialog.js {
border: none;
}
.screen-reader-text:active,
.screen-reader-text:focus,
.screen-reader-text:hover {
background-color: var(--background) !important;
box-shadow: none !important;
color: var(--href) !important;
}
@media (max-width: 979px) {
#site-navigation ul li a,
.is-sticky #site-navigation ul li a {
border-bottom: 1px solid var(--href-dark);
}
}
:root {
--text-color: #fff;
--background: #191919;