Chained Quotes skin by AO3 

Please DO copy and reuse and modify this code any way you like! CSS3 blockquote styling you can chain in to your own design # links to free, open font downloads:  http://www.fontsquirrel.com/fonts/Mido by Eva Grinder  http://www.fontsquirrel.com/fonts/AUdimat by Jack Usine  http://www.fontsquirrel.com/fonts/ostrich-sans by Tyler Finck
Role:
user
Media:
screen
Condition:
Normal

CSS

blockquote.userstuff {
  font-family: "Mido", "AUdimat", "Ostrich Sans Rounded","Lucida Grande", sans-serif !important;
  position: relative;
  background: rgba(0,0,0,0.1);
  padding: 2%;
  border: 1px solid rgba(0,0,0,0.15);
  box-shadow: 0 0 2px rgba(0,0,0,0.4);
}

blockquote.userstuff:before,
blockquote.userstuff:after {
  content: "\201C";
  font-style: italic;
  font-family: serif;
  color: #555;
  font-size: 900%;
  position: absolute;
  opacity: 0.5;
  line-height: 0.2;
  top: 50px;
  left: 0;
  text-shadow: -1px -1px 1px #000;
}

blockquote.userstuff:after {
  content: "\201D";
  right: 0;
  top: auto;
  left: auto;
}