From 9e6f9342a188e43c4524d9dc08bb105b57701699 Mon Sep 17 00:00:00 2001 From: Sophia Atkinson Date: Tue, 23 May 2023 10:42:52 -0700 Subject: [PATCH] updated to recent css --- default-theme.css | 208 ++++++++++-------------------------- gitea-themed.css | 265 ---------------------------------------------- 2 files changed, 58 insertions(+), 415 deletions(-) delete mode 100644 gitea-themed.css diff --git a/default-theme.css b/default-theme.css index fc980e7..4f84f0e 100644 --- a/default-theme.css +++ b/default-theme.css @@ -1,69 +1,47 @@ -@import url('https://fonts.googleapis.com/css2?family=Damion&family=DotGothic16&family=IBM+Plex+Mono&family=Monoton&family=Silkscreen&family=Source+Code+Pro&display=swap'); -@import url('https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css'); - -div.site-branding { - background-color: #121212; +@import url("https://fonts.bunny.net/css?family=damion:400|dotgothic16:400|silkscreen:400|source-code-pro:300|damion:400"); +@import url("https://cdn.jsdelivr.net/npm/fork-awesome/css/fork-awesome.min.css"); +:root{ + --text-color:#fff; + --background:#383C4A; + --background-darker:#2E323E; + --main-font: 'Oxygen', sans-serif; + --special-font: 'Damion', handwriting; } -div.mt-live-link a{ +::-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 { + color: var(--text-color) !important; +} +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: #7289DA; } -div.mt-live-link a:hover{ +div.mt-live-link a:hover,input.search-submit:hover { background-color: #4E5D94; } .mt-live-link a:hover,.mt-live-link a:focus { - color: #fff; + color: var(--text-color); background-color: #4E5D94; box-shadow: none; } -div#top-header.top-header-wrap.mt-clearfix{ - background-color: #121212; +div#top-header.top-header-wrap.mt-clearfix,div#page.site,div#bottom-footer{ + background-color: var(--background); } -div.logo-ads-wrap { - background-color: #121212; -} -div#wpadminbar.nojq{ - background-color: #121212; -} -div.sticky-wrapper { - background-color: #121212; -} - -div#page.site { - background-color: #121212; -} - -footer#colophon.site-footer { - background-color: #121212; -} - .mt-social-menu-wrapper { - border-top: 1px solid rgba(255, 255, 255, 0.2); + border-top: 1px solid #ffffff33; } .is-sticky .mt-social-menu-wrapper { - background: #121212; + background: var(--background-darker); z-index: 9999; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } - -nav#site-navigation.main-navigation.isActive { - background: #121212; -} - -div.mt-logo-row-wrapper.mt-clearfix { - background: #121212; -} - -div.custom-header.no-bg-img { - background: #121212; -} - p { - color: #fff; - font-family: 'Oxygen', sans-serif; + color: var(--text-color); + font-family: var(--main-font); font-size: 15px; } - h1, h2, h3, @@ -72,106 +50,59 @@ h5, h6 { clear: both; font-weight: normal; - font-family: 'Oxygen', sans-serif; + font-family: var(--main-font); line-height: 1.5; margin-bottom: 15px; - color: #ffffff; + color: var(--text-color); font-weight: 700; } strong, b { - color: #fff; + color: var(--text-color); font-weight: 600; } - textarea { overflow: auto; padding-left: 3px; vertical-align: top; - color: #fff; - background-color: #121212; - border: 1px solid #ffff; + color: var(--text-color); + background-color: var(--background-darker); + border: 1px solid #fff; height: 160px; max-width: 100%; width: 100%; } - -input { - color: #fff; - background-color: #121212; +input,input#author,input#email,input#url,input.search-field { + color: var(--text-color); + background-color: var(--background-darker); } - -input#author { - color: #fff; - background-color: #121212; -} - -input#email { - color: #fff; - background-color: #121212; -} - -input#url { - color: #fff; - background-color: #121212; -} - -input.search-field { - color: #fff; - background-color: #121212; -} - -span.screen-reader-text { - color: #fff; -} - -li { - color: #fff; -} - -label { - color: #fff; -} - -hr { - color: #fff; -} - -input.search-submit { - background-color: #7289DA; -} - -input.search-submit:hover { - background-color: #4e5d94; -} - .search-no-results #primary .search-submit { margin-top: 40px; border: 0px; font-size: 20px; - color: #fff; + color: var(--text-color); } - body { font-weight: 400; overflow: hidden; position: relative; - font-family: 'Oxygen', sans-serif; + font-family: var(--main-font); line-height: 1.8; - background: #121212; + background: var(--background); } - .site-title { margin: 0; - font-size: 40px; - font-family: 'DotGothic16', sans-serif; +font-family: var(--special-font);; line-height: 1.5; font-weight: 1; } +.site-title a:hover{ + color:#7289DA; +} .error-num { margin: 0; - font-family: 'Monoton', cursive; + font-family: var(--special-font); line-height: 1.5; font-weight: 1; } @@ -179,65 +110,40 @@ body { .site-description { margin: 0; font-size: 15px; - font-family: 'Oxygen', sans-serif; + 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: 'Oxygen', sans-serif; + font-family: var(--main-font); } - -h3#reply-title.comment-reply-title { - color: #fff; -} - -.tags-links a { - color: #fff; -} - -.posted-on time { - color: #fff; -} - -.byline a { - color: #fff; -} - -.entry-footer>span.tags-links { - color: #fff !important; -} - -.entry-footer>span.tags-links a { - color: #fff !important; -} - .entry-footer .mt-readmore-btn, .btn-wrapper a, .mt-readmore-btn { display: inline-block; padding: 0; font-size: 14px; - color: #fff; + color: var(--text-color); } -div#bottom-footer{ - background: #121212; +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: #121212; + background: var(--background-darker); color: #7289DA; } #wpadminbar .quicklinks a span#ab-updates { - background: #121212; + background: var(--background-darker); color: #2c3338; display: inline; padding: 2px 5px; @@ -249,13 +155,15 @@ div#bottom-footer{ #wpadminbar .shortlink-input { margin: 0; padding: 0; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); - background: #121212; + box-shadow: 0 3px 5px #00000033; + background: var(--background-darker); display: none; position: absolute; float: none; } -li.recentcomments:before { - font-family: ForkAwesome; - content: "\f086 "; -} \ No newline at end of file +.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: #4e5d94; +} +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; +} diff --git a/gitea-themed.css b/gitea-themed.css deleted file mode 100644 index e4e5452..0000000 --- a/gitea-themed.css +++ /dev/null @@ -1,265 +0,0 @@ -@import url('https://fonts.googleapis.com/css2?family=Damion&family=DotGothic16&family=IBM+Plex+Mono&family=Monoton&family=Silkscreen&family=Source+Code+Pro&display=swap'); -@import url('https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css'); - -div.site-branding { - background-color: #2E323E; -} -div.mt-live-link a{ - background-color: #7289DA; -} -div.mt-live-link a:hover{ - background-color: #4E5D94; -} -.mt-live-link a:hover,.mt-live-link a:focus { - color: #fff; - background-color: #4E5D94; - box-shadow: none; -} -div#top-header.top-header-wrap.mt-clearfix{ - background-color: #383C4A; -} -div.logo-ads-wrap { - background-color: #2E323E; -} -div#wpadminbar.nojq{ - background-color: #2E323E; -} -div.sticky-wrapper { - background-color: #2E323E; -} - -div#page.site { - background-color: #383C4A; -} - -footer#colophon.site-footer { - background-color: #2E323E; -} - -.mt-social-menu-wrapper { - border-top: 1px solid rgba(255, 255, 255, 0.2); -} - -.is-sticky .mt-social-menu-wrapper { - background: #2E323E; - z-index: 9999; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -} - -nav#site-navigation.main-navigation.isActive { - background: #2E323E; -} - -div.mt-logo-row-wrapper.mt-clearfix { - background: #2E323E; -} - -div.custom-header.no-bg-img { - background: #2E323E; -} - -p { - color: #fff; - font-family: 'Oxygen', sans-serif; - font-size: 15px; -} -time{ - color: #fff; -} -a.comment-edit-link{ - color: #fff; -} -h1, -h2, -h3, -h4, -h5, -h6 { - clear: both; - font-weight: normal; - font-family: 'Oxygen', sans-serif; - line-height: 1.5; - margin-bottom: 15px; - color: #ffffff; - font-weight: 700; -} - -strong, -b { - color: #fff; - font-weight: 600; -} - -textarea { - overflow: auto; - padding-left: 3px; - vertical-align: top; - color: #fff; - background-color: #2E323E; - border: 1px solid #ffff; - height: 160px; - max-width: 100%; - width: 100%; -} - -input { - color: #fff; - background-color: #2E323E; -} - -input#author { - color: #fff; - background-color: #2E323E; -} - -input#email { - color: #fff; - background-color: #2E323E; -} - -input#url { - color: #fff; - background-color: #2E323E; -} - -input.search-field { - color: #fff; - background-color: #2E323E; -} - -span.screen-reader-text { - color: #fff; -} - -li { - color: #fff; -} - -label { - color: #fff; -} - -hr { - color: #fff; -} - -input.search-submit { - background-color: #7289DA; -} - -input.search-submit:hover { - background-color: #4e5d94; -} - -.search-no-results #primary .search-submit { - margin-top: 40px; - border: 0px; - font-size: 20px; - color: #fff; -} - -body { - font-weight: 400; - overflow: hidden; - position: relative; - font-family: 'Oxygen', sans-serif; - line-height: 1.8; - background: #383C4A; -} - -.site-title { - margin: 0; - font-size: 40px; - font-family: 'DotGothic16', sans-serif; - line-height: 1.5; - font-weight: 1; -} -.error-num { - margin: 0; - font-family: 'Monoton', cursive; - line-height: 1.5; - font-weight: 1; -} - -.site-description { - margin: 0; - font-size: 15px; - font-family: 'Oxygen', sans-serif; - 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: 'Oxygen', sans-serif; -} - -h3#reply-title.comment-reply-title { - color: #fff; -} - -.tags-links a { - color: #fff; -} - -.posted-on time { - color: #fff; -} - -.byline a { - color: #fff; -} - -.entry-footer>span.tags-links { - color: #fff !important; -} - -.entry-footer>span.tags-links a { - color: #fff !important; -} - -.entry-footer .mt-readmore-btn, -.btn-wrapper a, -.mt-readmore-btn { - display: inline-block; - padding: 0; - font-size: 14px; - color: #fff; -} -div#bottom-footer{ - background: #383C4A; -} -#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: #2E323E; - color: #7289DA; -} -#wpadminbar .quicklinks a span#ab-updates { - background: #2E323E; - 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: #2E323E; - display: none; - position: absolute; - float: none; -} -li.recentcomments:before { - font-family: ForkAwesome; - content: "\f086 "; -} \ No newline at end of file