Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
FogNetwork
GitHub Repository: FogNetwork/Tsunami
Path: blob/main/public/games/files/gopher-kart/css/milligram/dist/milligram.css
1511 views
1
/*!
2
* Milligram v1.3.0
3
* https://milligram.github.io
4
*
5
* Copyright (c) 2017 CJ Patoilo
6
* Licensed under the MIT license
7
*/
8
9
*,
10
*:after,
11
*:before {
12
box-sizing: inherit;
13
}
14
15
html {
16
box-sizing: border-box;
17
font-size: 62.5%;
18
}
19
20
body {
21
color: #606c76;
22
font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
23
font-size: 1.6em;
24
font-weight: 300;
25
letter-spacing: .01em;
26
line-height: 1.6;
27
}
28
29
blockquote {
30
border-left: 0.3rem solid #d1d1d1;
31
margin-left: 0;
32
margin-right: 0;
33
padding: 1rem 1.5rem;
34
}
35
36
blockquote *:last-child {
37
margin-bottom: 0;
38
}
39
40
.button,
41
button,
42
input[type='button'],
43
input[type='reset'],
44
input[type='submit'] {
45
background-color: #9b4dca;
46
border: 0.1rem solid #9b4dca;
47
border-radius: .4rem;
48
color: #fff;
49
cursor: pointer;
50
display: inline-block;
51
font-size: 1.1rem;
52
font-weight: 700;
53
height: 3.8rem;
54
letter-spacing: .1rem;
55
line-height: 3.8rem;
56
padding: 0 3.0rem;
57
text-align: center;
58
text-decoration: none;
59
text-transform: uppercase;
60
white-space: nowrap;
61
}
62
63
.button:focus, .button:hover,
64
button:focus,
65
button:hover,
66
input[type='button']:focus,
67
input[type='button']:hover,
68
input[type='reset']:focus,
69
input[type='reset']:hover,
70
input[type='submit']:focus,
71
input[type='submit']:hover {
72
background-color: #606c76;
73
border-color: #606c76;
74
color: #fff;
75
outline: 0;
76
}
77
78
.button[disabled],
79
button[disabled],
80
input[type='button'][disabled],
81
input[type='reset'][disabled],
82
input[type='submit'][disabled] {
83
cursor: default;
84
opacity: .5;
85
}
86
87
.button[disabled]:focus, .button[disabled]:hover,
88
button[disabled]:focus,
89
button[disabled]:hover,
90
input[type='button'][disabled]:focus,
91
input[type='button'][disabled]:hover,
92
input[type='reset'][disabled]:focus,
93
input[type='reset'][disabled]:hover,
94
input[type='submit'][disabled]:focus,
95
input[type='submit'][disabled]:hover {
96
background-color: #9b4dca;
97
border-color: #9b4dca;
98
}
99
100
.button.button-outline,
101
button.button-outline,
102
input[type='button'].button-outline,
103
input[type='reset'].button-outline,
104
input[type='submit'].button-outline {
105
background-color: transparent;
106
color: #9b4dca;
107
}
108
109
.button.button-outline:focus, .button.button-outline:hover,
110
button.button-outline:focus,
111
button.button-outline:hover,
112
input[type='button'].button-outline:focus,
113
input[type='button'].button-outline:hover,
114
input[type='reset'].button-outline:focus,
115
input[type='reset'].button-outline:hover,
116
input[type='submit'].button-outline:focus,
117
input[type='submit'].button-outline:hover {
118
background-color: transparent;
119
border-color: #606c76;
120
color: #606c76;
121
}
122
123
.button.button-outline[disabled]:focus, .button.button-outline[disabled]:hover,
124
button.button-outline[disabled]:focus,
125
button.button-outline[disabled]:hover,
126
input[type='button'].button-outline[disabled]:focus,
127
input[type='button'].button-outline[disabled]:hover,
128
input[type='reset'].button-outline[disabled]:focus,
129
input[type='reset'].button-outline[disabled]:hover,
130
input[type='submit'].button-outline[disabled]:focus,
131
input[type='submit'].button-outline[disabled]:hover {
132
border-color: inherit;
133
color: #9b4dca;
134
}
135
136
.button.button-clear,
137
button.button-clear,
138
input[type='button'].button-clear,
139
input[type='reset'].button-clear,
140
input[type='submit'].button-clear {
141
background-color: transparent;
142
border-color: transparent;
143
color: #9b4dca;
144
}
145
146
.button.button-clear:focus, .button.button-clear:hover,
147
button.button-clear:focus,
148
button.button-clear:hover,
149
input[type='button'].button-clear:focus,
150
input[type='button'].button-clear:hover,
151
input[type='reset'].button-clear:focus,
152
input[type='reset'].button-clear:hover,
153
input[type='submit'].button-clear:focus,
154
input[type='submit'].button-clear:hover {
155
background-color: transparent;
156
border-color: transparent;
157
color: #606c76;
158
}
159
160
.button.button-clear[disabled]:focus, .button.button-clear[disabled]:hover,
161
button.button-clear[disabled]:focus,
162
button.button-clear[disabled]:hover,
163
input[type='button'].button-clear[disabled]:focus,
164
input[type='button'].button-clear[disabled]:hover,
165
input[type='reset'].button-clear[disabled]:focus,
166
input[type='reset'].button-clear[disabled]:hover,
167
input[type='submit'].button-clear[disabled]:focus,
168
input[type='submit'].button-clear[disabled]:hover {
169
color: #9b4dca;
170
}
171
172
code {
173
background: #f4f5f6;
174
border-radius: .4rem;
175
font-size: 86%;
176
margin: 0 .2rem;
177
padding: .2rem .5rem;
178
white-space: nowrap;
179
}
180
181
pre {
182
background: #f4f5f6;
183
border-left: 0.3rem solid #9b4dca;
184
overflow-y: hidden;
185
}
186
187
pre > code {
188
border-radius: 0;
189
display: block;
190
padding: 1rem 1.5rem;
191
white-space: pre;
192
}
193
194
hr {
195
border: 0;
196
border-top: 0.1rem solid #f4f5f6;
197
margin: 3.0rem 0;
198
}
199
200
input[type='email'],
201
input[type='number'],
202
input[type='password'],
203
input[type='search'],
204
input[type='tel'],
205
input[type='text'],
206
input[type='url'],
207
textarea,
208
select {
209
-webkit-appearance: none;
210
-moz-appearance: none;
211
appearance: none;
212
background-color: transparent;
213
border: 0.1rem solid #d1d1d1;
214
border-radius: .4rem;
215
box-shadow: none;
216
box-sizing: inherit;
217
height: 3.8rem;
218
padding: .6rem 1.0rem;
219
width: 100%;
220
}
221
222
input[type='email']:focus,
223
input[type='number']:focus,
224
input[type='password']:focus,
225
input[type='search']:focus,
226
input[type='tel']:focus,
227
input[type='text']:focus,
228
input[type='url']:focus,
229
textarea:focus,
230
select:focus {
231
border-color: #9b4dca;
232
outline: 0;
233
}
234
235
select {
236
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#d1d1d1" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>') center right no-repeat;
237
padding-right: 3.0rem;
238
}
239
240
select:focus {
241
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#9b4dca" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>');
242
}
243
244
textarea {
245
min-height: 6.5rem;
246
}
247
248
label,
249
legend {
250
display: block;
251
font-size: 1.6rem;
252
font-weight: 700;
253
margin-bottom: .5rem;
254
}
255
256
fieldset {
257
border-width: 0;
258
padding: 0;
259
}
260
261
input[type='checkbox'],
262
input[type='radio'] {
263
display: inline;
264
}
265
266
.label-inline {
267
display: inline-block;
268
font-weight: normal;
269
margin-left: .5rem;
270
}
271
272
.container {
273
margin: 0 auto;
274
max-width: 112.0rem;
275
padding: 0 2.0rem;
276
position: relative;
277
width: 100%;
278
}
279
280
.row {
281
display: flex;
282
flex-direction: column;
283
padding: 0;
284
width: 100%;
285
}
286
287
.row.row-no-padding {
288
padding: 0;
289
}
290
291
.row.row-no-padding > .column {
292
padding: 0;
293
}
294
295
.row.row-wrap {
296
flex-wrap: wrap;
297
}
298
299
.row.row-top {
300
align-items: flex-start;
301
}
302
303
.row.row-bottom {
304
align-items: flex-end;
305
}
306
307
.row.row-center {
308
align-items: center;
309
}
310
311
.row.row-stretch {
312
align-items: stretch;
313
}
314
315
.row.row-baseline {
316
align-items: baseline;
317
}
318
319
.row .column {
320
display: block;
321
flex: 1 1 auto;
322
margin-left: 0;
323
max-width: 100%;
324
width: 100%;
325
}
326
327
.row .column.column-offset-10 {
328
margin-left: 10%;
329
}
330
331
.row .column.column-offset-20 {
332
margin-left: 20%;
333
}
334
335
.row .column.column-offset-25 {
336
margin-left: 25%;
337
}
338
339
.row .column.column-offset-33, .row .column.column-offset-34 {
340
margin-left: 33.3333%;
341
}
342
343
.row .column.column-offset-50 {
344
margin-left: 50%;
345
}
346
347
.row .column.column-offset-66, .row .column.column-offset-67 {
348
margin-left: 66.6666%;
349
}
350
351
.row .column.column-offset-75 {
352
margin-left: 75%;
353
}
354
355
.row .column.column-offset-80 {
356
margin-left: 80%;
357
}
358
359
.row .column.column-offset-90 {
360
margin-left: 90%;
361
}
362
363
.row .column.column-10 {
364
flex: 0 0 10%;
365
max-width: 10%;
366
}
367
368
.row .column.column-20 {
369
flex: 0 0 20%;
370
max-width: 20%;
371
}
372
373
.row .column.column-25 {
374
flex: 0 0 25%;
375
max-width: 25%;
376
}
377
378
.row .column.column-33, .row .column.column-34 {
379
flex: 0 0 33.3333%;
380
max-width: 33.3333%;
381
}
382
383
.row .column.column-40 {
384
flex: 0 0 40%;
385
max-width: 40%;
386
}
387
388
.row .column.column-50 {
389
flex: 0 0 50%;
390
max-width: 50%;
391
}
392
393
.row .column.column-60 {
394
flex: 0 0 60%;
395
max-width: 60%;
396
}
397
398
.row .column.column-66, .row .column.column-67 {
399
flex: 0 0 66.6666%;
400
max-width: 66.6666%;
401
}
402
403
.row .column.column-75 {
404
flex: 0 0 75%;
405
max-width: 75%;
406
}
407
408
.row .column.column-80 {
409
flex: 0 0 80%;
410
max-width: 80%;
411
}
412
413
.row .column.column-90 {
414
flex: 0 0 90%;
415
max-width: 90%;
416
}
417
418
.row .column .column-top {
419
align-self: flex-start;
420
}
421
422
.row .column .column-bottom {
423
align-self: flex-end;
424
}
425
426
.row .column .column-center {
427
-ms-grid-row-align: center;
428
align-self: center;
429
}
430
431
@media (min-width: 40rem) {
432
.row {
433
flex-direction: row;
434
margin-left: -1.0rem;
435
width: calc(100% + 2.0rem);
436
}
437
.row .column {
438
margin-bottom: inherit;
439
padding: 0 1.0rem;
440
}
441
}
442
443
a {
444
color: #9b4dca;
445
text-decoration: none;
446
}
447
448
a:focus, a:hover {
449
color: #606c76;
450
}
451
452
dl,
453
ol,
454
ul {
455
list-style: none;
456
margin-top: 0;
457
padding-left: 0;
458
}
459
460
dl dl,
461
dl ol,
462
dl ul,
463
ol dl,
464
ol ol,
465
ol ul,
466
ul dl,
467
ul ol,
468
ul ul {
469
font-size: 90%;
470
margin: 1.5rem 0 1.5rem 3.0rem;
471
}
472
473
ol {
474
list-style: decimal inside;
475
}
476
477
ul {
478
list-style: circle inside;
479
}
480
481
.button,
482
button,
483
dd,
484
dt,
485
li {
486
margin-bottom: 1.0rem;
487
}
488
489
fieldset,
490
input,
491
select,
492
textarea {
493
margin-bottom: 1.5rem;
494
}
495
496
blockquote,
497
dl,
498
figure,
499
form,
500
ol,
501
p,
502
pre,
503
table,
504
ul {
505
margin-bottom: 2.5rem;
506
}
507
508
table {
509
border-spacing: 0;
510
width: 100%;
511
}
512
513
td,
514
th {
515
border-bottom: 0.1rem solid #e1e1e1;
516
padding: 1.2rem 1.5rem;
517
text-align: left;
518
}
519
520
td:first-child,
521
th:first-child {
522
padding-left: 0;
523
}
524
525
td:last-child,
526
th:last-child {
527
padding-right: 0;
528
}
529
530
b,
531
strong {
532
font-weight: bold;
533
}
534
535
p {
536
margin-top: 0;
537
}
538
539
h1,
540
h2,
541
h3,
542
h4,
543
h5,
544
h6 {
545
font-weight: 300;
546
letter-spacing: -.1rem;
547
margin-bottom: 2.0rem;
548
margin-top: 0;
549
}
550
551
h1 {
552
font-size: 4.6rem;
553
line-height: 1.2;
554
}
555
556
h2 {
557
font-size: 3.6rem;
558
line-height: 1.25;
559
}
560
561
h3 {
562
font-size: 2.8rem;
563
line-height: 1.3;
564
}
565
566
h4 {
567
font-size: 2.2rem;
568
letter-spacing: -.08rem;
569
line-height: 1.35;
570
}
571
572
h5 {
573
font-size: 1.8rem;
574
letter-spacing: -.05rem;
575
line-height: 1.5;
576
}
577
578
h6 {
579
font-size: 1.6rem;
580
letter-spacing: 0;
581
line-height: 1.4;
582
}
583
584
img {
585
max-width: 100%;
586
}
587
588
.clearfix:after {
589
clear: both;
590
content: ' ';
591
display: table;
592
}
593
594
.float-left {
595
float: left;
596
}
597
598
.float-right {
599
float: right;
600
}
601
602
/*# sourceMappingURL=milligram.css.map */
603