My customized CSS theme for the Evernote Clearly browser extension

evernote-clearly.css

/**
 * CSS theme for the Clearly browser extension by Evernote.
 * See: www.evernote.com/clearly/
 * 
 * Options used alongside this CSS:
 *   Body font:      "Adelle", Georgia, 微軟正黑體, Helvetica, Arial, sans-serif
 *   Header font:    Soho-condensed, PT Serif, 微軟正黑體, Helvetica
 *   Monospace font: 微軟正黑體Mono, Inconsolata, Consolas, Droid Sans Mono
 *   Background:     #FFFFFF
 *   Foregound:      #333333
 *   Links:          #009B00
 *   Base Size:      1.1em
 *   Line Height:    1.8em
 *   Line Width:     90%
 *   Base CSS:       Notable
 *   Footnote:       On Print
 *   Text Align:     Normal
 *   Large Graphics: Show Always
 */

#text a:visited {
  color: #009B00;
  text-decoration: none;
}
#text blockquote {
  padding-left: 16px;
  border-left: 6px solid #BBB;
  color: #666;
}
#text table { max-width: 100%; }
#text thead { background-color: #DADADA; }
#text tr:nth-child(even) { background: #E0E0E0; }
#text th { border-bottom: 1px dashed #888; }
#text hr { border-color: #C5C5C5; }
 
#text pre {
  margin: 1em 0;
  padding: .5em .75em;
  max-width: 100%;
  border: 1px solid #CCC;
  border-radius: 4px;
  background-color: #F8F8F8;
  font-size: 12px;
}
#text pre code {
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  white-space: pre-wrap;
  word-wrap: break-word; /* IE */
}
#text code {
  margin: 0 2px;
  padding: 0px 5px;
  border: 1px solid #EAEAEA;
  border-radius: 3px;
  background-color: #F8F8F8;
  white-space: nowrap;
  color: #666;
}

hey i like your customization a lot. Thank you for sharing.

An optional supplement rule: if someone wants image aligning in center, just add
img{ display: block; margin: 0 auto 1.8em auto; }