diff --git a/css/debian-theme.css b/css/debian-theme.css index 5ae9802..f80f221 100644 --- a/css/debian-theme.css +++ b/css/debian-theme.css @@ -1,5 +1,6 @@ @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, #slb_viewer_wrap .slb_theme_slb_black .slb_data_title, @@ -463,6 +464,7 @@ body { code, pre { background-color: #343434; + word-wrap: break-word; } #cancel-comment-reply-link:before, @@ -686,7 +688,8 @@ img, .mt-author-box, #respond, .wp-block-code, -code { +code, +.censor { border-radius: 2px; } @@ -736,6 +739,19 @@ code { filter: invert(1); } +.censor { + background-color: #000 !important; + color: #000 !important; + transition: all 0.3s ease-in-out; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; +} + +.censor:hover { + background-color: transparent !important; + color: var(--text-color) !important; +} + :root { --text-color:#fff; --background:#333333; diff --git a/css/default-theme.css b/css/default-theme.css index 68ced0d..37bff8b 100644 --- a/css/default-theme.css +++ b/css/default-theme.css @@ -1,5 +1,6 @@ @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, #slb_viewer_wrap .slb_theme_slb_black .slb_data_title, @@ -463,6 +464,7 @@ body { code, pre { background-color: #343434; + word-wrap: break-word; } #cancel-comment-reply-link:before, @@ -686,7 +688,8 @@ img, .mt-author-box, #respond, .wp-block-code, -code { +code, +.censor { border-radius: 2px; } @@ -736,6 +739,19 @@ code { filter: invert(1); } +.censor { + background-color: #000 !important; + color: #000 !important; + transition: all 0.3s ease-in-out; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; +} + +.censor:hover { + background-color: transparent !important; + color: var(--text-color) !important; +} + :root { --text-color:#fff; --background:#383C4A; diff --git a/css/discord-theme.css b/css/discord-theme.css index 3b0e2d2..1504f54 100644 --- a/css/discord-theme.css +++ b/css/discord-theme.css @@ -1,5 +1,6 @@ @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, #slb_viewer_wrap .slb_theme_slb_black .slb_data_title, @@ -463,6 +464,7 @@ body { code, pre { background-color: #343434; + word-wrap: break-word; } #cancel-comment-reply-link:before, @@ -686,7 +688,8 @@ img, .mt-author-box, #respond, .wp-block-code, -code { +code, +.censor { border-radius: 2px; } @@ -736,6 +739,19 @@ code { filter: invert(1); } +.censor { + background-color: #000 !important; + color: #000 !important; + transition: all 0.3s ease-in-out; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; +} + +.censor:hover { + background-color: transparent !important; + color: var(--text-color) !important; +} + :root { --text-color:#fff; --background:#2E3035; diff --git a/css/jse-theme.css b/css/jse-theme.css index df53c41..6c5839d 100644 --- a/css/jse-theme.css +++ b/css/jse-theme.css @@ -1,5 +1,6 @@ @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, #slb_viewer_wrap .slb_theme_slb_black .slb_data_title, @@ -463,6 +464,7 @@ body { code, pre { background-color: #343434; + word-wrap: break-word; } #cancel-comment-reply-link:before, @@ -686,7 +688,8 @@ img, .mt-author-box, #respond, .wp-block-code, -code { +code, +.censor { border-radius: 2px; } @@ -736,6 +739,19 @@ code { filter: invert(1); } +.censor { + background-color: #000 !important; + color: #000 !important; + transition: all 0.3s ease-in-out; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; +} + +.censor:hover { + background-color: transparent !important; + color: var(--text-color) !important; +} + :root { --text-color: #fff; --background: #191b19; diff --git a/css/noctua-theme.css b/css/noctua-theme.css index 74d1aaf..9dd9321 100644 --- a/css/noctua-theme.css +++ b/css/noctua-theme.css @@ -1,5 +1,6 @@ @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, #slb_viewer_wrap .slb_theme_slb_black .slb_data_title, @@ -463,6 +464,7 @@ body { code, pre { background-color: #343434; + word-wrap: break-word; } #cancel-comment-reply-link:before, @@ -686,7 +688,8 @@ img, .mt-author-box, #respond, .wp-block-code, -code { +code, +.censor { border-radius: 2px; } @@ -736,6 +739,19 @@ code { filter: invert(1); } +.censor { + background-color: #000 !important; + color: #000 !important; + transition: all 0.3s ease-in-out; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; +} + +.censor:hover { + background-color: transparent !important; + color: var(--text-color) !important; +} + :root { --text-color:#fff; --background:#653024; diff --git a/css/pink-theme.css b/css/pink-theme.css index 458594b..4521ac0 100644 --- a/css/pink-theme.css +++ b/css/pink-theme.css @@ -1,5 +1,6 @@ @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, #slb_viewer_wrap .slb_theme_slb_black .slb_data_title, @@ -463,6 +464,7 @@ body { code, pre { background-color: #343434; + word-wrap: break-word; } #cancel-comment-reply-link:before, @@ -686,7 +688,8 @@ img, .mt-author-box, #respond, .wp-block-code, -code { +code, +.censor { border-radius: 2px; } @@ -736,6 +739,19 @@ code { filter: invert(1); } +.censor { + background-color: #000 !important; + color: #000 !important; + transition: all 0.3s ease-in-out; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; +} + +.censor:hover { + background-color: transparent !important; + color: var(--text-color) !important; +} + :root { --text-color: #fff; --background: #191919; diff --git a/css/purple-theme.css b/css/purple-theme.css index 3bdcae3..622fc96 100644 --- a/css/purple-theme.css +++ b/css/purple-theme.css @@ -1,5 +1,6 @@ @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, #slb_viewer_wrap .slb_theme_slb_black .slb_data_title, @@ -463,6 +464,7 @@ body { code, pre { background-color: #343434; + word-wrap: break-word; } #cancel-comment-reply-link:before, @@ -686,7 +688,8 @@ img, .mt-author-box, #respond, .wp-block-code, -code { +code, +.censor { border-radius: 2px; } @@ -736,6 +739,19 @@ code { filter: invert(1); } +.censor { + background-color: #000 !important; + color: #000 !important; + transition: all 0.3s ease-in-out; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; +} + +.censor:hover { + background-color: transparent !important; + color: var(--text-color) !important; +} + :root { --text-color:#fff; --background:#2E3035; diff --git a/css/retro-theme.css b/css/retro-theme.css index a582280..6924787 100644 --- a/css/retro-theme.css +++ b/css/retro-theme.css @@ -1,5 +1,6 @@ @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, #slb_viewer_wrap .slb_theme_slb_black .slb_data_title, @@ -463,6 +464,7 @@ body { code, pre { background-color: #343434; + word-wrap: break-word; } #cancel-comment-reply-link:before, @@ -686,7 +688,8 @@ img, .mt-author-box, #respond, .wp-block-code, -code { +code, +.censor { border-radius: 2px; } @@ -736,6 +739,19 @@ code { filter: invert(1); } +.censor { + background-color: #000 !important; + color: #000 !important; + transition: all 0.3s ease-in-out; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; +} + +.censor:hover { + background-color: transparent !important; + color: var(--text-color) !important; +} + :root { --text-color: #fff; --background: #212121; diff --git a/css/steam-theme.css b/css/steam-theme.css index 21af6de..95ed093 100644 --- a/css/steam-theme.css +++ b/css/steam-theme.css @@ -1,5 +1,6 @@ @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, #slb_viewer_wrap .slb_theme_slb_black .slb_data_title, @@ -463,6 +464,7 @@ body { code, pre { background-color: #343434; + word-wrap: break-word; } #cancel-comment-reply-link:before, @@ -686,7 +688,8 @@ img, .mt-author-box, #respond, .wp-block-code, -code { +code, +.censor { border-radius: 2px; } @@ -736,6 +739,19 @@ code { filter: invert(1); } +.censor { + background-color: #000 !important; + color: #000 !important; + transition: all 0.3s ease-in-out; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; +} + +.censor:hover { + background-color: transparent !important; + color: var(--text-color) !important; +} + :root { --text-color:#fff; --background:#1B2838; diff --git a/css/tor-theme.css b/css/tor-theme.css index 2f12852..d8b0150 100644 --- a/css/tor-theme.css +++ b/css/tor-theme.css @@ -1,5 +1,6 @@ @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, #slb_viewer_wrap .slb_theme_slb_black .slb_data_title, @@ -463,6 +464,7 @@ body { code, pre { background-color: #343434; + word-wrap: break-word; } #cancel-comment-reply-link:before, @@ -686,7 +688,8 @@ img, .mt-author-box, #respond, .wp-block-code, -code { +code, +.censor { border-radius: 2px; } @@ -736,6 +739,19 @@ code { filter: invert(1); } +.censor { + background-color: #000 !important; + color: #000 !important; + transition: all 0.3s ease-in-out; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; +} + +.censor:hover { + background-color: transparent !important; + color: var(--text-color) !important; +} + :root { --text-color:#fff; --background:#333A41; diff --git a/css/ubuntu-theme.css b/css/ubuntu-theme.css index 759e145..4523e13 100644 --- a/css/ubuntu-theme.css +++ b/css/ubuntu-theme.css @@ -1,5 +1,6 @@ @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, #slb_viewer_wrap .slb_theme_slb_black .slb_data_title, @@ -463,6 +464,7 @@ body { code, pre { background-color: #343434; + word-wrap: break-word; } #cancel-comment-reply-link:before, @@ -686,7 +688,8 @@ img, .mt-author-box, #respond, .wp-block-code, -code { +code, +.censor { border-radius: 2px; } @@ -736,6 +739,19 @@ code { filter: invert(1); } +.censor { + background-color: #000 !important; + color: #000 !important; + transition: all 0.3s ease-in-out; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; +} + +.censor:hover { + background-color: transparent !important; + color: var(--text-color) !important; +} + :root { --text-color: #fff; --background: #333333; diff --git a/scss/_base.scss b/scss/_base.scss index 7d55595..e1d04f6 100644 --- a/scss/_base.scss +++ b/scss/_base.scss @@ -315,6 +315,7 @@ body { code, pre { background-color: #343434; + word-wrap: break-word; } #cancel-comment-reply-link:before, @@ -541,7 +542,8 @@ img, .mt-author-box, #respond, .wp-block-code, -code { +code, +.censor { border-radius: 2px; } @@ -593,3 +595,15 @@ code { -webkit-filter: invert(1); filter: invert(1); } +.censor{ + background-color: #000!important; + color:#000!important; + transition: all 0.3s ease-in-out; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; +} +.censor:hover{ + background-color: transparent!important; + color:var(--text-color)!important; + +} \ No newline at end of file diff --git a/scss/_fonts.scss b/scss/_fonts.scss index 6c40ed5..0ebc189 100644 --- a/scss/_fonts.scss +++ b/scss/_fonts.scss @@ -1,2 +1,3 @@ @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"); \ No newline at end of file +@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"); \ No newline at end of file