Posted By

LeeRJohnson on 02/01/10


Tagged

typography


Versions (?)

Readability Style Options


 / Published in: CSS
 

  1. /* Size options */
  2. .size-x-small { font-size: 12px; }
  3. .size-small { font-size: 15px; }
  4. .size-medium { font-size: 18px; }
  5. .size-large { font-size: 22px; }
  6. .size-x-large { font-size: 28px; }
  7. /* Style options */
  8. .style-newspaper { font-family:"Times New Roman", Times, serif; background:#fbfbfb; color:#080000; }
  9. .style-newspaper h1 { text-transform:capitalize; font-family:Georgia, "Times New Roman", Times, serif; }
  10. .style-newspaper #readInner a { color:#0924e1; }
  11. .style-novel { font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; background:#f4eed9; color:#1d1916; }
  12. .style-novel #readInner a { color:#1856ba; }
  13. .style-ebook { font-family:Arial, Helvetica, sans-serif; background:#edebe8; color:#2c2d32; }
  14. .style-ebook #readInner a { color:#187dc9; }
  15. .style-ebook h1 { font-family:"Arial Black", Gadget, sans-serif; font-weight:400; }
  16. .style-terminal { font-family:"Lucida Console", Monaco, monospace; background:#1d4e2c; color:#c6ffc6; }
  17. .style-terminal #readInner a { color:#093; }
  18. /* Begin Typekit Styles */
  19. .style-apertura { font-family:"apertura-1", "apertura-2", sans-serif; background-color:#2d2828; color:#eae8e9; }
  20. .style-apertura #articleContent h1 { border-bottom-color: #ededed; }
  21. .style-apertura #readInner a { color:#58b0ff; }
  22. .style-athelas { font-family:"athelas-1", "athelas-2", sans-serif; background-color:#f7f7f7; color:#2b373d; }
  23. .style-athelas #readInner a { color:#1e83cb; }
  24. /* Margin Options */
  25. .margin-x-narrow { width: 95%; }
  26. .margin-narrow { width: 85%; }
  27. .margin-medium { width: 75%; }
  28. .margin-wide { width: 55%; }
  29. .margin-x-wide { width: 35%; }
  30. /* @end Readability Examples */

Report this snippet  

You need to login to post a comment.