jekyll-theme-lanyon 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,430 @@
1
+ /*
2
+ * ___
3
+ * /\_ \
4
+ * _____ ___ ___\//\ \ __
5
+ * /\ '__`\ / __`\ / __`\\ \ \ /'__`\
6
+ * \ \ \_\ \/\ \_\ \/\ \_\ \\_\ \_/\ __/
7
+ * \ \ ,__/\ \____/\ \____//\____\ \____\
8
+ * \ \ \/ \/___/ \/___/ \/____/\/____/
9
+ * \ \_\
10
+ * \/_/
11
+ *
12
+ * Designed, built, and released under MIT license by @mdo. Learn more at
13
+ * https://github.com/poole/poole.
14
+ */
15
+
16
+
17
+ /*
18
+ * Contents
19
+ *
20
+ * Body resets
21
+ * Custom type
22
+ * Messages
23
+ * Container
24
+ * Masthead
25
+ * Posts and pages
26
+ * Pagination
27
+ * Reverse layout
28
+ * Themes
29
+ */
30
+
31
+
32
+ /*
33
+ * Body resets
34
+ *
35
+ * Update the foundational and global aspects of the page.
36
+ */
37
+
38
+ * {
39
+ -webkit-box-sizing: border-box;
40
+ -moz-box-sizing: border-box;
41
+ box-sizing: border-box;
42
+ }
43
+
44
+ html,
45
+ body {
46
+ margin: 0;
47
+ padding: 0;
48
+ }
49
+
50
+ html {
51
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
52
+ font-size: 16px;
53
+ line-height: 1.5;
54
+ }
55
+ @media (min-width: 38em) {
56
+ html {
57
+ font-size: 20px;
58
+ }
59
+ }
60
+
61
+ body {
62
+ color: #515151;
63
+ background-color: #fff;
64
+ -webkit-text-size-adjust: 100%;
65
+ -ms-text-size-adjust: 100%;
66
+ }
67
+
68
+ /* No `:visited` state is required by default (browsers will use `a`) */
69
+ a {
70
+ color: #268bd2;
71
+ text-decoration: none;
72
+ }
73
+ a strong {
74
+ color: inherit;
75
+ }
76
+ /* `:focus` is linked to `:hover` for basic accessibility */
77
+ a:hover,
78
+ a:focus {
79
+ text-decoration: underline;
80
+ }
81
+
82
+ /* Headings */
83
+ h1, h2, h3, h4, h5, h6 {
84
+ margin-bottom: .5rem;
85
+ font-weight: bold;
86
+ line-height: 1.25;
87
+ color: #313131;
88
+ text-rendering: optimizeLegibility;
89
+ }
90
+ h1 {
91
+ font-size: 2rem;
92
+ }
93
+ h2 {
94
+ margin-top: 1rem;
95
+ font-size: 1.5rem;
96
+ }
97
+ h3 {
98
+ margin-top: 1.5rem;
99
+ font-size: 1.25rem;
100
+ }
101
+ h4, h5, h6 {
102
+ margin-top: 1rem;
103
+ font-size: 1rem;
104
+ }
105
+
106
+ /* Body text */
107
+ p {
108
+ margin-top: 0;
109
+ margin-bottom: 1rem;
110
+ }
111
+
112
+ strong {
113
+ color: #303030;
114
+ }
115
+
116
+
117
+ /* Lists */
118
+ ul, ol, dl {
119
+ margin-top: 0;
120
+ margin-bottom: 1rem;
121
+ }
122
+
123
+ dt {
124
+ font-weight: bold;
125
+ }
126
+ dd {
127
+ margin-bottom: .5rem;
128
+ }
129
+
130
+ /* Misc */
131
+ hr {
132
+ position: relative;
133
+ margin: 1.5rem 0;
134
+ border: 0;
135
+ border-top: 1px solid #eee;
136
+ border-bottom: 1px solid #fff;
137
+ }
138
+
139
+ abbr {
140
+ font-size: 85%;
141
+ font-weight: bold;
142
+ color: #555;
143
+ text-transform: uppercase;
144
+ }
145
+ abbr[title] {
146
+ cursor: help;
147
+ border-bottom: 1px dotted #e5e5e5;
148
+ }
149
+
150
+ /* Code */
151
+ code,
152
+ pre {
153
+ font-family: Menlo, Monaco, "Courier New", monospace;
154
+ }
155
+ code {
156
+ padding: .25em .5em;
157
+ font-size: 85%;
158
+ color: #bf616a;
159
+ background-color: #f9f9f9;
160
+ border-radius: 3px;
161
+ }
162
+ pre {
163
+ display: block;
164
+ margin-top: 0;
165
+ margin-bottom: 1rem;
166
+ padding: 1rem;
167
+ font-size: .8rem;
168
+ line-height: 1.4;
169
+ white-space: pre;
170
+ white-space: pre-wrap;
171
+ word-break: break-all;
172
+ word-wrap: break-word;
173
+ background-color: #f9f9f9;
174
+ }
175
+ pre code {
176
+ padding: 0;
177
+ font-size: 100%;
178
+ color: inherit;
179
+ background-color: transparent;
180
+ }
181
+
182
+ /* Pygments via Jekyll */
183
+ .highlight {
184
+ margin-bottom: 1rem;
185
+ border-radius: 4px;
186
+ }
187
+ .highlight pre {
188
+ margin-bottom: 0;
189
+ }
190
+
191
+ /* Gist via GitHub Pages */
192
+ .gist .gist-file {
193
+ font-family: Menlo, Monaco, "Courier New", monospace !important;
194
+ }
195
+ .gist .markdown-body {
196
+ padding: 15px;
197
+ }
198
+ .gist pre {
199
+ padding: 0;
200
+ background-color: transparent;
201
+ }
202
+ .gist .gist-file .gist-data {
203
+ font-size: .8rem !important;
204
+ line-height: 1.4;
205
+ }
206
+ .gist code {
207
+ padding: 0;
208
+ color: inherit;
209
+ background-color: transparent;
210
+ border-radius: 0;
211
+ }
212
+
213
+ /* Quotes */
214
+ blockquote {
215
+ padding: .5rem 1rem;
216
+ margin: .8rem 0;
217
+ color: #7a7a7a;
218
+ border-left: .25rem solid #e5e5e5;
219
+ }
220
+ blockquote p:last-child {
221
+ margin-bottom: 0;
222
+ }
223
+ @media (min-width: 30em) {
224
+ blockquote {
225
+ padding-right: 5rem;
226
+ padding-left: 1.25rem;
227
+ }
228
+ }
229
+
230
+ img {
231
+ display: block;
232
+ max-width: 100%;
233
+ margin: 0 0 1rem;
234
+ border-radius: 5px;
235
+ }
236
+
237
+ /* Tables */
238
+ table {
239
+ margin-bottom: 1rem;
240
+ width: 100%;
241
+ border: 1px solid #e5e5e5;
242
+ border-collapse: collapse;
243
+ }
244
+ td,
245
+ th {
246
+ padding: .25rem .5rem;
247
+ border: 1px solid #e5e5e5;
248
+ }
249
+ tbody tr:nth-child(odd) td,
250
+ tbody tr:nth-child(odd) th {
251
+ background-color: #f9f9f9;
252
+ }
253
+
254
+
255
+ /*
256
+ * Custom type
257
+ *
258
+ * Extend paragraphs with `.lead` for larger introductory text.
259
+ */
260
+
261
+ .lead {
262
+ font-size: 1.25rem;
263
+ font-weight: 300;
264
+ }
265
+
266
+
267
+ /*
268
+ * Messages
269
+ *
270
+ * Show alert messages to users. You may add it to single elements like a `<p>`,
271
+ * or to a parent if there are multiple elements to show.
272
+ */
273
+
274
+ .message {
275
+ margin-bottom: 1rem;
276
+ padding: 1rem;
277
+ color: #717171;
278
+ background-color: #f9f9f9;
279
+ }
280
+
281
+
282
+ /*
283
+ * Container
284
+ *
285
+ * Center the page content.
286
+ */
287
+
288
+ .container {
289
+ max-width: 38rem;
290
+ padding-left: 1rem;
291
+ padding-right: 1rem;
292
+ margin-left: auto;
293
+ margin-right: auto;
294
+ }
295
+
296
+
297
+ /*
298
+ * Masthead
299
+ *
300
+ * Super small header above the content for site name and short description.
301
+ */
302
+
303
+ .masthead {
304
+ padding-top: 1rem;
305
+ padding-bottom: 1rem;
306
+ margin-bottom: 3rem;
307
+ }
308
+ .masthead-title {
309
+ margin-top: 0;
310
+ margin-bottom: 0;
311
+ color: #505050;
312
+ }
313
+ .masthead-title a {
314
+ color: #505050;
315
+ }
316
+ .masthead-title small {
317
+ font-size: 75%;
318
+ font-weight: 400;
319
+ color: #c0c0c0;
320
+ letter-spacing: 0;
321
+ }
322
+
323
+
324
+ /*
325
+ * Posts and pages
326
+ *
327
+ * Each post is wrapped in `.post` and is used on default and post layouts. Each
328
+ * page is wrapped in `.page` and is only used on the page layout.
329
+ */
330
+
331
+ .page,
332
+ .post {
333
+ margin-bottom: 4em;
334
+ }
335
+
336
+ /* Blog post or page title */
337
+ .page-title,
338
+ .post-title,
339
+ .post-title a {
340
+ color: #303030;
341
+ }
342
+ .page-title,
343
+ .post-title {
344
+ margin-top: 0;
345
+ }
346
+
347
+ /* Meta data line below post title */
348
+ .post-date {
349
+ display: block;
350
+ margin-top: -.5rem;
351
+ margin-bottom: 1rem;
352
+ color: #9a9a9a;
353
+ }
354
+
355
+ /* Related posts */
356
+ .related {
357
+ padding-top: 2rem;
358
+ padding-bottom: 2rem;
359
+ border-top: 1px solid #eee;
360
+ }
361
+ .related-posts {
362
+ padding-left: 0;
363
+ list-style: none;
364
+ }
365
+ .related-posts h3 {
366
+ margin-top: 0;
367
+ }
368
+ .related-posts li small {
369
+ font-size: 75%;
370
+ color: #999;
371
+ }
372
+ .related-posts li a:hover {
373
+ color: #268bd2;
374
+ text-decoration: none;
375
+ }
376
+ .related-posts li a:hover small {
377
+ color: inherit;
378
+ }
379
+
380
+
381
+ /*
382
+ * Pagination
383
+ *
384
+ * Super lightweight (HTML-wise) blog pagination. `span`s are provide for when
385
+ * there are no more previous or next posts to show.
386
+ */
387
+
388
+ .pagination {
389
+ overflow: hidden; /* clearfix */
390
+ margin-left: -1rem;
391
+ margin-right: -1rem;
392
+ font-family: "PT Sans", Helvetica, Arial, sans-serif;
393
+ color: #ccc;
394
+ text-align: center;
395
+ }
396
+
397
+ /* Pagination items can be `span`s or `a`s */
398
+ .pagination-item {
399
+ display: block;
400
+ padding: 1rem;
401
+ border: 1px solid #eee;
402
+ }
403
+ .pagination-item:first-child {
404
+ margin-bottom: -1px;
405
+ }
406
+
407
+ /* Only provide a hover state for linked pagination items */
408
+ a.pagination-item:hover {
409
+ background-color: #f5f5f5;
410
+ }
411
+
412
+ @media (min-width: 30em) {
413
+ .pagination {
414
+ margin: 3rem 0;
415
+ }
416
+ .pagination-item {
417
+ float: left;
418
+ width: 50%;
419
+ }
420
+ .pagination-item:first-child {
421
+ margin-bottom: 0;
422
+ border-top-left-radius: 4px;
423
+ border-bottom-left-radius: 4px;
424
+ }
425
+ .pagination-item:last-child {
426
+ margin-left: -1px;
427
+ border-top-right-radius: 4px;
428
+ border-bottom-right-radius: 4px;
429
+ }
430
+ }
@@ -0,0 +1,65 @@
1
+ .highlight .hll { background-color: #ffc; }
2
+ .highlight .c { color: #999; } /* Comment */
3
+ .highlight .err { color: #a00; background-color: #faa } /* Error */
4
+ .highlight .k { color: #069; } /* Keyword */
5
+ .highlight .o { color: #555 } /* Operator */
6
+ .highlight .cm { color: #09f; font-style: italic } /* Comment.Multiline */
7
+ .highlight .cp { color: #099 } /* Comment.Preproc */
8
+ .highlight .c1 { color: #999; } /* Comment.Single */
9
+ .highlight .cs { color: #999; } /* Comment.Special */
10
+ .highlight .gd { background-color: #fcc; border: 1px solid #c00 } /* Generic.Deleted */
11
+ .highlight .ge { font-style: italic } /* Generic.Emph */
12
+ .highlight .gr { color: #f00 } /* Generic.Error */
13
+ .highlight .gh { color: #030; } /* Generic.Heading */
14
+ .highlight .gi { background-color: #cfc; border: 1px solid #0c0 } /* Generic.Inserted */
15
+ .highlight .go { color: #aaa } /* Generic.Output */
16
+ .highlight .gp { color: #009; } /* Generic.Prompt */
17
+ .highlight .gs { } /* Generic.Strong */
18
+ .highlight .gu { color: #030; } /* Generic.Subheading */
19
+ .highlight .gt { color: #9c6 } /* Generic.Traceback */
20
+ .highlight .kc { color: #069; } /* Keyword.Constant */
21
+ .highlight .kd { color: #069; } /* Keyword.Declaration */
22
+ .highlight .kn { color: #069; } /* Keyword.Namespace */
23
+ .highlight .kp { color: #069 } /* Keyword.Pseudo */
24
+ .highlight .kr { color: #069; } /* Keyword.Reserved */
25
+ .highlight .kt { color: #078; } /* Keyword.Type */
26
+ .highlight .m { color: #f60 } /* Literal.Number */
27
+ .highlight .s { color: #d44950 } /* Literal.String */
28
+ .highlight .na { color: #4f9fcf } /* Name.Attribute */
29
+ .highlight .nb { color: #366 } /* Name.Builtin */
30
+ .highlight .nc { color: #0a8; } /* Name.Class */
31
+ .highlight .no { color: #360 } /* Name.Constant */
32
+ .highlight .nd { color: #99f } /* Name.Decorator */
33
+ .highlight .ni { color: #999; } /* Name.Entity */
34
+ .highlight .ne { color: #c00; } /* Name.Exception */
35
+ .highlight .nf { color: #c0f } /* Name.Function */
36
+ .highlight .nl { color: #99f } /* Name.Label */
37
+ .highlight .nn { color: #0cf; } /* Name.Namespace */
38
+ .highlight .nt { color: #2f6f9f; } /* Name.Tag */
39
+ .highlight .nv { color: #033 } /* Name.Variable */
40
+ .highlight .ow { color: #000; } /* Operator.Word */
41
+ .highlight .w { color: #bbb } /* Text.Whitespace */
42
+ .highlight .mf { color: #f60 } /* Literal.Number.Float */
43
+ .highlight .mh { color: #f60 } /* Literal.Number.Hex */
44
+ .highlight .mi { color: #f60 } /* Literal.Number.Integer */
45
+ .highlight .mo { color: #f60 } /* Literal.Number.Oct */
46
+ .highlight .sb { color: #c30 } /* Literal.String.Backtick */
47
+ .highlight .sc { color: #c30 } /* Literal.String.Char */
48
+ .highlight .sd { color: #c30; font-style: italic } /* Literal.String.Doc */
49
+ .highlight .s2 { color: #c30 } /* Literal.String.Double */
50
+ .highlight .se { color: #c30; } /* Literal.String.Escape */
51
+ .highlight .sh { color: #c30 } /* Literal.String.Heredoc */
52
+ .highlight .si { color: #a00 } /* Literal.String.Interpol */
53
+ .highlight .sx { color: #c30 } /* Literal.String.Other */
54
+ .highlight .sr { color: #3aa } /* Literal.String.Regex */
55
+ .highlight .s1 { color: #c30 } /* Literal.String.Single */
56
+ .highlight .ss { color: #fc3 } /* Literal.String.Symbol */
57
+ .highlight .bp { color: #366 } /* Name.Builtin.Pseudo */
58
+ .highlight .vc { color: #033 } /* Name.Variable.Class */
59
+ .highlight .vg { color: #033 } /* Name.Variable.Global */
60
+ .highlight .vi { color: #033 } /* Name.Variable.Instance */
61
+ .highlight .il { color: #f60 } /* Literal.Number.Integer.Long */
62
+
63
+ .css .o,
64
+ .css .o + .nt,
65
+ .css .nt + .nt { color: #999; }