elegant.css 7.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350
  1. body,html {
  2. height: 100%;
  3. }
  4. #content-sans-footer {
  5. min-height: 100%;
  6. }
  7. h1, h2, h3, h4, h5, h5 {
  8. font-family: Baskerville, Garamond, Georgia, 'DejaVu Serif', 'Times New Roman', Times, serif;
  9. font-weight: normal;
  10. }
  11. a {
  12. color: #3875d7;
  13. }
  14. /* site title */
  15. .site-name {
  16. font-family: 'Monaco','Inconsolata','Andale Mono','Lucida Console','Bitstream Vera Sans Mono','Courier New',Courier,monospace;
  17. }
  18. /* Top navigation menu */
  19. ul.top-menu li a {
  20. font-weight: bold;
  21. }
  22. /* Footer */
  23. div#footer {
  24. margin: 15px 0;
  25. border-top: 1px solid rgba(0,0,0,.2);
  26. padding: 2px 5px 0;
  27. font-size:.7em;
  28. font-family: calibri,tahoma,arial,sans-serif;
  29. }
  30. ul.footer-content {
  31. list-style: none;
  32. padding: 0;
  33. margin: 0;
  34. }
  35. ul.footer-content li {
  36. padding-left: 5px;
  37. }
  38. ul.footer-content li.elegant-power {
  39. float: right;
  40. }
  41. ul.footer-content li.elegant-license {
  42. float: left;
  43. }
  44. ul.footer-content li.elegant-subtitle {
  45. float: left;
  46. }
  47. /* comment */
  48. #comment-message {
  49. font-family: 'PT Serif', Georgia, Times, 'Times New Roman', serif;
  50. font-size: 1em;
  51. color: #808080;
  52. }
  53. a.disqus-comment-count {
  54. font-family:'Trebuchet MS',Trebuchet,'Lucida Sans Unicode','Lucida Grande','Lucida Sans',Arial,sans-serif;
  55. font-size: .9em;
  56. }
  57. div#disqus_thread {
  58. padding-left: 10px;
  59. padding-right: 10px;
  60. }
  61. /* Syntax Highlight */
  62. .highlight pre {
  63. background-color: #fdf6e3;
  64. border-radius: 3px 3px 3px 3px;
  65. }
  66. td.code .highlight pre {
  67. border-radius: 0 3px 3px 0;
  68. }
  69. td.code {
  70. width: 100%;
  71. }
  72. .linenodiv pre {
  73. border-radius: 3px 0 0 3px;
  74. color: #657b83;
  75. background-color: #eee8d5;
  76. }
  77. /* Tags */
  78. .list-of-tags {
  79. list-style: none;
  80. margin: 0;
  81. overflow: hidden;
  82. font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  83. }
  84. .list-of-tags li {
  85. line-height: 28px;
  86. float: left;
  87. margin: 0;
  88. }
  89. .list-of-tags a {
  90. padding: 3px 6px;
  91. margin: 2px;
  92. color: #222;
  93. background: #EEE;
  94. border-radius: 3px;
  95. text-decoration: none;
  96. }
  97. .list-of-tags a span {
  98. vertical-align: super;
  99. font-size: .8em;
  100. }
  101. .tags-in-article li {
  102. line-height: 28px;
  103. float: none;
  104. }
  105. h2.tag-title {
  106. font-family:'Trebuchet MS',Trebuchet,'Lucida Sans Unicode','Lucida Grande','Lucida Sans',Arial,sans-serif;
  107. }
  108. ul.articles-in-tag li {
  109. font-family:'Trebuchet MS',Trebuchet,'Lucida Sans Unicode','Lucida Grande','Lucida Sans',Arial,sans-serif;
  110. font-size: 1.1em;
  111. }
  112. /* Article */
  113. article p a, article ol a, article div.article-content ul:not(.articles_timeline) a {
  114. color:#000;
  115. border-bottom: thin dashed #A9A9A9;
  116. }
  117. article p a:hover, article ol a:hover, article div.article-content ul:not(.articles_timeline) a:hover {
  118. text-shadow: none;
  119. text-decoration: none;
  120. border-bottom: none;
  121. }
  122. .article-content {
  123. text-align: justify;
  124. max-width: 50em;
  125. font-family: 'PT Serif', Georgia, Times, 'Times New Roman', serif;
  126. font-size: 1.2em;
  127. }
  128. .article-content p {
  129. font-variant: normal;
  130. text-transform: none;
  131. font-size: inherit;
  132. line-height: 1.6em;
  133. margin: 20px 0;
  134. }
  135. .article-content blockquote {
  136. padding: 0 0 0 20px;
  137. margin: 20px 0;
  138. margin-left: 2em;
  139. border-left: 0;
  140. }
  141. .article-content blockquote:before {
  142. content: '\f10d';
  143. font-family: FontAwesome;
  144. font-style: normal;
  145. font-weight: normal;
  146. text-decoration: inherit;
  147. font-size: 18px;
  148. color: #646464;
  149. margin-left: -2em;
  150. }
  151. .article-content blockquote p {
  152. font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  153. font-variant: normal;
  154. text-transform: none;
  155. font-size: inherit;
  156. line-height: 1.7em;
  157. margin-top:-20px;
  158. }
  159. .article-content ul {
  160. list-style-type: circle;
  161. font-size: inherit;
  162. }
  163. .article-content ol {
  164. list-style-type: decimal;
  165. font-size: inherit;
  166. }
  167. .article-content li {
  168. margin: 1px 0 1px 20px;
  169. list-style-position: outside;
  170. line-height: 1.7em;
  171. }
  172. .article-content dl {
  173. list-style-type: decimal;
  174. font-size: inherit;
  175. list-style-position: outside;
  176. margin: 20px 0 20px 20px;
  177. }
  178. .article-content dd {
  179. margin: 1px 0 1px 20px;
  180. padding: 3px 0;
  181. line-height: 1.7em;
  182. }
  183. .article-content dt {
  184. font-size: inherit;
  185. }
  186. .page_header h1 {
  187. color:#8B0000;
  188. padding: 5px 5px 15px;
  189. margin: 20px 0;
  190. border-bottom: 1px solid #8f8686;
  191. font-size: 3em;
  192. font-weight: normal;
  193. }
  194. .page_header h1 small {
  195. color: #8f7474;
  196. }
  197. .page_header h1 a {
  198. color:#8B0000;
  199. }
  200. .page_header h1 a:hover {
  201. text-decoration: none;
  202. }
  203. ul.articles_timeline {
  204. list-style: none;
  205. margin: 0;
  206. padding-bottom: 30px;
  207. }
  208. ul.articles_timeline li.next_article {
  209. float: right;
  210. margin: 0;
  211. }
  212. ul.articles_timeline li.previous_article {
  213. float: left;
  214. margin: 0;
  215. }
  216. .sidebar-social-links {
  217. font-size: 1.2em;
  218. color: #646464;
  219. text-decoration: none;
  220. padding-right: 3px;
  221. }
  222. .sidebar-social-links i:hover {
  223. color: #000;
  224. }
  225. .table-of-content .toc {
  226. font-size: .7em;
  227. }
  228. .last-updated a {
  229. color: #333;
  230. }
  231. .last-updated a:hover {
  232. text-decoration: none;
  233. }
  234. .article-content img {
  235. padding: 5px;
  236. border: 2px solid #EEE;
  237. }
  238. /* Perma link in article */
  239. h1:hover > a.headerlink,
  240. h2:hover > a.headerlink,
  241. h3:hover > a.headerlink,
  242. h4:hover > a.headerlink,
  243. h5:hover > a.headerlink,
  244. h6:hover > a.headerlink,
  245. dt:hover > a.headerlink {
  246. visibility: visible;
  247. text-decoration: none;
  248. }
  249. a.headerlink {
  250. visibility: hidden;
  251. padding-left:.5em;
  252. color: grey;
  253. }
  254. /* Categories */
  255. .list-of-categories span {
  256. vertical-align: super;
  257. font-size: .7em;
  258. }
  259. a.list-of-categories {
  260. text-decoration: none;
  261. }
  262. ul.list-articles-category {
  263. list-style: none outside none;
  264. margin: 0 0 0 5px;
  265. }
  266. ul.list-articles-category li span {
  267. margin-right: 10px;
  268. color:#AAA;
  269. font-family:'PT Sans','Helvetica Neue',Arial,sans-serif;
  270. font-size: .9em;
  271. }
  272. a.category-link {
  273. color: #333;
  274. }
  275. a.category-link:hover {
  276. text-decoration: none;
  277. }
  278. a.list-of-categories {
  279. font-size: 1.1em;
  280. font-family: 'Trebuchet MS',Trebuchet,'Lucida Sans Unicode','Lucida Grande','Lucida Sans',Arial,sans-serif;
  281. }
  282. a.list-of-categories:hover {
  283. color: #FFF;
  284. background-color: #08c;
  285. border-radius: 4px;
  286. }
  287. /* Archives */
  288. ul.list-all-articles {
  289. list-style: none;
  290. margin: 0;
  291. }
  292. ul.list-all-articles li {
  293. border-bottom: 1px dotted #000;
  294. padding:.3em 0;
  295. font-size: 1.1em;
  296. font-family: 'Trebuchet MS',Trebuchet,'Lucida Sans Unicode','Lucida Grande','Lucida Sans',Arial,sans-serif;
  297. }
  298. ul.list-all-articles li time {
  299. float: right;
  300. color:#AAA;
  301. font-family:'PT Sans','Helvetica Neue',Arial,sans-serif;
  302. font-size: .9em;
  303. }
  304. /* MailChimp */
  305. #mc_embed_signup {
  306. font-size: inherit;
  307. font-family: inherit;
  308. margin: 10px 0;
  309. }
  310. #mc_embed_signup form {
  311. padding: 0;
  312. }
  313. #mc_embed_signup input.button {
  314. width: 100%
  315. }
  316. #mc_embed_signup input.email {
  317. width: 100%;
  318. font-size: .9em;
  319. }
  320. #mc_embed_signup .button {
  321. font-size: 1em;
  322. font-weight: normal;
  323. color: #000;
  324. background-color: #EEE;
  325. border: 1px solid #D3D3D3;
  326. }
  327. #mc_embed_signup .button:hover {
  328. background-color: #DFDFDF;
  329. }
  330. #mc_embed_signup input[type='email'] {
  331. height: 100%;
  332. }
  333. /* Index page */
  334. #allposts {
  335. color: #999;
  336. font-size: 75%;
  337. float: right;
  338. font-weight: normal;
  339. }
  340. .proj_desc {
  341. color: #999;
  342. font-family:'PT Sans','Helvetica Neue',Arial,sans-serif;
  343. font-size: .9em;
  344. }
  345. .amp {
  346. font-family:'Warnock Pro', 'Goudy Old Style','Palatino','Book Antiqua',serif;
  347. font-style: italic;
  348. }