36 lines
602 B
CSS
36 lines
602 B
CSS
/*
|
|
* dl-sidenote.css
|
|
*
|
|
* Implements paragraph-level sidenotes.
|
|
*
|
|
<p> Content...<sup>[ref]</sup> </p>
|
|
<dl class="sidenote"><dt>[ref]</dt><dd> Description </dd>
|
|
</dl>
|
|
*
|
|
*/
|
|
|
|
#workskin dl.sidenote {
|
|
display: grid;
|
|
grid-column-gap: 0;
|
|
grid-template-columns: 1fr 8fr;
|
|
margin-left: 50%;
|
|
margin-bottom: 2ex;
|
|
border-top: 2pt solid gray;
|
|
font-size: 67%;
|
|
}
|
|
|
|
#workskin dl.sidenote > dt {
|
|
margin: 1ex 0;
|
|
vertical-align: middle;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#workskin dl.sidenote > dd {
|
|
display: inline-block;
|
|
margin-left: 0;
|
|
padding-left: 0;
|
|
right: 0;
|
|
text-align: left;
|
|
}
|
|
|