etc/pandoc/styles/kultiad-serif.css

   1 /*
   2    This document has been created with Marked.app <http://marked2app.com>
   3    Please leave this notice in place, along with any additional credits below.
   4    ---------------------------------------------------------------
   5    Title: Kultiad
   6    Author: Peter Sziebig - @bigpe; Modified by Kieran Healy - @kjhealy
   7    Description: Easy to read. Pandoc style elements.
   8 */
   9
  10 html {
  11     font-size: 100%;
  12 }
  13 html, button, input, select, textarea {
  14     font-family: sans-serif;
  15 }
  16
  17 html, body, button, input, select, textarea {
  18     color: #57534A;
  19     font-family: "PT Serif","Calluna","Arno Pro",serif;
  20     font-size: 18px;
  21     font-weight: 300;
  22 }
  23
  24 body{
  25     margin: 0 auto;
  26     background-color: #FFFFFF;
  27 }
  28
  29 body, textarea {
  30     line-height: 1.4;
  31 }
  32
  33
  34 body:after {
  35     clear: both;
  36     content: "";
  37     display: table;
  38 }
  39
  40 body {
  41     padding-left: 3rem;
  42     padding-right: 3rem;
  43     margin-left: auto;
  44     margin-right: auto;
  45     max-width: 21cm;
  46     display: block;
  47 }
  48
  49
  50
  51 h1, h2, h3, dt {
  52     color: #423F37;
  53     font-weight: 700;
  54 }
  55
  56 h1 {
  57     font-size: 2em;
  58     margin: 0.67em 0;
  59 }
  60 h2, .article-list .article-title {
  61     font-size: 1.5em;
  62     margin: 0.83em 0;
  63 }
  64 h3, dt {
  65     font-size: 1.17em;
  66     margin: 1em 0;
  67 }
  68 h4 {
  69     font-size: 1em;
  70     margin: 1.33em 0;
  71 }
  72 h5 {
  73     font-size: 0.83em;
  74     margin: 1.67em 0;
  75 }
  76 h6 {
  77     font-size: 0.75em;
  78     margin: 2.33em 0;
  79 }
  80
  81
  82 a {
  83     color: #8DB359;
  84     cursor: pointer;
  85     outline: 0 none;
  86     text-decoration: underline;
  87 }
  88
  89 a:hover {
  90     outline: 0 none;
  91     color: #739544;
  92 }
  93
  94
  95 p, pre {
  96     margin: 1em 0;
  97 }
  98
  99 code, kbd, pre, samp {
 100     font-family: monospace,serif;
 101     font-size: 1em;
 102     margin: 0;
 103     padding: 0;
 104
 105 }
 106 pre {
 107     white-space: pre-wrap;
 108     word-wrap: break-word;
 109 }
 110
 111 pre {
 112     background-color: #F8F5F0;
 113     font-size: 0.7rem;
 114     overflow-x: auto;
 115     padding: 1.3rem;
 116     position: relative;
 117     white-space: pre;
 118     word-wrap: normal;
 119 }
 120 pre, code, kbd, samp {
 121     margin: 0;
 122 }
 123 code, kbd, pre, samp {
 124     font-family: monospace,serif;
 125 }
 126
 127 code {
 128     color: #423F37;
 129 }
 130
 131
 132 aside {
 133     display: block;
 134     float: right;
 135     width: 390px;
 136 }
 137
 138
 139 b, strong {
 140     font-weight: bold;
 141     color: #423F37;
 142     font-weight: 700;
 143 }
 144
 145 blockquote {
 146     color: #423F37;
 147     margin: 1em 40px;
 148 }
 149
 150 blockquote {
 151     margin-bottom: 2em;
 152     margin-top: 2em;
 153 }
 154
 155 figure {
 156         margin-left: -4.5rem;
 157     margin-right: -4.5rem;
 158     margin-bottom: 2em;
 159     margin-top: 2em;
 160 }
 161
 162
 163 hr {
 164     -moz-border-bottom-colors: none;
 165     -moz-border-left-colors: none;
 166     -moz-border-right-colors: none;
 167     -moz-border-top-colors: none;
 168     border-color: -moz-use-text-color -moz-use-text-color #ECE6DA;
 169     border-image: none;
 170     border-style: none none solid;
 171     border-width: medium medium 1px;
 172     margin: 3em 6em;
 173 }
 174
 175
 176 img {
 177     max-width: 100%;
 178     display: block;
 179     border: 0 none;
 180 }
 181
 182 p img {
 183     display: inline;
 184 }
 185
 186
 187 ol > li:before {
 188     color: #423F37;
 189     content: counter(ol, decimal) ".";
 190     counter-increment: ol;
 191     font-weight: 700;
 192     margin-right: 0.333em;
 193     position: absolute;
 194     right: 100%;
 195 }
 196
 197 ul > li:before {
 198     background-color: #423F37;
 199     border-radius: 14px 14px 14px 14px;
 200     content: "";
 201     height: 6px;
 202     margin-right: 0.333em;
 203     margin-top: 0.55em;
 204     position: absolute;
 205     right: 100%;
 206     width: 6px;
 207 }
 208
 209 ol, ul, dl {
 210     margin-left: 2rem;
 211     padding: 0;
 212 }
 213 ol {
 214     counter-reset: ol;
 215 }
 216 li + li, dd + dt {
 217     margin-top: 0.5em;
 218 }
 219
 220 ul > li {
 221     position: relative;
 222 }
 223
 224 ol > li {
 225     position: relative;
 226 }
 227 li {
 228     list-style: none outside none;
 229 }
 230
 231
 232 figure > figcaption {
 233     margin-top: 0.5em;
 234 }
 235 small, dd, figcaption {
 236     color: #A19C91;
 237     display: block;
 238     font-size: 0.8rem;
 239     font-style: italic;
 240     line-height: 1.2;
 241 }
 242
 243
 244 tbody{display:table-row-group}
 245 tfoot{display:table-footer-group}
 246 table{margin-bottom:2em;font-size: 0.8em;padding:0;border-collapse:collapse;-webkit-box-shadow:1px 1px 2px rgba(0,0,0,.35);width:80%;margin:0 auto 2em auto}
 247 table th,table td{padding:10px 10px 9px;line-height:18px;text-align:left}
 248 table th{
 249 padding-top:9px;!important;text-transform:uppercase;vertical-align:middle}
 250 table td{vertical-align:top;border-top:1px solid #ddd;}
 251 table tbody th{border-top:1px solid #ddd;vertical-align:top}
 252 table{border:1px solid #ddd;border-collapse:separate;*border-collapse:collapse;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
 253 table th+th,table td+td,table th+td{border-left:1px solid #ddd}
 254 table thead tr:first-child th:first-child,table tbody tr:first-child td:first-child{-webkit-border-radius:4px 0 0 0;-moz-border-radius:4px 0 0 0;border-radius:4px 0 0 0}
 255 table thead tr:first-child th:last-child,table tbody tr:first-child td:last-child{-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0}
 256 table tbody tr:last-child td:first-child{-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px}
 257 table tbody tr:last-child td:last-child{-webkit-border-radius:0 0 4px 0;-moz-border-radius:0 0 4px 0;border-radius:0 0 4px 0}
 258 tbody tr:nth-child(odd){background-color:rgba(0,0,0,0.03)}
 259
 260 caption{display:table-caption;font-weight:300;font-size:1.3em;text-transform:uppercase;letter-spacing:2px;word-spacing:.2em;background:rgba(0,0,0,.75);color:#EEE;padding:4px;-webkit-border-radius:4px;margin:4px 0;-webkit-box-shadow:2px 2px 2px rgba(0,0,0,.35)}
 261
 262 /* grey out placeholders */
 263 :-moz-placeholder {
 264   color: #bfbfbf;
 265 }
 266 ::-webkit-input-placeholder {
 267   color: #bfbfbf;
 268 }
 269
 270
 271 .article-date {
 272     color: #C7C2B8;
 273     display: block;
 274     font-size: 0.8rem;
 275 }
 276
 277 .author {
 278         font-size:1.24em;
 279         line-height:0.5em;
 280 }
 281
 282 .date {
 283     color: #C7C2B8;
 284     display: block;
 285         font-size: 0.8rem;
 286 }
 287
 288 .caption {
 289         display: block;
 290         font-size: 0.8rem;
 291         //font-style: italic;
 292         font-weight: bold;
 293         text-align: center;
 294 }
 295
 296 .small {
 297         font-size:0.8em;
 298 }
 299
 300 .affiliation {
 301         font-size:0.9em;
 302         font-style: italic;
 303 }
 304
 305 sup, sub {
 306    vertical-align: baseline;
 307    position: relative;
 308    top: -0.4em;
 309 }
 310
 311 sub { top: 0.2em; }
 312
 313 /* Other tweaks by Andrew Heiss */
 314 /* Hanging indent in bibliography */
 315 .references p {
 316     padding-left: 2rem;
 317     text-indent: -2rem;
 318 }
 319
 320 /* http://forums.apricitysoftware.com/t/include-pdf-pagebreak-instructions-in-markdown/152/2 */
 321 .pagebreak
 322 {
 323         page-break-after: always;
 324 }
 325
 326 @page {
 327   margin-top: 3cm;
 328   margin-left: 2.6cm;
 329   margin-right: 2.6cm;
 330   margin-bottom: 2.5cm;
 331 }
 332
 333 @media print {
 334   h2 {
 335     page-break-before: left;
 336   }
 337   h3, h4 {
 338     page-break-after: avoid;
 339   }
 340   pre, blockquote {
 341     page-break-inside: avoid;
 342   }
 343 }