From 55c3e404e674740cf406df3f205ccfa5eb55402b Mon Sep 17 00:00:00 2001 From: Sophia Atkinson Date: Tue, 24 Jun 2025 21:44:36 -0700 Subject: [PATCH] add wp-anmp to style, and changed table styles --- css/debian-theme.css | 49 +++++++++++++++++++++++++++++++++------ css/default-theme.css | 49 +++++++++++++++++++++++++++++++++------ css/discord-theme.css | 49 +++++++++++++++++++++++++++++++++------ css/halloween-theme.css | 49 +++++++++++++++++++++++++++++++++------ css/jse-theme.css | 49 +++++++++++++++++++++++++++++++++------ css/noctua-theme.css | 49 +++++++++++++++++++++++++++++++++------ css/old-default-theme.css | 49 +++++++++++++++++++++++++++++++++------ css/pink-theme.css | 49 +++++++++++++++++++++++++++++++++------ css/retro-theme.css | 49 +++++++++++++++++++++++++++++++++------ css/steam-theme.css | 49 +++++++++++++++++++++++++++++++++------ css/tor-theme.css | 49 +++++++++++++++++++++++++++++++++------ css/trans-theme.css | 49 +++++++++++++++++++++++++++++++++------ css/ubuntu-theme.css | 49 +++++++++++++++++++++++++++++++++------ scss/_base.scss | 48 +++++++++++++++++++++++++++++++++----- scss/_plugin_styles.scss | 8 ++++--- scss/default-theme.scss | 2 +- 16 files changed, 594 insertions(+), 101 deletions(-) diff --git a/css/debian-theme.css b/css/debian-theme.css index 1f23df1..10e2c9c 100644 --- a/css/debian-theme.css +++ b/css/debian-theme.css @@ -14,7 +14,8 @@ #slb_viewer_wrap .slb_theme_slb_black .slb_container, div#cwv3_dialog.cwv3_dialog.js, #oca-a11y-skip-content, -.plyr__menu__container { +.plyr__menu__container, +.amnp#widget { background-color: var(--background) !important; } @@ -35,7 +36,8 @@ div.cwv3_btns, .plyr__control--overlaid, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true], -.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before { +.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before, +.amnp #progress-bar { background-color: var(--href) !important; } @@ -281,7 +283,8 @@ div#top-header.top-header-wrap.sad-clearfix, textarea#comment, input#author, input#email, -input#url { +input#url, +.widget { background-color: var(--background) !important; } @@ -386,8 +389,7 @@ input[type=password], input[type=search], input[type=text], input[type=url], -p.comment-form-cookies-consent #wp-comment-cookies-consent, -.widget { +p.comment-form-cookies-consent #wp-comment-cookies-consent { color: var(--text-color) !important; background-color: var(--background-darker); border-bottom: none; @@ -706,7 +708,8 @@ img, .wp-block-code, code, .censor, -p.no-comments { +p.no-comments, +.widget { border-radius: 2px; } @@ -785,7 +788,7 @@ article.sticky::before { .wp-lightbox-overlay .scrim { background-color: var(--background) !important; - opacity: 2; + opacity: 1; } .wp-lightbox-overlay .close-button { @@ -796,6 +799,38 @@ article.sticky::before { background: var(--background) !important; } +.wp-block-table { + margin: 2em 0; + overflow-x: auto; + border-radius: 4px; + background: var(--background-darker); +} +.wp-block-table table { + width: 100%; + margin: 0 auto; + border-collapse: collapse; + background: transparent; + color: var(--text-color); + font-family: var(--main-font); + font-size: 1em; +} +.wp-block-table th, +.wp-block-table td { + padding: 0.75em 1em; + border: 1px solid var(--href-dark); + text-align: left; + vertical-align: middle; +} +.wp-block-table th { + background: var(--href); + color: var(--text-color); + font-weight: 600; + letter-spacing: 0.03em; +} +.wp-block-table tr:nth-child(even) td { + background: var(--background); +} + @font-face { font-family: "OpenDyslexic2"; src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf"); diff --git a/css/default-theme.css b/css/default-theme.css index 5259db6..b758d55 100644 --- a/css/default-theme.css +++ b/css/default-theme.css @@ -14,7 +14,8 @@ #slb_viewer_wrap .slb_theme_slb_black .slb_container, div#cwv3_dialog.cwv3_dialog.js, #oca-a11y-skip-content, -.plyr__menu__container { +.plyr__menu__container, +.amnp#widget { background-color: var(--background) !important; } @@ -35,7 +36,8 @@ div.cwv3_btns, .plyr__control--overlaid, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true], -.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before { +.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before, +.amnp #progress-bar { background-color: var(--href) !important; } @@ -281,7 +283,8 @@ div#top-header.top-header-wrap.sad-clearfix, textarea#comment, input#author, input#email, -input#url { +input#url, +.widget { background-color: var(--background) !important; } @@ -386,8 +389,7 @@ input[type=password], input[type=search], input[type=text], input[type=url], -p.comment-form-cookies-consent #wp-comment-cookies-consent, -.widget { +p.comment-form-cookies-consent #wp-comment-cookies-consent { color: var(--text-color) !important; background-color: var(--background-darker); border-bottom: none; @@ -706,7 +708,8 @@ img, .wp-block-code, code, .censor, -p.no-comments { +p.no-comments, +.widget { border-radius: 2px; } @@ -785,7 +788,7 @@ article.sticky::before { .wp-lightbox-overlay .scrim { background-color: var(--background) !important; - opacity: 2; + opacity: 1; } .wp-lightbox-overlay .close-button { @@ -796,6 +799,38 @@ article.sticky::before { background: var(--background) !important; } +.wp-block-table { + margin: 2em 0; + overflow-x: auto; + border-radius: 4px; + background: var(--background-darker); +} +.wp-block-table table { + width: 100%; + margin: 0 auto; + border-collapse: collapse; + background: transparent; + color: var(--text-color); + font-family: var(--main-font); + font-size: 1em; +} +.wp-block-table th, +.wp-block-table td { + padding: 0.75em 1em; + border: 1px solid var(--href-dark); + text-align: left; + vertical-align: middle; +} +.wp-block-table th { + background: var(--href); + color: var(--text-color); + font-weight: 600; + letter-spacing: 0.03em; +} +.wp-block-table tr:nth-child(even) td { + background: var(--background); +} + @font-face { font-family: "OpenDyslexic2"; src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf"); diff --git a/css/discord-theme.css b/css/discord-theme.css index 6e96d09..4ec36cb 100644 --- a/css/discord-theme.css +++ b/css/discord-theme.css @@ -14,7 +14,8 @@ #slb_viewer_wrap .slb_theme_slb_black .slb_container, div#cwv3_dialog.cwv3_dialog.js, #oca-a11y-skip-content, -.plyr__menu__container { +.plyr__menu__container, +.amnp#widget { background-color: var(--background) !important; } @@ -35,7 +36,8 @@ div.cwv3_btns, .plyr__control--overlaid, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true], -.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before { +.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before, +.amnp #progress-bar { background-color: var(--href) !important; } @@ -281,7 +283,8 @@ div#top-header.top-header-wrap.sad-clearfix, textarea#comment, input#author, input#email, -input#url { +input#url, +.widget { background-color: var(--background) !important; } @@ -386,8 +389,7 @@ input[type=password], input[type=search], input[type=text], input[type=url], -p.comment-form-cookies-consent #wp-comment-cookies-consent, -.widget { +p.comment-form-cookies-consent #wp-comment-cookies-consent { color: var(--text-color) !important; background-color: var(--background-darker); border-bottom: none; @@ -706,7 +708,8 @@ img, .wp-block-code, code, .censor, -p.no-comments { +p.no-comments, +.widget { border-radius: 2px; } @@ -785,7 +788,7 @@ article.sticky::before { .wp-lightbox-overlay .scrim { background-color: var(--background) !important; - opacity: 2; + opacity: 1; } .wp-lightbox-overlay .close-button { @@ -796,6 +799,38 @@ article.sticky::before { background: var(--background) !important; } +.wp-block-table { + margin: 2em 0; + overflow-x: auto; + border-radius: 4px; + background: var(--background-darker); +} +.wp-block-table table { + width: 100%; + margin: 0 auto; + border-collapse: collapse; + background: transparent; + color: var(--text-color); + font-family: var(--main-font); + font-size: 1em; +} +.wp-block-table th, +.wp-block-table td { + padding: 0.75em 1em; + border: 1px solid var(--href-dark); + text-align: left; + vertical-align: middle; +} +.wp-block-table th { + background: var(--href); + color: var(--text-color); + font-weight: 600; + letter-spacing: 0.03em; +} +.wp-block-table tr:nth-child(even) td { + background: var(--background); +} + @font-face { font-family: "OpenDyslexic2"; src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf"); diff --git a/css/halloween-theme.css b/css/halloween-theme.css index a6a69f8..436abbc 100644 --- a/css/halloween-theme.css +++ b/css/halloween-theme.css @@ -14,7 +14,8 @@ #slb_viewer_wrap .slb_theme_slb_black .slb_container, div#cwv3_dialog.cwv3_dialog.js, #oca-a11y-skip-content, -.plyr__menu__container { +.plyr__menu__container, +.amnp#widget { background-color: var(--background) !important; } @@ -35,7 +36,8 @@ div.cwv3_btns, .plyr__control--overlaid, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true], -.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before { +.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before, +.amnp #progress-bar { background-color: var(--href) !important; } @@ -281,7 +283,8 @@ div#top-header.top-header-wrap.sad-clearfix, textarea#comment, input#author, input#email, -input#url { +input#url, +.widget { background-color: var(--background) !important; } @@ -386,8 +389,7 @@ input[type=password], input[type=search], input[type=text], input[type=url], -p.comment-form-cookies-consent #wp-comment-cookies-consent, -.widget { +p.comment-form-cookies-consent #wp-comment-cookies-consent { color: var(--text-color) !important; background-color: var(--background-darker); border-bottom: none; @@ -706,7 +708,8 @@ img, .wp-block-code, code, .censor, -p.no-comments { +p.no-comments, +.widget { border-radius: 2px; } @@ -785,7 +788,7 @@ article.sticky::before { .wp-lightbox-overlay .scrim { background-color: var(--background) !important; - opacity: 2; + opacity: 1; } .wp-lightbox-overlay .close-button { @@ -796,6 +799,38 @@ article.sticky::before { background: var(--background) !important; } +.wp-block-table { + margin: 2em 0; + overflow-x: auto; + border-radius: 4px; + background: var(--background-darker); +} +.wp-block-table table { + width: 100%; + margin: 0 auto; + border-collapse: collapse; + background: transparent; + color: var(--text-color); + font-family: var(--main-font); + font-size: 1em; +} +.wp-block-table th, +.wp-block-table td { + padding: 0.75em 1em; + border: 1px solid var(--href-dark); + text-align: left; + vertical-align: middle; +} +.wp-block-table th { + background: var(--href); + color: var(--text-color); + font-weight: 600; + letter-spacing: 0.03em; +} +.wp-block-table tr:nth-child(even) td { + background: var(--background); +} + @font-face { font-family: "OpenDyslexic2"; src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf"); diff --git a/css/jse-theme.css b/css/jse-theme.css index 03aee47..a48a3f8 100644 --- a/css/jse-theme.css +++ b/css/jse-theme.css @@ -14,7 +14,8 @@ #slb_viewer_wrap .slb_theme_slb_black .slb_container, div#cwv3_dialog.cwv3_dialog.js, #oca-a11y-skip-content, -.plyr__menu__container { +.plyr__menu__container, +.amnp#widget { background-color: var(--background) !important; } @@ -35,7 +36,8 @@ div.cwv3_btns, .plyr__control--overlaid, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true], -.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before { +.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before, +.amnp #progress-bar { background-color: var(--href) !important; } @@ -281,7 +283,8 @@ div#top-header.top-header-wrap.sad-clearfix, textarea#comment, input#author, input#email, -input#url { +input#url, +.widget { background-color: var(--background) !important; } @@ -386,8 +389,7 @@ input[type=password], input[type=search], input[type=text], input[type=url], -p.comment-form-cookies-consent #wp-comment-cookies-consent, -.widget { +p.comment-form-cookies-consent #wp-comment-cookies-consent { color: var(--text-color) !important; background-color: var(--background-darker); border-bottom: none; @@ -706,7 +708,8 @@ img, .wp-block-code, code, .censor, -p.no-comments { +p.no-comments, +.widget { border-radius: 2px; } @@ -785,7 +788,7 @@ article.sticky::before { .wp-lightbox-overlay .scrim { background-color: var(--background) !important; - opacity: 2; + opacity: 1; } .wp-lightbox-overlay .close-button { @@ -796,6 +799,38 @@ article.sticky::before { background: var(--background) !important; } +.wp-block-table { + margin: 2em 0; + overflow-x: auto; + border-radius: 4px; + background: var(--background-darker); +} +.wp-block-table table { + width: 100%; + margin: 0 auto; + border-collapse: collapse; + background: transparent; + color: var(--text-color); + font-family: var(--main-font); + font-size: 1em; +} +.wp-block-table th, +.wp-block-table td { + padding: 0.75em 1em; + border: 1px solid var(--href-dark); + text-align: left; + vertical-align: middle; +} +.wp-block-table th { + background: var(--href); + color: var(--text-color); + font-weight: 600; + letter-spacing: 0.03em; +} +.wp-block-table tr:nth-child(even) td { + background: var(--background); +} + @font-face { font-family: "OpenDyslexic2"; src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf"); diff --git a/css/noctua-theme.css b/css/noctua-theme.css index 0fb6f16..bdc0815 100644 --- a/css/noctua-theme.css +++ b/css/noctua-theme.css @@ -14,7 +14,8 @@ #slb_viewer_wrap .slb_theme_slb_black .slb_container, div#cwv3_dialog.cwv3_dialog.js, #oca-a11y-skip-content, -.plyr__menu__container { +.plyr__menu__container, +.amnp#widget { background-color: var(--background) !important; } @@ -35,7 +36,8 @@ div.cwv3_btns, .plyr__control--overlaid, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true], -.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before { +.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before, +.amnp #progress-bar { background-color: var(--href) !important; } @@ -281,7 +283,8 @@ div#top-header.top-header-wrap.sad-clearfix, textarea#comment, input#author, input#email, -input#url { +input#url, +.widget { background-color: var(--background) !important; } @@ -386,8 +389,7 @@ input[type=password], input[type=search], input[type=text], input[type=url], -p.comment-form-cookies-consent #wp-comment-cookies-consent, -.widget { +p.comment-form-cookies-consent #wp-comment-cookies-consent { color: var(--text-color) !important; background-color: var(--background-darker); border-bottom: none; @@ -706,7 +708,8 @@ img, .wp-block-code, code, .censor, -p.no-comments { +p.no-comments, +.widget { border-radius: 2px; } @@ -785,7 +788,7 @@ article.sticky::before { .wp-lightbox-overlay .scrim { background-color: var(--background) !important; - opacity: 2; + opacity: 1; } .wp-lightbox-overlay .close-button { @@ -796,6 +799,38 @@ article.sticky::before { background: var(--background) !important; } +.wp-block-table { + margin: 2em 0; + overflow-x: auto; + border-radius: 4px; + background: var(--background-darker); +} +.wp-block-table table { + width: 100%; + margin: 0 auto; + border-collapse: collapse; + background: transparent; + color: var(--text-color); + font-family: var(--main-font); + font-size: 1em; +} +.wp-block-table th, +.wp-block-table td { + padding: 0.75em 1em; + border: 1px solid var(--href-dark); + text-align: left; + vertical-align: middle; +} +.wp-block-table th { + background: var(--href); + color: var(--text-color); + font-weight: 600; + letter-spacing: 0.03em; +} +.wp-block-table tr:nth-child(even) td { + background: var(--background); +} + @font-face { font-family: "OpenDyslexic2"; src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf"); diff --git a/css/old-default-theme.css b/css/old-default-theme.css index e217293..ec9cddc 100644 --- a/css/old-default-theme.css +++ b/css/old-default-theme.css @@ -14,7 +14,8 @@ #slb_viewer_wrap .slb_theme_slb_black .slb_container, div#cwv3_dialog.cwv3_dialog.js, #oca-a11y-skip-content, -.plyr__menu__container { +.plyr__menu__container, +.amnp#widget { background-color: var(--background) !important; } @@ -35,7 +36,8 @@ div.cwv3_btns, .plyr__control--overlaid, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true], -.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before { +.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before, +.amnp #progress-bar { background-color: var(--href) !important; } @@ -281,7 +283,8 @@ div#top-header.top-header-wrap.sad-clearfix, textarea#comment, input#author, input#email, -input#url { +input#url, +.widget { background-color: var(--background) !important; } @@ -386,8 +389,7 @@ input[type=password], input[type=search], input[type=text], input[type=url], -p.comment-form-cookies-consent #wp-comment-cookies-consent, -.widget { +p.comment-form-cookies-consent #wp-comment-cookies-consent { color: var(--text-color) !important; background-color: var(--background-darker); border-bottom: none; @@ -706,7 +708,8 @@ img, .wp-block-code, code, .censor, -p.no-comments { +p.no-comments, +.widget { border-radius: 2px; } @@ -785,7 +788,7 @@ article.sticky::before { .wp-lightbox-overlay .scrim { background-color: var(--background) !important; - opacity: 2; + opacity: 1; } .wp-lightbox-overlay .close-button { @@ -796,6 +799,38 @@ article.sticky::before { background: var(--background) !important; } +.wp-block-table { + margin: 2em 0; + overflow-x: auto; + border-radius: 4px; + background: var(--background-darker); +} +.wp-block-table table { + width: 100%; + margin: 0 auto; + border-collapse: collapse; + background: transparent; + color: var(--text-color); + font-family: var(--main-font); + font-size: 1em; +} +.wp-block-table th, +.wp-block-table td { + padding: 0.75em 1em; + border: 1px solid var(--href-dark); + text-align: left; + vertical-align: middle; +} +.wp-block-table th { + background: var(--href); + color: var(--text-color); + font-weight: 600; + letter-spacing: 0.03em; +} +.wp-block-table tr:nth-child(even) td { + background: var(--background); +} + @font-face { font-family: "OpenDyslexic2"; src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf"); diff --git a/css/pink-theme.css b/css/pink-theme.css index e41d49f..f399a20 100644 --- a/css/pink-theme.css +++ b/css/pink-theme.css @@ -14,7 +14,8 @@ #slb_viewer_wrap .slb_theme_slb_black .slb_container, div#cwv3_dialog.cwv3_dialog.js, #oca-a11y-skip-content, -.plyr__menu__container { +.plyr__menu__container, +.amnp#widget { background-color: var(--background) !important; } @@ -35,7 +36,8 @@ div.cwv3_btns, .plyr__control--overlaid, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true], -.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before { +.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before, +.amnp #progress-bar { background-color: var(--href) !important; } @@ -281,7 +283,8 @@ div#top-header.top-header-wrap.sad-clearfix, textarea#comment, input#author, input#email, -input#url { +input#url, +.widget { background-color: var(--background) !important; } @@ -386,8 +389,7 @@ input[type=password], input[type=search], input[type=text], input[type=url], -p.comment-form-cookies-consent #wp-comment-cookies-consent, -.widget { +p.comment-form-cookies-consent #wp-comment-cookies-consent { color: var(--text-color) !important; background-color: var(--background-darker); border-bottom: none; @@ -706,7 +708,8 @@ img, .wp-block-code, code, .censor, -p.no-comments { +p.no-comments, +.widget { border-radius: 2px; } @@ -785,7 +788,7 @@ article.sticky::before { .wp-lightbox-overlay .scrim { background-color: var(--background) !important; - opacity: 2; + opacity: 1; } .wp-lightbox-overlay .close-button { @@ -796,6 +799,38 @@ article.sticky::before { background: var(--background) !important; } +.wp-block-table { + margin: 2em 0; + overflow-x: auto; + border-radius: 4px; + background: var(--background-darker); +} +.wp-block-table table { + width: 100%; + margin: 0 auto; + border-collapse: collapse; + background: transparent; + color: var(--text-color); + font-family: var(--main-font); + font-size: 1em; +} +.wp-block-table th, +.wp-block-table td { + padding: 0.75em 1em; + border: 1px solid var(--href-dark); + text-align: left; + vertical-align: middle; +} +.wp-block-table th { + background: var(--href); + color: var(--text-color); + font-weight: 600; + letter-spacing: 0.03em; +} +.wp-block-table tr:nth-child(even) td { + background: var(--background); +} + @font-face { font-family: "OpenDyslexic2"; src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf"); diff --git a/css/retro-theme.css b/css/retro-theme.css index 6931f00..173aa10 100644 --- a/css/retro-theme.css +++ b/css/retro-theme.css @@ -14,7 +14,8 @@ #slb_viewer_wrap .slb_theme_slb_black .slb_container, div#cwv3_dialog.cwv3_dialog.js, #oca-a11y-skip-content, -.plyr__menu__container { +.plyr__menu__container, +.amnp#widget { background-color: var(--background) !important; } @@ -35,7 +36,8 @@ div.cwv3_btns, .plyr__control--overlaid, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true], -.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before { +.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before, +.amnp #progress-bar { background-color: var(--href) !important; } @@ -281,7 +283,8 @@ div#top-header.top-header-wrap.sad-clearfix, textarea#comment, input#author, input#email, -input#url { +input#url, +.widget { background-color: var(--background) !important; } @@ -386,8 +389,7 @@ input[type=password], input[type=search], input[type=text], input[type=url], -p.comment-form-cookies-consent #wp-comment-cookies-consent, -.widget { +p.comment-form-cookies-consent #wp-comment-cookies-consent { color: var(--text-color) !important; background-color: var(--background-darker); border-bottom: none; @@ -706,7 +708,8 @@ img, .wp-block-code, code, .censor, -p.no-comments { +p.no-comments, +.widget { border-radius: 2px; } @@ -785,7 +788,7 @@ article.sticky::before { .wp-lightbox-overlay .scrim { background-color: var(--background) !important; - opacity: 2; + opacity: 1; } .wp-lightbox-overlay .close-button { @@ -796,6 +799,38 @@ article.sticky::before { background: var(--background) !important; } +.wp-block-table { + margin: 2em 0; + overflow-x: auto; + border-radius: 4px; + background: var(--background-darker); +} +.wp-block-table table { + width: 100%; + margin: 0 auto; + border-collapse: collapse; + background: transparent; + color: var(--text-color); + font-family: var(--main-font); + font-size: 1em; +} +.wp-block-table th, +.wp-block-table td { + padding: 0.75em 1em; + border: 1px solid var(--href-dark); + text-align: left; + vertical-align: middle; +} +.wp-block-table th { + background: var(--href); + color: var(--text-color); + font-weight: 600; + letter-spacing: 0.03em; +} +.wp-block-table tr:nth-child(even) td { + background: var(--background); +} + @font-face { font-family: "OpenDyslexic2"; src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf"); diff --git a/css/steam-theme.css b/css/steam-theme.css index 4d3bc9e..7d41e67 100644 --- a/css/steam-theme.css +++ b/css/steam-theme.css @@ -14,7 +14,8 @@ #slb_viewer_wrap .slb_theme_slb_black .slb_container, div#cwv3_dialog.cwv3_dialog.js, #oca-a11y-skip-content, -.plyr__menu__container { +.plyr__menu__container, +.amnp#widget { background-color: var(--background) !important; } @@ -35,7 +36,8 @@ div.cwv3_btns, .plyr__control--overlaid, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true], -.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before { +.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before, +.amnp #progress-bar { background-color: var(--href) !important; } @@ -281,7 +283,8 @@ div#top-header.top-header-wrap.sad-clearfix, textarea#comment, input#author, input#email, -input#url { +input#url, +.widget { background-color: var(--background) !important; } @@ -386,8 +389,7 @@ input[type=password], input[type=search], input[type=text], input[type=url], -p.comment-form-cookies-consent #wp-comment-cookies-consent, -.widget { +p.comment-form-cookies-consent #wp-comment-cookies-consent { color: var(--text-color) !important; background-color: var(--background-darker); border-bottom: none; @@ -706,7 +708,8 @@ img, .wp-block-code, code, .censor, -p.no-comments { +p.no-comments, +.widget { border-radius: 2px; } @@ -785,7 +788,7 @@ article.sticky::before { .wp-lightbox-overlay .scrim { background-color: var(--background) !important; - opacity: 2; + opacity: 1; } .wp-lightbox-overlay .close-button { @@ -796,6 +799,38 @@ article.sticky::before { background: var(--background) !important; } +.wp-block-table { + margin: 2em 0; + overflow-x: auto; + border-radius: 4px; + background: var(--background-darker); +} +.wp-block-table table { + width: 100%; + margin: 0 auto; + border-collapse: collapse; + background: transparent; + color: var(--text-color); + font-family: var(--main-font); + font-size: 1em; +} +.wp-block-table th, +.wp-block-table td { + padding: 0.75em 1em; + border: 1px solid var(--href-dark); + text-align: left; + vertical-align: middle; +} +.wp-block-table th { + background: var(--href); + color: var(--text-color); + font-weight: 600; + letter-spacing: 0.03em; +} +.wp-block-table tr:nth-child(even) td { + background: var(--background); +} + @font-face { font-family: "OpenDyslexic2"; src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf"); diff --git a/css/tor-theme.css b/css/tor-theme.css index d128099..0988160 100644 --- a/css/tor-theme.css +++ b/css/tor-theme.css @@ -14,7 +14,8 @@ #slb_viewer_wrap .slb_theme_slb_black .slb_container, div#cwv3_dialog.cwv3_dialog.js, #oca-a11y-skip-content, -.plyr__menu__container { +.plyr__menu__container, +.amnp#widget { background-color: var(--background) !important; } @@ -35,7 +36,8 @@ div.cwv3_btns, .plyr__control--overlaid, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true], -.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before { +.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before, +.amnp #progress-bar { background-color: var(--href) !important; } @@ -281,7 +283,8 @@ div#top-header.top-header-wrap.sad-clearfix, textarea#comment, input#author, input#email, -input#url { +input#url, +.widget { background-color: var(--background) !important; } @@ -386,8 +389,7 @@ input[type=password], input[type=search], input[type=text], input[type=url], -p.comment-form-cookies-consent #wp-comment-cookies-consent, -.widget { +p.comment-form-cookies-consent #wp-comment-cookies-consent { color: var(--text-color) !important; background-color: var(--background-darker); border-bottom: none; @@ -706,7 +708,8 @@ img, .wp-block-code, code, .censor, -p.no-comments { +p.no-comments, +.widget { border-radius: 2px; } @@ -785,7 +788,7 @@ article.sticky::before { .wp-lightbox-overlay .scrim { background-color: var(--background) !important; - opacity: 2; + opacity: 1; } .wp-lightbox-overlay .close-button { @@ -796,6 +799,38 @@ article.sticky::before { background: var(--background) !important; } +.wp-block-table { + margin: 2em 0; + overflow-x: auto; + border-radius: 4px; + background: var(--background-darker); +} +.wp-block-table table { + width: 100%; + margin: 0 auto; + border-collapse: collapse; + background: transparent; + color: var(--text-color); + font-family: var(--main-font); + font-size: 1em; +} +.wp-block-table th, +.wp-block-table td { + padding: 0.75em 1em; + border: 1px solid var(--href-dark); + text-align: left; + vertical-align: middle; +} +.wp-block-table th { + background: var(--href); + color: var(--text-color); + font-weight: 600; + letter-spacing: 0.03em; +} +.wp-block-table tr:nth-child(even) td { + background: var(--background); +} + @font-face { font-family: "OpenDyslexic2"; src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf"); diff --git a/css/trans-theme.css b/css/trans-theme.css index 0b0b525..103c379 100644 --- a/css/trans-theme.css +++ b/css/trans-theme.css @@ -14,7 +14,8 @@ #slb_viewer_wrap .slb_theme_slb_black .slb_container, div#cwv3_dialog.cwv3_dialog.js, #oca-a11y-skip-content, -.plyr__menu__container { +.plyr__menu__container, +.amnp#widget { background-color: var(--background) !important; } @@ -35,7 +36,8 @@ div.cwv3_btns, .plyr__control--overlaid, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true], -.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before { +.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before, +.amnp #progress-bar { background-color: var(--href) !important; } @@ -281,7 +283,8 @@ div#top-header.top-header-wrap.sad-clearfix, textarea#comment, input#author, input#email, -input#url { +input#url, +.widget { background-color: var(--background) !important; } @@ -386,8 +389,7 @@ input[type=password], input[type=search], input[type=text], input[type=url], -p.comment-form-cookies-consent #wp-comment-cookies-consent, -.widget { +p.comment-form-cookies-consent #wp-comment-cookies-consent { color: var(--text-color) !important; background-color: var(--background-darker); border-bottom: none; @@ -706,7 +708,8 @@ img, .wp-block-code, code, .censor, -p.no-comments { +p.no-comments, +.widget { border-radius: 2px; } @@ -785,7 +788,7 @@ article.sticky::before { .wp-lightbox-overlay .scrim { background-color: var(--background) !important; - opacity: 2; + opacity: 1; } .wp-lightbox-overlay .close-button { @@ -796,6 +799,38 @@ article.sticky::before { background: var(--background) !important; } +.wp-block-table { + margin: 2em 0; + overflow-x: auto; + border-radius: 4px; + background: var(--background-darker); +} +.wp-block-table table { + width: 100%; + margin: 0 auto; + border-collapse: collapse; + background: transparent; + color: var(--text-color); + font-family: var(--main-font); + font-size: 1em; +} +.wp-block-table th, +.wp-block-table td { + padding: 0.75em 1em; + border: 1px solid var(--href-dark); + text-align: left; + vertical-align: middle; +} +.wp-block-table th { + background: var(--href); + color: var(--text-color); + font-weight: 600; + letter-spacing: 0.03em; +} +.wp-block-table tr:nth-child(even) td { + background: var(--background); +} + @font-face { font-family: "OpenDyslexic2"; src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf"); diff --git a/css/ubuntu-theme.css b/css/ubuntu-theme.css index b66e74a..2667c59 100644 --- a/css/ubuntu-theme.css +++ b/css/ubuntu-theme.css @@ -14,7 +14,8 @@ #slb_viewer_wrap .slb_theme_slb_black .slb_container, div#cwv3_dialog.cwv3_dialog.js, #oca-a11y-skip-content, -.plyr__menu__container { +.plyr__menu__container, +.amnp#widget { background-color: var(--background) !important; } @@ -35,7 +36,8 @@ div.cwv3_btns, .plyr__control--overlaid, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true], -.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before { +.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before, +.amnp #progress-bar { background-color: var(--href) !important; } @@ -281,7 +283,8 @@ div#top-header.top-header-wrap.sad-clearfix, textarea#comment, input#author, input#email, -input#url { +input#url, +.widget { background-color: var(--background) !important; } @@ -386,8 +389,7 @@ input[type=password], input[type=search], input[type=text], input[type=url], -p.comment-form-cookies-consent #wp-comment-cookies-consent, -.widget { +p.comment-form-cookies-consent #wp-comment-cookies-consent { color: var(--text-color) !important; background-color: var(--background-darker); border-bottom: none; @@ -706,7 +708,8 @@ img, .wp-block-code, code, .censor, -p.no-comments { +p.no-comments, +.widget { border-radius: 2px; } @@ -785,7 +788,7 @@ article.sticky::before { .wp-lightbox-overlay .scrim { background-color: var(--background) !important; - opacity: 2; + opacity: 1; } .wp-lightbox-overlay .close-button { @@ -796,6 +799,38 @@ article.sticky::before { background: var(--background) !important; } +.wp-block-table { + margin: 2em 0; + overflow-x: auto; + border-radius: 4px; + background: var(--background-darker); +} +.wp-block-table table { + width: 100%; + margin: 0 auto; + border-collapse: collapse; + background: transparent; + color: var(--text-color); + font-family: var(--main-font); + font-size: 1em; +} +.wp-block-table th, +.wp-block-table td { + padding: 0.75em 1em; + border: 1px solid var(--href-dark); + text-align: left; + vertical-align: middle; +} +.wp-block-table th { + background: var(--href); + color: var(--text-color); + font-weight: 600; + letter-spacing: 0.03em; +} +.wp-block-table tr:nth-child(even) td { + background: var(--background); +} + @font-face { font-family: "OpenDyslexic2"; src: url("/wp-content/fonts/OpenDyslexic2-Alt-A/fonts/OpenDyslexicAlta-Regular.otf"); diff --git a/scss/_base.scss b/scss/_base.scss index 3ccda7b..a7f2d1c 100644 --- a/scss/_base.scss +++ b/scss/_base.scss @@ -72,7 +72,7 @@ nav#site-navigation.main-navigation.isActive, .comment-list .comment-body, #respond, .sad-author-box, -textarea#comment { +textarea#comment{ background-color: var(--background-darker) !important; } @@ -120,7 +120,8 @@ div#top-header.top-header-wrap.sad-clearfix, textarea#comment, input#author, input#email, -input#url { +input#url, +.widget { background-color: var(--background) !important; } @@ -225,8 +226,7 @@ input[type=password], input[type=search], input[type=text], input[type=url], -p.comment-form-cookies-consent #wp-comment-cookies-consent, -.widget { +p.comment-form-cookies-consent #wp-comment-cookies-consent { color: var(--text-color) !important; background-color: var(--background-darker); border-bottom: none; @@ -548,7 +548,8 @@ img, .wp-block-code, code, .censor, -p.no-comments { +p.no-comments, +.widget { border-radius: 2px; } @@ -630,7 +631,7 @@ article.sticky::before { .wp-lightbox-overlay .scrim { background-color: var(--background) !important; - opacity: 2; + opacity: 1; } .wp-lightbox-overlay .close-button { @@ -639,3 +640,38 @@ article.sticky::before { .mejs-container,.mejs-container .mejs-controls,.mejs-embed,.mejs-embed body { background: var(--background)!important; } +.wp-block-table { + margin: 2em 0; + overflow-x: auto; + border-radius: 4px; + background: var(--background-darker); + + table { + width: 100%; + margin: 0 auto; + border-collapse: collapse; + background: transparent; + color: var(--text-color); + font-family: var(--main-font); + font-size: 1em; + } + + th, + td { + padding: 0.75em 1em; + border: 1px solid var(--href-dark); + text-align: left; + vertical-align: middle; + } + + th { + background: var(--href); + color: var(--text-color); + font-weight: 600; + letter-spacing: 0.03em; + } + + tr:nth-child(even) td { + background: var(--background); + } +} diff --git a/scss/_plugin_styles.scss b/scss/_plugin_styles.scss index 2a88cf0..61fb39c 100644 --- a/scss/_plugin_styles.scss +++ b/scss/_plugin_styles.scss @@ -12,7 +12,8 @@ #slb_viewer_wrap .slb_theme_slb_black .slb_container, div#cwv3_dialog.cwv3_dialog.js, #oca-a11y-skip-content, -.plyr__menu__container { +.plyr__menu__container, +.amnp#widget { background-color: var(--background) !important; } @@ -33,7 +34,8 @@ div.cwv3_btns, .plyr__control--overlaid, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true], -.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before { +.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before, +.amnp #progress-bar { background-color: var(--href)!important; } @@ -59,5 +61,5 @@ div.cwv3_btns, body.oca-a11y-dyslexia-font, body.oca-a11y-dyslexia-font :not(i):not(span) { - font-family: OpenDyslexic2!important + font-family: OpenDyslexic2 !important; } diff --git a/scss/default-theme.scss b/scss/default-theme.scss index 8bfabf6..d505ba8 100644 --- a/scss/default-theme.scss +++ b/scss/default-theme.scss @@ -10,4 +10,4 @@ --main-font:'Oxygen',sans-serif; --special-font:'Damion',handwriting; --cursor:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAAEEfUpiAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAInpUWHRTb2Z0d2FyZQAACJlzTMlPSlXwzE1MTw1KTUypBAAvnAXUekLysgAABX9JREFUWIW1V0tsG0UY3jzUKwKJA+KAeF0RSByKEOLUCyAkTkgVKhw4VUjUXufp9SNtQl5tHO/YbRJ7xykgkEAIwQUEqBVCENSIsrt52Z7pQyVtoJCKNlXbeO0Z9I9n15vETpxUjDTa9eqf7//+f/6XFTScVyKqpXgrmySBXIrySMiqfcCIcthC0tDJEUMXEqeFxNEe+4EagKIoi/OrPNZpveB9yC/e4IZO4Mhh8QEjWjJ0wjwtGFGhJd5pP6n5+fh5Lc6vChjgF+2w3vBOwzKSJHDm22uCZ2okz4ZjCz9HQlbIr0JxN6BoqlmzElas0/oyErLatip3VejEiXZYcKq9rsDy1VsORpTFu+z6QlIASLJjPXN8i7prK2uugBAa0IRQqydw5cpNB+wHC4ai8+Wwap7ZYAVGFBBmwb0D4TlHU32npUCbgQg8AYVtuH5pZnA6Te9GQhaPd9mPgCUR1VSaXtkkCaz8uebkl26w6TSFWID9TNNA2SQJgKvgwl1PgNF93TYAHRBAfqObAODgMQCC9/7wHETQIXBtXSCMaGA6TYWrNwDohIHTMKLlbJKUIYg01VS0zSAY0cDMT385n390GYQroBkOAmA4aPL33p1VPslcUhoyMBB51UCC8h8ybLNwtwCSTRLmhm9DP2C9Fu/w/vHkRbhaezi+AAwqmmoegLuPhBrcyMRY8ZVw0ByLdlgK2Litx+stQyc8PVJY11RzHg4LR+0mkAyd8NOnLrCTo4VSWDUvuyBNM8mlKS/zEptKFNnEiaITDprXPZB6ZWYLQIryEltnmQQRyTI5JkDWmmaS8wG4GTc1LkAc9/q2BcltBRAgEH0QSDuC5DYBbADRN4HU80kuTXmJr7PMeA3AD2LopAIgDf1h6IRDHsgDmzOykkvRcrTDuhMJWVlNNbcWYIwod/g6mzhe9A6CWR9E5vlIfOG3/vDcjKaa3zX0QzZJ+KVL/0oTSMVlMhxfAM1nOedKOGg29gHeQJlAJgIIpDZzHag1SiTXBxLkKeyrvgDQ12VDLGhaqI7tPgaK3K0GIi0Y0bOGTsq5FGVHu+17kZBlbhvSXj0QTwJxse/k8QKPVTvaNztGoqGT54G2PpQXzVNTzfN93fZD0erBNje9d10nml2GTo5Iv4kmmR4tlKBJaapZjHfZj0oL2qsk/gciGNFAdpzw87N/O7fv3mU//rDC4PepE4USDAZh1VyOd9pP+4k0XWqaWVk5nS0v33IgpxfmVnkmQZiBqp0Fahx023DQ/CfWaT23hcj9eiTrErhaJQAN1ldYvBY3mSg6fV02ELkd67RedonEu+ydS959EOBul3eJZMaJc7RHEIFMf10qb2uq9u6FAK5VRo8IfIN63d87x3uDJoweb8kOIons4mqymwjIGNhAYDsiUDRgrJRl67Ak0uLWvh2DFUMWJAnPL91woCqf++U6nxwrcuyblXxX4ZHw9QtxNVOJYkWmLxB5TRJp1Zol8Klx0fn6syvM8CmrpxyeUCY3kxntE5MQKId9yB8b265MggQ+PHWB31y743DusHMz19nJkUJViXSzdDnPIconxoowr5V7Aybvfv/3g1OJovLS/u/b335zxms7bno2FZQY0QCAQ3TDMChbc9nzgl611tcsYYgCEkxa+2K1JlhtMLruOhswoiGp7B5GdF0qgkn1YYzogxjRNYxq9w2y0ynK9MG82y9hhnpMKhXBt6uFoYfqNIR1smAg+hVG9AkD/tkhug+eGNH9/h7rEoH3QfjfVCXxKzRtd++SAFUMnbbKngz9WL4TaFRthi6eB2XwrU+naCWTJM5QbN4fdO/I0lz/T8BelkvixLHFluTgkpIYWHo82mF90RswLU0109EO61m34Liu30sl/A+22oG1vp3dUAAAAABJRU5ErkJggg=="); -} \ No newline at end of file +}