← Back to branch summary

~vcs-imports/ghex/master

« back to all changes in this revision

Viewing changes to help/HTML/sv/ghex/sv.css

  • Committer: Logan Rathbone
  • Date: 2022-01-06 23:52:20 UTC
  • Revision ID: git-v1:c00df7466b5028d13d4859545ab947f2736c7784
static-html-help: Tarball rather than a bare dirtree

Show diffs side-by-side

added added

removed removed

Lines of Context:
help/HTML/sv/ghex/sv.css
1
 
 
2
 
html { height: 100%; }
3
 
body {
4
 
  font-family: sans-serif;
5
 
  margin: 0; padding: 0;
6
 
  background-color: #ffffff;
7
 
  color: #000000;
8
 
  direction: ltr;
9
 
}
10
 
article, aside, nav, header, footer, section {
11
 
  display: block;
12
 
  margin: 0;
13
 
  padding: 0;
14
 
}
15
 
main {
16
 
  display: flex;
17
 
  flex-flow: row;
18
 
}
19
 
main > * {
20
 
  flex: 0 0 220px;
21
 
}
22
 
main > div.page {
23
 
  flex-grow: 1;
24
 
  margin: 0;
25
 
  display: flex;
26
 
  flex-flow: column;
27
 
  align-items: stretch;
28
 
  justify-content: flex-start;
29
 
  min-height: 100vh;
30
 
}
31
 
div.page > article { flex: 1 0 auto; }
32
 
div.page > header, div.page > footer { flex: 0 1 auto; }
33
 
.pagewide {
34
 
  max-width: 1060px;
35
 
  margin-left: auto;
36
 
  margin-right: auto;
37
 
  padding-left: 10px;
38
 
  padding-right: 10px;
39
 
}
40
 
aside.sidebar {
41
 
  width: 300px;
42
 
  padding: 20px 10px;
43
 
  background: rgb(244,244,244)
44
 
}
45
 
@media only screen and (max-width: 720px) {
46
 
  aside.sidebar {
47
 
    display: none;
48
 
  }
49
 
}
50
 
aside.sidebar-right { order: 3; }
51
 
aside.sidebar section { margin-top: 0; }
52
 
aside.sidebar * { margin-bottom: 20px; }
53
 
aside.sidebar section > div.inner > div.hgroup {
54
 
  border-bottom: none;
55
 
}
56
 
aside.sidebar section h2 {
57
 
  font-size: 1em;
58
 
  margin-bottom: 0;
59
 
}
60
 
article {
61
 
  padding-top: 10px;
62
 
  padding-bottom: 10px;
63
 
  min-height: 20em;
64
 
  background-color: #ffffff;
65
 
}
66
 
section {
67
 
  margin-top: 2.4em;
68
 
  clear: both;
69
 
}
70
 
section section {
71
 
  margin-top: 1.44em;
72
 
}
73
 
.yelp-hash-highlight {
74
 
  animation-name: yelp-hash-highlight;
75
 
  animation-duration: 0.5s;
76
 
  animation-fill-mode: forwards;
77
 
}
78
 
@keyframes yelp-hash-highlight {
79
 
  from { transform: translateY(0px) }
80
 
  25%  { transform: translateY(20px); }
81
 
  50%  { transform: translateY(0); }
82
 
  75%  { transform: translateY(10px); }
83
 
  to   { transform: translateY(0px); }
84
 
}
85
 
div.trails {
86
 
  margin: 0 -10px 0 -10px;
87
 
  padding: 0.2em 10px;
88
 
  background-color: rgb(244,244,244);
89
 
}
90
 
div.trail {
91
 
  margin: 0.2em 0;
92
 
  padding: 0 1em 0 1em;
93
 
  text-indent: -1em;
94
 
  color: rgb(75,75,73);
95
 
}
96
 
a.trail { white-space: nowrap; }
97
 
div.hgroup {
98
 
  margin-bottom: 0.5em;
99
 
  color: rgb(75,75,73);
100
 
}
101
 
section > div.inner > div.hgroup {
102
 
  margin-top: 0;
103
 
  border-bottom: solid 1px #c0bfbc;
104
 
}
105
 
section.links > div.inner > div.hgroup {
106
 
  border-bottom: solid 2px rgb(43,107,185);
107
 
}
108
 
section section.links > div.inner > div.hgroup {
109
 
  border: none;
110
 
}
111
 
h1, h2, h3, h4, h5, h6, h7 {
112
 
  margin: 0; padding: 0;
113
 
  font-weight: normal;
114
 
}
115
 
h1 { font-size: 2.4em; }
116
 
h2 { font-size: 1.72em; }
117
 
h3.title, h4.title, h5.title, h6.title, h7.title { font-size: 1.44em; }
118
 
h3, h4, h5, h6, h7 { font-size: 1em; }
119
 
p { line-height: 1.44em; }
120
 
div, pre, p { margin: 0; padding: 0; }
121
 
div.contents > * + *,
122
 
th > * + *, td > * + *,
123
 
dt > * + *, dd > * + *,
124
 
li > * + * { margin-top: 1em; }
125
 
p img { vertical-align: middle; }
126
 
p.lead { font-size: 1.2em; }
127
 
div.clear {
128
 
  margin: 0; padding: 0;
129
 
  height: 0; line-height: 0;
130
 
  clear: both;
131
 
}
132
 
.center { text-align: center; }
133
 
 
134
 
footer { background: #ddd; }
135
 
footer div.about {
136
 
  max-width: 700px;
137
 
  margin: 0 auto;
138
 
}
139
 
footer div.about > div.inner > div.hgroup {
140
 
  margin: 0; padding: 0;
141
 
  text-align: center;
142
 
  border: none;
143
 
}
144
 
footer div.about > div.inner > div.hgroup > h2 {
145
 
  margin: 0; padding: 0.2em;
146
 
  font-size: inherit;
147
 
}
148
 
footer div.about.ui-expander > div.inner > div.hgroup span.title:before {
149
 
  content: "";
150
 
}
151
 
div.copyrights { text-align: center; }
152
 
div.copyright { margin: 0; }
153
 
div.credits {
154
 
  display: flex;
155
 
  flex-flow: row wrap;
156
 
  align-items: stretch;
157
 
  justify-content: flex-start;
158
 
  margin: 0 -10px;
159
 
}
160
 
div.credits > * {
161
 
  vertical-align: top;
162
 
  text-align: left;
163
 
  flex: 1 0 300px;
164
 
  padding: 10px;
165
 
}
166
 
div.credits > *:empty { padding: 0; height: 0; }
167
 
ul.credits, ul.credits li {
168
 
  margin: 0; padding: 0;
169
 
  list-style-type: none;
170
 
}
171
 
ul.credits li {
172
 
  margin-left: 1em;
173
 
  text-indent: -1em;
174
 
}
175
 
div.license {
176
 
  padding-bottom: 10px;
177
 
}
178
 
 
179
 
table {
180
 
  border-collapse: collapse;
181
 
  border-color: #c0bfbc;
182
 
  border-width: 1px;
183
 
}
184
 
td, th {
185
 
  padding: 0.5em;
186
 
  vertical-align: top;
187
 
  border-color: #c0bfbc;
188
 
  border-width: 1px;
189
 
}
190
 
thead td, thead th, tfoot td, tfoot th {
191
 
  font-weight: bold;
192
 
  color: rgb(75,75,73);
193
 
  background-color: rgb(234,234,233);
194
 
}
195
 
th {
196
 
  text-align: left;
197
 
  font-weight: bold;
198
 
  color: rgb(75,75,73);
199
 
}
200
 
 
201
 
ul, ol, dl { margin: 0; padding: 0; }
202
 
li {
203
 
  margin: 1em 0 0 0;
204
 
  margin-left: 2.4em;
205
 
  padding: 0;
206
 
}
207
 
li:first-child { margin-top: 0; }
208
 
@media (max-width: 480px) {
209
 
  li {
210
 
    margin-left: 1.44em;
211
 
  }
212
 
}
213
 
dt { margin-top: 1em; }
214
 
dt:first-child { margin-top: 0; }
215
 
dt + dt { margin-top: 0; }
216
 
dd {
217
 
  margin: 0.2em 0 0 0;
218
 
  margin-left: 1.44em;
219
 
}
220
 
dd + dd { margin-top: 1em; }
221
 
ol.compact li { margin-top: 0.2em; }
222
 
ul.compact li { margin-top: 0.2em; }
223
 
ol.compact li:first-child { margin-top: 0; }
224
 
ul.compact li:first-child { margin-top: 0; }
225
 
dl.compact dt { margin-top: 0.2em; }
226
 
dl.compact dt:first-child { margin-top: 0; }
227
 
dl.compact dt + dt { margin-top: 0; }
228
 
 
229
 
div.tiles {
230
 
  display: flex;
231
 
  flex-flow: row wrap;
232
 
  align-items: stretch;
233
 
  justify-content: stretch;
234
 
  vertical-align: top;
235
 
  clear: both;
236
 
  margin: 0 -10px;
237
 
}
238
 
div.tiles > * {
239
 
  vertical-align: top;
240
 
  margin: 0;
241
 
  padding: 10px;
242
 
  max-width: none;
243
 
}
244
 
div.tiles > *:empty { padding: 0 10px; height: 0; }
245
 
div.tile4 { flex: 1 0 250px; }
246
 
div.tile3 { flex: 1 0 340px; }
247
 
div.tile2 { flex: 1 0 520px; }
248
 
div.tile1 { flex: 1 0 1060px; }
249
 
 
250
 
a {
251
 
  text-decoration: none;
252
 
  color: rgb(43,107,185);
253
 
}
254
 
a:visited { color: rgb(147,64,167); }
255
 
a:hover {
256
 
  border-bottom: dotted 1px rgb(43,107,185);
257
 
}
258
 
p a {
259
 
  border-bottom: dotted 1px rgb(43,107,185);
260
 
}
261
 
a img { border: none; }
262
 
 
263
 
.yelp-svg-fill {
264
 
  fill: rgb(75,75,73);
265
 
}
266
 
.yelp-svg-stroke {
267
 
  stroke: rgb(75,75,73);
268
 
}
269
 
div.title {
270
 
  margin: 0 0 0.2em 0;
271
 
  font-weight: bold;
272
 
  color: rgb(75,75,73);
273
 
}
274
 
div.title h1, div.title h2, div.title h3, div.title h4, div.title h5, div.title h6 {
275
 
  margin: 0;
276
 
  font-size: inherit;
277
 
  font-weight: inherit;
278
 
  color: inherit;
279
 
}
280
 
div.desc { margin: 0 0 0.2em 0; }
281
 
div.contents + div.desc { margin: 0.2em 0 0 0; }
282
 
pre.contents {
283
 
  padding: 0.5em 1em 0.5em 1em;
284
 
}
285
 
div.links-center { text-align: center; }
286
 
div.links .desc { color: rgb(102,102,100); }
287
 
div.links > div.inner > div.region > div.desc { font-style: italic; }
288
 
div.links ul { margin: 0; padding: 0; }
289
 
div.links ul ul {
290
 
  margin-left: 1em;
291
 
}
292
 
li.links {
293
 
  margin: 0.5em 0 0.5em 0;
294
 
  padding: 0;
295
 
  list-style-type: none;
296
 
}
297
 
li.links-head {
298
 
  margin-top: 1em;
299
 
  color: rgb(102,102,100);
300
 
  border-bottom: solid 1px #c0bfbc;
301
 
}
302
 
div.sectionlinks {
303
 
  display: inline-block;
304
 
  padding: 0 1em 0 1em;
305
 
  background-color: rgb(241,246,253);
306
 
  border: solid 1px rgb(43,107,185);
307
 
}
308
 
div.sectionlinks ul { margin: 0; }
309
 
div.sectionlinks li { padding: 0; }
310
 
div.sectionlinks div.title { margin: 0.5em 0 0.5em 0; }
311
 
div.sectionlinks div.sectionlinks {
312
 
  display: block;
313
 
  margin: 0.5em 0 0 0;
314
 
  padding: 0;
315
 
  border: none;
316
 
}
317
 
div.sectionlinks div.sectionlinks li {
318
 
  padding-left: 1.44em;
319
 
}
320
 
nav.prevnext { clear: both; }
321
 
div.region > nav.prevnext, div.region + nav.prevnext { margin-top: 1em; }
322
 
nav.prevnext > div.inner { float: right; }
323
 
nav.prevnext > div.inner > * {
324
 
  background-color: rgb(244,244,244);
325
 
  display: inline-block;
326
 
  position: relative;
327
 
  height: 1.44em;
328
 
  padding: 0.2em 0.83em 0 0.83em;
329
 
  margin-bottom: 1em;
330
 
  border: solid 1px #c0bfbc;
331
 
}
332
 
nav.prevnext > div.inner > span { visibility: hidden; }
333
 
nav.prevnext > div.inner > a + a {
334
 
  border-left: none;
335
 
}
336
 
nav.prevnext > div.inner > a:first-child {
337
 
  border-top-left-radius: 2px;
338
 
  border-bottom-left-radius: 2px;
339
 
}
340
 
nav.prevnext > div.inner > a:last-of-type {
341
 
  border-top-right-radius: 2px;
342
 
  border-bottom-right-radius: 2px;
343
 
}
344
 
div.serieslinks {
345
 
  display: inline-block;
346
 
  padding: 0 1em 0 1em;
347
 
  background-color: rgb(241,246,253);
348
 
  border: solid 1px rgb(43,107,185);
349
 
}
350
 
div.serieslinks ul { margin: 0; }
351
 
div.serieslinks li { padding: 0; }
352
 
div.serieslinks div.title { margin: 0.5em 0 0.5em 0; }
353
 
pre.numbered {
354
 
  margin: 0;
355
 
  padding: 0.5em;
356
 
  float: left;
357
 
  margin-right: 0.5em;
358
 
  text-align: right;
359
 
  color: rgb(102,102,100);
360
 
  background-color: rgb(253,251,233);
361
 
}
362
 
div.code {
363
 
  border: solid 1px #c0bfbc;
364
 
}
365
 
div.example {
366
 
  border-left: solid 4px #c0bfbc;
367
 
  padding-left: 1em;
368
 
}
369
 
div.example > div.inner > div.region > div.desc { font-style: italic; }
370
 
div.figure {
371
 
  display: inline-block;
372
 
  max-width: 100%;
373
 
  margin-left: 1.72em;
374
 
}
375
 
div.figure > div.inner {
376
 
  padding: 4px;
377
 
  color: rgb(75,75,73);
378
 
  border: solid 1px #c0bfbc;
379
 
  background-color: rgb(244,244,244);
380
 
}
381
 
@media (max-width: 960px) {
382
 
  div.figure {
383
 
    margin-left: 0;
384
 
  }
385
 
}
386
 
a.figure-zoom {
387
 
  float: right;
388
 
}
389
 
a.figure-zoom:hover { border-bottom: none; }
390
 
a.figure-zoom:hover .yelp-svg-fill { fill: #3584e4; }
391
 
a.figure-zoom:hover .yelp-svg-stroke { stroke: #3584e4; }
392
 
a.figure-zoom .figure-zoom-out { display: none; }
393
 
a.figure-zoom.figure-zoomed .figure-zoom-in { display: none; }
394
 
a.figure-zoom.figure-zoomed .figure-zoom-out { display: inline-block; }
395
 
div.figure > div.inner > div.region > div.contents {
396
 
  margin: 0;
397
 
  padding: 0.5em 1em 0.5em 1em;
398
 
  clear: both;
399
 
  text-align: center;
400
 
  color: #000000;
401
 
  border: solid 1px #c0bfbc;
402
 
  background-color: #ffffff;
403
 
}
404
 
div.list > div.inner > div.title { margin-bottom: 0.5em; }
405
 
div.listing > div.inner { margin: 0; padding: 0; }
406
 
div.listing > div.inner > div.region > div.desc { font-style: italic; }
407
 
div.note {
408
 
  padding: 10px 0;
409
 
  border: solid 1px rgb(234,234,233);
410
 
  background-color: rgb(244,244,244);
411
 
  display: flex;
412
 
  flex-flow: row;
413
 
}
414
 
div.note > * { margin: 0 10px; padding: 0; min-height: 24px; min-width: 24px; }
415
 
div.note-warning > svg .yelp-svg-fill {
416
 
  fill: #c01c28;
417
 
}
418
 
div.note-danger {
419
 
  border-color: #c01c28;
420
 
}
421
 
div.note-important > svg .yelp-svg-fill {
422
 
  fill: #3584e4;
423
 
}
424
 
div.note-danger > svg .yelp-svg-fill {
425
 
  fill: #c01c28;
426
 
  animation-name: yelp-note-danger;
427
 
  animation-duration: 2s;
428
 
  animation-fill-mode: forwards;
429
 
  animation-iteration-count: infinite;
430
 
}
431
 
@keyframes yelp-note-danger {
432
 
  from { fill: #c01c28 }
433
 
  50%  { fill: #c0bfbc }
434
 
  to   { fill: #c01c28 }
435
 
}
436
 
div.note-sidebar {
437
 
  float: right;
438
 
  max-width: 248px;
439
 
  margin-left: 20px;
440
 
}
441
 
div.quote {
442
 
  padding: 0;
443
 
  min-height: 48px;
444
 
}
445
 
 
446
 
div.quote > div.inner > div.title {
447
 
  margin: 0;
448
 
  margin-left: 48px;
449
 
}
450
 
blockquote {
451
 
  margin: 0; padding: 0;
452
 
  margin-left: 48px;
453
 
}
454
 
blockquote > *:first-child { margin-top: 0; }
455
 
div.quote > div.inner > div.region > div.cite {
456
 
  margin-top: 0.5em;
457
 
  margin-left: 48px;
458
 
  color: rgb(102,102,100);
459
 
}
460
 
div.quote > div.inner > div.region > div.cite::before {
461
 
  
462
 
  content: '― ';
463
 
  color: rgb(102,102,100);
464
 
}
465
 
div.screen {
466
 
  background-color: rgb(244,244,244);
467
 
  border: solid 1px #c0bfbc;
468
 
}
469
 
ol.steps, ul.steps {
470
 
  padding: 0.5em 1em 0.5em 1em;
471
 
  border: solid 1px rgb(244,244,244);
472
 
  border-left: solid 4px #f8e45c;
473
 
}
474
 
ol.steps .steps {
475
 
  padding: 0;
476
 
  border: none;
477
 
  background-color: unset;
478
 
}
479
 
li.steps { margin-left: 1.44em; }
480
 
li.steps li.steps { margin-left: 2.4em; }
481
 
div.synopsis > div.inner > div.region > div.contents,
482
 
div.synopsis > div.contents, div.synopsis > pre.contents {
483
 
  padding: 0.5em 1em 0.5em 1em;
484
 
  border-top: solid 1px;
485
 
  border-bottom: solid 1px;
486
 
  border-color: rgb(43,107,185);
487
 
  background-color: rgb(244,244,244);
488
 
}
489
 
div.synopsis > div.inner > div.region > div.desc { font-style: italic; }
490
 
div.synopsis div.code {
491
 
  background: unset;
492
 
  border: none;
493
 
  padding: 0;
494
 
}
495
 
div.synopsis div.code > pre.contents { margin: 0; padding: 0; }
496
 
div.unknown > div.inner > div.region > div.desc { font-style: italic; }
497
 
div.table > div.desc { font-style: italic; }
498
 
tr.shade {
499
 
  background-color: rgb(244,244,244);
500
 
}
501
 
td.shade {
502
 
  background-color: rgb(244,244,244);
503
 
}
504
 
tr.shade td.shade {
505
 
  background-color: rgb(234,234,233);
506
 
}
507
 
 
508
 
span.app { font-style: italic; }
509
 
span.cmd {
510
 
  font-family: monospace,monospace; font-size: 0.83em;
511
 
  background-color: rgb(244,244,244);
512
 
  padding: 0 0.2em 0 0.2em;
513
 
}
514
 
span.cmd span.cmd { background-color: unset; padding: 0; }
515
 
pre span.cmd { background-color: unset; padding: 0; }
516
 
span.code {
517
 
  font-family: monospace,monospace; font-size: 0.83em;
518
 
  border-bottom: solid 1px rgb(234,234,233);
519
 
}
520
 
span.code span.code { border: none; }
521
 
pre span.code { border: none; }
522
 
span.em { font-style: italic; }
523
 
span.em-bold {
524
 
  font-style: normal; font-weight: bold;
525
 
  color: rgb(75,75,73);
526
 
}
527
 
a span.em-bold {
528
 
  color: rgb(43,107,185);
529
 
}
530
 
pre span.error {
531
 
  color: rgb(173,25,36);
532
 
}
533
 
span.file { font-family: monospace,monospace; font-size: 0.83em; }
534
 
span.gui, span.guiseq { color: rgb(75,75,73); }
535
 
a span.gui, a span.guiseq { color: rgb(43,107,185); }
536
 
span.input { font-family: monospace,monospace; font-size: 0.83em; }
537
 
pre span.input {
538
 
  font-weight: bold;
539
 
  color: rgb(75,75,73);
540
 
}
541
 
kbd {
542
 
  font-family: inherit;
543
 
  font-size: inherit;
544
 
  color: rgb(75,75,73);
545
 
  background-color: rgb(244,244,244);
546
 
  border: solid 1px #c0bfbc;
547
 
  border-radius: 2px;
548
 
  margin: 0 0.2em 0 0.2em;
549
 
  padding: 0.2em 0.5em 0 0.5em;
550
 
  white-space: nowrap;
551
 
}
552
 
kbd.key-Fn {
553
 
  font-weight: bold;
554
 
  color: rgb(43,107,185);
555
 
}
556
 
span.key a {
557
 
  border-bottom: none;
558
 
}
559
 
a kbd {
560
 
  color: rgb(43,107,185);
561
 
  border-color: rgb(43,107,185);
562
 
}
563
 
span.keyseq {
564
 
  color: rgb(75,75,73);
565
 
  white-space: nowrap
566
 
}
567
 
a span.keyseq { color: rgb(43,107,185); }
568
 
span.output { font-family: monospace,monospace; font-size: 0.83em; }
569
 
pre span.output {
570
 
  color: #000000;
571
 
}
572
 
pre span.prompt {
573
 
  color: rgb(75,75,73);
574
 
}
575
 
span.sys { font-family: monospace,monospace; font-size: 0.83em; }
576
 
span.var { font-style: italic; }
577
 
 
578
 
.ui-tile-img .media-controls { display: none; }
579
 
span.media-audio, span.media-video { display: inline-block; }
580
 
audio, video { display: block; margin: 0; }
581
 
div.media > div.inner { display: inline-block; text-align: center; }
582
 
.media-controls {
583
 
  height: 30px;
584
 
  margin: 0; padding: 0;
585
 
  border-left: solid 1px #000000;
586
 
  border-right: solid 1px #000000;
587
 
  border-bottom: solid 1px #000000;
588
 
  background-color: rgb(75,75,73);
589
 
  color: #ffffff;
590
 
  border-bottom-left-radius: 4px;
591
 
  border-bottom-right-radius: 4px;
592
 
  display: flex;
593
 
  align-items: center;
594
 
}
595
 
.media-controls > * {
596
 
  flex: 0 1 auto;
597
 
}
598
 
.media-controls > input.media-range {
599
 
  flex: 1 0 auto;
600
 
  background-color: rgb(75,75,73);
601
 
  margin: 0 10px;
602
 
  -webkit-appearance: none;
603
 
}
604
 
input.media-range::-webkit-slider-runnable-track {
605
 
  height: 4px;
606
 
  background: rgb(102,102,100);
607
 
  border-radius: 2px;
608
 
}
609
 
input.media-range::-webkit-slider-thumb {
610
 
  -webkit-appearance: none;
611
 
  height: 16px;
612
 
  width: 16px;
613
 
  border-radius: 8px;
614
 
  background: rgb(234,234,233);
615
 
  border: solid 1px rgb(75,75,73);
616
 
  margin-top: -6px;
617
 
}
618
 
input.media-range::-webkit-slider-thumb:hover,
619
 
input.media-range::-webkit-slider-thumb:focus {
620
 
  background: rgb(244,244,244);
621
 
}
622
 
input.media-range::-moz-range-track {
623
 
  height: 4px;
624
 
  background: rgb(102,102,100);
625
 
  border-radius: 2px;
626
 
}
627
 
input.media-range::-moz-range-thumb {
628
 
  -webkit-appearance: none;
629
 
  height: 16px;
630
 
  width: 16px;
631
 
  border-radius: 8px;
632
 
  background: rgb(234,234,233);
633
 
  border: solid 1px rgb(75,75,73);
634
 
  margin-top: -6px;
635
 
}
636
 
.media-controls-audio {
637
 
  border-top: solid 1px #000000;
638
 
  border-radius: 4px;
639
 
}
640
 
button.media-play {
641
 
  height: 30px;
642
 
  padding: 0 6px 0 6px; line-height: 0;
643
 
  background-color: rgb(75,75,73);
644
 
  border: none;
645
 
  border-right: solid 1px #000000;
646
 
}
647
 
button.media-play:hover, button.media-play:focus {
648
 
  background-color: rgb(43,107,185);
649
 
}
650
 
button.media-play .yelp-svg-fill { fill: rgb(244,244,244); }
651
 
button.media-play .media-pause { display: none; }
652
 
button.media-play-playing .media-play { display: none; }
653
 
button.media-play-playing .media-pause { display: inline; }
654
 
.media-time {
655
 
  margin: 0;
656
 
  font-size: 16px;
657
 
  height: 30px;
658
 
  line-height: 30px;
659
 
}
660
 
.media-time > span {
661
 
  padding-right: 8px;
662
 
}
663
 
.media-duration {
664
 
  font-size: 12px;
665
 
  color: rgb(234,234,233);
666
 
  opacity: 0.8;
667
 
}
668
 
.media-controls-ttml {
669
 
  min-width: 630px;
670
 
  border-bottom-left-radius: 0;
671
 
  border-bottom-right-radius: 0;
672
 
}
673
 
div.media-ttml {
674
 
  margin: 0; padding: 6px 0;
675
 
  background-color: rgb(244,244,244);
676
 
  border: solid 1px #000000;
677
 
  min-height: 24px;
678
 
  border-bottom-left-radius: 4px;
679
 
  border-bottom-right-radius: 4px;
680
 
}
681
 
.media-ttml-pre { white-space: pre; }
682
 
.media-ttml-nopre { white-space: normal; }
683
 
div.media-ttml-div {
684
 
  text-align: left;
685
 
  display: none;
686
 
  margin: 0; padding: 0;
687
 
}
688
 
div.media-ttml-p {
689
 
  text-align: left;
690
 
  display: none;
691
 
  margin: 0 auto;
692
 
  max-width: 560px;
693
 
  line-height: 1.44em;
694
 
}
695
 
div.media-ttml-div > * + * { margin-top: 1em; }
696
 
div.yelp-data { display: none; }
697
 
.ui-expander > div.inner > div.title span.title,
698
 
.ui-expander > div.inner > div.hgroup span.title {
699
 
  cursor: default;
700
 
}
701
 
.ui-expander > div.inner > div.title span.title:before,
702
 
.ui-expander > div.inner > div.hgroup span.title:before {
703
 
  font-weight: bold;
704
 
  content: "⌃";
705
 
  display: inline-block;
706
 
  margin: 0;
707
 
  color: rgb(43,107,185);
708
 
  transform: translateY(0.2em) rotate(0deg);
709
 
  -webkit-transform: translateY(0.2em) rotate(0deg);
710
 
  transition: transform 0.2s linear;
711
 
  transform-origin: 50% 30%;
712
 
  -webkit-transform-origin: 50% 30%;
713
 
  -webkit-transition: -webkit-transform 0.2s linear;
714
 
  margin: 0 0.2em;
715
 
}
716
 
.ui-expander-c > div.inner > div.hgroup { border-bottom: none; }
717
 
 
718
 
.ui-expander > div.inner > div.title:hover,
719
 
.ui-expander > div.inner > div.hgroup:hover * {
720
 
  color: rgb(43,107,185);
721
 
}
722
 
.ui-expander > div.inner > div.hgroup > .subtitle {
723
 
  margin-left: 2em;
724
 
}
725
 
.ui-expander-c > div.inner > div.region {
726
 
  display: none;
727
 
}
728
 
.ui-expander-e > div.inner > div.region {
729
 
  animation-name: yelp-ui-expander-e;
730
 
  animation-duration: 0.2s;
731
 
  animation-fill-mode: forwards;
732
 
  transform-origin: 0 0;
733
 
}
734
 
@keyframes yelp-ui-expander-e {
735
 
  from { transform: scaleY(0); }
736
 
  to   { transform: scaleY(1); }
737
 
}
738
 
div.ui-expander-preview > div.inner > div.region {
739
 
  transform-origin: 0 0;
740
 
  transition: transform 0.2s linear, background-color 0.2s linear;
741
 
  animation-name: none;
742
 
}
743
 
div.ui-expander-preview.ui-expander-c > div.inner {
744
 
  max-height: 100px;
745
 
  overflow: hidden;
746
 
}
747
 
div.ui-expander-preview.ui-expander-c > div.inner > div.region {
748
 
  display: block;
749
 
  transform: scaleY(0.4);
750
 
  background-color: rgb(244,244,244);
751
 
}
752
 
div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover {
753
 
  background-color: rgb(241,246,253);
754
 
  cursor: zoom-in;
755
 
}
756
 
div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover * {
757
 
  cursor: zoom-in;
758
 
}
759
 
div.ui-expander-preview > div.inner > div.region > * {
760
 
  transform-origin: 0 0;
761
 
  transition: transform 0.2s linear;
762
 
}
763
 
div.ui-expander-preview.ui-expander-c > div.inner > div.region > * {
764
 
  transform: scaleX(0.4);
765
 
}
766
 
section.ui-expander-preview > div.inner > div.region > div.contents{
767
 
  transform-origin: 0 0;
768
 
  transition: transform 0.2s linear, background-color 0.2s linear;
769
 
}
770
 
section.ui-expander-preview.ui-expander-c > div.inner {
771
 
  max-height: 140px;
772
 
  overflow: hidden;
773
 
}
774
 
section.ui-expander-preview.ui-expander-c > div.inner > div.region {
775
 
  display: block;
776
 
}
777
 
section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents {
778
 
  transform: scaleY(0.6);
779
 
  background-color: rgb(244,244,244);
780
 
}
781
 
section.ui-expander-preview > div.inner > div.region > div.contents > * {
782
 
  transform-origin: 0 0;
783
 
  transition: transform 0.2s linear;
784
 
}
785
 
section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents > * {
786
 
  transform: scaleX(0.6);
787
 
}
788
 
section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents:hover {
789
 
  background-color: rgb(241,246,253);
790
 
  cursor: zoom-in;
791
 
}
792
 
@media only screen and (max-width: 480px) {
793
 
  article > div.region > div.contents > div.example,
794
 
  article > div.region > section > div.inner > div.region > div.contents > div.example {
795
 
    margin-left: -10px;
796
 
    margin-right: -10px;
797
 
  }
798
 
  div.example {
799
 
    padding-left: 6px;
800
 
    padding-right: 10px;
801
 
  }
802
 
  article > div.region > div.contents > div.note,
803
 
  article > div.region > section > div.inner > div.region > div.contents > div.note {
804
 
    margin-left: -10px;
805
 
    margin-right: -10px;
806
 
    padding-left: 10px;
807
 
    padding-right: 10px;
808
 
  }
809
 
  article > div.region > div.contents > div.note,
810
 
  article > div.region > section > div.inner > div.region > div.contents > div.note {
811
 
    border-left: none;
812
 
    border-right: none;
813
 
  }
814
 
  article > div.region > div.contents > div.steps,
815
 
  article > div.region > section > div.inner > div.region > div.contents > div.steps {
816
 
    margin-left: -10px;
817
 
    margin-right: -10px;
818
 
  }
819
 
  div.steps > div.inner > div.title {
820
 
    margin-left: 10px;
821
 
    margin-right: 10px;
822
 
  }
823
 
  ol.steps, ul.steps {
824
 
    padding: 0;
825
 
    padding-left: 6px;
826
 
    padding-right: 10px;
827
 
  }
828
 
}
829
 
@media only screen and (max-width: 540px) {
830
 
  div.note-sidebar {
831
 
    float: none;
832
 
    max-width: none;
833
 
    margin-left: inherit;
834
 
    margin-right: inherit;
835
 
    padding-left: inherit;
836
 
    padding-right: inherit;
837
 
  }
838
 
}
839
 
div.quote > div.inner:before { float: leftcontent: '”';
840
 
  font-family: "Century Schoolbook L";
841
 
  font-size: {{$icons.size.quote}}px;
842
 
  font-weight: bold;
843
 
  line-height: 1em;
844
 
  margin: 0; padding: 0;
845
 
  height: {{$icons.size.quote}}px;
846
 
  width: {{$icons.size.quote}}px;
847
 
  text-align: center;
848
 
  color: {{$color.bg.dark}};
849
 
}.ui-expander-e > div.inner > div.title span.title:before, .ui-expander-e > div.inner > div.hgroup span.title:before {transform: translateY(0.2em) rotate(180deg);}
850
 
.hljs a {
851
 
  color: inherit;
852
 
  border-bottom: dotted 1px rgb(43,107,185);
853
 
}
854
 
.hljs a:hover, .hljs a:hover * { color: rgb(43,107,185); }
855
 
.hljs-addition {
856
 
  color: rgb(46,121,73);
857
 
  background-color: rgb(227,250,236);
858
 
}
859
 
.hljs-deletion {
860
 
  color: rgb(173,25,36);
861
 
  background-color: rgb(251,243,244);
862
 
}
863
 
.hljs-emphasis  { font-style: italic; }
864
 
.hljs-strong    { font-weight: bold; }
865
 
.hljs-attr      { color: rgb(43,107,185); }
866
 
.hljs-attribute { color: rgb(107,99,41); }
867
 
.hljs-built_in  { color: rgb(150,96,43); }
868
 
.hljs-bullet    { color: rgb(46,121,73); }
869
 
.hljs-class     { }
870
 
.hljs-code      { color: rgb(75,75,73); }
871
 
.hljs-comment   { color: rgb(102,102,100); }
872
 
.hljs-doctag    { }
873
 
.hljs-formula   { color: rgb(75,75,73); }
874
 
.hljs-function  { }
875
 
.hljs-keyword   { color: rgb(147,64,167); }
876
 
.hljs-link      { color: rgb(150,96,43); }
877
 
.hljs-literal   { color: rgb(150,96,43); }
878
 
.hljs-meta      { color: rgb(150,96,43); }
879
 
.hljs-name      { color: rgb(173,25,36); }
880
 
.hljs-number    { color: rgb(150,96,43); }
881
 
.hljs-params    { color: rgb(150,96,43); }
882
 
.hljs-quote     { color: rgb(102,102,100); }
883
 
.hljs-regexp    { color: rgb(173,25,36); }
884
 
.hljs-rest_arg  { }
885
 
.hljs-section   { color: rgb(43,107,185); }
886
 
.hljs-string    { color: rgb(46,121,73); }
887
 
.hljs-subst     { }
888
 
.hljs-symbol    { color: rgb(46,121,73); }
889
 
.hljs-tag       { color: rgb(173,25,36); }
890
 
.hljs-title     { color: rgb(43,107,185); }
891
 
.hljs-type      { }
892
 
.hljs-variable  { }
893
 
.hljs-selector-attr  { }
894
 
.hljs-selector-class { color: rgb(173,25,36); }
895
 
.hljs-selector-id    { color: rgb(173,25,36); }
896
 
.hljs-selector-tag   { color: rgb(147,64,167); }
897
 
.hljs-template-tag      { }
898
 
.hljs-template-variable { }
899
 
 
900
 
 
901
 
div.links .desc a {
902
 
  color: inherit;
903
 
}
904
 
div.links .desc a:hover {
905
 
  color: rgb(43,107,185);
906
 
}
907
 
a.bold { font-weight: bold; }
908
 
 
909
 
 
910
 
div.link-button {
911
 
  font-size: 1.2em;
912
 
  font-weight: bold;
913
 
}
914
 
.link-button a {
915
 
  display: inline-block;
916
 
  background-color: #3584e4;
917
 
  color: #ffffff;
918
 
  text-shadow: rgb(43,107,185) 1px 1px 0px;
919
 
  border: solid 1px rgb(43,107,185);
920
 
  padding: 0.2em 0.83em 0.2em 0.83em;
921
 
  border-radius: 4px;
922
 
}
923
 
.link-button a:visited {
924
 
  color: #ffffff;
925
 
}
926
 
.link-button a:hover {
927
 
  text-decoration: none;
928
 
  color: #ffffff;
929
 
  background-color: rgb(73,144,231);
930
 
}
931
 
div.link-button a .desc {
932
 
  display: block;
933
 
  font-weight: normal;
934
 
  font-size: 0.83em;
935
 
  color: rgb(244,244,244);
936
 
}
937
 
 
938
 
 
939
 
div.floatleft {
940
 
  float: left;
941
 
  margin-right: 1em;
942
 
}
943
 
div.floatright {
944
 
  float: right;
945
 
  margin-left: 1em;
946
 
}
947
 
div.floatstart {
948
 
  float: left;
949
 
  margin-right: 1em;
950
 
}
951
 
div.floatend {
952
 
  float: right;
953
 
  margin-left: 1em;
954
 
}
955
 
 
956
 
 
957
 
div.title-heading h1, div.title-heading h2, div.title-heading h3,
958
 
div.title-heading h4, div.title-heading h5, div.title-heading h6 {
959
 
  font-size: 1.72em;
960
 
  font-weight: bold;
961
 
}
962
 
ul.links-heading > li { margin: 2em 0 2em 0; padding: 0; }
963
 
div.links-heading > a { font-size: 1.72em; font-weight: bold; }
964
 
ul.links-heading > li > div.desc { margin-top: 0.5em; }
965
 
 
966
 
div.links-uix-hover {
967
 
  position: relative;
968
 
  display: flex;
969
 
  flex-flow: row nowrap;
970
 
  align-items: stretch;
971
 
  justify-content: flex-start;
972
 
}
973
 
ul.links-uix-hover { flex-grow: 1; }
974
 
ul.links-uix-hover li { margin: 0; padding: 0; }
975
 
ul.links-uix-hover a {
976
 
  display: block;
977
 
  padding: 8px 1.2em;
978
 
  border-bottom: none;
979
 
}
980
 
ul.links-uix-hover a:hover, ul.links-uix-hover a:focus {
981
 
  background: rgb(241,246,253);
982
 
}
983
 
ul.links-uix-hover img {
984
 
  display: block;
985
 
  position: absolute;
986
 
  top: 0; left: 0;
987
 
  visibility: hidden;
988
 
  opacity: 0.0;
989
 
  transition: opacity 0.6s, visibility 0.6s;
990
 
}
991
 
ul.links-uix-hover a:hover img, ul.links-uix-hover a:focus img {
992
 
  visibility: visible;
993
 
  opacity: 1.0;
994
 
  transition: opacity 0.2s, visibility 0.2s;
995
 
}
996
 
@media only screen and (max-width: 480px) {
997
 
  div.links-uix-hover-img { display: none; }
998
 
  ul.links-uix-hover img { display: none; }
999
 
  ul.links-uix-hover li {
1000
 
    margin-left: -10px; margin-right: -10px;
1001
 
  }
1002
 
  ul.links-uix-hover li a {
1003
 
    padding: 10px;
1004
 
  }
1005
 
}
1006
 
 
1007
 
 
1008
 
div.ui-overlay-screen {
1009
 
  position: fixed;
1010
 
  margin: 0;
1011
 
  left: 0; top: 0;
1012
 
  width: 100%; height: 100%;
1013
 
  background: rgb(75,75,73);
1014
 
  animation-name: yelp-overlay-screen;
1015
 
  animation-duration: 0.8s;
1016
 
  animation-fill-mode: forwards;
1017
 
}
1018
 
@keyframes yelp-overlay-screen {
1019
 
  from { opacity: 0.0; }
1020
 
  to   { opacity: 0.6; }
1021
 
}
1022
 
div.ui-overlay {
1023
 
  display: none;
1024
 
  position: fixed;
1025
 
  text-align: center;
1026
 
  top: 30px;
1027
 
  left: 50%;
1028
 
  transform: translateX(-50%);
1029
 
  z-index: 10;
1030
 
}
1031
 
div.ui-overlay-show {
1032
 
  animation-name: yelp-overlay-slide;
1033
 
  animation-duration: 0.8s;
1034
 
  animation-fill-mode: forwards;
1035
 
}
1036
 
@keyframes yelp-overlay-slide {
1037
 
  from { transform: translateY(-400px) translateX(-50%); }
1038
 
  to   { transform: translateY(0) translateX(-50%); }
1039
 
}
1040
 
div.ui-overlay > div.inner {
1041
 
  display: inline-block;
1042
 
  padding: 8px;
1043
 
  background-color: rgb(244,244,244);
1044
 
  border-radius: 4px;
1045
 
  text-align: left;
1046
 
}
1047
 
div.ui-overlay img, div.ui-overlay video {
1048
 
  max-height: 80vh;
1049
 
  max-width: 90vw;
1050
 
}
1051
 
div.ui-overlay > div.inner > div.title { margin-top: -4px; }
1052
 
a.ui-overlay-close {
1053
 
  display: block;
1054
 
  float: right;
1055
 
  width: 30px; height: 30px;
1056
 
  font-size: 22px; line-height: 30px;
1057
 
  font-weight: bold;
1058
 
  margin-top: -28px;
1059
 
  margin-right: -26px;
1060
 
  padding: 1px 2px 3px 2px;
1061
 
  text-align: center;
1062
 
  border: none;
1063
 
  border-radius: 50%;
1064
 
  background-color: #3584e4;
1065
 
  color: #ffffff;
1066
 
}
1067
 
 
1068
 
div.links-tiles {
1069
 
  display: flex;
1070
 
  flex-flow: row wrap;
1071
 
  align-items: stretch;
1072
 
  justify-content: stretch;
1073
 
  vertical-align: top;
1074
 
  clear: both;
1075
 
  margin: 0 -10px;
1076
 
}
1077
 
div.links-tile {
1078
 
  flex: 1 0 340px;
1079
 
  vertical-align: top;
1080
 
  margin: 0;
1081
 
  padding: 10px;
1082
 
}
1083
 
div.links-tiles > div.links-tile { max-width: none; }
1084
 
div.links-tile:empty { padding: 0 10px; height: 0; }
1085
 
div.links-tile > a {
1086
 
  display: block;
1087
 
  vertical-align: top;
1088
 
  padding: 10px;
1089
 
  border-radius: 4px;
1090
 
  border: none;
1091
 
}
1092
 
div.links-tile > a:hover {
1093
 
  background-color: rgb(241,246,253);
1094
 
}
1095
 
div.links-tile > a > span.links-tile-img {
1096
 
  display: block;
1097
 
  text-align: center;
1098
 
}
1099
 
div.links-tile > a > span.links-tile-img > img {
1100
 
  width: 100%;
1101
 
  border-radius: 3px;
1102
 
}
1103
 
div.links-tile > a > span.links-tile-text > span.title {
1104
 
  display: block;
1105
 
  font-weight: bold;
1106
 
}
1107
 
div.links-tile > a > span.links-tile-text > * + span.title {
1108
 
  margin-top: 0.5em;
1109
 
}
1110
 
div.links-tile > a > span.links-tile-text > span.desc {
1111
 
  display: block;
1112
 
  margin: 0.2em 0 0 0;
1113
 
  color: rgb(75,75,73);
1114
 
}
1115
 
 
1116
 
 
1117
 
a.ex-gnome-top {
1118
 
  display: block;
1119
 
  border: solid 1px #c0bfbc;
1120
 
  border-radius: 4px;
1121
 
  transition: box-shadow 0.5s linear;
1122
 
}
1123
 
a.ex-gnome-top:hover {
1124
 
  box-shadow: 0px 2px 4px #c0bfbc;
1125
 
}
1126
 
span.ex-gnome-top-banner {
1127
 
  display: block;
1128
 
  height: 10px;
1129
 
  background: #57e389;
1130
 
  overflow: hidden;
1131
 
}
1132
 
span.ex-gnome-top-title {
1133
 
  color: #000000;
1134
 
  display: block;
1135
 
  margin: 10px 20px;
1136
 
  font-size: 1.2em;
1137
 
}
1138
 
span.ex-gnome-top-desc {
1139
 
  color: rgb(102,102,100);
1140
 
  display: block;
1141
 
  margin: 10px 20px;
1142
 
}
1143
 
 
1144
 
 
1145
 
a.ex-gnome-tile {
1146
 
  display: flex;
1147
 
  flex-flow: row;
1148
 
  align-items: stretch;
1149
 
  border: solid 1px #c0bfbc;
1150
 
  border-radius: 4px;
1151
 
  transition: box-shadow 0.5s linear;
1152
 
}
1153
 
a.ex-gnome-tile:hover {
1154
 
  box-shadow: 0px 2px 4px #c0bfbc;
1155
 
}
1156
 
span.ex-gnome-tiles-banner {
1157
 
  display: block;
1158
 
  flex: 0 0 64px;
1159
 
  background: rgb(43,107,185);
1160
 
  overflow: hidden;
1161
 
}
1162
 
span.ex-gnome-tiles-banner img {
1163
 
  width: 64px; height: 64px;
1164
 
  margin: 10px 0;
1165
 
  transform: rotate(-10deg);
1166
 
}
1167
 
span.ex-gnome-tiles-text {
1168
 
  display: block;
1169
 
  margin: 10px;
1170
 
}
1171
 
span.ex-gnome-tiles-title {
1172
 
  color: #000000;
1173
 
  display: block;
1174
 
  margin: 0;
1175
 
  font-size: 1.2em;
1176
 
}
1177
 
span.ex-gnome-tiles-desc {
1178
 
  color: rgb(102,102,100);
1179
 
  display: block;
1180
 
  margin-top: 10px;
1181
 
}
1182
 
 
1183
 
 
1184
 
div.links-grid-container {
1185
 
  margin-left: -10px;
1186
 
  margin-right: -10px;
1187
 
  display: flex;
1188
 
  flex-flow: row wrap;
1189
 
  align-items: stretch;
1190
 
  justify-content: flex-start;
1191
 
  vertical-align: top;
1192
 
  clear: both;
1193
 
}
1194
 
div.links-grid {
1195
 
  flex: 1 0 340px;
1196
 
  padding: 10px;
1197
 
}
1198
 
div.links-grid:empty { padding: 0 10px; height: 0; }
1199
 
div.links-grid-link { font-weight: bold; }
1200
 
div.links-grid > div.desc {
1201
 
  margin: 0.2em 0 0 0;
1202
 
  color: rgb(75,75,73);
1203
 
}
1204
 
 
1205
 
 
1206
 
 
1207
 
div.links-norwich {
1208
 
  width: 900px;
1209
 
}
1210
 
div.links-norwich-primary {
1211
 
  float: left;
1212
 
  vertical-align: top;
1213
 
  margin: 0; padding: 0;
1214
 
}
1215
 
div.links-norwich-big {
1216
 
  vertical-align: top;
1217
 
  display: inline-block;
1218
 
  background: rgb(241,246,253);
1219
 
  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(241,246,253), #3584e4);
1220
 
  margin: 0 20px 20px 0;
1221
 
}
1222
 
div.links-norwich-big + div.links-norwich-big {
1223
 
  background: rgb(253,251,233);
1224
 
  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(253,251,233), #f8e45c);
1225
 
}
1226
 
div.links-norwich-big a {
1227
 
  display: block;
1228
 
  width: 230px;
1229
 
  height: 500px;
1230
 
  height: 320px;
1231
 
  padding: 9px;
1232
 
  font-size: 1.2em;
1233
 
  color:  #000000;
1234
 
  border: solid 1px #3584e4;
1235
 
  background-repeat: no-repeat;
1236
 
  background-position: right -80px bottom -80px;
1237
 
}
1238
 
div.links-norwich-big a:hover {
1239
 
  border: solid 1px #3584e4;
1240
 
  box-shadow: 2px 2px 2px #3584e4;
1241
 
}
1242
 
div.links-norwich-big a span.title {
1243
 
  font-size: 1.2em;
1244
 
  font-weight: bold;
1245
 
}
1246
 
div.links-norwich-big a .desc {
1247
 
  color:  #000000;
1248
 
  font-weight: normal;
1249
 
}
1250
 
div.links-norwich-secondary {
1251
 
  vertical-align: top;
1252
 
  margin: 0; padding: 0;
1253
 
}
1254
 
div.links-norwich-small {
1255
 
  display: inline-block;
1256
 
  vertical-align: top;
1257
 
  background: rgb(244,244,244);
1258
 
  margin: 0 20px 20px 0;
1259
 
}
1260
 
div.links-norwich-small a {
1261
 
  display: block;
1262
 
  width: 140px;
1263
 
  height: 140px;
1264
 
  padding: 9px;
1265
 
  font-weight: bold;
1266
 
  color:  #000000;
1267
 
  border: solid 1px #c0bfbc;
1268
 
  background-repeat: no-repeat;
1269
 
  background-position: right 4px bottom 4px;
1270
 
}
1271
 
div.links-norwich-small a:hover {
1272
 
  border: solid 1px #c0bfbc;
1273
 
  box-shadow: 2px 2px 2px #3584e4;
1274
 
}
1275
 
@media only screen and (max-width: 900px) {
1276
 
  div.links-norwich {
1277
 
    width: 720px;
1278
 
  }
1279
 
}
1280
 
@media only screen and (max-width: 720px) {
1281
 
  div.links-norwich {
1282
 
    width: 540px;
1283
 
  }
1284
 
}
1285
 
@media only screen and (max-width: 540px) {
1286
 
  div.links-norwich {
1287
 
    width: 100%;
1288
 
  }
1289
 
  div.links-norwich-big {
1290
 
    width: 100%;
1291
 
    margin-right: 0;
1292
 
  }
1293
 
  div.links-norwich-big a {
1294
 
    width: auto;
1295
 
  }
1296
 
}
1297
 
 
1298
 
 
1299
 
div.links-divs {
1300
 
  margin-left: -10px;
1301
 
  margin-right: -10px;
1302
 
}
1303
 
a.linkdiv {
1304
 
  display: block;
1305
 
  margin: 0;
1306
 
  padding: 10px;
1307
 
  border-bottom: none;
1308
 
}
1309
 
a.linkdiv:hover {
1310
 
  text-decoration: none;
1311
 
  background-color: rgb(241,246,253);
1312
 
}
1313
 
a.linkdiv span.title {
1314
 
  display: block;
1315
 
  margin: 0;
1316
 
  font-size: 1em;
1317
 
  font-weight: bold;
1318
 
  color: inherit;
1319
 
}
1320
 
a.linkdiv span.desc {
1321
 
  display: block;
1322
 
  margin: 0.2em 0 0 0;
1323
 
  color: rgb(75,75,73);
1324
 
}
1325
 
span.linkdiv-dash { display: none; }
1326
 
div.links-twocolumn {
1327
 
  display: flex;
1328
 
  flex-flow: row wrap;
1329
 
  align-items: stretch;
1330
 
  justify-content: flex-start;
1331
 
  vertical-align: top;
1332
 
  margin-left: -10px;
1333
 
  margin-right: -10px;
1334
 
}
1335
 
div.links-twocolumn > div.links-divs {
1336
 
  flex: 1 0 360px;
1337
 
  vertical-align: top;
1338
 
  margin: 0;
1339
 
}
1340
 
 
1341
 
 
1342
 
div.comment {
1343
 
  padding: 0.5em;
1344
 
  border: solid 2px #c01c28;
1345
 
  background-color: rgb(251,243,244);
1346
 
}
1347
 
div.comment div.comment {
1348
 
  margin: 1em 1em 0 1em;
1349
 
}
1350
 
div.comment div.cite {
1351
 
  margin: 0 0 0.5em 0;
1352
 
  font-style: italic;
1353
 
}
1354
 
 
1355
 
 
1356
 
div.tree > div.inner > div.title { margin-bottom: 0.5em; }
1357
 
ul.tree {
1358
 
  margin: 0; padding: 0;
1359
 
  list-style-type: none;
1360
 
}
1361
 
li.tree { margin: -2px 0 0 0; padding: 0; }
1362
 
li.tree div { margin: 0; padding: 0; }
1363
 
ul.tree ul.tree {
1364
 
  margin-left: 1.44em;
1365
 
}
1366
 
div.tree-lines ul.tree { margin-left: 0; }
1367
 
 
1368
 
 
1369
 
span.hi {
1370
 
  background-color: rgb(253,251,233);
1371
 
}
1372
 
span.hi.hi-ins {
1373
 
  background-color: rgb(227,250,236);
1374
 
}
1375
 
span.hi.hi-del {
1376
 
  background-color: rgb(251,243,244);
1377
 
  text-decoration: line-through;
1378
 
}
1379
 
span.hi.hi-ins ins { text-decoration: none; }
1380
 
span.hi.hi-del del { text-decoration: none; }
1381
 
span.hi.hi-red { background-color: rgb(251,243,244); }
1382
 
span.hi.hi-orange { background-color: rgb(255,243,231); }
1383
 
span.hi.hi-yellow { background-color: rgb(253,251,233); }
1384
 
span.hi.hi-green { background-color: rgb(227,250,236); }
1385
 
span.hi.hi-blue { background-color: rgb(241,246,253); }
1386
 
span.hi.hi-purple { background-color: rgb(249,243,250); }
1387
 
span.hi.hi-gray { background-color: rgb(244,244,244); }
1388
 
 
1389
 
 
1390
 
dt.gloss-term {
1391
 
  margin-top: 1.2em;
1392
 
  font-weight: bold;
1393
 
  color: rgb(75,75,73);
1394
 
}
1395
 
dt.gloss-term:first-child, dt.gloss-term + dt.gloss-term { margin-top: 0; }
1396
 
dt.gloss-term + dd { margin-top: 0.2em; }
1397
 
dd.gloss-link {
1398
 
  margin: 0 0.2em 0 0.2em;
1399
 
  border-left: solid 4px #3584e4;
1400
 
  padding-left: 1em;
1401
 
}
1402
 
dd.gloss-def {
1403
 
  margin: 0 0.2em 1em 0.2em;
1404
 
  border-left: solid 4px #c0bfbc;
1405
 
  padding-left: 1em;
1406
 
}
1407
 
a.gloss-term {
1408
 
  position: relative;
1409
 
  border-bottom: dashed 1px #3584e4;
1410
 
}
1411
 
a.gloss-term:hover {
1412
 
  text-decoration: none;
1413
 
  border-bottom-style: solid;
1414
 
}
1415
 
span.gloss-desc {
1416
 
  display: none;
1417
 
  position: absolute;
1418
 
  z-index: 100;
1419
 
  margin: 0;
1420
 
  left: 0;
1421
 
  top: 1.2em;
1422
 
  padding: 0.2em 0.5em 0.2em 0.5em;
1423
 
  min-width: 12em;
1424
 
  max-width: 24em;
1425
 
  overflow: hidden;
1426
 
  color: rgb(75,75,73);
1427
 
  background-color: rgb(253,251,233);
1428
 
  border: solid 1px #f8e45c;
1429
 
  box-shadow: 2px 2px 4px #c0bfbc;
1430
 
}
1431
 
a.gloss-term:hover span.gloss-desc, a.gloss-term:focus span.gloss-desc {
1432
 
  display: inline-block;
1433
 
  animation-name: yelp-gloss-fade;
1434
 
  animation-duration: 1s;
1435
 
  animation-fill-mode: forwards;
1436
 
}
1437
 
@keyframes yelp-gloss-fade {
1438
 
  from { opacity: 0.0; }
1439
 
  to   { opacity: 1.0; }
1440
 
}
1441
 
 
1442
 
 
1443
 
.if-if { display: none; }
1444
 
.if-choose, .if-when, .if-else { margin: 0; padding: 0; }
1445
 
.if-choose > .if-when { display: none; }
1446
 
.if-choose > .if-else { display: block; }
1447
 
.if-if.if__not-target-mobile { display: block; }
1448
 
.if-choose.if__not-target-mobile > .if-when { display: block; }
1449
 
.if-choose.if__not-target-mobile > .if-else { display: none; }
1450
 
@media only screen and (max-width: 480px) {
1451
 
  .if-if.if__target-mobile { display: block; }
1452
 
  .if-if.if__not-target-mobile { display: none; }
1453
 
  .if-choose.if__target-mobile > .if-when { display: block; }
1454
 
  .if-choose.if__target-mobile > .if-else { display: none; }
1455
 
  .if-choose.if__not-target-mobile > .if-when { display: none; }
1456
 
  .if-choose.if__not-target-mobile > .if-else { display: block; }
1457
 
}