Some minor tweaks for the "Deviants You Watch" page.
"Deviants You Watch" page Tweaks by big-b33-pr0xy-200x-goodwill
Details
Authorbig-b33-pr0xy-200x-goodwill
LicenseCC-BY-4.0
Categorydeviantart
Created
Updated
Size5.1 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Some minor tweaks for the "Deviants You Watch" page.
- Makes the user icons in the user carousel smaller. Also removes the username text in the user carousel.
- Has a toggle that is disabled by default, that makes the thumbnails smaller and take up less space. ONLY ENABLE YOU USE THE STACKED THUMBS SETTING!
- Has a toggle that enabled by default, that hides the "recommended for you" section.
Update log:
July 11 2022:
- Added a toggle to hide "recommended for you" section in watch deviations page.
- Fixed literature thumbnails in watch deviations page.
June 30 2022:
ONLY ENABLE IT IF YOUR USING STACKED THUMBNAIL MODE!
- Working on making thumbnails overall smaller. Since currently they take up so much space.
- This is a toggle in the settings. Since currently it only looks good when using the stacked mode.
June 29 2022:
- Made an update notes thing that's disabled by default.
- Changed user icons imgs in carousel back to 35px.
- Fixed margins on user icons in carousel.
- Fixed the "deviations" "posts" button.
Source code
/* ==UserStyle==
@name DeviantArt DYWP Tweaks June 2022
@description Some minor tweaks for the "Deviants You Watch" page.
@version 1.0.0
@author Proxybat
@namespace https://www.deviantart.com/
@license CC-BY-4.0
@homepageURL https://github.com/Proxybat/UserCSS/tree/main/Deviantart/DeviantArt%20DYWP
@supportURL https://github.com/Proxybat/UserCSS/issues
@advanced dropdown update 'Shows current "Update" notes. (Disabled by default.)'{
update1 "Hide" <<<EOT none !important EOT;
update2 "Show" <<<EOT EOT;
}
@advanced dropdown recommendedforyou 'Hides the "recommended for you" section. (Hidden by default.)'{
recommendedforyou1 "Hide" <<<EOT none !important EOT;
update2 "Show" <<<EOT EOT;
}
@advanced dropdown minithumbs 'Makes thumbnails smaller. (Disabled by default. Only works with stacked thumbs.)'{
minithumbs1 "Disable" <<<EOT EOT;
minithumbs2 "Enable" <<<EOT ._1Wavq._3U8UO > ._1J3Tr {
height: 200px !important;
width: 200px!important;
}
._3_LJY {
width: 200px !important;
}
._3U8UO {
width: 200px !important;
height: 200px !important;
}
._1Wavq._3U8UO {
width: 200px !important;
height: 200px !important;
}
._3_LJY {
height: 200px !important;
}
._1Wavq._3U8UO > ._1J3Tr > ._3Ll6e._1FMli > ._3_LJY {
max-width: 100% !important;
max-height: 100% !important;
}
._3_LJY > ._3Ll6e > ._1FMli {
width: 250px !important;
}
._9L3kV {
height: 200px;
margin-bottom: 90px;
}
._2_R82._2hOTh {
width: 200px !important;
height: 200px !important;
}
._2_R82 {
height: 200px !important;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
overflow: hidden;
padding: 32px;
box-sizing: border-box;
background-size: cover;
background-position: 100% 0;
background-repeat: no-repeat;
width: 200px !important;
}EOT;
}
==/UserStyle== */
@-moz-document url-prefix("https://www.deviantart.com/watch/") {
/*main stuff*/
/*update test*/
.PL2hp::after {
content: "\201F Added a toggle to hide \0028 Recommended for you\0029 thing.\201D - 06/30/2022";
font-size: 12px;
display: /*[[update]]*/;
margin-left: -40px;
margin-right: -30px;
}
/*User carousel.*/
/*Below changes avatars on top of the page to make them smaller and take up less space.*/
._27wdP {
position: relative;
border-radius: 6px;
border: 2px solid transparent;
padding: 0px;
transform: translateY(0);
transition: transform .15s ease-out;
width: 35px;
height: 35px;
}
._2JoOH._29sRH > ._3mI1h > ._121Hz {
height: 35px !important;
width: 35px !important;
}
._27wdP ._3gigK {
display: block;
-o-object-fit: cover;
object-fit: cover;
border-radius: 4px;
width: 100%;
height: 100%;
}
._2OXCK + ._2OXCK {
margin-left: -18px;
}
._3GnfA._1YZHu {
width: 100%;
height: 100%;
}
._2OXCK.aToGy.E7EQn._3uqS_._1Hru3 {
margin-left: -14px;
margin-right: -0px;
}
.Lp1vP._2mNQB {
margin-bottom: 6px;
padding: 10px;
padding-bottom: 1px;
padding-top: 14px;
}
._3qFuX._1x8Gw.vA-TZ {
padding-bottom: 15px;
}
/*search button*/
._27wdP {
position: relative;
border-radius: 6px;
border: 2px solid transparent;
padding: 0px;
transform: translateY(0);
transition: transform .15s ease-out;
width: 35px;
height: 35px;
}
/*below hides the username text*/
._2OXCK.aToGy > ._33epa {
display: none;
}
/*compresses some stuff*/
._99z2i {
position: relative;
height: 52px;
padding: 0 40px;
width: 100%;
display: grid;
grid-template-columns: 1fr auto 1fr;
grid-template-areas: "leftside navigation rightside";
align-items: center;
}
._2-AkR ._3cwJM {
margin-bottom: 30px;
padding-top: 30px;
}
._2LCYt.BJiPW {
padding-bottom: 8px;
}
._3w_tD {
padding-bottom: 10px;
}
._1fMM8 + ._3Of0V {
margin-top: 4px;
padding-bottom: 29px;
}
/*below changes the thumbnails to be smaller*/
/*when i figure out how*/
}
@-moz-document url-prefix("https://www.deviantart.com/watch/deviations") {
/*all default watch deviations*/
.Lp1vP._2mNQB {
border-bottom-color: var(--g-brand);
margin-bottom: 10px !important;
}
/*[[minithumbs]]*/
}
@-moz-document url-prefix("https://www.deviantart.com/watch/posts") {
/*all default watch posts*/
.Lp1vP._2mNQB {
margin-bottom: 10px;
padding: 10px;
padding-bottom: 1px;
padding-top: 14px;
}
}
@-moz-document url-prefix("https://www.deviantart.com/watch/deviations") {
/*Recommended for You toggle*/
.uO3wN {
display: /*[[recommendedforyou]]*/;
}
}