Skip to content

Instantly share code, notes, and snippets.

@Edditoria
Created December 15, 2012 09:15
Show Gist options
  • Save Edditoria/4292306 to your computer and use it in GitHub Desktop.
Save Edditoria/4292306 to your computer and use it in GitHub Desktop.
My customized CSS theme for the Evernote Clearly browser extension
/**
* 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;
}
@robbielj
Copy link

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; }

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment