Sophia
/
BlogCSS
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

updated to recent css

This commit is contained in:
Sophia Atkinson 2023-05-23 10:42:52 -07:00
parent 1178331ab1
commit 9e6f9342a1
2 changed files with 58 additions and 415 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

208
default-theme.css
View File

@ -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://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@1.2.0/css/fork-awesome.min.css'); @import url("https://cdn.jsdelivr.net/npm/fork-awesome/css/fork-awesome.min.css");
:root{
div.site-branding { --text-color:#fff;
background-color: #121212; --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; background-color: #7289DA;
} }
div.mt-live-link a:hover{ div.mt-live-link a:hover,input.search-submit:hover {
background-color: #4E5D94; background-color: #4E5D94;
} }
.mt-live-link a:hover,.mt-live-link a:focus { .mt-live-link a:hover,.mt-live-link a:focus {
color: #fff; color: var(--text-color);
background-color: #4E5D94; background-color: #4E5D94;
box-shadow: none; box-shadow: none;
} }
div#top-header.top-header-wrap.mt-clearfix{ div#top-header.top-header-wrap.mt-clearfix,div#page.site,div#bottom-footer{
background-color: #121212; 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 { .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 { .is-sticky .mt-social-menu-wrapper {
background: #121212; background: var(--background-darker);
z-index: 9999; z-index: 9999;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 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 { p {
color: #fff; color: var(--text-color);
font-family: 'Oxygen', sans-serif; font-family: var(--main-font);
font-size: 15px; font-size: 15px;
} }
h1, h1,
h2, h2,
h3, h3,
@ -72,106 +50,59 @@ h5,
h6 { h6 {
clear: both; clear: both;
font-weight: normal; font-weight: normal;
font-family: 'Oxygen', sans-serif; font-family: var(--main-font);
line-height: 1.5; line-height: 1.5;
margin-bottom: 15px; margin-bottom: 15px;
color: #ffffff; color: var(--text-color);
font-weight: 700; font-weight: 700;
} }
strong, strong,
b { b {
color: #fff; color: var(--text-color);
font-weight: 600; font-weight: 600;
} }
textarea { textarea {
overflow: auto; overflow: auto;
padding-left: 3px; padding-left: 3px;
vertical-align: top; vertical-align: top;
color: #fff; color: var(--text-color);
background-color: #121212; background-color: var(--background-darker);
border: 1px solid #ffff; border: 1px solid #fff;
height: 160px; height: 160px;
max-width: 100%; max-width: 100%;
width: 100%; width: 100%;
} }
input,input#author,input#email,input#url,input.search-field {
input { color: var(--text-color);
color: #fff; background-color: var(--background-darker);
background-color: #121212;
} }
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 { .search-no-results #primary .search-submit {
margin-top: 40px; margin-top: 40px;
border: 0px; border: 0px;
font-size: 20px; font-size: 20px;
color: #fff; color: var(--text-color);
} }
body { body {
font-weight: 400; font-weight: 400;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
font-family: 'Oxygen', sans-serif; font-family: var(--main-font);
line-height: 1.8; line-height: 1.8;
background: #121212; background: var(--background);
} }
.site-title { .site-title {
margin: 0; margin: 0;
font-size: 40px; font-family: var(--special-font);;
font-family: 'DotGothic16', sans-serif;
line-height: 1.5; line-height: 1.5;
font-weight: 1; font-weight: 1;
} }
.site-title a:hover{
color:#7289DA;
}
.error-num { .error-num {
margin: 0; margin: 0;
font-family: 'Monoton', cursive; font-family: var(--special-font);
line-height: 1.5; line-height: 1.5;
font-weight: 1; font-weight: 1;
} }
@ -179,65 +110,40 @@ body {
.site-description { .site-description {
margin: 0; margin: 0;
font-size: 15px; font-size: 15px;
font-family: 'Oxygen', sans-serif; font-family: var(--main-font);
line-height: 1.5; line-height: 1.5;
font-weight: 1; font-weight: 1;
} }
.features-post-title { .features-post-title {
font-size: 18px; font-size: 18px;
font-weight: 700; font-weight: 700;
margin-bottom: 25px; margin-bottom: 25px;
position: relative; position: relative;
padding-left: 40px; 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, .entry-footer .mt-readmore-btn,
.btn-wrapper a, .btn-wrapper a,
.mt-readmore-btn { .mt-readmore-btn {
display: inline-block; display: inline-block;
padding: 0; padding: 0;
font-size: 14px; font-size: 14px;
color: #fff; color: var(--text-color);
} }
div#bottom-footer{ code,
background: #121212; .wp-block-code{
background-color: #343434;
font-family: 'Source Code Pro', monospace;
} }
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
#wpadminbar.nojq .quicklinks .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:not(.mobile) .ab-top-menu > li:hover > .ab-item,
#wpadminbar .ab-top-menu > li.hover > .ab-item { #wpadminbar .ab-top-menu > li.hover > .ab-item {
background: #121212; background: var(--background-darker);
color: #7289DA; color: #7289DA;
} }
#wpadminbar .quicklinks a span#ab-updates { #wpadminbar .quicklinks a span#ab-updates {
background: #121212; background: var(--background-darker);
color: #2c3338; color: #2c3338;
display: inline; display: inline;
padding: 2px 5px; padding: 2px 5px;
@ -249,13 +155,15 @@ div#bottom-footer{
#wpadminbar .shortlink-input { #wpadminbar .shortlink-input {
margin: 0; margin: 0;
padding: 0; padding: 0;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 5px #00000033;
background: #121212; background: var(--background-darker);
display: none; display: none;
position: absolute; position: absolute;
float: none; float: none;
} }
li.recentcomments:before { .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 {
font-family: ForkAwesome; background-color: #4e5d94;
content: "\f086 "; }
} 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;
}

265
gitea-themed.css
View File

@ -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 ";
}