185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
|
color: inherit;
}
span.links-footnote {
display: inline-block; /* allows keyframe animation to work */
}
li:target, a:target, span.links-footnote:target {
animation: hilite 2.5s;
}
@keyframes hilite {
0% {background: transparent;}
10% {background: #feffc1;}
100% {background: transparent;}
}
|
|
|
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
|
color: inherit;
}
span.links-footnote {
display: inline-block; /* allows keyframe animation to work */
}
:target {
animation: hilite 2.5s;
}
@keyframes hilite {
0% {background: transparent;}
10% {background: #feffc1;}
100% {background: transparent;}
}
|
638
639
640
641
642
643
644
645
646
647
648
649
650
651
|
div.article-list-date {
color: #999;
}
div.article-list-title {
font-size: 1.2rem;
}
/* End of mobile-first typography and layout */
}
/* Here’s where we start getting funky for any viewport wider than mobile portrait.
An iPhone 6 is 667px wide in landscape mode, so that’s our breakpoint. */
|
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
|
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
|
div.article-list-date {
color: #999;
}
div.article-list-title {
font-size: 1.2rem;
}
/* ******* (Mobile first) Keyword Index styling *******
*/
#keywordindex {
column-width: 7rem;
margin-top: ◊x-lineheight[2];
}
#keywordindex section {
-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
page-break-inside: avoid; /* Firefox */
break-inside: avoid; /* IE 10+ */
}
#keywordindex h2 {
margin: 0;
}
#keywordindex ul {
margin-top: 0;
list-style-type: none;
padding: 0;
}
/* End of mobile-first typography and layout */
}
/* Here’s where we start getting funky for any viewport wider than mobile portrait.
An iPhone 6 is 667px wide in landscape mode, so that’s our breakpoint. */
|
