markdown.css 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
  2. body{
  3. color:#444;
  4. font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
  5. font-size:12px;
  6. line-height:1.5em;
  7. padding:1em;
  8. margin:auto;
  9. max-width:42em;
  10. background:#fefefe;
  11. }
  12. a{ color: #0645ad; text-decoration:none;}
  13. a:visited{ color: #0b0080; }
  14. a:hover{ color: #06e; }
  15. a:active{ color:#faa700; }
  16. a:focus{ outline: thin dotted; }
  17. a:hover, a:active{ outline: 0; }
  18. ::-moz-selection{background:rgba(255,255,0,0.3);color:#000}
  19. ::selection{background:rgba(255,255,0,0.3);color:#000}
  20. a::-moz-selection{background:rgba(255,255,0,0.3);color:#0645ad}
  21. a::selection{background:rgba(255,255,0,0.3);color:#0645ad}
  22. p{
  23. margin:1em 0;
  24. }
  25. img{
  26. max-width:100%;
  27. }
  28. h1,h2,h3,h4,h5,h6{
  29. font-weight:normal;
  30. color:#111;
  31. line-height:1em;
  32. }
  33. h4,h5,h6{ font-weight: bold; }
  34. h1{ font-size:2.5em; }
  35. h2{ font-size:2em; }
  36. h3{ font-size:1.5em; }
  37. h4{ font-size:1.2em; }
  38. h5{ font-size:1em; }
  39. h6{ font-size:0.9em; }
  40. blockquote{
  41. color:#666666;
  42. margin:0;
  43. padding-left: 3em;
  44. border-left: 0.5em #EEE solid;
  45. }
  46. hr { display: block; height: 2px; border: 0; border-top: 1px solid #aaa;border-bottom: 1px solid #eee; margin: 1em 0; padding: 0; }
  47. pre, code, kbd, samp { color: #000; font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 0.98em; }
  48. pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
  49. b, strong { font-weight: bold; }
  50. dfn { font-style: italic; }
  51. ins { background: #ff9; color: #000; text-decoration: none; }
  52. mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
  53. sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
  54. sup { top: -0.5em; }
  55. sub { bottom: -0.25em; }
  56. ul, ol { margin: 1em 0; padding: 0 0 0 2em; }
  57. li p:last-child { margin:0 }
  58. dd { margin: 0 0 0 2em; }
  59. img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
  60. table { border-collapse: collapse; border-spacing: 0; }
  61. td { vertical-align: top; }
  62. @media only screen and (min-width: 480px) {
  63. body{font-size:14px;}
  64. }
  65. @media only screen and (min-width: 768px) {
  66. body{font-size:16px;}
  67. }
  68. @media print {
  69. * { background: transparent !important; color: black !important; filter:none !important; -ms-filter: none !important; }
  70. body{font-size:12pt; max-width:100%;}
  71. a, a:visited { text-decoration: underline; }
  72. hr { height: 1px; border:0; border-bottom:1px solid black; }
  73. a[href]:after { content: " (" attr(href) ")"; }
  74. abbr[title]:after { content: " (" attr(title) ")"; }
  75. .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  76. pre, blockquote { border: 1px solid #999; padding-right: 1em; page-break-inside: avoid; }
  77. tr, img { page-break-inside: avoid; }
  78. img { max-width: 100% !important; }
  79. @page :left { margin: 15mm 20mm 15mm 10mm; }
  80. @page :right { margin: 15mm 10mm 15mm 20mm; }
  81. p, h2, h3 { orphans: 3; widows: 3; }
  82. h2, h3 { page-break-after: avoid; }
  83. }