Skip to content

Instantly share code, notes, and snippets.

@0b10011
Last active December 26, 2015 13:49
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save 0b10011/7161075 to your computer and use it in GitHub Desktop.
Save 0b10011/7161075 to your computer and use it in GitHub Desktop.
Altered userContent.css for Firefox to style StackOverflow blockquotes to look different than code blocks.
/*
* Sets blockquotes on stackoverflow.com to have a yellowish background
* with a box shadow, instead of the same background as code blocks.
* Helps to show code inside of blockquotes.
*
* Sets links to be underlined by default so multi-word links and
* single-word links can be distinguished.
*
* Should be added to ./chrome/userContent.css in your Firefox profile
* directory. Profile directory can be found by clicking "Help", then
* "Troubleshooting Information". Then, look for "Profile Directory"
* and click "Open Directory". (Wording may change.)
*/
@-moz-document domain(stackoverflow.com) {
blockquote {
box-shadow: 0.1em 0.1em 0.3em rgba(0, 0, 0, 0.3);
margin:1em !important;
padding:1em 1em 0.01em !important;
background:#ffd !important;
}
.post-text a:link, .post-text a:visited {
text-decoration:underline !important;
}
.post-text a:hover, .post-text a:active, .post-text a:focus {
text-decoration:none !important;
}
.post-text a:link code, .post-text a:visited code {
text-decoration:none !important;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment