elegant.css 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660
  1. /* Solarized Light Theme for code snippets */
  2. .hll { background-color: #ffc }
  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. /*
  72. Tipue Search 3.0.1
  73. Copyright (c) 2013 Tipue
  74. Tipue Search is released under the MIT License
  75. http://www.tipue.com/search
  76. */
  77. #tipue_search_content
  78. {
  79. clear: left;
  80. margin: 0;
  81. max-width: 650px;
  82. padding: 25px 0 13px 0;
  83. }
  84. #tipue_search_loading
  85. {
  86. background: #fff url('img/loader.gif') no-repeat left;
  87. padding-top: 60px;
  88. }
  89. #tipue_search_warning
  90. {
  91. color: #333;
  92. font: 12px/1.6 'Helvetica Neue', Helvetica, 'Gill Sans', 'Gill Sans MT', Calibri, Arial, Sans-Serif;
  93. margin: 7px 0;
  94. }
  95. #tipue_search_warning a
  96. {
  97. color: #3f72d8;
  98. text-decoration: none;
  99. }
  100. #tipue_search_warning a:hover
  101. {
  102. border-bottom: 1px solid #ccc;
  103. padding-bottom: 1px;
  104. }
  105. #tipue_search_results_count, #tipue_search_warning_head
  106. {
  107. border-bottom: 1px solid rgb(143, 134, 134);
  108. color: darkred;
  109. font-family: Baskerville, Garamond, Georgia, "DejaVu Serif", "Times New Roman", Times, Serif;
  110. font-size: 3em;
  111. font-weight: normal;
  112. margin: 20px 0 20px 0;
  113. padding: 5px 5px 15px 5px;
  114. }
  115. .tipue_search_content_title
  116. {
  117. font: 300 23px/1.6 'Helvetica Neue', Helvetica, 'Gill Sans', 'Gill Sans MT', Calibri, Arial, Sans-Serif;
  118. margin-top: 20px;
  119. }
  120. .tipue_search_content_title a
  121. {
  122. color: #3f72d8;
  123. text-decoration: none;
  124. }
  125. .tipue_search_content_title a:hover
  126. {
  127. border-bottom: 1px solid #ccc;
  128. padding-bottom: 1px;
  129. }
  130. .tipue_search_content_text
  131. {
  132. color: #333;
  133. font-family: Scala, Georgia, "DejaVu Serif", "Times New Roman", Times, Serif;
  134. font-size: 1em;
  135. font-variant: normal;
  136. line-height: 1.6em;
  137. padding: 13px 0;
  138. text-transform: none;
  139. }
  140. .tipue_search_content_text b {
  141. color: #EF1D1D;
  142. font-family: Garamond;
  143. font-size: 1.3em;
  144. }
  145. .tipue_search_content_loc
  146. {
  147. font: 300 13px/1.7 'Helvetica Neue', Helvetica, 'Gill Sans', 'Gill Sans MT', Calibri, Arial, Sans-Serif;
  148. overflow: auto;
  149. }
  150. .tipue_search_content_loc a
  151. {
  152. color: #555;
  153. text-decoration: none;
  154. }
  155. .tipue_search_content_loc a:hover
  156. {
  157. border-bottom: 1px solid #ccc;
  158. padding-bottom: 1px;
  159. }
  160. #tipue_search_foot
  161. {
  162. margin: 51px 0 21px 0;
  163. }
  164. #tipue_search_foot_boxes
  165. {
  166. font: 12px/1 'Helvetica Neue', Helvetica, 'Gill Sans', 'Gill Sans MT', Calibri, Arial, Sans-Serif;
  167. margin: 0;
  168. padding: 0;
  169. }
  170. #tipue_search_foot_boxes li
  171. {
  172. display: inline;
  173. list-style: none;
  174. margin: 0;
  175. padding: 0;
  176. }
  177. #tipue_search_foot_boxes li a
  178. {
  179. background-color: #f1f1f1;
  180. border-radius: 1px;
  181. border: 1px solid #dcdcdc;
  182. color: #333;
  183. margin-right: 7px;
  184. padding: 7px 13px 8px 13px;
  185. text-align: center;
  186. text-decoration: none;
  187. }
  188. #tipue_search_foot_boxes li.current
  189. {
  190. background: #fff;
  191. border-radius: 1px;
  192. border: 1px solid #dcdcdc;
  193. color: #333;
  194. margin-right: 7px;
  195. padding: 7px 13px 8px 13px;
  196. text-align: center;
  197. }
  198. #tipue_search_foot_boxes li a:hover
  199. {
  200. background-color: #f3f3f3;
  201. border: 1px solid #ccc;
  202. }
  203. /* Base */
  204. body,
  205. html {
  206. height: 100%;
  207. }
  208. #content-sans-footer {
  209. min-height: 100%;
  210. }
  211. h1,
  212. h2,
  213. h3,
  214. h4,
  215. h5,
  216. h6 {
  217. font-family: Baskerville, Garamond, Georgia, 'DejaVu Serif', 'Times New Roman', Times, Serif;
  218. font-weight: normal;
  219. }
  220. a {
  221. color: #3875d7;
  222. }
  223. /* site title */
  224. .site-name {
  225. font-family: 'Monaco', 'Inconsolata', 'Andale Mono', 'Lucida Console', 'Bitstream Vera Sans Mono', 'Courier New', Courier, Monospace;
  226. }
  227. /* Top navigation menu */
  228. .top-menu li a {
  229. font-weight: bold;
  230. }
  231. /* Footer */
  232. #footer {
  233. border-top: 1px solid rgba(0, 0, 0, .2);
  234. font: .7em Calibri, Tahoma, Arial, Sans-Serif;
  235. margin: 15px 0;
  236. padding: 2px 5px 0;
  237. }
  238. ul.footer-content {
  239. list-style: none;
  240. margin: 0;
  241. padding: 0;
  242. }
  243. ul.footer-content li {
  244. padding-left: 5px;
  245. }
  246. .elegant-power {
  247. float: right;
  248. }
  249. .elegant-license {
  250. float: left;
  251. }
  252. .elegant-subtitle {
  253. float: left;
  254. }
  255. /* comment */
  256. #comment-message {
  257. color: #808080;
  258. }
  259. .disqus-comment-count {
  260. font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, Sans-Serif;
  261. font-size: .9em;
  262. }
  263. #disqus_thread {
  264. padding-left: 10px;
  265. padding-right: 10px;
  266. }
  267. /* Syntax Highlight */
  268. table {
  269. table-layout: fixed;
  270. width: 100%;
  271. }
  272. td {
  273. vertical-align: top;
  274. }
  275. @media (max-width:979px) {
  276. .linenos {
  277. display:none !important;
  278. }
  279. }
  280. .linenos {
  281. width: 30px;
  282. }
  283. .linenos div pre {
  284. text-align: right;
  285. overflow: hidden;
  286. }
  287. pre {
  288. overflow: auto;
  289. white-space: pre;
  290. word-break: normal;
  291. word-wrap: normal;
  292. }
  293. .highlight pre {
  294. background-color: #fdf6e3;
  295. border-radius: 3px 3px 3px 3px;
  296. }
  297. td.code .highlight pre {
  298. border-radius: 0 3px 3px 0;
  299. }
  300. td.code {
  301. width: 100%;
  302. }
  303. .linenodiv pre {
  304. background-color: #eee8d5;
  305. border-radius: 3px 0 0 3px;
  306. color: #657b83;
  307. }
  308. div.highlight {
  309. margin-bottom: 20px;
  310. }
  311. /* Tags */
  312. .list-of-tags {
  313. font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  314. list-style: none;
  315. margin: 0;
  316. overflow: hidden;
  317. }
  318. .list-of-tags li {
  319. float: left;
  320. line-height: 28px;
  321. margin: 0;
  322. }
  323. .list-of-tags a {
  324. background: #EEE;
  325. border-radius: 3px;
  326. color: #222;
  327. margin: 2px;
  328. padding: 3px 6px;
  329. text-decoration: none;
  330. }
  331. .list-of-tags a span {
  332. font-size: .8em;
  333. vertical-align: super;
  334. }
  335. .tags-in-article li {
  336. float: none;
  337. line-height: 28px;
  338. }
  339. .tag-title {
  340. font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, Sans-Serif;
  341. }
  342. .articles-in-tag li {
  343. font: 1.1em/1.6em 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, Sans-Serif;
  344. }
  345. /* Article */
  346. article p a,
  347. article ol a,
  348. article div.article-content ul:not(.articles-timeline) a {
  349. border-bottom: thin dashed #A9A9A9;
  350. color: #000;
  351. }
  352. article p a:hover,
  353. article ol a:hover,
  354. article div.article-content ul:not(.articles-timeline) a:hover {
  355. border-bottom: none;
  356. text-decoration: none;
  357. text-shadow: none;
  358. }
  359. .article-content {
  360. font: 1.2em/1.6em 'PT Serif', Georgia, Times, 'Times New Roman', Serif;
  361. max-width: 50em;
  362. text-align: justify;
  363. }
  364. .article-content p {
  365. font-size: inherit;
  366. font-variant: normal;
  367. line-height: 1.6em;
  368. margin: 20px 0;
  369. text-transform: none;
  370. }
  371. .article-content blockquote {
  372. border-left: 0;
  373. margin: 20px 0 0 2em;
  374. padding: 0 0 0 20px;
  375. }
  376. .article-content blockquote:before {
  377. color: #646464;
  378. content: '\f10d';
  379. font: 18px FontAwesome;
  380. font-style: normal;
  381. font-weight: normal;
  382. margin-left: -2em;
  383. text-decoration: inherit;
  384. position:absolute;
  385. }
  386. .article-content blockquote {
  387. font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  388. font-size: inherit;
  389. font-variant: normal;
  390. line-height: 1.7em;
  391. text-transform: none;
  392. font-weight: 300;
  393. position:relative;
  394. }
  395. .article-content ul {
  396. font-size: inherit;
  397. list-style-type: circle;
  398. }
  399. .article-content ol {
  400. font-size: inherit;
  401. list-style-type: decimal;
  402. }
  403. .article-content li {
  404. line-height: 1.7em;
  405. list-style-position: outside;
  406. margin: 1px 0 1px 20px;
  407. }
  408. .article-content dl {
  409. font-size: inherit;
  410. list-style-position: outside;
  411. list-style-type: decimal;
  412. margin: 20px 0 20px 20px;
  413. }
  414. .article-content dd {
  415. line-height: 1.7em;
  416. margin: 1px 0 1px 20px;
  417. padding: 3px 0;
  418. }
  419. .article-content dt {
  420. font-size: inherit;
  421. }
  422. .page-header {
  423. border-bottom: 1px solid #8f8686;
  424. color: #8B0000;
  425. font-size: 3em;
  426. font-weight: normal;
  427. margin: 20px 0;
  428. padding: 5px 5px 15px;
  429. }
  430. .page-header small {
  431. color: #8f7474;
  432. }
  433. .page-header a {
  434. color: #8B0000;
  435. }
  436. .page-header a:hover, .page-header a:focus {
  437. text-decoration: none;
  438. }
  439. ul.articles-timeline {
  440. list-style: none;
  441. margin: 0;
  442. padding-bottom: 30px;
  443. }
  444. ul.articles-timeline .next-article {
  445. float: right;
  446. margin: 0;
  447. }
  448. ul.articles-timeline .previous-article {
  449. float: left;
  450. margin: 0;
  451. }
  452. .sidebar-social-links {
  453. color: #646464;
  454. font-size: 1.2em;
  455. padding-right: 3px;
  456. text-decoration: none;
  457. }
  458. .sidebar-social-links i:hover {
  459. color: #000;
  460. }
  461. .table-of-content .toc {
  462. font-size: .7em;
  463. }
  464. .last-updated a {
  465. color: #333;
  466. }
  467. .last-updated a:hover {
  468. text-decoration: none;
  469. }
  470. .article-content img {
  471. border: 2px solid #EEE;
  472. padding: 5px;
  473. }
  474. /* Perma link in article */
  475. h1:hover > a.headerlink,
  476. h2:hover > a.headerlink,
  477. h3:hover > a.headerlink,
  478. h4:hover > a.headerlink,
  479. h5:hover > a.headerlink,
  480. h6:hover > a.headerlink,
  481. dt:hover > a.headerlink {
  482. text-decoration: none;
  483. visibility: visible;
  484. }
  485. a.headerlink {
  486. color: grey;
  487. padding-left: .5em;
  488. visibility: hidden;
  489. }
  490. /* Categories */
  491. .list-of-categories span {
  492. font-size: .7em;
  493. vertical-align: super;
  494. }
  495. a.list-of-categories {
  496. text-decoration: none;
  497. }
  498. ul.list-articles-category {
  499. list-style: none outside none;
  500. margin: 0 0 0 5px;
  501. }
  502. ul.list-articles-category li span {
  503. color: #AAA;
  504. font: .9em 'PT Sans', 'Helvetica Neue', Arial, Sans-Serif;
  505. margin-right: 10px;
  506. }
  507. a.category-link {
  508. color: #333;
  509. }
  510. a.category-link:hover {
  511. text-decoration: none;
  512. }
  513. a.list-of-categories {
  514. font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, Sans-Serif;
  515. font-size: 1.1em;
  516. }
  517. a.list-of-categories:hover {
  518. background-color: #08c;
  519. border-radius: 4px;
  520. color: #FFF;
  521. }
  522. /* Archives */
  523. ul.list-all-articles {
  524. list-style: none;
  525. margin: 0;
  526. }
  527. ul.list-all-articles li {
  528. border-bottom: 1px dotted #000;
  529. font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, Sans-Serif;
  530. font-size: 1.1em;
  531. padding: .3em 0;
  532. overflow: auto;
  533. }
  534. ul.list-all-articles li time {
  535. color: #AAA;
  536. float: right;
  537. font-family: 'PT Sans', 'Helvetica Neue', Arial, Sans-Serif;
  538. font-size: .9em;
  539. }
  540. /* MailChimp */
  541. #mc-embed-signup {
  542. font-family: inherit;
  543. font-size: inherit;
  544. margin: 10px 0;
  545. }
  546. #mc-embed-signup form {
  547. display: block;
  548. padding: 0;
  549. position: relative;
  550. text-align: left;
  551. }
  552. #mc-embed-signup input {
  553. -moz-appearance: none;
  554. -webkit-appearance: none;
  555. border: 1px solid #999;
  556. }
  557. #mc-embed-signup input:focus {
  558. border-color: #333;
  559. }
  560. #mc-embed-signup input.email {
  561. display: block;
  562. font-size: .9em;
  563. margin: 0 4% 10px 0;
  564. min-width: 130px;
  565. padding: 8px 0;
  566. text-indent: 5px;
  567. width: 100%;
  568. }
  569. #mc-embed-signup input.button {
  570. display: block;
  571. margin: 0 0 10px 0;
  572. min-width: 130px;
  573. width: 100%;
  574. }
  575. #mc-embed-signup input[type='email'] {
  576. height: 100%;
  577. }
  578. #mc-embed-signup .button {
  579. background-color: #EEE;
  580. border-radius: 4px;
  581. border: 1px solid #D3D3D3;
  582. clear: both;
  583. color: #000;
  584. cursor: pointer;
  585. display: inline-block;
  586. font-size: 1em;
  587. font-weight: normal;
  588. height: 32px;
  589. line-height: 32px;
  590. margin: 0 5px 10px 0;
  591. padding: 0;
  592. text-align: center;
  593. text-decoration: none;
  594. vertical-align: top;
  595. white-space: nowrap;
  596. width: auto;
  597. }
  598. #mc-embed-signup .button: hover {
  599. background-color: #DFDFDF;
  600. }
  601. #mc-embed-signup .clear {
  602. clear: none;
  603. display: inline;
  604. }
  605. /* Index page */
  606. #allposts {
  607. color: #999;
  608. float: right;
  609. font-size: 75%;
  610. font-weight: normal;
  611. }
  612. .proj-desc {
  613. color: #999;
  614. font: .9em 'PT Sans', 'Helvetica Neue', Arial, Sans-Serif;
  615. }
  616. /* reST specific rules*/
  617. .literal {
  618. -moz-border-radius: 3px;
  619. -webkit-border-radius: 3px;
  620. background-color: #f7f7f9;
  621. border-radius: 3px;
  622. border: 1px solid #e1e1e8;
  623. color: #d14;
  624. font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  625. font-size: 12px;
  626. padding: 2px 4px;
  627. white-space: nowrap;
  628. }
  629. /* Helper CSS classes */
  630. .amp {
  631. font-family: 'Warnock Pro', 'Goudy Old Style', 'Palatino', 'Book Antiqua', Serif;
  632. font-style: italic;
  633. }
  634. /* Use following classes to add floating images to your post */
  635. div.figure, .article-content img {
  636. text-align: center;
  637. }
  638. div.figure img {
  639. width: 100%;
  640. }
  641. div.figure p.caption {
  642. color: gray;
  643. font-size: .6em;
  644. margin: 0;
  645. }
  646. div.figure p.caption a {
  647. border: none;
  648. color: gray;
  649. }
  650. div.figure.align-right, .article-content img.align-right {
  651. float: right;
  652. margin: 1.5em 0 1.5em 1.5em;
  653. }
  654. div.figure.align-left, .article-content img.align-left {
  655. float: left;
  656. margin: 1.5em 1.5em 1.5em 0;
  657. }