style.css 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186
  1. /* Borrowed from Markdown.css: http://kevinburke.bitbucket.org/markdowncss/markdown.css */
  2. body{
  3. margin: 0 auto;
  4. font-family: Georgia, Palatino, serif;
  5. color: #444444;
  6. line-height: 1;
  7. max-width: 960px;
  8. padding: 30px;
  9. }
  10. h1, h2, h3, h4 {
  11. color: #111111;
  12. font-weight: 400;
  13. }
  14. h1, h2, h3, h4, h5, p, ul, ol {
  15. margin-bottom: 24px;
  16. padding: 0;
  17. }
  18. h1 {
  19. font-size: 48px;
  20. }
  21. h2 {
  22. font-size: 36px;
  23. margin: 24px 0 6px;
  24. }
  25. h3 {
  26. font-size: 24px;
  27. }
  28. h4 {
  29. font-size: 21px;
  30. }
  31. h5 {
  32. font-size: 18px;
  33. }
  34. a {
  35. color: #0099ff;
  36. margin: 0;
  37. padding: 0;
  38. vertical-align: baseline;
  39. }
  40. li {
  41. line-height: 24px;
  42. }
  43. li ul, li ul {
  44. margin-left: 24px;
  45. }
  46. p, ul, ol {
  47. font-size: 16px;
  48. line-height: 24px;
  49. max-width: 540px;
  50. }
  51. pre {
  52. padding: 0px 24px;
  53. max-width: 800px;
  54. white-space: pre-wrap;
  55. }
  56. code {
  57. font-family: Consolas, Monaco, Andale Mono, monospace;
  58. line-height: 1.5;
  59. font-size: 13px;
  60. }
  61. aside {
  62. display: block;
  63. float: right;
  64. width: 390px;
  65. }
  66. blockquote {
  67. margin: 1em 2em;
  68. max-width: 476px;
  69. }
  70. blockquote p {
  71. color: #666;
  72. max-width: 460px;
  73. }
  74. hr {
  75. margin: 0;
  76. padding:0;
  77. border:0;
  78. outline:0;
  79. height:2px;
  80. background: #bbb;
  81. }
  82. /* Some overrides: */
  83. /* Thx to http://twitter.github.com/bootstrap/ */
  84. h1 { font-size:40px; }
  85. h2 { font-size:30px; }
  86. h3 { font-size:22px; }
  87. h4 { font-size:18px; padding-top:10px;}
  88. h5 { font-size:1em; margin-bottom:1em; }
  89. p, ul, ol { max-width: 580px; }
  90. ol, ul { padding-left:24px; font-size:0.85em }
  91. ol#list { font-size:1em }
  92. a:hover, a:focus { outline:none; color:#e25525 }
  93. section {
  94. padding:0 0 10px;
  95. }
  96. table{width:100%;margin-bottom:18px;padding:0;text-align:left;border-collapse:separate;font-size:13px;}table th,table td{padding:10px 10px 9px;line-height:13.5px;vertical-align:middle;border-bottom:1px solid #ddd;}
  97. table th{padding-top:9px;font-weight:bold;border-bottom-width:2px;}
  98. td {
  99. white-space:pre;
  100. font-family:monospace;
  101. }
  102. pre {
  103. background-color: whiteSmoke;
  104. display: block;
  105. padding: 17px;
  106. margin: 0 0 22px;
  107. line-height: 18px;
  108. border: 1px solid rgba(0, 0, 0, 0.15);
  109. -webkit-border-radius: 3px;
  110. -moz-border-radius: 3px;
  111. border-radius: 3px;
  112. white-space: pre-wrap;
  113. overflow:hidden;
  114. }
  115. code, pre {
  116. padding: 0 3px 2px;
  117. font-family: Consolas, Monaco, "Andale Mono", "Courier New", monospace;
  118. font-size: 13px;
  119. -webkit-border-radius: 3px;
  120. -moz-border-radius: 3px;
  121. border-radius: 3px;
  122. }
  123. pre.prettyprint {
  124. background: #fefbf3;
  125. padding: 9px;
  126. border: 1px solid rgba(0,0,0,.2);
  127. -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
  128. -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
  129. box-shadow: 0 1px 2px rgba(0,0,0,.1);
  130. }
  131. .pln{color:#222}
  132. @media screen{
  133. .str{color:#080}
  134. .kwd{color:#008}
  135. .com{color:#800}
  136. .typ{color:#606}
  137. .lit{color:#066}
  138. .pun,
  139. .opn,
  140. .clo{color:#660}
  141. .tag{color:#008}
  142. .atn{color:#606}
  143. .atv{color:#080}
  144. .dec,
  145. .var{color:#606}
  146. .fun{color:red}
  147. }
  148. @media print,projection{
  149. .str{color:#060}
  150. .kwd{color:#006;font-weight:bold}
  151. .com{color:#600;font-style:italic}
  152. .typ{color:#404;font-weight:bold}
  153. .lit{color:#044}
  154. .pun,
  155. .opn,
  156. .clo{color:#440}
  157. .tag{color:#006;font-weight:bold}
  158. .atn{color:#404}
  159. .atv{color:#060}
  160. }
  161. div.well {
  162. background: whiteSmoke;
  163. margin: 20px 0;
  164. padding: 5px 12px;
  165. min-height: 20px;
  166. border: 1px solid #DDD;
  167. -webkit-border-radius: 4px;
  168. -moz-border-radius: 4px;
  169. border-radius: 4px;
  170. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  171. -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  172. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  173. }
  174. .well p {
  175. max-width:100%;
  176. }