From 0117512f2b723293a700eca104d204a805b4a85b Mon Sep 17 00:00:00 2001 From: pjohns Date: Sat, 26 May 2018 16:31:59 -0600 Subject: [PATCH] improve rss styling fix #157 --- .../userContent_no_addons.css | 104 +++++++++--------- css/userContent-files/rss.css | 104 +++++++++--------- userContent.css | 104 +++++++++--------- 3 files changed, 153 insertions(+), 159 deletions(-) diff --git a/alternative_user_files/userContent_no_addons.css b/alternative_user_files/userContent_no_addons.css index 8a39c71..0b2e808 100644 --- a/alternative_user_files/userContent_no_addons.css +++ b/alternative_user_files/userContent_no_addons.css @@ -1227,59 +1227,57 @@ url-prefix(https://discovery.addons.mozilla.org) { color: var(--in-content-page-color)!important } } -@-moz-document regexp(".*\.(atom|rss)$") { - body, - html { - background-color: var(--in-content-page-background)!important; - color: var(--in-content-page-color)!important - } - h1 { - border-color: var(--in-content-box-border-color)!important; - color: var(--in-content-selected-text)!important - } - #feedBody, - #feedHeader { - background-color: var(--in-content-box-background)!important; - border-color: var(--in-content-box-border-color)!important; - color: var(--in-content-page-color)!important - } - *|:link { - color: var(--in-content-link-color)!important - } - #subscribeButton { - -moz-appearance: none!important; - background: var(--in-content-page-background)!important; - color: var(--in-content-page-color)!important; - border: 1px solid; - border-color: var(--in-content-box-border-color)!important; - border-radius: 4px - } - #subscribeButton:hover { - background: var(--in-content-box-background)!important - } - .enclosures { - background: var(--in-content-page-background)!important; - border-color: var(--in-content-box-border-color)!important - } - #feedHeaderContainer { - background-color: var(--in-content-box-background)!important; - display: inline-block!important - } - #feedHeaderContainerSpacer { - display: none!important - } - #feedBody div.entry a[href] { - color: var(--in-content-link-color)!important - } - #feedBody div.entry a[href]:hover { - color: var(--in-content-link-color-hover)!important - } - #feedBody div.entry a[href]:active { - color: var(--in-content-link-color-active)!important - } - #feedBody div.entry a[href]:visited { - color: var(--in-content-link-color-visited)!important - } +html#feedHandler, +html#feedHandler body { + background-color: var(--in-content-page-background)!important; + color: var(--in-content-page-color)!important +} +html#feedHandler h1 { + border-color: var(--in-content-box-border-color)!important; + color: var(--in-content-selected-text)!important +} +html#feedHandler #feedBody, +html#feedHandler #feedHeader { + background-color: var(--in-content-box-background)!important; + border-color: var(--in-content-box-border-color)!important; + color: var(--in-content-page-color)!important +} +html#feedHandler *|:link { + color: var(--in-content-link-color)!important +} +html#feedHandler #subscribeButton { + -moz-appearance: none!important; + background: var(--in-content-page-background)!important; + color: var(--in-content-page-color)!important; + border: 1px solid; + border-color: var(--in-content-box-border-color)!important; + border-radius: 4px +} +html#feedHandler #subscribeButton:hover { + background: var(--in-content-box-background)!important +} +html#feedHandler .enclosures { + background: var(--in-content-page-background)!important; + border-color: var(--in-content-box-border-color)!important +} +#feedHeaderContainer { + background-color: var(--in-content-box-background)!important; + display: inline-block!important +} +#feedHeaderContainerSpacer { + display: none!important +} +#feedBody div.entry a[href] { + color: var(--in-content-link-color)!important +} +#feedBody div.entry a[href]:hover { + color: var(--in-content-link-color-hover)!important +} +#feedBody div.entry a[href]:active { + color: var(--in-content-link-color-active)!important +} +#feedBody div.entry a[href]:visited { + color: var(--in-content-link-color-visited)!important } @-moz-document url-prefix(view-source) { :root { diff --git a/css/userContent-files/rss.css b/css/userContent-files/rss.css index e217689..3c0c763 100644 --- a/css/userContent-files/rss.css +++ b/css/userContent-files/rss.css @@ -1,54 +1,52 @@ -@-moz-document regexp(".*\.(atom|rss)$") { - body, - html { - background-color: var(--in-content-page-background)!important; - color: var(--in-content-page-color)!important - } - h1 { - border-color: var(--in-content-box-border-color)!important; - color: var(--in-content-selected-text)!important - } - #feedBody, - #feedHeader { - background-color: var(--in-content-box-background)!important; - border-color: var(--in-content-box-border-color)!important; - color: var(--in-content-page-color)!important - } - *|:link { - color: var(--in-content-link-color)!important - } - #subscribeButton { - -moz-appearance: none!important; - background: var(--in-content-page-background)!important; - color: var(--in-content-page-color)!important; - border: 1px solid; - border-color: var(--in-content-box-border-color)!important; - border-radius: 4px - } - #subscribeButton:hover { - background: var(--in-content-box-background)!important - } - .enclosures { - background: var(--in-content-page-background)!important; - border-color: var(--in-content-box-border-color)!important - } - #feedHeaderContainer { - background-color: var(--in-content-box-background)!important; - display: inline-block!important - } - #feedHeaderContainerSpacer { - display: none!important - } - #feedBody div.entry a[href] { - color: var(--in-content-link-color)!important - } - #feedBody div.entry a[href]:hover { - color: var(--in-content-link-color-hover)!important - } - #feedBody div.entry a[href]:active { - color: var(--in-content-link-color-active)!important - } - #feedBody div.entry a[href]:visited { - color: var(--in-content-link-color-visited)!important - } +html#feedHandler, +html#feedHandler body { + background-color: var(--in-content-page-background)!important; + color: var(--in-content-page-color)!important +} +html#feedHandler h1 { + border-color: var(--in-content-box-border-color)!important; + color: var(--in-content-selected-text)!important +} +html#feedHandler #feedBody, +html#feedHandler #feedHeader { + background-color: var(--in-content-box-background)!important; + border-color: var(--in-content-box-border-color)!important; + color: var(--in-content-page-color)!important +} +html#feedHandler *|:link { + color: var(--in-content-link-color)!important +} +html#feedHandler #subscribeButton { + -moz-appearance: none!important; + background: var(--in-content-page-background)!important; + color: var(--in-content-page-color)!important; + border: 1px solid; + border-color: var(--in-content-box-border-color)!important; + border-radius: 4px +} +html#feedHandler #subscribeButton:hover { + background: var(--in-content-box-background)!important +} +html#feedHandler .enclosures { + background: var(--in-content-page-background)!important; + border-color: var(--in-content-box-border-color)!important +} +#feedHeaderContainer { + background-color: var(--in-content-box-background)!important; + display: inline-block!important +} +#feedHeaderContainerSpacer { + display: none!important +} +#feedBody div.entry a[href] { + color: var(--in-content-link-color)!important +} +#feedBody div.entry a[href]:hover { + color: var(--in-content-link-color-hover)!important +} +#feedBody div.entry a[href]:active { + color: var(--in-content-link-color-active)!important +} +#feedBody div.entry a[href]:visited { + color: var(--in-content-link-color-visited)!important } \ No newline at end of file diff --git a/userContent.css b/userContent.css index d8161cc..552c34a 100644 --- a/userContent.css +++ b/userContent.css @@ -1227,59 +1227,57 @@ url-prefix(https://discovery.addons.mozilla.org) { color: var(--in-content-page-color)!important } } -@-moz-document regexp(".*\.(atom|rss)$") { - body, - html { - background-color: var(--in-content-page-background)!important; - color: var(--in-content-page-color)!important - } - h1 { - border-color: var(--in-content-box-border-color)!important; - color: var(--in-content-selected-text)!important - } - #feedBody, - #feedHeader { - background-color: var(--in-content-box-background)!important; - border-color: var(--in-content-box-border-color)!important; - color: var(--in-content-page-color)!important - } - *|:link { - color: var(--in-content-link-color)!important - } - #subscribeButton { - -moz-appearance: none!important; - background: var(--in-content-page-background)!important; - color: var(--in-content-page-color)!important; - border: 1px solid; - border-color: var(--in-content-box-border-color)!important; - border-radius: 4px - } - #subscribeButton:hover { - background: var(--in-content-box-background)!important - } - .enclosures { - background: var(--in-content-page-background)!important; - border-color: var(--in-content-box-border-color)!important - } - #feedHeaderContainer { - background-color: var(--in-content-box-background)!important; - display: inline-block!important - } - #feedHeaderContainerSpacer { - display: none!important - } - #feedBody div.entry a[href] { - color: var(--in-content-link-color)!important - } - #feedBody div.entry a[href]:hover { - color: var(--in-content-link-color-hover)!important - } - #feedBody div.entry a[href]:active { - color: var(--in-content-link-color-active)!important - } - #feedBody div.entry a[href]:visited { - color: var(--in-content-link-color-visited)!important - } +html#feedHandler, +html#feedHandler body { + background-color: var(--in-content-page-background)!important; + color: var(--in-content-page-color)!important +} +html#feedHandler h1 { + border-color: var(--in-content-box-border-color)!important; + color: var(--in-content-selected-text)!important +} +html#feedHandler #feedBody, +html#feedHandler #feedHeader { + background-color: var(--in-content-box-background)!important; + border-color: var(--in-content-box-border-color)!important; + color: var(--in-content-page-color)!important +} +html#feedHandler *|:link { + color: var(--in-content-link-color)!important +} +html#feedHandler #subscribeButton { + -moz-appearance: none!important; + background: var(--in-content-page-background)!important; + color: var(--in-content-page-color)!important; + border: 1px solid; + border-color: var(--in-content-box-border-color)!important; + border-radius: 4px +} +html#feedHandler #subscribeButton:hover { + background: var(--in-content-box-background)!important +} +html#feedHandler .enclosures { + background: var(--in-content-page-background)!important; + border-color: var(--in-content-box-border-color)!important +} +#feedHeaderContainer { + background-color: var(--in-content-box-background)!important; + display: inline-block!important +} +#feedHeaderContainerSpacer { + display: none!important +} +#feedBody div.entry a[href] { + color: var(--in-content-link-color)!important +} +#feedBody div.entry a[href]:hover { + color: var(--in-content-link-color-hover)!important +} +#feedBody div.entry a[href]:active { + color: var(--in-content-link-color-active)!important +} +#feedBody div.entry a[href]:visited { + color: var(--in-content-link-color-visited)!important } @-moz-document url-prefix(view-source) { :root {