Mercurial > hg > mgallery
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; |