From dac51ddcbbc54c7bb186ee3178baab0afe2f598e Mon Sep 17 00:00:00 2001 From: Sophia Atkinson Date: Fri, 26 May 2023 14:49:41 -0700 Subject: [PATCH] fixed some esthetics --- default-theme.css | 46 ++++++++++++++++++++++++++++++++------------- retro-theme.css | 48 +++++++++++++++++++++++++++++++++-------------- 2 files changed, 67 insertions(+), 27 deletions(-) diff --git a/default-theme.css b/default-theme.css index 28ced9e..e87c9b3 100644 --- a/default-theme.css +++ b/default-theme.css @@ -1,5 +1,5 @@ @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"); +@import url("https://cdn.jsdelivr.net/npm/fork-awesome/css/fork-awesome.min.css"); :root{ --text-color:#fff; --background:#383C4A; @@ -16,12 +16,12 @@ 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 { + 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 { color: var(--text-color) !important; font-family: var(--main-font); } -.posted-on a::before{ - background-color: var(--text-color); + .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); @@ -80,17 +80,15 @@ ul#primary-menu.menu.nav-menu ::after, span.screen-reader-text,li,label,hr,h3#re font-family: var(--main-font); font-style: italic; } -em a, i a{ - color: var(--href); + em a, i a{ + color: var(--href); } - textarea { overflow: auto; padding-left: 3px; vertical-align: top; color: var(--text-color); background-color: var(--background-darker); - border: 1px solid var(--text-color); height: 160px; max-width: 100%; width: 100%; @@ -98,6 +96,7 @@ em a, i a{ input,input#author,input#email,input#url,input.search-field { color: var(--text-color); background-color: var(--background-darker); + border-bottom: none; } .search-no-results #primary .search-submit { margin-top: 40px; @@ -188,10 +187,17 @@ em a, i a{ 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; } +#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,#mt-scrollup: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{ + .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{ color:var(--href); } #site-navigation ul li[class*="cbd-cat-"] .menu-item-description:after{ @@ -203,9 +209,23 @@ em a, i a{ .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,.entry-footer>span.tags-links a:hover{ + color:var(--href)!important; } -ul.trail-items span:hover{ - color:var(--href-dark)!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; +} \ No newline at end of file diff --git a/retro-theme.css b/retro-theme.css index 8e773b3..a3652b3 100644 --- a/retro-theme.css +++ b/retro-theme.css @@ -1,6 +1,6 @@ @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{ +@import url("https://cdn.jsdelivr.net/npm/fork-awesome/css/fork-awesome.min.css"); +:root{ --text-color:#FFB000; --background:#282828; --background-darker:#242424; @@ -16,12 +16,12 @@ 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 { + 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 { color: var(--text-color) !important; font-family: var(--main-font); } -.posted-on a::before{ - background-color: var(--text-color); + .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); @@ -80,17 +80,15 @@ ul#primary-menu.menu.nav-menu ::after, span.screen-reader-text,li,label,hr,h3#re font-family: var(--main-font); font-style: italic; } -em a, i a{ - color: var(--href); + em a, i a{ + color: var(--href); } - textarea { overflow: auto; padding-left: 3px; vertical-align: top; color: var(--text-color); background-color: var(--background-darker); - border: 1px solid var(--text-color); height: 160px; max-width: 100%; width: 100%; @@ -98,6 +96,7 @@ em a, i a{ input,input#author,input#email,input#url,input.search-field { color: var(--text-color); background-color: var(--background-darker); + border-bottom: none; } .search-no-results #primary .search-submit { margin-top: 40px; @@ -188,10 +187,17 @@ em a, i a{ 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; } +#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,#mt-scrollup: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{ + .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{ color:var(--href); } #site-navigation ul li[class*="cbd-cat-"] .menu-item-description:after{ @@ -203,9 +209,23 @@ em a, i a{ .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,.entry-footer>span.tags-links a:hover{ + color:var(--href)!important; } -ul.trail-items span:hover{ - color:var(--href-dark)!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; +} \ No newline at end of file