Nothing removed, just muted or moved out of the way.
CleanerReads - A Goodreads Theme by icetbr
Imported from https://github.com/icetbr/userscripts/blob/master/styles/CleanerReads.user.css
Details
Authoricetbr
LicenseMIT</span></td>
Categorygoodreads.com
Created
Updated
Size11 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Changes
- sidebar to the right, don't know if it helps much
- topbar to the sidebar, that orange/purple strip on the top (cut from screenshot, but it's there)
- navbar nearly invisible and hidden on scroll
- duplicated elements removed, like user stars, author info
- book description always expanded
- social info and buttons with less emphasis
- reviews centralized on page, user info moved to the left
- reviews with less characters per row
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name CleanerReads - A goodreads.com Theme
@description Nothing removed, just muted or moved out of the way.
@version 1.0.3
@author icetbr
@icon https://www.google.com/s2/favicons?sz=64&domain=goodreads.com
@license MIT
@namespace https://github.com/icetbr/userscripts
==/UserStyle== */
@-moz-document domain("goodreads.com") {
/*****************/
/* SIDEBAR */
/*****************/
.BookPage__leftColumn { grid-column-start: 10; grid-column-end: 13; } /* move to the right */
.Sticky { position: relative !important; top: 15px !important; }
.BookPage__rightColumn { grid-column-start: 3; grid-column-end: 10; grid-row-start: 1; } /* make non sticky */
.BookPage__rightColumn { overflow: unset } /* allows moving content to it */
.BookActions > .BookRatingStars { display: none } /* hide Community Rating (duplicated) */
.BookPageMetadataSection__ratingStats { position: absolute; right: -314px; top: 344px; } /* move to the sidebar */
.RatingStatistics { flex-flow: column wrap; align-items: center; }
/*Want to read and Buy*/
.BookActions { position: absolute; top: 407px; left: 72px; color: var(--color-text-subdued); }
.BookActions__editActivityButton { display: none; }
/* pencil icon */
.Button.Button--secondary.Button--medium.Button--block { margin-left: -4px; }
.Button.Button--secondary.Button--medium.Button--block span:first-child { display: none;}
/* top sticky header as a sidebar */
.SiteHeaderBanner__topFullImageContainer,
.siteHeader__topFullImageContainer /* selector for old goodreads design */
{ position: absolute; transform-origin: top right; right: 0; top: 1140px; transform: rotate(90deg); }
/* .BookCover__image { width: 187px; } resizes large covers to prevent overlap */
.ResponsiveImage { max-height: 330px; }
/*****************/
/* TOPBAR */
/*****************/
/* nearly invisible top navbar */
.Header { position: unset; box-shadow: unset; background: unset; color: #00000021; }
input::placeholder { color: #0000005c; }
.Header__siteHeaderBanner { height: unset; }
.PageFrame { padding-top: unset; }
.HeaderSearch__input { border: 0.1rem solid #0000; }
.Icon.ShareIcon svg { fill: #00000021; } /* share icon */
.HeaderSearch__button { opacity: 0.3; }
.Text__title3 { font-size: 1.5rem; } /* Book Series title */
.HeaderSecondaryNav { right: 43px; } /* align second nav icons with cover */
/*****************/
/* BOOK DETAILS */
/*****************/
.ChoiceAwardBadge { margin-top: 10px; }
.BookPageMetadataSection__contributor { display: none; } /* hides Author (duplicated) */
.BookPage__mainContent .TruncatedContent__text--large { max-height: unset; } /* book description always expanded */
.BookPageMetadataSection__genrePlainText { display: none; } /* hides "genre" word */
.BookPageMetadataSection__genres { margin-bottom: -4px; }
.WorkDetails { margin-top: 3.2rem; } /* Literary awards */
.BookDetails .Button__container { top: -4px; left: 376px; }
.BookDetails .FeaturedDetails { margin-bottom: -3rem; overflow: clip; }
/* pages count and publish date close together */
.FeaturedDetails p[data-testid="pagesFormat"] {
display: inline-block;
width: 70px;
overflow: clip;
white-space: nowrap;
background: white;
}
/* pages count and publish date close together */
.FeaturedDetails p[data-testid="publicationInfo"] {
display: inline-block;
margin-left: -93px;
white-space: nowrap;
overflow: clip;
z-index: -1;
position: relative;
}
/*****************/
/* Social Signal */
/*****************/
/* People reading */
div[data-testid="currentlyReadingSignal"] {
display: inline-block;
width: 81px;
overflow: clip;
white-space: nowrap;
position: relative;
}
div[data-testid="currentlyReadingSignal"]::after {
content: 'reading \B7 ';
position: absolute;
left: 35px;
background: #fff;
}
div[data-testid="toReadSignal"] {
overflow: clip;
white-space: nowrap;
position: relative;
}
div[data-testid="toReadSignal"]::before {
position: absolute;
content: 'want to read\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0';
right: -30px;
background: #fff;
}
hr.Divider:nth-child(7) { display: none; }
hr.Divider:nth-child(2) { width: 80%; }
hr.Divider:nth-child(9) { width: 80%; }
.AvatarGroup { display: none; }
.SocialSignalsSection { color: var(--color-text-body-light); }
.SocialSignalCard__caption { margin-left: unset; }
.SocialSignalCard { min-height: unset; }
.SocialSignalsSection__container { display: unset; }
.SocialSignalsSection__signal { margin-right: unset; display: inline-block; }
/*****************/
/* Others */
/*****************/
.BookPage__reviewsSection { width: 550px; }
.ReviewsSectionStatistics__histogram { width: unset; }
.ReviewFilters__filterControl { width: unset; }
/* About Author */
.PageSection__title { display: none; }
.PageSection { margin-top: 20px; width: 550px;}
.PageSection .DetailsLayoutRightParagraph__widthConstrained {
grid-column: span 10;
}
/* My Review */
.ReviewsSection__header { display: none; }
.WriteReviewCTA .Avatar { display: none; }
.WriteReviewCTA__hero { display: none; } /* What do you Think title */
#SocialReviews .Text__title3 { display: none; }
.MyReviewCard { left: -193px; width: 730px;} /* center align review */
.Alert--informational { background-color: unset; }
.Alert { padding: unset; color: #00000021; text-align: center; }
.WriteReviewCTA { padding: unset; /*! grid-column-end: 7; */width: 600px;}
.ReviewsList__listHeader { margin: unset; }
/* Community Reviews */
#CommunityReviews { display: none } /* hide title */
.ReviewsSectionStatistics .ReviewsSectionStatistics__ratingStatistics { display: none; } /* hide starts count, already shown on sidebar */
/* rating statistics */
/* .ReviewsSectionStatistics {
position: absolute;
left: 715px;
width: 600px;
}
.ReviewFilters {
position: absolute;
left: 715px;
width: 600px;
top: 1000px;
}
*/
div.ReviewsList:nth-child(1) > div:nth-child(2) {
position: relative;
left: -190px;
}
/* more lines of text before Show More button */
.TruncatedContent__text--large { max-height: 48rem; }
.TruncatedContent__text--expanded { max-height: none; overflow-y: visible; }
/* user's reviews */
.SocialFooter { display: flex }
.SocialFooter .Button { font-weight: 400; }
.ReviewCard .Text__title4 { font-weight: 400; }
div[data-testid="actions"] { margin-left: 15px; margin-top: -1px; }
/*****************/
/* COMMON */
/*****************/
.Formatted {
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
/*****************/
/* BUTTONS */
/*****************/
.BookActions .Button { border-radius: unset; font-weight: unset; }
.BookActions__button { margin: unset; width: 100%;}
.Button--medium { padding: unset; height: 2.5rem; /*! width: 100%; */}
.Button--wtr { background-color: unset; color: unset; }
.Button--wtr:hover { background-color: unset; box-shadow: inset 0 -3px 0 0 var(--color-background-wtr-hover); }
.Button { transition: unset; border: 0; } /* border-radius: unset; font-weight: unset; */
.Button--buy { color: unset; }
.Button--buy:hover { background-color: unset; box-shadow: inset 0 -3px 0 0 var(--color-text-button-transparent-base); }
.Button--medium.Button--rounded { width: 3em; }
.Button--rounded { border-radius: unset; }
.Button--small { height: unset; padding: unset; }
.Button--large { height: unset; padding: unset; }
.Button--block { width: unset; }
.Button--primary:hover {
box-shadow: inset 0 -2px 0 0 var(--color-background-primary-base);
background-color: unset;
}
.Button--primary {
background-color: unset;
color: var(--color-background-primary-base);
border-radius: unset;
}
.Button--buy:active, .Button--buy:focus, .Button--inline.Button--active:active, .Button--inline.Button--active:focus, .Button--inline:active, .Button--inline:focus, .Button--primary:active, .Button--primary:focus, .Button--secondary.Button--active:active, .Button--secondary.Button--active:focus, .Button--secondary:active, .Button--secondary:focus, .Button--signinwithamazon:active, .Button--signinwithamazon:focus, .Button--signinwithapple:active, .Button--signinwithapple:focus, .Button--signinwithfacebook:active, .Button--signinwithfacebook:focus, .Button--tag-inline:active, .Button--tag-inline:focus, .Button--tag-selector:active, .Button--tag-selector:focus, .Button--transparent:active, .Button--transparent:focus, .Button--wtr:active, .Button--wtr:focus {
box-shadow: unset;
}
.ButtonGroup .Button__container:not(:first-child) .Button:active, .ButtonGroup .Button__container:not(:first-child) .Button:focus {
box-shadow: inset 0 -3px 0 0 var(--color-background-wtr-hover);
}
.ButtonGroup .Button__container:not(:first-child) .Button:active, .ButtonGroup .Button__container:not(:first-child) .Button--wtr:focus {
box-shadow: inset 0 -3px 0 0 var(--colo...