diff --git a/default-theme.css b/default-theme.css index e8b7852..9b8acfd 100644 --- a/default-theme.css +++ b/default-theme.css @@ -53,11 +53,25 @@ line-height: 1.5; margin-bottom: 15px; color: var(--text-color); - font-weight: 700; } strong, b { color: var(--text-color); font-weight: 600; +} + 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; } textarea { overflow: auto; @@ -65,7 +79,7 @@ vertical-align: top; color: var(--text-color); background-color: var(--background-darker); - border: 1px solid #fff; + border: 1px solid var(--text-color); height: 160px; max-width: 100%; width: 100%; @@ -95,7 +109,7 @@ line-height: 1.5; font-weight: 1; font-size: px; - color: #fff; + color: var(--text-color); /* almost white */ text-shadow: 0 0 3px var(--href-dark), 0 0 10px var(--href), 0 0 20px var(--href), 0 0 30px var(--href); } @@ -164,173 +178,7 @@ 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; } - e,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; + em a:active,em a:focus, em a:hover { + color: var(--href-dark); } - @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; - --background-darker:#2E323E; - --href:#7289DA; - --href-dark:#4E5D94; - --main-font: 'Oxygen', sans-serif; - --special-font: 'Damion', handwriting; -} - ::-webkit-scrollbar{ - display:none -} - 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 { - color: var(--text-color) !important; - font-family: var(--main-font); -} - 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 { - background-color: var(--background-darker); -} - div.mt-live-link a,input.search-submit{ - background-color: var(--href); -} - div.mt-live-link a:hover,input.search-submit:hover { - background-color: var(--href-dark); -} - .mt-live-link a:hover,.mt-live-link a:focus { - color: var(--text-color); - background-color: var(--href-dark); - box-shadow: none; -} - div#top-header.top-header-wrap.mt-clearfix,div#page.site,div#bottom-footer{ - background-color: var(--background); -} - .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, 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: normal; - font-family: var(--main-font); - line-height: 1.5; - margin-bottom: 15px; - color: var(--text-color); - font-weight: 700; -} - strong, b { - color: var(--text-color); - font-weight: 600; -} - textarea { - overflow: auto; - padding-left: 3px; - vertical-align: top; - color: var(--text-color); - background-color: var(--background-darker); - border: 1px solid #fff; - height: 160px; - max-width: 100%; - width: 100%; -} - input,input#author,input#email,input#url,input.search-field { - color: var(--text-color); - background-color: var(--background-darker); -} - .search-no-results #primary .search-submit { - margin-top: 40px; - border: 0px; - font-size: 20px; - color: var(--text-color); -} - body { - font-weight: 400; - overflow: hidden; - position: relative; - font-family: var(--main-font); - line-height: 1.8; - background: var(--background); -} - .site-title { - margin: 0; - font-family: var(--special-font); - ; - line-height: 1.5; - font-weight: 1; - font-size: px; - color: #fff; - /* almost white */ - 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); -} - .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; -} - .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; -} - .category-button.cbd-cat-90 a,.category-button.cbd-cat-89 a,.category-button.cbd-cat-39 a,.category-button.cbd-cat-4 a,.category-button.cbd-cat-75 a,.category-button.cbd-cat-5 a,.category-button.cbd-cat-64 a,.category-button.cbd-cat-45 a,.category-button.cbd-cat-14 a,.category-button.cbd-cat-70 a,.category-button.cbd-cat-49 a,.category-button.cbd-cat-48 a,.category-button.cbd-cat-26 a,.category-button.cbd-cat-1 a,.category-button.cbd-cat-101 a,.category-button.cbd-cat-103 a,.category-button.cbd-cat-105 a,.category-button.cbd-cat-106 a,.category-button.cbd-cat-129 a { - background-color: var(--href)!important; -} - .category-button.cbd-cat-90 a:hover,.category-button.cbd-cat-89 a:hover,.category-button.cbd-cat-39 a:hover,.category-button.cbd-cat-4 a:hover,.category-button.cbd-cat-75 a:hover,.category-button.cbd-cat-5 a:hover,.category-button.cbd-cat-64 a:hover,.category-button.cbd-cat-45 a:hover,.category-button.cbd-cat-14 a:hover,.category-button.cbd-cat-70 a:hover,.category-button.cbd-cat-49 a:hover,.category-button.cbd-cat-48 a:hover,.category-button.cbd-cat-26 a:hover,.category-button.cbd-cat-1 a:hover,.category-button.cbd-cat-101 a:hover,.category-button.cbd-cat-103 a:hover,.category-button.cbd-cat-105 a:hover,.category-button.cbd-cat-106 a:hover,.category-button.cbd-cat-129 a:hover { - background-color: var(--href-dark)!important; -} - 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; -} - \ No newline at end of file + diff --git a/retro-theme.css b/retro-theme.css new file mode 100644 index 0000000..88b7679 --- /dev/null +++ b/retro-theme.css @@ -0,0 +1,183 @@ +@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:#FFB000; + --background:#282828; + --background-darker:#242424; + --href:#00FF66; + --href-dark:#33FF00; + --main-font: 'Oxygen', sans-serif; + --special-font: 'Damion', handwriting; +} + ::-webkit-scrollbar{ + display:none +} + 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 { + color: var(--text-color) !important; + font-family: var(--main-font); +} + 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 { + background-color: var(--background-darker); +} + div.mt-live-link a,input.search-submit{ + background-color: var(--href); +} + div.mt-live-link a:hover,input.search-submit:hover { + background-color: var(--href-dark); +} + .mt-live-link a:hover,.mt-live-link a:focus { + color: var(--text-color); + background-color: var(--href-dark); + box-shadow: none; +} + div#top-header.top-header-wrap.mt-clearfix,div#page.site,div#bottom-footer{ + background-color: var(--background); +} + .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, 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: normal; + font-family: var(--main-font); + line-height: 1.5; + margin-bottom: 15px; + color: var(--text-color); +} + strong, b { + color: var(--text-color); + font-weight: 600; +} + 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; +} + 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%; +} + input,input#author,input#email,input#url,input.search-field { + color: var(--text-color); + background-color: var(--background-darker); +} + .search-no-results #primary .search-submit { + margin-top: 40px; + border: 0px; + font-size: 20px; + color: var(--text-color); +} + body { + font-weight: 400; + overflow: hidden; + position: relative; + font-family: var(--main-font); + line-height: 1.8; + background: var(--background); +} + .site-title { + margin: 0; + font-family: var(--special-font); + ; + line-height: 1.5; + font-weight: 1; + font-size: px; + color: var(--text-color); + /* almost white */ + 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); +} + .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; +} + .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; +} + .category-button.cbd-cat-90 a,.category-button.cbd-cat-89 a,.category-button.cbd-cat-39 a,.category-button.cbd-cat-4 a,.category-button.cbd-cat-75 a,.category-button.cbd-cat-5 a,.category-button.cbd-cat-64 a,.category-button.cbd-cat-45 a,.category-button.cbd-cat-14 a,.category-button.cbd-cat-70 a,.category-button.cbd-cat-49 a,.category-button.cbd-cat-48 a,.category-button.cbd-cat-26 a,.category-button.cbd-cat-1 a,.category-button.cbd-cat-101 a,.category-button.cbd-cat-103 a,.category-button.cbd-cat-105 a,.category-button.cbd-cat-106 a,.category-button.cbd-cat-129 a { + background-color: var(--href)!important; +} + .category-button.cbd-cat-90 a:hover,.category-button.cbd-cat-89 a:hover,.category-button.cbd-cat-39 a:hover,.category-button.cbd-cat-4 a:hover,.category-button.cbd-cat-75 a:hover,.category-button.cbd-cat-5 a:hover,.category-button.cbd-cat-64 a:hover,.category-button.cbd-cat-45 a:hover,.category-button.cbd-cat-14 a:hover,.category-button.cbd-cat-70 a:hover,.category-button.cbd-cat-49 a:hover,.category-button.cbd-cat-48 a:hover,.category-button.cbd-cat-26 a:hover,.category-button.cbd-cat-1 a:hover,.category-button.cbd-cat-101 a:hover,.category-button.cbd-cat-103 a:hover,.category-button.cbd-cat-105 a:hover,.category-button.cbd-cat-106 a:hover,.category-button.cbd-cat-129 a:hover { + background-color: var(--href-dark)!important; +} + 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; +} + em a:active,em a:focus, em a:hover { + color: var(--href-dark); +} \ No newline at end of file