Hugo theme.
25'ten fazla konu seçemezsiniz Konular bir harf veya rakamla başlamalı, kısa çizgiler ('-') içerebilir ve en fazla 35 karakter uzunluğunda olabilir.

274 satır
3.7 KiB

  1. body {
  2. background-color: #fff;
  3. color: #000;
  4. width: 700px;
  5. margin: 70px auto;
  6. font-family: "Helvetica", "Helvetica Neue", Arial, serif;
  7. line-height: 1.0rem;
  8. font-size: 1.3em;
  9. }
  10. a {
  11. color: #333;
  12. text-decoration: none;
  13. }
  14. a:hover {
  15. text-decoration: underline;
  16. }
  17. a:visited {
  18. color: #777;
  19. }
  20. #site-social {
  21. font-size: 1.3rem;
  22. }
  23. .quote {
  24. font-family: monospace;
  25. border: 0px #777 solid;
  26. /*background-color: #eee;*/
  27. font-size: 1.8rem;
  28. line-height: 2.0rem;
  29. /*padding: 20px;*/
  30. margin: 30px 0;
  31. }
  32. .quote-credit {
  33. /*font-style: italic;*/
  34. text-align: right;
  35. font-size: 1.0rem;
  36. }
  37. .list-item {
  38. display: block;
  39. border: 0px #777 solid;
  40. padding: 0;
  41. margin: 60px 0;
  42. border-radius: 10px;
  43. line-height: 1.8rem;
  44. }
  45. .list-date {
  46. font-size: 1.0rem;
  47. }
  48. .list-item h2 {
  49. line-height: 2.5rem;
  50. margin: 0 0 15px 0;
  51. }
  52. .list-item img {
  53. margin: 0px 0 20px 0;
  54. }
  55. .list-quote {
  56. background-color: #444;
  57. color: white;
  58. }
  59. .list-video {
  60. background-color: #000;
  61. color: white;
  62. }
  63. .postmeta, .listmeta {
  64. font-weight: 300;
  65. text-transform: uppercase;
  66. font-size: 0.9rem;
  67. margin: 0;
  68. }
  69. .aside-list {
  70. font-family: Georgia, "Times New Roman", serif;
  71. font-size: 2.7rem;
  72. line-height: 3.5rem;
  73. }
  74. #aside-single {
  75. margin: 10rem 0;
  76. color: white;
  77. font-family: Georgia, "Times New Roman", serif;
  78. font-size: 4.0rem;
  79. line-height: 4.5rem;
  80. }
  81. img {
  82. width: 100%;
  83. }
  84. figure {
  85. margin: 20px 0;
  86. padding: 0;
  87. }
  88. figcaption, figcaption h4 {
  89. text-align: right;
  90. font-size: 1.0rem;
  91. font-weight: normal;
  92. }
  93. article {
  94. font-size: 1.2rem;
  95. line-height: 1.9rem;
  96. color: #222;
  97. }
  98. article a {
  99. text-decoration: underline;
  100. text-decoration-style: dotted;
  101. color: #000;
  102. }
  103. article a:visited {
  104. text-decoration: underline;
  105. text-decoration-style: dotted;
  106. color: #aaa;
  107. }
  108. article a:hover {
  109. color: #fff;
  110. text-decoration: none;
  111. background-color: #333;
  112. }
  113. article figcaption {
  114. text-transform: none;
  115. letter-spacing: 0.0rem;
  116. text-align: right;
  117. font-size: 0.8rem;
  118. }
  119. h1 {
  120. color: #eee;
  121. font-size: 1.0rem;
  122. }
  123. article h1 {
  124. font-size: 2.5rem;
  125. line-height: 3.2rem;
  126. margin: 0 0 25px 0;
  127. color: cornflowerblue;
  128. }
  129. article p {
  130. margin: 0 0 30px 0;
  131. }
  132. #site-title {
  133. margin: 0 0 0 0;
  134. font-size: 3.5rem;
  135. line-height: 4.0rem;
  136. color: cornflowerblue;
  137. }
  138. #site-title a, #site-title a:visited {
  139. /* font-size: 1.0rem; */
  140. text-decoration: none;
  141. text-transform: uppercase;
  142. font-weight: normal;
  143. }
  144. .post-title {
  145. text-transform: none;
  146. }
  147. ul.tags {
  148. margin: 0;
  149. padding: 0;
  150. }
  151. .tags li {
  152. display: inline;
  153. list-style-type: none;
  154. margin: 0 15px 0 0;
  155. font-size: 0.8rem;
  156. background-color: #eee;
  157. padding: 3px 6px;
  158. border-radius: 5px;
  159. }
  160. .tags li a, .tags li a:hover, .tags li a:visited {
  161. color: #777;
  162. text-decoration: none;
  163. }
  164. ul.pagination {
  165. margin: 0;
  166. padding: 0;
  167. }
  168. ul.pagination li {
  169. display: inline;
  170. margin: 0 30px 0 0;
  171. }
  172. ul.pagination a {
  173. width: 20px;
  174. height: 20px;
  175. font-size: 1.7rem;
  176. text-decoration: none;
  177. }
  178. ul.pagination li.active a {
  179. background-color: white;
  180. padding: 5px 10px;
  181. }
  182. ul.pagination li.disabled {
  183. color: #333;
  184. }
  185. ul.tag-cloud {
  186. margin: 30px 0;
  187. padding: 0;
  188. }
  189. ul.tag-cloud li {
  190. display: inline;
  191. margin: 0;
  192. padding: 10px 20px 10px 0;
  193. line-height: 2rem;
  194. }
  195. ul.tag-cloud li a, ul.tag-cloud li a:visited {
  196. color: white;
  197. text-decoration: none;
  198. }
  199. .fa {
  200. margin: 0 15px 0 0;
  201. color: white;
  202. }
  203. header {
  204. margin: 0px 0;
  205. }
  206. @media screen and (max-width: 699px) {
  207. body {
  208. width: 90%;
  209. margin: 20px auto;
  210. }
  211. img {
  212. width: 100%;
  213. }
  214. }
  215. blockquote {
  216. margin: 0 0 0 20px;
  217. padding: 0;
  218. font-style: italic;
  219. }
  220. /*
  221. https://css-tricks.com/blockquote-bulge/
  222. http://www.andybudd.com/archives/2003/11/no_margin_for_error/
  223. */
  224. /* blockquote p:last-child { margin-bottom: 0; } */