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://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");
#slb_viewer_wrap .slb_theme_slb_black a,
#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 :not(i):not(span) {
font-family: OpenDyslexic2 Alt !important;
font-family: OpenDyslexic2 !important;
}
/* Flickering animation */
@ -271,13 +270,13 @@ input#url {
background-color: var(--background) !important;
}
.category-button[class*=cbd-cat-] a {
.category-button a {
background-color: var(--href) !important;
color: var(--text-color);
border-radius: 2px;
}
.category-button[class*=cbd-cat-] a:hover {
.category-button a:hover {
background-color: var(--href-dark) !important;
color: inherit;
border-radius: 2px;
@ -689,7 +688,8 @@ img,
#respond,
.wp-block-code,
code,
.censor {
.censor,
p.no-comments {
border-radius: 2px;
}
@ -739,6 +739,54 @@ code,
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 {
--text-color:#fff;
--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://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");
#slb_viewer_wrap .slb_theme_slb_black a,
#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 :not(i):not(span) {
font-family: OpenDyslexic2 Alt !important;
font-family: OpenDyslexic2 !important;
}
/* Flickering animation */
@ -271,13 +270,13 @@ input#url {
background-color: var(--background) !important;
}
.category-button[class*=cbd-cat-] a {
.category-button a {
background-color: var(--href) !important;
color: var(--text-color);
border-radius: 2px;
}
.category-button[class*=cbd-cat-] a:hover {
.category-button a:hover {
background-color: var(--href-dark) !important;
color: inherit;
border-radius: 2px;
@ -689,7 +688,8 @@ img,
#respond,
.wp-block-code,
code,
.censor {
.censor,
p.no-comments {
border-radius: 2px;
}
@ -739,6 +739,54 @@ code,
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 {
--text-color:#fff;
--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://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");
#slb_viewer_wrap .slb_theme_slb_black a,
#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 :not(i):not(span) {
font-family: OpenDyslexic2 Alt !important;
font-family: OpenDyslexic2 !important;
}
/* Flickering animation */
@ -271,13 +270,13 @@ input#url {
background-color: var(--background) !important;
}
.category-button[class*=cbd-cat-] a {
.category-button a {
background-color: var(--href) !important;
color: var(--text-color);
border-radius: 2px;
}
.category-button[class*=cbd-cat-] a:hover {
.category-button a:hover {
background-color: var(--href-dark) !important;
color: inherit;
border-radius: 2px;
@ -689,7 +688,8 @@ img,
#respond,
.wp-block-code,
code,
.censor {
.censor,
p.no-comments {
border-radius: 2px;
}
@ -739,6 +739,54 @@ code,
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 {
--text-color:#fff;
--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://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");
#slb_viewer_wrap .slb_theme_slb_black a,
#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 :not(i):not(span) {
font-family: OpenDyslexic2 Alt !important;
font-family: OpenDyslexic2 !important;
}
/* Flickering animation */
@ -271,13 +270,13 @@ input#url {
background-color: var(--background) !important;
}
.category-button[class*=cbd-cat-] a {
.category-button a {
background-color: var(--href) !important;
color: var(--text-color);
border-radius: 2px;
}
.category-button[class*=cbd-cat-] a:hover {
.category-button a:hover {
background-color: var(--href-dark) !important;
color: inherit;
border-radius: 2px;
@ -689,7 +688,8 @@ img,
#respond,
.wp-block-code,
code,
.censor {
.censor,
p.no-comments {
border-radius: 2px;
}
@ -739,6 +739,54 @@ code,
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 {
--text-color:#FEFEFE;
--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://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");
#slb_viewer_wrap .slb_theme_slb_black a,
#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 :not(i):not(span) {
font-family: OpenDyslexic2 Alt !important;
font-family: OpenDyslexic2 !important;
}
/* Flickering animation */
@ -271,13 +270,13 @@ input#url {
background-color: var(--background) !important;
}
.category-button[class*=cbd-cat-] a {
.category-button a {
background-color: var(--href) !important;
color: var(--text-color);
border-radius: 2px;
}
.category-button[class*=cbd-cat-] a:hover {
.category-button a:hover {
background-color: var(--href-dark) !important;
color: inherit;
border-radius: 2px;
@ -689,7 +688,8 @@ img,
#respond,
.wp-block-code,
code,
.censor {
.censor,
p.no-comments {
border-radius: 2px;
}
@ -739,6 +739,54 @@ code,
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 {
--text-color: #fff;
--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://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");
#slb_viewer_wrap .slb_theme_slb_black a,
#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 :not(i):not(span) {
font-family: OpenDyslexic2 Alt !important;
font-family: OpenDyslexic2 !important;
}
/* Flickering animation */
@ -271,13 +270,13 @@ input#url {
background-color: var(--background) !important;
}
.category-button[class*=cbd-cat-] a {
.category-button a {
background-color: var(--href) !important;
color: var(--text-color);
border-radius: 2px;
}
.category-button[class*=cbd-cat-] a:hover {
.category-button a:hover {
background-color: var(--href-dark) !important;
color: inherit;
border-radius: 2px;
@ -689,7 +688,8 @@ img,
#respond,
.wp-block-code,
code,
.censor {
.censor,
p.no-comments {
border-radius: 2px;
}
@ -739,6 +739,54 @@ code,
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 {
--text-color:#fff;
--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://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");
#slb_viewer_wrap .slb_theme_slb_black a,
#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 :not(i):not(span) {
font-family: OpenDyslexic2 Alt !important;
font-family: OpenDyslexic2 !important;
}
/* Flickering animation */
@ -271,13 +270,13 @@ input#url {
background-color: var(--background) !important;
}
.category-button[class*=cbd-cat-] a {
.category-button a {
background-color: var(--href) !important;
color: var(--text-color);
border-radius: 2px;
}
.category-button[class*=cbd-cat-] a:hover {
.category-button a:hover {
background-color: var(--href-dark) !important;
color: inherit;
border-radius: 2px;
@ -689,7 +688,8 @@ img,
#respond,
.wp-block-code,
code,
.censor {
.censor,
p.no-comments {
border-radius: 2px;
}
@ -739,6 +739,54 @@ code,
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 {
--text-color: #fff;
--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://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");
#slb_viewer_wrap .slb_theme_slb_black a,
#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 :not(i):not(span) {
font-family: OpenDyslexic2 Alt !important;
font-family: OpenDyslexic2 !important;
}
/* Flickering animation */
@ -271,13 +270,13 @@ input#url {
background-color: var(--background) !important;
}
.category-button[class*=cbd-cat-] a {
.category-button a {
background-color: var(--href) !important;
color: var(--text-color);
border-radius: 2px;
}
.category-button[class*=cbd-cat-] a:hover {
.category-button a:hover {
background-color: var(--href-dark) !important;
color: inherit;
border-radius: 2px;
@ -689,7 +688,8 @@ img,
#respond,
.wp-block-code,
code,
.censor {
.censor,
p.no-comments {
border-radius: 2px;
}
@ -739,6 +739,54 @@ code,
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 {
--text-color:#fff;
--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://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");
#slb_viewer_wrap .slb_theme_slb_black a,
#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 :not(i):not(span) {
font-family: OpenDyslexic2 Alt !important;
font-family: OpenDyslexic2 !important;
}
/* Flickering animation */
@ -271,13 +270,13 @@ input#url {
background-color: var(--background) !important;
}
.category-button[class*=cbd-cat-] a {
.category-button a {
background-color: var(--href) !important;
color: var(--text-color);
border-radius: 2px;
}
.category-button[class*=cbd-cat-] a:hover {
.category-button a:hover {
background-color: var(--href-dark) !important;
color: inherit;
border-radius: 2px;
@ -689,7 +688,8 @@ img,
#respond,
.wp-block-code,
code,
.censor {
.censor,
p.no-comments {
border-radius: 2px;
}
@ -739,6 +739,54 @@ code,
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 {
--text-color: #fff;
--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://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");
#slb_viewer_wrap .slb_theme_slb_black a,
#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 :not(i):not(span) {
font-family: OpenDyslexic2 Alt !important;
font-family: OpenDyslexic2 !important;
}
/* Flickering animation */
@ -271,13 +270,13 @@ input#url {
background-color: var(--background) !important;
}
.category-button[class*=cbd-cat-] a {
.category-button a {
background-color: var(--href) !important;
color: var(--text-color);
border-radius: 2px;
}
.category-button[class*=cbd-cat-] a:hover {
.category-button a:hover {
background-color: var(--href-dark) !important;
color: inherit;
border-radius: 2px;
@ -689,7 +688,8 @@ img,
#respond,
.wp-block-code,
code,
.censor {
.censor,
p.no-comments {
border-radius: 2px;
}
@ -739,6 +739,54 @@ code,
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 {
--text-color:#fff;
--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://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");
#slb_viewer_wrap .slb_theme_slb_black a,
#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 :not(i):not(span) {
font-family: OpenDyslexic2 Alt !important;
font-family: OpenDyslexic2 !important;
}
/* Flickering animation */
@ -271,13 +270,13 @@ input#url {
background-color: var(--background) !important;
}
.category-button[class*=cbd-cat-] a {
.category-button a {
background-color: var(--href) !important;
color: var(--text-color);
border-radius: 2px;
}
.category-button[class*=cbd-cat-] a:hover {
.category-button a:hover {
background-color: var(--href-dark) !important;
color: inherit;
border-radius: 2px;
@ -689,7 +688,8 @@ img,
#respond,
.wp-block-code,
code,
.censor {
.censor,
p.no-comments {
border-radius: 2px;
}
@ -739,6 +739,54 @@ code,
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 {
--text-color:#fff;
--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://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");
#slb_viewer_wrap .slb_theme_slb_black a,
#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 :not(i):not(span) {
font-family: OpenDyslexic2 Alt !important;
font-family: OpenDyslexic2 !important;
}
/* Flickering animation */
@ -271,13 +270,13 @@ input#url {
background-color: var(--background) !important;
}
.category-button[class*=cbd-cat-] a {
.category-button a {
background-color: var(--href) !important;
color: var(--text-color);
border-radius: 2px;
}
.category-button[class*=cbd-cat-] a:hover {
.category-button a:hover {
background-color: var(--href-dark) !important;
color: inherit;
border-radius: 2px;
@ -689,7 +688,8 @@ img,
#respond,
.wp-block-code,
code,
.censor {
.censor,
p.no-comments {
border-radius: 2px;
}
@ -739,6 +739,54 @@ code,
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 {
--text-color:#fff;
--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://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");
#slb_viewer_wrap .slb_theme_slb_black a,
#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 :not(i):not(span) {
font-family: OpenDyslexic2 Alt !important;
font-family: OpenDyslexic2 !important;
}
/* Flickering animation */
@ -271,13 +270,13 @@ input#url {
background-color: var(--background) !important;
}
.category-button[class*=cbd-cat-] a {
.category-button a {
background-color: var(--href) !important;
color: var(--text-color);
border-radius: 2px;
}
.category-button[class*=cbd-cat-] a:hover {
.category-button a:hover {
background-color: var(--href-dark) !important;
color: inherit;
border-radius: 2px;
@ -689,7 +688,8 @@ img,
#respond,
.wp-block-code,
code,
.censor {
.censor,
p.no-comments {
border-radius: 2px;
}
@ -739,6 +739,54 @@ code,
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 {
--text-color: #fff;
--background: #333333;