Mercurial > hg > mgallery

comparison basic.css @ 231:2731d2d8400e

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Set meta viewport tag and initial scale, and try to "fix" things for some mobile devices/browsers while probably breaking things for others. Also, setting the initial scale seems to break the Android Chrome "text size autoboost" prevention in the CSS ... sigh. :S Set the text-size-adjust values to 100% anyway.
author Matti Hamalainen <ccr@tnsp.org>
date Mon, 26 Mar 2018 17:06:12 +0300
parents 6b34b61b956b
children 028291a78acb
comparison
equal deleted inserted replaced
230:6b34b61b956b 231:2731d2d8400e
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 {
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: none; 9 -webkit-text-size-adjust: 100%;
10 -moz-text-size-adjust: none; 10 -moz-text-size-adjust: 100%;
11 -ms-text-size-adjust: none; 11 -ms-text-size-adjust: 100%;
12 } 12 }
13 13
14 body { 14 body {
15 font-size: 14px; 15 font-size: 0.9em;
16 font-family: Verdana, Arial, helvetica, sans-serif; 16 font-family: Verdana, Arial, helvetica, sans-serif;
17 17
18 color: white; 18 color: white;
19 background: #454; 19 background: #454;
20 20
426 /* 426 /*
427 * Orientation related 427 * Orientation related
428 */ 428 */
429 @media (orientation: landscape) { 429 @media (orientation: landscape) {
430 body { 430 body {
431 font-size: 18px; 431 font-size: 1em;
432 } 432 }
433 } 433 }
434 434
435 435
436 @media (orientation: portrait) { 436 @media (orientation: portrait) {
437 body { 437 body {
438 font-size: 24px; 438 font-size: 1.4em;
439 } 439 }
440 440
441 div.galleryEntry { 441 div.galleryEntry {
442 width: 40%; 442 width: 40%;
443 } 443 }