524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
|
color: ◊color-xrefmark;
display: inline-block;
width: 1em;
}
/* ******* (Mobile first) Journal View styling *******
*/
section.article-listing h2 {
font-weight: normal;
font-style: italic;
font-size: ◊x-lineheight[1];
margin: 0 0 ◊x-lineheight[0.5] 0;
}
section.article-listing h2::before {
content: '§\00a0';
font-family: ◊body-font;
font-style: normal;
color: #d0d0d0;
}
section.article-listing aside {
margin-bottom: ◊x-lineheight[1];
font-style: italic;
margin: 0;
padding: 0;
}
ul.article-list li {
list-style-type: none;
display: block;
margin: 0;
|
<
<
<
<
<
|
|
<
<
<
<
<
<
<
<
<
<
|
|
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
|
color: ◊color-xrefmark;
display: inline-block;
width: 1em;
}
/* ******* (Mobile first) Journal View styling *******
*/
section.content-block {
}
ul.article-list {
margin-top: ◊x-lineheight[1];
padding: 0;
}
ul.article-list li {
list-style-type: none;
display: block;
margin: 0;
|
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
|
div.note h3 {
}
/* ******* (Grid support) Journal View styling *******
*/
section.article-listing {
display: grid;
grid-template-columns: 8rem 7fr 1fr;
grid-template-rows: auto auto auto;
grid-template-areas:
". title title"
"margin main .";
align-items: start; /* Puts everything at the top */
margin-bottom: 0;
grid-column-gap: 1rem;
}
section.article-listing>h2 {
grid-area: title;
}
section.article-listing>aside {
grid-area: margin;
font-size: 0.8rem;
line-height: ◊derive-lineheight[4 #:per-lines 3];
text-align: right;
color: #6b6b6b;
}
ul.article-list {
grid-area: main;
|
|
|
<
<
>
>
>
>
|
|
>
|
<
<
<
<
<
<
|
<
|
>
|
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
|
div.note h3 {
}
/* ******* (Grid support) Journal View styling *******
*/
section.content-block {
display: grid;
grid-template-columns: 8rem 7fr 1fr;
grid-template-rows: auto auto auto;
grid-template-areas: "margin main .";
align-items: start; /* Puts everything at the top */
margin-bottom: 0;
grid-column-gap: 1rem;
box-shadow: 0.4em 0.4em 10px #e3e3e3;
background: white;
border: solid 1px #dedede;
border-radius: 2px;
}
div.content-block-main {
padding-top: ◊x-lineheight[1];
padding-bottom: ◊x-lineheight[1];
grid-area: main;
}
div.content-block-main > :first-child {
margin-top: 0 !important;
}
}
}
|
