BlogCSS/ubuntu-theme.css

352 lines
15 KiB
CSS

@import url("https://fonts.bunny.net/css?family=damion:400|dotgothic16:400|source-code-pro:300|oxygen:400");
:root {
--text-color: #fff;
--background: #333333;
--background-darker: #262626;
--href: #ED764D;
--href-dark: #E95420;
--main-font: 'Oxygen',sans-serif;
--special-font: 'Damion',handwriting;
--cursor: url("data:image/png;base64,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");
}
::-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
***/
.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 {
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;
}
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: 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);
}
.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;
}
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,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 {
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, .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;
}
span.required {
color: red;
}
.mt-author-box {
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;
}
}
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,.page-numbers.current{
border-radius: 2px;
}
.page-numbers.current{
background-color: var(--href-dark);
border: none!important;
color:#fff!important;
}