Mercurial > hg > mgallery

comparison basic.css @ 213:8938fef384a2

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
CSS adjustments, use nesting media query blocks.
author Matti Hamalainen <ccr@tnsp.org>
date Thu, 22 Mar 2018 17:54:04 +0200
parents c3512a94189d
children 23995179ecd8
comparison
equal deleted inserted replaced
212:c3512a94189d 213:8938fef384a2
400 border-radius: 0.35em; 400 border-radius: 0.35em;
401 text-align: center; 401 text-align: center;
402 } 402 }
403 403
404 404
405 @media screen and (min-resolution: 150dpi) { 405 /*
406 * Mobile device rules via media queries
407 */
408 @media screen and (min-resolution: 2dppx) and (min-resolution: 150dpi) {
409
410 @media (orientation: landscape) {
411 body {
412 font-size: 18px;
413 }
414
415 #pageInfoButton, #pageUpNaviButton {
416 font-size: 1.5em;
417 bottom: 3em;
418 }
419 }
420
421
422 @media (orientation: portrait) {
423 body {
424 font-size: 24px;
425 }
426
427 div.galleryEntry {
428 width: 40%;
429 }
430
431 #pageInfoHeader {
432 font-size: 1.25em;
433 }
434
435 #pageInfoButton, #pageUpNaviButton {
436 font-size: 2em;
437 bottom: 2.5em;
438 }
439 }
440
406 441
407 div.albumTitle, div.imageCaption { 442 div.albumTitle, div.imageCaption {
408 font-size: 1.2em; 443 font-size: 1.2em;
409 } 444 }
410 445
437 #pageInfoFooter { 472 #pageInfoFooter {
438 display: none; 473 display: none;
439 } 474 }
440 475
441 #pageInfoButton, #pageUpNaviButton { 476 #pageInfoButton, #pageUpNaviButton {
442 font-size: 1.5em;
443 top: auto; 477 top: auto;
444 left: auto; 478 left: auto;
445 bottom: 2.5em;
446 } 479 }
447 480
448 #pageInfoButton { 481 #pageInfoButton {
449 right: 0.5em; 482 right: 0.25em;
450 } 483 }
451 484
452 #pageUpNaviButton { 485 #pageUpNaviButton {
453 right: 4.5em; 486 right: 4em;
454 } 487 }
455 } 488 }
456
457
458 @media screen and (min-resolution: 150dpi) and (orientation: landscape) {
459 body {
460 font-size: 18px;
461 }
462 }
463
464
465 @media screen and (min-resolution: 150dpi) and (orientation: portrait) {
466 body {
467 font-size: 24px;
468 }
469
470 div.galleryEntry {
471 width: 40%;
472 }
473
474 #pageInfoHeader {
475 font-size: 1.25em;
476 }
477
478 #pageInfoButton, #pageUpNaviButton {
479 font-size: 2em;
480 }
481 }