git.shiar.nl
/
sheet.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
dieren: found specific rivier(donder)pad species
[sheet.git]
/
base.css
diff --git
a/base.css
b/base.css
index cc3625f6efeeb34b071db322fc8d051c03df6582..97d8128a9eb4c9ae9594662417e20d6f83f4ec09 100644
(file)
--- a/
base.css
+++ b/
base.css
@@
-123,19
+123,37
@@
h1 small,
h2 small {
position: absolute; /* side note; do not influence alignment */
margin-left: 1em;
h2 small {
position: absolute; /* side note; do not influence alignment */
margin-left: 1em;
- font-size: 80%;
- line-height: 175%;
+ font-weight: normal;
+ font-size: 50%; /* 1rem */
+ padding-top: 1.75ex; /* align baseline with container */
+}
+h2 small {
+ font-size: 90.9%;
+ padding-top: .17ex;
}
}
+dl {
+ display: grid;
+ grid: auto-flow / 1fr 1fr;
+ clear: both;
+}
+@media (max-width: 42em) {
+ dl {
+ grid: auto-flow / minmax(8em, 1fr) minmax(20em, 1fr);
+ }
+}
dl > dt {
dl > dt {
- float: left;
- width: 50%;
+ grid-column: 1;
text-align: right;
}
text-align: right;
}
+dt code {
+ white-space: normal;
+}
dl > dd {
dl > dd {
+ grid-column: 2;
text-align: left;
padding-left: 1em;
text-align: left;
padding-left: 1em;
-
overflow: hidden
;
+
margin: 0
;
}
/* "keyboard" (list of keys) */
}
/* "keyboard" (list of keys) */
@@
-677,7
+695,7
@@
figure {
margin: 0;
position: relative;
}
margin: 0;
position: relative;
}
-img {
+
figure
img {
vertical-align: bottom;
width: 100%;
}
vertical-align: bottom;
width: 100%;
}
@@
-717,6
+735,8
@@
img {
.gallery figure {
overflow: hidden;
box-sizing: border-box;
.gallery figure {
overflow: hidden;
box-sizing: border-box;
+ hyphens: auto;
+ max-width: 900px;
}
.gallery figcaption > small {
display: inline-block;
}
.gallery figcaption > small {
display: inline-block;
@@
-731,7
+751,7
@@
img {
}
@media (min-width: 603px) and (min-height: 400px) {
/* fit 3 cells of 200x133 */
}
@media (min-width: 603px) and (min-height: 400px) {
/* fit 3 cells of 200x133 */
- .gallery >
ul >
li:first-child > figure,
+ .gallery > li:first-child > figure,
.gallery li.huge > figure {
grid-row: span 3;
grid-column: span 3;
.gallery li.huge > figure {
grid-row: span 3;
grid-column: span 3;