BlogCSS/retro-theme.css

262 lines
13 KiB
CSS

@import url("https://fonts.bunny.net/css?family=damion:400|dotgothic16:400|source-code-pro:300|oxygen:400");
@import url("https://cdn.jsdelivr.net/npm/fork-awesome/css/fork-awesome.min.css");
:root{
--text-color:#FFB000;
--background:#282828;
--background-darker:#242424;
--href:#00FF66;
--href-dark:#33FF00;
--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");
}
::-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-author-name,.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{
color: var(--text-color) !important;
font-family: var(--main-font);
}
.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 {
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,.mt-menu-search .mt-form-wrap .search-form .search-submit:hover,article.sticky::before{
background-color: var(--href);
}
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 {
background-color: var(--href-dark);
}
.mt-live-link a:hover,.mt-live-link a:focus {
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);
}
.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, 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: normal;
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 {
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;
}
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: 0px;
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);
}
.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;
}
#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;
}
.category-button[class*="cbd-cat-"] a{
background-color: var(--href)!important;
}
.category-button[class*="cbd-cat-"] a:hover{
background-color: var(--href-dark)!important;
}
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);
}
#mt-scrollup::before {
content: '\f061';
font-family: 'ForkAwesome';
-moz-transition: none;
-webkit-transition: none;
transition: none;
}
em a:active,em a:focus, em a:hover {
color: var(--href-dark);
}
.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, .site-title a:hover{
color:var(--href);
}
#site-navigation ul li[class*="cbd-cat-"] .menu-item-description:after{
border-top-color:var(--href);
}
.widget_search .search-submit,.widget_search .search-submit:hover,.navigation.pagination .nav-links .page-numbers.current,.navigation.pagination .nav-links a.page-numbers:hover,.error-404.not-found,.color_blog_dark_social_media a:hover,.custom-header,.widget_tag_cloud .tagcloud a:hover,.widget.widget_tag_cloud a:hover{
border-color:var(--href);
}
.mt-menu-search .mt-form-wrap .search-form .search-field:focus{
outline-color:var(--href);
}
ul.trail-items span,.entry-footer>span.tags-links a:hover{
color:var(--href)!important;
}
ul.trail-items span:hover{
color:var(--href-dark)!important;
}
.mt-menu-search .mt-form-wrap .search-form .search-submit:hover {
border-radius: 0px;
background-color: var(--href-dark);
}
.mt-menu-search .mt-form-wrap .search-form .search-field,textarea {
border: none!important;
border-bottom: none!important;
border-top: none!important;
border-left: none!important;
border-right: none!important;
}
span.required{
color:#ff0000;
}
.mt-author-box{
margin-top: 15px;
}
.navigation .nav-links a,
.bttn,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
color: var(--text-color)!important;
border: 1px solid var(--text-color)!important;
}
.navigation .nav-links a:hover,
.bttn:hover,
button,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
color: #cccccc!important;
border-color: #cccccc!important;
}
.mt-author-box .mt-author__avatar img{
border-radius: 50%;
}
.search article, .mt-live-link a:hover,.mt-live-link a:focus{
box-shadow: none;
}
.search article img,article .single-thumb-title-wrapper, article .post-thumbnail{
border-radius: 10px;
}