BlogCSS/css/ubuntu-theme.css

389 lines
17 KiB
CSS

@import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400");
::selection {
background-color: var(--selector);
}
::-webkit-scrollbar, .comment-form-url {
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);
}
#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.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, .gdrf-success, .gdrf-errors, #site-navigation ul li .sub-menu, #site-navigation ul li .children {
background-color: var(--background-darker) !important;
}
#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);
}
#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#bottom-footer, div#page.site, div#top-header.top-header-wrap.mt-clearfix {
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, .pojo-skip-link:focus {
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=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 {
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";
-moz-transition: none;
-webkit-transition: none;
transition: none;
}
a:hover, em a:active, em a:focus, em a:hover, .pojo-skip-link:focus {
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 {
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, .pojo-skip-link: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;
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;
-ms-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, .pojo-skip-link {
border-radius: 2px;
}
.page-numbers.current {
background-color: var(--href-dark);
border: none !important;
color: var(--text-color) !important;
}
div#cwv3_dialog.cwv3_dialog.js {
background-color: var(--background) !important;
border-color: var(--background-darker) !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;
}
:root {
--text-color: #fff;
--background: #333333;
--background-darker: #262626;
--href: #ED764D;
--href-dark: #E95420;
--selector: #454FBF;
--main-font: "Oxygen",sans-serif;
--special-font: "Damion",handwriting;
--cursor: url("data:image/png;base64,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");
}