Mercurial > hg > mgallery
comparison basic.css @ 44:bc9da3b71888
Implement imgur-style image zoom/de-zoom via image click/enter.
Might have bugs, probably does not work on mobile.
| author | Matti Hamalainen <ccr@tnsp.org> |
|---|---|
| date | Thu, 19 May 2016 10:11:32 +0300 |
| parents | 002c19b4618b |
| children | 5a2dd41ff7ad |
comparison
equal
deleted
inserted
replaced
| 43:fc8e6a056016 | 44:bc9da3b71888 |
|---|---|
| 210 border-top: 1px solid #343; | 210 border-top: 1px solid #343; |
| 211 border-left: 1px solid #343; | 211 border-left: 1px solid #343; |
| 212 border-bottom: 1px solid #787; | 212 border-bottom: 1px solid #787; |
| 213 border-right: 1px solid #787; | 213 border-right: 1px solid #787; |
| 214 } | 214 } |
| 215 | |
| 216 | |
| 217 #imageLarge { | |
| 218 position: fixed; | |
| 219 left: 0; | |
| 220 right: 0; | |
| 221 top: 0; | |
| 222 bottom: 0; | |
| 223 z-index: 20; | |
| 224 display: none; | |
| 225 margin: 1em; | |
| 226 } | |
| 227 | |
| 228 #imageLarge img { | |
| 229 position: absolute; | |
| 230 left: 0; | |
| 231 right: 0; | |
| 232 top: 0; | |
| 233 bottom: 0; | |
| 234 width: auto; | |
| 235 height: auto; | |
| 236 max-width: 100%; | |
| 237 max-height: 100%; | |
| 238 margin-left: auto; | |
| 239 margin-right: auto; | |
| 240 border: 4px solid white; | |
| 241 } |