theme.css 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287
  1. @charset "UTF-8";
  2. /*
  3. Copyright © 2014-2015 Daniel Aleksandersen and others.
  4. Permission is hereby granted, free of charge, to any
  5. person obtaining a copy of this software and associated
  6. documentation files (the "Software"), to deal in the
  7. Software without restriction, including without limitation
  8. the rights to use, copy, modify, merge, publish,
  9. distribute, sublicense, and/or sell copies of the
  10. Software, and to permit persons to whom the Software is
  11. furnished to do so, subject to the following conditions:
  12. The above copyright notice and this permission notice
  13. shall be included in all copies or substantial portions of
  14. the Software.
  15. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY
  16. KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE
  17. WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR
  18. PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS
  19. OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR
  20. OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
  21. OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  22. SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  23. */
  24. body {
  25. color: #4F5151;
  26. font-family: Helvetica, Arial, sans-serif;
  27. font-size: 17px;
  28. line-height: 1.4;
  29. padding: 1em;
  30. }
  31. @media print {
  32. body {
  33. font-family: Garamond, serif;
  34. }
  35. }
  36. #container {
  37. margin: 1em auto;
  38. max-width: 770px;
  39. }
  40. #menu ul,
  41. #menu ul li,
  42. .postpromonav .tags,
  43. .postpromonav .tags li,
  44. .pager,
  45. .pager li,
  46. #toptranslations ul,
  47. #toptranslations ul li {
  48. list-style: none;
  49. padding-left: 0;
  50. padding-right: 0;
  51. }
  52. #toptranslations ul {
  53. display: inline;
  54. }
  55. #menu ul li,
  56. #toptranslations ul li {
  57. display: inline-block;
  58. margin-right: 1.5em;
  59. }
  60. #toptranslations h2 {
  61. display: inline;
  62. font-size: 1em;
  63. margin-right: 1.5em;
  64. }
  65. #menu ul li:dir(rtl),
  66. #toptranslations ul li:dir(rtl),
  67. #toptranslations h2:dir(rtl) {
  68. margin-left: 1.5em;
  69. margin-right: 0;
  70. }
  71. #toptranslations {
  72. text-align: right;
  73. float: right;
  74. }
  75. #toptranslations:dir(rtl) {
  76. text-align: left;
  77. float: left;
  78. }
  79. .posttranslations h3 {
  80. display: inline;
  81. font-size: 1em;
  82. }
  83. .entry-title {
  84. font-size: 2em;
  85. }
  86. .posttranslations h3:last-child {
  87. display: none;
  88. }
  89. .postindex article {
  90. border-bottom: 1px solid #4F5151;
  91. padding-bottom: 1em;
  92. }
  93. #header {
  94. border-bottom: 1px solid #4F5151;
  95. }
  96. #footer {
  97. border-top: 1px solid #4F5151;
  98. }
  99. /* Tags */
  100. .postpromonav {
  101. border-bottom: 1px solid #4F5151;
  102. border-top: 1px solid #4F5151;
  103. margin-top: 1em;
  104. padding: .5em 0;
  105. }
  106. .postpromonav .tags {
  107. text-align: center;
  108. }
  109. .metadata p:before,
  110. .postpromonav .tags li:before,
  111. .postlist .listdate:before {
  112. content: " — ";
  113. }
  114. .postlist li {
  115. margin-bottom: .33em;
  116. }
  117. /* Post and archive pagers */
  118. .postindexpager .pager .next:before {
  119. content: "↓ ";
  120. }
  121. .postindexpager .pager .previous:before {
  122. content: "↑ ";
  123. }
  124. .postpromonav .pager .next:after {
  125. content: " →";
  126. }
  127. .postpromonav .pager .previous:dir(rtl):after {
  128. content: " →";
  129. }
  130. .postpromonav .pager .previous:before {
  131. content: "← ";
  132. }
  133. .postpromonav .pager .next:dir(rtl):before {
  134. content: "← ";
  135. }
  136. .metadata p:first-of-type:before,
  137. .postpromonav .tags li:first-of-type:before {
  138. content: "";
  139. }
  140. .postpromonav .pager {
  141. clear: both;
  142. height: 1em;
  143. }
  144. .postpromonav .tags li,
  145. .postpromonav .pager li {
  146. display: inline-block;
  147. }
  148. .postpromonav .pager .next {
  149. float: right;
  150. }
  151. .postpromonav .pager .next:dir(rtl) {
  152. float: left;
  153. }
  154. .postpromonav .pager .previous {
  155. float: left;
  156. }
  157. .postpromonav .pager .previous:dir(rtl) {
  158. float: right;
  159. }
  160. .metadata p {
  161. display: inline;
  162. }
  163. #brand {
  164. font-size: 3em;
  165. line-height: 1;
  166. }
  167. /* Links */
  168. :link {
  169. color: #1168CC;
  170. text-decoration: none;
  171. }
  172. :visited {
  173. color: #6830BB;
  174. }
  175. :link:hover, :visited:hover {
  176. color: #0d53a3;
  177. }
  178. #brand :link,
  179. #brand :visited {
  180. color: inherit;
  181. }
  182. /* Images */
  183. img {
  184. border: none;
  185. line-height: 1;
  186. }
  187. .postpage img,
  188. .postpage object,
  189. .postindex article img,
  190. .postindex article object {
  191. height: auto;
  192. max-width: 100%;
  193. }
  194. /* Comment helpers */
  195. #disqus_thread {
  196. min-height: 325px;
  197. }
  198. .breadcrumb {
  199. padding: 8px 15px;
  200. margin-bottom: 20px;
  201. list-style: none;
  202. }
  203. .breadcrumb > li {
  204. display: inline-block;
  205. margin-right: 0;
  206. margin-left: 0;
  207. }
  208. .breadcrumb > li:after {
  209. content: ' / ';
  210. color: #888;
  211. }
  212. .breadcrumb > li:last-of-type:after {
  213. content: '';
  214. margin-left: 0;
  215. }
  216. .thumbnails {
  217. list-style: none;
  218. padding: 0;
  219. }
  220. .thumbnails > li {
  221. display: inline-block;
  222. margin-right: 10px;
  223. }
  224. .thumbnails > li:last-of-type {
  225. margin-right: 0;
  226. }
  227. .codetable .linenos {
  228. padding-right: 10px;
  229. }
  230. .sr-only {
  231. position: absolute;
  232. width: 1px;
  233. height: 1px;
  234. padding: 0;
  235. margin: -1px;
  236. overflow: hidden;
  237. clip: rect(0, 0, 0, 0);
  238. border: 0;
  239. }
  240. .sr-only-focusable:active,
  241. .sr-only-focusable:focus {
  242. position: static;
  243. width: auto;
  244. height: auto;
  245. margin: 0;
  246. overflow: visible;
  247. clip: auto;
  248. }
  249. pre.code, code { white-space: pre; word-wrap: normal; overflow: auto; }