From 91babad361d6dcc5d41d7764a3744f6965ec57de Mon Sep 17 00:00:00 2001 From: Sophia Atkinson Date: Sun, 29 Jun 2025 15:40:33 -0700 Subject: [PATCH] Add styles for new Content warning Yes insider Knowledge --- css/debian-theme.css | 18 +++++++++++------- css/default-theme.css | 18 +++++++++++------- css/discord-theme.css | 18 +++++++++++------- css/halloween-theme.css | 18 +++++++++++------- css/jse-theme.css | 18 +++++++++++------- css/noctua-theme.css | 18 +++++++++++------- css/old-default-theme.css | 18 +++++++++++------- css/pink-theme.css | 18 +++++++++++------- css/retro-theme.css | 18 +++++++++++------- css/steam-theme.css | 18 +++++++++++------- css/tor-theme.css | 18 +++++++++++------- css/trans-theme.css | 18 +++++++++++------- css/ubuntu-theme.css | 18 +++++++++++------- scss/_base.scss | 4 ++++ scss/_plugin_styles.scss | 15 ++++++++------- 15 files changed, 155 insertions(+), 98 deletions(-) diff --git a/css/debian-theme.css b/css/debian-theme.css index 10e2c9c..7480ec0 100644 --- a/css/debian-theme.css +++ b/css/debian-theme.css @@ -12,23 +12,23 @@ } #slb_viewer_wrap .slb_theme_slb_black .slb_container, -div#cwv3_dialog.cwv3_dialog.js, #oca-a11y-skip-content, .plyr__menu__container, -.amnp#widget { +.amnp#widget, +.cw-box { background-color: var(--background) !important; } -div#cwv3_dialog.cwv3_dialog.js, -div.cwv3_btns, .gdrf-success, -.gdrf-errors { +.gdrf-errors, +.cw-overlay { border-color: var(--background-darker) !important; } #oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active, .plyr__control--overlaid:hover, -.plyr--video .plyr__control:focus-visible { +.plyr--video .plyr__control:focus-visible, +.cw-box button:hover { background-color: var(--href-dark) !important; } @@ -37,7 +37,8 @@ div.cwv3_btns, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true], .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before, -.amnp #progress-bar { +.amnp #progress-bar, +.cw-box button { background-color: var(--href) !important; } @@ -805,6 +806,9 @@ article.sticky::before { border-radius: 4px; background: var(--background-darker); } +.wp-block-table thead { + border-bottom: unset; +} .wp-block-table table { width: 100%; margin: 0 auto; diff --git a/css/default-theme.css b/css/default-theme.css index b758d55..20f700d 100644 --- a/css/default-theme.css +++ b/css/default-theme.css @@ -12,23 +12,23 @@ } #slb_viewer_wrap .slb_theme_slb_black .slb_container, -div#cwv3_dialog.cwv3_dialog.js, #oca-a11y-skip-content, .plyr__menu__container, -.amnp#widget { +.amnp#widget, +.cw-box { background-color: var(--background) !important; } -div#cwv3_dialog.cwv3_dialog.js, -div.cwv3_btns, .gdrf-success, -.gdrf-errors { +.gdrf-errors, +.cw-overlay { border-color: var(--background-darker) !important; } #oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active, .plyr__control--overlaid:hover, -.plyr--video .plyr__control:focus-visible { +.plyr--video .plyr__control:focus-visible, +.cw-box button:hover { background-color: var(--href-dark) !important; } @@ -37,7 +37,8 @@ div.cwv3_btns, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true], .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before, -.amnp #progress-bar { +.amnp #progress-bar, +.cw-box button { background-color: var(--href) !important; } @@ -805,6 +806,9 @@ article.sticky::before { border-radius: 4px; background: var(--background-darker); } +.wp-block-table thead { + border-bottom: unset; +} .wp-block-table table { width: 100%; margin: 0 auto; diff --git a/css/discord-theme.css b/css/discord-theme.css index 4ec36cb..ef8f447 100644 --- a/css/discord-theme.css +++ b/css/discord-theme.css @@ -12,23 +12,23 @@ } #slb_viewer_wrap .slb_theme_slb_black .slb_container, -div#cwv3_dialog.cwv3_dialog.js, #oca-a11y-skip-content, .plyr__menu__container, -.amnp#widget { +.amnp#widget, +.cw-box { background-color: var(--background) !important; } -div#cwv3_dialog.cwv3_dialog.js, -div.cwv3_btns, .gdrf-success, -.gdrf-errors { +.gdrf-errors, +.cw-overlay { border-color: var(--background-darker) !important; } #oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active, .plyr__control--overlaid:hover, -.plyr--video .plyr__control:focus-visible { +.plyr--video .plyr__control:focus-visible, +.cw-box button:hover { background-color: var(--href-dark) !important; } @@ -37,7 +37,8 @@ div.cwv3_btns, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true], .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before, -.amnp #progress-bar { +.amnp #progress-bar, +.cw-box button { background-color: var(--href) !important; } @@ -805,6 +806,9 @@ article.sticky::before { border-radius: 4px; background: var(--background-darker); } +.wp-block-table thead { + border-bottom: unset; +} .wp-block-table table { width: 100%; margin: 0 auto; diff --git a/css/halloween-theme.css b/css/halloween-theme.css index 436abbc..45f59ed 100644 --- a/css/halloween-theme.css +++ b/css/halloween-theme.css @@ -12,23 +12,23 @@ } #slb_viewer_wrap .slb_theme_slb_black .slb_container, -div#cwv3_dialog.cwv3_dialog.js, #oca-a11y-skip-content, .plyr__menu__container, -.amnp#widget { +.amnp#widget, +.cw-box { background-color: var(--background) !important; } -div#cwv3_dialog.cwv3_dialog.js, -div.cwv3_btns, .gdrf-success, -.gdrf-errors { +.gdrf-errors, +.cw-overlay { border-color: var(--background-darker) !important; } #oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active, .plyr__control--overlaid:hover, -.plyr--video .plyr__control:focus-visible { +.plyr--video .plyr__control:focus-visible, +.cw-box button:hover { background-color: var(--href-dark) !important; } @@ -37,7 +37,8 @@ div.cwv3_btns, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true], .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before, -.amnp #progress-bar { +.amnp #progress-bar, +.cw-box button { background-color: var(--href) !important; } @@ -805,6 +806,9 @@ article.sticky::before { border-radius: 4px; background: var(--background-darker); } +.wp-block-table thead { + border-bottom: unset; +} .wp-block-table table { width: 100%; margin: 0 auto; diff --git a/css/jse-theme.css b/css/jse-theme.css index a48a3f8..f4d25c0 100644 --- a/css/jse-theme.css +++ b/css/jse-theme.css @@ -12,23 +12,23 @@ } #slb_viewer_wrap .slb_theme_slb_black .slb_container, -div#cwv3_dialog.cwv3_dialog.js, #oca-a11y-skip-content, .plyr__menu__container, -.amnp#widget { +.amnp#widget, +.cw-box { background-color: var(--background) !important; } -div#cwv3_dialog.cwv3_dialog.js, -div.cwv3_btns, .gdrf-success, -.gdrf-errors { +.gdrf-errors, +.cw-overlay { border-color: var(--background-darker) !important; } #oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active, .plyr__control--overlaid:hover, -.plyr--video .plyr__control:focus-visible { +.plyr--video .plyr__control:focus-visible, +.cw-box button:hover { background-color: var(--href-dark) !important; } @@ -37,7 +37,8 @@ div.cwv3_btns, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true], .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before, -.amnp #progress-bar { +.amnp #progress-bar, +.cw-box button { background-color: var(--href) !important; } @@ -805,6 +806,9 @@ article.sticky::before { border-radius: 4px; background: var(--background-darker); } +.wp-block-table thead { + border-bottom: unset; +} .wp-block-table table { width: 100%; margin: 0 auto; diff --git a/css/noctua-theme.css b/css/noctua-theme.css index bdc0815..30b8907 100644 --- a/css/noctua-theme.css +++ b/css/noctua-theme.css @@ -12,23 +12,23 @@ } #slb_viewer_wrap .slb_theme_slb_black .slb_container, -div#cwv3_dialog.cwv3_dialog.js, #oca-a11y-skip-content, .plyr__menu__container, -.amnp#widget { +.amnp#widget, +.cw-box { background-color: var(--background) !important; } -div#cwv3_dialog.cwv3_dialog.js, -div.cwv3_btns, .gdrf-success, -.gdrf-errors { +.gdrf-errors, +.cw-overlay { border-color: var(--background-darker) !important; } #oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active, .plyr__control--overlaid:hover, -.plyr--video .plyr__control:focus-visible { +.plyr--video .plyr__control:focus-visible, +.cw-box button:hover { background-color: var(--href-dark) !important; } @@ -37,7 +37,8 @@ div.cwv3_btns, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true], .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before, -.amnp #progress-bar { +.amnp #progress-bar, +.cw-box button { background-color: var(--href) !important; } @@ -805,6 +806,9 @@ article.sticky::before { border-radius: 4px; background: var(--background-darker); } +.wp-block-table thead { + border-bottom: unset; +} .wp-block-table table { width: 100%; margin: 0 auto; diff --git a/css/old-default-theme.css b/css/old-default-theme.css index ec9cddc..f9ca6f3 100644 --- a/css/old-default-theme.css +++ b/css/old-default-theme.css @@ -12,23 +12,23 @@ } #slb_viewer_wrap .slb_theme_slb_black .slb_container, -div#cwv3_dialog.cwv3_dialog.js, #oca-a11y-skip-content, .plyr__menu__container, -.amnp#widget { +.amnp#widget, +.cw-box { background-color: var(--background) !important; } -div#cwv3_dialog.cwv3_dialog.js, -div.cwv3_btns, .gdrf-success, -.gdrf-errors { +.gdrf-errors, +.cw-overlay { border-color: var(--background-darker) !important; } #oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active, .plyr__control--overlaid:hover, -.plyr--video .plyr__control:focus-visible { +.plyr--video .plyr__control:focus-visible, +.cw-box button:hover { background-color: var(--href-dark) !important; } @@ -37,7 +37,8 @@ div.cwv3_btns, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true], .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before, -.amnp #progress-bar { +.amnp #progress-bar, +.cw-box button { background-color: var(--href) !important; } @@ -805,6 +806,9 @@ article.sticky::before { border-radius: 4px; background: var(--background-darker); } +.wp-block-table thead { + border-bottom: unset; +} .wp-block-table table { width: 100%; margin: 0 auto; diff --git a/css/pink-theme.css b/css/pink-theme.css index f399a20..ee41530 100644 --- a/css/pink-theme.css +++ b/css/pink-theme.css @@ -12,23 +12,23 @@ } #slb_viewer_wrap .slb_theme_slb_black .slb_container, -div#cwv3_dialog.cwv3_dialog.js, #oca-a11y-skip-content, .plyr__menu__container, -.amnp#widget { +.amnp#widget, +.cw-box { background-color: var(--background) !important; } -div#cwv3_dialog.cwv3_dialog.js, -div.cwv3_btns, .gdrf-success, -.gdrf-errors { +.gdrf-errors, +.cw-overlay { border-color: var(--background-darker) !important; } #oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active, .plyr__control--overlaid:hover, -.plyr--video .plyr__control:focus-visible { +.plyr--video .plyr__control:focus-visible, +.cw-box button:hover { background-color: var(--href-dark) !important; } @@ -37,7 +37,8 @@ div.cwv3_btns, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true], .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before, -.amnp #progress-bar { +.amnp #progress-bar, +.cw-box button { background-color: var(--href) !important; } @@ -805,6 +806,9 @@ article.sticky::before { border-radius: 4px; background: var(--background-darker); } +.wp-block-table thead { + border-bottom: unset; +} .wp-block-table table { width: 100%; margin: 0 auto; diff --git a/css/retro-theme.css b/css/retro-theme.css index 173aa10..843d32d 100644 --- a/css/retro-theme.css +++ b/css/retro-theme.css @@ -12,23 +12,23 @@ } #slb_viewer_wrap .slb_theme_slb_black .slb_container, -div#cwv3_dialog.cwv3_dialog.js, #oca-a11y-skip-content, .plyr__menu__container, -.amnp#widget { +.amnp#widget, +.cw-box { background-color: var(--background) !important; } -div#cwv3_dialog.cwv3_dialog.js, -div.cwv3_btns, .gdrf-success, -.gdrf-errors { +.gdrf-errors, +.cw-overlay { border-color: var(--background-darker) !important; } #oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active, .plyr__control--overlaid:hover, -.plyr--video .plyr__control:focus-visible { +.plyr--video .plyr__control:focus-visible, +.cw-box button:hover { background-color: var(--href-dark) !important; } @@ -37,7 +37,8 @@ div.cwv3_btns, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true], .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before, -.amnp #progress-bar { +.amnp #progress-bar, +.cw-box button { background-color: var(--href) !important; } @@ -805,6 +806,9 @@ article.sticky::before { border-radius: 4px; background: var(--background-darker); } +.wp-block-table thead { + border-bottom: unset; +} .wp-block-table table { width: 100%; margin: 0 auto; diff --git a/css/steam-theme.css b/css/steam-theme.css index 7d41e67..f76a8e8 100644 --- a/css/steam-theme.css +++ b/css/steam-theme.css @@ -12,23 +12,23 @@ } #slb_viewer_wrap .slb_theme_slb_black .slb_container, -div#cwv3_dialog.cwv3_dialog.js, #oca-a11y-skip-content, .plyr__menu__container, -.amnp#widget { +.amnp#widget, +.cw-box { background-color: var(--background) !important; } -div#cwv3_dialog.cwv3_dialog.js, -div.cwv3_btns, .gdrf-success, -.gdrf-errors { +.gdrf-errors, +.cw-overlay { border-color: var(--background-darker) !important; } #oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active, .plyr__control--overlaid:hover, -.plyr--video .plyr__control:focus-visible { +.plyr--video .plyr__control:focus-visible, +.cw-box button:hover { background-color: var(--href-dark) !important; } @@ -37,7 +37,8 @@ div.cwv3_btns, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true], .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before, -.amnp #progress-bar { +.amnp #progress-bar, +.cw-box button { background-color: var(--href) !important; } @@ -805,6 +806,9 @@ article.sticky::before { border-radius: 4px; background: var(--background-darker); } +.wp-block-table thead { + border-bottom: unset; +} .wp-block-table table { width: 100%; margin: 0 auto; diff --git a/css/tor-theme.css b/css/tor-theme.css index 0988160..15fbec2 100644 --- a/css/tor-theme.css +++ b/css/tor-theme.css @@ -12,23 +12,23 @@ } #slb_viewer_wrap .slb_theme_slb_black .slb_container, -div#cwv3_dialog.cwv3_dialog.js, #oca-a11y-skip-content, .plyr__menu__container, -.amnp#widget { +.amnp#widget, +.cw-box { background-color: var(--background) !important; } -div#cwv3_dialog.cwv3_dialog.js, -div.cwv3_btns, .gdrf-success, -.gdrf-errors { +.gdrf-errors, +.cw-overlay { border-color: var(--background-darker) !important; } #oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active, .plyr__control--overlaid:hover, -.plyr--video .plyr__control:focus-visible { +.plyr--video .plyr__control:focus-visible, +.cw-box button:hover { background-color: var(--href-dark) !important; } @@ -37,7 +37,8 @@ div.cwv3_btns, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true], .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before, -.amnp #progress-bar { +.amnp #progress-bar, +.cw-box button { background-color: var(--href) !important; } @@ -805,6 +806,9 @@ article.sticky::before { border-radius: 4px; background: var(--background-darker); } +.wp-block-table thead { + border-bottom: unset; +} .wp-block-table table { width: 100%; margin: 0 auto; diff --git a/css/trans-theme.css b/css/trans-theme.css index 103c379..5649da0 100644 --- a/css/trans-theme.css +++ b/css/trans-theme.css @@ -12,23 +12,23 @@ } #slb_viewer_wrap .slb_theme_slb_black .slb_container, -div#cwv3_dialog.cwv3_dialog.js, #oca-a11y-skip-content, .plyr__menu__container, -.amnp#widget { +.amnp#widget, +.cw-box { background-color: var(--background) !important; } -div#cwv3_dialog.cwv3_dialog.js, -div.cwv3_btns, .gdrf-success, -.gdrf-errors { +.gdrf-errors, +.cw-overlay { border-color: var(--background-darker) !important; } #oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active, .plyr__control--overlaid:hover, -.plyr--video .plyr__control:focus-visible { +.plyr--video .plyr__control:focus-visible, +.cw-box button:hover { background-color: var(--href-dark) !important; } @@ -37,7 +37,8 @@ div.cwv3_btns, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true], .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before, -.amnp #progress-bar { +.amnp #progress-bar, +.cw-box button { background-color: var(--href) !important; } @@ -805,6 +806,9 @@ article.sticky::before { border-radius: 4px; background: var(--background-darker); } +.wp-block-table thead { + border-bottom: unset; +} .wp-block-table table { width: 100%; margin: 0 auto; diff --git a/css/ubuntu-theme.css b/css/ubuntu-theme.css index 2667c59..c7927b2 100644 --- a/css/ubuntu-theme.css +++ b/css/ubuntu-theme.css @@ -12,23 +12,23 @@ } #slb_viewer_wrap .slb_theme_slb_black .slb_container, -div#cwv3_dialog.cwv3_dialog.js, #oca-a11y-skip-content, .plyr__menu__container, -.amnp#widget { +.amnp#widget, +.cw-box { background-color: var(--background) !important; } -div#cwv3_dialog.cwv3_dialog.js, -div.cwv3_btns, .gdrf-success, -.gdrf-errors { +.gdrf-errors, +.cw-overlay { border-color: var(--background-darker) !important; } #oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active, .plyr__control--overlaid:hover, -.plyr--video .plyr__control:focus-visible { +.plyr--video .plyr__control:focus-visible, +.cw-box button:hover { background-color: var(--href-dark) !important; } @@ -37,7 +37,8 @@ div.cwv3_btns, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true], .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before, -.amnp #progress-bar { +.amnp #progress-bar, +.cw-box button { background-color: var(--href) !important; } @@ -805,6 +806,9 @@ article.sticky::before { border-radius: 4px; background: var(--background-darker); } +.wp-block-table thead { + border-bottom: unset; +} .wp-block-table table { width: 100%; margin: 0 auto; diff --git a/scss/_base.scss b/scss/_base.scss index a7f2d1c..ff1d368 100644 --- a/scss/_base.scss +++ b/scss/_base.scss @@ -646,6 +646,10 @@ article.sticky::before { border-radius: 4px; background: var(--background-darker); + thead{ + border-bottom:unset; + } + table { width: 100%; margin: 0 auto; diff --git a/scss/_plugin_styles.scss b/scss/_plugin_styles.scss index 61fb39c..114743e 100644 --- a/scss/_plugin_styles.scss +++ b/scss/_plugin_styles.scss @@ -10,23 +10,23 @@ } #slb_viewer_wrap .slb_theme_slb_black .slb_container, -div#cwv3_dialog.cwv3_dialog.js, #oca-a11y-skip-content, .plyr__menu__container, -.amnp#widget { +.amnp#widget, +.cw-box { background-color: var(--background) !important; } -div#cwv3_dialog.cwv3_dialog.js, -div.cwv3_btns, .gdrf-success, -.gdrf-errors { +.gdrf-errors, +.cw-overlay { border-color: var(--background-darker) !important; } #oca-a11y-toolbar .oca-a11y-toolbar-overlay ul.oca-a11y-toolbar-items li.oca-a11y-toolbar-item a.active, .plyr__control--overlaid:hover, -.plyr--video .plyr__control:focus-visible { +.plyr--video .plyr__control:focus-visible, +.cw-box button:hover { background-color: var(--href-dark)!important; } @@ -35,7 +35,8 @@ div.cwv3_btns, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true], .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before, -.amnp #progress-bar { +.amnp #progress-bar, +.cw-box button { background-color: var(--href)!important; }