etc/pandoc/styles/Byword.css

   1 /*
   2  * This document has been created with Marked.app <http://markedapp.com>.
   3  * Copyright 2011 Brett Terpstra
   4  * ---------------------------------------------------------------------------
   5  * Please leave this notice in place, along with any additional credits below.
   6  *
   7  * Byword.css theme is based on Byword.app <http://bywordapp.com>
   8  * Authors: @brunodecarvalho, @jpedroso, @rcabaco
   9  * Copyright 2011 Metaclassy, Lda. <http://metaclassy.com>
  10  */
  11
  12 html {
  13         font-size: 62.5%; /* base font-size: 10px */
  14 }
  15
  16 body {
  17     background-color: #f2f2f2;
  18     color: #3c3c3c;
  19
  20     /* Change font size below */
  21         font-size: 1.7em;
  22         line-height: 1.4em;
  23
  24         /* Change font below */
  25
  26         /* Sans-serif fonts */
  27         font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  28         -webkit-font-smoothing: antialiased;
  29
  30         /* Serif fonts */
  31         /*
  32         font-family: "Cochin", "Baskerville", "Georgia", serif;
  33         -webkit-font-smoothing: subpixel-antialiased;
  34         */
  35
  36         /* Monospaced fonts */
  37         /*
  38         font-family: "Courier New", Menlo, Monaco, mono;
  39         -webkit-font-smoothing: antialiased;
  40         */
  41 }
  42 a {
  43     color: #308bd8;
  44     text-decoration:none;
  45 }
  46 a:hover {
  47     text-decoration: underline;
  48 }
  49 /* headings */
  50 h1, h2 {
  51     line-height:1.2em;
  52     margin-top:32px;
  53     margin-bottom:12px;
  54 }
  55 h1:first-child {
  56     margin-top:0;
  57 }
  58 h3, h4, h5, h6 {
  59     margin-top:12px;
  60     margin-bottom:0;
  61 }
  62 h5, h6 {
  63     font-size:0.9em;
  64     line-height:1.0em;
  65 }
  66 /* end of headings */
  67 p {
  68     margin:0 0 24px 0;
  69 }
  70 p:last-child {
  71     margin:0;
  72 }
  73 #wrapper hr {
  74     width: 100%;
  75     margin: 3em auto;
  76     border: 0;
  77     color: #eee;
  78     background-color: #ccc;
  79     height: 1px;
  80     -webkit-box-shadow:0px 1px 0px rgba(255, 255, 255, 0.75);
  81 }
  82 /* lists */
  83 ol {
  84     list-style: outside decimal;
  85 }
  86 ul {
  87     list-style: outside disc;
  88 }
  89 ol, ul {
  90     padding-left:0;
  91     margin-bottom:24px;
  92 }
  93 ol li {
  94     margin-left:28px;
  95 }
  96 ul li {
  97     margin-bottom:8px;
  98     margin-left:16px;
  99 }
 100 ol:last-child, ul:last-child {
 101     margin:0;
 102 }
 103 li > ol, li > ul {
 104     padding-left:12px;
 105 }
 106 dl {
 107     margin-bottom:24px;
 108 }
 109 dl dt {
 110     font-weight:bold;
 111     margin-bottom:8px;
 112 }
 113 dl dd {
 114     margin-left:0;
 115     margin-bottom:12px;
 116 }
 117 dl dd:last-child, dl:last-child {
 118     margin-bottom:0;
 119 }
 120 /* end of lists */
 121 pre {
 122     white-space: pre-wrap;
 123     width: 96%;
 124     margin-bottom: 24px;
 125     overflow: hidden;
 126     padding: 3px 10px;
 127     -webkit-border-radius: 3px;
 128     background-color: #eee;
 129     border: 1px solid #ddd;
 130 }
 131 code {
 132     white-space: nowrap;
 133     font-size: 1.1em;
 134     padding: 2px;
 135     -webkit-border-radius: 3px;
 136     background-color: #eee;
 137     border: 1px solid #ddd;
 138 }
 139 pre code {
 140     white-space: pre-wrap;
 141     border: none;
 142     padding: 0;
 143     background-color: transparent;
 144     -webkit-border-radius: 0;
 145 }
 146 blockquote {
 147     margin-left: 0;
 148     margin-right: 0;
 149     width: 96%;
 150     padding: 0 10px;
 151     border-left: 3px solid #ddd;
 152     color: #777;
 153 }
 154 table {
 155     margin-left: auto;
 156     margin-right: auto;
 157     margin-bottom: 24px;
 158     /* border-bottom: 1px solid #ddd;
 159     border-right: 1px solid #ddd; */
 160     border-spacing: 0;
 161 }
 162 table th {
 163     padding: 3px 10px;
 164     background-color: #eee;
 165     /* border-top: 1px solid #ddd;
 166     border-left: 1px solid #ddd;*/
 167 }
 168 table tr {
 169 }
 170 table td {
 171     padding: 3px 10px;
 172     /* border-top: 1px solid #ddd;
 173     border-left: 1px solid #ddd; */
 174 }
 175
 176 table tr:nth-child(odd),table th:nth-child(odd),table td:nth-child(odd)
 177 {
 178     background:rgba(255,255,255,0.06)
 179 }
 180
 181 table tr:nth-child(even),table td:nth-child(even)
 182 {
 183     background:rgba(0,0,0,0.06)
 184 }
 185
 186
 187 caption {
 188     font-size: 1.2em;
 189     font-weight: bold;
 190     margin-bottom: 5px;
 191 }
 192 figure {
 193     display: block;
 194     text-align: center;
 195 }
 196 #wrapper img {
 197     border: none;
 198     display: block;
 199     margin: 1em auto;
 200     max-width: 100%;
 201 }
 202 figcaption {
 203     font-size: 0.8em;
 204     font-style: italic;
 205 }
 206 mark {
 207     background: #fefec0;
 208     padding:1px 3px;
 209 }
 210
 211
 212 /* classes */
 213
 214 .markdowncitation {
 215 }
 216 .footnote {
 217     font-size: 0.8em;
 218     vertical-align: super;
 219 }
 220 .footnotes ol {
 221     font-weight: bold;
 222 }
 223 .footnotes ol li p {
 224     font-weight: normal;
 225 }
 226
 227 /* custom formatting classes */
 228
 229 .shadow {
 230     -webkit-box-shadow: 0 2px 4px #999;
 231 }
 232
 233 .source {
 234     text-align: center;
 235     font-size: 0.8em;
 236     color: #777;
 237     margin: -40px;
 238 }
 239
 240 @media screen {
 241         .inverted, .inverted #wrapper {
 242             background-color: #1a1a1a !important;
 243             color: #bebebe !important;
 244
 245                 /* SANS-SERIF */
 246                 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
 247                 -webkit-font-smoothing: antialiased !important;
 248
 249                 /* SERIF */
 250                 /*
 251                 font-family: "Cochin", "Baskerville", "Georgia", serif !important;
 252                 -webkit-font-smoothing: subpixel-antialiased !important;
 253                 */
 254                 /* MONO */
 255                 /*
 256                 font-family: "Courier", mono !important;
 257                 -webkit-font-smoothing: antialiased !important;
 258                 */
 259         }
 260         .inverted a {
 261             color: #308bd8 !important;
 262         }
 263         .inverted hr {
 264             color: #666 !important;
 265             border: 0;
 266             background-color: #666 !important;
 267             -webkit-box-shadow: none !important;
 268         }
 269         .inverted pre {
 270             background-color: #222 !important;
 271             border-color: #3c3c3c !important;
 272         }
 273         .inverted code {
 274             background-color: #222 !important;
 275             border-color: #3c3c3c !important;
 276         }
 277         .inverted blockquote {
 278             border-color: #333 !important;
 279             color: #999 !important;
 280         }
 281         .inverted table {
 282             border-color: #3c3c3c !important;
 283         }
 284         .inverted table th {
 285             background-color: #222 !important;
 286             border-color: #3c3c3c !important;
 287         }
 288         .inverted table td {
 289             border-color: #3c3c3c !important;
 290         }
 291         .inverted mark {
 292             background: #bc990b !important;
 293             color:#000 !important;
 294         }
 295     .inverted .shadow { -webkit-box-shadow: 0 2px 4px #000 !important; }
 296         #wrapper {
 297         background: transparent;
 298         margin: 40px;
 299     }
 300 }
 301
 302 /* Printing support */
 303 @media print {
 304         body {
 305                 overflow: auto;
 306         }
 307     img, pre, blockquote, table, figure {
 308         page-break-inside: avoid;
 309     }
 310     pre, code {
 311                 border: none !important;
 312         }
 313         #wrapper {
 314         background: #fff;
 315         position: relative;
 316         text-indent: 0px;
 317         padding: 10px;
 318         font-size:85%;
 319     }
 320     .footnotes {
 321         page-break-before: always;
 322     }
 323 }