X-Git-Url: http://git.shiar.nl/sheet.git/blobdiff_plain/1e4cb7c1109296c0f4db898bae040c3a202f6b49..9cdf17f81bc6b6b16d82f48e1f8ae04c9f0886a7:/base.css diff --git a/base.css b/base.css index 97d8128..a2a7d16 100644 --- a/base.css +++ b/base.css @@ -132,17 +132,17 @@ h2 small { padding-top: .17ex; } -dl { +.section dl { display: grid; grid: auto-flow / 1fr 1fr; clear: both; } @media (max-width: 42em) { - dl { + .section dl { grid: auto-flow / minmax(8em, 1fr) minmax(20em, 1fr); } } -dl > dt { +.section dl > dt { grid-column: 1; text-align: right; } @@ -767,6 +767,23 @@ figure img { background: rgba(0, 0, 0, .5); } +.gallery figure[data-sup]:after { + position: absolute; + right: 0; + content: attr(data-sup); + color: #FFF; + background: #0006; + border-radius: 1em; + padding: .1ex .4em; + margin: .4em; +} +.gallery .expand > figure[data-sup]:after { + content: '+' attr(data-sup); + background: #0008; + font-size: 150%; + border: 2px solid #FFF8; +} + /* specialised galleries */ body#word {