comparison basic.css @ 227:a57b5fa51e07

Attempt to get rid of the hard-coded pixel sizes for thumbnails in the stylesheet.
author Matti Hamalainen <ccr@tnsp.org>
date Mon, 26 Mar 2018 14:56:15 +0300
parents 3b8fd5a7a4cf
children a0a1fe8d2fe0
comparison
equal deleted inserted replaced
226:5b57d442cc11 227:a57b5fa51e07
149 display: flex; 149 display: flex;
150 flex-wrap: wrap; 150 flex-wrap: wrap;
151 } 151 }
152 152
153 div.galleryEntry { 153 div.galleryEntry {
154 min-width: 145px; 154 width: 12em;
155 width: 15em;
156 padding: 1em; 155 padding: 1em;
157 text-align: center; 156 text-align: center;
158 } 157 }
159 158
160 div.galleryEntry img { 159 div.galleryEntry img {
161 min-width: 145px;
162 width: 100%; 160 width: 100%;
163 } 161 }
164 162
165 .galleryTable + .imageTable { 163 .galleryTable + .imageTable {
166 border-top: 2px solid #232; 164 border-top: 2px solid #232;
225 border: 0.2em solid white; 223 border: 0.2em solid white;
226 } 224 }
227 225
228 div.imageCtrl { 226 div.imageCtrl {
229 position: absolute; 227 position: absolute;
230 min-width: 150px; 228 min-width: 10em;
231 width: 14%; 229 width: 14%;
232 top: 0; 230 top: 0;
233 bottom: 0; 231 bottom: 0;
234 background: rgba(0,0,0, 0.35); 232 background: rgba(0,0,0, 0.35);
235 } 233 }
254 252
255 div.imageCtrl a img { 253 div.imageCtrl a img {
256 position: relative; 254 position: relative;
257 display: block; 255 display: block;
258 margin: auto; 256 margin: auto;
257 width: 85%;
259 } 258 }
260 259
261 260
262 div.imageCtrl.nextBtm, div.imageCtrl.prevBtm { 261 div.imageCtrl.nextBtm, div.imageCtrl.prevBtm {
263 z-index: 1; 262 z-index: 1;