BlogCSS/css/noctua-theme.css
2023-09-14 00:45:00 -07:00

682 lines
17 KiB
CSS

@import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400");
@import url("https://cdn.satki.net/static/fonts/OpenDyslexic2-Alt-A/opendyslexic.min.css");
#slb_viewer_wrap .slb_theme_slb_black a,
#slb_viewer_wrap .slb_theme_slb_black a:hover,
#slb_viewer_wrap .slb_theme_slb_black .slb_data_title,
#slb_viewer_wrap .slb_theme_slb_black .slb_data_desc,
#slb_viewer_wrap .slb_theme_slb_black .slb_group_status,
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active {
color: var(--text-color) !important;
}
#slb_viewer_wrap .slb_theme_slb_black .slb_container,
div#cwv3_dialog.cwv3_dialog.js {
background-color: var(--background) !important;
}
div#cwv3_dialog.cwv3_dialog.js,
div.cwv3_btns,
.gdrf-success,
.gdrf-errors {
border-color: var(--background-darker) !important;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active {
background-color: var(--href-dark);
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
background-color: var(--href);
}
#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-skip-link {
border-radius: 2px;
}
.pojo-skip-link:focus {
box-shadow: none;
}
.pojo-skip-link:focus {
color: var(--href) !important;
}
body.pojo-a11y-dyslexia-font, body.pojo-a11y-dyslexia-font :not(i):not(span) {
font-family: OpenDyslexic2 Alt !important;
}
::-moz-selection {
background-color: var(--selector);
}
::selection {
background-color: var(--selector);
}
::-webkit-scrollbar,
.comment-form-url {
display: none;
}
#site-navigation ul li a,
.byline a,
.entry-footer > span.tags-links,
.entry-footer > span.tags-links a,
.entry-title a,
.menu-toggle a,
.mt-author-bio,
.mt-author-website a,
.mt-related-post-title,
.mt-search-icon a,
.mt-social-menu-wrapper,
.page-title,
.posted-on time,
.site-info,
.tagcloud a:hover,
.tags-links a,
.widget-title,
a.comment-edit-link,
article.hentry .entry-footer > span,
body,
button,
h1.entry-title,
h2.entry-title a,
h3#reply-title.comment-reply-title,
hr,
input,
label,
li,
section ul li a,
select,
span.screen-reader-text,
textarea,
time,
ul#primary-menu.menu.nav-menu:after {
color: var(--text-color) !important;
font-family: var(--main-font);
}
/*** Background Start ***/
#site-navigation ul li a::after,
.front-slider-block .post-info-wrap .entry-meta .posted-on a:before,
.has-thumbnail .post-info-wrap .entry-meta .posted-on a:before,
.posted-on a:before {
background-color: var(--text-color);
}
#site-navigation,
.wp-comment-cookies-consent,
div#wpadminbar.nojq,
div.custom-header.no-bg-img,
div.logo-ads-wrap,
div.mt-logo-row-wrapper.mt-clearfix,
div.site-branding,
div.sticky-wrapper,
footer#colophon.site-footer,
nav#site-navigation.main-navigation.isActive,
#site-navigation 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,
#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);
}
.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,
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;
}
.category-button[class*=cbd-cat-] a:hover {
background-color: var(--href-dark) !important;
color: inherit;
border-radius: 2px;
}
/*** Background End ***/
#colophon,
.mt-social-menu-wrapper {
border-top: 1px solid var(--href-dark);
}
.is-sticky .mt-social-menu-wrapper {
background: var(--background-darker);
z-index: 9999;
box-shadow: none !important;
}
p {
color: var(--text-color);
font-family: var(--main-font);
font-size: 15px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-weight: 400;
line-height: 1.5;
margin-bottom: 15px;
font-family: var(--main-font);
color: var(--text-color);
}
.entry-title,
.page-title,
b,
strong {
color: var(--text-color);
font-weight: 600;
}
.mt-disclaimer-text,
p em,
p i {
color: var(--text-color);
font-family: var(--main-font);
font-style: italic;
}
p em a,
p i a {
color: #f5a9b8;
font-family: var(--main-font);
font-style: italic;
}
p em a:hover,
p i a:hover {
color: #c48793;
font-family: var(--main-font);
font-style: italic;
}
.mt-author-name a:hover,
.mt-author-website a:hover,
em a,
h3.entry-title a:active,
h3.entry-title a:hover,
i a,
section ul li a:hover {
color: var(--href) !important;
}
textarea {
overflow: auto;
padding-left: 3px;
vertical-align: top;
color: var(--text-color);
background-color: var(--background-darker);
height: 160px;
max-width: 100%;
width: 100%;
}
input,
input.search-field,
input[type=email],
input[type=password],
input[type=search],
input[type=text],
input[type=url],
p.comment-form-cookies-consent #wp-comment-cookies-consent {
color: var(--text-color) !important;
background-color: var(--background-darker);
border-bottom: none;
border: none;
border-radius: 2px;
}
.search-no-results #primary .search-submit {
margin-top: 40px;
border: 0;
font-size: 20px;
color: var(--text-color);
}
body {
font-weight: 400;
overflow: hidden;
position: relative;
line-height: 1.8;
background: var(--background);
}
* {
cursor: var(--cursor), default !important;
}
.site-title {
margin: 0;
font-family: var(--special-font);
line-height: 1.5;
font-weight: 1;
color: var(--text-color);
text-shadow: 0 0 3px var(--href-dark), 0 0 10px var(--href), 0 0 20px var(--href), 0 0 30px var(--href);
}
.site-title a:hover {
color: var(--href);
cursor: url("data:image/webp;base64,UklGRkgDAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSHEBAAABkENtm2k738ze58ROKlSubNROdavYSW/bto3KrFLatm0be2a+rzjs0kbEBACxRb4GZlPz0R2QZxoAogwbx9amsEhH1KNd2VxDzo9pBCC2yN4gUL9e3E/B2Di2Ft0lf2xQOaBcu2Ez125ZdUYhePVGCtmrXVOQHo9Y/lrZgyi3sR3SrYfOXrN/ArYp8U6ZPnEu8aJI6cBNZY5HN4oMzgVmShIlR0n+X/haC4PlSZGicpOiC6TTIaCjSBWX9OoLVHyrUKygDzUAHJcvkpx2wqL8K4UiMag7ItT+KxZLfxvAoPp3kcUKrWFhr8gXh9S/OjARFigRixL0MA1YNPinIBZGJVqJCIgwVQlF5kcq6F9DWGTukvckmQcp7zUcEQAYYI3kHElREkmGRJoJg6wGKLkliYnzPgTvkiB9HoA8jUWqx5EvyvfN4pqweQARgBpdxm4+evnWrYuHF5ZUASIUGBlkRqmUBYDIoHBjY4usUWTw/wwAVlA4ILABAAAQCQCdASogACAAPl0kjkWjoiEb9AA4BcS2AE6ZjZEIwGeq/sBlpO8l+TlbEvIVvoHEC3gagHRwY/B2xe6y9F3KJmUjAchCd03m3WTJKM9lNj4A/v8r8P/Xx1meVrJSUMxTcc9AZUbxa7RBza8/X22RkP/ZT/WPJvC/31XXNWdX4IQcymLxSHwk/AOQot/Vy51SPpLByvi2Nw/WnY//Vvw5/K7sTv6L7lhx/paRR3x7/+tT8U7rqW3wZ27YUH+0pH8BfxU3qX+XPAYKa6+B7G4rKTErNTD8yHKRmzxi2SPCI+D3qFvHklOO5NEXQtwKgi/wwBymnoBsApVtopJHEfLWHvHs/Eu4wS6evuaq8pp+kHsTtkQg1Me+n5+IeVXrNyMhb46InSX+nR1VuVapmbHqeZ6IHBGivUs802afX4E4iF+92dw02gf5u/ohS9TFeaQxq5IRp7wmrHCYX+FN3B93Ku8jhEuLfGC7g5E85Eyxf5EGte35Fh7f69epPL/rnhnOP3JhPlxCEaAK0kD3Khpl3U+zmQunDE3bYwA+bicyd0CPQ4vqv92TaZ1G/TQAAAA="), default !important;
}
.single .mt-author-box .mt-author-info .mt-author-name a {
font-family: var(--special-font);
color: var(--text-color);
}
.error-num {
margin: 0;
font-family: var(--special-font);
line-height: 1.5;
font-weight: 1;
}
.site-description {
margin: 0;
font-size: 15px;
font-family: var(--main-font);
line-height: 1.5;
font-weight: 1;
color: var(--text-color);
}
.features-post-title {
font-size: 18px;
font-weight: 700;
margin-bottom: 25px;
position: relative;
padding-left: 40px;
font-family: var(--main-font);
}
.btn-wrapper a,
.entry-footer .mt-readmore-btn,
.mt-readmore-btn {
display: inline-block;
padding: 0;
font-size: 14px;
color: var(--text-color);
}
.wp-block-code,
code,
pre {
background-color: #343434;
}
#wpadminbar .ab-top-menu > li.hover > .ab-item,
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item {
background: var(--background-darker);
color: var(--href);
}
#wpadminbar .quicklinks a span#ab-updates {
background: var(--background-darker);
color: #2c3338;
display: inline;
padding: 2px 5px;
font-size: 10px;
font-weight: 600;
border-radius: 10px;
}
#wpadminbar .menupop .ab-sub-wrapper,
#wpadminbar .shortlink-input {
margin: 0;
padding: 0;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
background: var(--background-darker);
display: none;
position: absolute;
float: none;
}
#cancel-comment-reply-link:before,
#site-navigation li.menu-item-has-children > a:before,
#site-navigation li.page_item_has_children > a:before,
.edit-link .post-edit-link:before,
.nav-links .nav-next a:after,
.nav-links .nav-previous a:before,
.widget_archive a:before,
.widget_categories a:before,
.widget_meta a:before,
.widget_nav_menu li a:before,
.widget_pages li a:before,
.widget_recent_comments li:before,
.widget_recent_entries a:before,
.widget_rss li:before,
.wp-block-archives li a:before,
.wp-block-categories li a:before,
.wp-block-latest-comments li:before,
.wp-block-latest-posts li a:before,
.wp-block-page-list li a:before,
blockquote:after,
blockquote:before,
li.recentcomments:before,
q:after,
q:before {
font-family: ForkAwesome !important;
color: var(--text-color);
}
#mt-scrollup:before {
content: "\f061";
font-family: "ForkAwesome";
transition: none;
}
a:hover,
em a:active,
em a:focus,
em a:hover {
color: var(--href);
}
#cancel-comment-reply-link,
#cancel-comment-reply-link:before,
#footer-menu li a:hover,
#mt-scrollup:hover,
#site-navigation ul li.current-menu-ancestor > a,
#site-navigation ul li.current-menu-item > a,
#site-navigation ul li.current-menu-parent > a,
#site-navigation ul li.current_page_ancestor > a,
#site-navigation ul li.current_page_item > a,
#site-navigation ul li.focus > a,
#site-navigation ul li:hover > a,
#top-footer a:hover,
#top-navigation ul li a:hover,
.banner-sub-title,
.breadcrumbs .trail-items li a:hover,
.btn-wrapper a:hover,
.cat-links a:hover,
.color_blog_dark_latest_posts .mt-post-title a:hover,
.comment-author .fn .url:hover,
.commentmetadata .comment-edit-link,
.entry-cat .cat-links a:hover,
.entry-cat a:hover,
.entry-footer .mt-readmore-btn:hover,
.entry-footer a:hover,
.entry-meta a:hover,
.entry-title a:hover,
.front-slider-block .banner-title a:hover,
.front-slider-block .post-info-wrap .entry-title a:hover,
.has-thumbnail .post-info-wrap .entry-title a:hover,
.logged-in-as a,
.menu-toggle:hover,
.mt-readmore-btn:hover,
.mt-search-icon:hover,
.mt-social-icon-wrap li a:focus,
.mt-social-icon-wrap li a:hover,
.navigation.pagination .nav-links .page-numbers.current,
.navigation.pagination .nav-links a.page-numbers:hover,
.post-info-wrap .entry-meta a:hover,
.single .mt-single-related-posts .entry-title a:hover,
.widget a:hover,
.widget a:hover:before,
.widget li:hover:before,
.wrap-label i,
a,
a:focus {
color: var(--href);
}
#site-navigation ul li[class*=cbd-cat-] .menu-item-description:after {
border-top-color: var(--href);
}
.color_blog_dark_social_media a:hover,
.custom-header,
.error-404.not-found,
.navigation.pagination .nav-links .page-numbers.current,
.navigation.pagination .nav-links a.page-numbers:hover,
.widget.widget_tag_cloud a:hover,
.widget_search .search-submit,
.widget_search .search-submit:hover,
.widget_tag_cloud .tagcloud a:hover {
border-color: var(--href);
}
.mt-menu-search .mt-form-wrap .search-form .search-field:focus {
outline-color: var(--href);
}
.entry-footer > span.tags-links a:hover,
ul.trail-items span {
color: var(--href) !important;
}
ul.trail-items span:hover {
color: var(--href-dark) !important;
}
.mt-menu-search .mt-form-wrap .search-form .search-submit:hover,
.tagcloud a:hover,
.wp-block-search__button:hover {
border-radius: 0;
background-color: var(--href-dark) !important;
}
.mt-menu-search .mt-form-wrap .search-form .search-field,
textarea,
.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;
}
.mt-author-box {
margin-top: 15px;
}
.mt-author-box .mt-author__avatar img {
border-radius: 50% !important;
border: 1px var(--href) solid;
}
.mt-live-link a:focus,
.mt-live-link a:hover,
.search article {
box-shadow: none;
}
.site-info {
float: unset;
text-align: center;
}
.mt-copyright-text {
background-image: linear-gradient(to right, #E61D25, #F46F22, #F7924E, #E05AA3, #C34E95, #B21E6A);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
animation: gradientR 1000s linear infinite;
}
@keyframes gradientR {
to {
background-position: 4500vh;
}
}
#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;
}
video {
max-width: 100%;
width: 100% !important;
}
.bttn,
.navigation .nav-links a,
.search-submit,
.tagcloud a,
.wp-block-search__button,
button,
input.search-submit[type=submit],
input[type=button],
input[type=reset],
input[type=submit] {
background-color: var(--href);
border: none !important;
color: var(--text-color) !important;
}
.bttn,
.comment-reply-link,
.mt-menu-search .mt-form-wrap .search-form .search-field,
.navigation .nav-links a,
.page-numbers.current,
.tagcloud a:hover,
button,
input.search-submit,
input.search-submit:hover,
input[type=button],
input[type=reset],
input[type=submit],
textarea {
border-radius: 5px !important;
}
img,
.mt-author-box,
#respond,
.wp-block-code,
code {
border-radius: 2px;
}
.page-numbers.current {
background-color: var(--href-dark);
border: none !important;
color: var(--text-color) !important;
}
.recentcomments,
.widget_recent_comments li {
display: block !important;
}
.comment-author img {
border-radius: 50% !important;
padding: none;
border: none;
}
.screen-reader-text:active,
.screen-reader-text:focus,
.screen-reader-text:hover {
background-color: var(--background) !important;
box-shadow: none !important;
color: var(--href) !important;
}
@media (max-width: 979px) {
#site-navigation ul li a,
.is-sticky #site-navigation ul li a {
border-bottom: 1px solid var(--href-dark);
}
}
#site-navigation ul li a.sub-toggle,
#site-navigation ul li a.sub-toggle:hover {
background: var(--background) none repeat scroll 0 0;
color: var(--text-color);
border: none;
}
.search article .post-thumbnail {
border-radius: 10px;
}
.invert img {
filter: invert(1);
}
:root {
--text-color:#fff;
--background:#653024;
--background-darker:#5a2b20;
--href:#e7ceb5;
--href-dark:#b8a490;
--selector: #454FBF;
--main-font:"Oxygen",sans-serif;
--special-font:"Damion",handwriting;
--cursor:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAYAAADhXXHAAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAABHNJREFUWIXtmF1MHFUYhp9lh5+FDpQthNJoJNSIVLetbdTExAvTNosBbU3QtEklWNRQ0WiaeGMIiYleqEHb2FYoarkwJBpCY7gAvMKabpOCu7TlR0uhlFbs1gLyu9AFPi9mp1l+yswuXeIFb3KyM+e85zvvfHn3O2fGIiIfAM8ROuaAP4CTwO1AXxRwENgDxIYRMxv4AfhsqUGLiKhAI+EJBrgFPAPcAL4DbEAFMBFGrCygHbi01KBFRABWKvgLoBo4BbwD7ALSQpi/DfgEOLccSQn8jgE5hC94J+ABNqEJrgF6Q5ifCIwYkZSg6zHgRbSnezKEhQBigGhgCngJLVPJJuZlAV+iPaAhlAX32cCj5jUugg84C/wK/GvAjQZeBdKBElPRRURvsSLypwRwuaOjV8zjNxEpEJEBEUkLimnUokTEJSJOM/yoIN2FwGMArxcWNhcVFf0VYlYBagFvCPw54G3gUzPkYBsUA7S0tFxpaGraNHD9egaAz+fz2Ww2m8nFh83rvId24A7wNNCyHFHP7MPAdoA3i4sHj5WXj8TExMQAbNuxo/10dfWyQR4A6oBcQ1bAD/kiIj6fz5dkt/fPzMzMiIjMzs7O2FR1yqaqd09VVZ034dmPQ/BrcHtKRJrMenYzQFtbW1/axo0DVqvVCuD1egfRts3o948c2dna2nolQpm9AWQakXTPJgP09vWNpaenT+uD8fHxcUHcaEVRgv+Q98MW4AVgHeAAvgJ+N5gzCMQZcO5lNgogNjbWOjs7a9EHk5KSEhVFuanflx89elNExOPxXL1PvNeA02hJGAYsgWYEAfzGLM0Pn4uIdHZ1XXsoI8MTbMZX8vObbaoqektISrpjU1X/NxUVwR7WPdslInFh+rY3lDrL41lZj4yNjtqHh4dH9b5vKyu3WhXlln4/Nze3AVAampqmWYx6tC03Ipgn1mKxWHKczt6PSks9ep/dbk++4HJN2e32iwHO+L69e5vP1NY+f7CgoPlkRcX5oBC+SAkF5ttARGRoaGh4fUpKT0dn57WF9Wl8YmLc7/f7RUTcbne3TVUnbarqLy0r+36FpcuUDRaJFRH5ub7esz41tdvtdncvFCwics7l6lyXnPx3kJdXWmdNiV146gLg5by87T/V1Fze5XTGOxyOs+8ePpywOTMzsbunZ+TrEyd8brf7WbRj4apiSbEAe3bvdgz0909VVlV5jx0/Pnnb651LTUmZPrB/v/JeScmlNw4d2oLFEr+aYpe0gRk0NDZejE9MHF9NG5jZkZZEjtO59ceaml5EJoO6zWwAYSNssQB5ubmOutraq1arVS9ZHxI4Z0QCKxILWoYvuFx6dn9BO5REBLpYwzfL5ZCdnb0hcNkG3A0jRAKw1I44D7rYOmAmjEUeBCxAGXDGiKiXri7gAHCc0D5OLEQ+2huyWUQBTwCtwFtGZP2LjA4F7VU8IYQFQfvmMAhkhDgPoB/4xwxxodj/NVZcDVYTa2IjhTWxkcKa2EhhTWyksCY2UlgTGyn8B1Q3DVSkGDKKAAAAAElFTkSuQmCC");
}