Hugging Face's logo

Spaces:
changxin
/
test
Build error

App Files Community
changxin commited on
Commit
de3e175
·
1 Parent(s): 3a673a3

Upload style.css

Browse files
Files changed (1) hide show
  1. style.css +491 -0
style.css ADDED
@@ -0,0 +1,491 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /*** CSS v.2.0.1.7 ***/
2
+
3
+ /* Normalize */
4
+ @import url(normalize.css);
5
+
6
+
7
+ /* Fonts */
8
+ @import url(https://fonts.googleapis.com/css?family=Inconsolata:400,700|Open+Sans:400,700);
9
+
10
+ /* Common styles */
11
+ ::-moz-selection { background: #EB4D2F ; color: #fff; text-shadow: none; }
12
+ ::selection { background: #EB4D2F ; color: #fff; text-shadow: none; }
13
+ html {}
14
+ html, body { /*-webkit-tap-highlight-color: rgba(0,0,0,0);*/}
15
+ body { min-width:750px; background:#fff; font-family: 'Open Sans', Helvetica, Verdana, Arial, sans-serif; font-size:14px; line-height:25px; color:#333; }
16
+ body.embedded {background:#fff; min-width:220px; }
17
+ body.raw {background:#fff; min-width:220px; }
18
+
19
+ a, a:visited, a:hover, a:active { color:#EB4D2F ; text-decoration:none; outline: 0 !important }
20
+ input:focus, select:focus, textarea:focus, button:focus, a:focus, a:hover, a:active,
21
+ input::-moz-focus-inner, select::-moz-focus-inner { outline: 0;}
22
+ code {font-family: 'Consolas', 'Inconsolata', monospace; font-size: 0.9em; line-height: 1;
23
+ padding: 3px 4px 1px 4px;
24
+ border-radius: 2px;
25
+ vertical-align: middle;
26
+ display: inline-block;
27
+ margin-top: -3px;
28
+ margin-left: 2px;
29
+ }
30
+ sup { font-family:Verdana; font-size:0.5em; vertical-align:middle}
31
+ .fl {float:left} .fr {float:right} .n {clear:both} .fix {overflow:hidden}
32
+ .prn {display:none} .app {display:none}
33
+ .hidden { display: none !important; visibility: hidden; }
34
+
35
+ img {vertical-align:middle}
36
+ img.fl {margin:0 30px 20px 0}
37
+ img.fr {margin:0 0 20px 30px}
38
+
39
+ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
40
+ textarea { resize: none; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; }
41
+ pre {margin:0}
42
+ .btn {outline:none; border:0; margin:0; vertical-align:middle; -webkit-appearance:none; background:#EB4D2F ; padding:8px 15px; text-align:center; border-radius:5px; -webkit-border-radius:5px; white-space:nowrap }
43
+ .btn, a.btn, a.btn:visited, a.btn:active {display:inline-block; color:#fff !important; font-size: 14px; line-height:22px; font-weight:700; text-transform:uppercase}
44
+ a.btn:hover {background:#e7330f }
45
+ .btn.pressed, a.btn.pressed {cursor:default}
46
+
47
+ .smaller {font-size:12px; line-height:20px;}
48
+ .placeholder { color:#aaa; }
49
+
50
+ h3 {font-size:19px; line-height:30px; font-weight:700; text-transform:uppercase; color:#EB4D2F; margin:10px 0 20px 0}
51
+
52
+ .wrapper { padding:20px 80px; margin:0 auto;overflow:hidden }
53
+ .raw .wrapper {padding:20px 40px}
54
+
55
+ .note {padding:10px 0; font-size:12px}
56
+
57
+ /* Footer */
58
+ .rights {text-transform:uppercase; font-size:11px; line-height:18px; color:#999; margin-top: 20px;}
59
+
60
+
61
+ #header { }
62
+ #header .editorwrapper {max-width:none !important; padding:0 60px 20px 60px}
63
+
64
+ .beta {margin:5px 0 0 0; font-weight:bold; font-size:15px; line-height:14px; text-align:center; color:#EB4D2F; max-width:142px; letter-spacing:1px}
65
+
66
+ .options-ctrl {
67
+ float:right; font-weight:700; text-transform:uppercase; font-size:13px;
68
+ }
69
+ .options-ctrl div {float: left; padding:10px 20px; }
70
+
71
+ .theme img {width:19px; height:19px; vertical-align:middle;}
72
+ .options { border-radius: 0 0 5px 5px; }
73
+ .options img {width:19px; height:19px; vertical-align:middle; margin-right:3px}
74
+
75
+ .options-panel {
76
+ display: none;
77
+ padding: 30px 60px;
78
+ }
79
+ .options-panel .options-flex {
80
+ display: flex;
81
+ align-items: flex-start;
82
+ justify-content: flex-start;
83
+ margin: 0 auto;
84
+ }
85
+ .options-panel .options-flex .panel {
86
+ flex: 0 1 250px;
87
+ margin: 5px 60px 5px 0;
88
+ }
89
+ .options-panel .options-flex .panel:last-child {
90
+ margin-right: 0;
91
+ }
92
+ .options-panel .options-flex .panel.theme-panel {
93
+ flex: 0 1 130px;
94
+ }
95
+ .switch{position:relative;display:inline-block;width:35px;height:20px; vertical-align:middle; margin-right:3px}.switch input{display:none}.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;border-radius:20px}.switch .slider:before{position:absolute;content:"";height:12px;width:12px;left:4px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s;border-radius:50%}.switch .slider.locked{background-color:#f7b8b8 !important}.switch .slider.unsupported{background-color:#e6e6e6 !important}.switch .slider.unsupported:before{display:none}.switch input:checked+.slider{background-color:#EB4D2F}.switch input:focus+.slider{box-shadow:0 0 1px #EB4D2F}.switch input:checked+.slider:before{-webkit-transform:translateX(14px);-ms-transform:translateX(14px);transform:translateX(14px)}
96
+ .dark .switch .slider {background-color:#444}
97
+
98
+ .options-panel select {-webkit-appearance:none; -moz-appearance: none; appearance: none; text-indent: 0.01px;
99
+ text-overflow: ''; width:100%; height:24px; border:0; border-radius:3px; -webkit-border-radius:3px; padding:2px 5px; display:inline-block }
100
+ .options-panel select::-ms-expand { display: none;}
101
+
102
+ .options-panel .title {
103
+ display: block;
104
+ text-transform: uppercase;
105
+ font-weight: 700;
106
+ font-size: 13px;
107
+ margin-bottom: 3px;
108
+ }
109
+ .options-panel code {
110
+ float: right;
111
+ margin-top:5px;
112
+ }
113
+ .options-panel .description {
114
+ font-size: 12px;
115
+ line-height: 1.4;
116
+ margin-bottom: 10px;
117
+ }
118
+
119
+ .logo { float:left; width:20%; max-width:190px; text-align:left; margin:45px 0 0 0;}
120
+ .logo.expanded {max-width:none !important; text-align:center}
121
+ .logo img {width:100% !important; height:auto !important}
122
+ .raw .logo {width:200px !important; margin:20px 0; float:none}
123
+
124
+ .editor pre, .editor textarea, .result { font-family: 'Consolas', 'Inconsolata', monospace; font-size: 22px; line-height: 26px !important; background:none !important; }
125
+
126
+ .editor {float:left; margin:0; width:70%}
127
+ .editor pre, .editor textarea { float:left; width:90%; padding:20px 35px; border:0; margin:25px 0 0 45px; overflow:none !important; white-space:pre-wrap !important; outline: none; font-size: 22px; /*min-height:50px*/ }
128
+ .editor pre hr { border:0; border-top:1px dashed #EB4D2F; height:1px; background:none; margin: 5px 0;}
129
+ .editor textarea {overflow:hidden;/*white-space: nowrap !important; overflow-x:auto !important*/ }
130
+ .editor textarea.placeholder {font-size:28px; line-height:34px }
131
+
132
+
133
+ .errormarker { position:relative; width: 0px; height: 0px;
134
+ border-bottom: 10px solid rgba(0, 0, 0, 0); border-top: 10px solid rgba(0, 0, 0, 0); border-left: 12px solid rgba(234, 77, 47, 0.9); /*width:4px; height: 22px; background: #EB4D2F; */ }
135
+
136
+ .result {display:none; float:left; margin:25px 0 0 0; width:90%; }
137
+ .result .formatted {/*float:left; width:90%; */padding:10px 30px; white-space:nowrap; overflow:auto; }
138
+ .result .lines { float: left; width:50px; overflow: hidden; padding:10px 0 5px 0 }
139
+ .result .lineno { padding: 0 0.5em 0 0; text-align: right; white-space: nowrap; }
140
+
141
+ .result .indent4, .result .indent8 {display:inline-block; /*text-indent:-9999px; font-size:12px; height:26px; vertical-align:middle*/ }
142
+ /*.result .indent4 { margin-left:4em }
143
+ .result .indent8 { margin-left:7.5em; margin-right:0.5em }*/
144
+ .result .indent8 {margin-right:6px}
145
+
146
+ .reporting {float:left; padding:34px 0 0 0; font-weight:700; text-transform:uppercase; font-size:13px;}
147
+ .reporting img {width:20px; height:20px; vertical-align:middle}
148
+ .reporting a {padding-left:3px;}
149
+
150
+ .topcontrols {text-align:right; margin-top:20px; display:none}
151
+
152
+ .controls { float:right; text-align:right; padding:30px 0 0 0 }
153
+ .controls .smaller, .controls .smaller a, .controls .smaller a:hover, .controls .smaller a:visited {color:#808080; font-size:11px;}
154
+
155
+ .copy, .btn.copy, .copyHTML, .btn.copyHTML, .copyRich, .btn.copyRich {background:#7F95A1; margin-right:10px; display:none}
156
+ a.btn.copy:hover, a.btn.copyHTML:hover, a.btn.copyRich:hover {background:#698da0 }
157
+ .reformat, .btn.reformat {display:none; margin-left:10px; }
158
+ .editformula, .btn.editformula {display:none; margin-left:20px;}
159
+
160
+ #run {font-size:16px !important; padding:10px 20px !important;}
161
+
162
+ #docxfile {display:none !important }
163
+
164
+ .errors {display:none; background:#EA4D2F; padding:10px 40px; color:#fff; font-size:16px; }
165
+ .embedded .errors {display:block !important; padding:0; color:#EA4D2F; background:none; margin-top:25px}
166
+ .embedded .errors .wrapper {padding:10px 30px; width:90% !important; margin:0}
167
+
168
+ .errors a {
169
+ color: #fff !important;
170
+ font-weight: bold;
171
+ }
172
+
173
+ /* Dark Theme */
174
+ body.dark { background: #1e1e1e; }
175
+ .dark header {background:#333; color:#fff;}
176
+ .dark code { background: #4d4d4d; color: #fff; }
177
+ .dark .editor pre, .dark .editor textarea { color:#fff; border-left: 4px solid #4d4d4d; }
178
+ .dark .editor pre.placeholder, .dark .editor textarea.placeholder { color:#666; }
179
+ .dark .editor pre.readonly, .dark .editor textarea.readonly {color:#666}
180
+ .dark ::-webkit-input-placeholder { color:#666; }
181
+ .dark :-moz-placeholder { color:#666; }
182
+ .dark ::-moz-placeholder { color:#666; }
183
+ .dark :-ms-input-placeholder { color:#666; }
184
+
185
+ .dark .theme img { background:url(images/switch.png) no-repeat left top; background-size: 19px 38px;}
186
+ .dark .theme, .dark .theme a, .dark .theme a:hover, .dark .theme a:visited {color:#fff;}
187
+
188
+ .dark .htmlonly img { background:url(images/code.png) no-repeat left top; background-size: 19px 38px;}
189
+ .dark .htmlonly, .dark .htmlonly a, .dark .htmlonly a:hover, .dark .htmlonly a:visited {color:#fff;}
190
+ .dark .options-panel,
191
+ .dark .options.active { background:#222; }
192
+
193
+ .dark .options img { background:url(images/settings.png) no-repeat left top;background-size: 19px 38px;}
194
+ .dark .options, .dark .options a, .dark .options a:hover, .dark .options a:visited {color:#fff;}
195
+
196
+ .dark .options-panel .description { color: #777; }
197
+ .dark .options-panel select {background:#444 url(images/arrow-dark.png) no-repeat 95% center; color:#bbb;}
198
+
199
+ .dark .lines { border-right: 4px solid #4d4d4d; }
200
+ .dark .lineno {color:#4d4d4d; }
201
+
202
+ .dark .reporting img { background:url(images/bug-dark.png) no-repeat left top; background-size:21px 19px}
203
+ .dark .reporting, .dark .reporting a, .dark .reporting a:hover, .dark .reporting a:visited {color:#fff;}
204
+
205
+ .dark .controls {}
206
+ .dark .controls a, .dark .controls a:active, .dark .controls a:visited, .dark .controls a:hover, .dark .topcontrols a, .dark .topcontrols a:active, .dark .topcontrols a:visited, .dark .topcontrols a:hover {color:#eee}
207
+ .dark .controls .pressed, .dark .controls a.btn:active, .dark .btn:active, .dark .topcontrols .pressed, .dark .topcontrols a.btn:active {background:#252525 !important}
208
+
209
+ .dark .result { color: #fff; }
210
+ .dark .result .Keyword {color:#0095ff !important; /* #28B4E1 */}
211
+ .dark .result .StringLiteral {color:#E44 !important;}
212
+ .dark .result .Number {color: #EE7F18 !important;}
213
+ .dark .result .Parenthesis {color:#636363 !important; /* #28B4E1 */}
214
+ .dark .result .Comment {color:#86C573 !important;}
215
+ .dark .result .Variable {color:#44e8e7 !important; /*#49b0af*/}
216
+ .dark .result .QueryParameter {color:#decd06 !important;}
217
+
218
+ .dark .result .indent8 { border-right:1px solid #4d4d4d; }
219
+ .dark .svcdesc, .dark .changes h4 { color: #f0f0f0}
220
+
221
+ /* Light Theme */
222
+ body.light { background:#fff;}
223
+ .light header {background:#eee; color:#333;}
224
+ .light code { background: #ccc; color: #333; }
225
+ .light .editor pre, .light .editor textarea { color:#333; border-left: 4px solid #ccc; }
226
+ .light .editor pre.placeholder, .light .editor textarea.placeholder { color:#aaa; }
227
+ .light .editor pre.readonly, .light .editor textarea.readonly {color:#aaa}
228
+ .light ::-webkit-input-placeholder { color:#aaa; }
229
+ .light :-moz-placeholder { color:#aaa; }
230
+ .light ::-moz-placeholder { color:#aaa; }
231
+ .light :-ms-input-placeholder { color:#aaa; }
232
+
233
+
234
+ .light .theme img { background:url(images/switch.png) no-repeat left bottom; background-size: 19px 38px;}
235
+ .light .theme, .light .theme a, .light .theme a:hover, .light .theme a:visited {color:#333;}
236
+
237
+ .light .htmlonly img { background:url(images/code.png) no-repeat left bottom; background-size: 19px 38px;}
238
+ .light .htmlonly, .light .htmlonly a, .light .htmlonly a:hover, .light .htmlonly a:visited {color:#333;}
239
+
240
+ .light .options img { background:url(images/settings.png) no-repeat left bottom;background-size: 19px 38px;}
241
+ .light .options, .light .options a, .light .options a:hover, .light .options a:visited {color:#333;}
242
+ .light .options-panel,
243
+ .light .options.active {
244
+ background: #e0e0e0
245
+ }
246
+
247
+ .light .options-panel .description { color: #999; }
248
+ .light .options-panel select {background:#eee url(images/arrow-light.png) no-repeat 95% center; color:#333;}
249
+
250
+ .light .linemode, .light .linemode a, .light .linemode a:hover, .light .linemode a:visited {color:#333;}
251
+
252
+ .light .lines { border-right: 4px solid #ccc; }
253
+ .light .lineno {color:#ccc; }
254
+
255
+ .light .reporting img { background:url(images/bug-light.png) no-repeat left top; background-size:21px 19px}
256
+ .light .reporting, .light .reporting a, .light .reporting a:hover, .light .reporting a:visited {color:#333;}
257
+
258
+ .light .controls {}
259
+ .light .controls a, .light .controls a:active, .light .controls a:visited, .light .controls a:hover, .light .topcontrols a, .light .topcontrols a:active, .light .topcontrols a:visited, .light .topcontrols a:hover {color:#666}
260
+ .light .controls .pressed, .light .controls a.btn:active, .light .btn:active, .light .topcontrols .pressed, .light .topcontrols a.btn:active {background:#aaa !important}
261
+
262
+ .light .result .Keyword {color:#035aca !important; /* #0070FF */ }
263
+ .light .result .StringLiteral {color: #D93124 !important;}
264
+ .light .result .Number {color: #EE7F18 !important;}
265
+ .light .result .Parenthesis {color:#808080 !important; /* #969696 */}
266
+ .light .result .Comment {color:#39a03b !important; /* #108313 */}
267
+ .light .result .Variable {color:#49b0af !important;}
268
+ .light .result .QueryParameter {color:#dc419d !important;}
269
+
270
+ .light .result .indent8 { border-right:1px solid #ccc; }
271
+
272
+ /* Common network */
273
+ .network { background: #404040; color: #666; padding:20px 0; margin-top:10px; text-align: center; }
274
+ .network .sites { padding:0; margin:0 auto; overflow:hidden; list-style: none; }
275
+ .network .sites li { list-style: none; margin:0; padding: 10px 20px 0 20px; display: inline-block; }
276
+ .network .sites li img { height:38px; width:auto; opacity: 0.3; }
277
+ .network .sites li img.selected, .network .sites li img:hover { opacity: 1; }
278
+
279
+ /* Home */
280
+ .svcdesc { float:left; width:55%; font-size:17px; line-height:30px; color:#777; }
281
+ .svcdesc .smaller {color:#999; font-size:14px; line-height:22px; }
282
+ .svcdesc .ulfl {overflow:hidden}
283
+ .svcdesc .ulfl ul {float:left; width:40%; max-width:200px}
284
+
285
+ .changes {font-size:13px; line-height:24px; }
286
+ .changes .rss {display:inline-block; margin:-5px 0 0 20px;}
287
+ .changes h4 {margin:5px 0; color:#777; font-size:13px; line-height:21px }
288
+ .change em {display:inline-block; margin-top:12px; font-size:13px}
289
+ .change span {font-size:12px; line-height:17px; display:inline-block; margin:-10px 0 5px 0}
290
+ .changes .expandable {display:none;}
291
+
292
+
293
+ /* Comments */
294
+ .comments { width:90%; }
295
+ .comments .disqus-count { display:none; }
296
+ .comments .disqus-count.expanded { max-height: auto; }
297
+ #disqus_thread { overflow: hidden; max-height:300px; }
298
+ #disqus_thread.expanded { max-height: none; }
299
+ .comments .disqus-alert{ display:none; position:absolute; text-align: center; left: 0; right: 0; margin: 0; padding: 0 30px; margin-top: 68px; font-size: 13px; line-height:20px; font-family: "Helvetica Neue", arial, sans-serif; color:#687a86; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
300
+ .comments .disqus-more { display:none; position:absolute; margin-top: -50px; height: 45px; left:0; width:55%; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%); text-align: center; font-size: 30px; padding-top:20px; }
301
+ .dark .comments .disqus-more { background: -moz-linear-gradient(top, rgba(30,30,30,0) 0%, rgba(30,30,30,1) 70%); background: -webkit-linear-gradient(top, rgba(30,30,30,0) 0%,rgba(30,30,30,1) 70%); background: linear-gradient(to bottom, rgba(30,30,30,0) 0%,rgba(30,30,30,1) 70%); }
302
+
303
+ .comments .expand-comments { background: #fff; padding:10px 15px; font-family: "Helvetica Neue", arial, sans-serif; font-size: 12px; font-weight: 700; line-height: 1.2; color:#687a86 /*lighten(@disqus-color, 10%) */; border:2px solid #687a86 /*lighten(@disqus-color, 40%)*/; text-transform: uppercase; text-align: center; letter-spacing: 1px; cursor: pointer; border-radius: 1em; }
304
+ .dark .comments .expand-comments { background: #1e1e1e; color:#fff; border-color:#fff}
305
+ .comments .expand-comments:hover { color:#fff; background:#687a86 /*lighten(@disqus-color, 40%)*/;}
306
+ .dark .comments .expand-comments:hover { color: #1e1e1e; background: #fff;}
307
+
308
+ .newsletter {font-size:14px; line-height:20px;}
309
+ form {margin-top: 10px;}
310
+ .newsletter #df-subscribe {-webkit-appearance:none; border:0; background: #f2f2f2; width: 60%; margin:0; display:inline-block; vertical-align:middle; padding: 10px; font-size:15px;border-radius:3px; -webkit-border-radius:3px;}
311
+ .newsletter #df-feedback { color:#EB4D2F; font-size:18px; line-height:26px; margin:20px 0 }
312
+ .newsletter #df-subscribe-do {font-size:14px; padding:9px 15px}
313
+
314
+ .side { float:right; width:35%; color:#999; font-size:12px; line-height:19px }
315
+ .side .sam { margin:0 0 30px 0; }
316
+ .side .sam img { display: inline-block;}
317
+ .badge {margin:10px 0}
318
+
319
+ .badge img {display:inline-block; padding:15px 15px 15px 15px; -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-topleft: 3px; border-top-right-radius: 3px; border-top-left-radius: 3px; cursor:pointer}
320
+ .badge img.active {background: #f2f2f2;}
321
+
322
+ .badge pre {font-family: 'Inconsolata', 'Consolas', monospace; font-size:12px; line-height:16px; padding: 15px; word-wrap:break-word; max-width:90%; background: #f2f2f2; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; display:none }
323
+ .badge pre.active {display:block}
324
+
325
+
326
+
327
+ .embedded .badge {display:block; margin:5px 0 0 10px}
328
+ .embedded .result {display:block; float:none; line-height:1 !important; width:100% !important; margin:0}
329
+ .embedded .result .formatted {padding:10px}
330
+
331
+ .terms { font-size:15px; line-height:24px ; text-align: left}
332
+
333
+ #bug-report-form { font-size:19px; line-height:28px; background:#fff url(images/bug-big.png) no-repeat 580px 20px; }
334
+
335
+ #bug-form input[type=text], #bug-form input[type=email], #bug-form textarea {-webkit-appearance:none; width:70%; height:30px; border:0; background:#f2f2f2; border-radius:3px; -webkit-border-radius:3px; padding:5px 10px; display:inline-block; margin:5px 0; color:#333 }
336
+ #bug-form textarea {height:120px; margin:20px 0}
337
+
338
+ #bug-form label.error {font-size:14px; line-height:20px; color:#EA4D2F; display: inline-block;
339
+ margin: 0 0 0 20px;}
340
+
341
+ #bug-feedback { display:none; font-size:26px; line-height:38px; color:#EB4D2F; margin:20px 0 }
342
+
343
+ .dialog {display: none; position: fixed; top: 5%; left: 50%; margin-left: -300px; width: 600px;
344
+ color: #333; background:#fff; padding:30px; overflow:hidden; -webkit-overflow-scrolling: touch; }
345
+
346
+ .jqmOverlay { background-color: #000; }
347
+ .fb-like {display:inline-block; margin-right:20px;}
348
+
349
+ /* Raw */
350
+ .raw .logo { max-width: 100%;}
351
+ .raw textarea {width:100%; height:150px; border:1px solid #ccc; font-size:15px; line-height:22px}
352
+ .raw select, .raw input[type=text] {font-size:15px; line-height:22px; width: 200px; max-width: 100%;}
353
+ .raw label { display:inline-block; width:80px; }
354
+ .raw .terms { font-size:13px; line-height:22px; margin:20px 0 }
355
+
356
+ /* Cookie bar */
357
+ #cookie-bar .button {
358
+ outline:none; border:0; vertical-align:middle; -webkit-appearance:none; background:#EB4D2F ; padding:8px 15px; text-align:center; border-radius:5px; -webkit-border-radius:5px; white-space:nowrap; font-size:12px; margin:15px 0 0 0; display: block;
359
+ color:#fff !important; text-transform: uppercase;
360
+ }
361
+ #cookie-bar .button, #cookie-bar a.button, #cookie-bar a.button:visited, #cookie-bar a.button:active {display:inline-block; color:#fff !important; font-size: 14px; line-height:22px; font-weight:700; text-transform:uppercase}
362
+ #cookie-bar a.button:hover {background:#e7330f }
363
+
364
+ /* Privacy */
365
+ .page-privacy {}
366
+
367
+ .page-privacy p {margin:10px 0}
368
+ .page-privacy h3 {font-size:20px; margin:45px 0 10px 0 }
369
+ .page-privacy h3.title {font-size:30px; margin:10px 0 30px 0; color:#333}
370
+ .page-privacy h4 {font-size:16px; margin:30px 0 10px 0 }
371
+ .page-privacy h5 {font-size: 16px;line-height: 22px;margin:15px; color:#444; }
372
+ .page-privacy li div {margin-left:20px}
373
+ .page-privacy li div.svc {padding:20px 20px 10px 20px; width:80%; margin-top:20px; border:1px solid #ccc; }
374
+ .page-privacy li div.svc h4 {margin-top:0}
375
+ .page-privacy table {border-collapse: collapse; width:100%; max-width: 700px}
376
+ .page-privacy th, .page-privacy td {border:1px solid #666; padding:5px;}
377
+ .page-privacy th {font-weight: bold; background: #ddd}
378
+
379
+ /* Logo Animation */
380
+ .anilogo { width:240px; margin:30px auto 0 auto; display: none;}
381
+ .anilogo .block { display:block; margin:8px 0; }
382
+ .anilogo .sublock { display:inline-block; background:#e14e37; height:35px; margin:0 4px; border-radius:2px; animation: 1.2s ease-out 0s infinite alternate; }
383
+ .anilogo .b1 { width:108px; animation-name: b1ani; }
384
+ .anilogo .b2 { width:44px; animation-name: b2ani; }
385
+ .anilogo .b3 { width:90px; animation-name: b3ani; }
386
+ .anilogo .b4 { width:28px; animation-name: b4ani; }
387
+ .anilogo .b5 { width:56px; animation-name: b5ani; }
388
+
389
+ @keyframes b1ani {
390
+ 0% { margin-left:0; }
391
+ 70% { margin-left:-20px;}
392
+ 100% { margin-left:0;}
393
+ }
394
+ @keyframes b2ani {
395
+ 0% { margin-left:-45px; }
396
+ 40% { margin-left:10px;}
397
+ 80% {margin-left:4px;}
398
+ 100% {margin-left:-5px;}
399
+ }
400
+ @keyframes b3ani {
401
+ 0% { margin-left:0; }
402
+ 50% { margin-left:48px;}
403
+ 100% { margin-left:10px; }
404
+ }
405
+ @keyframes b4ani {
406
+ 0% { margin-left:-10px; }
407
+ 30% { margin-left:40px;}
408
+ 70% { margin-left:4px; }
409
+ 100% {margin-left:-30px; }
410
+ }
411
+ @keyframes b5ani {
412
+ 0% { margin-left:0; }
413
+ 70% { margin-left:30px;}
414
+ 100% { margin-left:60px; }
415
+ }
416
+
417
+ /* Media queries */
418
+ @media only screen and (max-width: 1150px) {
419
+ .app {display:inline-block} .desk {display:none}
420
+ .result {width:85%; font-size:20px}
421
+ .editor {width:80% !important}
422
+
423
+ }
424
+
425
+ @media only screen and (max-width : 960px) {
426
+
427
+ .app {display:inline-block} .desk {display:none}
428
+ .result {width:85%; font-size:20px}
429
+ .editor {width:80% !important}
430
+
431
+ }
432
+
433
+ @media only screen and (max-width : 768px) {
434
+
435
+ .signup {background-image:url(images/signup-blurred.png) ;}
436
+ }
437
+
438
+ @media only screen and (max-width : 480px) {
439
+
440
+ .signup .promo { max-width:100%; }
441
+ }
442
+
443
+
444
+ @media only screen and (max-width : 400px) {
445
+
446
+ }
447
+
448
+ @media only screen and (max-height : 320px) {
449
+
450
+
451
+ }
452
+
453
+
454
+ /* Retina adjustments */
455
+ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
456
+
457
+
458
+ .dark .theme img { background-image:url(images/switch@2x.png); }
459
+ .dark .htmlonly img { background-image:url(images/code@2x.png); }
460
+ .dark .options img { background-image:url(images/settings@2x.png); }
461
+ .dark .reporting img { background-image:url(images/bug-dark@2x.png); }
462
+
463
+
464
+ .light .theme img { background-image:url(images/switch@2x.png); }
465
+ .light .htmlonly img { background-image:url(images/code@2x.png); }
466
+ .light .options img { background-image:url(images/settings@2x.png); }
467
+ .light .reporting img { background-image:url(images/bug-light@2x.png); }
468
+
469
+ #bug-report-form {background-image:url(images/bug-big@2x.png);background-size:131px 124px }
470
+ }
471
+
472
+
473
+ /* Print style */
474
+ @media print {
475
+ * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
476
+ a, a:visited { text-decoration: none; }
477
+
478
+ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
479
+ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
480
+ thead { display: table-header-group; }
481
+ tr, img { page-break-inside: avoid; }
482
+ img { max-width: 100% !important; }
483
+ @page { margin: 0.5cm; }
484
+ p, h2, h3 { orphans: 3; widows: 3; }
485
+ h2, h3 { page-break-after: avoid; }
486
+ .app {display:inline-block}
487
+ .desk {display:none}
488
+ .scr {display:none}
489
+ .prn {display:inline-block !important; visibility:visible}
490
+
491
+ }