├── images ├── jade-palette.png ├── ss-gr-recent.png ├── ss-gr-login-og.png ├── ss-gr-login-zs.png ├── ss_v1.1-gr-news.png ├── ss-gr-2018-choice.png ├── ss_v1.1-gr-explore.png ├── jade-palette_bkg-txt.png ├── ss-gr-recent-zerosat.png ├── og-jade_default-gr-link.png ├── ss_v1.1-gr-2018-choice.png └── logo.svg ├── LICENSE.md ├── CHANGELOG.md ├── README.md ├── goodreads-dark-og.user.css └── goodreads-dark.user.css /images/jade-palette.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/obscuredetour/goodreads-dark/HEAD/images/jade-palette.png -------------------------------------------------------------------------------- /images/ss-gr-recent.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/obscuredetour/goodreads-dark/HEAD/images/ss-gr-recent.png -------------------------------------------------------------------------------- /images/ss-gr-login-og.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/obscuredetour/goodreads-dark/HEAD/images/ss-gr-login-og.png -------------------------------------------------------------------------------- /images/ss-gr-login-zs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/obscuredetour/goodreads-dark/HEAD/images/ss-gr-login-zs.png -------------------------------------------------------------------------------- /images/ss_v1.1-gr-news.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/obscuredetour/goodreads-dark/HEAD/images/ss_v1.1-gr-news.png -------------------------------------------------------------------------------- /images/ss-gr-2018-choice.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/obscuredetour/goodreads-dark/HEAD/images/ss-gr-2018-choice.png -------------------------------------------------------------------------------- /images/ss_v1.1-gr-explore.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/obscuredetour/goodreads-dark/HEAD/images/ss_v1.1-gr-explore.png -------------------------------------------------------------------------------- /images/jade-palette_bkg-txt.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/obscuredetour/goodreads-dark/HEAD/images/jade-palette_bkg-txt.png -------------------------------------------------------------------------------- /images/ss-gr-recent-zerosat.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/obscuredetour/goodreads-dark/HEAD/images/ss-gr-recent-zerosat.png -------------------------------------------------------------------------------- /images/og-jade_default-gr-link.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/obscuredetour/goodreads-dark/HEAD/images/og-jade_default-gr-link.png -------------------------------------------------------------------------------- /images/ss_v1.1-gr-2018-choice.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/obscuredetour/goodreads-dark/HEAD/images/ss_v1.1-gr-2018-choice.png -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- 1 | 2 | The MIT License (MIT) 3 | 4 | Copyright (c) 2018 5 | 6 | Permission is hereby granted, free of charge, to any person obtaining a copy 7 | of this software and associated documentation files (the "Software"), to deal 8 | in the Software without restriction, including without limitation the rights 9 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 10 | copies of the Software, and to permit persons to whom the Software is 11 | furnished to do so, subject to the following conditions: 12 | 13 | The above copyright notice and this permission notice shall be included in all 14 | copies or substantial portions of the Software. 15 | 16 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 17 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 18 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 19 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 20 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 21 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 22 | SOFTWARE. 23 | -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | # Changelog 2 | All notable changes to this project will be documented in this file. 3 | 4 | <<<<<<< HEAD 5 | ## [1.8.5] - 2020-05-24 6 | ### Changed 7 | - Logo fix. 8 | ======= 9 | ## [1.8.4] - 2019-11-13 10 | ### Added 11 | - Choice awards logo fix. 12 | >>>>>>> cba77ef12f350a38e4661efaaf31f3254016a7a7 13 | 14 | ## [1.8.3] - 2019-07-14 15 | ### Added 16 | - Quote specific page styling fix. 17 | 18 | ## [1.8.2] - 2019-05-25 19 | ### Added 20 | - Career page now styled. 21 | 22 | ### Changed 23 | - Removed summer reading banner and logo. 24 | - Fixed Author blog pages styling. 25 | 26 | ## [1.8.0] - 2019-04-21 27 | ### Changed 28 | - Fixed white bkg News Feed Item w/ Author comment or like present. 29 | - Altered inline text highlight on news feed not colored correctly. 30 | - Fixed UserCSS auto update. 31 | - Removed zerosat file since auto update never worked (oops). 32 | - Updated bookshelf .png buttons to absolute URLs. 33 | 34 | ## [1.7.9] - 2019-02-22 35 | ### Added 36 | - Created new base64 images for input radio and check boxes. 37 | 38 | ### Changed 39 | - 'Edit Shelves' page now uses new base64 themed images. Bumped up font size in table. 40 | - Tooltip popup fixes! (hover/active state over actionable items) 41 | - Recommended books, right side of page (when viewing a book), under 'Readers Also Enjoyed' 42 | - When editing book status, also updated to new base64 themed images. 43 | - When editing book read status. 44 | - Fixed Community question pages. 45 | - Tweaked styling for review comments. Input field now visible, border radius matches rest of theme. 46 | 47 | ## [1.7.8] - 2019-02-19 48 | ### Changed 49 | - Fixed spoiler text colors. 50 | - Tweaked News & Interview pages for better readability. 51 | 52 | ### Added 53 | - Book review modal themed. 54 | 55 | ## [1.7.7] - 2019-02-18 56 | ### Added 57 | - New footer introduced, themed accordingly. 58 | - Themed 'share' modal. 59 | - Themed 'share' icon. 60 | 61 | ### Changed 62 | - News & Interview article cards fixed. 63 | 64 | ## [1.7.6] - 2019-02-04 65 | ### Added 66 | - Book shelf settings, buttons, arrow icons, & stats themed. 67 | 68 | ## [1.7.5] - 2019-02-04 69 | ### Added 70 | - Log in modal and 'Join Goodreads' notice box themed. 71 | 72 | ## [1.7.4] - 2019-02-02 73 | ### Added 74 | - *Signed out* page themed accordingly. 75 | 76 | ### Changed 77 | - Default screenshots changed to newly themed *Signed out* page. 78 | 79 | ## [1.7.3] - 2019-01-30 80 | ### Changed 81 | - Default is now zero saturation. 82 | 83 | ## [1.7.3] - 2019-01-30 84 | ### Changed 85 | - Group page themed accordingly. 86 | 87 | ## [1.7.2] - 2019-01-28 88 | ### Changed 89 | - User feed's spoiler text. 90 | 91 | ## [1.7.1] - 2019-01-27 92 | ### Changed 93 | - Show spoiler links fixed. 94 | 95 | ## [1.7.1] - 2019-01-27 96 | ### Changed 97 | - User *Notes & Highlights* & Author *Notes* sections. 98 | - Themed user book highlights. -Thx [Alana R.](https://forum.userstyles.org/profile/Alana%20R.) 99 | - Issues when viewing other user profiles. 100 | - Author question intent not themed correctly. 101 | - Themed default profile & book images when no photo is present. 102 | - Titles in the *Quizzes* section. 103 | 104 | ## [1.7.0] - 2019-01-18 105 | ### Changed 106 | - Readme update with badges 107 | - Changed color values, HSLA to HSL 108 | - Changes don't require version bump 109 | 110 | ## [1.7.0] - 2019-01-17 111 | ### Changed 112 | - Fixed user comment link color 113 | - Fixed news feed footer action links sometimes overlapping content 114 | - Fixed contrast and colors on authorization (re-enter password) page 115 | - Altered box shadows to better represent real shadows 116 | - Themed Goodreads author icons 117 | - Fixed reading challenge progress bar in profile page 118 | - Fixed reading challenge 'on-track' status in profile page 119 | - Fixed certain tooltips that had no right border 120 | - Updated Jade color palette image 121 | - Revamped [README.md](README.md) 122 | 123 | ### Added 124 | - **New** -Zero saturation version (background colors become more grey & less green) 125 | - Themed new footerV2 on some pages 126 | - New screenshots for current (1.7) version 127 | - Added Background & Text color palette image 128 | - This file is new! It is already long, which is why it deserves its own file. 129 | 130 | ## [1.6.0] - 2019-01-12 131 | ### Changed 132 | - Tweaked drop down shadows 133 | 134 | ### Added 135 | - Logo visible and colored appropriately 136 | - Navigational icons also colored to match dark theme 137 | - Social icons contrast improved 138 | - About, Careers, & other secondary pages fixed 139 | 140 | ## [1.5.0] - 2018-12-18 141 | ### Changed 142 | - Book description update 143 | 144 | ## [1.4.0] - 2018-12-17 145 | ### Changed 146 | - Tooltip (right caret) fixes 147 | - Year in review fixes 148 | 149 | ## [1.3.0] - 2018-12-17 150 | ### Changed 151 | - Reading challenge banner 152 | 153 | ### Added 154 | - Validate password screen 155 | - Year in review page 156 | 157 | ## [1.2.0] - 2018-12-16 158 | ### Added 159 | - Book progress popup 160 | - Search results drop down 161 | - Best of list 162 | - Book cover shadows should be consistent 163 | - Reading challenge pages 164 | - News & Interview page 165 | - New Releases page 166 | - Explore Books page & tooltip from hell 167 | - Giveaway pages 168 | - Notice box 169 | - Recommendations page 170 | - Choice awards pages 171 | - Account settings, friend button fixes 172 | 173 | ## [1.1.0] - 2018-12-15 174 | ### Added 175 | - Author pages tweaks 176 | - Tooltips & dropdown nav, quotes themed 177 | - Input forms improved contrast 178 | - Many borders removed --So many borders! 179 | - Color palette finished 180 | 181 | ## [1.0.0] - 2018-12-15 182 | ### Added 183 | - Themed home page, book pages, q&a sections, profile pages 184 | - Tweaked center feed for improved readability and UX -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |

2 | 3 |
4 | 5 | Maintained? 6 | 7 | 8 | Last commit 9 | 10 | 11 | Tag 12 | 13 |

14 | 15 | # Goodreads Dark (Jade) theme 16 | This is a dark theme for the [goodreads.com](https://www.goodreads.com) website. This custom userstyle follows [UserCSS](https://github.com/openstyles/stylus/wiki/UserCSS) guidelines. 17 | 18 | ### 2 versions 19 | **Dark Jade Default** 20 | 21 | [![Install directly with Stylus](https://img.shields.io/badge/Install%20directly%20with-Stylus-285959.svg)](https://github.com/obscuredetour/goodreads-dark/raw/master/goodreads-dark.user.css) 22 | 23 | The default Dark Jade theme colors can be [seen here](#dark-jade-default). Accent colors are green (jade) and background colors are dark grey. 24 | 25 | **Dark Jade (OG)** 26 | 27 | [![Install directly with Stylus](https://img.shields.io/badge/Install%20directly%20with-Stylus-285959.svg)](https://github.com/obscuredetour/goodreads-dark/raw/master/goodreads-dark-og.user.css) 28 | 29 | The Dark Jade (OG) is the original theme. More green, less grey overall. [Seen here](#dark-jade-og). 30 | 31 | ## Table of Contents 32 | 33 | 1. [Preview](#preview) 34 | 2. [How to use](#how-to-use) 35 | 3. [Contributing](#contributing) 36 | 4. [Color Palette](#color-palette) 37 | 5. [Notes](#notes) 38 | 39 | ## Preview 40 | 41 | ### Dark Jade (Default) 42 | ![Goodreads - Login](images/ss-gr-login-zs.png) 43 | ![Goodreads - Recent](images/ss-gr-recent-zerosat.png) 44 | 45 | ### Dark Jade (OG) 46 | ![Goodreads - Login](images/ss-gr-login-og.png) 47 | ![Goodreads - Recent](images/ss-gr-recent.png) 48 | ![Goodreads - Choice Awards](images/ss-gr-2018-choice.png) 49 | 50 | 51 | **[Back to top](#table-of-contents)** 52 | 53 | ## How to use 54 | 55 | A userstyle extension for your browser is required, here are a few to choose from: 56 | 57 | - [Stylus](https://github.com/openstyles/stylus) for [Firefox](https://addons.mozilla.org/en-US/firefox/addon/styl-us/), [Chrome](https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=en), or [Opera](https://addons.opera.com/en-gb/extensions/details/stylus/). 58 | - xStyle for [Firefox](https://addons.mozilla.org/firefox/addon/xstyle/) or [Chrome](https://chrome.google.com/webstore/detail/xstyle/hncgkmhphmncjohllpoleelnibpmccpj). 59 | 60 | Install the dark theme with the links below. They support automatic updates. 61 | 62 | - [Install goodreads.com Dark (Jade) theme](https://github.com/obscuredetour/goodreads-dark/raw/master/goodreads-dark.user.css) 63 | - [Install goodreads.com Dark (Jade) **OG** theme](https://github.com/obscuredetour/goodreads-dark/raw/master/goodreads-dark-og.user.css) 64 | 65 | Default Dark (Jade) theme colors can be seen [here](#dark-jade-default). It keeps the accent colors the same but zeros out the saturation on the backgrounds making it more grey. 66 | 67 | Dark (Jade) **OG** is the original theme. More green, less grey overall. [Seen here](#dark-jade-og). 68 | 69 | Then, the raw file will open in the browser and the extension will open a new tab asking to install it. After clicking *'install style'*, you're finished. 70 | 71 | Or visit the [Goodreads dark (jade) theme](https://userstyles.org/styles/166991/goodreads-dark-jade-theme) at Userstyles.org and click **Install Style** 72 | 73 | Copy and pasting the [goodreads-dark.user.css](https://github.com/obscuredetour/goodreads-dark/raw/master/goodreads-dark.user.css) file into the extension also works. 74 | 75 | Further instructions can be found [here](https://github.com/openstyles/stylus/wiki/UserCSS#usercss-file). 76 | 77 | **[Back to top](#table-of-contents)** 78 | 79 | ## Contributing 80 | 81 | Open an issue first to discuss potential changes/additions. 82 | 83 | **[Back to top](#table-of-contents)** 84 | 85 | ## Color palette 86 | 87 | ### Accent colors (jade) 88 | ![Jade color scheme](images/jade-palette.png) 89 | *Image created in [Color Deck](https://color.obscuredetour.com)* 90 | 91 | 94 | 95 | **[Back to top](#table-of-contents)** 96 | 97 | ## Notes 98 | 99 | ##### Why is it so green? 100 | 101 | The color scheme was inspired by Jade City. Here's why, 102 | 103 | ![Goodreads.com default link color](images/og-jade_default-gr-link.png) 104 | 105 | 1. The color above is Goodreads.com default link color. `hsl(176, 100%, 19%)` 106 | 107 | 2. I read [Jade City by Fonda Lee](https://www.goodreads.com/book/show/34606064-jade-city) right before creating this. 108 | 109 | 3. What can I say? I had jade on my mind. 110 | 111 | ### Bigger project than anticipated 112 | 113 | This turned out to be a **HUGE** undertaking. It definitely was the hardest I have tackled thus far. Holy mackrel, why is goodreads so against reusing styles? 114 | 115 | I also took liberties with some aesthetics. 116 | - The removal of many borders. 117 | - Increased some padding here and there. 118 | - Rounded out some corners. 119 | 120 | **[Back to top](#table-of-contents)** 121 | 122 | ## Archived Screenshots 123 | 124 | [v1.1 - Goodreads - Explore](https://raw.githubusercontent.com/obscuredetour/goodreads-dark/master/images/ss_v1.1-gr-explore.png) 125 | 126 | [v1.1 - Goodreads - News & Interviews](https://raw.githubusercontent.com/obscuredetour/goodreads-dark/master/images/ss_v1.1-gr-news.png) 127 | 128 | [v1.1 - Goodreads - 2018 Choice Awards](https://raw.githubusercontent.com/obscuredetour/goodreads-dark/master/images/ss_v1.1-gr-2018-choice.png) 129 | 130 | **[Back to top](#table-of-contents)** 131 | -------------------------------------------------------------------------------- /images/logo.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /goodreads-dark-og.user.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Goodreads dark (Jade-OG) theme 3 | @namespace https://github.com/obscuredetour/ 4 | @version 1.8.5 5 | @license MIT 6 | @author obscure detour (https://www.jeffreysummers.me) 7 | @homepageURL https://github.com/obscuredetour/goodreads-dark 8 | @updateURL https://github.com/obscuredetour/goodreads-dark/raw/master/goodreads-dark-og.user.css 9 | ==/UserStyle== */ 10 | 11 | @-moz-document domain("goodreads.com") { 12 | :root { 13 | /* color variables - darkest to lightest */ 14 | --jet: hsl(168, 8%, 12%); 15 | --space: hsl(168, 9%, 13%); 16 | --raven: hsl(168, 11%, 15%); 17 | --asher: hsl(168, 11%, 17%); 18 | --aztec: hsl(168, 10%, 20%); 19 | --cape-cod: hsl(163, 7%, 23%); 20 | --corduroy: hsl(165, 13%, 26%); 21 | --mine: hsl(165, 6%, 28%); 22 | --mystic: hsl(166, 8%, 38%); 23 | --grey: hsl(0, 0%, 67%); 24 | --alabaster: hsl(168, 15%, 83%); 25 | --zircon: hsl(166, 4%, 91%); 26 | --concrete: hsl(0, 0%, 95%); 27 | 28 | --limestone: hsl(168, 15%, 17%); 29 | --elm: hsl(169, 51%, 32%); 30 | --jade: hsl(165, 42%, 35%); 31 | --robin: hsl(166, 18%, 38%); 32 | --neptune: hsl(165, 34%, 60%); 33 | --conch: hsl(165, 13%, 65%); 34 | --green-shadow: hsl(165, 25%, 66%); 35 | --powder-ash: hsl(165, 13%, 75%); 36 | --mint-ice: hsl(165, 70%, 90%); 37 | 38 | /* backgrounds */ 39 | --bkg-nav: var(--jet); 40 | --bkg-main: var(--space); 41 | --bkg-card: var(--raven); 42 | --bkg-card-foot: var(--asher); 43 | --bkg-nav-link-hover: var(--corduroy); 44 | --bkg-button: var(--jade); 45 | --bkg-button-hover: var(--elm); 46 | 47 | /* text */ 48 | --txt-main: var(--concrete); 49 | --txt-second: var(--zircon); 50 | --txt-grey: var(--grey); 51 | --txt-nav-link: var(--alabaster); 52 | --txt-link: var(--neptune); 53 | --txt-link-bright: var(--mint-ice); 54 | --txt-button: white; 55 | 56 | /* borders */ 57 | --border: var(--mine); 58 | --border-bright: var(--mystic); 59 | } 60 | 61 | /* Main Pages & Sections */ 62 | body, 63 | .gr-homePageBody, 64 | .mainContent, 65 | .mainContentFloat, 66 | #rating_graph, 67 | .rating_graph, 68 | .mainContentContainer, 69 | .dropdown__menu--wantToReadMenu, 70 | .gr-popover, 71 | #editFavGenres .recsNotice, 72 | .newsHeader, 73 | .aboutRightColumnWide section, 74 | .aboutRightColumnWide section h2, 75 | #box #boxContents { 76 | background-color: var(--bkg-main); 77 | color: var(--txt-second); 78 | } 79 | 80 | .mainContentContainer#topLanding { 81 | padding: 25px 0 82 | } 83 | 84 | /* Site logo */ 85 | .siteHeader__logo, 86 | .logo a img, 87 | #signedOutHome .discoveryBoxDiscovery .discoveryBoxArrow img { 88 | filter: brightness(4) sepia(55%) hue-rotate(115deg) saturate(34%) 89 | } 90 | /* Site logo reset to default - sorry GR */ 91 | .siteHeader__logo:not(.siteHeader__logo--doodle) { 92 | background: url("/assets/layout/header/goodreads_logo.svg") no-repeat; 93 | background-position: center; 94 | background-size: 140px 30px; 95 | } 96 | 97 | .siteHeader__logo.siteHeader__logo--doodle { filter: brightness(.75) sepia(55%) hue-rotate(115deg) saturate(34%) } 98 | 99 | #siteheader #logo img { 100 | filter: brightness(2) sepia(55%) hue-rotate(115deg) saturate(54%) 101 | } 102 | 103 | #siteheader #logo { 104 | position: relative 105 | } 106 | 107 | #siteheader #logo:after { 108 | content: 'dark (jade)'; 109 | position: absolute; 110 | right: -4rem; 111 | top: 0; 112 | font-size: 13px; 113 | color: var(--limestone); 114 | } 115 | 116 | .gr-icon--authorBadge { 117 | filter: brightness(3) sepia(55%) hue-rotate(115deg) saturate(34%) 118 | } 119 | 120 | /* Personal Nav icons */ 121 | .headerPersonalNav__icon, 122 | #signedOutHome #masthead #headline img { 123 | filter: brightness(1) sepia(55%) hue-rotate(115deg) saturate(34%) 124 | } 125 | 126 | img.circularIcon[src*="nophoto"], 127 | img[src*="nophoto"], 128 | .wantToReadButton__checkIcon--read { 129 | filter: brightness(0.75) sepia(55%) hue-rotate(115deg) saturate(34%) 130 | } 131 | 132 | /* Social icons */ 133 | .gr-footer__socialLink img, 134 | .gr-h1 img, 135 | .responsiveSiteFooterV2__socialLink img, 136 | .responsiveSiteFooter__socialLink img { 137 | filter: invert(1) 138 | } 139 | 140 | .brownBox a[id*='folder_'] img, 141 | a img[src*='arrow'] { 142 | filter: invert(0.75) 143 | } 144 | 145 | .dropdown__trigger--profileMenu .headerPersonalNav__icon { 146 | filter: unset 147 | } 148 | 149 | .gr-iconButton img[src*="close"] img { 150 | filter: brightness(2) 151 | } 152 | 153 | .gr-shareButton__icon { 154 | filter: brightness(185%) hue-rotate(-12deg) saturate(34%) 155 | } 156 | 157 | #signedOutHome .discoveryBoxDiscovery { 158 | background-image: linear-gradient(var(--aztec), var(--aztec)), 159 | url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAoCAYAAAA%2FtpB3AAAAOElEQVQIW2M6uG%2FlfyZGRkYGdIIBCKAsRgYMWXSCAU5gUYzVAAaELA5tCHUQAxjQZIFir16%2FhXAByw8GmnhQCm8AAAAASUVORK5CYII%3D); 160 | background-blend-mode: saturation; 161 | } 162 | 163 | #signedOutHome .mainContentContainer { 164 | background-image: linear-gradient(var(--bkg-main), var(--bkg-main)), 165 | url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAASCAYAAACaV7S8AAAALElEQVQIW2P4DwRMnz48YWBiAAIIwcjIBCIYgVw4CyLGAGOhSyApBpoBMhQAWY0LCsZmAMgAAAAASUVORK5CYII%3D); 166 | background-blend-mode: saturation; 167 | } 168 | 169 | .reviewFormRereading table tr td .readingSessionDatePicker.smallPicker, 170 | .reviewFormCurrentlyReading table tr td .readingSessionDatePicker.smallPicker, 171 | .reviewFormRereading table tr td .readingSessionDatePicker.largePicker, 172 | .reviewFormCurrentlyReading table tr td .readingSessionDatePicker.largePicker { 173 | position: relative; 174 | background: unset; 175 | } 176 | 177 | .reviewFormRereading table tr td .readingSessionDatePicker.smallPicker::after, 178 | .reviewFormCurrentlyReading table tr td .readingSessionDatePicker.smallPicker::after, 179 | .reviewFormRereading table tr td .readingSessionDatePicker.largePicker::after, 180 | .reviewFormCurrentlyReading table tr td .readingSessionDatePicker.largePicker::after { 181 | border-color: var(--txt-grey) transparent; 182 | border-style: solid; 183 | border-width: 4px 4px 0px 4px; 184 | height: 0px; 185 | width: 0px; 186 | content: ''; 187 | position: absolute; 188 | top: 12px; 189 | right: 6px; 190 | } 191 | 192 | /* radio not checked */ 193 | .shelfChooser .shelves li.exclusive { 194 | background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABCUlEQVQ4T6WSyyrFURSHv+8JFBPFQF7huJQyMsDESDE3YqKogxlKydQpJkLxCp6ByNCAMVLKIyztY/9Pu+NyTlmzdfn2Wnutn7RZRIwDM8BITt0BV+ptWWrpRMQB0AdcA685NwCkxz7U9aq+BUbEHvCgXrZPkfyImAcm1dXkN8GI2AVe1OOfoCqW4Ql1zYgYBo7U6b+gAj4FGgncBHrUrS7B5bSHBD4C52r6Y0eLiDlg6V9gvdlaNzq2+1rkCtCbOg4BJ+pUl+AZcFidYxt4VxsdzrEA1NR6KYAd4Em9+EUAi8BYumFLAMWN9oF+4AZ4zvHBLLm31Omb5Aq4BswCozmWxJ1Efl9O8gnL7269xo9RNwAAAABJRU5ErkJggg==); 195 | } 196 | 197 | /* radio checked */ 198 | .shelfChooser .shelves li.exclusive_chosen { 199 | background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAACFUlEQVQ4T42SzWsTURTFz4yTYN+8ZFLGCSYhs1DxA6FSmjS6cFFXVcGFC6kg+i+IioqrIoIUd3WhGzdd2I0ouOi2i67aVEMRBM1mZpcEEubzDZlOZ+TFiUYQ8cHjLe773Xs55wj4fQQAguM4jUwmsyiK4hwvxXH8KQzDDUVRmgCS9IJ/5oe/ImNsJYqiI77vNz3P6/ICpfSoLMt1SZIGhJAHvBeHR1M45Hnes8Fg0NZ1/QOADIBDadMDAPuGYVzRNO28LMt3OTyCfN9/allWr1KpvAVAAEylMGdDAAEAZhjGYrFYrBNC7gm9Xu8EIeQVpfQGgBwAZavVfDdF6HFOOY61d6l+4Q4AG4DrOM5qkiQvhSAInjDGplVVfQFgeqvV/EhkenJCNDiW01qYbywBsDqdzpKiKAUhDMPv/X5/vVQqvQag7n77+kUQxpr9xJMEB7VTZ84BGLTb7Yu6rt/6PzCO49rpszN/gEEQPGaMaaqqrvBVN3e21/OF/Ow/Vr2pKIoidLvdY7Isv6GUXk/FyW/ubK/l8pSvBtfx9hbmG7dTcbxUnNWxHcu2bVvlcnkttePwhB37YztM07yqadoMIeThrwC4rrtsWZZRrVbf/y0ApmleU1V1llJ6fxyAycg9j6KoxBhruq7b4YVcLlcihNQkSeoSQh5NRm6sw2i6bdtz2Wz2siiKtTTku8PhcKNQKHyeDPkPVC71JS5Paz4AAAAASUVORK5CYII=); 200 | } 201 | 202 | /* square not check */ 203 | .shelfChooser .shelves li { 204 | background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAb0lEQVQ4T+3SsQkCURRE0TMNiIl92IHWtFawBSj2YgHagGwZgoGBDTz5sKGwP9fJJri8x3ADVfXAC8/WFzIlGVJVJ2xw6QR3WDfwijHJbenU/F0Dxz/4Za2q+qlxjnijyxzsscqs0RnbHuVwT3L4AAzAbofbUnZZAAAAAElFTkSuQmCC); 205 | } 206 | 207 | .shelfChooser .shelves li.chosen { 208 | background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABQUlEQVQ4T42SsUrDUBSG/9NKoVhqERwqggbkhkxNSBcn+wj1DeykbqKTW30ApU7iUyg4S7u5GFKXlsYh4mDAoS1V6BCSI1dTrCLc3O1yz3f+//7nEAAwcwBgCOBN3hXHJaIjYuZzACsAblOC2wBKEmwDOCWijkrK8fqd4mLhfnN1bSs16Dz1DpmpqZXLe8uFpYNUoOt5ZozIZc7s2EKMvhyqrLq+X4rCaRugx6owdplZ/lENOl6vBUY9k8ublqaNU4EPg0GdKL7OIGtZQnST0f0o+kFwN3wf29lcviG7ygJpMQ6nPpgubN1ozhL/pTj6mFz5wes+wBXmbKOq6zcyellsC6M2P6Z/rc4iB/MLA+sLOapYmvGsBL8t9jeiEF1EuKwaxsnfpZhXPAMwAaDcnKSJtF6kJKkWAFO1csm7Q0THnzQ1vYcGZm2QAAAAAElFTkSuQmCC); 209 | } 210 | 211 | /* Book Shelf Settings */ 212 | .displayShelfName { 213 | font-size: 15px 214 | } 215 | 216 | a.renameUserShelfLnk { 217 | font-size: 14px 218 | } 219 | 220 | a[id^='feature_'].unfeatured_link, 221 | a[id^='featured_'].featured_link { 222 | position: relative; 223 | } 224 | 225 | a[id^='feature_'].unfeatured_link img, 226 | a[id^='featured_'].featured_link img { 227 | visibility: hidden 228 | } 229 | 230 | /* radio checked */ 231 | a[id^='featured_'].featured_link:after { 232 | position: absolute; 233 | content: ''; 234 | background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAACFUlEQVQ4T42SzWsTURTFz4yTYN+8ZFLGCSYhs1DxA6FSmjS6cFFXVcGFC6kg+i+IioqrIoIUd3WhGzdd2I0ouOi2i67aVEMRBM1mZpcEEubzDZlOZ+TFiUYQ8cHjLe773Xs55wj4fQQAguM4jUwmsyiK4hwvxXH8KQzDDUVRmgCS9IJ/5oe/ImNsJYqiI77vNz3P6/ICpfSoLMt1SZIGhJAHvBeHR1M45Hnes8Fg0NZ1/QOADIBDadMDAPuGYVzRNO28LMt3OTyCfN9/allWr1KpvAVAAEylMGdDAAEAZhjGYrFYrBNC7gm9Xu8EIeQVpfQGgBwAZavVfDdF6HFOOY61d6l+4Q4AG4DrOM5qkiQvhSAInjDGplVVfQFgeqvV/EhkenJCNDiW01qYbywBsDqdzpKiKAUhDMPv/X5/vVQqvQag7n77+kUQxpr9xJMEB7VTZ84BGLTb7Yu6rt/6PzCO49rpszN/gEEQPGaMaaqqrvBVN3e21/OF/Ow/Vr2pKIoidLvdY7Isv6GUXk/FyW/ubK/l8pSvBtfx9hbmG7dTcbxUnNWxHcu2bVvlcnkttePwhB37YztM07yqadoMIeThrwC4rrtsWZZRrVbf/y0ApmleU1V1llJ6fxyAycg9j6KoxBhruq7b4YVcLlcihNQkSeoSQh5NRm6sw2i6bdtz2Wz2siiKtTTku8PhcKNQKHyeDPkPVC71JS5Paz4AAAAASUVORK5CYII=) center center no-repeat; 235 | background-size: cover; 236 | width: 16px; 237 | height: 16px; 238 | top: -0.25rem; 239 | left: 0; 240 | } 241 | 242 | /* radio unchecked */ 243 | a[id^='feature_'].unfeatured_link:after { 244 | position: absolute; 245 | content: ''; 246 | background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABCUlEQVQ4T6WSyyrFURSHv+8JFBPFQF7huJQyMsDESDE3YqKogxlKydQpJkLxCp6ByNCAMVLKIyztY/9Pu+NyTlmzdfn2Wnutn7RZRIwDM8BITt0BV+ptWWrpRMQB0AdcA685NwCkxz7U9aq+BUbEHvCgXrZPkfyImAcm1dXkN8GI2AVe1OOfoCqW4Ql1zYgYBo7U6b+gAj4FGgncBHrUrS7B5bSHBD4C52r6Y0eLiDlg6V9gvdlaNzq2+1rkCtCbOg4BJ+pUl+AZcFidYxt4VxsdzrEA1NR6KYAd4Em9+EUAi8BYumFLAMWN9oF+4AZ4zvHBLLm31Omb5Aq4BswCozmWxJ1Efl9O8gnL7269xo9RNwAAAABJRU5ErkJggg==) center center no-repeat; 247 | background-size: cover; 248 | width: 16px; 249 | height: 16px; 250 | top: -0.25rem; 251 | left: 0; 252 | } 253 | 254 | /* square */ 255 | a[id^='disable_sorting_link_'], 256 | a[id^='enable_sorting_link_'], 257 | a[id^='enable_sticky_link_'], 258 | a[id^='exclusive_link_'], 259 | a[id^='enable_recs_link_'], 260 | a[id^='no_recs_link_'] { 261 | position: relative; 262 | } 263 | 264 | a[id^='disable_sorting_link_']>img, 265 | a[id^='enable_sorting_link_']>img, 266 | a[id^='enable_sticky_link_']>img, 267 | a[id^='exclusive_link_']>img, 268 | a[id^='enable_recs_link_']>img, 269 | a[id^='no_recs_link_']>img { 270 | visibility: hidden 271 | } 272 | 273 | /* square checked */ 274 | a[id^='disable_sorting_link_']:after, 275 | a[id^='no_recs_link_']:after { 276 | position: absolute; 277 | content: ''; 278 | background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABQUlEQVQ4T42SsUrDUBSG/9NKoVhqERwqggbkhkxNSBcn+wj1DeykbqKTW30ApU7iUyg4S7u5GFKXlsYh4mDAoS1V6BCSI1dTrCLc3O1yz3f+//7nEAAwcwBgCOBN3hXHJaIjYuZzACsAblOC2wBKEmwDOCWijkrK8fqd4mLhfnN1bSs16Dz1DpmpqZXLe8uFpYNUoOt5ZozIZc7s2EKMvhyqrLq+X4rCaRugx6owdplZ/lENOl6vBUY9k8ublqaNU4EPg0GdKL7OIGtZQnST0f0o+kFwN3wf29lcviG7ygJpMQ6nPpgubN1ozhL/pTj6mFz5wes+wBXmbKOq6zcyellsC6M2P6Z/rc4iB/MLA+sLOapYmvGsBL8t9jeiEF1EuKwaxsnfpZhXPAMwAaDcnKSJtF6kJKkWAFO1csm7Q0THnzQ1vYcGZm2QAAAAAElFTkSuQmCC) center center no-repeat; 279 | background-size: cover; 280 | width: 16px; 281 | height: 16px; 282 | top: -0.25rem; 283 | left: 0; 284 | } 285 | 286 | /* square unchecked */ 287 | a[id^='enable_sorting_link_']:after, 288 | a[id^='enable_sticky_link_']:after, 289 | a[id^='exclusive_link_']:after, 290 | a[id^='enable_recs_link_']:after, 291 | a[id^='enable_recs_link_'][style="display: none;"]:after { 292 | position: absolute; 293 | content: ''; 294 | background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAb0lEQVQ4T+3SsQkCURRE0TMNiIl92IHWtFawBSj2YgHagGwZgoGBDTz5sKGwP9fJJri8x3ADVfXAC8/WFzIlGVJVJ2xw6QR3WDfwijHJbenU/F0Dxz/4Za2q+qlxjnijyxzsscqs0RnbHuVwT3L4AAzAbofbUnZZAAAAAElFTkSuQmCC) center center no-repeat; 295 | background-size: cover; 296 | width: 16px; 297 | height: 16px; 298 | top: -0.25rem; 299 | left: 0; 300 | } 301 | 302 | /* Radio/Checkboxes I cannot overwrite */ 303 | tr.elementList[id^='shelf_']>td>img[alt="Checkbox disabled"], 304 | tr.elementList[id^='shelf_']>td>img[alt="Checkbox checked disabled"] { 305 | filter: invert(100%) brightness(1.5) saturate(90%); 306 | } 307 | 308 | 309 | .listViewIcon.selected, 310 | .listViewIcon:hover { 311 | background: linear-gradient(var(--mystic), var(--mystic)), 312 | url("https://s.gr-assets.com/assets/layout/list_selected.png") no-repeat; 313 | } 314 | 315 | .gridViewIcon.selected, 316 | .gridViewIcon:hover { 317 | background: linear-gradient(var(--mystic), var(--mystic)), 318 | url("https://s.gr-assets.com/assets/layout/grid_selected.png") no-repeat; 319 | } 320 | 321 | .listViewIcon img, 322 | .gridViewIcon img { 323 | right: 3px; 324 | filter: invert(1) brightness(1.5); 325 | } 326 | 327 | .myBooksNav ul li { 328 | display: inline-block; 329 | } 330 | 331 | .controlGroup a.controlLink.open { 332 | padding-bottom: 14px 333 | } 334 | 335 | /* tool tips */ 336 | .tooltipTriggerText .tooltip, 337 | .tooltipTrigger .tooltip, 338 | .longTextPopupForm__header, 339 | .newsMainContent.mainContentFloat, 340 | .prototip .addbook, 341 | .wtrButtonContainer .wtrPrompt input[pattern="\\d*"], 342 | #fav_authors .section, 343 | .gcaRightContainer, 344 | .gr-contentBoxMargin--large, 345 | .modal__content, 346 | .floatingBox, 347 | .sequenceIndicators__circle { 348 | background-color: var(--raven); 349 | color: var(--txt-second); 350 | border-color: var(--border); 351 | } 352 | 353 | .tooltipCaret--left { 354 | border-right-color: var(--border); 355 | } 356 | 357 | .tooltipCaret--right { 358 | border-left-color: var(--border); 359 | } 360 | 361 | /* yet more tooltip styles */ 362 | .prototip { 363 | color: var(--txt-second); 364 | overflow: visible 365 | } 366 | 367 | li.borderMiddle.borderRow[style], 368 | .shelfChooser .shelves li:hover, 369 | .shelfChooser .shelves li.hover, 370 | .shelfChooser .shelves li.hover:hover, 371 | .shelfChooser .newShelfButtonLi:hover, 372 | .shelfChooser .newShelfButtonLi.hover { 373 | background-color: var(--mystic) !important; 374 | } 375 | 376 | .prototip .prototip_StemBox li.borderMiddle.borderRow[style] { 377 | background-color: var(--raven) !important; 378 | } 379 | 380 | /* .prototip .prototip_StemBox .prototip_Stem > .prototip_StemImage, */ 381 | 382 | .prototip .prototip_Stem>.prototip_StemImage[style*="leftmiddle.png"] { 383 | transform: rotate(270deg); 384 | } 385 | 386 | div.prototip_StemImage[style] { 387 | transform: unset; 388 | } 389 | 390 | div.prototip_StemImage[style], 391 | .prototip_StemImage { 392 | -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%); 393 | clip-path: polygon(50% 0%, 0% 100%, 100% 100%); 394 | background: var(--mine) !important; 395 | } 396 | 397 | .prototip .borderFrame { 398 | border: 6px solid var(--mine); 399 | border-radius: 6px; 400 | } 401 | 402 | .prototip .borderCenter[style] { 403 | padding: 0 !important; 404 | } 405 | 406 | div.prototip_Between[style], 407 | .borderBottom.borderRow, 408 | .borderTop.borderRow { 409 | height: 0 !important; 410 | } 411 | 412 | .prototip canvas { 413 | background: transparent 414 | } 415 | 416 | /* Navigation & Footer */ 417 | .siteHeader__topLine, 418 | .siteHeader__primaryNavSeparateLine, 419 | .footerContainer { 420 | background: var(--bkg-nav) 421 | } 422 | 423 | .primaryNavMenu--siteHeaderBrowseMenu .primaryNavMenu__menu, 424 | .primaryNavMenu__menu, 425 | .dropdown__menu--discussions, 426 | .dropdown__menu--notifications, 427 | .siteHeader__subNav--profile, 428 | .dropButton .floatingBox, 429 | .wtrButtonContainer .wtrShelfMenu, 430 | .wtrButtonContainer .wtrFloatingBox, 431 | .readingChallengeBanner .challengeStatsContainer2, 432 | #books.covers .bookalike:hover .field.actions, 433 | .previewBook__topBanner, 434 | .answerButton, 435 | .tabs .tab, 436 | .mediumTabs .tab, 437 | .bigTabs .tab, 438 | .genreButton:hover, 439 | .wantToReadMenu__shelfItem:hover, 440 | .wantToReadMenu__newShelfButtonContainer:hover, 441 | .controlGroup .open, 442 | .controlBody, 443 | .jobsPageCoreValues__colorContainer { 444 | background: var(--mine) 445 | } 446 | 447 | .siteHeader__spotlight--browseMenu::before, 448 | .wtrButtonContainer .wtrPrompt, 449 | .brownBox, 450 | .brown_comment, 451 | li.sortable_item:hover, 452 | .genreButton, 453 | .u-beigeBackground, 454 | .gr-bookSearchResults, 455 | .gr-newsfeedItem__details { 456 | background: var(--cape-cod); 457 | border-color: transparent; 458 | } 459 | 460 | .featuredGenres__genreSpotlight::before, 461 | .genreList__genreLink--selected, 462 | .genreList__genreLink:hover, 463 | .wtrButtonContainer .wtrShelfMenu>.wtrShelfList>ul.wtrExclusiveShelves>li:hover, 464 | .wtrButtonContainer .wtrShelfMenu button.wtrExclusiveShelf:hover, 465 | .wtrButtonContainer .wtrShelfMenu button.wtrAddShelf:hover, 466 | .wtrButtonContainer .wtrShelfMenu label.wtrExclusiveShelf:hover, 467 | .wtrButtonContainer .wtrShelfMenu .wtrNonExclusiveShelves label:hover, 468 | .wtrButtonContainer .wtrShelfMenu .wtrShelfSearchAddShelf button[type="submit"]:hover, 469 | .categoryContainer .category:hover, 470 | .answerButton:hover, 471 | div.navigationBox div.navRow a:hover, 472 | .h1Shelf, 473 | .h1Shelf a, 474 | .greyBox, 475 | .contentBox, 476 | .feedFooterReadStatus .brown_comment, 477 | .feedFooterReview .brown_comment, 478 | #signedOutHome #discoveryBox { 479 | background: var(--aztec) 480 | } 481 | 482 | .h1Shelf a:hover, 483 | .gr-bookSearchResults__item--active { 484 | background: var(--corduroy) 485 | } 486 | 487 | .answerButton:hover, 488 | .wantToReadMenu__exclusiveShelf { 489 | color: white; 490 | } 491 | 492 | .answerButton:hover, 493 | .wantToReadMenu__exclusiveShelf { 494 | color: white; 495 | } 496 | 497 | .gr-box--withShadow, 498 | .floatingBox { 499 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1); 500 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1); 501 | } 502 | 503 | .gr-box--withShadowLarge, 504 | #coverImage, 505 | #books.covers .bookalike .cover img, 506 | .gr-popover, 507 | .yearChallengeBooks .yearChallengeCovers .bookCover, 508 | .showUserChallengePage .yearChallengeCovers .bookCover { 509 | box-shadow: 1px 6px 12px rgba(0, 0, 0, 0.25), 1px 3px 6px rgba(0, 0, 0, 0.1); 510 | -webkit-box-shadow: 1px 6px 12px rgba(0, 0, 0, 0.25), 1px 3px 6px rgba(0, 0, 0, 0.1); 511 | } 512 | 513 | 514 | /*------------- 515 | TEXT COLORS 516 | -------------*/ 517 | /* Nav Link */ 518 | .siteHeader__topLevelLink, 519 | .primaryNavMenu__trigger { 520 | color: var(--txt-nav-link) 521 | } 522 | 523 | /* Nav Link Hover & Active */ 524 | /* Tabs navigation Hover & Active */ 525 | .siteHeader__topLevelLink:hover, 526 | .primaryNavMenu__trigger:hover, 527 | html.no-touchevents .dropdown__trigger--personalNav:hover, 528 | .headerPersonalNav:hover, 529 | .primaryNavMenu__trigger--active, 530 | .dropdown__trigger--personalNavActive, 531 | .tabs .selectedTab, 532 | .mediumTabs .selectedTab, 533 | .bigTabs .selectedTab, 534 | .selectedTab.tabHeader { 535 | background-color: var(--bkg-nav-link-hover) !important 536 | } 537 | 538 | /* LINK TEXT */ 539 | .gr-buttonAsLink, 540 | a, 541 | .gr-hyperlink, 542 | .gr-shareButton, 543 | button.gr-shareButton, 544 | .actionLink, 545 | .actionLinkLite, 546 | .gr-shareButton__textLabel, 547 | .shelfLink, 548 | .updateActionLinks a, 549 | .actionLinkLites a, 550 | .wtrButtonContainer .ratingStars .clearRating, 551 | .wtrButtonContainer .wtrPrompt a, 552 | .communityQuestionPermalink a, 553 | .communityQAFooter .likeItContainer a.like_it, 554 | .moreReaderQA a, 555 | .actionLinks a, 556 | .wtrButtonContainer .wtrFloatingBox button.wtrSecondaryCtrl, 557 | .wtrButtonContainer .wtrFloatingBox button.wtrExclusiveShelf, 558 | .gcaLink, 559 | a.shelfNominee__title, 560 | .helpLinks a, 561 | .userName, 562 | .gcaAuthor a.authorName, 563 | a.gcaPollLink, 564 | .readingYearContent .missingBooksWidget a, 565 | .userComment, 566 | .gr-annotatedBooksPage .annotatedBookItem__bookInfo__knhCta, 567 | .quizTitle, 568 | .js-readingNote .spoilerContainer__showLink, 569 | .responsiveSiteFooter__link { 570 | color: var(--txt-link); 571 | } 572 | 573 | /* SVG LINK */ 574 | #rating_graph span, 575 | .rating_graph span svg g rect { 576 | fill: var(--txt-link); 577 | } 578 | 579 | /* EXTRA BRIGHT LINKS */ 580 | .newCommentsText, 581 | .correct, 582 | .correct a, 583 | .selectedShelf, 584 | a.gcaBookTitle--red { 585 | color: var(--txt-link-bright) 586 | } 587 | 588 | /* MAIN TEXT */ 589 | .gr-h1, 590 | .gr-h3, 591 | .gr-book__titleLink, 592 | .gr-hyperlink--bold, 593 | .gr-newsfeedItem__header, 594 | #bookAuthors .by, 595 | #bookAuthors .authorName, 596 | #bookAuthors .authorName__container, 597 | .bookAuthorProfile__name a, 598 | .tooltipTriggerText .tooltip a, 599 | .tooltipTrigger .tooltip a, 600 | .wtrButtonContainer .wtrShelfMenu li, 601 | .wtrButtonContainer .wtrShelfMenu button.wtrExclusiveShelf, 602 | .wtrButtonContainer .wtrShelfMenu button.wtrAddShelf, 603 | .wtrButtonContainer .wtrShelfMenu label.wtrExclusiveShelf, 604 | .wtrButtonContainer .wtrShelfMenu .wtrNonExclusiveShelves label, 605 | .wtrButtonContainer .wtrShelfMenu .wtrShelfSearchAddShelf button[type="submit"], 606 | .questionText a, 607 | .yearChallengeModule .challengeBooksRead, 608 | .authorName, 609 | tr.update .authorName, 610 | .yearChallengeBooks .viewBooksHeader .progressText, 611 | .showUserChallengePage .viewBooksHeader .progressText, 612 | .detailChallengeTabs .detailChallengeTabHeader, 613 | .readingChallengeBanner .challengeStatsContainer2 .challengeStatItem, 614 | .quizQuestionText, 615 | .quizDescriptionText, 616 | .quizAnswerText, 617 | div.navigationBox h3, 618 | .newsHeaderText, 619 | div.wtrPrompt.wtrUserStatusPrompt, 620 | #fav_authors .title a, 621 | .yyibCtaBanner, 622 | .yearInBooksUserBlurb, 623 | .responsiveSiteFooterV2__heading, 624 | .responsiveSiteFooter__heading, 625 | .bookMeta .value, 626 | .keyValue .value, 627 | .leadParagraph, 628 | .gr-marketingPageH2 { 629 | color: var(--txt-main) 630 | } 631 | 632 | .textColor { 633 | color: var(--txt-main) !important 634 | } 635 | 636 | /* SECONDARY TEXT */ 637 | .gr-book__author, 638 | .gr-book__authorLink, 639 | .u-defaultType, 640 | h2, 641 | h3, 642 | h4, 643 | h5, 644 | .siteHeader__heading, 645 | H1, 646 | .h2Container H2, 647 | .pageHeader h2, 648 | .pageHeader, 649 | h1.quoteText, 650 | h2.brownBackground a, 651 | .communityAnswerText, 652 | .gcaHeader, 653 | .gcaHeader a, 654 | .aboutRightColumnWide h2, 655 | small, 656 | .gr-metaText, 657 | .tableList th a, 658 | .prototip .goodreads .toolbar .title, 659 | .pollAnswer .result, 660 | .gr-newsfeedItem__resourceNameLink, 661 | .secondaryCopy, 662 | .siteAnnouncement__description, 663 | .siteHeader__subNavLink, 664 | .tooltip.book-tooltip .addBookTipDescription, 665 | .bookTitle, 666 | .wtrButtonContainer .wtrFloatingBox, 667 | tr.update .bookTitle, 668 | tr.update .authorTitle, 669 | .newsfeedItemAnswerText, 670 | .category__copy, 671 | .gr-label, 672 | .gcaSubheader, 673 | .askTheAuthorCommunityQuestionAnswerContainer__answerText, 674 | div.navigationBox .badge, 675 | .box h1, 676 | .box h2, 677 | .contentBox .fieldPara label, 678 | .readingYearContent .categoryHeading, 679 | .readingYearContent .abstractionWidget, 680 | .readingYearContent .averageRatingWidget .ratingText, 681 | .readingYearContent .crowdFavoriteWidget .bookBlurb .details, 682 | .readingYearContent .missingBooksWidget .titleText, 683 | div .challenge-on-track, 684 | .gr-annotatedBooksPage .annotatedBookItem__bookInfo__bookTitle, 685 | .groupBook .meta .about .value, 686 | .groupNav h3, 687 | #signedOutHome h2:first-child, 688 | #signedOutHome h3:first-child, 689 | #signedOutHome p:first-child, 690 | #signedOutHome .discoveryBoxDiscovery .discoveryBoxResultBook .discoveryBoxResultDescriptors, 691 | .controlGroup .open, 692 | .controlBody, 693 | .communityAnswerText .spoiler .spoilerAnswerText, 694 | .questionText .spoiler .spoilerAnswerText, 695 | .communityQuestionText .spoiler .spoilerAnswerText, 696 | .newsfeedItemAnswerText .spoiler .spoilerAnswerText, 697 | .reviewFormEdit .shelves, 698 | .communityQuestionText { 699 | color: var(--txt-second) 700 | } 701 | 702 | /* GREY TEXT */ 703 | .darkGreyText, 704 | h2.brownBackground .extraHeader a, 705 | .gr-comment__rightSideInformation, 706 | .siteHeader__sponsoredNavLink, 707 | .kindlePreviewButtonIcon, 708 | #details, 709 | .gr-hyperlink--black, 710 | .gr-hyperlink--black:hover, 711 | .gr-form__secondaryAction:hover, 712 | .gr-form--compact__secondaryAction:hover, 713 | .gr-form--compact__secondaryAction:hover, 714 | ul.adminLinks li a, 715 | .copyright, 716 | .tooltip.book-tooltip .ratingStars .myRating, 717 | .userReview, 718 | .by, 719 | .wtrButtonContainer .wtrPrompt .wtrPromptInstruction, 720 | .updateAction, 721 | .updateAction a, 722 | .quoteText .authorOrTitle, 723 | .gcaMoreLink, 724 | .choiceWidget__votesCast, 725 | .greyText, 726 | #aboutFollowUs, 727 | #aboutFollowUs a, 728 | .chatterSource, 729 | .readingChallengeDashboard, 730 | .askTheAuthorCommunityQuestionAnswerContainer__questionText, 731 | .gcaAuthor .greyText, 732 | .gcaAuthor .by, 733 | .readingYearContent .longestShortestBookWidget .bookBlurbs .details, 734 | .readingYearContent .mostLeastPopularBookWidget .details, 735 | .readingYearContent .readingChallengeWidget .encouragementMessage, 736 | .tooltip.book-tooltip .paddedRating, 737 | .readingTimeline__row, 738 | .responsiveSiteFooterV2__link, 739 | .gr-annotatedBooksPage .annotatedBookItem__bookInfo__bookAuthor, 740 | .gr-h4, 741 | .js-readingNote .ownerActionContainer .visibleToggleContainer .visibleToggleContainer__label, 742 | .js-readingNote .ownerActionContainer .deleteContainer .deleteContainer__label, 743 | .js-readingNote .ownerActionContainer .markAsSpoilerContainer .markAsSpoilerContainer__label, 744 | .readingNotesBanner__SharedWith, 745 | .js-readingNote .noteHighlightContainer__location a, 746 | .js-readingNote .spoilerContainer__message, 747 | .communityQANewsfeedItem__spoilerWarning, 748 | .groupBook .meta label, 749 | .groupBook .meta dt, 750 | .bookMeta, 751 | .keyValue, 752 | .sharePreview__description, 753 | .addbook .myRating, 754 | .giveawayTermsContent, 755 | .jobsListItem__location { 756 | color: var(--txt-grey) 757 | } 758 | 759 | /* Input & WHITE text*/ 760 | input[type="text"]::placeholder, 761 | input[type="number"]::placeholder, 762 | input[type="search"]::placeholder, 763 | input[type="email"]::placeholder, 764 | input[type="number"]::placeholder, 765 | input[type="password"]::placeholder, 766 | textarea::placeholder, 767 | .contentBox input[type="text"]:focus, 768 | .contentBox input[type="email"]:focus, 769 | .contentBox input[type="password"]:focus, 770 | #explore_search_query, 771 | .searchBox--large__input:active, 772 | .searchBox--large__input:focus, 773 | .searchBox--large__input, 774 | .wtrButtonContainer .wtrFloatingBox .wtrPromptInstruction, 775 | .tabs .tab, 776 | .tabs .selectedTab, 777 | .mediumTabs .tab, 778 | .mediumTabs .selectedTab, 779 | .bigTabs .tab, 780 | .bigTabs .selectedTab, 781 | .aboutPageTitle, 782 | .siteAnnouncement__title, 783 | .communityQuestionSubTitle, 784 | .infoBoxRowTitle, 785 | .wantToReadShelfCreator__addNamedShelfButton, 786 | .wantToReadShelfCreator__showAddShelfTextboxButton, 787 | .dataTitle, 788 | .goodreadsAuthor, 789 | td, 790 | th, 791 | #booklists h2, 792 | #booklists h3, 793 | .readingChallengeDashboard .progressReport, 794 | .yearChallengeTabs .yearChallengeTabHeader, 795 | .formWithLabels label, 796 | .fakeLabel, 797 | .readingYearContent .standoutText, 798 | .readingYearContent .standoutNumber, 799 | .groupNav a.current { 800 | color: white; 801 | } 802 | 803 | select[class*='smallPicker'][style], 804 | select[class*='largePicker'][style]>option, 805 | select[class*='smallPicker'][style]>option { 806 | color: white !important; 807 | } 808 | 809 | /* Input */ 810 | input[type="text"], 811 | input[type="number"], 812 | input[type="search"], 813 | input[type="email"], 814 | input[type="number"], 815 | input[type="password"], 816 | textarea, 817 | select, 818 | input[type=checkbox], 819 | input[type=radio], 820 | .inlineFormField, 821 | input[type=text], 822 | input[type=number], 823 | input[type=search], 824 | input[type=email], 825 | input[type=number], 826 | input[type=password], 827 | .contentBox input[type=text], 828 | .contentBox input[type=email], 829 | .contentBox input[type=password], 830 | .wtrButtonContainer .wtrNewUserStatus input, 831 | .wtrButtonContainer .wtrUserStatusConfirmation input, 832 | .js-readingNote .noteHighlightTextContainer__noteContainer .noteContainer__noteText, 833 | #signedOutHome #sitesearch input, 834 | #signedOutHome #navBar #signInForm input[type="email"], 835 | #signedOutHome #navBar #signInForm input[type="text"], 836 | #signedOutHome #navBar #signInForm input[type="password"], 837 | .shelfChooser .chooseShelvesLink, 838 | .reviewFormRereading table tr td .readingSessionDatePicker select, 839 | .reviewFormCurrentlyReading table tr td .readingSessionDatePicker select { 840 | background-color: var(--cape-cod); 841 | border-color: transparent; 842 | color: white; 843 | } 844 | 845 | .wtrButtonContainer .wtrNewUserStatus input, 846 | .wtrButtonContainer .wtrUserStatusConfirmation input { 847 | background-color: var(--cape-cod) !important; 848 | border-color: transparent !important; 849 | color: white !important; 850 | } 851 | 852 | /* Focus Input Borders */ 853 | .gr-commentForm__textarea:focus, 854 | input[type="text"]:focus, 855 | input[type="number"]:focus, 856 | input[type="search"]:focus, 857 | input[type="email"]:focus, 858 | input[type="number"]:focus, 859 | input[type="password"]:focus, 860 | textarea:focus, 861 | select:focus, 862 | input[type=checkbox]:focus, 863 | input[type=radio]:focus, 864 | .inlineFormField:focus, 865 | .contentBox input[type=text]:focus, 866 | .contentBox input[type=email]:focus, 867 | .contentBox input[type=password]:focus, 868 | .js-readingNote .noteHighlightTextContainer__noteContainer .noteContainer__noteText:focus, 869 | #signedOutHome #sitesearch input:focus, 870 | #signedOutHome #navBar #signInForm input[type="email"]:focus, 871 | #signedOutHome #navBar #signInForm input[type="text"]:focus, 872 | #signedOutHome #navBar #signInForm input[type="password"]:focus { 873 | background-color: var(--mine); 874 | border-color: transparent; 875 | box-shadow: none 876 | } 877 | 878 | /* Cards - Feed / Progress update popup */ 879 | .gr-newsfeedItem, 880 | .siteAnnouncement, 881 | div.navigationBox, 882 | #choiceBody .rightContainer, 883 | .longTextPopupForm, 884 | .gr-childNewsfeedItem__header { 885 | background-color: var(--bkg-card); 886 | border-color: var(--border); 887 | } 888 | 889 | /* Card Footer / Progress update popup header */ 890 | .likeInformation, 891 | .gr-commentForm, 892 | .gr-comments, 893 | .categoryContainer .category, 894 | div.navigationBox div.navigationList, 895 | .u-beigeBackground, 896 | .editorialCard, 897 | .readingYearContent .reviewDisplay, 898 | .responsiveSiteFooter, 899 | .responsiveSiteFooterV2 { 900 | background-color: var(--bkg-card-foot); 901 | border-color: var(--border); 902 | } 903 | 904 | /* Child News Feed Item (Author update/likes a post) */ 905 | .gr-childNewsfeedItem__header { 906 | border: none; 907 | border-top-left-radius: 10px; 908 | border-top-right-radius: 10px; 909 | } 910 | .gr-childNewsfeedItem__header::after { border-color: var(--border) } 911 | .newsfeedNoteHighlightTextContainer__highlightText span { 912 | padding: 0.25rem 0.25rem 0.25rem 0; 913 | box-shadow: -0.25rem 0 0 var(--conch); 914 | } 915 | 916 | .gr-newsfeedItem.gr-mediaBox.gr-childNewsfeedItemContainer { 917 | border-top-left-radius: 0; 918 | border-top-right-radius: 0; 919 | } 920 | 921 | /* Progress update popup */ 922 | .u-beigeBackground { 923 | border-color: transparent 924 | } 925 | 926 | .longTextPopupForm { 927 | border: 3px solid var(--border); 928 | border-radius: 6px; 929 | } 930 | 931 | .longTextPopupForm__header, 932 | .longTextPopupForm__remainingCharacterCount, 933 | .editorialCard__body, 934 | .gr-h2 { 935 | color: var(--alabaster) 936 | } 937 | 938 | /* Border Color */ 939 | hr, 940 | h1, 941 | .circularIcon--border, 942 | img.circularIcon--medium.circularIcon--border, 943 | .gr-commentForm__textarea, 944 | .gr-homePageRailContainer, 945 | .gr-book--border, 946 | .communityQANewsfeedItem__question, 947 | .siteHeader__navDivider, 948 | h2.brownBackground, 949 | .elementList, 950 | .noAnswersMessage, 951 | .noQuestionsMessage, 952 | .reviewControls, 953 | .gr-form__submitButton, 954 | .dropButton .floatingBox, 955 | #rating_graph span, 956 | .rating_graph span, 957 | #leadercol, 958 | .folder .brownBox, 959 | .tableList th, 960 | .horizontalGreyDivider, 961 | .wtrButtonContainer .wtrShelfMenu>.wtrOtherShelfOptions>label.wtrAddShelf, 962 | .wtrButtonContainer .wtrShelfMenu, 963 | .wtrButtonContainer .wtrShelfMenu>.wtrOtherShelfOptions>label.wtrAddShelf, 964 | .wtrButtonContainer .wtrShelfMenu>.wtrOtherShelfOptions, 965 | .wtrButtonContainer .wtrFloatingBox, 966 | .tableListReverse td, 967 | .tableListReverse th, 968 | .Updates, 969 | .userProfileName, 970 | .wtrButtonContainer .wtrRight, 971 | .siteHeader__dropdownHeading, 972 | .gr-notification, 973 | .answerButton, 974 | .rightedBox, 975 | .bigTabs, 976 | .mediumTabs, 977 | .tabs, 978 | div.navigationBox div.navRow, 979 | .genreButton:hover, 980 | .wantToReadMenu__newShelfButtonContainer, 981 | .gr-newsfeedItem, 982 | .communityQuestionAndAnswer, 983 | h1.authorName, 984 | .gcaLink--block, 985 | .readingChallengeDashboard, 986 | .yearChallengeTabs, 987 | .challengeParticipants .challengeProgress, 988 | .yearChallengeBooks .missingBooksWidget, 989 | .showUserChallengePage .missingBooksWidget, 990 | .detailChallengeTabs, 991 | .gr-bookSearchResults__item, 992 | .box h2, 993 | .listElement, 994 | .footerCtaBanner, 995 | .readingYearContent .missingBooksWidget, 996 | .readingYearContent .readingChallengeWidget, 997 | .mainContentContainer#topLanding .contentBox, 998 | .gr-annotatedBooksPage .annotatedBooksPage__collection__descriptionContainer, 999 | .gr-annotatedBooksPage .annotatedBookItem, 1000 | .readingNotesOwnerShareContainer, 1001 | .readingNotesBookDetailsContainer, 1002 | .js-readingNote, 1003 | .groupNav .actionLinkLites, 1004 | #signedOutHome .featureTeaserBox .listTeaser, 1005 | .shareModal__previewContainer, 1006 | .shareModal__bottomContainer--social, 1007 | .shelfChooser .shelves li.exclusive, 1008 | .shelfChooser .newShelfButtonLi, 1009 | .communityAnswer, 1010 | .leftContainer #prevNext { 1011 | border-color: var(--border); 1012 | } 1013 | 1014 | #descriptionContainer, 1015 | .readingTimeline__text, 1016 | #nextGroupBooks .groupBook, 1017 | #nextGroupBooks .boxHeader, 1018 | #nextGroupBooks .boxFooter, 1019 | .toolset, 1020 | .reviewFormEdit .separator, 1021 | .reviewFormRereading table tr td .pickerDivider, 1022 | .reviewFormCurrentlyReading table tr td .pickerDivider, 1023 | .newsfeedNoteHighlightTextContainer--withBorder { 1024 | border-color: var(--border-bright); 1025 | } 1026 | 1027 | /* Tab navigation */ 1028 | .tabs .tab, 1029 | .tabs .selectedTab, 1030 | .mediumTabs .tab, 1031 | .mediumTabs .selectedTab, 1032 | .bigTabs .tab, 1033 | .bigTabs .selectedTab { 1034 | border-color: var(--txt-link); 1035 | transition: all 0.2s ease-in-out 1036 | } 1037 | 1038 | .tabs .tab, 1039 | .mediumTabs .tab, 1040 | .bigTabs .tab, 1041 | #signInForm .gr-button.gr-button--dark, 1042 | .reviewFormRereading table tr td .startedAtMonth, 1043 | .reviewFormRereading table tr td .endedAtMonth, 1044 | .reviewFormCurrentlyReading table tr td .startedAtMonth, 1045 | .reviewFormCurrentlyReading table tr td .endedAtMonth, 1046 | .reviewFormRereading table tr td .readingSessionDatePicker select, 1047 | .reviewFormCurrentlyReading table tr td .readingSessionDatePicker select, 1048 | .reviewFormRereading table tr td .startedAtDay, 1049 | .reviewFormRereading table tr td .endedAtDay, 1050 | .reviewFormCurrentlyReading table tr td .startedAtDay, 1051 | .reviewFormCurrentlyReading table tr td .endedAtDay, 1052 | .reviewFormRereading table tr td .startedAtYear, 1053 | .reviewFormRereading table tr td .endedAtYear, 1054 | .reviewFormCurrentlyReading table tr td .startedAtYear, 1055 | .reviewFormCurrentlyReading table tr td .endedAtYear { 1056 | border-color: transparent 1057 | } 1058 | 1059 | .tabs .tab:hover, 1060 | .mediumTabs .tab:hover, 1061 | .bigTabs .tab:hover, 1062 | .tabs .selectedTab:hover, 1063 | .bigTabs .selectedTab:hover, 1064 | .mediumTabs .selectedTab:hover { 1065 | border-bottom: 2px solid var(--txt-link) 1066 | } 1067 | 1068 | .wtrButtonContainer .wtrPrompt::before, 1069 | .wtrButtonContainer .wtrPrompt::after { 1070 | border-color: var(--cape-cod) transparent 1071 | } 1072 | 1073 | /* Navigation box */ 1074 | div.navigationBox a.helpTip, 1075 | div.navigationBox div.navRow a:hover, 1076 | div.navigationBox div.navRow a.selected, 1077 | div.navigationBox div.navRow a.selected:hover { 1078 | background: var(--mine); 1079 | } 1080 | 1081 | div.navigationBox div.navRow a:hover, 1082 | div.navigationBox div.navRow a.selected, 1083 | div.navigationBox div.navRow a.selected:hover { 1084 | padding-left: 10px; 1085 | left: 0; 1086 | width: 260px; 1087 | } 1088 | 1089 | div.navigationBox div.navRow:first-of-type a:hover, 1090 | div.navigationBox div.navRow:first-of-type a.selected, 1091 | div.navigationBox div.navRow:first-of-type a.selected:hover, 1092 | .noteHighlightTextContainer .likeInformation { 1093 | border-top-left-radius: 6px; 1094 | border-top-right-radius: 6px; 1095 | } 1096 | 1097 | div.navigationBox div.navRow:last-of-type a:hover, 1098 | div.navigationBox div.navRow:last-of-type a.selected, 1099 | div.navigationBox div.navRow:last-of-type a.selected:hover { 1100 | border-bottom-left-radius: 6px; 1101 | border-bottom-right-radius: 6px; 1102 | } 1103 | 1104 | .prototip:not(.prototipAllowOverflow) .prototip_StemImage { 1105 | transform: rotate(90deg) translateY(-10px); 1106 | } 1107 | 1108 | .prototip .goodreads, 1109 | .prototip .goodreads .toolbar { 1110 | background: transparent 1111 | } 1112 | 1113 | #books.table tbody tr { 1114 | border-top-color: var(--border); 1115 | border-bottom-color: var(--border); 1116 | } 1117 | 1118 | /* User & Author icon images */ 1119 | .circularIcon--border { 1120 | background-color: var(--bkg-main); 1121 | border-color: var(--border-bright); 1122 | } 1123 | 1124 | .userRating__star, 1125 | .choiceWidget__title { 1126 | background-color: transparent 1127 | } 1128 | 1129 | /* PROGRESS BAR */ 1130 | progress[value] { 1131 | -webkit-appearance: none; 1132 | appearance: none; 1133 | } 1134 | 1135 | /* Firefox */ 1136 | /* Notice Box */ 1137 | progress, 1138 | .readingTimeline__progressContainer, 1139 | .graphContainer, 1140 | .challengeProgress .graphContainer, 1141 | .barchart { 1142 | background: var(--green-shadow); 1143 | } 1144 | 1145 | progress::-moz-progress-bar, 1146 | .readingTimeline__progress, 1147 | .graphBar, 1148 | .readingTimeline__bullet { 1149 | background: var(--robin); 1150 | } 1151 | 1152 | /* Webkit */ 1153 | progress[value]::-webkit-progress-bar, 1154 | .readingTimeline__progressContainer, 1155 | .graphContainer, 1156 | .readingYearContent .readingChallengeWidget .readingChallengeProgressBar .challengeProgressBar .graphContainer, 1157 | .readingYearContent .readingChallengeWidget .readingChallengeProgressBar .challengeProgressBar .graphContainerMobile, 1158 | .sequenceIndicators__circle--selected { 1159 | background: var(--green-shadow); 1160 | } 1161 | 1162 | progress[value]::-webkit-progress-value, 1163 | .readingTimeline__progress, 1164 | .graphBar, 1165 | .readingYearContent .readingChallengeWidget .readingChallengeProgressBar .challengeProgressBar .graphBar, 1166 | .datum { 1167 | background: var(--robin); 1168 | } 1169 | 1170 | .left.data:hover .barchart { 1171 | background: var(--conch); 1172 | } 1173 | 1174 | .left.data:hover .datum { 1175 | background: var(--elm); 1176 | } 1177 | 1178 | /* Buttons */ 1179 | .gr-button, 1180 | .gr-form__submitButton, 1181 | .buttonBar, 1182 | .wtrButtonContainer .wtrLeft.wtrDown, 1183 | .gr-form--compact__submitButton, 1184 | .searchBox--large__button, 1185 | .large.button, 1186 | .buttonToggle, 1187 | .wantToReadButton__leftShelved, 1188 | .friendFollowButton, 1189 | .tooltipTriggerText .tooltip a.buttonBar, 1190 | .tooltipTrigger .tooltip a.buttonBar, 1191 | .tooltipTrigger .tooltip a.kcrPreviewButton, 1192 | .tooltipTrigger .tooltip a.syncPreviewButton, 1193 | .js-readingNote .noteHighlightTextContainer__highlightText--highlighted>span, 1194 | .newsfeedNoteHighlightTextContainer__highlightText span, 1195 | #signedOutHome #newAccountBox .button, 1196 | .gr-button.gr-button--dark, 1197 | .buttons .button { 1198 | background-color: var(--conch); 1199 | color: var(--space); 1200 | border-color: var(--border); 1201 | } 1202 | 1203 | html.desktop .wtrButtonContainer .wtrLeft.wtrDown, 1204 | .js-readingNote .noteHighlightTextContainer__highlightText { 1205 | border-color: var(--conch) 1206 | } 1207 | 1208 | .gr-button:hover, 1209 | .gr-form__submitButton:hover, 1210 | .buttonBar:hover, 1211 | .gr-form--compact__submitButton:hover, 1212 | .searchBox--large__button:hover, 1213 | .large.button:hover, 1214 | .buttonToggle:hover, 1215 | .wantToReadButton__leftShelved, 1216 | .friendFollowButton:hover, 1217 | .tooltipTriggerText .tooltip a.buttonBar:hover, 1218 | .tooltipTrigger .tooltip a.buttonBar:hover, 1219 | .tooltipTrigger .tooltip a.kcrPreviewButton:hover, 1220 | .tooltipTrigger .tooltip a.syncPreviewButton:hover, 1221 | #signedOutHome #newAccountBox .button:hover, 1222 | .gr-button.gr-button--dark:hover, 1223 | .buttons .button:hover, 1224 | .buttons .button.selected { 1225 | background-color: var(--powder-ash); 1226 | } 1227 | 1228 | .gr-button:disabled, 1229 | .buttonToggle:disabled, 1230 | .gr-form__submitButton:disabled { 1231 | background-color: var(--bkg-card); 1232 | color: var(--mystic); 1233 | border-color: var(--border); 1234 | cursor: default; 1235 | } 1236 | 1237 | .gr-button.gr-button--quiet, 1238 | .gr-button.gr-button--caretRight, 1239 | .gr-button--caretRight:hover, 1240 | .gr-button.gr-button--small, 1241 | .yearChallengeModule .viewChallenge { 1242 | color: var(--txt-second); 1243 | border-color: var(--border); 1244 | background-color: transparent; 1245 | } 1246 | 1247 | .jobsValuesButton { 1248 | border: 2px solid var(--border) 1249 | } 1250 | 1251 | .jobsValuesButton:hover { 1252 | background-color: var(--border); 1253 | box-shadow: none; 1254 | } 1255 | 1256 | .gr-button.gr-button--quiet:hover, 1257 | .gr-button.gr-button--small:hover, 1258 | .button.orange:hover { 1259 | color: #fff; 1260 | background-color: var(--bkg-nav-link-hover); 1261 | border-color: var(--bkg-nav-link-hover); 1262 | } 1263 | 1264 | a.gr-button--choice, 1265 | a.gr-button--dark, 1266 | a.gr-button--red, 1267 | a.gr-button--teal, 1268 | .button, 1269 | .wantToReadButton__leftUnshelved, 1270 | .dropdown--wantToReadMenu, 1271 | .wantToReadButton__leftUnshelved, 1272 | .gr-button--choice, 1273 | html.desktop .wtrButtonContainer .wtrRight.wtrDown, 1274 | html.desktop .wtrButtonContainer .wtrRight.wtrDown:hover, 1275 | html.desktop .wtrButtonContainer .wtrLeft button.wtrToRead, 1276 | html.desktop .wtrButtonContainer .wtrRight.wtrUp, 1277 | html.desktop .wtrButtonContainer .wtrUp .center-ratings .legacyWantToReadButton .button, 1278 | .legacyWantToReadButton .button, 1279 | .legacyWantToReadButton .button .smallButton, 1280 | .friendFollowButton--dark, 1281 | .readingNotes__HelpTip, 1282 | .button.orange { 1283 | background: var(--bkg-button); 1284 | color: var(--txt-button); 1285 | border-color: var(--border); 1286 | } 1287 | 1288 | .dropdown--wantToReadMenu, 1289 | .wtrButtonContainer .wtrRight { 1290 | border-left-color: var(--neptune) !important; 1291 | } 1292 | 1293 | a.gr-button--choice:hover, 1294 | a.gr-button--dark:hover, 1295 | a.gr-button--red:hover, 1296 | a.gr-button--teal:hover, 1297 | .wantToReadButton__leftUnshelved:hover, 1298 | .dropdown--wantToReadMenu:hover, 1299 | .gr-button--choice:hover, 1300 | html.desktop .wtrButtonContainer .wtrLeft button.wtrToRead:hover, 1301 | html.desktop .wtrButtonContainer .wtrRight.wtrUp:hover, 1302 | .legacyWantToReadButton .button:hover, 1303 | .friendFollowButton--dark:hover { 1304 | background: var(--bkg-button-hover); 1305 | } 1306 | 1307 | .wantToReadButton__leftUnshelvedButton, 1308 | .wantToReadButton__leftUnshelvedButton:hover, 1309 | .friendFollowButton--dark, 1310 | .jobsValuesButton { 1311 | color: var(--txt-button); 1312 | } 1313 | 1314 | 1315 | /* Notice Box */ 1316 | .noticeBox, 1317 | .noticeBox ul, 1318 | .noticeBox ol, 1319 | .noticeBox p, 1320 | .noticeBox td, 1321 | .noticeBox th, 1322 | #signedOutHome #masthead #newAccountBox h2, 1323 | #connectPrompt .connectPromptHolder { 1324 | color: var(--space) 1325 | } 1326 | 1327 | .noticeBox, 1328 | #connectPrompt .connectPromptHolder { 1329 | background: var(--mint-ice); 1330 | border: 3px solid var(--green-shadow); 1331 | border-radius: 6px; 1332 | } 1333 | 1334 | /* 1335 | ------------- 1336 | QUESTIONS 1337 | ------------- 1338 | */ 1339 | /* author name */ 1340 | .communityQABookInfo .authorInfoAndActions .authorName, 1341 | .wtrButtonContainer .wtrLeft.wtrDown .gr-form.gr-form--compact { 1342 | color: var(--txt-main); 1343 | } 1344 | 1345 | .communityQuestion .fullQuestionBody, 1346 | .shelfChooser .shelfChooserWrapper, 1347 | .jobsValuesBox { 1348 | background-color: var(--aztec) 1349 | } 1350 | 1351 | .communityQuestion .triangle { 1352 | border-color: var(--aztec) transparent transparent transparent 1353 | } 1354 | 1355 | ul.communityQAFooter.answerFooter .footerItem.comment a, 1356 | .qaInfoModule a { 1357 | color: var(--txt-link) 1358 | } 1359 | 1360 | .gr-form__secondaryAction, 1361 | .gr-form--compact__secondaryAction { 1362 | color: var(--txt-grey) 1363 | } 1364 | 1365 | /* 1366 | ------------- 1367 | EXTRA FEED STYLING 1368 | ------------- 1369 | */ 1370 | /* card feed */ 1371 | .gr-newsfeedItem, 1372 | .gr-newsfeedItem__details, 1373 | .js-readingNote .noteHighlightTextContainer__noteContainer .noteContainer__noteText.noEdit { 1374 | border-radius: 10px; 1375 | padding: 1rem 0.75rem 0; 1376 | border: 0; 1377 | } 1378 | 1379 | /* card author icon */ 1380 | .gr-newsfeedItem__headerIcon { 1381 | margin-left: -2.15rem; 1382 | } 1383 | 1384 | /*---------- 1385 | BORDER RADIUS 1386 | -----------*/ 1387 | /* card book border */ 1388 | .gr-book--border, 1389 | #choiceBody .rightContainer, 1390 | .readingChallengeBanner .bannerYear, 1391 | .readingChallengeBanner .challengeStatsContainer2, 1392 | .readingChallengeDashboard, 1393 | .newsMainContent.mainContentFloat, 1394 | .greyBox, 1395 | #fav_authors .section, 1396 | .readingYearContent .missingBooksWidget, 1397 | .readingYearContent .readingChallengeWidget, 1398 | .aboutHeaderImage img, 1399 | .centered img, 1400 | .jobsValuesBox, 1401 | .gr-editorialBlogPost__image, 1402 | .gr-newsfeedItem__details, 1403 | .js-readingNote .noteHighlightTextContainer__noteContainer .noteContainer__noteText.noEdit, 1404 | .communityQANewsfeedItem__question, 1405 | .siteAnnouncement, 1406 | .siteAnnouncement__masthead img, 1407 | .shareModal__previewContainer, 1408 | .editorialCard, 1409 | .editorialCard img, 1410 | #box, 1411 | #box #boxContents, 1412 | .communityQuestion .fullQuestionBody, 1413 | .newsfeedNoteHighlightTextContainer--withBorder { 1414 | border-radius: 6px; 1415 | } 1416 | 1417 | .readingYearContent .readingChallengeWidget .readingChallengeBanner .bannerYear, 1418 | .folder .brownBox, 1419 | .tableList th, 1420 | .siteAnnouncement__masthead img, 1421 | .editorialCard img { 1422 | border-bottom-left-radius: 0; 1423 | border-bottom-right-radius: 0; 1424 | } 1425 | 1426 | .editorialCard .editorialCard__image--left img { 1427 | border-top-right-radius: 0; 1428 | border-bottom-right-radius: 0; 1429 | } 1430 | 1431 | .gr-book { 1432 | margin-bottom: 0.75rem; 1433 | } 1434 | 1435 | /* card footer width expansion */ 1436 | .likeInformation, 1437 | .gr-newsfeedItem__footer .gr-comments, 1438 | .gr-newsfeedItem__footer, 1439 | .gr-commentForm { 1440 | width: calc(100% + 0.25rem); 1441 | margin-left: -0.75rem; 1442 | padding: 0 0.25rem 1rem 0.75rem; 1443 | border: 0; 1444 | } 1445 | 1446 | .likeInformation, 1447 | .js-readingNote .noteHighlightTextContainer__noteContainer .noteContainer__noteText.noEdit { 1448 | padding-top: 1rem; 1449 | padding-bottom: 0.5rem; 1450 | } 1451 | 1452 | .noteHighlightTextContainer .likeInformation, 1453 | .noteHighlightTextContainer .gr-commentForm { 1454 | width: unset; 1455 | margin-left: unset; 1456 | padding: 8px; 1457 | } 1458 | 1459 | .gr-comments__seeAllLinkBox { 1460 | margin-top: -0.5rem 1461 | } 1462 | 1463 | .noteHighlightTextContainer .gr-comments__seeAllLinkBox { 1464 | margin-top: 0 1465 | } 1466 | 1467 | .gr-newsfeedItem__footer { 1468 | margin: 0 -0.75rem; 1469 | padding: 0 0.75rem; 1470 | } 1471 | 1472 | .gr-newsfeedItem__footer .gr-comments { 1473 | width: calc(100% + 0.25rem); 1474 | } 1475 | 1476 | .gr-commentForm { 1477 | border-bottom-left-radius: 10px; 1478 | border-bottom-right-radius: 10px; 1479 | } 1480 | 1481 | /* list tweaks */ 1482 | .tableList td, 1483 | .tableList th, 1484 | .quote, 1485 | .brownBox, 1486 | .newsMainContent.mainContentFloat { 1487 | padding: 1rem 0.5rem; 1488 | } 1489 | 1490 | .brownBox { 1491 | padding: 0.5rem; 1492 | border-radius: 6px 1493 | } 1494 | 1495 | .img, 1496 | .blogWidth, 1497 | .twoAcross, 1498 | .headerImage, 1499 | .controlBody, 1500 | .gr-mediaFlexbox__media, 1501 | .floatingBox { 1502 | border-radius: 3px 1503 | } 1504 | 1505 | /* border removal */ 1506 | .u-topGrayBorder, 1507 | .gr-commentForm__textarea, 1508 | .readerQAForm .textInput, 1509 | div.bookRow, 1510 | .tableList td, 1511 | .tableList th, 1512 | .quote, 1513 | .u-bottomGrayBorder, 1514 | .editorialCard, 1515 | .shareBarContainer, 1516 | .shareBarContainerLast, 1517 | .shareBarContainerDarkBorder, 1518 | .wtrButtonContainer .wtrPrompt input[pattern="\\d*"], 1519 | .controlGroup .open, 1520 | .controlBody, 1521 | .siteAnnouncement { 1522 | border: 0; 1523 | } 1524 | 1525 | /* box-shadow removal */ 1526 | .gr-commentForm__textarea:focus, 1527 | .contentBox, 1528 | .jobsValuesBox, 1529 | .jobsValuesButton, 1530 | .mainContentContainer#topLanding { 1531 | box-shadow: none; 1532 | -webkit-box-shadow: none; 1533 | } 1534 | 1535 | main { 1536 | padding-top: 1rem 1537 | } 1538 | 1539 | .distractionless #header { 1540 | margin-bottom: 0 1541 | } 1542 | 1543 | div.bannerYear[style] { 1544 | background-color: var(--elm) !important 1545 | } 1546 | 1547 | /* Best of Lists */ 1548 | .gcaDivider, 1549 | .gcaDivider__centerpiece { 1550 | height: 0 1551 | } 1552 | 1553 | /* News & Interviews tweaks */ 1554 | .newsMainContent.mainContentFloat, 1555 | #box { 1556 | background: transparent; 1557 | } 1558 | 1559 | /* Revert serif to sans-serif */ 1560 | .newsContainer, 1561 | .comment .reviewText { 1562 | font-family: "Lato", "Helvetica Neue", "Helvetica", -apple-system, BlinkMacSystemFont, Roboto, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', sans-serif 1563 | } 1564 | 1565 | #box #boxContents { 1566 | margin-top: 0; 1567 | padding-top: 22px; 1568 | } 1569 | 1570 | /* Review comments */ 1571 | .reviewFooter>div[id*='comments_for'] div:first-child { 1572 | border-top-left-radius: 6px; 1573 | border-top-right-radius: 6px; 1574 | } 1575 | 1576 | .reviewFooter>div[id*='comments_form_review'].brown_comment { 1577 | border-bottom-right-radius: 6px; 1578 | border-bottom-left-radius: 6px; 1579 | } 1580 | 1581 | .reviewFooter>div[id*='comments_form_review'].brown_comment>textarea, 1582 | .reviewFooter>div[id*='comments_form_review'].brown_comment #comment_body_usertext, 1583 | .shelfChooser input[type=text] { 1584 | background-color: var(--asher) 1585 | } 1586 | 1587 | /* Remove top banner */ 1588 | .siteHeader__topFullImageContainer { display: none; } 1589 | html.withSiteHeaderTopFullImage .siteHeaderBottomSpacer { 1590 | padding-bottom: 3rem; 1591 | } 1592 | html.withSiteHeaderTopFullImage .primaryNavMenu__menu, 1593 | html.withSiteHeaderTopFullImage .dropdown__menu--profileMenu, 1594 | html.withSiteHeaderTopFullImage .dropdown__menu--siteHeader { top: initial } 1595 | } -------------------------------------------------------------------------------- /goodreads-dark.user.css: -------------------------------------------------------------------------------- 1 | /* ==UserStyle== 2 | @name Goodreads dark (Jade) theme 3 | @namespace https://github.com/obscuredetour/ 4 | <<<<<<< HEAD 5 | @version 1.8.5 6 | ======= 7 | @version 1.8.4 8 | >>>>>>> cba77ef12f350a38e4661efaaf31f3254016a7a7 9 | @license MIT 10 | @author obscure detour (https://www.jeffreysummers.me) 11 | @homepageURL https://github.com/obscuredetour/goodreads-dark 12 | @updateURL https://github.com/obscuredetour/goodreads-dark/raw/master/goodreads-dark.user.css 13 | ==/UserStyle== */ 14 | @-moz-document domain("goodreads.com") { 15 | :root { 16 | /* color variables - darkest to lightest */ 17 | --jet: hsl(0, 0%, 12%); 18 | --space: hsl(0, 0%, 13%); 19 | --raven: hsl(0, 1%, 15%); 20 | --asher: hsl(0, 1%, 17%); 21 | --aztec: hsl(0, 1%, 20%); 22 | --cape-cod: hsl(0, 0%, 23%); 23 | --corduroy: hsl(0, 1%, 26%); 24 | --mine: hsl(0, 0%, 28%); 25 | --mystic: hsl(0, 0%, 38%); 26 | --grey: hsl(0, 0%, 67%); 27 | --alabaster: hsl(168, 15%, 83%); 28 | --zircon: hsl(0, 2%, 91%); 29 | --concrete: hsl(0, 0%, 95%); 30 | 31 | --limestone: hsl(168, 15%, 17%); 32 | --elm: hsl(169, 51%, 32%); 33 | --jade: hsl(165, 42%, 35%); 34 | --robin: hsl(166, 18%, 38%); 35 | --neptune: hsl(165, 34%, 60%); 36 | --conch: hsl(165, 13%, 65%); 37 | --green-shadow: hsl(165, 25%, 66%); 38 | --powder-ash: hsl(165, 13%, 75%); 39 | --mint-ice: hsl(165, 70%, 90%); 40 | 41 | /* backgrounds */ 42 | --bkg-nav: var(--jet); 43 | --bkg-main: var(--space); 44 | --bkg-card: var(--raven); 45 | --bkg-card-foot: var(--asher); 46 | --bkg-nav-link-hover: var(--corduroy); 47 | --bkg-button: var(--jade); 48 | --bkg-button-hover: var(--elm); 49 | 50 | /* text */ 51 | --txt-main: var(--concrete); 52 | --txt-second: var(--zircon); 53 | --txt-grey: var(--grey); 54 | --txt-nav-link: var(--alabaster); 55 | --txt-link: var(--neptune); 56 | --txt-link-bright: var(--mint-ice); 57 | --txt-button: white; 58 | 59 | /* borders */ 60 | --border: var(--mine); 61 | --border-bright: var(--mystic); 62 | } 63 | 64 | /* Main Pages & Sections */ 65 | body, 66 | .gr-homePageBody, 67 | .mainContent, 68 | .mainContentFloat, 69 | #rating_graph, 70 | .rating_graph, 71 | .mainContentContainer, 72 | .dropdown__menu--wantToReadMenu, 73 | .gr-popover, 74 | #editFavGenres .recsNotice, 75 | .newsHeader, 76 | .aboutRightColumnWide section, 77 | .aboutRightColumnWide section h2, 78 | #box #boxContents { 79 | background-color: var(--bkg-main); 80 | color: var(--txt-second); 81 | } 82 | 83 | .mainContentContainer#topLanding { 84 | padding: 25px 0 85 | } 86 | 87 | /* Site logo */ 88 | .siteHeader__logo, 89 | .logo a img, 90 | #signedOutHome .discoveryBoxDiscovery .discoveryBoxArrow img { 91 | filter: brightness(4) sepia(55%) hue-rotate(115deg) saturate(34%) 92 | } 93 | /* Site logo reset to default - sorry GR */ 94 | .siteHeader__logo:not(.siteHeader__logo--doodle) { 95 | background: url("/assets/layout/header/goodreads_logo.svg") no-repeat; 96 | background-position: center; 97 | background-size: 140px 30px; 98 | } 99 | 100 | .siteHeader__logo.siteHeader__logo--doodle { filter: brightness(.75) sepia(55%) hue-rotate(115deg) saturate(34%) } 101 | 102 | #siteheader #logo img { 103 | filter: brightness(2) sepia(55%) hue-rotate(115deg) saturate(54%) 104 | } 105 | 106 | #siteheader #logo { 107 | position: relative 108 | } 109 | 110 | #siteheader #logo:after { 111 | content: 'dark (jade)'; 112 | position: absolute; 113 | right: -4rem; 114 | top: 0; 115 | font-size: 13px; 116 | color: var(--limestone); 117 | } 118 | 119 | .gr-icon--authorBadge { 120 | filter: brightness(3) sepia(55%) hue-rotate(115deg) saturate(34%) 121 | } 122 | 123 | /* Personal Nav icons */ 124 | .headerPersonalNav__icon, 125 | #signedOutHome #masthead #headline img { 126 | filter: brightness(1) sepia(55%) hue-rotate(115deg) saturate(34%) 127 | } 128 | 129 | img.circularIcon[src*="nophoto"], 130 | img[src*="nophoto"], 131 | .wantToReadButton__checkIcon--read { 132 | filter: brightness(0.75) sepia(55%) hue-rotate(115deg) saturate(34%) 133 | } 134 | 135 | /* Social icons */ 136 | .gr-footer__socialLink img, 137 | .gr-h1 img, 138 | .responsiveSiteFooterV2__socialLink img, 139 | .responsiveSiteFooter__socialLink img { 140 | filter: invert(1) 141 | } 142 | 143 | .brownBox a[id*='folder_'] img, 144 | a img[src*='arrow'] { 145 | filter: invert(0.75) 146 | } 147 | 148 | .dropdown__trigger--profileMenu .headerPersonalNav__icon { 149 | filter: unset 150 | } 151 | 152 | .gr-iconButton img[src*="close"] img { 153 | filter: brightness(2) 154 | } 155 | 156 | .gr-shareButton__icon { 157 | filter: brightness(185%) hue-rotate(-12deg) saturate(34%) 158 | } 159 | 160 | #signedOutHome .discoveryBoxDiscovery { 161 | background-image: linear-gradient(var(--aztec), var(--aztec)), 162 | url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAoCAYAAAA%2FtpB3AAAAOElEQVQIW2M6uG%2FlfyZGRkYGdIIBCKAsRgYMWXSCAU5gUYzVAAaELA5tCHUQAxjQZIFir16%2FhXAByw8GmnhQCm8AAAAASUVORK5CYII%3D); 163 | background-blend-mode: saturation; 164 | } 165 | 166 | #signedOutHome .mainContentContainer { 167 | background-image: linear-gradient(var(--bkg-main), var(--bkg-main)), 168 | url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAASCAYAAACaV7S8AAAALElEQVQIW2P4DwRMnz48YWBiAAIIwcjIBCIYgVw4CyLGAGOhSyApBpoBMhQAWY0LCsZmAMgAAAAASUVORK5CYII%3D); 169 | background-blend-mode: saturation; 170 | } 171 | 172 | .reviewFormRereading table tr td .readingSessionDatePicker.smallPicker, 173 | .reviewFormCurrentlyReading table tr td .readingSessionDatePicker.smallPicker, 174 | .reviewFormRereading table tr td .readingSessionDatePicker.largePicker, 175 | .reviewFormCurrentlyReading table tr td .readingSessionDatePicker.largePicker { 176 | position: relative; 177 | background: unset; 178 | } 179 | 180 | .reviewFormRereading table tr td .readingSessionDatePicker.smallPicker::after, 181 | .reviewFormCurrentlyReading table tr td .readingSessionDatePicker.smallPicker::after, 182 | .reviewFormRereading table tr td .readingSessionDatePicker.largePicker::after, 183 | .reviewFormCurrentlyReading table tr td .readingSessionDatePicker.largePicker::after { 184 | border-color: var(--txt-grey) transparent; 185 | border-style: solid; 186 | border-width: 4px 4px 0px 4px; 187 | height: 0px; 188 | width: 0px; 189 | content: ''; 190 | position: absolute; 191 | top: 12px; 192 | right: 6px; 193 | } 194 | 195 | /* radio not checked */ 196 | .shelfChooser .shelves li.exclusive { 197 | background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABCUlEQVQ4T6WSyyrFURSHv+8JFBPFQF7huJQyMsDESDE3YqKogxlKydQpJkLxCp6ByNCAMVLKIyztY/9Pu+NyTlmzdfn2Wnutn7RZRIwDM8BITt0BV+ptWWrpRMQB0AdcA685NwCkxz7U9aq+BUbEHvCgXrZPkfyImAcm1dXkN8GI2AVe1OOfoCqW4Ql1zYgYBo7U6b+gAj4FGgncBHrUrS7B5bSHBD4C52r6Y0eLiDlg6V9gvdlaNzq2+1rkCtCbOg4BJ+pUl+AZcFidYxt4VxsdzrEA1NR6KYAd4Em9+EUAi8BYumFLAMWN9oF+4AZ4zvHBLLm31Omb5Aq4BswCozmWxJ1Efl9O8gnL7269xo9RNwAAAABJRU5ErkJggg==); 198 | } 199 | 200 | /* radio checked */ 201 | .shelfChooser .shelves li.exclusive_chosen { 202 | background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAACFUlEQVQ4T42SzWsTURTFz4yTYN+8ZFLGCSYhs1DxA6FSmjS6cFFXVcGFC6kg+i+IioqrIoIUd3WhGzdd2I0ouOi2i67aVEMRBM1mZpcEEubzDZlOZ+TFiUYQ8cHjLe773Xs55wj4fQQAguM4jUwmsyiK4hwvxXH8KQzDDUVRmgCS9IJ/5oe/ImNsJYqiI77vNz3P6/ICpfSoLMt1SZIGhJAHvBeHR1M45Hnes8Fg0NZ1/QOADIBDadMDAPuGYVzRNO28LMt3OTyCfN9/allWr1KpvAVAAEylMGdDAAEAZhjGYrFYrBNC7gm9Xu8EIeQVpfQGgBwAZavVfDdF6HFOOY61d6l+4Q4AG4DrOM5qkiQvhSAInjDGplVVfQFgeqvV/EhkenJCNDiW01qYbywBsDqdzpKiKAUhDMPv/X5/vVQqvQag7n77+kUQxpr9xJMEB7VTZ84BGLTb7Yu6rt/6PzCO49rpszN/gEEQPGaMaaqqrvBVN3e21/OF/Ow/Vr2pKIoidLvdY7Isv6GUXk/FyW/ubK/l8pSvBtfx9hbmG7dTcbxUnNWxHcu2bVvlcnkttePwhB37YztM07yqadoMIeThrwC4rrtsWZZRrVbf/y0ApmleU1V1llJ6fxyAycg9j6KoxBhruq7b4YVcLlcihNQkSeoSQh5NRm6sw2i6bdtz2Wz2siiKtTTku8PhcKNQKHyeDPkPVC71JS5Paz4AAAAASUVORK5CYII=); 203 | } 204 | 205 | /* square not check */ 206 | .shelfChooser .shelves li { 207 | background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAb0lEQVQ4T+3SsQkCURRE0TMNiIl92IHWtFawBSj2YgHagGwZgoGBDTz5sKGwP9fJJri8x3ADVfXAC8/WFzIlGVJVJ2xw6QR3WDfwijHJbenU/F0Dxz/4Za2q+qlxjnijyxzsscqs0RnbHuVwT3L4AAzAbofbUnZZAAAAAElFTkSuQmCC); 208 | } 209 | 210 | .shelfChooser .shelves li.chosen { 211 | background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABQUlEQVQ4T42SsUrDUBSG/9NKoVhqERwqggbkhkxNSBcn+wj1DeykbqKTW30ApU7iUyg4S7u5GFKXlsYh4mDAoS1V6BCSI1dTrCLc3O1yz3f+//7nEAAwcwBgCOBN3hXHJaIjYuZzACsAblOC2wBKEmwDOCWijkrK8fqd4mLhfnN1bSs16Dz1DpmpqZXLe8uFpYNUoOt5ZozIZc7s2EKMvhyqrLq+X4rCaRugx6owdplZ/lENOl6vBUY9k8ublqaNU4EPg0GdKL7OIGtZQnST0f0o+kFwN3wf29lcviG7ygJpMQ6nPpgubN1ozhL/pTj6mFz5wes+wBXmbKOq6zcyellsC6M2P6Z/rc4iB/MLA+sLOapYmvGsBL8t9jeiEF1EuKwaxsnfpZhXPAMwAaDcnKSJtF6kJKkWAFO1csm7Q0THnzQ1vYcGZm2QAAAAAElFTkSuQmCC); 212 | } 213 | 214 | /* Book Shelf Settings */ 215 | .displayShelfName { 216 | font-size: 15px 217 | } 218 | 219 | a.renameUserShelfLnk { 220 | font-size: 14px 221 | } 222 | 223 | a[id^='feature_'].unfeatured_link, 224 | a[id^='featured_'].featured_link { 225 | position: relative; 226 | } 227 | 228 | a[id^='feature_'].unfeatured_link img, 229 | a[id^='featured_'].featured_link img { 230 | visibility: hidden 231 | } 232 | 233 | /* radio checked */ 234 | a[id^='featured_'].featured_link:after { 235 | position: absolute; 236 | content: ''; 237 | background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAACFUlEQVQ4T42SzWsTURTFz4yTYN+8ZFLGCSYhs1DxA6FSmjS6cFFXVcGFC6kg+i+IioqrIoIUd3WhGzdd2I0ouOi2i67aVEMRBM1mZpcEEubzDZlOZ+TFiUYQ8cHjLe773Xs55wj4fQQAguM4jUwmsyiK4hwvxXH8KQzDDUVRmgCS9IJ/5oe/ImNsJYqiI77vNz3P6/ICpfSoLMt1SZIGhJAHvBeHR1M45Hnes8Fg0NZ1/QOADIBDadMDAPuGYVzRNO28LMt3OTyCfN9/allWr1KpvAVAAEylMGdDAAEAZhjGYrFYrBNC7gm9Xu8EIeQVpfQGgBwAZavVfDdF6HFOOY61d6l+4Q4AG4DrOM5qkiQvhSAInjDGplVVfQFgeqvV/EhkenJCNDiW01qYbywBsDqdzpKiKAUhDMPv/X5/vVQqvQag7n77+kUQxpr9xJMEB7VTZ84BGLTb7Yu6rt/6PzCO49rpszN/gEEQPGaMaaqqrvBVN3e21/OF/Ow/Vr2pKIoidLvdY7Isv6GUXk/FyW/ubK/l8pSvBtfx9hbmG7dTcbxUnNWxHcu2bVvlcnkttePwhB37YztM07yqadoMIeThrwC4rrtsWZZRrVbf/y0ApmleU1V1llJ6fxyAycg9j6KoxBhruq7b4YVcLlcihNQkSeoSQh5NRm6sw2i6bdtz2Wz2siiKtTTku8PhcKNQKHyeDPkPVC71JS5Paz4AAAAASUVORK5CYII=) center center no-repeat; 238 | background-size: cover; 239 | width: 16px; 240 | height: 16px; 241 | top: -0.25rem; 242 | left: 0; 243 | } 244 | 245 | /* radio unchecked */ 246 | a[id^='feature_'].unfeatured_link:after { 247 | position: absolute; 248 | content: ''; 249 | background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABCUlEQVQ4T6WSyyrFURSHv+8JFBPFQF7huJQyMsDESDE3YqKogxlKydQpJkLxCp6ByNCAMVLKIyztY/9Pu+NyTlmzdfn2Wnutn7RZRIwDM8BITt0BV+ptWWrpRMQB0AdcA685NwCkxz7U9aq+BUbEHvCgXrZPkfyImAcm1dXkN8GI2AVe1OOfoCqW4Ql1zYgYBo7U6b+gAj4FGgncBHrUrS7B5bSHBD4C52r6Y0eLiDlg6V9gvdlaNzq2+1rkCtCbOg4BJ+pUl+AZcFidYxt4VxsdzrEA1NR6KYAd4Em9+EUAi8BYumFLAMWN9oF+4AZ4zvHBLLm31Omb5Aq4BswCozmWxJ1Efl9O8gnL7269xo9RNwAAAABJRU5ErkJggg==) center center no-repeat; 250 | background-size: cover; 251 | width: 16px; 252 | height: 16px; 253 | top: -0.25rem; 254 | left: 0; 255 | } 256 | 257 | /* square */ 258 | a[id^='disable_sorting_link_'], 259 | a[id^='enable_sorting_link_'], 260 | a[id^='enable_sticky_link_'], 261 | a[id^='exclusive_link_'], 262 | a[id^='enable_recs_link_'], 263 | a[id^='no_recs_link_'] { 264 | position: relative; 265 | } 266 | 267 | a[id^='disable_sorting_link_']>img, 268 | a[id^='enable_sorting_link_']>img, 269 | a[id^='enable_sticky_link_']>img, 270 | a[id^='exclusive_link_']>img, 271 | a[id^='enable_recs_link_']>img, 272 | a[id^='no_recs_link_']>img { 273 | visibility: hidden 274 | } 275 | 276 | /* square checked */ 277 | a[id^='disable_sorting_link_']:after, 278 | a[id^='no_recs_link_']:after { 279 | position: absolute; 280 | content: ''; 281 | background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABQUlEQVQ4T42SsUrDUBSG/9NKoVhqERwqggbkhkxNSBcn+wj1DeykbqKTW30ApU7iUyg4S7u5GFKXlsYh4mDAoS1V6BCSI1dTrCLc3O1yz3f+//7nEAAwcwBgCOBN3hXHJaIjYuZzACsAblOC2wBKEmwDOCWijkrK8fqd4mLhfnN1bSs16Dz1DpmpqZXLe8uFpYNUoOt5ZozIZc7s2EKMvhyqrLq+X4rCaRugx6owdplZ/lENOl6vBUY9k8ublqaNU4EPg0GdKL7OIGtZQnST0f0o+kFwN3wf29lcviG7ygJpMQ6nPpgubN1ozhL/pTj6mFz5wes+wBXmbKOq6zcyellsC6M2P6Z/rc4iB/MLA+sLOapYmvGsBL8t9jeiEF1EuKwaxsnfpZhXPAMwAaDcnKSJtF6kJKkWAFO1csm7Q0THnzQ1vYcGZm2QAAAAAElFTkSuQmCC) center center no-repeat; 282 | background-size: cover; 283 | width: 16px; 284 | height: 16px; 285 | top: -0.25rem; 286 | left: 0; 287 | } 288 | 289 | /* square unchecked */ 290 | a[id^='enable_sorting_link_']:after, 291 | a[id^='enable_sticky_link_']:after, 292 | a[id^='exclusive_link_']:after, 293 | a[id^='enable_recs_link_']:after, 294 | a[id^='enable_recs_link_'][style="display: none;"]:after { 295 | position: absolute; 296 | content: ''; 297 | background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAb0lEQVQ4T+3SsQkCURRE0TMNiIl92IHWtFawBSj2YgHagGwZgoGBDTz5sKGwP9fJJri8x3ADVfXAC8/WFzIlGVJVJ2xw6QR3WDfwijHJbenU/F0Dxz/4Za2q+qlxjnijyxzsscqs0RnbHuVwT3L4AAzAbofbUnZZAAAAAElFTkSuQmCC) center center no-repeat; 298 | background-size: cover; 299 | width: 16px; 300 | height: 16px; 301 | top: -0.25rem; 302 | left: 0; 303 | } 304 | 305 | /* Radio/Checkboxes I cannot overwrite */ 306 | tr.elementList[id^='shelf_']>td>img[alt="Checkbox disabled"], 307 | tr.elementList[id^='shelf_']>td>img[alt="Checkbox checked disabled"] { 308 | filter: invert(100%) brightness(1.5) saturate(90%); 309 | } 310 | 311 | 312 | .listViewIcon.selected, 313 | .listViewIcon:hover { 314 | background: linear-gradient(var(--mystic), var(--mystic)), 315 | url("https://s.gr-assets.com/assets/layout/list_selected.png") no-repeat; 316 | } 317 | 318 | .gridViewIcon.selected, 319 | .gridViewIcon:hover { 320 | background: linear-gradient(var(--mystic), var(--mystic)), 321 | url("https://s.gr-assets.com/assets/layout/grid_selected.png") no-repeat; 322 | } 323 | 324 | .listViewIcon img, 325 | .gridViewIcon img { 326 | right: 3px; 327 | filter: invert(1) brightness(1.5); 328 | } 329 | 330 | .myBooksNav ul li { 331 | display: inline-block; 332 | } 333 | 334 | .controlGroup a.controlLink.open { 335 | padding-bottom: 14px 336 | } 337 | 338 | /* tool tips */ 339 | .tooltipTriggerText .tooltip, 340 | .tooltipTrigger .tooltip, 341 | .longTextPopupForm__header, 342 | .newsMainContent.mainContentFloat, 343 | .prototip .addbook, 344 | .wtrButtonContainer .wtrPrompt input[pattern="\\d*"], 345 | #fav_authors .section, 346 | .gcaRightContainer, 347 | .gr-contentBoxMargin--large, 348 | .modal__content, 349 | .floatingBox, 350 | .sequenceIndicators__circle { 351 | background-color: var(--raven); 352 | color: var(--txt-second); 353 | border-color: var(--border); 354 | } 355 | 356 | .tooltipCaret--left { 357 | border-right-color: var(--border); 358 | } 359 | 360 | .tooltipCaret--right { 361 | border-left-color: var(--border); 362 | } 363 | 364 | /* yet more tooltip styles */ 365 | .prototip { 366 | color: var(--txt-second); 367 | overflow: visible 368 | } 369 | 370 | li.borderMiddle.borderRow[style], 371 | .shelfChooser .shelves li:hover, 372 | .shelfChooser .shelves li.hover, 373 | .shelfChooser .shelves li.hover:hover, 374 | .shelfChooser .newShelfButtonLi:hover, 375 | .shelfChooser .newShelfButtonLi.hover { 376 | background-color: var(--mystic) !important; 377 | } 378 | 379 | .prototip .prototip_StemBox li.borderMiddle.borderRow[style] { 380 | background-color: var(--raven) !important; 381 | } 382 | 383 | /* .prototip .prototip_StemBox .prototip_Stem > .prototip_StemImage, */ 384 | 385 | .prototip .prototip_Stem>.prototip_StemImage[style*="leftmiddle.png"] { 386 | transform: rotate(270deg); 387 | } 388 | 389 | div.prototip_StemImage[style] { 390 | transform: unset; 391 | } 392 | 393 | div.prototip_StemImage[style], 394 | .prototip_StemImage { 395 | -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%); 396 | clip-path: polygon(50% 0%, 0% 100%, 100% 100%); 397 | background: var(--mine) !important; 398 | } 399 | 400 | .prototip .borderFrame { 401 | border: 6px solid var(--mine); 402 | border-radius: 6px; 403 | } 404 | 405 | .prototip .borderCenter[style] { 406 | padding: 0 !important; 407 | } 408 | 409 | div.prototip_Between[style], 410 | .borderBottom.borderRow, 411 | .borderTop.borderRow { 412 | height: 0 !important; 413 | } 414 | 415 | .prototip canvas { 416 | background: transparent 417 | } 418 | 419 | /* Navigation & Footer */ 420 | .siteHeader__topLine, 421 | .siteHeader__primaryNavSeparateLine, 422 | .footerContainer { 423 | background: var(--bkg-nav) 424 | } 425 | 426 | .primaryNavMenu--siteHeaderBrowseMenu .primaryNavMenu__menu, 427 | .primaryNavMenu__menu, 428 | .dropdown__menu--discussions, 429 | .dropdown__menu--notifications, 430 | .siteHeader__subNav--profile, 431 | .dropButton .floatingBox, 432 | .wtrButtonContainer .wtrShelfMenu, 433 | .wtrButtonContainer .wtrFloatingBox, 434 | .readingChallengeBanner .challengeStatsContainer2, 435 | #books.covers .bookalike:hover .field.actions, 436 | .previewBook__topBanner, 437 | .answerButton, 438 | .tabs .tab, 439 | .mediumTabs .tab, 440 | .bigTabs .tab, 441 | .genreButton:hover, 442 | .wantToReadMenu__shelfItem:hover, 443 | .wantToReadMenu__newShelfButtonContainer:hover, 444 | .controlGroup .open, 445 | .controlBody, 446 | .jobsPageCoreValues__colorContainer { 447 | background: var(--mine) 448 | } 449 | 450 | .siteHeader__spotlight--browseMenu::before, 451 | .wtrButtonContainer .wtrPrompt, 452 | .brownBox, 453 | .brown_comment, 454 | li.sortable_item:hover, 455 | .genreButton, 456 | .u-beigeBackground, 457 | .gr-bookSearchResults, 458 | .gr-newsfeedItem__details { 459 | background: var(--cape-cod); 460 | border-color: transparent; 461 | } 462 | 463 | .featuredGenres__genreSpotlight::before, 464 | .genreList__genreLink--selected, 465 | .genreList__genreLink:hover, 466 | .wtrButtonContainer .wtrShelfMenu>.wtrShelfList>ul.wtrExclusiveShelves>li:hover, 467 | .wtrButtonContainer .wtrShelfMenu button.wtrExclusiveShelf:hover, 468 | .wtrButtonContainer .wtrShelfMenu button.wtrAddShelf:hover, 469 | .wtrButtonContainer .wtrShelfMenu label.wtrExclusiveShelf:hover, 470 | .wtrButtonContainer .wtrShelfMenu .wtrNonExclusiveShelves label:hover, 471 | .wtrButtonContainer .wtrShelfMenu .wtrShelfSearchAddShelf button[type="submit"]:hover, 472 | .categoryContainer .category:hover, 473 | .answerButton:hover, 474 | div.navigationBox div.navRow a:hover, 475 | .h1Shelf, 476 | .h1Shelf a, 477 | .greyBox, 478 | .contentBox, 479 | .feedFooterReadStatus .brown_comment, 480 | .feedFooterReview .brown_comment, 481 | #signedOutHome #discoveryBox { 482 | background: var(--aztec) 483 | } 484 | 485 | .h1Shelf a:hover, 486 | .gr-bookSearchResults__item--active { 487 | background: var(--corduroy) 488 | } 489 | 490 | .answerButton:hover, 491 | .wantToReadMenu__exclusiveShelf { 492 | color: white; 493 | } 494 | 495 | .answerButton:hover, 496 | .wantToReadMenu__exclusiveShelf { 497 | color: white; 498 | } 499 | 500 | .gr-box--withShadow, 501 | .floatingBox { 502 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1); 503 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1); 504 | } 505 | 506 | .gr-box--withShadowLarge, 507 | #coverImage, 508 | #books.covers .bookalike .cover img, 509 | .gr-popover, 510 | .yearChallengeBooks .yearChallengeCovers .bookCover, 511 | .showUserChallengePage .yearChallengeCovers .bookCover { 512 | box-shadow: 1px 6px 12px rgba(0, 0, 0, 0.25), 1px 3px 6px rgba(0, 0, 0, 0.1); 513 | -webkit-box-shadow: 1px 6px 12px rgba(0, 0, 0, 0.25), 1px 3px 6px rgba(0, 0, 0, 0.1); 514 | } 515 | 516 | 517 | /*------------- 518 | TEXT COLORS 519 | -------------*/ 520 | /* Nav Link */ 521 | .siteHeader__topLevelLink, 522 | .primaryNavMenu__trigger { 523 | color: var(--txt-nav-link) 524 | } 525 | 526 | /* Nav Link Hover & Active */ 527 | /* Tabs navigation Hover & Active */ 528 | .siteHeader__topLevelLink:hover, 529 | .primaryNavMenu__trigger:hover, 530 | html.no-touchevents .dropdown__trigger--personalNav:hover, 531 | .headerPersonalNav:hover, 532 | .primaryNavMenu__trigger--active, 533 | .dropdown__trigger--personalNavActive, 534 | .tabs .selectedTab, 535 | .mediumTabs .selectedTab, 536 | .bigTabs .selectedTab, 537 | .selectedTab.tabHeader { 538 | background-color: var(--bkg-nav-link-hover) !important 539 | } 540 | 541 | /* LINK TEXT */ 542 | .gr-buttonAsLink, 543 | a, 544 | .gr-hyperlink, 545 | .gr-shareButton, 546 | button.gr-shareButton, 547 | .actionLink, 548 | .actionLinkLite, 549 | .gr-shareButton__textLabel, 550 | .shelfLink, 551 | .updateActionLinks a, 552 | .actionLinkLites a, 553 | .wtrButtonContainer .ratingStars .clearRating, 554 | .wtrButtonContainer .wtrPrompt a, 555 | .communityQuestionPermalink a, 556 | .communityQAFooter .likeItContainer a.like_it, 557 | .moreReaderQA a, 558 | .actionLinks a, 559 | .wtrButtonContainer .wtrFloatingBox button.wtrSecondaryCtrl, 560 | .wtrButtonContainer .wtrFloatingBox button.wtrExclusiveShelf, 561 | .gcaLink, 562 | a.shelfNominee__title, 563 | .helpLinks a, 564 | .userName, 565 | .gcaAuthor a.authorName, 566 | a.gcaPollLink, 567 | .readingYearContent .missingBooksWidget a, 568 | .userComment, 569 | .gr-annotatedBooksPage .annotatedBookItem__bookInfo__knhCta, 570 | .quizTitle, 571 | .js-readingNote .spoilerContainer__showLink, 572 | .responsiveSiteFooter__link { 573 | color: var(--txt-link); 574 | } 575 | 576 | /* SVG LINK */ 577 | #rating_graph span, 578 | .rating_graph span svg g rect { 579 | fill: var(--txt-link); 580 | } 581 | 582 | /* EXTRA BRIGHT LINKS */ 583 | .newCommentsText, 584 | .correct, 585 | .correct a, 586 | .selectedShelf, 587 | a.gcaBookTitle--red { 588 | color: var(--txt-link-bright) 589 | } 590 | 591 | /* MAIN TEXT */ 592 | .gr-h1, 593 | .gr-h3, 594 | .gr-book__titleLink, 595 | .gr-hyperlink--bold, 596 | .gr-newsfeedItem__header, 597 | #bookAuthors .by, 598 | #bookAuthors .authorName, 599 | #bookAuthors .authorName__container, 600 | .bookAuthorProfile__name a, 601 | .tooltipTriggerText .tooltip a, 602 | .tooltipTrigger .tooltip a, 603 | .wtrButtonContainer .wtrShelfMenu li, 604 | .wtrButtonContainer .wtrShelfMenu button.wtrExclusiveShelf, 605 | .wtrButtonContainer .wtrShelfMenu button.wtrAddShelf, 606 | .wtrButtonContainer .wtrShelfMenu label.wtrExclusiveShelf, 607 | .wtrButtonContainer .wtrShelfMenu .wtrNonExclusiveShelves label, 608 | .wtrButtonContainer .wtrShelfMenu .wtrShelfSearchAddShelf button[type="submit"], 609 | .questionText a, 610 | .yearChallengeModule .challengeBooksRead, 611 | .authorName, 612 | tr.update .authorName, 613 | .yearChallengeBooks .viewBooksHeader .progressText, 614 | .showUserChallengePage .viewBooksHeader .progressText, 615 | .detailChallengeTabs .detailChallengeTabHeader, 616 | .readingChallengeBanner .challengeStatsContainer2 .challengeStatItem, 617 | .quizQuestionText, 618 | .quizDescriptionText, 619 | .quizAnswerText, 620 | div.navigationBox h3, 621 | .newsHeaderText, 622 | div.wtrPrompt.wtrUserStatusPrompt, 623 | #fav_authors .title a, 624 | .yyibCtaBanner, 625 | .yearInBooksUserBlurb, 626 | .responsiveSiteFooterV2__heading, 627 | .responsiveSiteFooter__heading, 628 | .bookMeta .value, 629 | .keyValue .value, 630 | .leadParagraph, 631 | .gr-marketingPageH2 { 632 | color: var(--txt-main) 633 | } 634 | 635 | .textColor { 636 | color: var(--txt-main) !important 637 | } 638 | 639 | /* SECONDARY TEXT */ 640 | .gr-book__author, 641 | .gr-book__authorLink, 642 | .u-defaultType, 643 | h2, 644 | h3, 645 | h4, 646 | h5, 647 | .siteHeader__heading, 648 | H1, 649 | .h2Container H2, 650 | .pageHeader h2, 651 | .pageHeader, 652 | h1.quoteText, 653 | h2.brownBackground a, 654 | .communityAnswerText, 655 | .gcaHeader, 656 | .gcaHeader a, 657 | .aboutRightColumnWide h2, 658 | small, 659 | .gr-metaText, 660 | .tableList th a, 661 | .prototip .goodreads .toolbar .title, 662 | .pollAnswer .result, 663 | .gr-newsfeedItem__resourceNameLink, 664 | .secondaryCopy, 665 | .siteAnnouncement__description, 666 | .siteHeader__subNavLink, 667 | .tooltip.book-tooltip .addBookTipDescription, 668 | .bookTitle, 669 | .wtrButtonContainer .wtrFloatingBox, 670 | tr.update .bookTitle, 671 | tr.update .authorTitle, 672 | .newsfeedItemAnswerText, 673 | .category__copy, 674 | .gr-label, 675 | .gcaSubheader, 676 | .askTheAuthorCommunityQuestionAnswerContainer__answerText, 677 | div.navigationBox .badge, 678 | .box h1, 679 | .box h2, 680 | .contentBox .fieldPara label, 681 | .readingYearContent .categoryHeading, 682 | .readingYearContent .abstractionWidget, 683 | .readingYearContent .averageRatingWidget .ratingText, 684 | .readingYearContent .crowdFavoriteWidget .bookBlurb .details, 685 | .readingYearContent .missingBooksWidget .titleText, 686 | div .challenge-on-track, 687 | .gr-annotatedBooksPage .annotatedBookItem__bookInfo__bookTitle, 688 | .groupBook .meta .about .value, 689 | .groupNav h3, 690 | #signedOutHome h2:first-child, 691 | #signedOutHome h3:first-child, 692 | #signedOutHome p:first-child, 693 | #signedOutHome .discoveryBoxDiscovery .discoveryBoxResultBook .discoveryBoxResultDescriptors, 694 | .controlGroup .open, 695 | .controlBody, 696 | .communityAnswerText .spoiler .spoilerAnswerText, 697 | .questionText .spoiler .spoilerAnswerText, 698 | .communityQuestionText .spoiler .spoilerAnswerText, 699 | .newsfeedItemAnswerText .spoiler .spoilerAnswerText, 700 | .reviewFormEdit .shelves, 701 | .communityQuestionText { 702 | color: var(--txt-second) 703 | } 704 | 705 | /* GREY TEXT */ 706 | .darkGreyText, 707 | h2.brownBackground .extraHeader a, 708 | .gr-comment__rightSideInformation, 709 | .siteHeader__sponsoredNavLink, 710 | .kindlePreviewButtonIcon, 711 | #details, 712 | .gr-hyperlink--black, 713 | .gr-hyperlink--black:hover, 714 | .gr-form__secondaryAction:hover, 715 | .gr-form--compact__secondaryAction:hover, 716 | .gr-form--compact__secondaryAction:hover, 717 | ul.adminLinks li a, 718 | .copyright, 719 | .tooltip.book-tooltip .ratingStars .myRating, 720 | .userReview, 721 | .by, 722 | .wtrButtonContainer .wtrPrompt .wtrPromptInstruction, 723 | .updateAction, 724 | .updateAction a, 725 | .quoteText .authorOrTitle, 726 | .gcaMoreLink, 727 | .choiceWidget__votesCast, 728 | .greyText, 729 | #aboutFollowUs, 730 | #aboutFollowUs a, 731 | .chatterSource, 732 | .readingChallengeDashboard, 733 | .askTheAuthorCommunityQuestionAnswerContainer__questionText, 734 | .gcaAuthor .greyText, 735 | .gcaAuthor .by, 736 | .readingYearContent .longestShortestBookWidget .bookBlurbs .details, 737 | .readingYearContent .mostLeastPopularBookWidget .details, 738 | .readingYearContent .readingChallengeWidget .encouragementMessage, 739 | .tooltip.book-tooltip .paddedRating, 740 | .readingTimeline__row, 741 | .responsiveSiteFooterV2__link, 742 | .gr-annotatedBooksPage .annotatedBookItem__bookInfo__bookAuthor, 743 | .gr-h4, 744 | .js-readingNote .ownerActionContainer .visibleToggleContainer .visibleToggleContainer__label, 745 | .js-readingNote .ownerActionContainer .deleteContainer .deleteContainer__label, 746 | .js-readingNote .ownerActionContainer .markAsSpoilerContainer .markAsSpoilerContainer__label, 747 | .readingNotesBanner__SharedWith, 748 | .js-readingNote .noteHighlightContainer__location a, 749 | .js-readingNote .spoilerContainer__message, 750 | .communityQANewsfeedItem__spoilerWarning, 751 | .groupBook .meta label, 752 | .groupBook .meta dt, 753 | .bookMeta, 754 | .keyValue, 755 | .sharePreview__description, 756 | .addbook .myRating, 757 | .giveawayTermsContent, 758 | .jobsListItem__location, 759 | .myBooksNav ul li span.greyText { 760 | color: var(--txt-grey) 761 | } 762 | 763 | /* Input & WHITE text*/ 764 | input[type="text"]::placeholder, 765 | input[type="number"]::placeholder, 766 | input[type="search"]::placeholder, 767 | input[type="email"]::placeholder, 768 | input[type="number"]::placeholder, 769 | input[type="password"]::placeholder, 770 | textarea::placeholder, 771 | .contentBox input[type="text"]:focus, 772 | .contentBox input[type="email"]:focus, 773 | .contentBox input[type="password"]:focus, 774 | #explore_search_query, 775 | .searchBox--large__input:active, 776 | .searchBox--large__input:focus, 777 | .searchBox--large__input, 778 | .wtrButtonContainer .wtrFloatingBox .wtrPromptInstruction, 779 | .tabs .tab, 780 | .tabs .selectedTab, 781 | .mediumTabs .tab, 782 | .mediumTabs .selectedTab, 783 | .bigTabs .tab, 784 | .bigTabs .selectedTab, 785 | .aboutPageTitle, 786 | .siteAnnouncement__title, 787 | .communityQuestionSubTitle, 788 | .infoBoxRowTitle, 789 | .wantToReadShelfCreator__addNamedShelfButton, 790 | .wantToReadShelfCreator__showAddShelfTextboxButton, 791 | .dataTitle, 792 | .goodreadsAuthor, 793 | td, 794 | th, 795 | #booklists h2, 796 | #booklists h3, 797 | .readingChallengeDashboard .progressReport, 798 | .yearChallengeTabs .yearChallengeTabHeader, 799 | .formWithLabels label, 800 | .fakeLabel, 801 | .readingYearContent .standoutText, 802 | .readingYearContent .standoutNumber, 803 | .groupNav a.current { 804 | color: white; 805 | } 806 | 807 | select[class*='smallPicker'][style], 808 | select[class*='largePicker'][style]>option, 809 | select[class*='smallPicker'][style]>option { 810 | color: white !important; 811 | } 812 | 813 | /* Input */ 814 | input[type="text"], 815 | input[type="number"], 816 | input[type="search"], 817 | input[type="email"], 818 | input[type="number"], 819 | input[type="password"], 820 | textarea, 821 | select, 822 | input[type=checkbox], 823 | input[type=radio], 824 | .inlineFormField, 825 | input[type=text], 826 | input[type=number], 827 | input[type=search], 828 | input[type=email], 829 | input[type=number], 830 | input[type=password], 831 | .contentBox input[type=text], 832 | .contentBox input[type=email], 833 | .contentBox input[type=password], 834 | .wtrButtonContainer .wtrNewUserStatus input, 835 | .wtrButtonContainer .wtrUserStatusConfirmation input, 836 | .js-readingNote .noteHighlightTextContainer__noteContainer .noteContainer__noteText, 837 | #signedOutHome #sitesearch input, 838 | #signedOutHome #navBar #signInForm input[type="email"], 839 | #signedOutHome #navBar #signInForm input[type="text"], 840 | #signedOutHome #navBar #signInForm input[type="password"], 841 | .shelfChooser .chooseShelvesLink, 842 | .reviewFormRereading table tr td .readingSessionDatePicker select, 843 | .reviewFormCurrentlyReading table tr td .readingSessionDatePicker select { 844 | background-color: var(--cape-cod); 845 | border-color: transparent; 846 | color: white; 847 | } 848 | 849 | .wtrButtonContainer .wtrNewUserStatus input, 850 | .wtrButtonContainer .wtrUserStatusConfirmation input { 851 | background-color: var(--cape-cod) !important; 852 | border-color: transparent !important; 853 | color: white !important; 854 | } 855 | 856 | /* Focus Input Borders */ 857 | .gr-commentForm__textarea:focus, 858 | input[type="text"]:focus, 859 | input[type="number"]:focus, 860 | input[type="search"]:focus, 861 | input[type="email"]:focus, 862 | input[type="number"]:focus, 863 | input[type="password"]:focus, 864 | textarea:focus, 865 | select:focus, 866 | input[type=checkbox]:focus, 867 | input[type=radio]:focus, 868 | .inlineFormField:focus, 869 | .contentBox input[type=text]:focus, 870 | .contentBox input[type=email]:focus, 871 | .contentBox input[type=password]:focus, 872 | .js-readingNote .noteHighlightTextContainer__noteContainer .noteContainer__noteText:focus, 873 | #signedOutHome #sitesearch input:focus, 874 | #signedOutHome #navBar #signInForm input[type="email"]:focus, 875 | #signedOutHome #navBar #signInForm input[type="text"]:focus, 876 | #signedOutHome #navBar #signInForm input[type="password"]:focus { 877 | background-color: var(--mine); 878 | border-color: transparent; 879 | box-shadow: none 880 | } 881 | 882 | /* Cards - Feed / Progress update popup */ 883 | .gr-newsfeedItem, 884 | .siteAnnouncement, 885 | div.navigationBox, 886 | #choiceBody .rightContainer, 887 | .longTextPopupForm, 888 | .gr-childNewsfeedItem__header { 889 | background-color: var(--bkg-card); 890 | border-color: var(--border); 891 | } 892 | 893 | /* Card Footer / Progress update popup header */ 894 | .likeInformation, 895 | .gr-commentForm, 896 | .gr-comments, 897 | .categoryContainer .category, 898 | div.navigationBox div.navigationList, 899 | .u-beigeBackground, 900 | .editorialCard, 901 | .readingYearContent .reviewDisplay, 902 | .responsiveSiteFooter, 903 | .responsiveSiteFooterV2 { 904 | background-color: var(--bkg-card-foot); 905 | border-color: var(--border); 906 | } 907 | 908 | /* Child News Feed Item (Author update/likes a post) */ 909 | .gr-childNewsfeedItem__header { 910 | border: none; 911 | border-top-left-radius: 10px; 912 | border-top-right-radius: 10px; 913 | } 914 | .gr-childNewsfeedItem__header::after { border-color: var(--border) } 915 | .newsfeedNoteHighlightTextContainer__highlightText span { 916 | padding: 0.25rem 0.25rem 0.25rem 0; 917 | box-shadow: -0.25rem 0 0 var(--conch); 918 | } 919 | 920 | .gr-newsfeedItem.gr-mediaBox.gr-childNewsfeedItemContainer { 921 | border-top-left-radius: 0; 922 | border-top-right-radius: 0; 923 | } 924 | 925 | /* Progress update popup */ 926 | .u-beigeBackground { 927 | border-color: transparent 928 | } 929 | 930 | .longTextPopupForm { 931 | border: 3px solid var(--border); 932 | border-radius: 6px; 933 | } 934 | 935 | .longTextPopupForm__header, 936 | .longTextPopupForm__remainingCharacterCount, 937 | .editorialCard__body, 938 | .gr-h2 { 939 | color: var(--alabaster) 940 | } 941 | 942 | /* Border Color */ 943 | hr, 944 | h1, 945 | .circularIcon--border, 946 | img.circularIcon--medium.circularIcon--border, 947 | .gr-commentForm__textarea, 948 | .gr-homePageRailContainer, 949 | .gr-book--border, 950 | .communityQANewsfeedItem__question, 951 | .siteHeader__navDivider, 952 | h2.brownBackground, 953 | .elementList, 954 | .noAnswersMessage, 955 | .noQuestionsMessage, 956 | .reviewControls, 957 | .gr-form__submitButton, 958 | .dropButton .floatingBox, 959 | #rating_graph span, 960 | .rating_graph span, 961 | #leadercol, 962 | .folder .brownBox, 963 | .tableList th, 964 | .horizontalGreyDivider, 965 | .wtrButtonContainer .wtrShelfMenu>.wtrOtherShelfOptions>label.wtrAddShelf, 966 | .wtrButtonContainer .wtrShelfMenu, 967 | .wtrButtonContainer .wtrShelfMenu>.wtrOtherShelfOptions>label.wtrAddShelf, 968 | .wtrButtonContainer .wtrShelfMenu>.wtrOtherShelfOptions, 969 | .wtrButtonContainer .wtrFloatingBox, 970 | .tableListReverse td, 971 | .tableListReverse th, 972 | .Updates, 973 | .userProfileName, 974 | .wtrButtonContainer .wtrRight, 975 | .siteHeader__dropdownHeading, 976 | .gr-notification, 977 | .answerButton, 978 | .rightedBox, 979 | .bigTabs, 980 | .mediumTabs, 981 | .tabs, 982 | div.navigationBox div.navRow, 983 | .genreButton:hover, 984 | .wantToReadMenu__newShelfButtonContainer, 985 | .gr-newsfeedItem, 986 | .communityQuestionAndAnswer, 987 | h1.authorName, 988 | .gcaLink--block, 989 | .readingChallengeDashboard, 990 | .yearChallengeTabs, 991 | .challengeParticipants .challengeProgress, 992 | .yearChallengeBooks .missingBooksWidget, 993 | .showUserChallengePage .missingBooksWidget, 994 | .detailChallengeTabs, 995 | .gr-bookSearchResults__item, 996 | .box h2, 997 | .listElement, 998 | .footerCtaBanner, 999 | .readingYearContent .missingBooksWidget, 1000 | .readingYearContent .readingChallengeWidget, 1001 | .mainContentContainer#topLanding .contentBox, 1002 | .gr-annotatedBooksPage .annotatedBooksPage__collection__descriptionContainer, 1003 | .gr-annotatedBooksPage .annotatedBookItem, 1004 | .readingNotesOwnerShareContainer, 1005 | .readingNotesBookDetailsContainer, 1006 | .js-readingNote, 1007 | .groupNav .actionLinkLites, 1008 | #signedOutHome .featureTeaserBox .listTeaser, 1009 | .shareModal__previewContainer, 1010 | .shareModal__bottomContainer--social, 1011 | .shelfChooser .shelves li.exclusive, 1012 | .shelfChooser .newShelfButtonLi, 1013 | .communityAnswer, 1014 | .leftContainer #prevNext { 1015 | border-color: var(--border); 1016 | } 1017 | 1018 | #descriptionContainer, 1019 | .readingTimeline__text, 1020 | #nextGroupBooks .groupBook, 1021 | #nextGroupBooks .boxHeader, 1022 | #nextGroupBooks .boxFooter, 1023 | .toolset, 1024 | .reviewFormEdit .separator, 1025 | .reviewFormRereading table tr td .pickerDivider, 1026 | .reviewFormCurrentlyReading table tr td .pickerDivider, 1027 | .newsfeedNoteHighlightTextContainer--withBorder { 1028 | border-color: var(--border-bright); 1029 | } 1030 | 1031 | /* Tab navigation */ 1032 | .tabs .tab, 1033 | .tabs .selectedTab, 1034 | .mediumTabs .tab, 1035 | .mediumTabs .selectedTab, 1036 | .bigTabs .tab, 1037 | .bigTabs .selectedTab { 1038 | border-color: var(--txt-link); 1039 | transition: all 0.2s ease-in-out 1040 | } 1041 | 1042 | .tabs .tab, 1043 | .mediumTabs .tab, 1044 | .bigTabs .tab, 1045 | #signInForm .gr-button.gr-button--dark, 1046 | .reviewFormRereading table tr td .startedAtMonth, 1047 | .reviewFormRereading table tr td .endedAtMonth, 1048 | .reviewFormCurrentlyReading table tr td .startedAtMonth, 1049 | .reviewFormCurrentlyReading table tr td .endedAtMonth, 1050 | .reviewFormRereading table tr td .readingSessionDatePicker select, 1051 | .reviewFormCurrentlyReading table tr td .readingSessionDatePicker select, 1052 | .reviewFormRereading table tr td .startedAtDay, 1053 | .reviewFormRereading table tr td .endedAtDay, 1054 | .reviewFormCurrentlyReading table tr td .startedAtDay, 1055 | .reviewFormCurrentlyReading table tr td .endedAtDay, 1056 | .reviewFormRereading table tr td .startedAtYear, 1057 | .reviewFormRereading table tr td .endedAtYear, 1058 | .reviewFormCurrentlyReading table tr td .startedAtYear, 1059 | .reviewFormCurrentlyReading table tr td .endedAtYear { 1060 | border-color: transparent 1061 | } 1062 | 1063 | .tabs .tab:hover, 1064 | .mediumTabs .tab:hover, 1065 | .bigTabs .tab:hover, 1066 | .tabs .selectedTab:hover, 1067 | .bigTabs .selectedTab:hover, 1068 | .mediumTabs .selectedTab:hover { 1069 | border-bottom: 2px solid var(--txt-link) 1070 | } 1071 | 1072 | .wtrButtonContainer .wtrPrompt::before, 1073 | .wtrButtonContainer .wtrPrompt::after { 1074 | border-color: var(--cape-cod) transparent 1075 | } 1076 | 1077 | /* Navigation box */ 1078 | div.navigationBox a.helpTip, 1079 | div.navigationBox div.navRow a:hover, 1080 | div.navigationBox div.navRow a.selected, 1081 | div.navigationBox div.navRow a.selected:hover { 1082 | background: var(--mine); 1083 | } 1084 | 1085 | div.navigationBox div.navRow a:hover, 1086 | div.navigationBox div.navRow a.selected, 1087 | div.navigationBox div.navRow a.selected:hover { 1088 | padding-left: 10px; 1089 | left: 0; 1090 | width: 260px; 1091 | } 1092 | 1093 | div.navigationBox div.navRow:first-of-type a:hover, 1094 | div.navigationBox div.navRow:first-of-type a.selected, 1095 | div.navigationBox div.navRow:first-of-type a.selected:hover, 1096 | .noteHighlightTextContainer .likeInformation { 1097 | border-top-left-radius: 6px; 1098 | border-top-right-radius: 6px; 1099 | } 1100 | 1101 | div.navigationBox div.navRow:last-of-type a:hover, 1102 | div.navigationBox div.navRow:last-of-type a.selected, 1103 | div.navigationBox div.navRow:last-of-type a.selected:hover { 1104 | border-bottom-left-radius: 6px; 1105 | border-bottom-right-radius: 6px; 1106 | } 1107 | 1108 | .prototip:not(.prototipAllowOverflow) .prototip_StemImage { 1109 | transform: rotate(90deg) translateY(-10px); 1110 | } 1111 | 1112 | .prototip .goodreads, 1113 | .prototip .goodreads .toolbar { 1114 | background: transparent 1115 | } 1116 | 1117 | #books.table tbody tr { 1118 | border-top-color: var(--border); 1119 | border-bottom-color: var(--border); 1120 | } 1121 | 1122 | /* User & Author icon images */ 1123 | .circularIcon--border { 1124 | background-color: var(--bkg-main); 1125 | border-color: var(--border-bright); 1126 | } 1127 | 1128 | .userRating__star, 1129 | .choiceWidget__title { 1130 | background-color: transparent 1131 | } 1132 | 1133 | /* PROGRESS BAR */ 1134 | progress[value] { 1135 | -webkit-appearance: none; 1136 | appearance: none; 1137 | } 1138 | 1139 | /* Firefox */ 1140 | /* Notice Box */ 1141 | progress, 1142 | .readingTimeline__progressContainer, 1143 | .graphContainer, 1144 | .challengeProgress .graphContainer, 1145 | .barchart { 1146 | background: var(--green-shadow); 1147 | } 1148 | 1149 | progress::-moz-progress-bar, 1150 | .readingTimeline__progress, 1151 | .graphBar, 1152 | .readingTimeline__bullet { 1153 | background: var(--robin); 1154 | } 1155 | 1156 | /* Webkit */ 1157 | progress[value]::-webkit-progress-bar, 1158 | .readingTimeline__progressContainer, 1159 | .graphContainer, 1160 | .readingYearContent .readingChallengeWidget .readingChallengeProgressBar .challengeProgressBar .graphContainer, 1161 | .readingYearContent .readingChallengeWidget .readingChallengeProgressBar .challengeProgressBar .graphContainerMobile, 1162 | .sequenceIndicators__circle--selected { 1163 | background: var(--green-shadow); 1164 | } 1165 | 1166 | progress[value]::-webkit-progress-value, 1167 | .readingTimeline__progress, 1168 | .graphBar, 1169 | .readingYearContent .readingChallengeWidget .readingChallengeProgressBar .challengeProgressBar .graphBar, 1170 | .datum { 1171 | background: var(--robin); 1172 | } 1173 | 1174 | .left.data:hover .barchart { 1175 | background: var(--conch); 1176 | } 1177 | 1178 | .left.data:hover .datum { 1179 | background: var(--elm); 1180 | } 1181 | 1182 | /* Buttons */ 1183 | .gr-button, 1184 | .gr-form__submitButton, 1185 | .buttonBar, 1186 | .wtrButtonContainer .wtrLeft.wtrDown, 1187 | .gr-form--compact__submitButton, 1188 | .searchBox--large__button, 1189 | .large.button, 1190 | .buttonToggle, 1191 | .wantToReadButton__leftShelved, 1192 | .friendFollowButton, 1193 | .tooltipTriggerText .tooltip a.buttonBar, 1194 | .tooltipTrigger .tooltip a.buttonBar, 1195 | .tooltipTrigger .tooltip a.kcrPreviewButton, 1196 | .tooltipTrigger .tooltip a.syncPreviewButton, 1197 | .js-readingNote .noteHighlightTextContainer__highlightText--highlighted>span, 1198 | .newsfeedNoteHighlightTextContainer__highlightText span, 1199 | #signedOutHome #newAccountBox .button, 1200 | .gr-button.gr-button--dark, 1201 | .buttons .button { 1202 | background-color: var(--conch); 1203 | color: var(--space); 1204 | border-color: var(--border); 1205 | } 1206 | 1207 | html.desktop .wtrButtonContainer .wtrLeft.wtrDown, 1208 | .js-readingNote .noteHighlightTextContainer__highlightText { 1209 | border-color: var(--conch) 1210 | } 1211 | 1212 | .gr-button:hover, 1213 | .gr-form__submitButton:hover, 1214 | .buttonBar:hover, 1215 | .gr-form--compact__submitButton:hover, 1216 | .searchBox--large__button:hover, 1217 | .large.button:hover, 1218 | .buttonToggle:hover, 1219 | .wantToReadButton__leftShelved, 1220 | .friendFollowButton:hover, 1221 | .tooltipTriggerText .tooltip a.buttonBar:hover, 1222 | .tooltipTrigger .tooltip a.buttonBar:hover, 1223 | .tooltipTrigger .tooltip a.kcrPreviewButton:hover, 1224 | .tooltipTrigger .tooltip a.syncPreviewButton:hover, 1225 | #signedOutHome #newAccountBox .button:hover, 1226 | .gr-button.gr-button--dark:hover, 1227 | .buttons .button:hover, 1228 | .buttons .button.selected { 1229 | background-color: var(--powder-ash); 1230 | } 1231 | 1232 | .gr-button:disabled, 1233 | .buttonToggle:disabled, 1234 | .gr-form__submitButton:disabled { 1235 | background-color: var(--bkg-card); 1236 | color: var(--mystic); 1237 | border-color: var(--border); 1238 | cursor: default; 1239 | } 1240 | 1241 | .gr-button.gr-button--quiet, 1242 | .gr-button.gr-button--caretRight, 1243 | .gr-button--caretRight:hover, 1244 | .gr-button.gr-button--small, 1245 | .yearChallengeModule .viewChallenge { 1246 | color: var(--txt-second); 1247 | border-color: var(--border); 1248 | background-color: transparent; 1249 | } 1250 | 1251 | .jobsValuesButton { 1252 | border: 2px solid var(--border) 1253 | } 1254 | 1255 | .jobsValuesButton:hover { 1256 | background-color: var(--border); 1257 | box-shadow: none; 1258 | } 1259 | 1260 | .gr-button.gr-button--quiet:hover, 1261 | .gr-button.gr-button--small:hover, 1262 | .button.orange:hover { 1263 | color: #fff; 1264 | background-color: var(--bkg-nav-link-hover); 1265 | border-color: var(--bkg-nav-link-hover); 1266 | } 1267 | 1268 | a.gr-button--choice, 1269 | a.gr-button--dark, 1270 | a.gr-button--red, 1271 | a.gr-button--teal, 1272 | .button, 1273 | .wantToReadButton__leftUnshelved, 1274 | .dropdown--wantToReadMenu, 1275 | .wantToReadButton__leftUnshelved, 1276 | .gr-button--choice, 1277 | html.desktop .wtrButtonContainer .wtrRight.wtrDown, 1278 | html.desktop .wtrButtonContainer .wtrRight.wtrDown:hover, 1279 | html.desktop .wtrButtonContainer .wtrLeft button.wtrToRead, 1280 | html.desktop .wtrButtonContainer .wtrRight.wtrUp, 1281 | html.desktop .wtrButtonContainer .wtrUp .center-ratings .legacyWantToReadButton .button, 1282 | .legacyWantToReadButton .button, 1283 | .legacyWantToReadButton .button .smallButton, 1284 | .friendFollowButton--dark, 1285 | .readingNotes__HelpTip, 1286 | .button.orange { 1287 | background: var(--bkg-button); 1288 | color: var(--txt-button); 1289 | border-color: var(--border); 1290 | } 1291 | 1292 | .dropdown--wantToReadMenu, 1293 | .wtrButtonContainer .wtrRight { 1294 | border-left-color: var(--neptune) !important; 1295 | } 1296 | 1297 | a.gr-button--choice:hover, 1298 | a.gr-button--dark:hover, 1299 | a.gr-button--red:hover, 1300 | a.gr-button--teal:hover, 1301 | .wantToReadButton__leftUnshelved:hover, 1302 | .dropdown--wantToReadMenu:hover, 1303 | .gr-button--choice:hover, 1304 | html.desktop .wtrButtonContainer .wtrLeft button.wtrToRead:hover, 1305 | html.desktop .wtrButtonContainer .wtrRight.wtrUp:hover, 1306 | .legacyWantToReadButton .button:hover, 1307 | .friendFollowButton--dark:hover { 1308 | background: var(--bkg-button-hover); 1309 | } 1310 | 1311 | .wantToReadButton__leftUnshelvedButton, 1312 | .wantToReadButton__leftUnshelvedButton:hover, 1313 | .friendFollowButton--dark, 1314 | .jobsValuesButton { 1315 | color: var(--txt-button); 1316 | } 1317 | 1318 | 1319 | /* Notice Box */ 1320 | .noticeBox, 1321 | .noticeBox ul, 1322 | .noticeBox ol, 1323 | .noticeBox p, 1324 | .noticeBox td, 1325 | .noticeBox th, 1326 | #signedOutHome #masthead #newAccountBox h2, 1327 | #connectPrompt .connectPromptHolder { 1328 | color: var(--space) 1329 | } 1330 | 1331 | .noticeBox, 1332 | #connectPrompt .connectPromptHolder { 1333 | background: var(--mint-ice); 1334 | border: 3px solid var(--green-shadow); 1335 | border-radius: 6px; 1336 | } 1337 | 1338 | /* 1339 | ------------- 1340 | QUESTIONS 1341 | ------------- 1342 | */ 1343 | /* author name */ 1344 | .communityQABookInfo .authorInfoAndActions .authorName, 1345 | .wtrButtonContainer .wtrLeft.wtrDown .gr-form.gr-form--compact { 1346 | color: var(--txt-main); 1347 | } 1348 | 1349 | .communityQuestion .fullQuestionBody, 1350 | .shelfChooser .shelfChooserWrapper, 1351 | .jobsValuesBox { 1352 | background-color: var(--aztec) 1353 | } 1354 | 1355 | .communityQuestion .triangle { 1356 | border-color: var(--aztec) transparent transparent transparent 1357 | } 1358 | 1359 | ul.communityQAFooter.answerFooter .footerItem.comment a, 1360 | .qaInfoModule a { 1361 | color: var(--txt-link) 1362 | } 1363 | 1364 | .gr-form__secondaryAction, 1365 | .gr-form--compact__secondaryAction { 1366 | color: var(--txt-grey) 1367 | } 1368 | 1369 | /* 1370 | ------------- 1371 | EXTRA FEED STYLING 1372 | ------------- 1373 | */ 1374 | /* card feed */ 1375 | .gr-newsfeedItem, 1376 | .gr-newsfeedItem__details, 1377 | .js-readingNote .noteHighlightTextContainer__noteContainer .noteContainer__noteText.noEdit { 1378 | border-radius: 10px; 1379 | padding: 1rem 0.75rem 0; 1380 | border: 0; 1381 | } 1382 | 1383 | /* card author icon */ 1384 | .gr-newsfeedItem__headerIcon { 1385 | margin-left: -2.15rem; 1386 | } 1387 | 1388 | /*---------- 1389 | BORDER RADIUS 1390 | -----------*/ 1391 | /* card book border */ 1392 | .gr-book--border, 1393 | #choiceBody .rightContainer, 1394 | .readingChallengeBanner .bannerYear, 1395 | .readingChallengeBanner .challengeStatsContainer2, 1396 | .readingChallengeDashboard, 1397 | .newsMainContent.mainContentFloat, 1398 | .greyBox, 1399 | #fav_authors .section, 1400 | .readingYearContent .missingBooksWidget, 1401 | .readingYearContent .readingChallengeWidget, 1402 | .aboutHeaderImage img, 1403 | .centered img, 1404 | .jobsValuesBox, 1405 | .gr-editorialBlogPost__image, 1406 | .gr-newsfeedItem__details, 1407 | .js-readingNote .noteHighlightTextContainer__noteContainer .noteContainer__noteText.noEdit, 1408 | .communityQANewsfeedItem__question, 1409 | .siteAnnouncement, 1410 | .siteAnnouncement__masthead img, 1411 | .shareModal__previewContainer, 1412 | .editorialCard, 1413 | .editorialCard img, 1414 | #box, 1415 | #box #boxContents, 1416 | .communityQuestion .fullQuestionBody, 1417 | .newsfeedNoteHighlightTextContainer--withBorder { 1418 | border-radius: 6px; 1419 | } 1420 | 1421 | .readingYearContent .readingChallengeWidget .readingChallengeBanner .bannerYear, 1422 | .folder .brownBox, 1423 | .tableList th, 1424 | .siteAnnouncement__masthead img, 1425 | .editorialCard img { 1426 | border-bottom-left-radius: 0; 1427 | border-bottom-right-radius: 0; 1428 | } 1429 | 1430 | .editorialCard .editorialCard__image--left img { 1431 | border-top-right-radius: 0; 1432 | border-bottom-right-radius: 0; 1433 | } 1434 | 1435 | .gr-book { 1436 | margin-bottom: 0.75rem; 1437 | } 1438 | 1439 | /* card footer width expansion */ 1440 | .likeInformation, 1441 | .gr-newsfeedItem__footer .gr-comments, 1442 | .gr-newsfeedItem__footer, 1443 | .gr-commentForm { 1444 | width: calc(100% + 0.25rem); 1445 | margin-left: -0.75rem; 1446 | padding: 0 0.25rem 1rem 0.75rem; 1447 | border: 0; 1448 | } 1449 | 1450 | .likeInformation, 1451 | .js-readingNote .noteHighlightTextContainer__noteContainer .noteContainer__noteText.noEdit { 1452 | padding-top: 1rem; 1453 | padding-bottom: 0.5rem; 1454 | } 1455 | 1456 | .noteHighlightTextContainer .likeInformation, 1457 | .noteHighlightTextContainer .gr-commentForm { 1458 | width: unset; 1459 | margin-left: unset; 1460 | padding: 8px; 1461 | } 1462 | 1463 | .gr-comments__seeAllLinkBox { 1464 | margin-top: -0.5rem 1465 | } 1466 | 1467 | .noteHighlightTextContainer .gr-comments__seeAllLinkBox { 1468 | margin-top: 0 1469 | } 1470 | 1471 | .gr-newsfeedItem__footer { 1472 | margin: 0 -0.75rem; 1473 | padding: 0 0.75rem; 1474 | } 1475 | 1476 | .gr-newsfeedItem__footer .gr-comments { 1477 | width: calc(100% + 0.25rem); 1478 | } 1479 | 1480 | .gr-commentForm { 1481 | border-bottom-left-radius: 10px; 1482 | border-bottom-right-radius: 10px; 1483 | } 1484 | 1485 | /* list tweaks */ 1486 | .tableList td, 1487 | .tableList th, 1488 | .quote, 1489 | .brownBox, 1490 | .newsMainContent.mainContentFloat { 1491 | padding: 1rem 0.5rem; 1492 | } 1493 | 1494 | .brownBox { 1495 | padding: 0.5rem; 1496 | border-radius: 6px 1497 | } 1498 | 1499 | .img, 1500 | .blogWidth, 1501 | .twoAcross, 1502 | .headerImage, 1503 | .controlBody, 1504 | .gr-mediaFlexbox__media, 1505 | .floatingBox { 1506 | border-radius: 3px 1507 | } 1508 | 1509 | /* border removal */ 1510 | .u-topGrayBorder, 1511 | .gr-commentForm__textarea, 1512 | .readerQAForm .textInput, 1513 | div.bookRow, 1514 | .tableList td, 1515 | .tableList th, 1516 | .quote, 1517 | .u-bottomGrayBorder, 1518 | .editorialCard, 1519 | .shareBarContainer, 1520 | .shareBarContainerLast, 1521 | .shareBarContainerDarkBorder, 1522 | .wtrButtonContainer .wtrPrompt input[pattern="\\d*"], 1523 | .controlGroup .open, 1524 | .controlBody, 1525 | .siteAnnouncement { 1526 | border: 0; 1527 | } 1528 | 1529 | /* box-shadow removal */ 1530 | .gr-commentForm__textarea:focus, 1531 | .contentBox, 1532 | .jobsValuesBox, 1533 | .jobsValuesButton, 1534 | .mainContentContainer#topLanding { 1535 | box-shadow: none; 1536 | -webkit-box-shadow: none; 1537 | } 1538 | 1539 | main { 1540 | padding-top: 1rem 1541 | } 1542 | 1543 | .distractionless #header { 1544 | margin-bottom: 0 1545 | } 1546 | 1547 | div.bannerYear[style] { 1548 | background-color: var(--elm) !important 1549 | } 1550 | 1551 | /* Best of Lists */ 1552 | .gcaDivider, 1553 | .gcaDivider__centerpiece { 1554 | height: 0 1555 | } 1556 | 1557 | /* News & Interviews tweaks */ 1558 | .newsMainContent.mainContentFloat, 1559 | #box { 1560 | background: transparent; 1561 | } 1562 | 1563 | /* Revert serif to sans-serif */ 1564 | .newsContainer, 1565 | .comment .reviewText { 1566 | font-family: "Lato", "Helvetica Neue", "Helvetica", -apple-system, BlinkMacSystemFont, Roboto, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', sans-serif 1567 | } 1568 | 1569 | #box #boxContents { 1570 | margin-top: 0; 1571 | padding-top: 22px; 1572 | } 1573 | 1574 | /* Review comments */ 1575 | .reviewFooter>div[id*='comments_for'] div:first-child { 1576 | border-top-left-radius: 6px; 1577 | border-top-right-radius: 6px; 1578 | } 1579 | 1580 | .reviewFooter>div[id*='comments_form_review'].brown_comment { 1581 | border-bottom-right-radius: 6px; 1582 | border-bottom-left-radius: 6px; 1583 | } 1584 | 1585 | .reviewFooter>div[id*='comments_form_review'].brown_comment>textarea, 1586 | .reviewFooter>div[id*='comments_form_review'].brown_comment #comment_body_usertext, 1587 | .shelfChooser input[type=text] { 1588 | background-color: var(--asher) 1589 | } 1590 | 1591 | /* Remove top banner */ 1592 | .siteHeader__topFullImageContainer { display: none; } 1593 | html.withSiteHeaderTopFullImage .siteHeaderBottomSpacer { 1594 | padding-bottom: 3rem; 1595 | } 1596 | html.withSiteHeaderTopFullImage .primaryNavMenu__menu, 1597 | html.withSiteHeaderTopFullImage .dropdown__menu--profileMenu, 1598 | html.withSiteHeaderTopFullImage .dropdown__menu--siteHeader { top: initial } 1599 | } --------------------------------------------------------------------------------