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

fixes

Browse Source
This commit is contained in:
Sophia Atkinson
2024-04-27 10:32:52 -07:00
parent ed55e0810c
commit 9740eef81a
17 changed files with 743 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
css/debian-theme.css
View File

@ -1,5 +1,4 @@
@import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); @import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400");
@import url("https://cdn.satki.net/static/fonts/OpenDyslexic2-Alt-A/opendyslexic.min.css");
@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");
#slb_viewer_wrap .slb_theme_slb_black a, #slb_viewer_wrap .slb_theme_slb_black a,
#slb_viewer_wrap .slb_theme_slb_black a:hover, #slb_viewer_wrap .slb_theme_slb_black a:hover,
@ -51,7 +50,7 @@ div.cwv3_btns,
body.pojo-a11y-dyslexia-font, body.pojo-a11y-dyslexia-font,
body.pojo-a11y-dyslexia-font :not(i):not(span) { body.pojo-a11y-dyslexia-font :not(i):not(span) {
font-family: OpenDyslexic2 Alt !important; font-family: OpenDyslexic2 !important;
} }
/* Flickering animation */ /* Flickering animation */
@ -271,13 +270,13 @@ input#url {
background-color: var(--background) !important; background-color: var(--background) !important;
} }
.category-button[class*=cbd-cat-] a { .category-button a {
background-color: var(--href) !important; background-color: var(--href) !important;
color: var(--text-color); color: var(--text-color);
border-radius: 2px; border-radius: 2px;
} }
.category-button[class*=cbd-cat-] a:hover { .category-button a:hover {
background-color: var(--href-dark) !important; background-color: var(--href-dark) !important;
color: inherit; color: inherit;
border-radius: 2px; border-radius: 2px;
@ -689,7 +688,8 @@ img,
#respond, #respond,
.wp-block-code, .wp-block-code,
code, code,
.censor { .censor,
p.no-comments {
border-radius: 2px; border-radius: 2px;
} }
@ -739,6 +739,54 @@ code,
filter: invert(1); filter: invert(1);
} }
.no-comments {
text-align: center;
background: var(--background-darker);
font-size: large;
padding: 20px;
margin-bottom: 20px;
font-weight: bold;
}
article.sticky::before {
content: "\f08d";
font-family: ForkAwesome;
position: absolute;
left: 20px;
top: 20px;
display: block;
width: 30px;
height: 30px;
background: var(--href);
color: #fff;
font-size: 15px;
line-height: 30px;
border-radius: 2px !important;
z-index: 99;
text-align: center;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf");
font-weight: normal;
font-style: normal;
font-display: block;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Bold.otf");
font-weight: bold;
font-style: bold;
font-display: block;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Italic.otf");
font-weight: italic;
font-style: italic;
font-display: block;
}
:root { :root {
--text-color:#fff; --text-color:#fff;
--background:#333333; --background:#333333;

58
css/default-theme.css
View File

@ -1,5 +1,4 @@
@import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); @import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400");
@import url("https://cdn.satki.net/static/fonts/OpenDyslexic2-Alt-A/opendyslexic.min.css");
@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");
#slb_viewer_wrap .slb_theme_slb_black a, #slb_viewer_wrap .slb_theme_slb_black a,
#slb_viewer_wrap .slb_theme_slb_black a:hover, #slb_viewer_wrap .slb_theme_slb_black a:hover,
@ -51,7 +50,7 @@ div.cwv3_btns,
body.pojo-a11y-dyslexia-font, body.pojo-a11y-dyslexia-font,
body.pojo-a11y-dyslexia-font :not(i):not(span) { body.pojo-a11y-dyslexia-font :not(i):not(span) {
font-family: OpenDyslexic2 Alt !important; font-family: OpenDyslexic2 !important;
} }
/* Flickering animation */ /* Flickering animation */
@ -271,13 +270,13 @@ input#url {
background-color: var(--background) !important; background-color: var(--background) !important;
} }
.category-button[class*=cbd-cat-] a { .category-button a {
background-color: var(--href) !important; background-color: var(--href) !important;
color: var(--text-color); color: var(--text-color);
border-radius: 2px; border-radius: 2px;
} }
.category-button[class*=cbd-cat-] a:hover { .category-button a:hover {
background-color: var(--href-dark) !important; background-color: var(--href-dark) !important;
color: inherit; color: inherit;
border-radius: 2px; border-radius: 2px;
@ -689,7 +688,8 @@ img,
#respond, #respond,
.wp-block-code, .wp-block-code,
code, code,
.censor { .censor,
p.no-comments {
border-radius: 2px; border-radius: 2px;
} }
@ -739,6 +739,54 @@ code,
filter: invert(1); filter: invert(1);
} }
.no-comments {
text-align: center;
background: var(--background-darker);
font-size: large;
padding: 20px;
margin-bottom: 20px;
font-weight: bold;
}
article.sticky::before {
content: "\f08d";
font-family: ForkAwesome;
position: absolute;
left: 20px;
top: 20px;
display: block;
width: 30px;
height: 30px;
background: var(--href);
color: #fff;
font-size: 15px;
line-height: 30px;
border-radius: 2px !important;
z-index: 99;
text-align: center;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf");
font-weight: normal;
font-style: normal;
font-display: block;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Bold.otf");
font-weight: bold;
font-style: bold;
font-display: block;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Italic.otf");
font-weight: italic;
font-style: italic;
font-display: block;
}
:root { :root {
--text-color:#fff; --text-color:#fff;
--background:#383C4A; --background:#383C4A;

58
css/discord-theme.css
View File

@ -1,5 +1,4 @@
@import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); @import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400");
@import url("https://cdn.satki.net/static/fonts/OpenDyslexic2-Alt-A/opendyslexic.min.css");
@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");
#slb_viewer_wrap .slb_theme_slb_black a, #slb_viewer_wrap .slb_theme_slb_black a,
#slb_viewer_wrap .slb_theme_slb_black a:hover, #slb_viewer_wrap .slb_theme_slb_black a:hover,
@ -51,7 +50,7 @@ div.cwv3_btns,
body.pojo-a11y-dyslexia-font, body.pojo-a11y-dyslexia-font,
body.pojo-a11y-dyslexia-font :not(i):not(span) { body.pojo-a11y-dyslexia-font :not(i):not(span) {
font-family: OpenDyslexic2 Alt !important; font-family: OpenDyslexic2 !important;
} }
/* Flickering animation */ /* Flickering animation */
@ -271,13 +270,13 @@ input#url {
background-color: var(--background) !important; background-color: var(--background) !important;
} }
.category-button[class*=cbd-cat-] a { .category-button a {
background-color: var(--href) !important; background-color: var(--href) !important;
color: var(--text-color); color: var(--text-color);
border-radius: 2px; border-radius: 2px;
} }
.category-button[class*=cbd-cat-] a:hover { .category-button a:hover {
background-color: var(--href-dark) !important; background-color: var(--href-dark) !important;
color: inherit; color: inherit;
border-radius: 2px; border-radius: 2px;
@ -689,7 +688,8 @@ img,
#respond, #respond,
.wp-block-code, .wp-block-code,
code, code,
.censor { .censor,
p.no-comments {
border-radius: 2px; border-radius: 2px;
} }
@ -739,6 +739,54 @@ code,
filter: invert(1); filter: invert(1);
} }
.no-comments {
text-align: center;
background: var(--background-darker);
font-size: large;
padding: 20px;
margin-bottom: 20px;
font-weight: bold;
}
article.sticky::before {
content: "\f08d";
font-family: ForkAwesome;
position: absolute;
left: 20px;
top: 20px;
display: block;
width: 30px;
height: 30px;
background: var(--href);
color: #fff;
font-size: 15px;
line-height: 30px;
border-radius: 2px !important;
z-index: 99;
text-align: center;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf");
font-weight: normal;
font-style: normal;
font-display: block;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Bold.otf");
font-weight: bold;
font-style: bold;
font-display: block;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Italic.otf");
font-weight: italic;
font-style: italic;
font-display: block;
}
:root { :root {
--text-color:#fff; --text-color:#fff;
--background:#2E3035; --background:#2E3035;

58
css/halloween-theme.css
View File

@ -1,5 +1,4 @@
@import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); @import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400");
@import url("https://cdn.satki.net/static/fonts/OpenDyslexic2-Alt-A/opendyslexic.min.css");
@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");
#slb_viewer_wrap .slb_theme_slb_black a, #slb_viewer_wrap .slb_theme_slb_black a,
#slb_viewer_wrap .slb_theme_slb_black a:hover, #slb_viewer_wrap .slb_theme_slb_black a:hover,
@ -51,7 +50,7 @@ div.cwv3_btns,
body.pojo-a11y-dyslexia-font, body.pojo-a11y-dyslexia-font,
body.pojo-a11y-dyslexia-font :not(i):not(span) { body.pojo-a11y-dyslexia-font :not(i):not(span) {
font-family: OpenDyslexic2 Alt !important; font-family: OpenDyslexic2 !important;
} }
/* Flickering animation */ /* Flickering animation */
@ -271,13 +270,13 @@ input#url {
background-color: var(--background) !important; background-color: var(--background) !important;
} }
.category-button[class*=cbd-cat-] a { .category-button a {
background-color: var(--href) !important; background-color: var(--href) !important;
color: var(--text-color); color: var(--text-color);
border-radius: 2px; border-radius: 2px;
} }
.category-button[class*=cbd-cat-] a:hover { .category-button a:hover {
background-color: var(--href-dark) !important; background-color: var(--href-dark) !important;
color: inherit; color: inherit;
border-radius: 2px; border-radius: 2px;
@ -689,7 +688,8 @@ img,
#respond, #respond,
.wp-block-code, .wp-block-code,
code, code,
.censor { .censor,
p.no-comments {
border-radius: 2px; border-radius: 2px;
} }
@ -739,6 +739,54 @@ code,
filter: invert(1); filter: invert(1);
} }
.no-comments {
text-align: center;
background: var(--background-darker);
font-size: large;
padding: 20px;
margin-bottom: 20px;
font-weight: bold;
}
article.sticky::before {
content: "\f08d";
font-family: ForkAwesome;
position: absolute;
left: 20px;
top: 20px;
display: block;
width: 30px;
height: 30px;
background: var(--href);
color: #fff;
font-size: 15px;
line-height: 30px;
border-radius: 2px !important;
z-index: 99;
text-align: center;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf");
font-weight: normal;
font-style: normal;
font-display: block;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Bold.otf");
font-weight: bold;
font-style: bold;
font-display: block;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Italic.otf");
font-weight: italic;
font-style: italic;
font-display: block;
}
:root { :root {
--text-color:#FEFEFE; --text-color:#FEFEFE;
--background:#2E3035; --background:#2E3035;

58
css/jse-theme.css
View File

@ -1,5 +1,4 @@
@import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); @import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400");
@import url("https://cdn.satki.net/static/fonts/OpenDyslexic2-Alt-A/opendyslexic.min.css");
@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");
#slb_viewer_wrap .slb_theme_slb_black a, #slb_viewer_wrap .slb_theme_slb_black a,
#slb_viewer_wrap .slb_theme_slb_black a:hover, #slb_viewer_wrap .slb_theme_slb_black a:hover,
@ -51,7 +50,7 @@ div.cwv3_btns,
body.pojo-a11y-dyslexia-font, body.pojo-a11y-dyslexia-font,
body.pojo-a11y-dyslexia-font :not(i):not(span) { body.pojo-a11y-dyslexia-font :not(i):not(span) {
font-family: OpenDyslexic2 Alt !important; font-family: OpenDyslexic2 !important;
} }
/* Flickering animation */ /* Flickering animation */
@ -271,13 +270,13 @@ input#url {
background-color: var(--background) !important; background-color: var(--background) !important;
} }
.category-button[class*=cbd-cat-] a { .category-button a {
background-color: var(--href) !important; background-color: var(--href) !important;
color: var(--text-color); color: var(--text-color);
border-radius: 2px; border-radius: 2px;
} }
.category-button[class*=cbd-cat-] a:hover { .category-button a:hover {
background-color: var(--href-dark) !important; background-color: var(--href-dark) !important;
color: inherit; color: inherit;
border-radius: 2px; border-radius: 2px;
@ -689,7 +688,8 @@ img,
#respond, #respond,
.wp-block-code, .wp-block-code,
code, code,
.censor { .censor,
p.no-comments {
border-radius: 2px; border-radius: 2px;
} }
@ -739,6 +739,54 @@ code,
filter: invert(1); filter: invert(1);
} }
.no-comments {
text-align: center;
background: var(--background-darker);
font-size: large;
padding: 20px;
margin-bottom: 20px;
font-weight: bold;
}
article.sticky::before {
content: "\f08d";
font-family: ForkAwesome;
position: absolute;
left: 20px;
top: 20px;
display: block;
width: 30px;
height: 30px;
background: var(--href);
color: #fff;
font-size: 15px;
line-height: 30px;
border-radius: 2px !important;
z-index: 99;
text-align: center;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf");
font-weight: normal;
font-style: normal;
font-display: block;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Bold.otf");
font-weight: bold;
font-style: bold;
font-display: block;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Italic.otf");
font-weight: italic;
font-style: italic;
font-display: block;
}
:root { :root {
--text-color: #fff; --text-color: #fff;
--background: #191b19; --background: #191b19;

58
css/noctua-theme.css
View File

@ -1,5 +1,4 @@
@import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); @import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400");
@import url("https://cdn.satki.net/static/fonts/OpenDyslexic2-Alt-A/opendyslexic.min.css");
@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");
#slb_viewer_wrap .slb_theme_slb_black a, #slb_viewer_wrap .slb_theme_slb_black a,
#slb_viewer_wrap .slb_theme_slb_black a:hover, #slb_viewer_wrap .slb_theme_slb_black a:hover,
@ -51,7 +50,7 @@ div.cwv3_btns,
body.pojo-a11y-dyslexia-font, body.pojo-a11y-dyslexia-font,
body.pojo-a11y-dyslexia-font :not(i):not(span) { body.pojo-a11y-dyslexia-font :not(i):not(span) {
font-family: OpenDyslexic2 Alt !important; font-family: OpenDyslexic2 !important;
} }
/* Flickering animation */ /* Flickering animation */
@ -271,13 +270,13 @@ input#url {
background-color: var(--background) !important; background-color: var(--background) !important;
} }
.category-button[class*=cbd-cat-] a { .category-button a {
background-color: var(--href) !important; background-color: var(--href) !important;
color: var(--text-color); color: var(--text-color);
border-radius: 2px; border-radius: 2px;
} }
.category-button[class*=cbd-cat-] a:hover { .category-button a:hover {
background-color: var(--href-dark) !important; background-color: var(--href-dark) !important;
color: inherit; color: inherit;
border-radius: 2px; border-radius: 2px;
@ -689,7 +688,8 @@ img,
#respond, #respond,
.wp-block-code, .wp-block-code,
code, code,
.censor { .censor,
p.no-comments {
border-radius: 2px; border-radius: 2px;
} }
@ -739,6 +739,54 @@ code,
filter: invert(1); filter: invert(1);
} }
.no-comments {
text-align: center;
background: var(--background-darker);
font-size: large;
padding: 20px;
margin-bottom: 20px;
font-weight: bold;
}
article.sticky::before {
content: "\f08d";
font-family: ForkAwesome;
position: absolute;
left: 20px;
top: 20px;
display: block;
width: 30px;
height: 30px;
background: var(--href);
color: #fff;
font-size: 15px;
line-height: 30px;
border-radius: 2px !important;
z-index: 99;
text-align: center;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf");
font-weight: normal;
font-style: normal;
font-display: block;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Bold.otf");
font-weight: bold;
font-style: bold;
font-display: block;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Italic.otf");
font-weight: italic;
font-style: italic;
font-display: block;
}
:root { :root {
--text-color:#fff; --text-color:#fff;
--background:#653024; --background:#653024;

58
css/pink-theme.css
View File

@ -1,5 +1,4 @@
@import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); @import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400");
@import url("https://cdn.satki.net/static/fonts/OpenDyslexic2-Alt-A/opendyslexic.min.css");
@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");
#slb_viewer_wrap .slb_theme_slb_black a, #slb_viewer_wrap .slb_theme_slb_black a,
#slb_viewer_wrap .slb_theme_slb_black a:hover, #slb_viewer_wrap .slb_theme_slb_black a:hover,
@ -51,7 +50,7 @@ div.cwv3_btns,
body.pojo-a11y-dyslexia-font, body.pojo-a11y-dyslexia-font,
body.pojo-a11y-dyslexia-font :not(i):not(span) { body.pojo-a11y-dyslexia-font :not(i):not(span) {
font-family: OpenDyslexic2 Alt !important; font-family: OpenDyslexic2 !important;
} }
/* Flickering animation */ /* Flickering animation */
@ -271,13 +270,13 @@ input#url {
background-color: var(--background) !important; background-color: var(--background) !important;
} }
.category-button[class*=cbd-cat-] a { .category-button a {
background-color: var(--href) !important; background-color: var(--href) !important;
color: var(--text-color); color: var(--text-color);
border-radius: 2px; border-radius: 2px;
} }
.category-button[class*=cbd-cat-] a:hover { .category-button a:hover {
background-color: var(--href-dark) !important; background-color: var(--href-dark) !important;
color: inherit; color: inherit;
border-radius: 2px; border-radius: 2px;
@ -689,7 +688,8 @@ img,
#respond, #respond,
.wp-block-code, .wp-block-code,
code, code,
.censor { .censor,
p.no-comments {
border-radius: 2px; border-radius: 2px;
} }
@ -739,6 +739,54 @@ code,
filter: invert(1); filter: invert(1);
} }
.no-comments {
text-align: center;
background: var(--background-darker);
font-size: large;
padding: 20px;
margin-bottom: 20px;
font-weight: bold;
}
article.sticky::before {
content: "\f08d";
font-family: ForkAwesome;
position: absolute;
left: 20px;
top: 20px;
display: block;
width: 30px;
height: 30px;
background: var(--href);
color: #fff;
font-size: 15px;
line-height: 30px;
border-radius: 2px !important;
z-index: 99;
text-align: center;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf");
font-weight: normal;
font-style: normal;
font-display: block;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Bold.otf");
font-weight: bold;
font-style: bold;
font-display: block;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Italic.otf");
font-weight: italic;
font-style: italic;
font-display: block;
}
:root { :root {
--text-color: #fff; --text-color: #fff;
--background: #191919; --background: #191919;

58
css/purple-theme.css
View File

@ -1,5 +1,4 @@
@import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); @import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400");
@import url("https://cdn.satki.net/static/fonts/OpenDyslexic2-Alt-A/opendyslexic.min.css");
@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");
#slb_viewer_wrap .slb_theme_slb_black a, #slb_viewer_wrap .slb_theme_slb_black a,
#slb_viewer_wrap .slb_theme_slb_black a:hover, #slb_viewer_wrap .slb_theme_slb_black a:hover,
@ -51,7 +50,7 @@ div.cwv3_btns,
body.pojo-a11y-dyslexia-font, body.pojo-a11y-dyslexia-font,
body.pojo-a11y-dyslexia-font :not(i):not(span) { body.pojo-a11y-dyslexia-font :not(i):not(span) {
font-family: OpenDyslexic2 Alt !important; font-family: OpenDyslexic2 !important;
} }
/* Flickering animation */ /* Flickering animation */
@ -271,13 +270,13 @@ input#url {
background-color: var(--background) !important; background-color: var(--background) !important;
} }
.category-button[class*=cbd-cat-] a { .category-button a {
background-color: var(--href) !important; background-color: var(--href) !important;
color: var(--text-color); color: var(--text-color);
border-radius: 2px; border-radius: 2px;
} }
.category-button[class*=cbd-cat-] a:hover { .category-button a:hover {
background-color: var(--href-dark) !important; background-color: var(--href-dark) !important;
color: inherit; color: inherit;
border-radius: 2px; border-radius: 2px;
@ -689,7 +688,8 @@ img,
#respond, #respond,
.wp-block-code, .wp-block-code,
code, code,
.censor { .censor,
p.no-comments {
border-radius: 2px; border-radius: 2px;
} }
@ -739,6 +739,54 @@ code,
filter: invert(1); filter: invert(1);
} }
.no-comments {
text-align: center;
background: var(--background-darker);
font-size: large;
padding: 20px;
margin-bottom: 20px;
font-weight: bold;
}
article.sticky::before {
content: "\f08d";
font-family: ForkAwesome;
position: absolute;
left: 20px;
top: 20px;
display: block;
width: 30px;
height: 30px;
background: var(--href);
color: #fff;
font-size: 15px;
line-height: 30px;
border-radius: 2px !important;
z-index: 99;
text-align: center;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf");
font-weight: normal;
font-style: normal;
font-display: block;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Bold.otf");
font-weight: bold;
font-style: bold;
font-display: block;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Italic.otf");
font-weight: italic;
font-style: italic;
font-display: block;
}
:root { :root {
--text-color:#fff; --text-color:#fff;
--background:#2E3035; --background:#2E3035;

58
css/retro-theme.css
View File

@ -1,5 +1,4 @@
@import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); @import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400");
@import url("https://cdn.satki.net/static/fonts/OpenDyslexic2-Alt-A/opendyslexic.min.css");
@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");
#slb_viewer_wrap .slb_theme_slb_black a, #slb_viewer_wrap .slb_theme_slb_black a,
#slb_viewer_wrap .slb_theme_slb_black a:hover, #slb_viewer_wrap .slb_theme_slb_black a:hover,
@ -51,7 +50,7 @@ div.cwv3_btns,
body.pojo-a11y-dyslexia-font, body.pojo-a11y-dyslexia-font,
body.pojo-a11y-dyslexia-font :not(i):not(span) { body.pojo-a11y-dyslexia-font :not(i):not(span) {
font-family: OpenDyslexic2 Alt !important; font-family: OpenDyslexic2 !important;
} }
/* Flickering animation */ /* Flickering animation */
@ -271,13 +270,13 @@ input#url {
background-color: var(--background) !important; background-color: var(--background) !important;
} }
.category-button[class*=cbd-cat-] a { .category-button a {
background-color: var(--href) !important; background-color: var(--href) !important;
color: var(--text-color); color: var(--text-color);
border-radius: 2px; border-radius: 2px;
} }
.category-button[class*=cbd-cat-] a:hover { .category-button a:hover {
background-color: var(--href-dark) !important; background-color: var(--href-dark) !important;
color: inherit; color: inherit;
border-radius: 2px; border-radius: 2px;
@ -689,7 +688,8 @@ img,
#respond, #respond,
.wp-block-code, .wp-block-code,
code, code,
.censor { .censor,
p.no-comments {
border-radius: 2px; border-radius: 2px;
} }
@ -739,6 +739,54 @@ code,
filter: invert(1); filter: invert(1);
} }
.no-comments {
text-align: center;
background: var(--background-darker);
font-size: large;
padding: 20px;
margin-bottom: 20px;
font-weight: bold;
}
article.sticky::before {
content: "\f08d";
font-family: ForkAwesome;
position: absolute;
left: 20px;
top: 20px;
display: block;
width: 30px;
height: 30px;
background: var(--href);
color: #fff;
font-size: 15px;
line-height: 30px;
border-radius: 2px !important;
z-index: 99;
text-align: center;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf");
font-weight: normal;
font-style: normal;
font-display: block;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Bold.otf");
font-weight: bold;
font-style: bold;
font-display: block;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Italic.otf");
font-weight: italic;
font-style: italic;
font-display: block;
}
:root { :root {
--text-color: #fff; --text-color: #fff;
--background: #212121; --background: #212121;

58
css/steam-theme.css
View File

@ -1,5 +1,4 @@
@import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); @import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400");
@import url("https://cdn.satki.net/static/fonts/OpenDyslexic2-Alt-A/opendyslexic.min.css");
@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");
#slb_viewer_wrap .slb_theme_slb_black a, #slb_viewer_wrap .slb_theme_slb_black a,
#slb_viewer_wrap .slb_theme_slb_black a:hover, #slb_viewer_wrap .slb_theme_slb_black a:hover,
@ -51,7 +50,7 @@ div.cwv3_btns,
body.pojo-a11y-dyslexia-font, body.pojo-a11y-dyslexia-font,
body.pojo-a11y-dyslexia-font :not(i):not(span) { body.pojo-a11y-dyslexia-font :not(i):not(span) {
font-family: OpenDyslexic2 Alt !important; font-family: OpenDyslexic2 !important;
} }
/* Flickering animation */ /* Flickering animation */
@ -271,13 +270,13 @@ input#url {
background-color: var(--background) !important; background-color: var(--background) !important;
} }
.category-button[class*=cbd-cat-] a { .category-button a {
background-color: var(--href) !important; background-color: var(--href) !important;
color: var(--text-color); color: var(--text-color);
border-radius: 2px; border-radius: 2px;
} }
.category-button[class*=cbd-cat-] a:hover { .category-button a:hover {
background-color: var(--href-dark) !important; background-color: var(--href-dark) !important;
color: inherit; color: inherit;
border-radius: 2px; border-radius: 2px;
@ -689,7 +688,8 @@ img,
#respond, #respond,
.wp-block-code, .wp-block-code,
code, code,
.censor { .censor,
p.no-comments {
border-radius: 2px; border-radius: 2px;
} }
@ -739,6 +739,54 @@ code,
filter: invert(1); filter: invert(1);
} }
.no-comments {
text-align: center;
background: var(--background-darker);
font-size: large;
padding: 20px;
margin-bottom: 20px;
font-weight: bold;
}
article.sticky::before {
content: "\f08d";
font-family: ForkAwesome;
position: absolute;
left: 20px;
top: 20px;
display: block;
width: 30px;
height: 30px;
background: var(--href);
color: #fff;
font-size: 15px;
line-height: 30px;
border-radius: 2px !important;
z-index: 99;
text-align: center;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf");
font-weight: normal;
font-style: normal;
font-display: block;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Bold.otf");
font-weight: bold;
font-style: bold;
font-display: block;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Italic.otf");
font-weight: italic;
font-style: italic;
font-display: block;
}
:root { :root {
--text-color:#fff; --text-color:#fff;
--background:#1B2838; --background:#1B2838;

58
css/tor-theme.css
View File

@ -1,5 +1,4 @@
@import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); @import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400");
@import url("https://cdn.satki.net/static/fonts/OpenDyslexic2-Alt-A/opendyslexic.min.css");
@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");
#slb_viewer_wrap .slb_theme_slb_black a, #slb_viewer_wrap .slb_theme_slb_black a,
#slb_viewer_wrap .slb_theme_slb_black a:hover, #slb_viewer_wrap .slb_theme_slb_black a:hover,
@ -51,7 +50,7 @@ div.cwv3_btns,
body.pojo-a11y-dyslexia-font, body.pojo-a11y-dyslexia-font,
body.pojo-a11y-dyslexia-font :not(i):not(span) { body.pojo-a11y-dyslexia-font :not(i):not(span) {
font-family: OpenDyslexic2 Alt !important; font-family: OpenDyslexic2 !important;
} }
/* Flickering animation */ /* Flickering animation */
@ -271,13 +270,13 @@ input#url {
background-color: var(--background) !important; background-color: var(--background) !important;
} }
.category-button[class*=cbd-cat-] a { .category-button a {
background-color: var(--href) !important; background-color: var(--href) !important;
color: var(--text-color); color: var(--text-color);
border-radius: 2px; border-radius: 2px;
} }
.category-button[class*=cbd-cat-] a:hover { .category-button a:hover {
background-color: var(--href-dark) !important; background-color: var(--href-dark) !important;
color: inherit; color: inherit;
border-radius: 2px; border-radius: 2px;
@ -689,7 +688,8 @@ img,
#respond, #respond,
.wp-block-code, .wp-block-code,
code, code,
.censor { .censor,
p.no-comments {
border-radius: 2px; border-radius: 2px;
} }
@ -739,6 +739,54 @@ code,
filter: invert(1); filter: invert(1);
} }
.no-comments {
text-align: center;
background: var(--background-darker);
font-size: large;
padding: 20px;
margin-bottom: 20px;
font-weight: bold;
}
article.sticky::before {
content: "\f08d";
font-family: ForkAwesome;
position: absolute;
left: 20px;
top: 20px;
display: block;
width: 30px;
height: 30px;
background: var(--href);
color: #fff;
font-size: 15px;
line-height: 30px;
border-radius: 2px !important;
z-index: 99;
text-align: center;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf");
font-weight: normal;
font-style: normal;
font-display: block;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Bold.otf");
font-weight: bold;
font-style: bold;
font-display: block;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Italic.otf");
font-weight: italic;
font-style: italic;
font-display: block;
}
:root { :root {
--text-color:#fff; --text-color:#fff;
--background:#333A41; --background:#333A41;

58
css/trans-theme.css
View File

@ -1,5 +1,4 @@
@import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); @import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400");
@import url("https://cdn.satki.net/static/fonts/OpenDyslexic2-Alt-A/opendyslexic.min.css");
@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");
#slb_viewer_wrap .slb_theme_slb_black a, #slb_viewer_wrap .slb_theme_slb_black a,
#slb_viewer_wrap .slb_theme_slb_black a:hover, #slb_viewer_wrap .slb_theme_slb_black a:hover,
@ -51,7 +50,7 @@ div.cwv3_btns,
body.pojo-a11y-dyslexia-font, body.pojo-a11y-dyslexia-font,
body.pojo-a11y-dyslexia-font :not(i):not(span) { body.pojo-a11y-dyslexia-font :not(i):not(span) {
font-family: OpenDyslexic2 Alt !important; font-family: OpenDyslexic2 !important;
} }
/* Flickering animation */ /* Flickering animation */
@ -271,13 +270,13 @@ input#url {
background-color: var(--background) !important; background-color: var(--background) !important;
} }
.category-button[class*=cbd-cat-] a { .category-button a {
background-color: var(--href) !important; background-color: var(--href) !important;
color: var(--text-color); color: var(--text-color);
border-radius: 2px; border-radius: 2px;
} }
.category-button[class*=cbd-cat-] a:hover { .category-button a:hover {
background-color: var(--href-dark) !important; background-color: var(--href-dark) !important;
color: inherit; color: inherit;
border-radius: 2px; border-radius: 2px;
@ -689,7 +688,8 @@ img,
#respond, #respond,
.wp-block-code, .wp-block-code,
code, code,
.censor { .censor,
p.no-comments {
border-radius: 2px; border-radius: 2px;
} }
@ -739,6 +739,54 @@ code,
filter: invert(1); filter: invert(1);
} }
.no-comments {
text-align: center;
background: var(--background-darker);
font-size: large;
padding: 20px;
margin-bottom: 20px;
font-weight: bold;
}
article.sticky::before {
content: "\f08d";
font-family: ForkAwesome;
position: absolute;
left: 20px;
top: 20px;
display: block;
width: 30px;
height: 30px;
background: var(--href);
color: #fff;
font-size: 15px;
line-height: 30px;
border-radius: 2px !important;
z-index: 99;
text-align: center;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf");
font-weight: normal;
font-style: normal;
font-display: block;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Bold.otf");
font-weight: bold;
font-style: bold;
font-display: block;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Italic.otf");
font-weight: italic;
font-style: italic;
font-display: block;
}
:root { :root {
--text-color:#fff; --text-color:#fff;
--background:#2E3035; --background:#2E3035;

58
css/ubuntu-theme.css
View File

@ -1,5 +1,4 @@
@import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); @import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400");
@import url("https://cdn.satki.net/static/fonts/OpenDyslexic2-Alt-A/opendyslexic.min.css");
@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");
#slb_viewer_wrap .slb_theme_slb_black a, #slb_viewer_wrap .slb_theme_slb_black a,
#slb_viewer_wrap .slb_theme_slb_black a:hover, #slb_viewer_wrap .slb_theme_slb_black a:hover,
@ -51,7 +50,7 @@ div.cwv3_btns,
body.pojo-a11y-dyslexia-font, body.pojo-a11y-dyslexia-font,
body.pojo-a11y-dyslexia-font :not(i):not(span) { body.pojo-a11y-dyslexia-font :not(i):not(span) {
font-family: OpenDyslexic2 Alt !important; font-family: OpenDyslexic2 !important;
} }
/* Flickering animation */ /* Flickering animation */
@ -271,13 +270,13 @@ input#url {
background-color: var(--background) !important; background-color: var(--background) !important;
} }
.category-button[class*=cbd-cat-] a { .category-button a {
background-color: var(--href) !important; background-color: var(--href) !important;
color: var(--text-color); color: var(--text-color);
border-radius: 2px; border-radius: 2px;
} }
.category-button[class*=cbd-cat-] a:hover { .category-button a:hover {
background-color: var(--href-dark) !important; background-color: var(--href-dark) !important;
color: inherit; color: inherit;
border-radius: 2px; border-radius: 2px;
@ -689,7 +688,8 @@ img,
#respond, #respond,
.wp-block-code, .wp-block-code,
code, code,
.censor { .censor,
p.no-comments {
border-radius: 2px; border-radius: 2px;
} }
@ -739,6 +739,54 @@ code,
filter: invert(1); filter: invert(1);
} }
.no-comments {
text-align: center;
background: var(--background-darker);
font-size: large;
padding: 20px;
margin-bottom: 20px;
font-weight: bold;
}
article.sticky::before {
content: "\f08d";
font-family: ForkAwesome;
position: absolute;
left: 20px;
top: 20px;
display: block;
width: 30px;
height: 30px;
background: var(--href);
color: #fff;
font-size: 15px;
line-height: 30px;
border-radius: 2px !important;
z-index: 99;
text-align: center;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf");
font-weight: normal;
font-style: normal;
font-display: block;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Bold.otf");
font-weight: bold;
font-style: bold;
font-display: block;
}
@font-face {
font-family: "OpenDyslexic2";
src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Italic.otf");
font-weight: italic;
font-style: italic;
font-display: block;
}
:root { :root {
--text-color: #fff; --text-color: #fff;
--background: #333333; --background: #333333;

32
scss/_base.scss
View File

@ -122,13 +122,13 @@ input#url {
background-color: var(--background) !important; background-color: var(--background) !important;
} }
.category-button[class*=cbd-cat-] a { .category-button a {
background-color: var(--href) !important; background-color: var(--href) !important;
color: var(--text-color); color: var(--text-color);
border-radius: 2px; border-radius: 2px;
} }
.category-button[class*=cbd-cat-] a:hover { .category-button a:hover {
background-color: var(--href-dark) !important; background-color: var(--href-dark) !important;
color: inherit; color: inherit;
border-radius: 2px; border-radius: 2px;
@ -543,7 +543,8 @@ img,
#respond, #respond,
.wp-block-code, .wp-block-code,
code, code,
.censor { .censor,
p.no-comments{
border-radius: 2px; border-radius: 2px;
} }
@ -595,3 +596,28 @@ code,
-webkit-filter: invert(1); -webkit-filter: invert(1);
filter: invert(1); filter: invert(1);
} }
.no-comments {
text-align: center;
background: var(--background-darker);
font-size: large;
padding: 20px;
margin-bottom: 20px;
font-weight: bold;
}
article.sticky::before {
content: "\f08d";
font-family: ForkAwesome;
position: absolute;
left: 20px;
top: 20px;
display: block;
width: 30px;
height: 30px;
background: var(--href);
color: #fff;
font-size: 15px;
line-height: 30px;
border-radius: 2px!important;
z-index: 99;
text-align: center;
}

22
scss/_fonts.scss
View File

@ -1,3 +1,23 @@
@import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); @import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400");
@import url("https://cdn.satki.net/static/fonts/OpenDyslexic2-Alt-A/opendyslexic.min.css");
@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");
@font-face {
font-family: 'OpenDyslexic2';
src: url('/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf');
font-weight: normal;
font-style: normal;
font-display: block;
}
@font-face {
font-family: 'OpenDyslexic2';
src: url('/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Bold.otf');
font-weight: bold;
font-style: bold;
font-display: block;
}
@font-face {
font-family: 'OpenDyslexic2';
src: url('/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Italic.otf');
font-weight: italic;
font-style: italic;
font-display: block;
}

2
scss/_plugin_styles.scss
View File

@ -48,5 +48,5 @@ div.cwv3_btns,
body.pojo-a11y-dyslexia-font, body.pojo-a11y-dyslexia-font,
body.pojo-a11y-dyslexia-font :not(i):not(span) { body.pojo-a11y-dyslexia-font :not(i):not(span) {
font-family: OpenDyslexic2 Alt !important font-family: OpenDyslexic2!important
} }