-
Notifications
You must be signed in to change notification settings - Fork 4
/
screen.css
90 lines (77 loc) · 10.7 KB
/
screen.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
/* https://github.com/skyzyx/carbon-css */
html{font-size:100%;text-size-adjust:100%;line-height:1.15}body{margin:0;padding-bottom:5em;overflow:scroll;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.5rem;color:#444;background-color:#fff;overflow-scrolling:touch;animation-delay:.1s;animation-name:fontfix;animation-duration:.1s;animation-iteration-count:1;animation-timing-function:linear}@keyframes fontfix{0%{opacity:1}to{opacity:1}}p{display:block;box-sizing:border-box;margin:0;padding:.5rem 0}ol,ul{padding:0;margin:0 0 .75em 25px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}li{line-height:1.5em}li h1,li h2,li h3,li h4,li h5{padding-bottom:0}dl{margin-bottom:1.5em}dd,dt{line-height:1.5em}dt{font-weight:700}dd{margin-left:.75em}hr{box-sizing:content-box;height:0;overflow:visible;margin:1.5em 0;border:0;border-top:1px dotted #ccc;border-bottom:1px dotted #fff}blockquote{border-left:solid;border-width:.25rem;border-color:#408bc9;font-style:normal;line-height:1.5;color:#444;background-color:#eee;padding:.3rem 2rem;margin:0;font-size:1rem}blockquote:after,blockquote:before{content:""}blockquote p{margin-bottom:0;font-size:1em;line-height:1.5em}blockquote small{display:block;line-height:1.5em;color:#999}blockquote small:before{content:"\2014 \00A0"}@media screen and (max-width:60em){blockquote{padding:.1rem 1rem}}q:before{content:"\201C"}q:after{content:"\201D"}details{display:block}details div.details{padding:0 0 0 2rem}summary{display:list-item;cursor:pointer}template{display:none}a{display:inline-block;background-color:transparent;color:#357edd;text-decoration:none;border-bottom:1px dotted #357edd;transition:color .1s ease-in}a:active,a:hover{outline:0}a:focus,a:hover{color:#96ccff;text-decoration:none;border-bottom:1px solid #96ccff}a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}a img{display:block}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{display:inline-block;width:auto\9;height:auto;max-width:100%;vertical-align:middle;border:0;border-style:none;-ms-interpolation-mode:bicubic}img.block{display:block}b,strong{font-weight:bolder}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;cursor:help}form{margin:0 0 1.5em}button,input,input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],optgroup,select,textarea{font-family:inherit;font-size:.875rem;font-weight:400;line-height:1.5rem;margin:0;vertical-align:middle}button,input{overflow:visible;line-height:normal}button,input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{text-transform:none}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;appearance:button}button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,input[type=button]:-moz-focusring,input[type=reset]:-moz-focusring,input[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button,input[type=button],input[type=checkbox],input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=radio],input[type=reset],input[type=search],input[type=submit],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],label,select,textarea{cursor:pointer}label{display:block;margin-bottom:.3125rem}input[type=search]{box-sizing:content-box;appearance:textfield;outline-offset:-2px}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=search]{padding-right:0}input[type=search]::-webkit-search-cancel-button{appearance:searchfield-cancel-button}input[type=search]::-webkit-search-results-button{appearance:searchfield-results-button}input[type=search][results]{padding-left:0}}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{display:inline-block;padding:.25rem .375rem;margin-bottom:.75rem;font-size:.875rem;line-height:1.5em;color:#666;vertical-align:middle;border-radius:3px}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea{background-color:#fcfcfc;border:1px solid #ccc;box-shadow:inset 0 1px 3px rgba(0,0,0,.1);transition:border .2s linear,box-shadow .2s linear,background-color .2s linear}input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus{background-color:#fff;border-color:rgba(82,168,236,.8);outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6)}input[type=password]{appearance:caps-lock-indicator}input[type=checkbox],input[type=radio]{box-sizing:border-box;margin:4px 0 0;padding:0;line-height:normal}input[type=button],input[type=checkbox],input[type=file],input[type=image],input[type=radio],input[type=reset],input[type=submit]{width:auto}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{background-color:#fcfcfc;border:1px solid #ccc}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus,select:focus{outline:thin dotted #333;outline:5px auto focus-ring-color;outline-offset:-2px}fieldset{padding:0;margin:0;border:0}textarea{height:auto;overflow:auto;vertical-align:top}legend{display:table;box-sizing:border-box;color:inherit;max-width:100%;padding:0;margin-bottom:1.5em;white-space:normal;font-size:1.125rem;line-height:1.5em;border:0;border-bottom:1px solid #e5e5e5}legend small{font-size:.75rem;color:#999}progress{vertical-align:baseline}h1,h2,h3,h4,h5,h6{padding:1em 0 .2em;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#333;text-rendering:optimizeLegibility}h1,h2{font-weight:500}h1{font-size:2.5rem;letter-spacing:-.1rem;line-height:1.2em}h1 small,h2{font-size:1.8rem;letter-spacing:-.07rem;line-height:1.3em}h2 small,h3{font-size:1.5rem;letter-spacing:-.04rem;line-height:1.4em}h3 small,h4{font-size:1rem;letter-spacing:0;line-height:1.5em}h4 small,h5{font-size:.875rem;letter-spacing:0;line-height:1.5em}h5 small,h6{font-size:.7rem;letter-spacing:0;line-height:1.5em}code,kbd,pre,samp{font-family:SF Mono,Meslo LG S,Meslo LG S Regular,Menlo,Consolas,Monaco,Courier New,monospace,monospace;font-size:.85rem}pre{background-color:#222;box-sizing:border-box;color:#ddd;display:block;position:static;overflow:hidden;max-width:45rem}code,kbd,samp{display:inline-block;padding:1px 2px;background-color:#f8f8ff;color:#ba2121;border:1px solid #e5e5e5;background-color:#f7f7f7;border-radius:3px;white-space:nowrap;font-smoothing:auto}pre code{display:block;line-height:1.3em;margin:0;padding:1.5em;overflow-x:auto!important;overflow-y:auto;white-space:pre;width:auto;background-color:inherit;color:inherit;border:none;border-radius:0}table{max-width:100%;margin:1em 0;background-color:transparent;border-collapse:collapse;border-spacing:0;border:1px solid #ccc}table tr th{background-color:#ccc}table tr td,table tr th{border:1px solid #ccc;padding:10px}table tr td>p:first-child,table tr th>p:first-child{margin-top:0}.container:after,.container:before{display:table;content:""}.container:after{clear:both}[hidden]{display:none}._left_{float:left}._right_{float:right}@keyframes yellowfade{0%{background:#ffc}to{background:transparent}}.new{animation-name:yellowfade;animation-duration:2s}
/* Loosely based on pygment's default colors */
table.sourceCode, tr.sourceCode, td.lineNumbers, td.sourceCode, table.sourceCode pre { margin: 0; padding: 0; border: 0; vertical-align: baseline; border: none; }
td.lineNumbers { border-right: 1px solid #AAAAAA; text-align: right; color: #AAAAAA; padding-right: 5px; padding-left: 5px; }
td.sourceCode { padding-left: 5px; }
pre.sourceCode { }
pre.sourceCode span.kw { color: #007020; font-weight: bold; }
pre.sourceCode span.dt { color: #902000; }
pre.sourceCode span.dv { color: #40a070; }
pre.sourceCode span.bn { color: #40a070; }
pre.sourceCode span.fl { color: #40a070; }
pre.sourceCode span.ch { color: #4070a0; }
pre.sourceCode span.st { color: #4070a0; }
pre.sourceCode span.co { color: #60a0b0; font-style: italic; }
pre.sourceCode span.ot { color: #007020; }
pre.sourceCode span.al { color: red; font-weight: bold; }
pre.sourceCode span.fu { color: #06287e; }
pre.sourceCode span.re { }
pre.sourceCode span.er { color: red; font-weight: bold; }
div.tip {
background-color: rgb(255, 243, 205);
border: 1px solid rgb(255, 230, 156);
border-width: 1px 1px 1px 10px;
border-radius: 3px;
padding: 0.5em 1em;
margin: 1em 0;
color: rgb(102, 77, 3);
}
div.note {
background-color: rgb(207, 244, 252);
border: 1px solid rgb(158, 234, 249);
border-width: 1px 1px 1px 10px;
border-radius: 3px;
padding: 0.5em 1em;
margin: 1em 0;
color: rgb(5, 81, 96);
}
div.title {
font-weight: bold;
text-transform: uppercase;
}
div.tip div.title {
::before {
content: "💡";
}
}
div.note div.title {
::before {
content: "📓";
}
}
#content {
max-width: 800px;
margin: 0 auto;
}
h4, h5, h6 {
padding-top: .2em;
}
h3 small, h4 {
font-size: 1.2rem;
}
details[open] {
margin: 0;
padding: 0;
}
details[open] br {
display: none;
}
details[open] summary {
display: none;
margin: 0;
padding: 0;
}
#truncated {
display: none;
}