Mercurial > hg > mgallery

comparison basic.css @ 168:ba02d12cb4be

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Add "up" navigation button, to go back to the main gallery from image page.
author Matti Hamalainen <ccr@tnsp.org>
date Tue, 13 Mar 2018 13:28:56 +0200
parents d5ebb0d9d70f
children d7d773f6b246
comparison
equal deleted inserted replaced
167:605c891870fa 168:ba02d12cb4be
73 top: 0; 73 top: 0;
74 left: 0; 74 left: 0;
75 right: 0; 75 right: 0;
76 } 76 }
77 77
78 #pageInfoButton { 78 #pageInfoButton, #pageUpNaviButton {
79 display: block;
80 text-decoration: none;
79 position: fixed; 81 position: fixed;
80 top: 0.25em; 82 top: 0.25em;
81 left: 0.25em; 83 left: 0.25em;
82 z-index: 30; 84 z-index: 30;
83 85
89 border: 0.2em solid white; 91 border: 0.2em solid white;
90 border-radius: 0.3em; 92 border-radius: 0.3em;
91 padding: 1em; 93 padding: 1em;
92 } 94 }
93 95
94 #pageInfoButton:hover { 96 #pageInfoButton:hover, #pageUpNaviButton:hover {
95 background: white; 97 background: white;
96 color: black; 98 color: black;
99 }
100
101 #pageUpNaviButton {
102 top: 0.25em;
103 left: 4em;
97 } 104 }
98 105
99 /* 106 /*
100 * Albums 107 * Albums
101 */ 108 */
401 408
402 #pageInfoFooter { 409 #pageInfoFooter {
403 display: none; 410 display: none;
404 } 411 }
405 412
406 #pageInfoButton { 413 #pageInfoButton, #pageUpNaviButton {
407 opacity: 0.5; 414 opacity: 0.5;
408 font-size: 1.5em; 415 font-size: 1.5em;
416 top: auto;
417 left: auto;
418 bottom: 0.5em;
419 }
420
421 #pageInfoButton {
422 right: 0.5em;
423 }
424
425 #pageUpNaviButton {
426 right: 3.5em;
409 } 427 }
410 } 428 }
411 429
412 430
413 @media screen and (min-resolution: 150dpi) and (orientation: landscape) { 431 @media screen and (min-resolution: 150dpi) and (orientation: landscape) {
424 442
425 div.galleryEntry { 443 div.galleryEntry {
426 width: 40%; 444 width: 40%;
427 } 445 }
428 446
429 #pageInfoButton { 447 #pageInfoButton, #pageUpNaviButton {
430 top: auto;
431 left: auto;
432 bottom: 0.5em;
433 right: 0.5em;
434
435 font-size: 2em; 448 font-size: 2em;
436 } 449 }
437 } 450 }