diff --git a/default-theme.css b/default-theme.css index 4b4b509..36e5449 100644 --- a/default-theme.css +++ b/default-theme.css @@ -1,5 +1,4 @@ @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:#fff; --background:#383C4A; @@ -276,7 +275,12 @@ span.required{ -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 transpride { to { background-position: 4500vh; diff --git a/discord-theme.css b/discord-theme.css index c706921..409e233 100644 --- a/discord-theme.css +++ b/discord-theme.css @@ -1,5 +1,4 @@ @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:#fff; --background:#2E3035; @@ -276,7 +275,12 @@ span.required{ -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 transpride { to { background-position: 4500vh; diff --git a/noctua-theme.css b/noctua-theme.css index 11d6272..339598e 100644 --- a/noctua-theme.css +++ b/noctua-theme.css @@ -1,5 +1,4 @@ @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:#e7ceb5; --background:#653024; @@ -276,7 +275,12 @@ span.required{ -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 transpride { to { background-position: 4500vh; diff --git a/pink-theme.css b/pink-theme.css index b314ba8..26cdbf8 100644 --- a/pink-theme.css +++ b/pink-theme.css @@ -1,5 +1,4 @@ @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:#fff; --background:#121212; @@ -276,7 +275,12 @@ span.required{ -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 transpride { to { background-position: 4500vh; diff --git a/retro-theme.css b/retro-theme.css index d95e373..85b0772 100644 --- a/retro-theme.css +++ b/retro-theme.css @@ -1,5 +1,4 @@ @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:#fff; --background:#282828; @@ -276,7 +275,12 @@ span.required{ -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 transpride { to { background-position: 4500vh; diff --git a/ubuntu-theme.css b/ubuntu-theme.css new file mode 100644 index 0000000..dedb643 --- /dev/null +++ b/ubuntu-theme.css @@ -0,0 +1,288 @@ +@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{ + 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{ + 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); +} +.category-button[class*=cbd-cat-] a{ + background-color:var(--href)!important; + color: var(--text-color); +} +.category-button[class*=cbd-cat-] a:hover{ + background-color:var(--href-dark)!important; + color: inherit; +} +/*** +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-dark); +} +#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{ + border-radius:0; + 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:red; +} + .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%; + 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, #5BCEFA,#F5A9B8,#fff); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + animation: transpride 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 transpride { + to { + background-position: 4500vh; + } + } \ No newline at end of file diff --git a/white-theme.css b/white-theme.css index d567d4d..2eeca0b 100644 --- a/white-theme.css +++ b/white-theme.css @@ -1,5 +1,4 @@ @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:#000; --background:#fff; @@ -276,7 +275,12 @@ span.required{ -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 transpride { to { background-position: 4500vh;