typography.css 2.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. /* Artfully Masterminded by ZURB */
  2. /* --------------------------------------------------
  3. :: Typography
  4. -------------------------------------------------- */
  5. h1, h2, h3, h4, h5, h6 { color: #181818; font-weight: bold; line-height: 1.25 }
  6. h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
  7. h1 { font-size: 46px; font-size: 4.6rem; margin-bottom: 12px;}
  8. h2 { font-size: 35px; font-size: 3.5rem; margin-bottom: 9px; }
  9. h3 { font-size: 28px; font-size: 2.8rem; margin-bottom: 9px; }
  10. h4 { font-size: 21px; font-size: 2.1rem; margin-bottom: 3px; }
  11. h5 { font-size: 18px; font-size: 1.8rem; font-weight: normal; margin-bottom: 3px; }
  12. h6 { font-size: 15px; font-size: 1.5rem; font-weight: normal; }
  13. .subheader { color: #777; font-weight: 300; margin-bottom: 24px; }
  14. p { font-size: 13px; font-size: 1.3rem; line-height: 1.25; margin: 0 0 18px; }
  15. p img { margin: 0; }
  16. p.lead { font-size: 18px; font-size: 1.8rem; line-height: 1.5; }
  17. em, i { font-style: italic; line-height: inherit; }
  18. strong, b { font-weight: bold; line-height: inherit; }
  19. small { font-size: 60%; line-height: inherit; }
  20. h1 small, h2 small, h3 small, h4 small, h5 small { color: #777; }
  21. /* Blockquotes */
  22. blockquote, blockquote p { line-height: 20px; color: #777; }
  23. blockquote { margin: 0 0 18px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
  24. blockquote cite { display: block; font-size: 12px; font-size: 1.2rem; color: #555; }
  25. blockquote cite:before { content: "\2014 \0020"; }
  26. blockquote cite a, blockquote cite a:visited { color: #555; }
  27. hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 12px 0 18px; height: 0; }
  28. abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; border-bottom: 1px solid #ddd; cursor: help; }
  29. abbr { text-transform: none; }
  30. /**
  31. * Print styles.
  32. *
  33. * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
  34. * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
  35. */
  36. .print-only { display: none !important; }
  37. @media print {
  38. * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  39. -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  40. p a, p a:visited { color: #444 !important; text-decoration: underline; }
  41. p a[href]:after { content: " (" attr(href) ")"; }
  42. abbr[title]:after { content: " (" attr(title) ")"; }
  43. .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
  44. pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  45. thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  46. tr, img { page-break-inside: avoid; }
  47. @page { margin: 0.5cm; }
  48. p, h2, h3 { orphans: 3; widows: 3; }
  49. h2, h3{ page-break-after: avoid; }
  50. .hide-on-print { display: none !important; }
  51. .print-only { display: block !important; }
  52. }