Update themes

themes/avenir-white.css

@@ -1,106 +0,0 @@
-body {
-    font-family: "Avenir Next", Helvetica, Arial, sans-serif;
-    padding:1em;
-    margin:auto;
-    max-width:42em;
-    background:#fefefe;
-}
-
-h1, h2, h3, h4, h5, h6 {
-    font-weight: bold;
-}
-
-h1 {
-    color: #000000;
-    font-size: 28pt;
-}
-
-h2 {
-    border-bottom: 1px solid #CCCCCC;
-    color: #000000;
-    font-size: 24px;
-}
-
-h3 {
-    font-size: 18px;
-}
-
-h4 {
-    font-size: 16px;
-}
-
-h5 {
-    font-size: 14px;
-}
-
-h6 {
-    color: #777777;
-    background-color: inherit;
-    font-size: 14px;
-}
-
-hr {
-    height: 0.2em;
-    border: 0;
-    color: #CCCCCC;
-    background-color: #CCCCCC;
-}
-
-p, blockquote, ul, ol, dl, li, table, pre {
-    margin: 15px 0;
-}
-
-a, a:visited {
-    color: #4183C4;
-    background-color: inherit;
-    text-decoration: none;
-}
-
-#message {
-    border-radius: 6px;
-    border: 1px solid #ccc;
-    display:block;
-    width:100%;
-    height:60px;
-    margin:6px 0px;
-}
-
-button, #ws {
-    font-size: 10pt;
-    padding: 4px 6px;
-    border-radius: 5px;
-    border: 1px solid #bbb;
-    background-color: #eee;
-}
-
-code, pre, #ws, #message {
-    font-family: Monaco;
-    font-size: 10pt;
-    border-radius: 3px;
-    background-color: #F8F8F8;
-    color: inherit;
-}
-
-code {
-    border: 1px solid #EAEAEA;
-    margin: 0 2px;
-    padding: 0 5px;
-}
-
-pre {
-    border: 1px solid #CCCCCC;
-    overflow: auto;
-    padding: 4px 8px;
-}
-
-pre > code {
-    border: 0;
-    margin: 0;
-    padding: 0;
-}
-
-#ws { background-color: #f8f8f8; }
-
-.send { color:#77bb77; }
-.server { color:#7799bb; }
-.error { color:#AA0000; }

themes/foghorn.css

@@ -1,143 +1,141 @@
-@import url(http://fonts.googleapis.com/css?family=Vollkorn:400,400italic,700,700italic&subset=latin);
 
 html, body {
         padding:1em;
         margin:auto;
         max-width:42em;
         background:#fefefe;
-    }
+  }
 body {
-    font: 1.3em "Vollkorn", Palatino, Times;
-    color: #333;
-    line-height: 1.4;
-    text-align: justify;
-    }
+  font: 1.3em "Vollkorn", Palatino, Times;
+  color: #333;
+  line-height: 1.4;
+  text-align: justify;
+  }
 header, nav, article, footer {
-    width: 700px;
-    margin:0 auto;
-    }
+  width: 700px;
+  margin:0 auto;
+  }
 article {
-    margin-top: 4em;
-    margin-bottom: 4em;
-    min-height: 400px;
-    }
+  margin-top: 4em;
+  margin-bottom: 4em;
+  min-height: 400px;
+  }
 footer {
-    margin-bottom:50px;
-    }
+  margin-bottom:50px;
+  }
 video {
-    margin: 2em 0;
-    border:1px solid #ddd;
-    }
+  margin: 2em 0;
+  border:1px solid #ddd;
+  }
 
 nav {
-    font-size: .9em;
-    font-style: italic;
-    border-bottom: 1px solid #ddd;
-    padding: 1em 0;
-    }
+  font-size: .9em;
+  font-style: italic;
+  border-bottom: 1px solid #ddd;
+  padding: 1em 0;
+  }
 nav p {
-    margin: 0;
-    }
+  margin: 0;
+  }
 
 /* Typography
 -------------------------------------------------------- */
 
 h1 {
-    margin-top: 0;
-    font-weight: normal;
-    }
+  margin-top: 0;
+  font-weight: normal;
+  }
 h2 {
-    font-weight: normal;
-    }
+  font-weight: normal;
+  }
 h3 {
-    font-weight: normal;
-    font-style: italic;
-    margin-top:3em;
-    }
+  font-weight: normal;
+  font-style: italic;
+  margin-top:3em;
+  }
 p {
-    margin-top:0;
-    -webkit-hypens:auto;
-    -moz-hypens:auto;
-    hyphens:auto;
-    }
+  margin-top:0;
+  -webkit-hypens:auto;
+  -moz-hypens:auto;
+  hyphens:auto;
+  }
 ul {
-    list-style: square;
-    padding-left:1.2em;
-    }
+  list-style: square;
+  padding-left:1.2em;
+  }
 ol {
-    padding-left:1.2em;
-    }
+  padding-left:1.2em;
+  }
 blockquote {
-    margin-left: 1em;
-    padding-left: 1em;
-    border-left: 1px solid #ddd;
-    }
+  margin-left: 1em;
+  padding-left: 1em;
+  border-left: 1px solid #ddd;
+  }
 code {
-    font-family: "Consolas", "Menlo", "Monaco", monospace, serif;
-    font-size: .9em;
-    background: white;
-    }
+  font-family: "Consolas", "Menlo", "Monaco", monospace, serif;
+  font-size: .9em;
+  background: white;
+  }
 a {
-    color: #2484c1;
-    text-decoration: none;
-    }
+  color: #2484c1;
+  text-decoration: none;
+  }
 a:hover {
-    text-decoration: underline;
-    }
+  text-decoration: underline;
+  }
 a img {
-    border:none;
-    }
+  border:none;
+  }
 h1 a, h1 a:hover {
-    color: #333;
-    text-decoration: none;
-    }
+  color: #333;
+  text-decoration: none;
+  }
 hr {
-    color : #ddd;
-    height : 1px;
-    margin: 2em 0;
-    border-top : solid 1px #ddd;
-    border-bottom : none;
-    border-left: 0;
-    border-right: 0;
-    }
+  color : #ddd;
+  height : 1px;
+  margin: 2em 0;
+  border-top : solid 1px #ddd;
+  border-bottom : none;
+  border-left: 0;
+  border-right: 0;
+  }
 p#heart{
-    font-size: 2em;
-    line-height: 1;
-    text-align: center;
-    color: #ccc;
-    }
+  font-size: 2em;
+  line-height: 1;
+  text-align: center;
+  color: #ccc;
+  }
 .red {
-    color:#B50000;
-    }
+  color:#B50000;
+  }
 
 /* Home Page
 --------------------------- */
 
 body#index li {
-    margin-bottom: 1em;
-    }
+  margin-bottom: 1em;
+  }
 
 
 /* iPad
 -------------------------------------------------------- */
 @media only screen and (max-device-width: 1024px) {
 body {
-    font-size: 120%;
-    line-height: 1.4;
-    }
+  font-size: 120%;
+  line-height: 1.4;
+  }
 } /* @iPad */
 
 /* iPhone
 -------------------------------------------------------- */
 @media only screen and (max-device-width: 480px) {
 body {
-    text-align: left;
-    }
+  text-align: left;
+  }
 article, footer {
-    width: auto;
-    }
+  width: auto;
+  }
 article {
-    padding: 0 10px;
-    }
+  padding: 0 10px;
+  }
 } /* @iPhone */
-

themes/ghostwriter.css

@@ -0,0 +1,413 @@
+/* ============================================================ */
+/* Base */
+/* ============================================================ */
+html, body {
+  height: 100%;
+}
+
+body {
+  background: #fefefe;
+  color: #424242;
+  font-family: "Open Sans", arial, sans-serif;
+  font-size: 18px;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  margin-bottom: 33px;
+  text-transform: none;
+}
+
+h1 {
+  font-size: 26px;
+}
+
+h2 {
+  font-size: 24px;
+}
+
+h3 {
+  font-size: 20px;
+  margin-bottom: 20px;
+}
+
+h4 {
+  font-size: 18px;
+  margin-bottom: 18px;
+}
+
+h5 {
+  font-size: 16px;
+  margin-bottom: 15px;
+}
+
+h6 {
+  font-size: 14px;
+  margin-bottom: 12px;
+}
+
+p {
+  line-height: 1.8;
+  margin: 0 0 30px;
+}
+
+a {
+  color: #f03838;
+  text-decoration: none;
+}
+
+ul, ol {
+  list-style-position: inside;
+  line-height: 1.8;
+  margin: 0 0 40px;
+  padding: 0;
+}
+ul li, ol li {
+  margin: 0 0 10px;
+}
+
+blockquote {
+  border-left: 1px dotted #303030;
+  margin: 40px 0;
+  padding: 5px 30px;
+}
+blockquote p {
+  color: #AEADAD;
+  display: block;
+  font-style: italic;
+  margin: 0;
+  width: 100%;
+}
+
+img {
+  display: block;
+  margin: 40px 0;
+  width: auto;
+  max-width: 100%;
+}
+
+pre {
+  background: #F1F0EA;
+  border: 1px solid #DDDBCC;
+  border-radius: 3px;
+  margin: 0 0 40px;
+  padding: 15px 20px;
+}
+
+::selection {
+  background: #FFF5B8;
+  color: #000;
+  display: block;
+}
+
+::-moz-selection {
+  background: #FFF5B8;
+  color: #000;
+  display: block;
+}
+
+/* ============================================================ */
+/* General Appearance */
+/* ============================================================ */
+.container {
+  margin: 0 auto;
+  position: relative;
+  width: 100%;
+  max-width: 889px;
+}
+
+#wrapper {
+  height: auto;
+  min-height: 100%;
+  /* This must be the same as the height of the footer */
+  margin-bottom: -265px;
+}
+#wrapper:after {
+  content: "";
+  display: block;
+  /* This must be the same as the height of the footer */
+  height: 265px;
+}
+
+.button {
+  background: #303030;
+  border: none;
+  border-radius: 3px;
+  color: #FEFEFE;
+  font-size: 14px;
+  font-weight: 700;
+  padding: 10px 12px;
+  text-transform: uppercase;
+}
+.button:hover {
+  background: #f03838;
+}
+
+.button-square {
+  background: #f03838;
+  float: left;
+  margin: 0 0 0 10px;
+  padding: 8px;
+}
+.button-square:hover {
+  background: #303030;
+}
+
+/* ============================================================ */
+/* Site Header */
+/* ============================================================ */
+.site-header {
+  padding: 100px 0 35px;
+  overflow: auto;
+  text-align: center;
+  text-transform: uppercase;
+}
+
+.site-title-wrapper {
+  display: table;
+  margin: 0 auto;
+}
+
+.site-title {
+  float: left;
+  font-size: 14px;
+  font-weight: 600;
+  margin: 0;
+  text-transform: uppercase;
+}
+.site-title a {
+  float: left;
+  background: #f03838;
+  color: #FEFEFE;
+  padding: 5px 10px 6px;
+}
+.site-title a:hover {
+  background: #303030;
+}
+
+/* ============================================================ */
+/* Post */
+/* ============================================================ */
+.post {
+  margin: 0 40px;
+}
+
+.post-header {
+  border-bottom: 6px solid #303030;
+  margin: 0 0 50px;
+  padding: 0 0 80px;
+  text-align: center;
+  text-transform: uppercase;
+}
+
+.post-title {
+  font-size: 52px;
+  font-weight: 700;
+  margin: 15px 0;
+  text-transform: uppercase;
+}
+
+.post-date {
+  color: #AEADAD;
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 1;
+  margin: 25px 0 0;
+}
+.post-date:after {
+  border-bottom: 1px dotted #303030;
+  content: "";
+  display: block;
+  margin: 40px auto 0;
+  width: 100px;
+}
+
+.post-content {
+  margin: 0 0 92px;
+}
+.post-content a:hover {
+  border-bottom: 1px dotted #f03838;
+  padding: 0 0 2px;
+}
+
+.post-tags {
+  color: #AEADAD;
+  font-size: 14px;
+}
+.post-tags span {
+  font-weight: 600;
+}
+
+.post-navigation {
+  display: table;
+  margin: 70px auto 100px;
+}
+
+.newer-posts,
+.older-posts {
+  float: left;
+  background: #f03838;
+  color: #FEFEFE;
+  font-size: 14px;
+  font-weight: 600;
+  margin: 0 5px;
+  padding: 5px 10px 6px;
+  text-transform: uppercase;
+}
+.newer-posts:hover,
+.older-posts:hover {
+  background: #303030;
+}
+
+.page-number {
+  display: none;
+}
+
+/* ============================================================ */
+/* Post Index */
+/* ============================================================ */
+.post-list {
+  border-top: 6px solid #303030;
+  list-style: none;
+  margin: 80px 40px 0;
+  padding: 35px 0 0;
+}
+
+.post-stub {
+  border-bottom: 1px dotted #303030;
+  margin: 0;
+}
+.post-stub:first-child {
+  padding-top: 0;
+}
+.post-stub a {
+  -webkit-transition: all 0.2s ease-in-out;
+  -moz-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+  display: block;
+  color: #424242;
+  padding: 20px 5px;
+}
+.post-stub a:hover {
+  background: #FCF5F5;
+  color: #f03838;
+  padding: 20px 12px;
+}
+
+.post-stub-title {
+  display: inline-block;
+  margin: 0;
+  text-transform: none;
+}
+
+.post-stub-date {
+  display: inline-block;
+}
+.post-stub-date:before {
+  content: "/ ";
+}
+
+.next-posts-link a,
+.previous-posts-link a {
+  display: block;
+  padding: 8px 11px;
+}
+
+/* ============================================================ */
+/* Icons */
+/* ============================================================ */
+.icon {
+  background-size: 14px 38px;
+  display: block;
+  height: 38px;
+  width: 14px;
+}
+
+.icon-menu {
+  background-position: 0 0;
+  height: 14px;
+  width: 14px;
+}
+
+.icon-up {
+  background-position: 0 -15px;
+  height: 8px;
+  width: 14px;
+}
+
+.icon-rss {
+  background-position: 0 -24px;
+  height: 14px;
+  width: 14px;
+}
+
+/* ============================================================ */
+/* Footer */
+/* ============================================================ */
+.footer {
+  background: #303030;
+  color: #D3D3D3;
+  height: 265px;
+  overflow: auto;
+}
+.footer .site-title-wrapper {
+  margin: 80px auto 35px;
+}
+.footer .site-title a:hover,
+.footer .button-square:hover {
+  background: #121212;
+}
+
+.button-jump-top {
+  padding-top: 11px;
+  padding-bottom: 11px;
+}
+
+.footer-copyright {
+  color: #656565;
+  font-size: 14px;
+  margin: 0;
+  text-align: center;
+  text-transform: uppercase;
+}
+.footer-copyright a {
+  color: #656565;
+  font-weight: 700;
+}
+.footer-copyright a:hover {
+  color: #FEFEFE;
+}
+
+/* ============================================================ */
+/* NProgress */
+/* ============================================================ */
+#nprogress .bar {
+  background: #f03838;
+}
+
+#nprogress .peg {
+  box-shadow: 0 0 10px #f03838, 0 0 5px #f03838;
+}
+
+#nprogress .spinner-icon {
+  border-top-color: #f03838;
+  border-left-color: #f03838;
+}
+
+/* ============================================================ */
+/* Media Queries */
+/* ============================================================ */
+@media only screen and (max-width: 600px) {
+  .post-stub-title {
+    display: block;
+  }
+
+  .post-stub-date:before {
+    content: "";
+    display: block;
+  }
+}
+@media only screen and (max-width: 400px) {
+  .post-title {
+    font-size: 32px;
+  }
+}

themes/godspeed.css

@@ -0,0 +1,627 @@
+/* Title: Godspeed */
+/* Author: Jocelyn Richard http://jocelynrichard.com/ */
+/* Description: A quirky, low-contrast theme. Works best with Brush Up: http://www.myfonts.com/fonts/pintassilgo/brush-up/ */
+
+/* ================================================ */
+/* 1. Reset */
+/* 2. Skeleton */
+/* 3. Media Queries */
+/* 4. Print Styles */
+/* 5. Godspeed Overrides */
+/* ================================================ */
+
+
+
+/* ================================================ */
+/* 1. Reset */
+/* ================================================ */
+
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
+b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0;} /* Edited from http://www.cssreset.com/scripts/eric-meyer-reset-css/ */
+
+article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {display: block;} /* Semantic tags definition for IE 6/7/8/9 and Firefox 3 */
+
+html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;} /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
+
+
+
+/* ================================================ */
+/* 2. Skeleton */
+/* ================================================ */
+
+/* ------------------------------------------------- */
+/* General */
+/* ------------------------------------------------- */
+
+html {
+  font-size: 14px;
+}
+
+body {
+  font-family: 'Open Sans', sans-serif;
+  margin: 1.71rem 1.71rem  3rem 1.71rem ; /* Get margins even if the Markdown rendering app doesn't include any */
+  background-color: white;
+  color: #222;
+}
+
+#wrapper { /* #wrapper: ID added by Marked */
+  max-width: 42rem;
+  margin: 0 auto;
+  margin-left: auto !important;  /* Countering toc.css added by Marked */
+  padding: 1.71rem 0 !important; /* Countering toc.css added by Marked */
+}
+
+/* ------------------------------------------------- */
+/* Typography */
+/* ------------------------------------------------- */
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    margin-bottom: 1.6rem;
+}
+
+h1,
+h2 {
+    margin-top: 3.2rem;
+}
+
+h1 {
+    font-size:   2.82rem; /* 42.3px @15px */
+    line-height: 3.2rem;  /* 48px @15px */
+}
+
+h2 {
+    font-size:   1.99rem; /* 29.9px @15px */
+    line-height: 2.4rem;  /* 36px @15px */
+}
+
+h3 {
+    font-size:   1.41rem; /* 21.2px @15px */
+    line-height: 2rem;    /* 30px @15px */
+}
+
+h4 {
+    font-size:   1rem;   /* 15px @15px */
+    line-height: 1.6rem; /* 24px @15px */
+}
+
+h5, h6 {
+  font-size:   0.8rem;
+    line-height: 1.2rem;
+    text-transform: uppercase;
+}
+
+h6 {
+  margin-left: 1.6rem;
+}
+
+p,
+ol,
+ul,
+blockquote {
+    font-size:     1rem;
+    line-height:   1.6rem;
+    margin-bottom: 1.6rem;
+}
+
+ul ul,
+ul ol,
+ol ul,
+ol ol {
+  margin-left: 1.6rem;
+  margin-top:  1.6rem;
+}
+
+#generated-toc ul ul, /* #generated-toc: added by Marked for its table of contents */
+#generated-toc ul ol,
+#generated-toc ol ul,
+#generated-toc ol ol {
+  margin-top:     0;
+  margin-bottom:  0;
+  padding-top:    0;
+  padding-bottom: 0;
+}
+
+blockquote {
+  margin: 0 0 1.6rem 2.4rem;
+  padding-left: 0.8rem; /* Voire */
+  border-left: 4px solid rgba(0,0,0,0.08);
+  font-style: normal;
+}
+
+blockquote ul {
+  margin-left: 0.8rem; /* Pour ne pas que les hanging bullets mordent sur le blockquote  */
+}
+
+ol li blockquote, /* So that blockquote work in lists */
+ul li blockquote {
+  margin-left: 0;
+}
+
+a:link {
+  text-decoration: none;
+  color: #165bd4;
+  border-bottom: 1px solid #ccc;
+}
+
+a:visited {
+  color: #7697cf;
+  border-bottom: 1px solid #ccc;
+}
+
+a:hover {
+  border-color: #165bd4;
+}
+
+a:active {
+  background-color: #e6e6e6;
+}
+
+/* ------------------------------------------------- */
+/* Tables */
+/* ------------------------------------------------- */
+
+table {
+  font-size: 0.85rem;
+  margin: 0 0 1.6rem 0;
+  border-collapse: collapse;
+  border: 1px solid #ccc;
+}
+
+th,
+td {
+  padding: 0.5rem 0.75rem;
+  max-width: 20rem; /* Avoid dropping lines for nothing without having ridiculously wide tables */
+}
+
+th {
+  border-bottom: 2px solid #222;
+}
+
+tr {
+  border-bottom: 1px solid #ccc;
+}
+
+tbody tr:nth-child(odd) {
+  background-color: #f9f9f9;
+}
+
+table code {
+  font-size: 85%;
+}
+
+/* ------------------------------------------------- */
+/* Misc */
+/* ------------------------------------------------- */
+
+img {
+  max-width: 100%
+}
+
+caption,
+figcaption {
+  font-size:   0.85rem;
+    line-height: 1.6rem;
+  margin: 0 1.6rem;
+  text-align: left;
+}
+
+figcaption {
+  margin-bottom: 1.6rem;
+}
+
+h1, /* White-space mentions in order to force wrapping */
+h2,
+a:link,
+pre {
+  white-space:      pre;      /* CSS 2.0 */
+  white-space:      pre-wrap; /* CSS 2.1 */
+  white-space:      pre-line; /* CSS 3.0 */
+  white-space:     -pre-wrap; /* Opera 4-6 */
+  white-space:   -o-pre-wrap; /* Opera 7 */
+  white-space: -moz-pre-wrap; /* Mozilla */
+  white-space:  -hp-pre-wrap; /* HP Printers */
+  word-wrap: break-word;      /* IE 5+ */
+}
+
+code {
+  font-family: "Menlo", "Courier New", "Courier", monospace;
+  font-size: 85%;
+  color: #666;
+  background-color: rgba(0,0,0,0.08);
+  padding: 2px 4px;
+  border-radius: 2px;
+}
+
+pre {
+  background-color: rgba(0,0,0,0.08);
+  border-radius: 8px;
+  padding: 0.4rem;
+  margin-bottom: 1.6rem;
+}
+
+pre code { /* Counter the code mentions */
+  background-color: transparent;
+  padding: 0;
+}
+
+sup,
+sub,
+a.footnote { /* Keep line-height from being affected by sub, cf https://gist.github.com/unruthless/413930 */
+   font-size: 75%;
+   height: 0;
+   line-height: 1;
+   position: relative;
+}
+
+sup,
+a.footnote {
+    vertical-align:super;
+}
+
+sub {
+    vertical-align: sub;
+}
+
+dt {
+  font-weight: 600;
+}
+
+dd {
+  font-size: 1rem;
+  line-height: 1.6rem;
+  margin-bottom: 1.6rem;
+}
+
+hr {
+  clear: none;
+  height: 0.2rem;
+  border: none;
+  margin: 0 auto 1.4rem auto; /* 2.4rem auto 2.2rem auto; */
+  width: 100%;
+  color: #ccc;
+  background-color: #ccc;
+}
+
+::selection {
+  background-color: #f8dc77;
+}
+
+::-moz-selection {
+  background-color: #f8dc77;
+}
+
+a:focus {
+  outline: 2px solid;
+  outline-color: #165bd4;
+}
+
+/* ------------------------------------------------- */
+/* Animations */
+/* ------------------------------------------------- */
+
+a:hover {
+     -moz-transition: all 0.2s ease-in-out;
+  -webkit-transition: all 0.2s ease-in-out;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote {
+     -moz-transition: all 0.2s ease;
+  -webkit-transition: all 0.2s ease;
+}
+
+
+
+/* ================================================ */
+/* 3. Media Queries */
+/* ================================================ */
+
+/* Base styles are for smartphones; elements are then tweaked as the viewport grows. */
+
+/* ------------------------------------------------- */
+/* iPad and desktop */
+/* ------------------------------------------------- */
+
+@media only screen and (min-width: 641px) {
+
+  html {
+    font-size: 15px;
+  }
+
+  body {
+    margin: 2.4rem 2.4rem 3.2rem 2.4rem;
+  }
+
+  h1 {
+      font-size:   3.57rem; /* 53.2px @15px */
+    line-height: 4rem;    /* 60px @15px */
+  }
+
+  h2 {
+    font-size:   2.24rem; /* 33.6px @15px */
+    line-height: 2.8rem;  /* 42px @15px */
+  }
+
+}
+
+/* ------------------------------------------------- */
+/* Widescreens */
+/* ------------------------------------------------- */
+
+@media only screen and (min-width: 1441px) {
+
+  html {
+    font-size: 22px;
+  }
+
+}
+
+
+
+/* ================================================ */
+/* 4. Print Styles */
+/* ================================================ */
+
+/* Inconsistent and buggy across browsers */
+
+@media print {
+
+  * {
+    background: transparent !important;
+    color: #000 !important; /* Black text prints faster and browsers are inconsistent in color reproduction anyway: h5bp.com/s */
+  }
+
+  @page {
+    margin: 1cm; /* Added to any #wrapper margin*/
+  }
+
+  html {
+    font-size: 15px;
+  }
+
+  body {
+    margin: 1rem !important; /* Security margins for browser without @page support */
+  }
+
+  #wrapper {
+    max-width: none;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  p {
+    orphans: 3;
+    widows: 3;
+    page-break-after: avoid;
+  }
+
+  ul,
+  ol {
+    list-style-position: inside !important;
+    padding-right: 0 !important;
+    margin-left: 0 !important;
+  }
+
+  ul ul,
+  ul ol,
+  ol ul,
+  ol ol,
+  ul p:not(:first-child),
+  ol p:not(:first-child) {
+    margin-left: 2rem !important;
+  }
+
+  a:link,
+  a:visited {
+    text-decoration: underline !important;
+    font-weight: normal !important;
+  }
+
+  a[href]:after {
+    content: " (" attr(href) ")";
+  }
+
+  a[href^="javascript:"]:after,
+  a[href^="#"]:after {
+    content: ""; /* Do not show javascript and internal links */
+  }
+
+  a[href^="#"] {
+    text-decoration: none !important;
+  }
+
+  th {
+    background-color: rgba(0,0,0,0.2) !important;
+    border-bottom: none !important;
+  }
+
+  tr {
+    page-break-inside: avoid;
+  }
+
+  tbody tr:nth-child(even) {
+    background-color: rgba(0,0,0,0.1) !important;
+  }
+
+  pre {
+    border: 1px solid rgba(0,0,0,0.2);
+    page-break-inside: avoid;
+  }
+
+  img {
+    max-width: 100% !important;
+    page-break-inside: avoid;
+  }
+
+  /* #generated-toc: added by Marked for its table of contents */
+
+  #wrapper #generated-toc ul, /* Table of contents printing in Marked */
+  #wrapper #generated-toc ol {
+    list-style-type: decimal;
+  }
+
+  #wrapper #generated-toc ul li,
+  #wrapper #generated-toc ol li {
+    margin: 1rem 0;
+  }
+
+}
+
+
+
+/* ================================================ */
+/* 5. Godspeed Overrides */
+/* ================================================ */
+
+/* ------------------------------------------------- */
+/* General */
+/* ------------------------------------------------- */
+
+body {
+  font-family: 'Source Sans Pro', Avenir, sans-serif;
+  background-color: #3c3d46;
+  color: #7d7d7a;
+  margin-bottom: 2.4rem; /* Visual tweak */
+}
+
+/* ------------------------------------------------- */
+/* Typography */
+/* ------------------------------------------------- */
+
+h1 {
+  font-family: 'Brush Up Too', 'Source Sans Pro', Avenir, sans-serif;
+  color: #e6ceaa;
+}
+
+h2,
+h3 {
+  color: #b98552;
+  text-transform: uppercase;
+}
+
+h4,
+h5,
+h6 {
+  text-transform: uppercase;
+}
+
+blockquote {
+  border-color: rgba(0,0,0,0.1); /* Pour correspondre à l'opacité des bordures ajoutées au #wrapper */
+}
+
+a:link {
+  color: #6190d2;
+  text-decoration: none;
+  border-bottom: 2px solid rgba(0,0,0,0.2);
+}
+
+a:hover {
+  color: #6190d2;
+  text-decoration: none;
+  border-bottom: 1px solid #6190d2;
+}
+
+/* ------------------------------------------------- */
+/* Tables */
+/* ------------------------------------------------- */
+
+table {
+  border: 1px solid #7d7d7a;
+  border-radius: 8px;
+}
+
+th {
+  color: #b98552;
+  border-bottom: 1px solid #7d7d7a;
+}
+
+tr {
+  border-bottom: 1px solid #7d7d7a;
+}
+
+tbody tr:nth-child(odd) {
+  background-color: rgba(60,75,94,0.5);
+}
+
+/* ------------------------------------------------- */
+/* Misc */
+/* ------------------------------------------------- */
+
+code {
+  font-size: 75%; /* Matching better Source Sans  */
+  color: #3c3d46;
+  background-color: #7d7d7a;
+}
+
+pre {
+  background-color: rgba(60,75,94,0.5);
+}
+
+pre code {
+  color: #7d7d7a;
+}
+
+hr {
+  color: rgba(0,0,0,0.2);
+  background-color: rgba(0,0,0,0.2);
+}
+
+::selection {
+  background-color: rgba(0,0,0,0.2);
+}
+
+::-moz-selection {
+  background-color: rgba(0,0,0,0.2);
+}
+
+a:focus {
+  outline: 2px dotted;
+  outline-color: #7d7d7a;
+}
+
+/* ------------------------------------------------- */
+/* iPad and desktop */
+/* ------------------------------------------------- */
+
+@media only screen and (min-width: 641px) {
+
+  html {
+    font-size: 16px;
+  }
+
+  #wrapper {
+    padding: 0 2.4rem;
+    border: 1px solid rgba(0,0,0,0.2) !important; /* !important otherwise doesn't show up in Marked */
+    box-shadow: 0 0 0 6px rgba(0,0,0,0.1);
+    padding: 2.4rem !important;
+    border-radius: 4px;
+  }
+
+}
+
+/* ------------------------------------------------- */
+/* Widescreens */
+/* ------------------------------------------------- */
+
+@media only screen and (min-width: 1441px) {
+
+  html {
+    font-size: 22px;
+  }
+
+}

themes/jasonm23-dark.css

@@ -1,258 +0,0 @@
-body{
-    background: #000;
-    font-family: Georgia, Palatino, serif;
-    color: #EEE;
-    line-height: 1;
-    padding: 30px;
-    margin:auto;
-    max-width:42em;
-}
-h1, h2, h3, h4 {
-    font-weight: 400;
-}
-h1, h2, h3, h4, h5, p {
-    margin-bottom: 24px;
-    padding: 0;
-}
-h1 {
-    font-size: 48px;
-}
-h2 {
-    font-size: 36px;
-    margin: 24px 0 6px;
-}
-h3 {
-    font-size: 24px;
-}
-h4 {
-    font-size: 21px;
-}
-h5 {
-    font-size: 18px;
-}
-a {
-    color: #61BFC1;
-    margin: 0;
-    padding: 0;
-    text-decoration: none;
-    vertical-align: baseline;
-}
-a:hover {
-    text-decoration: underline;
-}
-a:visited {
-    color: #466B6C;
-}
-ul, ol {
-    padding: 0;
-    margin: 0;
-}
-li {
-    line-height: 24px;
-}
-li ul, li ul {
-    margin-left: 24px;
-}
-p, ul, ol {
-    font-size: 16px;
-    line-height: 24px;
-    max-width: 540px;
-}
-pre {
-    padding: 0px 24px;
-    max-width: 800px;
-    white-space: pre-wrap;
-}
-code {
-    font-family: Consolas, Monaco, Andale Mono, monospace;
-    line-height: 1.5;
-    font-size: 13px;
-}
-aside {
-    display: block;
-    float: right;
-    width: 390px;
-}
-blockquote {
-    border-left:.5em solid #eee;
-    padding: 0 2em;
-    margin-left:0;
-    max-width: 476px;
-}
-blockquote  cite {
-    font-size:14px;
-    line-height:20px;
-    color:#bfbfbf;
-}
-blockquote cite:before {
-    content: '\2014 \00A0';
-}
-
-blockquote p {
-    color: #666;
-    max-width: 460px;
-}
-hr {
-    width: 540px;
-    text-align: left;
-    margin: 0 auto 0 0;
-    color: #999;
-}
-
-/* Code below this line is copyright Twitter Inc. */
-
-button,
-input,
-select,
-textarea {
-  font-size: 100%;
-  margin: 0;
-  vertical-align: baseline;
-  *vertical-align: middle;
-}
-button, input {
-  line-height: normal;
-  *overflow: visible;
-}
-button::-moz-focus-inner, input::-moz-focus-inner {
-  border: 0;
-  padding: 0;
-}
-button,
-input[type="button"],
-input[type="reset"],
-input[type="submit"] {
-  cursor: pointer;
-  -webkit-appearance: button;
-}
-input[type=checkbox], input[type=radio] {
-  cursor: pointer;
-}
-/* override default chrome & firefox settings */
-input:not([type="image"]), textarea {
-  -webkit-box-sizing: content-box;
-  -moz-box-sizing: content-box;
-  box-sizing: content-box;
-}
-
-input[type="search"] {
-  -webkit-appearance: textfield;
-  -webkit-box-sizing: content-box;
-  -moz-box-sizing: content-box;
-  box-sizing: content-box;
-}
-input[type="search"]::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-label,
-input,
-select,
-textarea {
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-size: 13px;
-  font-weight: normal;
-  line-height: normal;
-  margin-bottom: 18px;
-}
-input[type=checkbox], input[type=radio] {
-  cursor: pointer;
-  margin-bottom: 0;
-}
-input[type=text],
-input[type=password],
-textarea,
-select {
-  display: inline-block;
-  width: 210px;
-  padding: 4px;
-  font-size: 13px;
-  font-weight: normal;
-  line-height: 18px;
-  height: 18px;
-  color: #808080;
-  border: 1px solid #ccc;
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  border-radius: 3px;
-}
-select, input[type=file] {
-  height: 27px;
-  line-height: 27px;
-}
-textarea {
-  height: auto;
-}
-
-/* grey out placeholders */
-:-moz-placeholder {
-  color: #bfbfbf;
-}
-::-webkit-input-placeholder {
-  color: #bfbfbf;
-}
-
-input[type=text],
-input[type=password],
-select,
-textarea {
-  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-  transition: border linear 0.2s, box-shadow linear 0.2s;
-  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
-  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
-  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
-}
-input[type=text]:focus, input[type=password]:focus, textarea:focus {
-  outline: none;
-  border-color: rgba(82, 168, 236, 0.8);
-  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
-  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
-  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
-}
-
-/* buttons */
-button {
-  display: inline-block;
-  padding: 4px 14px;
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-size: 13px;
-  line-height: 18px;
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
-  border-radius: 4px;
-  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-  background-color: #0064cd;
-  background-repeat: repeat-x;
-  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
-  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
-  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
-  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
-  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
-  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
-  background-image: linear-gradient(top, #049cdb, #0064cd);
-  color: #fff;
-  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-  border: 1px solid #004b9a;
-  border-bottom-color: #003f81;
-  -webkit-transition: 0.1s linear all;
-  -moz-transition: 0.1s linear all;
-  transition: 0.1s linear all;
-  border-color: #0064cd #0064cd #003f81;
-  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-}
-button:hover {
-  color: #fff;
-  background-position: 0 -15px;
-  text-decoration: none;
-}
-button:active {
-  -webkit-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-  -moz-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-  box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-}
-button::-moz-focus-inner {
-  padding: 0;
-  border: 0;
-}

themes/jasonm23-foghorn.css

@@ -1,142 +0,0 @@
-@import url(//fonts.googleapis.com/css?family=Vollkorn:400,400italic,700,700italic&subset=latin);
-
-html, body {
-        padding:1em;
-        margin:auto;
-        max-width:42em;
-        background:#fefefe;
-  }
-body {
-  font: 1.3em "Vollkorn", Palatino, Times;
-  color: #333;
-  line-height: 1.4;
-  text-align: justify;
-  }
-header, nav, article, footer {
-  width: 700px;
-  margin:0 auto;
-  }
-article {
-  margin-top: 4em;
-  margin-bottom: 4em;
-  min-height: 400px;
-  }
-footer {
-  margin-bottom:50px;
-  }
-video {
-  margin: 2em 0;
-  border:1px solid #ddd;
-  }
-
-nav {
-  font-size: .9em;
-  font-style: italic;
-  border-bottom: 1px solid #ddd;
-  padding: 1em 0;
-  }
-nav p {
-  margin: 0;
-  }
-
-/* Typography
--------------------------------------------------------- */
-
-h1 {
-  margin-top: 0;
-  font-weight: normal;
-  }
-h2 {
-  font-weight: normal;
-  }
-h3 {
-  font-weight: normal;
-  font-style: italic;
-  margin-top:3em;
-  }
-p {
-  margin-top:0;
-  -webkit-hypens:auto;
-  -moz-hypens:auto;
-  hyphens:auto;
-  }
-ul {
-  list-style: square;
-  padding-left:1.2em;
-  }
-ol {
-  padding-left:1.2em;
-  }
-blockquote {
-  margin-left: 1em;
-  padding-left: 1em;
-  border-left: 1px solid #ddd;
-  }
-code {
-  font-family: "Consolas", "Menlo", "Monaco", monospace, serif;
-  font-size: .9em;
-  background: white;
-  }
-a {
-  color: #2484c1;
-  text-decoration: none;
-  }
-a:hover {
-  text-decoration: underline;
-  }
-a img {
-  border:none;
-  }
-h1 a, h1 a:hover {
-  color: #333;
-  text-decoration: none;
-  }
-hr {
-  color : #ddd;
-  height : 1px;
-  margin: 2em 0;
-  border-top : solid 1px #ddd;
-  border-bottom : none;
-  border-left: 0;
-  border-right: 0;
-  }
-p#heart{
-  font-size: 2em;
-  line-height: 1;
-  text-align: center;
-  color: #ccc;
-  }
-.red {
-  color:#B50000;
-  }
-
-/* Home Page
---------------------------- */
-
-body#index li {
-  margin-bottom: 1em;
-  }
-
-
-/* iPad
--------------------------------------------------------- */
-@media only screen and (max-device-width: 1024px) {
-body {
-  font-size: 120%;
-  line-height: 1.4;
-  }
-} /* @iPad */
-
-/* iPhone
--------------------------------------------------------- */
-@media only screen and (max-device-width: 480px) {
-body {
-  text-align: left;
-  }
-article, footer {
-  width: auto;
-  }
-article {
-  padding: 0 10px;
-  }
-} /* @iPhone */

themes/jasonm23-markdown.css

@@ -1,102 +0,0 @@
-html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
-
-body{
-color:#444;
-font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
-font-size:12px;
-line-height:1.5em;
-padding:1em;
-margin:auto;
-max-width:42em;
-background:#fefefe;
-}
-
-a{ color: #0645ad; text-decoration:none;}
-a:visited{ color: #0b0080; }
-a:hover{ color: #06e; }
-a:active{ color:#faa700; }
-a:focus{ outline: thin dotted; }
-a:hover, a:active{ outline: 0; }
-
-::-moz-selection{background:rgba(255,255,0,0.3);color:#000}
-::selection{background:rgba(255,255,0,0.3);color:#000}
-
-a::-moz-selection{background:rgba(255,255,0,0.3);color:#0645ad}
-a::selection{background:rgba(255,255,0,0.3);color:#0645ad}
-
-p{
-margin:1em 0;
-}
-
-img{
-max-width:100%;
-}
-
-h1,h2,h3,h4,h5,h6{
-font-weight:normal;
-color:#111;
-line-height:1em;
-}
-h4,h5,h6{ font-weight: bold; }
-h1{ font-size:2.5em; }
-h2{ font-size:2em; }
-h3{ font-size:1.5em; }
-h4{ font-size:1.2em; }
-h5{ font-size:1em; }
-h6{ font-size:0.9em; }
-
-blockquote{
-color:#666666;
-margin:0;
-padding-left: 3em;
-border-left: 0.5em #EEE solid;
-}
-hr { display: block; height: 2px; border: 0; border-top: 1px solid #aaa;border-bottom: 1px solid #eee; margin: 1em 0; padding: 0; }
-pre, code, kbd, samp { color: #000; font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 0.98em; }
-pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
-
-b, strong { font-weight: bold; }
-
-dfn { font-style: italic; }
-
-ins { background: #ff9; color: #000; text-decoration: none; }
-
-mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
-
-sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
-sup { top: -0.5em; }
-sub { bottom: -0.25em; }
-
-ul, ol { margin: 1em 0; padding: 0 0 0 2em; }
-li p:last-child { margin:0 }
-dd { margin: 0 0 0 2em; }
-
-img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
-
-table { border-collapse: collapse; border-spacing: 0; }
-td { vertical-align: top; }
-
-@media only screen and (min-width: 480px) {
-body{font-size:14px;}
-}
-
-@media only screen and (min-width: 768px) {
-body{font-size:16px;}
-}
-
-@media print {
-  * { background: transparent !important; color: black !important; filter:none !important; -ms-filter: none !important; }
-  body{font-size:12pt; max-width:100%;}
-  a, a:visited { text-decoration: underline; }
-  hr { height: 1px; border:0; border-bottom:1px solid black; }
-  a[href]:after { content: " (" attr(href) ")"; }
-  abbr[title]:after { content: " (" attr(title) ")"; }
-  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
-  pre, blockquote { border: 1px solid #999; padding-right: 1em; page-break-inside: avoid; }
-  tr, img { page-break-inside: avoid; }
-  img { max-width: 100% !important; }
-  @page :left { margin: 15mm 20mm 15mm 10mm; }
-  @page :right { margin: 15mm 10mm 15mm 20mm; }
-  p, h2, h3 { orphans: 3; widows: 3; }
-  h2, h3 { page-break-after: avoid; }
-}

themes/jasonm23-swiss.css

@@ -1,112 +0,0 @@
-@charset "utf-8";
-
-/**
- * markdown.css
- *
- * This program is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Lesser General Public License as published by the Free
- * Software Foundation, either version 3 of the License, or (at your option) any
- * later version.
- *
- * This program is distributed in the hope that it will be useful, but WITHOUT
- * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
- * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more
- * details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program. If not, see http://gnu.org/licenses/lgpl.txt.
- *
- * @project      Weblog and Open Source Projects of Florian Wolters
- * @version      GIT: $Id$
- * @package      xhtml-css
- * @author       Florian Wolters <[email protected]>
- * @copyright    2012 Florian Wolters
- * @cssdoc       version 1.0-pre
- * @license      http://gnu.org/licenses/lgpl.txt GNU Lesser General Public License
- * @link         http://github.com/FlorianWolters/jekyll-bootstrap-theme
- * @media        all
- * @valid        true
- */
-
-body {
-    font-family: Helvetica, Arial, Freesans, clean, sans-serif;
-padding:1em;
-margin:auto;
-max-width:42em;
-background:#fefefe;
-}
-
-h1, h2, h3, h4, h5, h6 {
-    font-weight: bold;
-}
-
-h1 {
-    color: #000000;
-    font-size: 28px;
-}
-
-h2 {
-    border-bottom: 1px solid #CCCCCC;
-    color: #000000;
-    font-size: 24px;
-}
-
-h3 {
-    font-size: 18px;
-}
-
-h4 {
-    font-size: 16px;
-}
-
-h5 {
-    font-size: 14px;
-}
-
-h6 {
-    color: #777777;
-    background-color: inherit;
-    font-size: 14px;
-}
-
-hr {
-    height: 0.2em;
-    border: 0;
-    color: #CCCCCC;
-    background-color: #CCCCCC;
-}
-
-p, blockquote, ul, ol, dl, li, table, pre {
-    margin: 15px 0;
-}
-
-code, pre {
-    border-radius: 3px;
-    background-color: #F8F8F8;
-    color: inherit;
-}
-
-code {
-    border: 1px solid #EAEAEA;
-    margin: 0 2px;
-    padding: 0 5px;
-}
-
-pre {
-    border: 1px solid #CCCCCC;
-    line-height: 1.25em;
-    overflow: auto;
-    padding: 6px 10px;
-}
-
-pre > code {
-    border: 0;
-    margin: 0;
-    padding: 0;
-}
-
-a, a:visited {
-    color: #4183C4;
-    background-color: inherit;
-    text-decoration: none;
-}

themes/markdown1.css

@@ -1,259 +0,0 @@
-body{
-    background: #000;
-    font-family: Georgia, Palatino, serif;
-    color: #EEE;
-    line-height: 1;
-    padding: 30px;
-    margin:auto;
-    max-width:42em;
-}
-h1, h2, h3, h4 {
-    font-weight: 400;
-}
-h1, h2, h3, h4, h5, p {
-    margin-bottom: 24px;
-    padding: 0;
-}
-h1 {
-    font-size: 48px;
-}
-h2 {
-    font-size: 36px;
-    margin: 24px 0 6px;
-}
-h3 {
-    font-size: 24px;
-}
-h4 {
-    font-size: 21px;
-}
-h5 {
-    font-size: 18px;
-}
-a {
-    color: #61BFC1;
-    margin: 0;
-    padding: 0;
-    text-decoration: none;
-    vertical-align: baseline;
-}
-a:hover {
-    text-decoration: underline;
-}
-a:visited {
-    color: #466B6C;
-}
-ul, ol {
-    padding: 0;
-    margin: 0;
-}
-li {
-    line-height: 24px;
-}
-li ul, li ul {
-    margin-left: 24px;
-}
-p, ul, ol {
-    font-size: 16px;
-    line-height: 24px;
-    max-width: 540px;
-}
-pre {
-    padding: 0px 24px;
-    max-width: 800px;
-    white-space: pre-wrap;
-}
-code {
-    font-family: Consolas, Monaco, Andale Mono, monospace;
-    line-height: 1.5;
-    font-size: 13px;
-}
-aside {
-    display: block;
-    float: right;
-    width: 390px;
-}
-blockquote {
-    border-left:.5em solid #eee;
-    padding: 0 2em;
-    margin-left:0;
-    max-width: 476px;
-}
-blockquote  cite {
-    font-size:14px;
-    line-height:20px;
-    color:#bfbfbf;
-}
-blockquote cite:before {
-    content: '\2014 \00A0';
-}
-
-blockquote p {  
-    color: #666;
-    max-width: 460px;
-}
-hr {
-    width: 540px;
-    text-align: left;
-    margin: 0 auto 0 0;
-    color: #999;
-}
-
-/* Code below this line is copyright Twitter Inc. */
-
-button,
-input,
-select,
-textarea {
-  font-size: 100%;
-  margin: 0;
-  vertical-align: baseline;
-  *vertical-align: middle;
-}
-button, input {
-  line-height: normal;
-  *overflow: visible;
-}
-button::-moz-focus-inner, input::-moz-focus-inner {
-  border: 0;
-  padding: 0;
-}
-button,
-input[type="button"],
-input[type="reset"],
-input[type="submit"] {
-  cursor: pointer;
-  -webkit-appearance: button;
-}
-input[type=checkbox], input[type=radio] {
-  cursor: pointer;
-}
-/* override default chrome & firefox settings */
-input:not([type="image"]), textarea {
-  -webkit-box-sizing: content-box;
-  -moz-box-sizing: content-box;
-  box-sizing: content-box;
-}
-
-input[type="search"] {
-  -webkit-appearance: textfield;
-  -webkit-box-sizing: content-box;
-  -moz-box-sizing: content-box;
-  box-sizing: content-box;
-}
-input[type="search"]::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-label,
-input,
-select,
-textarea {
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-size: 13px;
-  font-weight: normal;
-  line-height: normal;
-  margin-bottom: 18px;
-}
-input[type=checkbox], input[type=radio] {
-  cursor: pointer;
-  margin-bottom: 0;
-}
-input[type=text],
-input[type=password],
-textarea,
-select {
-  display: inline-block;
-  width: 210px;
-  padding: 4px;
-  font-size: 13px;
-  font-weight: normal;
-  line-height: 18px;
-  height: 18px;
-  color: #808080;
-  border: 1px solid #ccc;
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  border-radius: 3px;
-}
-select, input[type=file] {
-  height: 27px;
-  line-height: 27px;
-}
-textarea {
-  height: auto;
-}
-
-/* grey out placeholders */
-:-moz-placeholder {
-  color: #bfbfbf;
-}
-::-webkit-input-placeholder {
-  color: #bfbfbf;
-}
-
-input[type=text],
-input[type=password],
-select,
-textarea {
-  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-  transition: border linear 0.2s, box-shadow linear 0.2s;
-  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
-  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
-  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
-}
-input[type=text]:focus, input[type=password]:focus, textarea:focus {
-  outline: none;
-  border-color: rgba(82, 168, 236, 0.8);
-  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
-  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
-  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
-}
-
-/* buttons */
-button {
-  display: inline-block;
-  padding: 4px 14px;
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-size: 13px;
-  line-height: 18px;
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
-  border-radius: 4px;
-  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-  background-color: #0064cd;
-  background-repeat: repeat-x;
-  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
-  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
-  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
-  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
-  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
-  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
-  background-image: linear-gradient(top, #049cdb, #0064cd);
-  color: #fff;
-  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-  border: 1px solid #004b9a;
-  border-bottom-color: #003f81;
-  -webkit-transition: 0.1s linear all;
-  -moz-transition: 0.1s linear all;
-  transition: 0.1s linear all;
-  border-color: #0064cd #0064cd #003f81;
-  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-}
-button:hover {
-  color: #fff;
-  background-position: 0 -15px;
-  text-decoration: none;
-}
-button:active {
-  -webkit-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-  -moz-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-  box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-}
-button::-moz-focus-inner {
-  padding: 0;
-  border: 0;
-}
-

themes/markdown10.css

@@ -1,90 +0,0 @@
-*{margin:0;padding:0;}
-body {
-     font:13.34px helvetica,arial,freesans,clean,sans-serif;
-     color:black;
-     line-height:1.4em;
-     background-color: #F8F8F8;
-     padding: 0.7em;
-}
-p {
-     margin:1em 0;
-     line-height:1.5em;
-}
-table {
-     font-size:inherit;
-     font:100%;
-     margin:1em;
-}
-table th{border-bottom:1px solid #bbb;padding:.2em 1em;}
-table td{border-bottom:1px solid #ddd;padding:.2em 1em;}
-input[type=text],input[type=password],input[type=image],textarea{font:99% helvetica,arial,freesans,sans-serif;}
-select,option{padding:0 .25em;}
-optgroup{margin-top:.5em;}
-pre,code{font:12px Menlo, Monaco, "DejaVu Sans Mono", "Bitstream Vera Sans Mono",monospace;}
-pre {
-     margin:1em 0;
-     font-size:12px;
-     background-color:#eee;
-     border:1px solid #ddd;
-     padding:5px;
-     line-height:1.5em;
-     color:#444;
-     overflow:auto;
-     -webkit-box-shadow:rgba(0,0,0,0.07) 0 1px 2px inset;
-     -webkit-border-radius:3px;
-     -moz-border-radius:3px;border-radius:3px;
-}
-pre code {
-     padding:0;
-     font-size:12px;
-     background-color:#eee;
-     border:none;
-}
-code {
-     font-size:12px;
-     background-color:#f8f8ff;
-     color:#444;
-     padding:0 .2em;
-     border:1px solid #dedede;
-}
-img{border:0;max-width:100%;}
-abbr{border-bottom:none;}
-a{color:#4183c4;text-decoration:none;}
-a:hover{text-decoration:underline;}
-a code,a:link code,a:visited code{color:#4183c4;}
-h2,h3{margin:1em 0;}
-h1,h2,h3,h4,h5,h6{border:0;}
-h1{font-size:170%;border-top:4px solid #aaa;padding-top:.5em;margin-top:1.5em;}
-h1:first-child{margin-top:0;padding-top:.25em;border-top:none;}
-h2{font-size:150%;margin-top:1.5em;border-top:4px solid #e0e0e0;padding-top:.5em;}
-h3{margin-top:1em;}
-hr{border:1px solid #ddd;}
-ul{margin:1em 0 1em 2em;}
-ol{margin:1em 0 1em 2em;}
-ul li,ol li{margin-top:.5em;margin-bottom:.5em;}
-ul ul,ul ol,ol ol,ol ul{margin-top:0;margin-bottom:0;}
-blockquote{margin:1em 0;border-left:5px solid #ddd;padding-left:.6em;color:#555;}
-dt{font-weight:bold;margin-left:1em;}
-dd{margin-left:2em;margin-bottom:1em;}
-sup {
-   font-size: 0.83em;
-   vertical-align: super;
-   line-height: 0;
-}
-* {
-     -webkit-print-color-adjust: exact;
-}
-@media screen and (min-width: 914px) {
-   body {
-      width: 854px;
-      margin:0 auto;
-   }
-}
-@media print {
-     table, pre {
-          page-break-inside: avoid;
-     }
-     pre {
-          word-wrap: break-word;
-     }
-}

themes/markdown2.css

@@ -1,142 +0,0 @@
-@import url(http://fonts.googleapis.com/css?family=Vollkorn:400,400italic,700,700italic&subset=latin);
-
-html, body {
-        padding:1em;
-        margin:auto;
-        max-width:42em;
-        background:#fefefe;
-    }
-body {
-    font: 1.3em "Vollkorn", Palatino, Times;
-    color: #333;
-    line-height: 1.4;
-    text-align: justify;
-    }
-header, nav, article, footer {
-    width: 700px;
-    margin:0 auto;
-    }
-article {
-    margin-top: 4em;
-    margin-bottom: 4em;
-    min-height: 400px;
-    }
-footer {
-    margin-bottom:50px;
-    }
-video {
-    margin: 2em 0;
-    border:1px solid #ddd;
-    }
-
-nav {
-    font-size: .9em;
-    font-style: italic;
-    border-bottom: 1px solid #ddd;
-    padding: 1em 0;
-    }
-nav p {
-    margin: 0;
-    }
-
-/* Typography
--------------------------------------------------------- */
-
-h1 {
-    margin-top: 0;
-    font-weight: normal;
-    }
-h2 {
-    font-weight: normal;
-    }
-h3 {
-    font-weight: normal;
-    font-style: italic;
-    margin-top:3em;
-    }
-p {
-    margin-top:0;
-    -webkit-hypens:auto;
-    -moz-hypens:auto;
-    hyphens:auto;
-    }
-ul {
-    list-style: square;
-    padding-left:1.2em;
-    }
-ol {
-    padding-left:1.2em;
-    }
-blockquote {
-    margin-left: 1em;
-    padding-left: 1em;
-    border-left: 1px solid #ddd;
-    }
-code {
-    font-family: "Consolas", "Menlo", "Monaco", monospace, serif;
-    font-size: .9em;
-    background: white;
-    }
-a {
-    color: #2484c1;
-    text-decoration: none;
-    }
-a:hover {
-    text-decoration: underline;
-    }
-a img {
-    border:none;
-    }
-h1 a, h1 a:hover {
-    color: #333;
-    text-decoration: none;
-    }
-hr {
-    color : #ddd;
-    height : 1px;
-    margin: 2em 0;
-    border-top : solid 1px #ddd;
-    border-bottom : none;
-    border-left: 0;
-    border-right: 0;
-    }
-p#heart{
-    font-size: 2em;
-    line-height: 1;
-    text-align: center;
-    color: #ccc;
-    }
-.red {
-    color:#B50000;
-    }
-
-/* Home Page
---------------------------- */
-
-body#index li {
-    margin-bottom: 1em;
-    }
-
-
-/* iPad
--------------------------------------------------------- */
-@media only screen and (max-device-width: 1024px) {
-body {
-    font-size: 120%;
-    line-height: 1.4;
-    }
-} /* @iPad */
-
-/* iPhone
--------------------------------------------------------- */
-@media only screen and (max-device-width: 480px) {
-body {
-    text-align: left;
-    }
-article, footer {
-    width: auto;
-    }
-article {
-    padding: 0 10px;
-    }
-} /* @iPhone */

themes/markdown3.css

@@ -1,102 +0,0 @@
-html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
-
-body{
-color:#444;
-font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
-font-size:12px;
-line-height:1.5em;
-padding:1em;
-margin:auto;
-max-width:42em;
-background:#fefefe;
-}
-
-a{ color: #0645ad; text-decoration:none;}
-a:visited{ color: #0b0080; }
-a:hover{ color: #06e; }
-a:active{ color:#faa700; }
-a:focus{ outline: thin dotted; }
-a:hover, a:active{ outline: 0; }
-
-::-moz-selection{background:rgba(255,255,0,0.3);color:#000}
-::selection{background:rgba(255,255,0,0.3);color:#000}
-
-a::-moz-selection{background:rgba(255,255,0,0.3);color:#0645ad}
-a::selection{background:rgba(255,255,0,0.3);color:#0645ad}
-
-p{
-margin:1em 0;
-}
-
-img{
-max-width:100%;
-}
-
-h1,h2,h3,h4,h5,h6{
-font-weight:normal;
-color:#111;
-line-height:1em;
-}
-h4,h5,h6{ font-weight: bold; }
-h1{ font-size:2.5em; }
-h2{ font-size:2em; }
-h3{ font-size:1.5em; }
-h4{ font-size:1.2em; }
-h5{ font-size:1em; }
-h6{ font-size:0.9em; }
-
-blockquote{
-color:#666666;
-margin:0;
-padding-left: 3em;
-border-left: 0.5em #EEE solid;
-}
-hr { display: block; height: 2px; border: 0; border-top: 1px solid #aaa;border-bottom: 1px solid #eee; margin: 1em 0; padding: 0; }
-pre, code, kbd, samp { color: #000; font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 0.98em; }
-pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
-
-b, strong { font-weight: bold; }
-
-dfn { font-style: italic; }
-
-ins { background: #ff9; color: #000; text-decoration: none; }
-
-mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
-
-sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
-sup { top: -0.5em; }
-sub { bottom: -0.25em; }
-
-ul, ol { margin: 1em 0; padding: 0 0 0 2em; }
-li p:last-child { margin:0 }
-dd { margin: 0 0 0 2em; }
-
-img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
-
-table { border-collapse: collapse; border-spacing: 0; }
-td { vertical-align: top; }
-
-@media only screen and (min-width: 480px) {
-body{font-size:14px;}
-}
-
-@media only screen and (min-width: 768px) {
-body{font-size:16px;}
-}
-
-@media print {
-  * { background: transparent !important; color: black !important; filter:none !important; -ms-filter: none !important; }
-  body{font-size:12pt; max-width:100%;}
-  a, a:visited { text-decoration: underline; }
-  hr { height: 1px; border:0; border-bottom:1px solid black; }
-  a[href]:after { content: " (" attr(href) ")"; }
-  abbr[title]:after { content: " (" attr(title) ")"; }
-  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
-  pre, blockquote { border: 1px solid #999; padding-right: 1em; page-break-inside: avoid; }
-  tr, img { page-break-inside: avoid; }
-  img { max-width: 100% !important; }
-  @page :left { margin: 15mm 20mm 15mm 10mm; }
-  @page :right { margin: 15mm 10mm 15mm 20mm; }
-  p, h2, h3 { orphans: 3; widows: 3; }
-  h2, h3 { page-break-after: avoid; }
-}

themes/markdown4.css

@@ -1,112 +0,0 @@
-@charset "utf-8";
-
-/**
- * markdown.css
- *
- * This program is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Lesser General Public License as published by the Free
- * Software Foundation, either version 3 of the License, or (at your option) any
- * later version.
- *
- * This program is distributed in the hope that it will be useful, but WITHOUT
- * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
- * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more
- * details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program. If not, see http://gnu.org/licenses/lgpl.txt.
- *
- * @project      Weblog and Open Source Projects of Florian Wolters
- * @version      GIT: $Id$
- * @package      xhtml-css
- * @author       Florian Wolters <[email protected]>
- * @copyright    2012 Florian Wolters
- * @cssdoc       version 1.0-pre
- * @license      http://gnu.org/licenses/lgpl.txt GNU Lesser General Public License
- * @link         http://github.com/FlorianWolters/jekyll-bootstrap-theme
- * @media        all
- * @valid        true
- */
-
-body {
-    font-family: Helvetica, Arial, Freesans, clean, sans-serif;
-padding:1em;
-margin:auto;
-max-width:42em;
-background:#fefefe;
-}
-
-h1, h2, h3, h4, h5, h6 {
-    font-weight: bold;
-}
-
-h1 {
-    color: #000000;
-    font-size: 28px;
-}
-
-h2 {
-    border-bottom: 1px solid #CCCCCC;
-    color: #000000;
-    font-size: 24px;
-}
-
-h3 {
-    font-size: 18px;
-}
-
-h4 {
-    font-size: 16px;
-}
-
-h5 {
-    font-size: 14px;
-}
-
-h6 {
-    color: #777777;
-    background-color: inherit;
-    font-size: 14px;
-}
-
-hr {
-    height: 0.2em;
-    border: 0;
-    color: #CCCCCC;
-    background-color: #CCCCCC;
-}
-
-p, blockquote, ul, ol, dl, li, table, pre {
-    margin: 15px 0;
-}
-
-code, pre {
-    border-radius: 3px;
-    background-color: #F8F8F8;
-    color: inherit;
-}
-
-code {
-    border: 1px solid #EAEAEA;
-    margin: 0 2px;
-    padding: 0 5px;
-}
-
-pre {
-    border: 1px solid #CCCCCC;
-    line-height: 1.25em;
-    overflow: auto;
-    padding: 6px 10px;
-}
-
-pre > code {
-    border: 0;
-    margin: 0;
-    padding: 0;
-}
-
-a, a:visited {
-    color: #4183C4;
-    background-color: inherit;
-    text-decoration: none;
-}

themes/new-modern.css

@@ -0,0 +1,482 @@
+/* Title: New Modern */
+/* Author: Jocelyn Richard http://jocelynrichard.com/ */
+/* Description: Baseline style, meant to be used on its own or to serve as development basis. */
+
+/* ================================================ */
+/* 1. Reset */
+/* 2. Skeleton */
+/* 3. Media Queries */
+/* 4. Print Styles */
+/* ================================================ */
+
+
+
+/* ================================================ */
+/* 1. Reset */
+/* ================================================ */
+
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
+b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0;} /* Edited from http://www.cssreset.com/scripts/eric-meyer-reset-css/ */
+
+article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {display: block;} /* Semantic tags definition for IE 6/7/8/9 and Firefox 3 */
+
+html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;} /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
+
+
+
+/* ================================================ */
+/* 2. Skeleton */
+/* ================================================ */
+
+/* ------------------------------------------------- */
+/* General */
+/* ------------------------------------------------- */
+
+html {
+  font-size: 14px;
+}
+
+body {
+  font-family: 'Open Sans', sans-serif;
+  margin: 3.42rem 1.71rem !important; /* Get margins even if the Markdown rendering app doesn't include any */
+  background-color: white;
+  color: #222;
+}
+
+#wrapper { /* #wrapper: ID added by Marked */
+  max-width: 42rem;
+  margin: 0 auto;
+  margin-left: auto !important;  /* Countering toc.css added by Marked */
+  padding: 1.71rem 0 !important; /* Countering toc.css added by Marked */
+}
+
+/* ------------------------------------------------- */
+/* Typography */
+/* ------------------------------------------------- */
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    margin-bottom: 1.6rem;
+}
+
+h1,
+h2 {
+    margin-top: 3.2rem;
+}
+
+h1 {
+    font-size:   2.82rem; /* 42.3px @15px */
+    line-height: 3.2rem;  /* 48px @15px */
+}
+
+h2 {
+    font-size:   1.99rem; /* 29.9px @15px */
+    line-height: 2.4rem;  /* 36px @15px */
+}
+
+h3 {
+    font-size:   1.41rem; /* 21.2px @15px */
+    line-height: 2rem;    /* 30px @15px */
+}
+
+h4 {
+    font-size:   1rem;   /* 15px @15px */
+    line-height: 1.6rem; /* 24px @15px */
+}
+
+h5, h6 {
+  font-size:   0.8rem;
+    line-height: 1.2rem;
+    text-transform: uppercase;
+}
+
+h6 {
+  margin-left: 1.6rem;
+}
+
+p,
+ol,
+ul,
+blockquote {
+    font-size:     1rem;
+    line-height:   1.6rem;
+    margin-bottom: 1.6rem;
+}
+
+ul ul,
+ul ol,
+ol ul,
+ol ol {
+  margin-left: 1.6rem;
+  margin-top:  1.6rem;
+}
+
+#generated-toc ul ul, /* #generated-toc: added by Marked for its table of contents */
+#generated-toc ul ol,
+#generated-toc ol ul,
+#generated-toc ol ol {
+  margin-top:     0;
+  margin-bottom:  0;
+  padding-top:    0;
+  padding-bottom: 0;
+}
+
+blockquote {
+  margin: 0 0 1.6rem 2.4rem;
+  padding-left: 0.8rem; /* Voire */
+  border-left: 4px solid rgba(0,0,0,0.08);
+  font-style: normal;
+}
+
+blockquote ul {
+  margin-left: 0.8rem; /* Pour ne pas que les hanging bullets mordent sur le blockquote  */
+}
+
+ol li blockquote, /* So that blockquote work in lists */
+ul li blockquote {
+  margin-left: 0;
+}
+
+a:link {
+  text-decoration: none;
+  color: #165bd4;
+  border-bottom: 1px solid #ccc;
+}
+
+a:visited {
+  color: #7697cf;
+  border-bottom: 1px solid #ccc;
+}
+
+a:hover {
+  border-color: #165bd4;
+}
+
+a:active {
+  background-color: #e6e6e6;
+}
+
+/* ------------------------------------------------- */
+/* Tables */
+/* ------------------------------------------------- */
+
+table {
+  font-size: 0.85rem;
+  margin: 0 0 1.6rem 0;
+  border-collapse: collapse;
+  border: 1px solid #ccc;
+}
+
+th,
+td {
+  padding: 0.5rem 0.75rem;
+  max-width: 20rem; /* Avoid dropping lines for nothing without having ridiculously wide tables */
+}
+
+th {
+  border-bottom: 2px solid #222;
+}
+
+tr {
+  border-bottom: 1px solid #ccc;
+}
+
+tbody tr:nth-child(odd) {
+  background-color: #f9f9f9;
+}
+
+table code {
+  font-size: 85%;
+}
+
+/* ------------------------------------------------- */
+/* Misc */
+/* ------------------------------------------------- */
+
+img {
+  max-width: 100%
+}
+
+caption,
+figcaption {
+  font-size:   0.85rem;
+    line-height: 1.6rem;
+  margin: 0 1.6rem;
+  text-align: left;
+}
+
+figcaption {
+  margin-bottom: 1.6rem;
+}
+
+h1, /* White-space mentions in order to force wrapping */
+h2,
+a:link,
+pre {
+  white-space:      pre;      /* CSS 2.0 */
+  white-space:      pre-wrap; /* CSS 2.1 */
+  white-space:      pre-line; /* CSS 3.0 */
+  white-space:     -pre-wrap; /* Opera 4-6 */
+  white-space:   -o-pre-wrap; /* Opera 7 */
+  white-space: -moz-pre-wrap; /* Mozilla */
+  white-space:  -hp-pre-wrap; /* HP Printers */
+  word-wrap: break-word;      /* IE 5+ */
+}
+
+code {
+  font-family: "Menlo", "Courier New", "Courier", monospace;
+  font-size: 85%;
+  color: #666;
+  background-color: rgba(0,0,0,0.08);
+  padding: 2px 4px;
+  border-radius: 2px;
+}
+
+pre {
+  background-color: rgba(0,0,0,0.08);
+  border-radius: 8px;
+  padding: 0.4rem;
+  margin-bottom: 1.6rem;
+}
+
+pre code { /* Counter the code mentions */
+  background-color: transparent;
+  padding: 0;
+}
+
+sup,
+sub,
+a.footnote { /* Keep line-height from being affected by sub, cf https://gist.github.com/unruthless/413930 */
+   font-size: 75%;
+   height: 0;
+   line-height: 1;
+   position: relative;
+}
+
+sup,
+a.footnote {
+    vertical-align:super;
+}
+
+sub {
+    vertical-align: sub;
+}
+
+dt {
+  font-weight: 600;
+}
+
+dd {
+  font-size: 1rem;
+  line-height: 1.6rem;
+  margin-bottom: 1.6rem;
+}
+
+hr {
+  clear: none;
+  height: 0.2rem;
+  border: none;
+  margin: 0 auto 1.4rem auto; /* 2.4rem auto 2.2rem auto; */
+  width: 100%;
+  color: #ccc;
+  background-color: #ccc;
+}
+
+::selection {
+  background-color: #f8dc77;
+}
+
+::-moz-selection {
+  background-color: #f8dc77;
+}
+
+a:focus {
+  outline: 2px solid;
+  outline-color: #165bd4;
+}
+
+/* ------------------------------------------------- */
+/* Animations */
+/* ------------------------------------------------- */
+
+a:hover {
+     -moz-transition: all 0.2s ease-in-out;
+  -webkit-transition: all 0.2s ease-in-out;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote {
+     -moz-transition: all 0.2s ease;
+  -webkit-transition: all 0.2s ease;
+}
+
+
+
+/* ================================================ */
+/* 3. Media Queries */
+/* ================================================ */
+
+/* Base styles are for smartphones; elements are then tweaked as the viewport grows. */
+
+/* ------------------------------------------------- */
+/* iPad and desktop */
+/* ------------------------------------------------- */
+
+@media only screen and (min-width: 641px) {
+
+  html {
+    font-size: 15px;
+  }
+
+  body {
+    margin: 4.8em 2.4rem 3.2rem 2.4rem !important;
+  }
+
+  h1 {
+      font-size:   3.57rem; /* 53.2px @15px */
+    line-height: 4rem;    /* 60px @15px */
+  }
+
+  h2 {
+    font-size:   2.24rem; /* 33.6px @15px */
+    line-height: 2.8rem;  /* 42px @15px */
+  }
+
+}
+
+/* ------------------------------------------------- */
+/* Widescreens */
+/* ------------------------------------------------- */
+
+@media only screen and (min-width: 1441px) {
+
+  html {
+    font-size: 22px;
+  }
+
+}
+
+
+
+/* ================================================ */
+/* 4. Print Styles */
+/* ================================================ */
+
+/* Inconsistent and buggy across browsers */
+
+@media print {
+
+  * {
+    background: transparent !important;
+    color: #000 !important; /* Black text prints faster and browsers are inconsistent in color reproduction anyway: h5bp.com/s */
+  }
+
+  @page {
+    margin: 1cm; /* Added to any #wrapper margin*/
+  }
+
+  html {
+    font-size: 15px;
+  }
+
+  body {
+    margin: 1rem !important; /* Security margins for browser without @page support */
+  }
+
+  #wrapper {
+    max-width: none;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  p {
+    orphans: 3;
+    widows: 3;
+    page-break-after: avoid;
+  }
+
+  ul,
+  ol {
+    list-style-position: inside !important;
+    padding-right: 0 !important;
+    margin-left: 0 !important;
+  }
+
+  ul ul,
+  ul ol,
+  ol ul,
+  ol ol,
+  ul p:not(:first-child),
+  ol p:not(:first-child) {
+    margin-left: 2rem !important;
+  }
+
+  a:link,
+  a:visited {
+    text-decoration: underline !important;
+    font-weight: normal !important;
+  }
+
+  a[href]:after {
+    content: " (" attr(href) ")";
+  }
+
+  a[href^="javascript:"]:after,
+  a[href^="#"]:after {
+    content: ""; /* Do not show javascript and internal links */
+  }
+
+  a[href^="#"] {
+    text-decoration: none !important;
+  }
+
+  th {
+    background-color: rgba(0,0,0,0.2) !important;
+    border-bottom: none !important;
+  }
+
+  tr {
+    page-break-inside: avoid;
+  }
+
+  tbody tr:nth-child(even) {
+    background-color: rgba(0,0,0,0.1) !important;
+  }
+
+  pre {
+    border: 1px solid rgba(0,0,0,0.2);
+    page-break-inside: avoid;
+  }
+
+  img {
+    max-width: 100% !important;
+    page-break-inside: avoid;
+  }
+
+  /* #generated-toc: added by Marked for its table of contents */
+
+  #wrapper #generated-toc ul, /* Table of contents printing in Marked */
+  #wrapper #generated-toc ol {
+    list-style-type: decimal;
+  }
+
+  #wrapper #generated-toc ul li,
+  #wrapper #generated-toc ol li {
+    margin: 1rem 0;
+  }
+
+}

themes/radar.css

@@ -0,0 +1,355 @@
+
+body {
+  margin: 0px;
+
+  font-family: 'PT Sans', Helvetica, 'Helvetica Neuve', Arial, Tahoma, sans-serif;
+  font-size: 17px;
+
+  color: #333;
+}}
+
+h1, h2, h3, h4, h5, h6 {
+  color:#222;
+  margin:0 0 20px;
+}
+
+p, ul, ol, table, pre, dl {
+  margin:0 0 20px;
+}
+
+h1, h2, h3 {
+  line-height:1.1;
+}
+
+h1 {
+  font-size:28px;
+}
+
+h2 {
+  color:#393939;
+}
+
+h3, h4, h5, h6 {
+  color:#494949;
+}
+
+a {
+  color:#39c;
+  font-weight:400;
+  text-decoration:none;
+}
+
+a small {
+  font-size:11px;
+  color:#777;
+  margin-top:-0.6em;
+  display:block;
+}
+
+.wrapper {
+  width:860px;
+  margin:0 auto;
+}
+
+blockquote {
+  border-left:1px solid #e5e5e5;
+  margin:0;
+  padding:0 0 0 20px;
+  font-style:italic;
+}
+
+code, pre {
+  color:#333;
+  font-size:12px;
+}
+
+pre {
+  padding:8px 15px;
+  background: #f8f8f8;
+  border-radius:5px;
+  border:1px solid #e5e5e5;
+  overflow-x: auto;
+}
+
+table {
+  width:100%;
+  border-collapse:collapse;
+}
+
+th, td {
+  text-align:left;
+  padding:5px 10px;
+  border-bottom:1px solid #e5e5e5;
+}
+
+dt {
+  color:#444;
+  font-weight:700;
+}
+
+th {
+  color:#444;
+}
+
+img {
+  max-width:100%;
+}
+
+header {
+  width:270px;
+  float:left;
+  position:fixed;
+}
+
+header ul {
+  list-style:none;
+  height:40px;
+
+  padding:0;
+
+  background: #eee;
+  background: -moz-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd));
+  background: -webkit-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
+  background: -o-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
+  background: -ms-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
+  background: linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
+
+  border-radius:5px;
+  border:1px solid #d2d2d2;
+  box-shadow:inset #fff 0 1px 0, inset rgba(0,0,0,0.03) 0 -1px 0;
+  width:270px;
+}
+
+header li {
+  width:89px;
+  float:left;
+  border-right:1px solid #d2d2d2;
+  height:40px;
+}
+
+header ul a {
+  line-height:1;
+  font-size:11px;
+  color:#999;
+  display:block;
+  text-align:center;
+  padding-top:6px;
+  height:40px;
+}
+
+strong {
+  color:#222;
+  font-weight:700;
+}
+
+header ul li + li {
+  width:88px;
+  border-left:1px solid #fff;
+}
+
+header ul li + li + li {
+  border-right:none;
+  width:89px;
+}
+
+header ul a strong {
+  font-size:14px;
+  display:block;
+  color:#222;
+}
+
+section {
+  width:500px;
+  float:right;
+  padding-bottom:50px;
+}
+
+small {
+  font-size:11px;
+}
+
+hr {
+  border:0;
+  background:#e5e5e5;
+  height:1px;
+  margin:0 0 20px;
+}
+
+footer {
+  width:270px;
+  float:left;
+  position:fixed;
+  bottom:50px;
+}
+
+@media print, screen and (max-width: 960px) {
+
+  div.wrapper {
+    width:auto;
+    margin:0;
+  }
+
+  header, section, footer {
+    float:none;
+    position:static;
+    width:auto;
+  }
+
+  header {
+    padding-right:320px;
+  }
+
+  section {
+    border:1px solid #e5e5e5;
+    border-width:1px 0;
+    padding:20px 0;
+    margin:0 0 20px;
+  }
+
+  header a small {
+    display:inline;
+  }
+
+  header ul {
+    position:absolute;
+    right:50px;
+    top:52px;
+  }
+}
+
+@media print, screen and (max-width: 720px) {
+  body {
+    word-wrap:break-word;
+  }
+
+  header {
+    padding:0;
+  }
+
+  header ul, header p.view {
+    position:static;
+  }
+
+  pre, code {
+    word-wrap:normal;
+  }
+}
+
+@media print, screen and (max-width: 480px) {
+  body {
+    padding:15px;
+  }
+
+  header ul {
+    display:none;
+  }
+}
+
+@media print {
+  body {
+    padding:0.4in;
+    font-size:12pt;
+    color:#444;
+  }
+}
+
+
+#wrapper {
+  padding: 1em;
+}
+
+.ca-menu {
+ list-style: none;
+  padding: 0;
+  margin: 20px auto;
+}
+
+#toc {
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: auto;
+  width: 20%;
+  background-color: #fff;
+  padding: 20px;
+  position: fixed;
+  z-index: 1;
+  display: none;
+  height: 100%;
+}
+
+
+#toc::before {
+  content: "";
+  position: absolute;
+
+  top: 15%;
+  bottom: 15%;
+  left: -1px;
+  width: 1px;
+  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(227,224,216,0)), color-stop(20%, #e3e0d8), color-stop(80%, #e3e0d8), color-stop(100%, rgba(227,224,216,0)));
+  background: -webkit-linear-gradient(top, rgba(227,224,216,0) 0%,#e3e0d8 20%,#e3e0d8 80%,rgba(227,224,216,0) 100%);
+  background: -moz-linear-gradient(top, rgba(227,224,216,0) 0%,#e3e0d8 20%,#e3e0d8 80%,rgba(227,224,216,0) 100%);
+  background: -o-linear-gradient(top, rgba(227,224,216,0) 0%,#e3e0d8 20%,#e3e0d8 80%,rgba(227,224,216,0) 100%);
+  background: linear-gradient(top, rgba(227,224,216,0) 0%,#e3e0d8 20%,#e3e0d8 80%,rgba(227,224,216,0) 100%);
+}
+
+#toc-inner {
+  display: table-cell;
+  vertical-align: middle;
+}
+
+.nav-list {
+  height: 50%;
+  margin: auto 0;
+}
+
+div.clear {
+  clear: both;
+}
+
+h1 { font-size: 2.5em; line-height: 1; }
+h2 { font-size: 2em;   line-height: 1; }
+h3 { font-size: 1.5em; line-height: 1; }
+h4 { font-size: 1.2em; line-height: 1.25; }
+h5 { font-size: 1em;   line-height: 1; font-weight: bold; }
+h6 { font-size: 1em;   line-height: 1; font-weight: bold; }
+
+h1, h2, h3, h4, h5, h6 { font-weight: normal; margin-top: 1em; margin-bottom: 0.5em; }
+h1, h2 { margin-bottom: 0.5em; }
+
+.post p {
+  max-width: 580px;
+}
+
+ul.list, ol.list {
+  padding-left: 3.333em;
+  max-width: 580px;
+}
+
+.post h2 {
+  border-bottom: 1px solid #EDEDED;
+}
+
+h1:nth-child(1),
+h2:nth-child(1),
+h3:nth-child(1),
+h4:nth-child(1),
+h5:nth-child(1),
+h6:nth-child(1) {
+  margin-top: 0;
+}
+
+@media (min-width: 43.75em) {
+  #wrapper {
+    width: 650px;
+    padding: 20px 50px;
+  }
+}
+
+@media (min-width: 62em) {
+  #toc {
+    display: table;
+  }
+}

themes/thomasf-solarizedcssdark.css → themes/solarized-dark.css

@@ -154,9 +154,7 @@ table {
   border-collapse: collapse;
   border-spacing: 0;
 }
-@import url(//fonts.googleapis.com/css?family=Inconsolata);
-@import url(//fonts.googleapis.com/css?family=PT+Sans);
-@import url(//fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);
+
 html {
   font-family: 'PT Sans', sans-serif;
 }
@@ -179,7 +177,7 @@ html {
   margin: 1em;
 }
 code {
-  background-color: #073642;
+  /*background-color: #073642;*/
   padding: 2px;
 }
 a {
@@ -202,14 +200,14 @@ h6 {
   color: #859900;
 }
 pre {
-  background-color: #002b36;
+  /*background-color: #002b36;*/
   color: #839496;
   border: 1pt solid #586e75;
   padding: 1em;
   box-shadow: 5pt 5pt 8pt #073642;
 }
 pre code {
-  background-color: #002b36;
+  /*background-color: #002b36;*/
 }
 h1 {
   font-size: 2.8em;
@@ -230,7 +228,7 @@ h6 {
   font-size: 1.15em;
 }
 .tag {
-  background-color: #073642;
+  /*background-color: #073642;*/
   color: #d33682;
   padding: 0 0.2em;
 }

themes/thomasf-solarizedcsslight.css → themes/solarized-light.css

@@ -154,9 +154,7 @@ table {
   border-collapse: collapse;
   border-spacing: 0;
 }
-@import url(//fonts.googleapis.com/css?family=Inconsolata);
-@import url(//fonts.googleapis.com/css?family=PT+Sans);
-@import url(//fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);
+
 html {
   font-family: 'PT Sans', sans-serif;
 }

themes/swiss.css

@@ -1,113 +0,0 @@
-@charset "utf-8";
-
-/**
- * markdown.css
- *
- * This program is free software: you can redistribute it and/or modify it under
- * the terms of the GNU Lesser General Public License as published by the Free
- * Software Foundation, either version 3 of the License, or (at your option) any
- * later version.
- *
- * This program is distributed in the hope that it will be useful, but WITHOUT
- * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
- * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more
- * details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program. If not, see http://gnu.org/licenses/lgpl.txt.
- *
- * @project      Weblog and Open Source Projects of Florian Wolters
- * @version      GIT: $Id$
- * @package      xhtml-css
- * @author       Florian Wolters <[email protected]>
- * @copyright    2012 Florian Wolters
- * @cssdoc       version 1.0-pre
- * @license      http://gnu.org/licenses/lgpl.txt GNU Lesser General Public License
- * @link         http://github.com/FlorianWolters/jekyll-bootstrap-theme
- * @media        all
- * @valid        true
- */
-
-body {
-    font-family: Helvetica, Arial, Freesans, clean, sans-serif;
-padding:1em;
-margin:auto;
-max-width:42em;
-background:#fefefe;
-}
-
-h1, h2, h3, h4, h5, h6 {
-    font-weight: bold;
-}
-
-h1 {
-    color: #000000;
-    font-size: 28px;
-}
-
-h2 {
-    border-bottom: 1px solid #CCCCCC;
-    color: #000000;
-    font-size: 24px;
-}
-
-h3 {
-    font-size: 18px;
-}
-
-h4 {
-    font-size: 16px;
-}
-
-h5 {
-    font-size: 14px;
-}
-
-h6 {
-    color: #777777;
-    background-color: inherit;
-    font-size: 14px;
-}
-
-hr {
-    height: 0.2em;
-    border: 0;
-    color: #CCCCCC;
-    background-color: #CCCCCC;
-}
-
-p, blockquote, ul, ol, dl, li, table, pre {
-    margin: 15px 0;
-}
-
-code, pre {
-    border-radius: 3px;
-    background-color: #F8F8F8;
-    color: inherit;
-}
-
-code {
-    border: 1px solid #EAEAEA;
-    margin: 0 2px;
-    padding: 0 5px;
-}
-
-pre {
-    border: 1px solid #CCCCCC;
-    line-height: 1.25em;
-    overflow: auto;
-    padding: 6px 10px;
-}
-
-pre > code {
-    border: 0;
-    margin: 0;
-    padding: 0;
-}
-
-a, a:visited {
-    color: #4183C4;
-    background-color: inherit;
-    text-decoration: none;
-}
-

themes/vostok.css

@@ -0,0 +1,712 @@
+/* Title: Vostok */
+/* Author: Jocelyn Richard http://jocelynrichard.com/ */
+/* Description: Generous x-height and contrasted colors make for highly legible documents. Works best with the free PT fonts: http://www.paratype.com/public/ */
+
+/* ================================================ */
+/* 1. Reset */
+/* 2. Skeleton */
+/* 3. Media Queries */
+/* 4. Print Styles */
+/* 5. Vostok Overrides */
+/* ================================================ */
+
+
+
+/* ================================================ */
+/* 1. Reset */
+/* ================================================ */
+
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
+b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0;} /* Edited from http://www.cssreset.com/scripts/eric-meyer-reset-css/ */
+
+article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {display: block;} /* Semantic tags definition for IE 6/7/8/9 and Firefox 3 */
+
+html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;} /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
+
+
+
+/* ================================================ */
+/* 2. Skeleton */
+/* ================================================ */
+
+/* ------------------------------------------------- */
+/* General */
+/* ------------------------------------------------- */
+
+html {
+  font-size: 14px;
+}
+
+body {
+  font-family: 'Open Sans', sans-serif;
+  margin: 1.71rem 1.71rem  3rem 1.71rem ; /* Get margins even if the Markdown rendering app doesn't include any */
+  background-color: white;
+  color: #222;
+}
+
+#wrapper { /* #wrapper: ID added by Marked */
+  max-width: 42rem;
+  margin: 0 auto;
+  margin-left: auto !important;  /* Countering toc.css added by Marked */
+  padding: 1.71rem 0 !important; /* Countering toc.css added by Marked */
+}
+
+/* ------------------------------------------------- */
+/* Typography */
+/* ------------------------------------------------- */
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    margin-bottom: 1.6rem;
+}
+
+h1,
+h2 {
+    margin-top: 3.2rem;
+}
+
+h1 {
+    font-size:   2.82rem; /* 42.3px @15px */
+    line-height: 3.2rem;  /* 48px @15px */
+}
+
+h2 {
+    font-size:   1.99rem; /* 29.9px @15px */
+    line-height: 2.4rem;  /* 36px @15px */
+}
+
+h3 {
+    font-size:   1.41rem; /* 21.2px @15px */
+    line-height: 2rem;    /* 30px @15px */
+}
+
+h4 {
+    font-size:   1rem;   /* 15px @15px */
+    line-height: 1.6rem; /* 24px @15px */
+}
+
+h5, h6 {
+  font-size:   0.8rem;
+    line-height: 1.2rem;
+    text-transform: uppercase;
+}
+
+h6 {
+  margin-left: 1.6rem;
+}
+
+p,
+ol,
+ul,
+blockquote {
+    font-size:     1rem;
+    line-height:   1.6rem;
+    margin-bottom: 1.6rem;
+}
+
+ul ul,
+ul ol,
+ol ul,
+ol ol {
+  margin-left: 1.6rem;
+  margin-top:  1.6rem;
+}
+
+#generated-toc ul ul, /* #generated-toc: added by Marked for its table of contents */
+#generated-toc ul ol,
+#generated-toc ol ul,
+#generated-toc ol ol {
+  margin-top:     0;
+  margin-bottom:  0;
+  padding-top:    0;
+  padding-bottom: 0;
+}
+
+blockquote {
+  margin: 0 0 1.6rem 2.4rem;
+  padding-left: 0.8rem; /* Voire */
+  border-left: 4px solid rgba(0,0,0,0.08);
+  font-style: normal;
+}
+
+blockquote ul {
+  margin-left: 0.8rem; /* Pour ne pas que les hanging bullets mordent sur le blockquote  */
+}
+
+ol li blockquote, /* So that blockquote work in lists */
+ul li blockquote {
+  margin-left: 0;
+}
+
+a:link {
+  text-decoration: none;
+  color: #165bd4;
+  border-bottom: 1px solid #ccc;
+}
+
+a:visited {
+  color: #7697cf;
+  border-bottom: 1px solid #ccc;
+}
+
+a:hover {
+  border-color: #165bd4;
+}
+
+a:active {
+  background-color: #e6e6e6;
+}
+
+/* ------------------------------------------------- */
+/* Tables */
+/* ------------------------------------------------- */
+
+table {
+  font-size: 0.85rem;
+  margin: 0 0 1.6rem 0;
+  border-collapse: collapse;
+  border: 1px solid #ccc;
+}
+
+th,
+td {
+  padding: 0.5rem 0.75rem;
+  max-width: 20rem; /* Avoid dropping lines for nothing without having ridiculously wide tables */
+}
+
+th {
+  border-bottom: 2px solid #222;
+}
+
+tr {
+  border-bottom: 1px solid #ccc;
+}
+
+tbody tr:nth-child(odd) {
+  background-color: #f9f9f9;
+}
+
+table code {
+  font-size: 85%;
+}
+
+/* ------------------------------------------------- */
+/* Misc */
+/* ------------------------------------------------- */
+
+img {
+  max-width: 100%
+}
+
+caption,
+figcaption {
+  font-size:   0.85rem;
+    line-height: 1.6rem;
+  margin: 0 1.6rem;
+  text-align: left;
+}
+
+figcaption {
+  margin-bottom: 1.6rem;
+}
+
+h1, /* White-space mentions in order to force wrapping */
+h2,
+a:link,
+pre {
+  white-space:      pre;      /* CSS 2.0 */
+  white-space:      pre-wrap; /* CSS 2.1 */
+  white-space:      pre-line; /* CSS 3.0 */
+  white-space:     -pre-wrap; /* Opera 4-6 */
+  white-space:   -o-pre-wrap; /* Opera 7 */
+  white-space: -moz-pre-wrap; /* Mozilla */
+  white-space:  -hp-pre-wrap; /* HP Printers */
+  word-wrap: break-word;      /* IE 5+ */
+}
+
+code {
+  font-family: "Menlo", "Courier New", "Courier", monospace;
+  font-size: 85%;
+  color: #666;
+  background-color: rgba(0,0,0,0.08);
+  padding: 2px 4px;
+  border-radius: 2px;
+}
+
+pre {
+  background-color: rgba(0,0,0,0.08);
+  border-radius: 8px;
+  padding: 0.4rem;
+  margin-bottom: 1.6rem;
+}
+
+pre code { /* Counter the code mentions */
+  background-color: transparent;
+  padding: 0;
+}
+
+sup,
+sub,
+a.footnote { /* Keep line-height from being affected by sub, cf https://gist.github.com/unruthless/413930 */
+   font-size: 75%;
+   height: 0;
+   line-height: 1;
+   position: relative;
+}
+
+sup,
+a.footnote {
+    vertical-align:super;
+}
+
+sub {
+    vertical-align: sub;
+}
+
+dt {
+  font-weight: 600;
+}
+
+dd {
+  font-size: 1rem;
+  line-height: 1.6rem;
+  margin-bottom: 1.6rem;
+}
+
+hr {
+  clear: none;
+  height: 0.2rem;
+  border: none;
+  margin: 0 auto 1.4rem auto; /* 2.4rem auto 2.2rem auto; */
+  width: 100%;
+  color: #ccc;
+  background-color: #ccc;
+}
+
+::selection {
+  background-color: #f8dc77;
+}
+
+::-moz-selection {
+  background-color: #f8dc77;
+}
+
+a:focus {
+  outline: 2px solid;
+  outline-color: #165bd4;
+}
+
+/* ------------------------------------------------- */
+/* Animations */
+/* ------------------------------------------------- */
+
+a:hover {
+     -moz-transition: all 0.2s ease-in-out;
+  -webkit-transition: all 0.2s ease-in-out;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote {
+     -moz-transition: all 0.2s ease;
+  -webkit-transition: all 0.2s ease;
+}
+
+
+
+/* ================================================ */
+/* 3. Media Queries */
+/* ================================================ */
+
+/* Base styles are for smartphones; elements are then tweaked as the viewport grows. */
+
+/* ------------------------------------------------- */
+/* iPad and desktop */
+/* ------------------------------------------------- */
+
+@media only screen and (min-width: 641px) {
+
+  html {
+    font-size: 15px;
+  }
+
+  body {
+    margin: 2.4rem 2.4rem 3.2rem 2.4rem;
+  }
+
+  h1 {
+      font-size:   3.57rem; /* 53.2px @15px */
+    line-height: 4rem;    /* 60px @15px */
+  }
+
+  h2 {
+    font-size:   2.24rem; /* 33.6px @15px */
+    line-height: 2.8rem;  /* 42px @15px */
+  }
+
+}
+
+/* ------------------------------------------------- */
+/* Widescreens */
+/* ------------------------------------------------- */
+
+@media only screen and (min-width: 1441px) {
+
+  html {
+    font-size: 22px;
+  }
+
+}
+
+
+
+/* ================================================ */
+/* 4. Print Styles */
+/* ================================================ */
+
+/* Inconsistent and buggy across browsers */
+
+@media print {
+
+  * {
+    background: transparent !important;
+    color: #000 !important; /* Black text prints faster and browsers are inconsistent in color reproduction anyway: h5bp.com/s */
+  }
+
+  @page {
+    margin: 1cm; /* Added to any #wrapper margin*/
+  }
+
+  html {
+    font-size: 15px;
+  }
+
+  body {
+    margin: 1rem !important; /* Security margins for browser without @page support */
+  }
+
+  #wrapper {
+    max-width: none;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  p {
+    orphans: 3;
+    widows: 3;
+    page-break-after: avoid;
+  }
+
+  ul,
+  ol {
+    list-style-position: inside !important;
+    padding-right: 0 !important;
+    margin-left: 0 !important;
+  }
+
+  ul ul,
+  ul ol,
+  ol ul,
+  ol ol,
+  ul p:not(:first-child),
+  ol p:not(:first-child) {
+    margin-left: 2rem !important;
+  }
+
+  a:link,
+  a:visited {
+    text-decoration: underline !important;
+    font-weight: normal !important;
+  }
+
+  a[href]:after {
+    content: " (" attr(href) ")";
+  }
+
+  a[href^="javascript:"]:after,
+  a[href^="#"]:after {
+    content: ""; /* Do not show javascript and internal links */
+  }
+
+  a[href^="#"] {
+    text-decoration: none !important;
+  }
+
+  th {
+    background-color: rgba(0,0,0,0.2) !important;
+    border-bottom: none !important;
+  }
+
+  tr {
+    page-break-inside: avoid;
+  }
+
+  tbody tr:nth-child(even) {
+    background-color: rgba(0,0,0,0.1) !important;
+  }
+
+  pre {
+    border: 1px solid rgba(0,0,0,0.2);
+    page-break-inside: avoid;
+  }
+
+  img {
+    max-width: 100% !important;
+    page-break-inside: avoid;
+  }
+
+  /* #generated-toc: added by Marked for its table of contents */
+
+  #wrapper #generated-toc ul, /* Table of contents printing in Marked */
+  #wrapper #generated-toc ol {
+    list-style-type: decimal;
+  }
+
+  #wrapper #generated-toc ul li,
+  #wrapper #generated-toc ol li {
+    margin: 1rem 0;
+  }
+
+}
+
+
+
+/* ================================================ */
+/* 5. Vostok Overrides */
+/* ================================================ */
+
+/* ------------------------------------------------- */
+/* General */
+/* ------------------------------------------------- */
+
+html {
+  font-size: 15px;
+}
+
+body {
+  font-family: "pt serif", Georgia, serif;
+  color: rgba(0,0,0,0.7);
+  text-shadow: 0 1px 0 white;
+  background-color: #ececec;
+}
+
+#wrapper {
+  max-width: 40rem;
+}
+
+/* ------------------------------------------------- */
+/* Typography */
+/* ------------------------------------------------- */
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: "pt sans", "avenir next", sans-serif;
+  font-weight: 700;
+  color: rgba(0,0,0,1);
+}
+
+h2,
+h3 {
+  font-family: "pt sans narrow", "avenir next condensed", sans-serif;
+}
+
+h5 {
+  color: rgba(0,0,0,0.7);
+}
+
+h6 {
+  color: rgba(0,0,0,0.7);
+}
+
+ul {
+  list-style-type: none;
+}
+
+ul > li:before {
+  content: "\2022";
+  float: left;
+  margin-left: -1.2rem;
+  padding-right: 0.6rem; /* Empirically chosen to align horizontally with the position of standard bullet points */
+}
+
+ul li,
+ol li {
+  margin: 0;
+}
+
+ul ul,
+ul ol,
+ol ul,
+ol ol,
+ul p:not(:first-child),
+ol p:not(:first-child) {
+  margin-left: 1.6rem;
+}
+
+blockquote {
+  border-left: 2px solid rgba(0,0,0,0.5);
+}
+
+a:link {
+  text-decoration: none;
+  border-bottom: none;
+  font-weight: 700;
+  color: rgba(25,107,240,1);
+}
+
+a:visited {
+  color: #2c508a;
+}
+
+a:hover {
+  color: #2DAB5F;
+}
+
+a:focus {
+  outline: 0.125rem solid;
+}
+
+/* ------------------------------------------------- */
+/* Tables */
+/* ------------------------------------------------- */
+
+thead {
+  border: 1px solid #4C4C4C; /* In hex (= rgba(0,0,0,0.7)) otherwise the alpha gets the border of the tr below  */
+}
+
+th {
+  background-color: #4C4C4C; /* = rgba(0,0,0,0.7) */
+  border-bottom: 1px solid #4C4C4C; /* = rgba(0,0,0,0.7) ; mentionned otherwise the stroke is of the tr below */
+  color: white;
+  text-shadow: 0px -1px 0px black;
+}
+
+tbody tr:nth-child(even) {
+  background-color: rgba(255,255,255,0.5);
+}
+
+tbody tr:nth-child(odd) {
+  background-color: transparent;
+}
+
+/* ------------------------------------------------- */
+/* Misc */
+/* ------------------------------------------------- */
+
+
+table,
+caption,
+figcaption {
+  font-family: "pt sans", "avenir next", sans-serif;
+}
+
+code {
+  border: 1px solid rgba(255,255,255,0.7);
+  background-color: rgba(255,255,255,0.5);
+  border-radius: 2px;
+  color: #2DAB5F;
+  text-shadow: none;
+}
+
+pre {
+  border: 1px solid rgba(255,255,255,0.7);
+  background-color: rgba(255,255,255,0.5);
+  border-radius: 2px;
+}
+
+pre code {
+  color: #81A181;
+  border: none;
+}
+
+hr {
+  clear: none;
+  height: 2px; /* height: 0.125rem; */
+  border: none;
+  margin: 1.5rem auto;
+  width: 14rem;
+  color: rgba(0,0,0,0.5);
+  background-color: rgba(0,0,0,0.5);
+}
+
+::selection {
+  background-color: #fbfb48;
+}
+
+::-moz-selection {
+  background-color: #fbfb48;
+}
+
+/* #generated-toc: added by Marked for its table of contents */
+
+#generated-toc {
+  text-shadow: none;
+}
+
+#generated-toc ul { /* Compensate for the earlier custom bullet point */
+  margin: 0;
+  list-style-type: none;
+}
+
+#generated-toc ul li { /* Compensate for the earlier custom bullet point */
+  margin: 0;
+}
+
+#generated-toc ul > li:before { /* Compensate for the earlier custom bullet point */
+  content: none;
+  margin-left: 0;
+  padding-right: 0;
+}
+
+#generated-toc ul li a {
+  font-weight: normal;
+  display: inline;
+}
+
+#generated-toc ul li ul li ul li a {
+  text-transform: lowercase;
+
+}
+
+/* ------------------------------------------------- */
+/* iPad and desktop */
+/* ------------------------------------------------- */
+
+@media only screen and (min-width: 641px) {
+
+  html {
+    font-size: 17px;
+  }
+
+  h1 {
+    font-size: 2.81rem;
+  }
+
+  h2 {
+    font-size: 1.78rem;
+    line-height: 2.21rem;
+  }
+
+  ul,
+  ol {
+    margin-left: 0;
+  }
+
+}