Mercurial > hg > mgallery
comparison basic.css @ 237:c7f369ff0fb9
CSS adjustments.
author | Matti Hamalainen <ccr@tnsp.org> |
---|---|
date | Tue, 27 Mar 2018 15:13:03 +0300 |
parents | 9803200bc7f8 |
children | 73348fa0bc85 |
comparison
equal
deleted
inserted
replaced
236:9803200bc7f8 | 237:c7f369ff0fb9 |
---|---|
2 * Yet Another Image Gallery | 2 * Yet Another Image Gallery |
3 * -- Base CSS stylesheet | 3 * -- Base CSS stylesheet |
4 * Programmed and designed by Matti 'ccr' Hamalainen <ccr@tnsp.org> | 4 * Programmed and designed by Matti 'ccr' Hamalainen <ccr@tnsp.org> |
5 * (C) Copyright 2015-2018 Tecnic Software productions (TNSP) | 5 * (C) Copyright 2015-2018 Tecnic Software productions (TNSP) |
6 */ | 6 */ |
7 html { | 7 html, body { |
8 /* Prevent automatic text size adjustment, which happens on some mobile browsers. */ | 8 /* Prevent automatic text size adjustment, which happens on some mobile browsers. */ |
9 -webkit-text-size-adjust: 100%; | 9 -webkit-text-size-adjust: 100%; |
10 -moz-text-size-adjust: 100%; | 10 -moz-text-size-adjust: 100%; |
11 -ms-text-size-adjust: 100%; | 11 -ms-text-size-adjust: 100%; |
12 } | 12 } |
81 padding: 0.25em; | 81 padding: 0.25em; |
82 text-align: right; | 82 text-align: right; |
83 font-size: 0.75em; | 83 font-size: 0.75em; |
84 text-shadow: 1px 1px 1px black; | 84 text-shadow: 1px 1px 1px black; |
85 | 85 |
86 border-top: 1px solid black; | |
86 z-index: 12; | 87 z-index: 12; |
87 } | 88 } |
88 | 89 |
89 div.imagePageHeader { | 90 div.imagePageHeader { |
90 position: fixed; | 91 position: fixed; |
105 z-index: 30; | 106 z-index: 30; |
106 | 107 |
107 text-align: center; | 108 text-align: center; |
108 width: 1em; | 109 width: 1em; |
109 height: 1em; | 110 height: 1em; |
110 font-size: 1.25em; | 111 font-size: 1.1em; |
111 | 112 |
112 background: black; | 113 background: black; |
113 color: white; | 114 color: white; |
114 | 115 |
115 border: 0.2em solid white; | 116 border: 0.2em solid white; |
454 bottom: 3em; | 455 bottom: 3em; |
455 } | 456 } |
456 | 457 |
457 | 458 |
458 div.imageCtrl a img { | 459 div.imageCtrl a img { |
459 top: 5%; | 460 top: 3%; |
460 } | 461 } |
461 | 462 |
462 div.albumTitle, div.imageCaption { | 463 div.albumTitle, div.imageCaption { |
463 font-size: 1.2em; | 464 font-size: 1.2em; |
464 } | 465 } |
467 #languages { | 468 #languages { |
468 position: relative; | 469 position: relative; |
469 top: 0; | 470 top: 0; |
470 right: 0; | 471 right: 0; |
471 left: 0; | 472 left: 0; |
473 margin: 0; | |
474 padding: 0.2em; | |
472 text-align: right; | 475 text-align: right; |
473 } | 476 } |
474 | 477 |
475 #languages a { | 478 #languages a { |
476 width: 5em; | 479 width: 5em; |
480 #naviBreadCrumbs { | 483 #naviBreadCrumbs { |
481 font-size: 1.5em; | 484 font-size: 1.5em; |
482 } | 485 } |
483 | 486 |
484 div.albumHeaderText { | 487 div.albumHeaderText { |
485 font-size: 1.25em; | |
486 } | 488 } |
487 | 489 |
488 #pageImageCaption { | 490 #pageImageCaption { |
489 bottom: 0; | 491 bottom: 0; |
490 height: 2.5em; | 492 height: 2.5em; |
491 overflow: hidden; | 493 overflow: hidden; |
492 } | 494 } |
493 | 495 |
494 #pageInfoFooter { | 496 #imageImage { |
497 border: none; | |
498 border-radius: 0; | |
499 box-shadow: none; | |
500 } | |
501 | |
502 #imagePage #pageInfoFooter { | |
495 display: none; | 503 display: none; |
496 } | 504 } |
497 | 505 |
498 #pageInfoButton, #pageUpNaviButton { | 506 #pageInfoButton, #pageUpNaviButton { |
499 top: auto; | 507 top: auto; |