rubyneat 0.4.0.alpha.4 → 0.4.0.alpha.5

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,457 @@
1
+ /**
2
+ * Reset some basic elements
3
+ */
4
+ body, h1, h2, h3, h4, h5, h6,
5
+ p, blockquote, pre, hr,
6
+ dl, dd, ol, ul, figure {
7
+ margin: 0;
8
+ padding: 0; }
9
+
10
+ /**
11
+ * Basic styling
12
+ */
13
+ body {
14
+ font: 400 16px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
15
+ color: #111;
16
+ background-color: #fdfdfd;
17
+ -webkit-text-size-adjust: 100%;
18
+ -webkit-font-feature-settings: "kern" 1;
19
+ -moz-font-feature-settings: "kern" 1;
20
+ -o-font-feature-settings: "kern" 1;
21
+ font-feature-settings: "kern" 1;
22
+ font-kerning: normal; }
23
+
24
+ /**
25
+ * Set `margin-bottom` to maintain vertical rhythm
26
+ */
27
+ h1, h2, h3, h4, h5, h6,
28
+ p, blockquote, pre,
29
+ ul, ol, dl, figure,
30
+ .highlight {
31
+ margin-bottom: 15px; }
32
+
33
+ /**
34
+ * Images
35
+ */
36
+ img {
37
+ max-width: 100%;
38
+ vertical-align: middle; }
39
+
40
+ /**
41
+ * Figures
42
+ */
43
+ figure > img {
44
+ display: block; }
45
+
46
+ figcaption {
47
+ font-size: 14px; }
48
+
49
+ /**
50
+ * Lists
51
+ */
52
+ ul, ol {
53
+ margin-left: 30px; }
54
+
55
+ li > ul,
56
+ li > ol {
57
+ margin-bottom: 0; }
58
+
59
+ /**
60
+ * Headings
61
+ */
62
+ h1, h2, h3, h4, h5, h6 {
63
+ font-weight: 400; }
64
+
65
+ /**
66
+ * Links
67
+ */
68
+ a {
69
+ color: #2a7ae2;
70
+ text-decoration: none; }
71
+ a:visited {
72
+ color: #1756a9; }
73
+ a:hover {
74
+ color: #111;
75
+ text-decoration: underline; }
76
+
77
+ /**
78
+ * Blockquotes
79
+ */
80
+ blockquote {
81
+ color: #828282;
82
+ border-left: 4px solid #e8e8e8;
83
+ padding-left: 15px;
84
+ font-size: 18px;
85
+ letter-spacing: -1px;
86
+ font-style: italic; }
87
+ blockquote > :last-child {
88
+ margin-bottom: 0; }
89
+
90
+ /**
91
+ * Code formatting
92
+ */
93
+ pre,
94
+ code {
95
+ font-size: 15px;
96
+ border: 1px solid #e8e8e8;
97
+ border-radius: 3px;
98
+ background-color: #eef; }
99
+
100
+ code {
101
+ padding: 1px 5px; }
102
+
103
+ pre {
104
+ padding: 8px 12px;
105
+ overflow-x: auto; }
106
+ pre > code {
107
+ border: 0;
108
+ padding-right: 0;
109
+ padding-left: 0; }
110
+
111
+ /**
112
+ * Wrapper
113
+ */
114
+ .wrapper {
115
+ max-width: -webkit-calc(800px - (30px * 2));
116
+ max-width: calc(800px - (30px * 2));
117
+ margin-right: auto;
118
+ margin-left: auto;
119
+ padding-right: 30px;
120
+ padding-left: 30px; }
121
+ @media screen and (max-width: 800px) {
122
+ .wrapper {
123
+ max-width: -webkit-calc(800px - (30px));
124
+ max-width: calc(800px - (30px));
125
+ padding-right: 15px;
126
+ padding-left: 15px; } }
127
+
128
+ /**
129
+ * Clearfix
130
+ */
131
+ .wrapper:after, .footer-col-wrapper:after {
132
+ content: "";
133
+ display: table;
134
+ clear: both; }
135
+
136
+ /**
137
+ * Icons
138
+ */
139
+ .icon > svg {
140
+ display: inline-block;
141
+ width: 16px;
142
+ height: 16px;
143
+ vertical-align: middle; }
144
+ .icon > svg path {
145
+ fill: #828282; }
146
+
147
+ /**
148
+ * Site header
149
+ */
150
+ .site-header {
151
+ border-top: 5px solid #424242;
152
+ border-bottom: 1px solid #e8e8e8;
153
+ min-height: 56px;
154
+ position: relative; }
155
+
156
+ .site-title {
157
+ font-size: 26px;
158
+ font-weight: 300;
159
+ line-height: 56px;
160
+ letter-spacing: -1px;
161
+ margin-bottom: 0;
162
+ float: left; }
163
+ .site-title, .site-title:visited {
164
+ color: #424242; }
165
+
166
+ .site-nav {
167
+ float: right;
168
+ line-height: 56px; }
169
+ .site-nav .menu-icon {
170
+ display: none; }
171
+ .site-nav .page-link {
172
+ color: #111;
173
+ line-height: 1.5; }
174
+ .site-nav .page-link:not(:last-child) {
175
+ margin-right: 20px; }
176
+ @media screen and (max-width: 600px) {
177
+ .site-nav {
178
+ position: absolute;
179
+ top: 9px;
180
+ right: 15px;
181
+ background-color: #fdfdfd;
182
+ border: 1px solid #e8e8e8;
183
+ border-radius: 5px;
184
+ text-align: right; }
185
+ .site-nav .menu-icon {
186
+ display: block;
187
+ float: right;
188
+ width: 36px;
189
+ height: 26px;
190
+ line-height: 0;
191
+ padding-top: 10px;
192
+ text-align: center; }
193
+ .site-nav .menu-icon > svg {
194
+ width: 18px;
195
+ height: 15px; }
196
+ .site-nav .menu-icon > svg path {
197
+ fill: #424242; }
198
+ .site-nav .trigger {
199
+ clear: both;
200
+ display: none; }
201
+ .site-nav:hover .trigger {
202
+ display: block;
203
+ padding-bottom: 5px; }
204
+ .site-nav .page-link {
205
+ display: block;
206
+ padding: 5px 10px;
207
+ margin-left: 20px; }
208
+ .site-nav .page-link:not(:last-child) {
209
+ margin-right: 0; } }
210
+
211
+ /**
212
+ * Site footer
213
+ */
214
+ .site-footer {
215
+ border-top: 1px solid #e8e8e8;
216
+ padding: 30px 0; }
217
+
218
+ .footer-heading {
219
+ font-size: 18px;
220
+ margin-bottom: 15px; }
221
+
222
+ .contact-list,
223
+ .social-media-list {
224
+ list-style: none;
225
+ margin-left: 0; }
226
+
227
+ .footer-col-wrapper {
228
+ font-size: 15px;
229
+ color: #828282;
230
+ margin-left: -15px; }
231
+
232
+ .footer-col {
233
+ float: left;
234
+ margin-bottom: 15px;
235
+ padding-left: 15px; }
236
+
237
+ .footer-col-1 {
238
+ width: -webkit-calc(35% - (30px / 2));
239
+ width: calc(35% - (30px / 2)); }
240
+
241
+ .footer-col-2 {
242
+ width: -webkit-calc(20% - (30px / 2));
243
+ width: calc(20% - (30px / 2)); }
244
+
245
+ .footer-col-3 {
246
+ width: -webkit-calc(45% - (30px / 2));
247
+ width: calc(45% - (30px / 2)); }
248
+
249
+ @media screen and (max-width: 800px) {
250
+ .footer-col-1,
251
+ .footer-col-2 {
252
+ width: -webkit-calc(50% - (30px / 2));
253
+ width: calc(50% - (30px / 2)); }
254
+
255
+ .footer-col-3 {
256
+ width: -webkit-calc(100% - (30px / 2));
257
+ width: calc(100% - (30px / 2)); } }
258
+ @media screen and (max-width: 600px) {
259
+ .footer-col {
260
+ float: none;
261
+ width: -webkit-calc(100% - (30px / 2));
262
+ width: calc(100% - (30px / 2)); } }
263
+ /**
264
+ * Page content
265
+ */
266
+ .page-content {
267
+ padding: 30px 0; }
268
+
269
+ .page-heading {
270
+ font-size: 20px; }
271
+
272
+ .post-list {
273
+ margin-left: 0;
274
+ list-style: none; }
275
+ .post-list > li {
276
+ margin-bottom: 30px; }
277
+
278
+ .post-meta {
279
+ font-size: 14px;
280
+ color: #828282; }
281
+
282
+ .post-link {
283
+ display: block;
284
+ font-size: 24px; }
285
+
286
+ /**
287
+ * Posts
288
+ */
289
+ .post-header {
290
+ margin-bottom: 30px; }
291
+
292
+ .post-title {
293
+ font-size: 42px;
294
+ letter-spacing: -1px;
295
+ line-height: 1; }
296
+ @media screen and (max-width: 800px) {
297
+ .post-title {
298
+ font-size: 36px; } }
299
+
300
+ .post-content {
301
+ margin-bottom: 30px; }
302
+ .post-content h2 {
303
+ font-size: 32px; }
304
+ @media screen and (max-width: 800px) {
305
+ .post-content h2 {
306
+ font-size: 28px; } }
307
+ .post-content h3 {
308
+ font-size: 26px; }
309
+ @media screen and (max-width: 800px) {
310
+ .post-content h3 {
311
+ font-size: 22px; } }
312
+ .post-content h4 {
313
+ font-size: 20px; }
314
+ @media screen and (max-width: 800px) {
315
+ .post-content h4 {
316
+ font-size: 18px; } }
317
+
318
+ /**
319
+ * Syntax highlighting styles
320
+ */
321
+ .highlight {
322
+ background: #fff; }
323
+ .highlighter-rouge .highlight {
324
+ background: #eef; }
325
+ .highlight .c {
326
+ color: #998;
327
+ font-style: italic; }
328
+ .highlight .err {
329
+ color: #a61717;
330
+ background-color: #e3d2d2; }
331
+ .highlight .k {
332
+ font-weight: bold; }
333
+ .highlight .o {
334
+ font-weight: bold; }
335
+ .highlight .cm {
336
+ color: #998;
337
+ font-style: italic; }
338
+ .highlight .cp {
339
+ color: #999;
340
+ font-weight: bold; }
341
+ .highlight .c1 {
342
+ color: #998;
343
+ font-style: italic; }
344
+ .highlight .cs {
345
+ color: #999;
346
+ font-weight: bold;
347
+ font-style: italic; }
348
+ .highlight .gd {
349
+ color: #000;
350
+ background-color: #fdd; }
351
+ .highlight .gd .x {
352
+ color: #000;
353
+ background-color: #faa; }
354
+ .highlight .ge {
355
+ font-style: italic; }
356
+ .highlight .gr {
357
+ color: #a00; }
358
+ .highlight .gh {
359
+ color: #999; }
360
+ .highlight .gi {
361
+ color: #000;
362
+ background-color: #dfd; }
363
+ .highlight .gi .x {
364
+ color: #000;
365
+ background-color: #afa; }
366
+ .highlight .go {
367
+ color: #888; }
368
+ .highlight .gp {
369
+ color: #555; }
370
+ .highlight .gs {
371
+ font-weight: bold; }
372
+ .highlight .gu {
373
+ color: #aaa; }
374
+ .highlight .gt {
375
+ color: #a00; }
376
+ .highlight .kc {
377
+ font-weight: bold; }
378
+ .highlight .kd {
379
+ font-weight: bold; }
380
+ .highlight .kp {
381
+ font-weight: bold; }
382
+ .highlight .kr {
383
+ font-weight: bold; }
384
+ .highlight .kt {
385
+ color: #458;
386
+ font-weight: bold; }
387
+ .highlight .m {
388
+ color: #099; }
389
+ .highlight .s {
390
+ color: #d14; }
391
+ .highlight .na {
392
+ color: #008080; }
393
+ .highlight .nb {
394
+ color: #0086B3; }
395
+ .highlight .nc {
396
+ color: #458;
397
+ font-weight: bold; }
398
+ .highlight .no {
399
+ color: #008080; }
400
+ .highlight .ni {
401
+ color: #800080; }
402
+ .highlight .ne {
403
+ color: #900;
404
+ font-weight: bold; }
405
+ .highlight .nf {
406
+ color: #900;
407
+ font-weight: bold; }
408
+ .highlight .nn {
409
+ color: #555; }
410
+ .highlight .nt {
411
+ color: #000080; }
412
+ .highlight .nv {
413
+ color: #008080; }
414
+ .highlight .ow {
415
+ font-weight: bold; }
416
+ .highlight .w {
417
+ color: #bbb; }
418
+ .highlight .mf {
419
+ color: #099; }
420
+ .highlight .mh {
421
+ color: #099; }
422
+ .highlight .mi {
423
+ color: #099; }
424
+ .highlight .mo {
425
+ color: #099; }
426
+ .highlight .sb {
427
+ color: #d14; }
428
+ .highlight .sc {
429
+ color: #d14; }
430
+ .highlight .sd {
431
+ color: #d14; }
432
+ .highlight .s2 {
433
+ color: #d14; }
434
+ .highlight .se {
435
+ color: #d14; }
436
+ .highlight .sh {
437
+ color: #d14; }
438
+ .highlight .si {
439
+ color: #d14; }
440
+ .highlight .sx {
441
+ color: #d14; }
442
+ .highlight .sr {
443
+ color: #009926; }
444
+ .highlight .s1 {
445
+ color: #d14; }
446
+ .highlight .ss {
447
+ color: #990073; }
448
+ .highlight .bp {
449
+ color: #999; }
450
+ .highlight .vc {
451
+ color: #008080; }
452
+ .highlight .vg {
453
+ color: #008080; }
454
+ .highlight .vi {
455
+ color: #008080; }
456
+ .highlight .il {
457
+ color: #099; }