My User Styles (for the Stylish Chrome plugin)

feedly.css

/*
  Applies to: http://feedly.com/home*, http://www.feedly.com/home*
*/
body, #feedlyCenter
{
  background-image: url(https://raw.github.com/ryankinal/mysubtlepatterns/master/debut_dark/debut_dark.png);
}

.area
{
  border-radius: 10px;
  background-image: url(https://raw.github.com/ryankinal/mysubtlepatterns/master/light_wool/light_wool.png);
}

#feedlyTabsHolder div.simpleunreadcount
{
  padding-right: 10px !important;
}

google-mail.css

/*
    Applies to: mail.google.com
    
    Removes the "important" notifications. I didn't find them helpful
*/
div.N92wfe
{
    border: none;
    margin-top: 8px;
}

.mq
{
    display: none;
}

.WA
{
    display: none;
}

google-reader.css

/*
    Applies to: https://www.google.com/reader/*
    
    Makes the "original" link cover the whole entry, except the star, and an "expand" element on the right.
    I wanted to view the original articles, but have the keeping-track capabilities of Reader.
*/
.entry .collapsed
{
    background: transparent url(https://raw.github.com/ryankinal/GMScreen/master/themes/icons/monotone_arrow_down.png) right center no-repeat !important;
}

.entry.expanded .collapsed
{
    background: transparent url(https://raw.github.com/ryankinal/GMScreen/master/themes/icons/monotone_arrow_up.png) right center no-repeat !important;
}

.entry-original
{
    width: auto !important;
    height: 37px !important;
    margin-top: -18px !important;
    margin-right: 20px !important;
    left: 25px !important;
    background-image: none !important;
}

miaou.css

* {
  box-sizing: border-box !important;
}

#left, #right {
  background: none !important;
  padding: 10px;
}

#left {
  border-right: solid #999 1px;
}

#right {
  border-left: solid #999 1px;
}

#center {
  box-shadow: none !important;
}

.message .user,
.message .content {
  padding: 5px !important;
}
        
.message .user {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

user-styles.md

The [web]'s a mess, and I just have to rule it! Dr. Horrible (ish)

Some parts of the web are, really, a mess. The content might be something worth looking at, but the interface and/or design is just terrible (or maybe just not exactly what I want :cough:GoogleReader:cough:.

So, I change it. Using the Stylish plugin for Chrome.

And here's where I'll store my styles.

A quick note on !important

It's bad practice. It really is. But due to the way user styles are implemented with Stylish, it's sometimes necessary (or just far easier) to use !important

Latest:

Google Reader is being killed off. So I've started using Feedly, and have been customizing it.

wizards-blog.css

/*
    Applies to: http://www.wizards.com/dnd/Article*, http://www.wizards.com/DnD/Article*
    
    Improved typography and margins for the Wizards D&D blog. It was seriously terrible.
*/
.Content .ModuleContent.ArticleContentWrapper
{
    font-size: 1em;
    width: 80%;
    margin: 0 10%;
    text-align: justify;
    line-height: 1.2em;
}

wizards-dnd.css

/*
    Applies to: http://www.wizards.com/DnD/*, http://www.wizards.com/dnd/*
    
    Removed the stupid background. Improved positioning and style of navigation.
*/
html body
{
    background: #666 url(http://subtlepatterns.subtlepatterns.netdna-cdn.com/patterns/nasty_fabric.png);
}
 
body .NavWrapper
{
    border-bottom: solid black 2px;
}
 
.Container .MainHeader .MainHeaderLogo
{
    margin-top: 5px;
}

body .LoginBoxRightTopContainer
{
    clear: right;
    margin-top: 8px;
    margin-right: -82px;
}

youtube-home.css

/*
    Applies to: youtube.com
*/
#feed-pyv-container
{
    display: none;
}