← Back to branch summary

~lorenzo-carbonell/utext/trunk

« back to all changes in this revision

Viewing changes to src/themes/markedapp-byword/style.css

  • Committer: Lorenzo Carbonell
  • Date: 2015-07-19 19:48:03 UTC
  • Revision ID: lorenzo.carbonell.cerezo@gmail.com-20150719194803-poxp44tfs1svencj
Some minimal changes

Show diffs side-by-side

added added

removed removed

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