Hugo theme.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

216 line
2.9 KiB

  1. body {
  2. background-color: #fff;
  3. color: #000;
  4. width: 600px;
  5. margin: 3rem auto;
  6. font-family: Georgia, Times, "Times New Roman", serif;
  7. line-height: 1.2rem;
  8. font-size: 1.7em;
  9. -webkit-font-smoothing: antialiased;
  10. }
  11. div.highlight {
  12. margin: 0 0 2rem 0;
  13. line-height: 1.5rem;
  14. }
  15. a {
  16. color: #6b0000;
  17. text-decoration: none;
  18. }
  19. a:visited {
  20. color: #333;
  21. }
  22. #articles div {
  23. display: block;
  24. border: 0px #777 solid;
  25. padding: 0;
  26. margin: 60px 0;
  27. border-radius: 10px;
  28. line-height: 1.9rem;
  29. }
  30. #articles p {
  31. font-size: 1.2rem;
  32. margin: 1rem 0 0rem 0;
  33. }
  34. #articles time {
  35. display: block;
  36. font-size: 1.0rem;
  37. text-transform: uppercase;
  38. }
  39. #articles h2 {
  40. font-weight: normal;
  41. font-size: 1.7rem;
  42. line-height: 2.5rem;
  43. margin: 0 0 5px 0;
  44. }
  45. .postmeta, .listmeta {
  46. font-weight: 300;
  47. text-transform: uppercase;
  48. font-size: 0.9rem;
  49. margin: 20px 0;
  50. }
  51. .postmeta {
  52. margin: 1.5rem 0 1.5rem 0;
  53. }
  54. .postmeta a, .postmeta a:visited {
  55. color: #333;
  56. }
  57. img {
  58. width: 100%;
  59. margin: 1rem 0 1rem 0;
  60. }
  61. figure {
  62. margin: 20px 0;
  63. padding: 0;
  64. }
  65. figcaption, figcaption h4 {
  66. text-align: right;
  67. font-size: 1.0rem;
  68. font-weight: normal;
  69. }
  70. article {
  71. font-size: 1.1rem;
  72. line-height: 1.9rem;
  73. color: #222;
  74. }
  75. article a {
  76. text-decoration: underline;
  77. color: #4b0000;
  78. }
  79. article figcaption {
  80. text-transform: none;
  81. letter-spacing: 0.0rem;
  82. text-align: right;
  83. font-size: 0.8rem;
  84. }
  85. h1 {
  86. color: #eee;
  87. font-size: 1.0rem;
  88. }
  89. article h1 {
  90. font-size: 2.4rem;
  91. line-height: 3.0rem;
  92. margin: 6rem 0 4rem 0;
  93. color: #6b0000;
  94. font-weight: 500;
  95. }
  96. article #description {
  97. margin: 1rem 0 1rem 0;
  98. font-style: italic;
  99. }
  100. article p {
  101. margin: 0 0 1.3rem 0;
  102. }
  103. article h2 {
  104. margin: 50px 0 15px 0;
  105. color: #6b0000;
  106. font-weight: 500;
  107. }
  108. hr {
  109. border: 1px dotted #aaa;
  110. }
  111. section.footnotes {
  112. margin-top: 3rem;
  113. font-size: 1.0rem;
  114. line-height: 1.5rem;
  115. }
  116. sup {
  117. font-size: 0.9rem;
  118. }
  119. #feedback {
  120. margin-top: 5rem;
  121. font-style: italic;
  122. font-size: 1.0rem;
  123. }
  124. #feedback a, #feedback a:visited {
  125. text-decoration: underline;
  126. }
  127. #site-title {
  128. margin: 0;
  129. font-size: 3.5rem;
  130. line-height: 4.0rem;
  131. font-weight: 500;
  132. color: #6b0000;
  133. font-variant-caps: petite-caps;
  134. }
  135. #site-title a, #site-title a:visited {
  136. text-decoration: none;
  137. text-transform: uppercase;
  138. font-weight: normal;
  139. }
  140. .post-title {
  141. text-transform: none;
  142. }
  143. ul.pagination {
  144. margin: 0;
  145. padding: 0;
  146. }
  147. ul.pagination li {
  148. display: inline;
  149. margin: 0 30px 0 0;
  150. }
  151. ul.pagination a {
  152. width: 20px;
  153. height: 20px;
  154. font-size: 1.7rem;
  155. text-decoration: none;
  156. }
  157. ul.pagination li.active a {
  158. background-color: white;
  159. padding: 5px 10px;
  160. }
  161. ul.pagination li.disabled {
  162. color: #333;
  163. }
  164. blockquote {
  165. margin: 0 0 0 2rem;
  166. padding: 0;
  167. font-style: italic;
  168. }
  169. @media screen and (max-width: 699px) {
  170. body {
  171. width: 90%;
  172. margin: 20px auto;
  173. }
  174. img {
  175. width: 100%;
  176. }
  177. }