text-align: center;
}
-div.pic {
+figure.thumb {
display: inline-block;
vertical-align: top;
width: 228px;
margin: 1em;
}
-div.pic a:link { display: inline-block; }
+a.thumb:link { display: inline-block; }
img.thumb {
width: 228px; height: 228px;
margin-top: 2ex; margin-bottom: 2ex;
}
-div.caption {
+figure.thumb figcaption {
display: block;
width: 228px;
}
-div.caption span.name { font-family: sans-serif; }
-div.caption span.comment { font-style: italic; margin-inline-start: 1em; }
+figcaption span.name { font-family: sans-serif; }
+figcaption span.comment { font-style: italic; margin-inline-start: 1em; }
div.viewnav {
flex-grow: 1; flex-basis: 0;
background-color: #0006;
min-width: 1em;
text-align: center;
- min-height: 3.5ex;
+ min-height: 3ex;
}
a.view {
flex-grow: 1; flex-basis: 0;
}
div.thumbstrip {
- width: 100%;
+ max-width: 100%;
overflow-x: auto;
text-align: center;
- display: flex; flex-direction: row;
+ display: flex; flex-direction: row; align-self: center;
}
/*----- That's all, folks -------------------------------------------------*/