theme.css 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180
  1. /* because standards */
  2. @viewport {
  3. width: device-width;
  4. }
  5. @-ms-viewport {
  6. width: device-width;
  7. }
  8. body {
  9. font-family: Garamond, Georgia, serif;
  10. font-size: 150%;
  11. line-height: 125%;
  12. }
  13. @media (max-width: 600px) {
  14. body {
  15. font-size: 100%;
  16. }
  17. }
  18. /* force android webkit to use relative header size */
  19. body h1 {
  20. font-size: 150%;
  21. }
  22. p {
  23. hyphens: auto;
  24. -moz-hyphens: auto;
  25. word-wrap: break-word;
  26. }
  27. hr {
  28. border-color: #D3D3D3;
  29. }
  30. a {
  31. color: #6495ED;
  32. text-decoration: none;
  33. }
  34. a:hover {
  35. text-decoration: underline;
  36. }
  37. code, pre {
  38. font-family: Monaco, Menlo, Consolas, monospace;
  39. font-size: 75%;
  40. }
  41. code {
  42. background: #FFFFE0;
  43. padding: 0px 0.2em;
  44. border-radius: 0.25em;
  45. }
  46. .code {
  47. padding: 0em 0.5em;
  48. border-radius: 0.25em;
  49. }
  50. .code pre {
  51. padding: 0.25em 0em;
  52. overflow-x: auto;
  53. }
  54. table {
  55. border-collapse: collapse;
  56. }
  57. td {
  58. padding: 0px 0.5em;
  59. }
  60. thead tr {
  61. font-weight: bold;
  62. border-bottom: solid 1px #808080;
  63. }
  64. .clearfix:after {
  65. content: " ";
  66. display: block;
  67. height: 0;
  68. clear: both;
  69. }
  70. .header {
  71. margin: 0.5em 0px 2em 0px;
  72. }
  73. .header > h1 {
  74. float: left;
  75. display: inline-block;
  76. margin: 0px;
  77. }
  78. .header a {
  79. color: black;
  80. }
  81. .nav {
  82. float: right;
  83. display: inline-block;
  84. padding: 0px;
  85. margin: 0px;
  86. }
  87. .nav li {
  88. list-style: none;
  89. margin: 0.5em 0.2em;
  90. display: inline;
  91. font-size: 80%;
  92. }
  93. @media (max-width: 800px) {
  94. .header {
  95. margin: 1em 0px;
  96. }
  97. .header > h1 {
  98. display: block;
  99. float: none;
  100. }
  101. .nav {
  102. display: block;
  103. float: none;
  104. }
  105. .nav li {
  106. display: block;
  107. font-size: 100%;
  108. }
  109. }
  110. .container {
  111. max-width: 780px;
  112. margin: 0 auto;
  113. }
  114. .footer {
  115. text-align: center;
  116. }
  117. .postbox {
  118. margin-top: 2em;
  119. }
  120. .postbox img {
  121. max-width: 100%;
  122. }
  123. .postbox .title h1 a {
  124. color: black;
  125. }
  126. .postbox .title h1 small {
  127. float: right;
  128. font-size: 50%;
  129. font-weight: normal;
  130. color: #808080;
  131. }
  132. .pager {
  133. list-style: none;
  134. text-align: center;
  135. padding: 0px;
  136. }
  137. .pager li > a {
  138. display: inline-block;
  139. }
  140. .pager .previous a {
  141. float: left;
  142. }
  143. .pager .next a {
  144. float: right;
  145. }