Files
Avery-BlogCSS/css/trans-theme.css
2025-05-20 23:56:33 -07:00

743 lines
18 KiB
CSS

@import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400");
@import url("https://cdn.jsdelivr.net/npm/fork-awesome/css/fork-awesome.min.css");
/* Flickering animation */
@keyframes flicker {
0%, 18%, 22%, 25%, 53%, 57%, 100% {
text-shadow: 0 0 4px var(--href-dark), 0 0 11px var(--href-dark), 0 0 19px var(--href-dark), 0 0 40px var(--href), 0 0 80px var(--href), 0 0 150px var(--href);
}
20%, 24%, 55% {
text-shadow: none;
}
}
@keyframes slide {
to {
background-position: 4500vh;
}
}
#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,
div#wpadminbar.nojq,
#wpadminbar .screen-reader-shortcut {
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;
}
.customize-partial-edit-shortcut button,
.widget .customize-partial-edit-shortcut button {
background-color: var(--href) !important;
}
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
#wpadminbar .quicklinks .menupop ul li a:focus,
#wpadminbar .quicklinks .menupop ul li a:focus strong,
#wpadminbar .quicklinks .menupop ul li a:hover,
#wpadminbar .quicklinks .menupop ul li a:hover strong,
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:focus,
#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:hover,
#wpadminbar li #adminbarsearch.adminbar-focused:before,
#wpadminbar li .ab-item:focus .ab-icon:before,
#wpadminbar li .ab-item:focus:before,
#wpadminbar li a:focus .ab-icon:before,
#wpadminbar li.hover .ab-icon:before,
#wpadminbar li.hover .ab-item:before,
#wpadminbar li:hover #adminbarsearch:before,
#wpadminbar li:hover .ab-icon:before,
#wpadminbar li:hover .ab-item:before,
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label,
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
#wpadminbar > #wp-toolbar li.hover span.ab-label,
#wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus a,
#wpadminbar .quicklinks .menupop .ab-sub-secondary > li > a:hover,
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
#wpadminbar .quicklinks li a:focus .blavatar,
#wpadminbar .quicklinks li a:hover .blavatar,
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
color: var(--href);
}
.ab-sub-wrapper {
background-color: var(--background) !important;
}
#wpadminbar #wp-admin-bar-my-account.with-avatar > .ab-empty-item img,
#wpadminbar #wp-admin-bar-my-account.with-avatar > a img {
border: none !important;
background: var(--background-darker) !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,
.sad-author-bio,
.sad-author-website a,
.sad-related-post-title,
.sad-search-icon a,
.sad-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,
.widget {
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.custom-header.no-bg-img,
div.logo-ads-wrap,
div.sad-logo-row-wrapper.sad-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,
.sad-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,
.sad-live-link a,
.sad-menu-search .sad-form-wrap .search-form .search-submit,
.sad-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.sad-live-link a,
input.search-submit,
.mejs-controls .mejs-time-rail .mejs-time-current {
background-color: var(--href);
}
.bttn:hover,
.sad-live-link a:focus,
.sad-live-link a:hover,
.navigation .nav-links a:hover,
.post-edit-link:hover,
button,
div.sad-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.sad-clearfix,
textarea#comment,
input#author,
input#email,
input#url {
background-color: var(--background) !important;
}
.category-button a {
background-color: var(--href) !important;
color: var(--text-color);
border-radius: 2px;
}
.category-button a:hover {
background-color: var(--href-dark) !important;
color: inherit;
border-radius: 2px;
}
/*** Background End ***/
#colophon,
.sad-social-menu-wrapper {
border-top: 1px solid var(--href-dark);
}
.is-sticky .sad-social-menu-wrapper {
background: var(--background-darker);
z-index: 9999;
}
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;
}
.sad-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;
}
.sad-author-name a:hover,
.sad-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,
.widget {
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);
}
.site-title {
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 {
animation: flicker 1.5s infinite alternate;
}
.site-title a:hover {
color: var(--href);
cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAApVBMVEVHcEyiI2u3OIDdlL68O4TFTJG6PoTLWprARYvETJDLXZvGUpS9PIXQaqTCRYzFS5DScajJVpfBQou/P4jGTZK5OoK/PIbMYJ7JVpfZibeyMXq5M3+xL3nGTpLOZaHWfa/PZ6LRb6fio8fipMjZg7TUdavjp8rlrM302+nScKjcjrrhnsTOYp/fmsLnstDpudTux93x0uTiocbqvdfWfLDrwNnvzeD+8n76AAAAInRSTlMABBv+JaRC9HexvNgu/miG295bTJAUOPei8xUQDcnl6cv1lZn17gAAAUZJREFUOMt9k9l6gjAQRtkiKDt1aV2qzSIkEDat7/9oRQtt0IS5zUn+801mNE3bhUtPm6qZb0ahMQVsYMqjYKsEjNhEacVPyV4B6HOMICov5uJNlxMObSGE5+/Lx/taIcFRR8DyVh2XlkzCZQ8Ani9NGTmGROIK+0rrBp2C3YuEnw8Eqprbq+3MNtFAdLJZ/WxruBgKldZZdQxFWx3QXCRQ2WRpJKoEhZDRVXuusoYLKp49yuhzOpUhZ38g+TOBqiwrF8MXLv1xxoOoBSDZPGegluHov/FWTPjoOMefILHEblOGhNv4M/TG3XQK3P6d8y/wMqUzm/D+CcTiRJd8OWX9A3jhSefOv/62AgP5hDsFubcCYbBSDL9N8V1/rtqQrUsJY+RgqbZDBz4hNF6rF6yToHYytYE2KUJ9AjDcYr6a3PIAyAR/AMLKNmkZIijbAAAAAElFTkSuQmCC"), default !important;
}
.single .sad-author-box .sad-author-info .sad-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 .sad-readmore-btn,
.sad-readmore-btn {
display: inline-block;
padding: 0;
font-size: 14px;
color: var(--text-color);
}
.wp-block-code,
code,
pre {
color: #c5cae9 !important;
background-color: #141414;
word-wrap: break-word;
padding: 3px;
}
#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);
}
#sad-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,
#sad-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 .sad-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 .sad-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,
.sad-readmore-btn:hover,
.sad-search-icon:hover,
.sad-social-icon-wrap li a:focus,
.sad-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 .sad-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);
}
.sad-menu-search .sad-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;
}
.sad-menu-search .sad-form-wrap .search-form .search-submit:hover,
.tagcloud a:hover,
.wp-block-search__button:hover {
border-radius: 0;
background-color: var(--href-dark) !important;
}
.sad-menu-search .sad-form-wrap .search-form .search-field,
textarea,
.comment-list .comment-body,
#respond,
.sad-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;
}
.sad-author-box {
margin-top: 15px;
}
.sad-author-box .sad-author__avatar img {
border-radius: 50% !important;
border: 1px var(--href) solid;
}
.sad-live-link a:focus,
.sad-live-link a:hover,
.search article {
box-shadow: none;
}
.site-info {
float: unset;
text-align: center;
}
.sad-copyright-text {
background-image: linear-gradient(to right, #5BCEFA, #F5A9B8, #FFFFFF);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
animation: slide 1000s linear infinite;
}
#sad-scrollup,
.sad-author__avatar,
.sad-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,
.sad-menu-search .sad-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,
.sad-author-box,
#respond,
.wp-block-code,
code,
.censor,
p.no-comments {
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);
}
.no-comments {
text-align: center;
background: var(--background-darker);
font-size: large;
padding: 20px;
margin-bottom: 20px;
font-weight: bold;
}
article.sticky::before {
content: "\f08d";
font-family: ForkAwesome;
position: absolute;
left: 20px;
top: 20px;
display: block;
width: 30px;
height: 30px;
background: var(--href);
color: #fff;
font-size: 15px;
line-height: 30px;
border-radius: 2px !important;
z-index: 99;
text-align: center;
}
.wp-lightbox-overlay .scrim {
background-color: var(--background) !important;
opacity: 2;
}
.wp-lightbox-overlay .close-button {
fill: var(--text-color) !important;
}
.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body {
background: var(--background) !important;
}
:root {
--text-color:#fff;
--background:#2E3035;
--background-darker:#1E1F22;
--href:#F5A9B8;
--href-dark:#5BCEFA;
--selector: #565091;
--main-font:"Oxygen",sans-serif;
--special-font:"Damion",handwriting;
--cursor:url("data:image/webp;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAtFBMVEVHcEzUd6y1MXzLXJvKXpuoJ3C1NX2+QIe/QYjVfK/Tc6mlKGzCRYzGV5bBRozHVZa8PIXOY6DHUJTHUZTGTJHBQ4rLWprJVpe7PYTNY5/LXpy9P4fQbKXJV5jETJDQbKXRcqi7O4TWgLGzNn2zNXzio8fjpsngncTipMjfmcHiosfhoMXkqMrTcqndkr3cjrrRbabQaKPaiLfYgrPtxNvx0uTmrs7otdLqvNby1+b13+vntNEHEWuBAAAAJXRSTlMA/hL3zQwWTkf+9wNynY+lIPuN05dc1ew74b806sO9z9gs7ksvWce/TgAAAWxJREFUOMt9kulygkAQhDmiAoIcAgreSZad5VQEo/L+75U1Wsii2ani13x0b023ILRjOe5c4MwwjJrtggOMxPO1cTiAp6KqMngKKpzOXECE6IcHKCLAyRxzAA0gNTkKcw1QFOqOMhYG/wAIxXZy/tSd0LGEQddsvFAsYbFECKtVXdlpfQqNjWE99/rM9he7JQKyT6JGbOrrMbmkRquxm2V5YX4v4xuAyB6nVQH1ZSO17rJIkuDrDvxBqVqk1XbYxjTN8kidBBQQ7wDKCog2LSBMDiXk6yBBMUaIZHcAf0jPK8vHOJFluqATk/gFGE5FHIkPAAH9cswA1COPCvsBPCAGoB4IZxh1hwFuHqjsA91IJgf6qoQDUA923QforQgweyArJnV6K1YAcrZdCs2DkQDVY+oyWB+OMePgW71K0sy7Eprer5zeMYFYdV+KSXtFCYoAANFc6V3x13ZJMMlLbeW9L7bkmX7gr9xR5/dfaoZCeyWBvo0AAAAASUVORK5CYII=");
}