4
font-family: sans-serif;
6
background-color: #ffffff;
10
article, aside, nav, header, footer, section {
28
justify-content: flex-start;
31
div.page > article { flex: 1 0 auto; }
32
div.page > header, div.page > footer { flex: 0 1 auto; }
43
background: rgb(244,244,244)
45
@media only screen and (max-width: 720px) {
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 {
56
aside.sidebar section h2 {
64
background-color: #ffffff;
73
.yelp-hash-highlight {
74
animation-name: yelp-hash-highlight;
75
animation-duration: 0.5s;
76
animation-fill-mode: forwards;
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); }
86
margin: 0 -10px 0 -10px;
88
background-color: rgb(244,244,244);
96
a.trail { white-space: nowrap; }
101
section > div.inner > div.hgroup {
103
border-bottom: solid 1px #c0bfbc;
105
section.links > div.inner > div.hgroup {
106
border-bottom: solid 2px rgb(43,107,185);
108
section section.links > div.inner > div.hgroup {
111
h1, h2, h3, h4, h5, h6, h7 {
112
margin: 0; padding: 0;
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; }
128
margin: 0; padding: 0;
129
height: 0; line-height: 0;
132
.center { text-align: center; }
134
footer { background: #ddd; }
139
footer div.about > div.inner > div.hgroup {
140
margin: 0; padding: 0;
144
footer div.about > div.inner > div.hgroup > h2 {
145
margin: 0; padding: 0.2em;
148
footer div.about.ui-expander > div.inner > div.hgroup span.title:before {
151
div.copyrights { text-align: center; }
152
div.copyright { margin: 0; }
156
align-items: stretch;
157
justify-content: flex-start;
166
div.credits > *:empty { padding: 0; height: 0; }
167
ul.credits, ul.credits li {
168
margin: 0; padding: 0;
169
list-style-type: none;
176
padding-bottom: 10px;
180
border-collapse: collapse;
181
border-color: #c0bfbc;
187
border-color: #c0bfbc;
190
thead td, thead th, tfoot td, tfoot th {
192
color: rgb(75,75,73);
193
background-color: rgb(234,234,233);
198
color: rgb(75,75,73);
201
ul, ol, dl { margin: 0; padding: 0; }
207
li:first-child { margin-top: 0; }
208
@media (max-width: 480px) {
213
dt { margin-top: 1em; }
214
dt:first-child { margin-top: 0; }
215
dt + dt { margin-top: 0; }
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; }
232
align-items: stretch;
233
justify-content: stretch;
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; }
251
text-decoration: none;
252
color: rgb(43,107,185);
254
a:visited { color: rgb(147,64,167); }
256
border-bottom: dotted 1px rgb(43,107,185);
259
border-bottom: dotted 1px rgb(43,107,185);
261
a img { border: none; }
267
stroke: rgb(75,75,73);
272
color: rgb(75,75,73);
274
div.title h1, div.title h2, div.title h3, div.title h4, div.title h5, div.title h6 {
277
font-weight: inherit;
280
div.desc { margin: 0 0 0.2em 0; }
281
div.contents + div.desc { margin: 0.2em 0 0 0; }
283
padding: 0.5em 1em 0.5em 1em;
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; }
293
margin: 0.5em 0 0.5em 0;
295
list-style-type: none;
299
color: rgb(102,102,100);
300
border-bottom: solid 1px #c0bfbc;
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);
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 {
317
div.sectionlinks div.sectionlinks li {
318
padding-left: 1.44em;
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;
328
padding: 0.2em 0.83em 0 0.83em;
330
border: solid 1px #c0bfbc;
332
nav.prevnext > div.inner > span { visibility: hidden; }
333
nav.prevnext > div.inner > a + a {
336
nav.prevnext > div.inner > a:first-child {
337
border-top-left-radius: 2px;
338
border-bottom-left-radius: 2px;
340
nav.prevnext > div.inner > a:last-of-type {
341
border-top-right-radius: 2px;
342
border-bottom-right-radius: 2px;
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);
350
div.serieslinks ul { margin: 0; }
351
div.serieslinks li { padding: 0; }
352
div.serieslinks div.title { margin: 0.5em 0 0.5em 0; }
359
color: rgb(102,102,100);
360
background-color: rgb(253,251,233);
363
border: solid 1px #c0bfbc;
366
border-left: solid 4px #c0bfbc;
369
div.example > div.inner > div.region > div.desc { font-style: italic; }
371
display: inline-block;
375
div.figure > div.inner {
377
color: rgb(75,75,73);
378
border: solid 1px #c0bfbc;
379
background-color: rgb(244,244,244);
381
@media (max-width: 960px) {
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 {
397
padding: 0.5em 1em 0.5em 1em;
401
border: solid 1px #c0bfbc;
402
background-color: #ffffff;
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; }
409
border: solid 1px rgb(234,234,233);
410
background-color: rgb(244,244,244);
414
div.note > * { margin: 0 10px; padding: 0; min-height: 24px; min-width: 24px; }
415
div.note-warning > svg .yelp-svg-fill {
419
border-color: #c01c28;
421
div.note-important > svg .yelp-svg-fill {
424
div.note-danger > svg .yelp-svg-fill {
426
animation-name: yelp-note-danger;
427
animation-duration: 2s;
428
animation-fill-mode: forwards;
429
animation-iteration-count: infinite;
431
@keyframes yelp-note-danger {
432
from { fill: #c01c28 }
433
50% { fill: #c0bfbc }
446
div.quote > div.inner > div.title {
451
margin: 0; padding: 0;
454
blockquote > *:first-child { margin-top: 0; }
455
div.quote > div.inner > div.region > div.cite {
458
color: rgb(102,102,100);
460
div.quote > div.inner > div.region > div.cite::before {
463
color: rgb(102,102,100);
466
background-color: rgb(244,244,244);
467
border: solid 1px #c0bfbc;
470
padding: 0.5em 1em 0.5em 1em;
471
border: solid 1px rgb(244,244,244);
472
border-left: solid 4px #f8e45c;
477
background-color: unset;
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);
489
div.synopsis > div.inner > div.region > div.desc { font-style: italic; }
490
div.synopsis div.code {
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; }
499
background-color: rgb(244,244,244);
502
background-color: rgb(244,244,244);
505
background-color: rgb(234,234,233);
508
span.app { font-style: italic; }
510
font-family: monospace,monospace; font-size: 0.83em;
511
background-color: rgb(244,244,244);
512
padding: 0 0.2em 0 0.2em;
514
span.cmd span.cmd { background-color: unset; padding: 0; }
515
pre span.cmd { background-color: unset; padding: 0; }
517
font-family: monospace,monospace; font-size: 0.83em;
518
border-bottom: solid 1px rgb(234,234,233);
520
span.code span.code { border: none; }
521
pre span.code { border: none; }
522
span.em { font-style: italic; }
524
font-style: normal; font-weight: bold;
525
color: rgb(75,75,73);
528
color: rgb(43,107,185);
531
color: rgb(173,25,36);
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; }
539
color: rgb(75,75,73);
542
font-family: inherit;
544
color: rgb(75,75,73);
545
background-color: rgb(244,244,244);
546
border: solid 1px #c0bfbc;
548
margin: 0 0.2em 0 0.2em;
549
padding: 0.2em 0.5em 0 0.5em;
554
color: rgb(43,107,185);
560
color: rgb(43,107,185);
561
border-color: rgb(43,107,185);
564
color: rgb(75,75,73);
567
a span.keyseq { color: rgb(43,107,185); }
568
span.output { font-family: monospace,monospace; font-size: 0.83em; }
573
color: rgb(75,75,73);
575
span.sys { font-family: monospace,monospace; font-size: 0.83em; }
576
span.var { font-style: italic; }
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; }
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);
590
border-bottom-left-radius: 4px;
591
border-bottom-right-radius: 4px;
595
.media-controls > * {
598
.media-controls > input.media-range {
600
background-color: rgb(75,75,73);
602
-webkit-appearance: none;
604
input.media-range::-webkit-slider-runnable-track {
606
background: rgb(102,102,100);
609
input.media-range::-webkit-slider-thumb {
610
-webkit-appearance: none;
614
background: rgb(234,234,233);
615
border: solid 1px rgb(75,75,73);
618
input.media-range::-webkit-slider-thumb:hover,
619
input.media-range::-webkit-slider-thumb:focus {
620
background: rgb(244,244,244);
622
input.media-range::-moz-range-track {
624
background: rgb(102,102,100);
627
input.media-range::-moz-range-thumb {
628
-webkit-appearance: none;
632
background: rgb(234,234,233);
633
border: solid 1px rgb(75,75,73);
636
.media-controls-audio {
637
border-top: solid 1px #000000;
642
padding: 0 6px 0 6px; line-height: 0;
643
background-color: rgb(75,75,73);
645
border-right: solid 1px #000000;
647
button.media-play:hover, button.media-play:focus {
648
background-color: rgb(43,107,185);
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; }
665
color: rgb(234,234,233);
668
.media-controls-ttml {
670
border-bottom-left-radius: 0;
671
border-bottom-right-radius: 0;
674
margin: 0; padding: 6px 0;
675
background-color: rgb(244,244,244);
676
border: solid 1px #000000;
678
border-bottom-left-radius: 4px;
679
border-bottom-right-radius: 4px;
681
.media-ttml-pre { white-space: pre; }
682
.media-ttml-nopre { white-space: normal; }
686
margin: 0; padding: 0;
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 {
701
.ui-expander > div.inner > div.title span.title:before,
702
.ui-expander > div.inner > div.hgroup span.title:before {
705
display: inline-block;
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;
716
.ui-expander-c > div.inner > div.hgroup { border-bottom: none; }
718
.ui-expander > div.inner > div.title:hover,
719
.ui-expander > div.inner > div.hgroup:hover * {
720
color: rgb(43,107,185);
722
.ui-expander > div.inner > div.hgroup > .subtitle {
725
.ui-expander-c > div.inner > div.region {
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;
734
@keyframes yelp-ui-expander-e {
735
from { transform: scaleY(0); }
736
to { transform: scaleY(1); }
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;
743
div.ui-expander-preview.ui-expander-c > div.inner {
747
div.ui-expander-preview.ui-expander-c > div.inner > div.region {
749
transform: scaleY(0.4);
750
background-color: rgb(244,244,244);
752
div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover {
753
background-color: rgb(241,246,253);
756
div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover * {
759
div.ui-expander-preview > div.inner > div.region > * {
760
transform-origin: 0 0;
761
transition: transform 0.2s linear;
763
div.ui-expander-preview.ui-expander-c > div.inner > div.region > * {
764
transform: scaleX(0.4);
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;
770
section.ui-expander-preview.ui-expander-c > div.inner {
774
section.ui-expander-preview.ui-expander-c > div.inner > div.region {
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);
781
section.ui-expander-preview > div.inner > div.region > div.contents > * {
782
transform-origin: 0 0;
783
transition: transform 0.2s linear;
785
section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents > * {
786
transform: scaleX(0.6);
788
section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents:hover {
789
background-color: rgb(241,246,253);
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 {
802
article > div.region > div.contents > div.note,
803
article > div.region > section > div.inner > div.region > div.contents > div.note {
809
article > div.region > div.contents > div.note,
810
article > div.region > section > div.inner > div.region > div.contents > div.note {
814
article > div.region > div.contents > div.steps,
815
article > div.region > section > div.inner > div.region > div.contents > div.steps {
819
div.steps > div.inner > div.title {
829
@media only screen and (max-width: 540px) {
833
margin-left: inherit;
834
margin-right: inherit;
835
padding-left: inherit;
836
padding-right: inherit;
839
div.quote > div.inner:before { float: leftcontent: '“';
840
font-family: "Century Schoolbook L";
841
font-size: {{$icons.size.quote}}px;
844
margin: 0; padding: 0;
845
height: {{$icons.size.quote}}px;
846
width: {{$icons.size.quote}}px;
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);}
852
border-bottom: dotted 1px rgb(43,107,185);
854
.hljs a:hover, .hljs a:hover * { color: rgb(43,107,185); }
856
color: rgb(46,121,73);
857
background-color: rgb(227,250,236);
860
color: rgb(173,25,36);
861
background-color: rgb(251,243,244);
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); }
870
.hljs-code { color: rgb(75,75,73); }
871
.hljs-comment { color: rgb(102,102,100); }
873
.hljs-formula { color: rgb(75,75,73); }
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); }
885
.hljs-section { color: rgb(43,107,185); }
886
.hljs-string { color: rgb(46,121,73); }
888
.hljs-symbol { color: rgb(46,121,73); }
889
.hljs-tag { color: rgb(173,25,36); }
890
.hljs-title { color: rgb(43,107,185); }
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 { }
904
div.links .desc a:hover {
905
color: rgb(43,107,185);
907
a.bold { font-weight: bold; }
915
display: inline-block;
916
background-color: #3584e4;
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;
923
.link-button a:visited {
926
.link-button a:hover {
927
text-decoration: none;
929
background-color: rgb(73,144,231);
931
div.link-button a .desc {
935
color: rgb(244,244,244);
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 {
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; }
966
div.links-uix-hover {
969
flex-flow: row nowrap;
970
align-items: stretch;
971
justify-content: flex-start;
973
ul.links-uix-hover { flex-grow: 1; }
974
ul.links-uix-hover li { margin: 0; padding: 0; }
975
ul.links-uix-hover a {
980
ul.links-uix-hover a:hover, ul.links-uix-hover a:focus {
981
background: rgb(241,246,253);
983
ul.links-uix-hover img {
989
transition: opacity 0.6s, visibility 0.6s;
991
ul.links-uix-hover a:hover img, ul.links-uix-hover a:focus img {
994
transition: opacity 0.2s, visibility 0.2s;
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;
1002
ul.links-uix-hover li a {
1008
div.ui-overlay-screen {
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;
1018
@keyframes yelp-overlay-screen {
1019
from { opacity: 0.0; }
1020
to { opacity: 0.6; }
1028
transform: translateX(-50%);
1031
div.ui-overlay-show {
1032
animation-name: yelp-overlay-slide;
1033
animation-duration: 0.8s;
1034
animation-fill-mode: forwards;
1036
@keyframes yelp-overlay-slide {
1037
from { transform: translateY(-400px) translateX(-50%); }
1038
to { transform: translateY(0) translateX(-50%); }
1040
div.ui-overlay > div.inner {
1041
display: inline-block;
1043
background-color: rgb(244,244,244);
1047
div.ui-overlay img, div.ui-overlay video {
1051
div.ui-overlay > div.inner > div.title { margin-top: -4px; }
1052
a.ui-overlay-close {
1055
width: 30px; height: 30px;
1056
font-size: 22px; line-height: 30px;
1059
margin-right: -26px;
1060
padding: 1px 2px 3px 2px;
1064
background-color: #3584e4;
1070
flex-flow: row wrap;
1071
align-items: stretch;
1072
justify-content: stretch;
1073
vertical-align: top;
1079
vertical-align: top;
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 {
1087
vertical-align: top;
1092
div.links-tile > a:hover {
1093
background-color: rgb(241,246,253);
1095
div.links-tile > a > span.links-tile-img {
1099
div.links-tile > a > span.links-tile-img > img {
1103
div.links-tile > a > span.links-tile-text > span.title {
1107
div.links-tile > a > span.links-tile-text > * + span.title {
1110
div.links-tile > a > span.links-tile-text > span.desc {
1112
margin: 0.2em 0 0 0;
1113
color: rgb(75,75,73);
1119
border: solid 1px #c0bfbc;
1121
transition: box-shadow 0.5s linear;
1123
a.ex-gnome-top:hover {
1124
box-shadow: 0px 2px 4px #c0bfbc;
1126
span.ex-gnome-top-banner {
1129
background: #57e389;
1132
span.ex-gnome-top-title {
1138
span.ex-gnome-top-desc {
1139
color: rgb(102,102,100);
1148
align-items: stretch;
1149
border: solid 1px #c0bfbc;
1151
transition: box-shadow 0.5s linear;
1153
a.ex-gnome-tile:hover {
1154
box-shadow: 0px 2px 4px #c0bfbc;
1156
span.ex-gnome-tiles-banner {
1159
background: rgb(43,107,185);
1162
span.ex-gnome-tiles-banner img {
1163
width: 64px; height: 64px;
1165
transform: rotate(-10deg);
1167
span.ex-gnome-tiles-text {
1171
span.ex-gnome-tiles-title {
1177
span.ex-gnome-tiles-desc {
1178
color: rgb(102,102,100);
1184
div.links-grid-container {
1186
margin-right: -10px;
1188
flex-flow: row wrap;
1189
align-items: stretch;
1190
justify-content: flex-start;
1191
vertical-align: top;
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);
1210
div.links-norwich-primary {
1212
vertical-align: top;
1213
margin: 0; padding: 0;
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;
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);
1226
div.links-norwich-big a {
1234
border: solid 1px #3584e4;
1235
background-repeat: no-repeat;
1236
background-position: right -80px bottom -80px;
1238
div.links-norwich-big a:hover {
1239
border: solid 1px #3584e4;
1240
box-shadow: 2px 2px 2px #3584e4;
1242
div.links-norwich-big a span.title {
1246
div.links-norwich-big a .desc {
1248
font-weight: normal;
1250
div.links-norwich-secondary {
1251
vertical-align: top;
1252
margin: 0; padding: 0;
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;
1260
div.links-norwich-small a {
1267
border: solid 1px #c0bfbc;
1268
background-repeat: no-repeat;
1269
background-position: right 4px bottom 4px;
1271
div.links-norwich-small a:hover {
1272
border: solid 1px #c0bfbc;
1273
box-shadow: 2px 2px 2px #3584e4;
1275
@media only screen and (max-width: 900px) {
1280
@media only screen and (max-width: 720px) {
1285
@media only screen and (max-width: 540px) {
1289
div.links-norwich-big {
1293
div.links-norwich-big a {
1301
margin-right: -10px;
1307
border-bottom: none;
1310
text-decoration: none;
1311
background-color: rgb(241,246,253);
1313
a.linkdiv span.title {
1320
a.linkdiv span.desc {
1322
margin: 0.2em 0 0 0;
1323
color: rgb(75,75,73);
1325
span.linkdiv-dash { display: none; }
1326
div.links-twocolumn {
1328
flex-flow: row wrap;
1329
align-items: stretch;
1330
justify-content: flex-start;
1331
vertical-align: top;
1333
margin-right: -10px;
1335
div.links-twocolumn > div.links-divs {
1337
vertical-align: top;
1344
border: solid 2px #c01c28;
1345
background-color: rgb(251,243,244);
1347
div.comment div.comment {
1348
margin: 1em 1em 0 1em;
1350
div.comment div.cite {
1351
margin: 0 0 0.5em 0;
1356
div.tree > div.inner > div.title { margin-bottom: 0.5em; }
1358
margin: 0; padding: 0;
1359
list-style-type: none;
1361
li.tree { margin: -2px 0 0 0; padding: 0; }
1362
li.tree div { margin: 0; padding: 0; }
1364
margin-left: 1.44em;
1366
div.tree-lines ul.tree { margin-left: 0; }
1370
background-color: rgb(253,251,233);
1373
background-color: rgb(227,250,236);
1376
background-color: rgb(251,243,244);
1377
text-decoration: line-through;
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); }
1393
color: rgb(75,75,73);
1395
dt.gloss-term:first-child, dt.gloss-term + dt.gloss-term { margin-top: 0; }
1396
dt.gloss-term + dd { margin-top: 0.2em; }
1398
margin: 0 0.2em 0 0.2em;
1399
border-left: solid 4px #3584e4;
1403
margin: 0 0.2em 1em 0.2em;
1404
border-left: solid 4px #c0bfbc;
1409
border-bottom: dashed 1px #3584e4;
1411
a.gloss-term:hover {
1412
text-decoration: none;
1413
border-bottom-style: solid;
1422
padding: 0.2em 0.5em 0.2em 0.5em;
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;
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;
1437
@keyframes yelp-gloss-fade {
1438
from { opacity: 0.0; }
1439
to { opacity: 1.0; }
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; }