View Single Post
Old 12 Mar 2019, 09:45 AM   #123
Gsptlsnz
Senior Member
 
Join Date: Sep 2011
Location: 5th Dimension
Posts: 180
Stylus CSS: For YouTube

I find Youtube's look dull so I made this Stylus code to jazz it up. Use it, change it, or ignore it! :-D

---

a:link {
color:blue!important;
}

a:visited {
color:purple!important;
}

a:active {
background-color:red;
}

/* Adds "Shade FX" to display window */
#movie_player, .video-stream, .html5-main-video, #container {
box-shadow:5px 5px 5px rgba(0,0,0,.25), 0 0 20px transparent inset, 0 0 1px rgba(255,255,255,0.5) inset!important;
}

/* BOTH lines below affect the "View ## Replies" button */
.more-button > .style-scope, .ytd-comment-replies-renderer {
background-color:lightgrey!important;
color:darkgreen!important;
padding-left:5px;
padding-right:5px;
border-radius:9px;
}
#expander {
background-color:white!important;
}

/* Affects the "Show More" button */
.more-button {
background-color:hotpink;
padding:5px;
coolor:white!important;
font-weight:bold!important;
text-shadow:1px 1px 1px #808080;
box-shadow:5px 5px 5px rgba(0,0,0,.25), 0 0 20px transparent inset, 0 0 1px rgba(255,255,255,0.5) inset;
}

/* Date the video was posted */
.date {
color:green!important;
}

/* Time comment was posted; the Thumb icons; and Reply link */
.yt-simple-endpoint {
color:darkred!important;
text-shadow:1px 1px 1px #808080;
}

/* Poster Name */
#author-text {
font-size:14pt;
background-color:gold;
color:navy!important;
border-radius:9px;
padding:6px;
font-weight:bold!important;
box-shadow:5px 5px 5px rgba(0,0,0,.25), 0 0 20px transparent inset, 0 0 1px rgba(255,255,255,0.5) inset;
}
Gsptlsnz is offline   Reply With Quote