BlogCSS/default-theme.css

289 lines
14 KiB
CSS
Raw Normal View History

2023-05-24 01:25:41 -07:00
@import url("https://fonts.bunny.net/css?family=damion:400|dotgothic16:400|source-code-pro:300|oxygen:400");
2023-07-22 23:56:21 -07:00
:root{
--text-color:#fff;
--background:#383C4A;
--background-darker:#2E323E;
--href:#7289DA;
--href-dark:#4E5D94;
--main-font:'Oxygen',sans-serif;
--special-font:'Damion',handwriting;
--cursor:url("data:image/webp;base64,UklGRngDAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSIEBAAABoHNt22nbHdAz57eObRudT2tWPqe2bdu2WjNOeiddSttOSs/5zecOFmZETICqVm6+8+qrL11a1F8KiRqvaCvVf3s8UgqNJE00ifj/LEJxo6NCfYnU/W0irprDtzOlpI5Ug5/9gogN2DiD41JaK+gKRGyq2sSCR1JaQ5uLPGJT08YZz0pJtYlQYOo2zrivmk+RYRo0zjiiUOVjCtOwsZmh8L/PSsFEfuyqRNLLRMo0GY+VSjpCbpdhR+YpSGOgFEzkk1ZKpFeJuARMxm4FaT7R5bjg67aS9BY5LgE7Z6lCqnHYdgkQeUVS0FUy7BJs/h4qJWr+Ljl2GZFlkoKG/UnEbggyzkhSRXOgwC7j4v8UtAoK7Eacs72KUm2AiF2XsT22mlKthYhdy6bIcf8aSrUAcuxqNgVwS3UGTf+NDPw/m8gve3sn9aii4V+RGRubHCar0Yq6vQq5bZzx0WiFpAEF6VCEPM8zfp2goMZTafizEeDFVgoqNUjD9j313LaKgqoDAFZQOCDQAQAAkAkAnQEqIAAgAD5tKJFFpCIhmAwGAEAGxLYAW/NAPwAqQHqAegB5XnsW/sp6Ul2d/O8WMOCgA9qaZz+txdfVW/Tdgtw0GDD3K3EJpW5vvqx1oH8cAAD+51nIAAr3PTg8Tf3hFNZ+EzJ//BMyrWeoZ3OSvzBEHD9EY74RWPQPG/+W9ptQ7TPCo3IhnJ3j4sfu9GQRpNqfk0Fljw103/0yJ/+eCTMQhssw7HOSudmbTwwG9y/iG7y5IQ5ah7JO9p+tGDxKH86NyCSr/dmRLTQPrCBtWKmo+9SYzeLzVxsv/CDJPH26BxH2OZ58HAo2NOOQ7QCEWQUvlRLjfbjfURzu4jHGdt9sG8vs90HxHn3Mzf8SQ/95BxTmka11B6cRk342guuVaV+J29SX557TZwskvZE/Rg0i7crn9lZszxnzBnP3KBQwgQCYO5YNA2toe3NKKCwrCAk0stuCMDaxc9xrxp3S5irJ+Sq6kZbv/f+vsHD3cusfYcen/PpPsU3yMGKtO+BdHtZcBcQYl4D9qTOv1LaiNJtdqH9rFMFSqub4AjjCRgoBRJXa2ozZxzQVl8b+0/EGDh61OfW3uUQywis65Xe4M54tVmYKG0q2z5YAAAA=");
}
::-webkit-scrollbar{
display:none;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay,#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links{
border-color:var(--href);
background-color:var(--background-darker);
}
ul#primary-menu.menu.nav-menu :after,span.screen-reader-text,li,label,hr,h3#reply-title.comment-reply-title,.tags-links a,.posted-on time,.byline a,time,a.comment-edit-link,.entry-footer>span.tags-links a,.entry-footer>span.tags-links,h2.entry-title a,.site-info,body,button,input,select,textarea,article.hentry .entry-footer>span,.mt-social-menu-wrapper,.mt-related-post-title,.widget-title,.page-title,h1.entry-title,.entry-title a,.mt-author-website a,section ul li a,.mt-author-bio, .menu-toggle a,.mt-search-icon a,#site-navigation ul li a, .tagcloud a:hover{
color:var(--text-color) !important;
font-family:var(--main-font);
}
/*** Background Start ***/
2023-06-25 04:48:53 -07:00
.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{
2023-07-22 23:56:21 -07:00
background-color:var(--text-color);
}
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{
background-color:var(--background-darker);
}
div.mt-live-link a,input.search-submit,#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a,.front-slider-block .lSAction>a:hover,.top-featured-post-wrap .post-thumbnail .post-number,.post-cats-list a,#site-navigation .menu-item-description,article .post-thumbnail:before,#secondary .widget .widget-title:before,.mt-related-post-title:before,#colophon .widget .widget-title:before,.features-post-title:before,.mt-menu-search .mt-form-wrap .search-form .search-submit,.mt-live-link a,.widget_tag_cloud .tagcloud a:hover,.widget.widget_tag_cloud a:hover,.edit-link .post-edit-link,.reply .comment-reply-link,.widget_search .search-submit,article.sticky:before{
background-color:var(--href);
}
.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 {
color:var(--text-color);
background-color:var(--href-dark);
}
div#top-header.top-header-wrap.mt-clearfix,div#page.site,div#bottom-footer{
background-color:var(--background)!important;
}
.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 ***/
.mt-social-menu-wrapper{
border-top:1px solid #ffffff33;
}
.is-sticky .mt-social-menu-wrapper{
background:var(--background-darker);
z-index:9999;
box-shadow:0 0 10px rgba(0,0,0,.2);
}
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);
}
strong,b,.entry-title,.page-title{
color:var(--text-color);
font-weight:600;
}
p em,p i, .mt-disclaimer-text{
color:var(--text-color);
font-family:var(--main-font);
font-style:italic;
}
p em a,p i a{
color:#f5a9b8;
font-family:var(--main-font);
font-style:italic;
2023-06-22 03:31:51 -07:00
}
p em a:hover,p i a:hover{
2023-07-22 23:56:21 -07:00
color:#c48793;
font-family:var(--main-font);
font-style:italic;
}
em a,i a,h3.entry-title a:hover,h3.entry-title a:active,.mt-author-website a:hover,.mt-author-name a:hover,section ul li a:hover{
color:var(--href)!important;
}
textarea{
overflow:auto;
padding-left:3px;
vertical-align:top;
color:var(--text-color);
background-color:var(--background-darker);
height:160px;
max-width:100%;
width:100%;
}
input,input#author,input#email,input#url,input.search-field,input[type=text],input[type=email],input[type=url],input[type=password],input[type=search],p.comment-form-cookies-consent #wp-comment-cookies-consent{
color:var(--text-color);
background-color:var(--background-darker);
border-bottom:none;
border:none;
}
.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);
2023-06-22 03:31:51 -07:00
}
.site-title a:hover{
2023-07-22 23:56:21 -07:00
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);
}
.entry-footer .mt-readmore-btn,.btn-wrapper a,.mt-readmore-btn{
display:inline-block;
padding:0;
font-size:14px;
color:var(--text-color);
}
code,.wp-block-code{
background-color:#343434;
font-family:'Source Code Pro',monospace;
}
#wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus,#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus,#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item,#wpadminbar .ab-top-menu>li.hover>.ab-item{
background:var(--background-darker);
color:var(--href);
}
#wpadminbar .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;
2023-06-22 03:31:51 -07:00
}
#wpadminbar .menupop .ab-sub-wrapper,#wpadminbar .shortlink-input{
2023-07-22 23:56:21 -07:00
margin:0;
padding:0;
box-shadow:0 3px 5px #00000033;
background:var(--background-darker);
display:none;
position:absolute;
float:none;
}
li.recentcomments:before,blockquote:before,q:before,blockquote:after,q:after,.edit-link .post-edit-link:before,.nav-links .nav-previous a:before,.nav-links .nav-next a:after,#cancel-comment-reply-link:before,.widget_archive a:before,.widget_categories a:before,.widget_recent_entries a:before,.widget_meta a:before,.widget_recent_comments li:before,.widget_rss li:before,.widget_pages li a:before,.widget_nav_menu li a:before,.wp-block-latest-posts li a:before,.wp-block-archives li a:before,.wp-block-categories li a:before,.wp-block-page-list li a:before,.wp-block-latest-comments li:before,#site-navigation li.menu-item-has-children>a:before,#site-navigation li.page_item_has_children>a:before{
font-family:ForkAwesome!important;
color:var(--text-color);
2023-06-22 03:31:51 -07:00
}
#mt-scrollup:before{
2023-07-22 23:56:21 -07:00
content:'\f061';
font-family:'ForkAwesome';
-moz-transition:none;
-webkit-transition:none;
transition:none;
2023-06-22 03:31:51 -07:00
}
2023-07-22 23:56:21 -07:00
em a:active,em a:focus,em a:hover,a:hover{
color:var(--href);
2023-06-22 03:31:51 -07:00
}
2023-07-22 23:56:21 -07:00
#mt-scrollup:hover, .entry-cat .cat-links a:hover,.entry-cat a:hover,.entry-footer a:hover,.comment-author .fn .url:hover,.commentmetadata .comment-edit-link,#cancel-comment-reply-link,#cancel-comment-reply-link:before,.logged-in-as a,.widget a:hover,.widget a:hover:before,.widget li:hover:before,.mt-social-icon-wrap li a:hover,.mt-social-icon-wrap li a:focus,#site-navigation ul li:hover>a,#site-navigation ul li.current-menu-item>a,#site-navigation ul li.current_page_ancestor>a,#site-navigation ul li.current-menu-ancestor>a,#site-navigation ul li.current_page_item>a,#site-navigation ul li.current-menu-parent>a,#site-navigation ul li.focus>a,.banner-sub-title,.entry-title a:hover,.cat-links a:hover,.entry-footer .mt-readmore-btn:hover,.btn-wrapper a:hover,.mt-readmore-btn:hover,.navigation.pagination .nav-links .page-numbers.current,.navigation.pagination .nav-links a.page-numbers:hover,#footer-menu li a:hover,.color_blog_dark_latest_posts .mt-post-title a:hover,.menu-toggle:hover,#top-navigation ul li a:hover,.mt-search-icon:hover,.entry-meta a:hover,.front-slider-block .banner-title a:hover,.post-info-wrap .entry-meta a:hover,.single .mt-single-related-posts .entry-title a:hover,.breadcrumbs .trail-items li a:hover,.wrap-label i,.has-thumbnail .post-info-wrap .entry-title a:hover,.front-slider-block .post-info-wrap .entry-title a:hover,#top-footer a:hover,a,a:focus{
color:var(--href);
2023-06-22 03:31:51 -07:00
}
#site-navigation ul li[class*=cbd-cat-] .menu-item-description:after{
2023-07-22 23:56:21 -07:00
border-top-color:var(--href);
2023-06-22 03:31:51 -07:00
}
2023-07-22 23:56:21 -07:00
.widget_search .search-submit,.widget_search .search-submit:hover,.navigation.pagination .nav-links .page-numbers.current,.navigation.pagination .nav-links a.page-numbers:hover,.error-404.not-found,.color_blog_dark_social_media a:hover,.custom-header,.widget_tag_cloud .tagcloud a:hover,.widget.widget_tag_cloud a:hover{
border-color:var(--href);
2023-06-22 03:31:51 -07:00
}
2023-07-22 23:56:21 -07:00
.mt-menu-search .mt-form-wrap .search-form .search-field:focus{
outline-color:var(--href);
2023-06-22 03:31:51 -07:00
}
2023-07-22 23:56:21 -07:00
ul.trail-items span,.entry-footer>span.tags-links a:hover{
color:var(--href)!important;
2023-06-22 03:31:51 -07:00
}
2023-07-22 23:56:21 -07:00
ul.trail-items span:hover{
color:var(--href-dark)!important;
2023-06-22 03:31:51 -07:00
}
2023-07-22 23:56:21 -07:00
.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;
2023-06-22 03:31:51 -07:00
}
2023-07-22 23:56:21 -07:00
.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;
2023-06-22 03:31:51 -07:00
}
2023-07-22 23:56:21 -07:00
span.required{
color:red;
2023-06-22 03:31:51 -07:00
}
.mt-author-box{
2023-07-22 23:56:21 -07:00
margin-top:15px;
}
.mt-author-box .mt-author__avatar img{
border-radius:50%;
border:1px var(--href) solid;
}
.search article,.mt-live-link a:hover,.mt-live-link a:focus{
box-shadow:none;
}
.site-info{
float:unset;
text-align:center;
}
.mt-copyright-text {
background-image: linear-gradient(to right, #E61D25,#F46F22,#F7924E,#E05AA3,#C34E95,#B21E6A);
-webkit-background-clip: text;
-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{
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@keyframes gradientR {
to {
background-position: 4500vh;
2023-06-22 03:31:51 -07:00
}
2023-07-22 23:56:21 -07:00
}
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]{
background-color: var(--href);
border: none!important;
color:#fff!important;
}
.tagcloud a:hover, input.search-submit,input.search-submit:hover, img,.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{
border-radius: 2px;
}