elegant.css 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448
  1. /* Solarized Light Theme for code snippets */
  2. .hll { background-color: #ffffcc }
  3. .c { color: #93a1a1; font-style: italic } /* Comment */
  4. .err { color: #dc322f } /* Error */
  5. .g { color: #657b83 } /* Generic */
  6. .k { color: #859900 } /* Keyword */
  7. .l { color: #657b83 } /* Literal */
  8. .n { color: #586e75 } /* Name */
  9. .o { color: #657b83 } /* Operator */
  10. .x { color: #657b83 } /* Other */
  11. .p { color: #657b83 } /* Punctuation */
  12. .cm { color: #93a1a1; font-style: italic } /* Comment.Multiline */
  13. .cp { color: #93a1a1; font-style: italic } /* Comment.Preproc */
  14. .c1 { color: #93a1a1; font-style: italic } /* Comment.Single */
  15. .cs { color: #93a1a1; font-style: italic } /* Comment.Special */
  16. .gd { color: #657b83 } /* Generic.Deleted */
  17. .ge { color: #657b83 } /* Generic.Emph */
  18. .gr { color: #657b83 } /* Generic.Error */
  19. .gh { color: #657b83 } /* Generic.Heading */
  20. .gi { color: #657b83 } /* Generic.Inserted */
  21. .go { color: #657b83 } /* Generic.Output */
  22. .gp { color: #657b83 } /* Generic.Prompt */
  23. .gs { color: #657b83 } /* Generic.Strong */
  24. .gu { color: #657b83 } /* Generic.Subheading */
  25. .gt { color: #657b83 } /* Generic.Traceback */
  26. .kc { color: #859900 } /* Keyword.Constant */
  27. .kd { color: #859900 } /* Keyword.Declaration */
  28. .kn { color: #cb4b16 } /* Keyword.Namespace */
  29. .kp { color: #cb4b16 } /* Keyword.Pseudo */
  30. .kr { color: #859900 } /* Keyword.Reserved */
  31. .kt { color: #859900 } /* Keyword.Type */
  32. .ld { color: #657b83 } /* Literal.Date */
  33. .m { color: #2aa198 } /* Literal.Number */
  34. .s { color: #2aa198 } /* Literal.String */
  35. .na { color: #657b83 } /* Name.Attribute */
  36. .nb { color: #268bd2 } /* Name.Builtin */
  37. .nc { color: #268bd2 } /* Name.Class */
  38. .no { color: #b58900 } /* Name.Constant */
  39. .nd { color: #cb4b16 } /* Name.Decorator */
  40. .ni { color: #cb4b16 } /* Name.Entity */
  41. .ne { color: #cb4b16 } /* Name.Exception */
  42. .nf { color: #268bd2 } /* Name.Function */
  43. .nl { color: #657b83 } /* Name.Label */
  44. .nn { color: #b58900 } /* Name.Namespace */
  45. .nx { color: #657b83 } /* Name.Other */
  46. .py { color: #268bd2 } /* Name.Property */
  47. .nt { color: #859900 } /* Name.Tag */
  48. .nv { color: #cd4b16 } /* Name.Variable */
  49. .ow { color: #859900 } /* Operator.Word */
  50. .w { color: #fdf6e3 } /* Text.Whitespace */
  51. .mf { color: #2aa198 } /* Literal.Number.Float */
  52. .mh { color: #2aa198 } /* Literal.Number.Hex */
  53. .mi { color: #2aa198 } /* Literal.Number.Integer */
  54. .mo { color: #2aa198 } /* Literal.Number.Oct */
  55. .sb { color: #2aa198 } /* Literal.String.Backtick */
  56. .sc { color: #2aa198 } /* Literal.String.Char */
  57. .sd { color: #2aa198 } /* Literal.String.Doc */
  58. .s2 { color: #2aa198 } /* Literal.String.Double */
  59. .se { color: #cb4b16 } /* Literal.String.Escape */
  60. .sh { color: #2aa198 } /* Literal.String.Heredoc */
  61. .si { color: #cb4b16 } /* Literal.String.Interpol */
  62. .sx { color: #2aa198 } /* Literal.String.Other */
  63. .sr { color: #2aa198 } /* Literal.String.Regex */
  64. .s1 { color: #2aa198 } /* Literal.String.Single */
  65. .ss { color: #2aa198 } /* Literal.String.Symbol */
  66. .bp { color: #268bd2; font-weight: bold } /* Name.Builtin.Pseudo */
  67. .vc { color: #268bd2 } /* Name.Variable.Class */
  68. .vg { color: #268bd2 } /* Name.Variable.Global */
  69. .vi { color: #268bd2 } /* Name.Variable.Instance */
  70. .il { color: #2aa198 } /* Literal.Number.Integer.Long */
  71. /* Base */
  72. body,
  73. html {
  74. height: 100%;
  75. }
  76. #content-sans-footer {
  77. min-height: 100%;
  78. }
  79. h1,
  80. h2,
  81. h3,
  82. h4,
  83. h5,
  84. h5 {
  85. font-family: Baskerville, Garamond, Georgia, 'DejaVu Serif', 'Times New Roman', Times, Serif;
  86. font-weight: normal;
  87. }
  88. a {
  89. color: #3875d7;
  90. }
  91. /* site title */
  92. .site-name {
  93. font-family: 'Monaco', 'Inconsolata', 'Andale Mono', 'Lucida Console', 'Bitstream Vera Sans Mono', 'Courier New', Courier, Monospace;
  94. }
  95. /* Top navigation menu */
  96. ul.top-menu li a {
  97. font-weight: bold;
  98. }
  99. /* Footer */
  100. div#footer {
  101. border-top: 1px solid rgba(0, 0, 0, .2);
  102. font-family: Calibri, Tahoma, Arial, Sans-Serif;
  103. font-size:.7em;
  104. margin: 15px 0;
  105. padding: 2px 5px 0;
  106. }
  107. ul.footer-content {
  108. list-style: none;
  109. margin: 0;
  110. padding: 0;
  111. }
  112. ul.footer-content li {
  113. padding-left: 5px;
  114. }
  115. ul.footer-content li.elegant-power {
  116. float: right;
  117. }
  118. ul.footer-content li.elegant-license {
  119. float: left;
  120. }
  121. ul.footer-content li.elegant-subtitle {
  122. float: left;
  123. }
  124. /* comment */
  125. #comment-message {
  126. color: #808080;
  127. font-family: 'PT Serif', Georgia, Times, 'Times New Roman', Serif;
  128. font-size: 1em;
  129. }
  130. a.disqus-comment-count {
  131. font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, Sans-Serif;
  132. font-size: .9em;
  133. }
  134. div#disqus_thread {
  135. padding-left: 10px;
  136. padding-right: 10px;
  137. }
  138. /* Syntax Highlight */
  139. .highlight pre {
  140. background-color: #fdf6e3;
  141. border-radius: 3px 3px 3px 3px;
  142. }
  143. td.code .highlight pre {
  144. border-radius: 0 3px 3px 0;
  145. }
  146. td.code {
  147. width: 100%;
  148. }
  149. .linenodiv pre {
  150. background-color: #eee8d5;
  151. border-radius: 3px 0 0 3px;
  152. color: #657b83;
  153. }
  154. /* Tags */
  155. .list-of-tags {
  156. font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  157. list-style: none;
  158. margin: 0;
  159. overflow: hidden;
  160. }
  161. .list-of-tags li {
  162. float: left;
  163. line-height: 28px;
  164. margin: 0;
  165. }
  166. .list-of-tags a {
  167. background: #EEE;
  168. border-radius: 3px;
  169. color: #222;
  170. margin: 2px;
  171. padding: 3px 6px;
  172. text-decoration: none;
  173. }
  174. .list-of-tags a span {
  175. font-size: .8em;
  176. vertical-align: super;
  177. }
  178. .tags-in-article li {
  179. float: none;
  180. line-height: 28px;
  181. }
  182. h2.tag-title {
  183. font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, Sans-Serif;
  184. }
  185. ul.articles-in-tag li {
  186. font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, Sans-Serif;
  187. font-size: 1.1em;
  188. }
  189. /* Article */
  190. article p a,
  191. article ol a,
  192. article div.article-content ul:not(.articles_timeline) a {
  193. border-bottom: thin dashed #A9A9A9;
  194. color: #000;
  195. }
  196. article p a:hover,
  197. article ol a:hover,
  198. article div.article-content ul:not(.articles_timeline) a:hover {
  199. border-bottom: none;
  200. text-decoration: none;
  201. text-shadow: none;
  202. }
  203. .article-content {
  204. font-family: 'PT Serif', Georgia, Times, 'Times New Roman', Serif;
  205. font-size: 1.2em;
  206. max-width: 50em;
  207. text-align: justify;
  208. }
  209. .article-content p {
  210. font-size: inherit;
  211. font-variant: normal;
  212. line-height: 1.6em;
  213. margin: 20px 0;
  214. text-transform: none;
  215. }
  216. .article-content blockquote {
  217. border-left: 0;
  218. margin: 20px 0 0 2em;
  219. padding: 0 0 0 20px;
  220. }
  221. .article-content blockquote:before {
  222. color: #646464;
  223. content: '\f10d';
  224. font-family: FontAwesome;
  225. font-size: 18px;
  226. font-style: normal;
  227. font-weight: normal;
  228. margin-left: -2em;
  229. text-decoration: inherit;
  230. }
  231. .article-content blockquote p {
  232. font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  233. font-size: inherit;
  234. font-variant: normal;
  235. line-height: 1.7em;
  236. margin-top:-20px;
  237. text-transform: none;
  238. }
  239. .article-content ul {
  240. font-size: inherit;
  241. list-style-type: circle;
  242. }
  243. .article-content ol {
  244. font-size: inherit;
  245. list-style-type: decimal;
  246. }
  247. .article-content li {
  248. line-height: 1.7em;
  249. list-style-position: outside;
  250. margin: 1px 0 1px 20px;
  251. }
  252. .article-content dl {
  253. font-size: inherit;
  254. list-style-position: outside;
  255. list-style-type: decimal;
  256. margin: 20px 0 20px 20px;
  257. }
  258. .article-content dd {
  259. line-height: 1.7em;
  260. margin: 1px 0 1px 20px;
  261. padding: 3px 0;
  262. }
  263. .article-content dt {
  264. font-size: inherit;
  265. }
  266. .page_header h1 {
  267. border-bottom: 1px solid #8f8686;
  268. color: #8B0000;
  269. font-size: 3em;
  270. font-weight: normal;
  271. margin: 20px 0;
  272. padding: 5px 5px 15px;
  273. }
  274. .page_header h1 small {
  275. color: #8f7474;
  276. }
  277. .page_header h1 a {
  278. color: #8B0000;
  279. }
  280. .page_header h1 a:hover {
  281. text-decoration: none;
  282. }
  283. ul.articles_timeline {
  284. list-style: none;
  285. margin: 0;
  286. padding-bottom: 30px;
  287. }
  288. ul.articles_timeline li.next_article {
  289. float: right;
  290. margin: 0;
  291. }
  292. ul.articles_timeline li.previous_article {
  293. float: left;
  294. margin: 0;
  295. }
  296. .sidebar-social-links {
  297. color: #646464;
  298. font-size: 1.2em;
  299. padding-right: 3px;
  300. text-decoration: none;
  301. }
  302. .sidebar-social-links i:hover {
  303. color: #000;
  304. }
  305. .table-of-content .toc {
  306. font-size: .7em;
  307. }
  308. .last-updated a {
  309. color: #333;
  310. }
  311. .last-updated a:hover {
  312. text-decoration: none;
  313. }
  314. .article-content img {
  315. border: 2px solid #EEE;
  316. padding: 5px;
  317. }
  318. /* Perma link in article */
  319. h1:hover > a.headerlink,
  320. h2:hover > a.headerlink,
  321. h3:hover > a.headerlink,
  322. h4:hover > a.headerlink,
  323. h5:hover > a.headerlink,
  324. h6:hover > a.headerlink,
  325. dt:hover > a.headerlink {
  326. text-decoration: none;
  327. visibility: visible;
  328. }
  329. a.headerlink {
  330. color: grey;
  331. padding-left:.5em;
  332. visibility: hidden;
  333. }
  334. /* Categories */
  335. .list-of-categories span {
  336. font-size: .7em;
  337. vertical-align: super;
  338. }
  339. a.list-of-categories {
  340. text-decoration: none;
  341. }
  342. ul.list-articles-category {
  343. list-style: none outside none;
  344. margin: 0 0 0 5px;
  345. }
  346. ul.list-articles-category li span {
  347. color: #AAA;
  348. font-family: 'PT Sans', 'Helvetica Neue', Arial, Sans-Serif;
  349. font-size: .9em;
  350. margin-right: 10px;
  351. }
  352. a.category-link {
  353. color: #333;
  354. }
  355. a.category-link:hover {
  356. text-decoration: none;
  357. }
  358. a.list-of-categories {
  359. font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, Sans-Serif;
  360. font-size: 1.1em;
  361. }
  362. a.list-of-categories:hover {
  363. background-color: #08c;
  364. border-radius: 4px;
  365. color: #FFF;
  366. }
  367. /* Archives */
  368. ul.list-all-articles {
  369. list-style: none;
  370. margin: 0;
  371. }
  372. ul.list-all-articles li {
  373. border-bottom: 1px dotted #000;
  374. font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, Sans-Serif;
  375. font-size: 1.1em;
  376. padding:.3em 0;
  377. }
  378. ul.list-all-articles li time {
  379. color: #AAA;
  380. float: right;
  381. font-family: 'PT Sans', 'Helvetica Neue', Arial, Sans-Serif;
  382. font-size: .9em;
  383. }
  384. /* MailChimp */
  385. /* MailChimp Form Embed Code - Slim - 08/17/2011
  386. * http://cdn-images.mailchimp.com/embedcode/slim-081711.css */
  387. #mc_embed_signup form {display:block; position:relative; text-align:left;}
  388. #mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
  389. #mc_embed_signup input:focus {border-color:#333;}
  390. #mc_embed_signup .button {clear:both; border-radius:4px; cursor: pointer; display: inline-block; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
  391. #mc_embed_signup .clear {clear:none; display:inline;}
  392. #mc_embed_signup input.email {display:block; padding:8px 0; margin:0 4% 10px 0; text-indent:5px; min-width:130px;}
  393. #mc_embed_signup input.button {display:block; margin:0 0 10px 0; min-width:90px;}
  394. /* end of code copied from Mailchimp provided CSS file */
  395. #mc_embed_signup {
  396. font-family: inherit;
  397. font-size: inherit;
  398. margin: 10px 0;
  399. }
  400. #mc_embed_signup form {
  401. padding: 0;
  402. }
  403. #mc_embed_signup input.button {
  404. width: 100%
  405. }
  406. #mc_embed_signup input.email {
  407. font-size: .9em;
  408. width: 100%;
  409. }
  410. #mc_embed_signup .button {
  411. background-color: #EEE;
  412. border: 1px solid #D3D3D3;
  413. color: #000;
  414. font-size: 1em;
  415. font-weight: normal;
  416. }
  417. #mc_embed_signup .button:hover {
  418. background-color: #DFDFDF;
  419. }
  420. #mc_embed_signup input[type='email'] {
  421. height: 100%;
  422. }
  423. /* Index page */
  424. #allposts {
  425. color: #999;
  426. float: right;
  427. font-size: 75%;
  428. font-weight: normal;
  429. }
  430. .proj_desc {
  431. color: #999;
  432. font-family: 'PT Sans', 'Helvetica Neue', Arial, Sans-Serif;
  433. font-size: .9em;
  434. }
  435. /* reST specific rules*/
  436. .literal {
  437. background-color: #f7f7f9;
  438. border: 1px solid #e1e1e8;
  439. color: #d14;
  440. padding: 2px 4px;
  441. white-space: nowrap;
  442. }
  443. .amp {
  444. font-family: 'Warnock Pro', 'Goudy Old Style', 'Palatino', 'Book Antiqua', Serif;
  445. font-style: italic;
  446. }