Hide things in profile view

CharacterHub updated 2023.06.08

Use with https://github.com/openstyles/stylus extension.

Hide things in profile view
Hide things on main page
booru-like in profile view
booru-like on main page
booru-like but with titles in profile view
booru-like but with titles on main page

Hide things in profile view

URL starting with https://www.chub.ai/profile
URL starting with https://www.chub.ai/users

⎗
✓
/*Profile*/
/*Only card downloads
div[class^="chub-card-info"]>div[class^="chub-metadata-footer"]>div[class^="count-buttons"] {display: none;}*/
/*Card downloads with name and date*/
div[class^="chub-card-info"]>div[class^="chub-metadata-footer"] {display: none;}
/*Card rating*/
div:has(div[class^="download-buttons"])>a>div:nth-of-type(2) {display: none;}
/*Card download buttons*/
div[class^="download-buttons"] {display: none;}
/*Card tags*/
div[class^="chub-card-info"]>div:nth-of-type(2)>div:not(div[class^="tokensblock"]) {display: none;}

Preview

Hide things on main page

URL https://www.chub.ai/

⎗
✓
/*Homepage*/
/*Only card downloads*/
div[class^="chub-card-info"]>div[class^="chub-metadata-footer"]>div[class^="count-buttons"] {display: none;}
/*Card downloads with name and date
div[class^="chub-card-info"]>div[class^="chub-metadata-footer"] {display: none;}*/
/*Card rating*/
div:has(div[class^="download-buttons"])>a>div:nth-of-type(2) {display: none;}
/*Card download buttons*/
div[class^="download-buttons"] {display: none;}
/*Card tags*/
div[class^="chub-card-info"]>div:nth-of-type(2)>div:not(div[class^="tokensblock"]) {display: none;}

To hide "New Characters" top bar add

⎗
✓
/*New Characters*/
div[id="feature-bar-container"] {display: none;}
div:has(div[id="feature-bar-container"])>div>button {display: none;}

Preview

booru-like in profile view

URL starting with https://www.chub.ai/profile
URL starting with https://www.chub.ai/users

⎗
✓
/*Profile*/
/*Remove most of the clutter*/
div[class^="listings-container"]>div[class^="grid"]>div>div>div {display: none;}
/*Grid into flex*/
div[class^="listings-container"]>div[class^="grid"] {display: flex; max-width: 100%; flex-flow: wrap; justify-content: center;}
/*Card rating*/
div:has(div[class^="download-buttons"])>a>div:nth-of-type(2) {display: none;}
/*Card info block*/
div[class^="chub-card-info"] {display: none;}
/*Card tavern aspect ratio*/
div:has(div[class^="download-buttons"])>a>div>img {width: 200px; height: 300px; object-fit: cover;}

Preview

booru-like on main page

URL https://www.chub.ai/

⎗
✓
/*Homepage*/
/*Remove most of the clutter*/
div[class^="listings-container"]>div[class^="grid"]>div>div>div {display: none;}
/*Grid into flex*/
div[class^="listings-container"]>div[class^="grid"] {display: flex; max-width: 100%; flex-flow: wrap; justify-content: center;}
/*Card rating*/
div:has(div[class^="download-buttons"])>a>div:nth-of-type(2) {display: none;}
/*Card info block*/
div[class^="chub-card-info"] {display: none;}
/*Card tavern aspect ratio*/
div:has(div[class^="download-buttons"])>a>div>img {width: 200px; height: 300px; object-fit: cover;}

To hide "New Characters" top bar add

⎗
✓
/*New Characters*/
div[id="feature-bar-container"] {display: none;}
div:has(div[id="feature-bar-container"])>div>button {display: none;}

Preview

booru-like but with titles in profile view

URL starting with https://www.chub.ai/profile
URL starting with https://www.chub.ai/users

⎗
✓
/*Profile*/
/*Grid into flex*/
div[class^="listings-container"]>div[class^="grid"] {display: flex; max-width: 100%; flex-flow: wrap; justify-content: center;}
/*Card rating*/
div:has(div[class^="download-buttons"])>a>div:nth-of-type(2) {display: none;}
/*Card tavern aspect ratio*/
div>a>div>img {width: 200px; height: 300px; object-fit: cover;}
/*Move card name*/
div[class^="listings-container"]>div[class^="grid"]>div {position: relative;}
div[class^="chub-card-info"] {position: absolute;}
/*Card download buttons*/
div[class^="download-buttons"] {display: none;}
/*Card info block clutter*/
div[class^="chub-card-info"]>div:nth-of-type(2) {display: none;}
div[class^="chub-card-info"]>div:nth-of-type(3) {display: none;}
div[class^="chub-card-info"]>div>div[class^="metadata-tagline"] {display: none;}
/*Style card name*/
div[class^="chub-card-info"] {background-color: transparent !important;}
div[class^="chub-card-info"]>div>div>a {color: black !important; text-shadow: 0px 0px 5px white, 0 0 5px lightgrey; text-wrap: nowrap; overflow: hidden; text-overflow: ellipsis;}

Preview

booru-like but with titles on main page

URL https://www.chub.ai/

⎗
✓
/*Homepage*/
/*Grid into flex*/
div[class="cards-list"] div[class^="listings-container"]>div[class^="grid"] {display: flex; max-width: 100%; flex-flow: wrap; justify-content: center;}
/*Card rating*/
div[class="cards-list"] div:has(div[class^="download-buttons"])>a>div:nth-of-type(2) {display: none;}
/*Card tavern aspect ratio*/
div[class="cards-list"] div>a>div>img {width: 200px; height: 300px; object-fit: cover;}
/*Move card name*/
div[class="cards-list"] div[class^="listings-container"]>div[class^="grid"]>div {position: relative;}
div[class="cards-list"] div[class^="chub-card-info"] {position: absolute;}
/*Card download buttons*/
div[class^="download-buttons"] {display: none;}
/*Card info block clutter*/
div[class^="chub-card-info"]>div:nth-of-type(2) {display: none;}
div[class^="chub-card-info"]>div:nth-of-type(3) {display: none;}
div[class^="chub-card-info"]>div>div[class^="metadata-tagline"] {display: none;}
/*Style card name*/
div[class^="chub-card-info"] {background-color: transparent !important;}
div[class^="chub-card-info"]>div>div>a {color: black !important; text-shadow: 0px 0px 5px white, 0 0 5px lightgrey; text-wrap: nowrap; overflow: hidden; text-overflow: ellipsis;}
/*Scroll top bar buttons*/
div:has(div[id="feature-bar-container"])>div>button {z-index: 100;}

To hide "New Characters" top bar add

⎗
✓
/*New Characters*/
div[id="feature-bar-container"] {display: none;}
div:has(div[id="feature-bar-container"])>div>button {display: none;}

Preview