markserv 1.17.4 → 1.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,6 +1,58 @@
1
+ /* Markserv layout & theme-aware chrome */
2
+
3
+ /* Theme custom properties */
4
+ [data-theme="dark"] {
5
+ --markserv-bg: #0d1117;
6
+ --markserv-border: #3d444db3;
7
+ --markserv-outline-color: #0d1117;
8
+ --markserv-icon-color: #c9d1d9;
9
+ --markserv-btn-bg: #21262d;
10
+ --markserv-btn-color: #c9d1d9;
11
+ --markserv-btn-border: #363b42;
12
+ --markserv-slider-thumb: #58a6ff;
13
+ --markserv-slider-track: #2d333b;
14
+ }
15
+
16
+ [data-theme="light"] {
17
+ --markserv-bg: #ffffff;
18
+ --markserv-border: #d0d7de;
19
+ --markserv-outline-color: #ffffff;
20
+ --markserv-icon-color: #34495E;
21
+ --markserv-btn-bg: #f6f8fa;
22
+ --markserv-btn-color: #24292f;
23
+ --markserv-btn-border: #d0d7de;
24
+ --markserv-slider-thumb: #0969da;
25
+ --markserv-slider-track: #c5ccd3;
26
+ }
27
+
28
+ [data-theme="synthwave"] {
29
+ --markserv-bg: #241b2f;
30
+ --markserv-border: #ff7edb44;
31
+ --markserv-outline-color: #241b2f;
32
+ --markserv-icon-color: #b6a0cc;
33
+ --markserv-btn-bg: #1a1228;
34
+ --markserv-btn-color: #ff7edb;
35
+ --markserv-btn-border: #ff7edb44;
36
+ --markserv-slider-thumb: #ff7edb;
37
+ --markserv-slider-track: #46355e;
38
+ }
39
+
40
+ [data-theme="solarized"] {
41
+ --markserv-bg: #002b36;
42
+ --markserv-border: #0e4f5e;
43
+ --markserv-outline-color: #002b36;
44
+ --markserv-icon-color: #93a1a1;
45
+ --markserv-btn-bg: #073642;
46
+ --markserv-btn-color: #93a1a1;
47
+ --markserv-btn-border: #586e75;
48
+ --markserv-slider-thumb: #2aa198;
49
+ --markserv-slider-track: #0a4a58;
50
+ }
51
+
1
52
  body {
2
53
  width: 978px;
3
54
  margin: 16px auto;
55
+ background-color: var(--markserv-bg);
4
56
  }
5
57
 
6
58
  body .markdown-body {
@@ -15,8 +67,8 @@ body .markdown-body {
15
67
 
16
68
  @media screen and (min-width: 768px) {
17
69
  body {
18
- border: 1px solid #ddd;
19
- outline: 1300px solid #fff;
70
+ border: 1px solid var(--markserv-border);
71
+ outline: 1300px solid var(--markserv-outline-color);
20
72
  }
21
73
  }
22
74
 
@@ -37,12 +89,19 @@ body .markdown-body {
37
89
  header, footer {
38
90
  display: none !important;
39
91
  }
92
+ .theme-toggle {
93
+ display: none !important;
94
+ }
95
+ .width-control {
96
+ display: none !important;
97
+ }
40
98
  }
41
99
 
100
+ /* Directory listing icons */
42
101
  .icon:before {
43
102
  -webkit-mask-size: contain;
44
103
  -webkit-mask-repeat: no-repeat;
45
- -webkit-mask-positiong: 50% 50%;
104
+ -webkit-mask-position: 50% 50%;
46
105
  content: "";
47
106
  display: block;
48
107
  position: absolute;
@@ -66,11 +125,11 @@ body .markdown-body {
66
125
  }
67
126
 
68
127
  .icon.isfolder:before {
69
- background-color: #34495E;
128
+ background-color: var(--markserv-icon-color);
70
129
  }
71
130
 
72
131
  .icon.isfile:before {
73
- background-color: #34495E;
132
+ background-color: var(--markserv-icon-color);
74
133
  }
75
134
 
76
135
  li.icon {
@@ -78,6 +137,7 @@ li.icon {
78
137
  }
79
138
 
80
139
  .dir h1.icon {
140
+ position: relative;
81
141
  padding-left: 48px;
82
142
  }
83
143
 
@@ -89,538 +149,150 @@ li.icon {
89
149
  top: 3px;
90
150
  }
91
151
 
92
- /*.dir .crumbs {
93
- border-bottom: 1px solid #ddd;
94
- margin-bottom: 1em;
95
- padding-bottom: 0.5em;
96
- }*/
152
+ a.button.back {
153
+ background-color: var(--markserv-btn-bg);
154
+ border: 1px solid var(--markserv-btn-border);
155
+ color: var(--markserv-btn-color);
156
+ padding: 8px 16px;
157
+ text-align: center;
158
+ text-decoration: none;
159
+ display: inline-block;
160
+ font-size: 16px;
161
+ border-radius: 6px;
162
+ cursor: pointer;
163
+ }
97
164
 
98
- @font-face {
99
- font-family: octicons-anchor;
100
- src: url(data:font/woff;charset=utf-8;base64,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) format('woff');
165
+ a.button.back:hover {
166
+ opacity: 0.85;
101
167
  }
102
- .markdown-body {
103
- -ms-text-size-adjust: 100%;
104
- -webkit-text-size-adjust: 100%;
105
- color: #333;
106
- font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif;
168
+
169
+ /* Theme toggle button */
170
+ .theme-toggle {
171
+ position: fixed;
172
+ bottom: 20px;
173
+ right: 20px;
174
+ z-index: 9999;
175
+ width: 34px;
176
+ height: 34px;
177
+ border-radius: 50%;
178
+ border: 1px solid var(--markserv-btn-border);
179
+ background-color: var(--markserv-btn-bg);
180
+ color: var(--markserv-btn-color);
181
+ cursor: pointer;
107
182
  font-size: 16px;
108
- line-height: 1.6;
109
- word-wrap: break-word;
110
- }
111
- .markdown-body a {
112
- background: transparent;
113
- }
114
- .markdown-body a:active,
115
- .markdown-body a:hover {
116
- outline: 0;
117
- }
118
- .markdown-body strong {
119
- font-weight: bold;
120
- }
121
- .markdown-body img {
122
- border: 0;
123
- }
124
- .markdown-body hr {
125
- -moz-box-sizing: content-box;
126
- box-sizing: content-box;
127
- height: 0;
128
- }
129
- .markdown-body pre {
130
- overflow: auto;
131
- }
132
- .markdown-body code,
133
- .markdown-body kbd,
134
- .markdown-body pre {
135
- font-family: monospace, monospace;
136
- font-size: 1em;
137
- }
138
- .markdown-body input {
139
- color: inherit;
140
- font: inherit;
141
- margin: 0;
142
- }
143
- .markdown-body html input[disabled] {
144
- cursor: default;
145
- }
146
- .markdown-body input {
147
- line-height: normal;
148
- }
149
- .markdown-body input[type="checkbox"] {
150
- -moz-box-sizing: border-box;
151
- box-sizing: border-box;
152
- padding: 0;
153
- }
154
- .markdown-body table {
155
- border-collapse: collapse;
156
- border-spacing: 0;
157
- }
158
- .markdown-body td,
159
- .markdown-body th {
183
+ line-height: 1;
184
+ display: flex;
185
+ align-items: center;
186
+ justify-content: center;
187
+ box-shadow: 0 2px 8px rgba(0,0,0,0.2);
188
+ transition: transform 0.15s ease, box-shadow 0.15s ease;
160
189
  padding: 0;
161
190
  }
162
- .markdown-body * {
163
- -moz-box-sizing: border-box;
164
- box-sizing: border-box;
165
- }
166
- .markdown-body input {
167
- font: 9.285714285714286px Helvetica, arial, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
191
+
192
+ .theme-toggle:hover {
193
+ transform: scale(1.1);
194
+ box-shadow: 0 4px 12px rgba(0,0,0,0.3);
168
195
  }
169
- .markdown-body a {
170
- color: #4183c4;
171
- text-decoration: none;
196
+
197
+ /* Synthwave glow for toggle button */
198
+ [data-theme="synthwave"] .theme-toggle {
199
+ box-shadow: 0 0 10px rgba(255, 126, 219, 0.3), 0 2px 8px rgba(0,0,0,0.3);
172
200
  }
173
- .markdown-body a:hover,
174
- .markdown-body a:focus,
175
- .markdown-body a:active {
176
- text-decoration: underline;
201
+
202
+ [data-theme="synthwave"] .theme-toggle:hover {
203
+ box-shadow: 0 0 16px rgba(255, 126, 219, 0.5), 0 4px 12px rgba(0,0,0,0.4);
177
204
  }
178
- .markdown-body hr {
179
- height: 0;
180
- margin: 15px 0;
181
- overflow: hidden;
182
- background: transparent;
183
- border: 0;
184
- border-bottom: 1px solid #ddd;
205
+
206
+ /* Solarized glow for toggle button */
207
+ [data-theme="solarized"] .theme-toggle {
208
+ box-shadow: 0 0 10px rgba(42, 161, 152, 0.3), 0 2px 8px rgba(0,0,0,0.3);
185
209
  }
186
- .markdown-body hr:before {
187
- display: table;
188
- content: "";
210
+
211
+ [data-theme="solarized"] .theme-toggle:hover {
212
+ box-shadow: 0 0 16px rgba(42, 161, 152, 0.5), 0 4px 12px rgba(0,0,0,0.4);
189
213
  }
190
- .markdown-body hr:after {
191
- display: table;
192
- clear: both;
193
- content: "";
214
+
215
+ /* --- Width control --- */
216
+ .width-control {
217
+ position: fixed;
218
+ bottom: 32px;
219
+ right: 62px;
220
+ z-index: 9999;
221
+ display: flex;
222
+ align-items: center;
194
223
  }
195
- .markdown-body h1,
196
- .markdown-body h2,
197
- .markdown-body h3,
198
- .markdown-body h4,
199
- .markdown-body h5,
200
- .markdown-body h6 {
201
- margin-top: 15px;
202
- margin-bottom: 15px;
203
- line-height: 1.1;
204
- }
205
- .markdown-body blockquote {
206
- margin: 0;
207
- }
208
- .markdown-body ul,
209
- .markdown-body ol {
210
- padding: 0;
211
- margin-top: 0;
212
- margin-bottom: 0;
224
+
225
+ #width-slider {
226
+ -webkit-appearance: none;
227
+ appearance: none;
228
+ width: 120px;
229
+ height: 6px;
230
+ border-radius: 3px;
231
+ background: var(--markserv-slider-track);
232
+ cursor: pointer;
233
+ outline: none;
213
234
  }
214
- .markdown-body ol ol,
215
- .markdown-body ul ol {
216
- list-style-type: lower-roman;
235
+
236
+ #width-slider::-webkit-slider-thumb {
237
+ -webkit-appearance: none;
238
+ width: 14px;
239
+ height: 14px;
240
+ border-radius: 50%;
241
+ background: var(--markserv-slider-thumb);
242
+ border: none;
243
+ cursor: pointer;
217
244
  }
218
- .markdown-body ul ul ol,
219
- .markdown-body ul ol ol,
220
- .markdown-body ol ul ol,
221
- .markdown-body ol ol ol {
222
- list-style-type: lower-alpha;
245
+
246
+ #width-slider::-moz-range-thumb {
247
+ width: 14px;
248
+ height: 14px;
249
+ border-radius: 50%;
250
+ background: var(--markserv-slider-thumb);
251
+ border: none;
252
+ cursor: pointer;
223
253
  }
224
- .markdown-body dd {
225
- margin-left: 0;
254
+
255
+ #width-slider::-moz-range-track {
256
+ height: 6px;
257
+ border-radius: 3px;
258
+ background: var(--markserv-slider-track);
226
259
  }
227
- .markdown-body code {
228
- font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace;
260
+
261
+ #width-tooltip {
262
+ position: absolute;
263
+ bottom: 24px;
264
+ padding: 2px 6px;
265
+ border-radius: 4px;
266
+ background: var(--markserv-btn-bg);
267
+ color: var(--markserv-btn-color);
268
+ border: 1px solid var(--markserv-btn-border);
269
+ font-size: 11px;
270
+ font-family: -apple-system, BlinkMacSystemFont, sans-serif;
271
+ white-space: nowrap;
272
+ pointer-events: none;
273
+ opacity: 0;
274
+ transition: opacity 0.15s ease;
229
275
  }
230
- .markdown-body pre {
231
- margin-top: 0;
232
- margin-bottom: 0;
233
- font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace;
276
+
277
+ #width-tooltip.visible {
278
+ opacity: 1;
234
279
  }
235
- .markdown-body .octicon {
236
- font: normal normal 16px octicons-anchor;
237
- line-height: 1;
238
- display: inline-block;
239
- text-decoration: none;
240
- -webkit-font-smoothing: antialiased;
241
- -moz-osx-font-smoothing: grayscale;
242
- -webkit-user-select: none;
243
- -moz-user-select: none;
244
- -ms-user-select: none;
245
- user-select: none;
246
- }
247
- .markdown-body .octicon-link:before {
248
- content: '\f05c';
249
- }
250
- .markdown-body h1[id]:before,
251
- .markdown-body h2[id]:before,
252
- .markdown-body h3[id]:before,
253
- .markdown-body h4[id]:before,
254
- .markdown-body h5[id]:before,
255
- .markdown-body h6[id]:before {
256
- font-family: octicons-anchor;
257
- font-size: 16px;
258
- outline: none;
259
- content: '\f05c';
260
- display: none;
261
- position: absolute;
262
- margin-left: -1.2em;
263
- margin-top: .65em;
264
- }
265
- .markdown-body h1[id]:hover:before,
266
- .markdown-body h2[id]:hover:before,
267
- .markdown-body h3[id]:hover:before,
268
- .markdown-body h4[id]:hover:before,
269
- .markdown-body h5[id]:hover:before,
270
- .markdown-body h6[id]:hover:before {
271
- display: block;
272
- }
273
- .markdown-body > *:first-child {
274
- margin-top: 0 !important;
275
- }
276
- .markdown-body > *:last-child {
277
- margin-bottom: 0 !important;
278
- }
279
- .markdown-body .anchor {
280
- position: absolute;
280
+
281
+ /* Synthwave scanline overlay */
282
+ [data-theme="synthwave"] body::after {
283
+ content: "";
284
+ position: fixed;
281
285
  top: 0;
282
- bottom: 0;
283
286
  left: 0;
284
- display: block;
285
- padding-right: 6px;
286
- padding-left: 30px;
287
- margin-left: -30px;
288
- }
289
- .markdown-body .anchor:focus {
290
- outline: none;
291
- }
292
- .markdown-body h1,
293
- .markdown-body h2,
294
- .markdown-body h3,
295
- .markdown-body h4,
296
- .markdown-body h5,
297
- .markdown-body h6 {
298
- position: relative;
299
- margin-top: 1em;
300
- margin-bottom: 16px;
301
- font-weight: bold;
302
- line-height: 1.4;
303
- }
304
- .markdown-body h1 .octicon-link,
305
- .markdown-body h2 .octicon-link,
306
- .markdown-body h3 .octicon-link,
307
- .markdown-body h4 .octicon-link,
308
- .markdown-body h5 .octicon-link,
309
- .markdown-body h6 .octicon-link {
310
- display: none;
311
- color: #000;
312
- vertical-align: middle;
313
- }
314
- .markdown-body h1:hover .anchor,
315
- .markdown-body h2:hover .anchor,
316
- .markdown-body h3:hover .anchor,
317
- .markdown-body h4:hover .anchor,
318
- .markdown-body h5:hover .anchor,
319
- .markdown-body h6:hover .anchor {
320
- padding-left: 8px;
321
- margin-left: -30px;
322
- line-height: 1;
323
- text-decoration: none;
324
- }
325
- .markdown-body h1:hover .anchor .octicon-link,
326
- .markdown-body h2:hover .anchor .octicon-link,
327
- .markdown-body h3:hover .anchor .octicon-link,
328
- .markdown-body h4:hover .anchor .octicon-link,
329
- .markdown-body h5:hover .anchor .octicon-link,
330
- .markdown-body h6:hover .anchor .octicon-link {
331
- display: inline-block;
332
- }
333
- .markdown-body h1 {
334
- padding-bottom: 0.3em;
335
- font-size: 2.25em;
336
- line-height: 1.2;
337
- border-bottom: 1px solid #eee;
338
- }
339
- .markdown-body h2 {
340
- padding-bottom: 0.3em;
341
- font-size: 1.75em;
342
- line-height: 1.225;
343
- border-bottom: 1px solid #eee;
344
- }
345
- .markdown-body h3 {
346
- font-size: 1.5em;
347
- line-height: 1.43;
348
- }
349
- .markdown-body h4 {
350
- font-size: 1.25em;
351
- }
352
- .markdown-body h5 {
353
- font-size: 1em;
354
- }
355
- .markdown-body h6 {
356
- font-size: 1em;
357
- color: #777;
358
- }
359
- .markdown-body p,
360
- .markdown-body blockquote,
361
- .markdown-body ul,
362
- .markdown-body ol,
363
- .markdown-body dl,
364
- .markdown-body table,
365
- .markdown-body pre {
366
- margin-top: 0;
367
- margin-bottom: 16px;
368
- }
369
- .markdown-body hr {
370
- height: 4px;
371
- padding: 0;
372
- margin: 16px 0;
373
- background-color: #e7e7e7;
374
- border: 0 none;
375
- }
376
- .markdown-body ul,
377
- .markdown-body ol {
378
- padding-left: 2em;
379
- }
380
- .markdown-body ul ul,
381
- .markdown-body ul ol,
382
- .markdown-body ol ol,
383
- .markdown-body ol ul {
384
- margin-top: 0;
385
- margin-bottom: 0;
386
- }
387
- .markdown-body li > p {
388
- margin-top: 16px;
389
- }
390
- .markdown-body dl {
391
- padding: 0;
392
- }
393
- .markdown-body dl dt {
394
- padding: 0;
395
- margin-top: 16px;
396
- font-size: 1em;
397
- font-style: italic;
398
- font-weight: bold;
399
- }
400
- .markdown-body dl dd {
401
- padding: 0 16px;
402
- margin-bottom: 16px;
403
- }
404
- .markdown-body blockquote {
405
- padding: 0 15px;
406
- color: #777;
407
- border-left: 4px solid #ddd;
408
- }
409
- .markdown-body blockquote > :first-child {
410
- margin-top: 0;
411
- }
412
- .markdown-body blockquote > :last-child {
413
- margin-bottom: 0;
414
- }
415
- .markdown-body table {
416
- display: block;
417
287
  width: 100%;
418
- overflow: auto;
419
- word-break: normal;
420
- word-break: keep-all;
421
- }
422
- .markdown-body table th {
423
- font-weight: bold;
424
- }
425
- .markdown-body table th,
426
- .markdown-body table td {
427
- padding: 6px 13px;
428
- border: 1px solid #ddd;
429
- }
430
- .markdown-body table tr {
431
- background-color: #fff;
432
- border-top: 1px solid #ccc;
433
- }
434
- .markdown-body table tr:nth-child(2n) {
435
- background-color: #f8f8f8;
436
- }
437
- .markdown-body img {
438
- max-width: 100%;
439
- -moz-box-sizing: border-box;
440
- box-sizing: border-box;
441
- }
442
- .markdown-body code {
443
- padding: 0;
444
- padding-top: 0.2em;
445
- padding-bottom: 0.2em;
446
- margin: 0;
447
- font-size: 85%;
448
- background-color: rgba(0, 0, 0, 0.04);
449
- border-radius: 3px;
450
- }
451
- .markdown-body code:before,
452
- .markdown-body code:after {
453
- letter-spacing: -0.2em;
454
- content: "\00a0";
455
- }
456
- .markdown-body pre > code {
457
- padding: 0;
458
- margin: 0;
459
- font-size: 100%;
460
- word-break: normal;
461
- white-space: pre;
462
- background: transparent;
463
- border: 0;
464
- }
465
- .markdown-body .highlight {
466
- margin-bottom: 16px;
467
- }
468
- .markdown-body .highlight pre,
469
- .markdown-body pre {
470
- padding: 16px;
471
- overflow: auto;
472
- font-size: 85%;
473
- line-height: 1.45;
474
- background-color: #f7f7f7;
475
- border-radius: 3px;
476
- }
477
- .markdown-body .highlight pre {
478
- margin-bottom: 0;
479
- word-break: normal;
480
- }
481
- .markdown-body pre {
482
- word-wrap: normal;
483
- }
484
- .markdown-body pre code {
485
- display: inline;
486
- max-width: initial;
487
- padding: 0;
488
- margin: 0;
489
- overflow: initial;
490
- line-height: inherit;
491
- word-wrap: normal;
492
- background-color: transparent;
493
- border: 0;
494
- }
495
- .markdown-body pre code:before,
496
- .markdown-body pre code:after {
497
- content: normal;
498
- }
499
- .markdown-body .pl-c {
500
- color: #969896;
501
- }
502
- .markdown-body .pl-c1,
503
- .markdown-body .pl-mdh,
504
- .markdown-body .pl-mm,
505
- .markdown-body .pl-mp,
506
- .markdown-body .pl-mr,
507
- .markdown-body .pl-s1 .pl-v,
508
- .markdown-body .pl-s3,
509
- .markdown-body .pl-sc,
510
- .markdown-body .pl-sv {
511
- color: #0086b3;
512
- }
513
- .markdown-body .pl-e,
514
- .markdown-body .pl-en {
515
- color: #795da3;
516
- }
517
- .markdown-body .pl-s1 .pl-s2,
518
- .markdown-body .pl-smi,
519
- .markdown-body .pl-smp,
520
- .markdown-body .pl-stj,
521
- .markdown-body .pl-vo,
522
- .markdown-body .pl-vpf {
523
- color: #333;
524
- }
525
- .markdown-body .pl-ent {
526
- color: #63a35c;
527
- }
528
- .markdown-body .pl-k,
529
- .markdown-body .pl-s,
530
- .markdown-body .pl-st {
531
- color: #a71d5d;
532
- }
533
- .markdown-body .pl-pds,
534
- .markdown-body .pl-s1,
535
- .markdown-body .pl-s1 .pl-pse .pl-s2,
536
- .markdown-body .pl-sr,
537
- .markdown-body .pl-sr .pl-cce,
538
- .markdown-body .pl-sr .pl-sra,
539
- .markdown-body .pl-sr .pl-sre,
540
- .markdown-body .pl-src,
541
- .markdown-body .pl-v {
542
- color: #df5000;
543
- }
544
- .markdown-body .pl-id {
545
- color: #b52a1d;
546
- }
547
- .markdown-body .pl-ii {
548
- background-color: #b52a1d;
549
- color: #f8f8f8;
550
- }
551
- .markdown-body .pl-sr .pl-cce {
552
- color: #63a35c;
553
- font-weight: bold;
554
- }
555
- .markdown-body .pl-ml {
556
- color: #693a17;
557
- }
558
- .markdown-body .pl-mh,
559
- .markdown-body .pl-mh .pl-en,
560
- .markdown-body .pl-ms {
561
- color: #1d3e81;
562
- font-weight: bold;
563
- }
564
- .markdown-body .pl-mq {
565
- color: #008080;
566
- }
567
- .markdown-body .pl-mi {
568
- color: #333;
569
- font-style: italic;
570
- }
571
- .markdown-body .pl-mb {
572
- color: #333;
573
- font-weight: bold;
574
- }
575
- .markdown-body .pl-md,
576
- .markdown-body .pl-mdhf {
577
- background-color: #ffecec;
578
- color: #bd2c00;
579
- }
580
- .markdown-body .pl-mdht,
581
- .markdown-body .pl-mi1 {
582
- background-color: #eaffea;
583
- color: #55a532;
584
- }
585
- .markdown-body .pl-mdr {
586
- color: #795da3;
587
- font-weight: bold;
588
- }
589
- .markdown-body .pl-mo {
590
- color: #1d3e81;
591
- }
592
- .markdown-body kbd {
593
- background-color: #e7e7e7;
594
- background-image: -webkit-linear-gradient(#fefefe, #e7e7e7);
595
- background-image: linear-gradient(#fefefe, #e7e7e7);
596
- background-repeat: repeat-x;
597
- display: inline-block;
598
- padding: 3px 5px;
599
- font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace;
600
- line-height: 10px;
601
- color: #000;
602
- border: 1px solid #cfcfcf;
603
- border-radius: 2px;
604
- }
605
- .markdown-body .task-list-item {
606
- list-style-type: none;
607
- }
608
- .markdown-body .task-list-item + .task-listaitem {
609
- margin-top: 3px;
610
- }
611
- .markdown-body .task-list-item input {
612
- float: left;
613
- margin: 0.3em 0 0.25em -1.6em;
614
- vertical-align: middle;
615
- }
616
-
617
- a.button.back {
618
- background-color: #34495E;
619
- border: none;
620
- color: white;
621
- padding: 8px 16px;
622
- text-align: center;
623
- text-decoration: none;
624
- display: inline-block;
625
- font-size: 16px;
288
+ height: 100%;
289
+ pointer-events: none;
290
+ z-index: 9998;
291
+ background: repeating-linear-gradient(
292
+ 0deg,
293
+ transparent,
294
+ transparent 2px,
295
+ rgba(0, 0, 0, 0.03) 2px,
296
+ rgba(0, 0, 0, 0.03) 4px
297
+ );
626
298
  }