Web z-index fixes

I’ve noticed an annoying trend where web developers are using z-index to place their header above every other element on the page.  When the window is made smaller this header often covers other more-important elements (like media players).

I’ve started using Stylish to fix these problems:

Di.fm (di.fm): #main-header { z-index: 0; }
Groove (https://music.microsoft.com): #player { z-index: 5;} #header { z-index: 0; }

 

Changing Reddit link colors using Stylish

I really don’t like the link and visited link colors on reddit; they are too similar in appearance.  I prefer to have green links and red visited links.  I can get these link colors by installing the Stylish Addon and creating the following style:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("reddit.com") {

.title a{color: #005500 !important;}
.title a:visited{color: #770000 !important;}
.title a:hover{color: #009900 !important;}

}