Clearness Dark.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
  1. h1,
  2. h2,
  3. h3,
  4. h4,
  5. h5,
  6. h6,
  7. p,
  8. blockquote {
  9. margin: 0;
  10. padding: 0;
  11. }
  12. body {
  13. font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
  14. font-size: 13px;
  15. line-height: 18px;
  16. color: #fff;
  17. background-color: #282a36;
  18. margin: 10px 13px 10px 13px;
  19. }
  20. table {
  21. margin: 10px 0 15px 0;
  22. border-collapse: collapse;
  23. }
  24. td,th {
  25. border: 1px solid #ddd;
  26. padding: 3px 10px;
  27. }
  28. th {
  29. padding: 5px 10px;
  30. }
  31. a {
  32. color: #59acf3;
  33. }
  34. a:hover {
  35. color: #a7d8ff;
  36. text-decoration: none;
  37. }
  38. a img {
  39. border: none;
  40. }
  41. p {
  42. margin-bottom: 9px;
  43. }
  44. h1,
  45. h2,
  46. h3,
  47. h4,
  48. h5,
  49. h6 {
  50. color: #fff;
  51. line-height: 36px;
  52. }
  53. h1 {
  54. margin-bottom: 18px;
  55. font-size: 30px;
  56. }
  57. h2 {
  58. font-size: 24px;
  59. }
  60. h3 {
  61. font-size: 18px;
  62. }
  63. h4 {
  64. font-size: 16px;
  65. }
  66. h5 {
  67. font-size: 14px;
  68. }
  69. h6 {
  70. font-size: 13px;
  71. }
  72. hr {
  73. margin: 0 0 19px;
  74. border: 0;
  75. border-bottom: 1px solid #ccc;
  76. }
  77. blockquote {
  78. padding: 13px 13px 21px 15px;
  79. margin-bottom: 18px;
  80. font-family:georgia,serif;
  81. font-style: italic;
  82. }
  83. blockquote:before {
  84. content:"\201C";
  85. font-size:40px;
  86. margin-left:-10px;
  87. font-family:georgia,serif;
  88. color:#eee;
  89. }
  90. blockquote p {
  91. font-size: 14px;
  92. font-weight: 300;
  93. line-height: 18px;
  94. margin-bottom: 0;
  95. font-style: italic;
  96. }
  97. code, pre {
  98. font-family: Monaco, Andale Mono, Courier New, monospace;
  99. }
  100. code {
  101. color: #ff4a14;
  102. padding: 1px 3px;
  103. font-size: 12px;
  104. -webkit-border-radius: 3px;
  105. -moz-border-radius: 3px;
  106. border-radius: 3px;
  107. }
  108. pre {
  109. display: block;
  110. padding: 14px;
  111. margin: 0 0 18px;
  112. line-height: 16px;
  113. font-size: 11px;
  114. border: 1px solid #bf370f;
  115. white-space: pre;
  116. white-space: pre-wrap;
  117. word-wrap: break-word;
  118. }
  119. pre code {
  120. background-color: #282a36;
  121. color: #ff4a14;
  122. font-size: 11px;
  123. padding: 0;
  124. }
  125. sup {
  126. font-size: 0.83em;
  127. vertical-align: super;
  128. line-height: 0;
  129. }
  130. * {
  131. -webkit-print-color-adjust: exact;
  132. }
  133. @media screen and (min-width: 914px) {
  134. body {
  135. width: 854px;
  136. margin:10px auto;
  137. }
  138. }
  139. @media print {
  140. body,code,pre code,h1,h2,h3,h4,h5,h6 {
  141. color: black;
  142. }
  143. table, pre {
  144. page-break-inside: avoid;
  145. }
  146. }