diff options
| author | Simon <simon@kisikew.org> | 2012-05-06 03:08:08 -0700 |
|---|---|---|
| committer | Simon <simon@kisikew.org> | 2012-05-06 03:08:08 -0700 |
| commit | b4bd8258e21f713d9ae7f6e1317c44ffe896bb5d (patch) | |
| tree | a67450cafde261600dac237208ab8259b674c7dd /view/theme/dispy/css/media.less | |
| parent | 47c3b43afd64cd1c05b67d347fb1219c42fe6d20 (diff) | |
| parent | f32c3d74a4a70d871a5f0f166bbe67fe9dcea26f (diff) | |
| download | volse-hubzilla-b4bd8258e21f713d9ae7f6e1317c44ffe896bb5d.tar.gz volse-hubzilla-b4bd8258e21f713d9ae7f6e1317c44ffe896bb5d.tar.bz2 volse-hubzilla-b4bd8258e21f713d9ae7f6e1317c44ffe896bb5d.zip | |
Merge pull request #290 from simonlnu/master
font and width tweaking
Diffstat (limited to 'view/theme/dispy/css/media.less')
| -rw-r--r-- | view/theme/dispy/css/media.less | 71 |
1 files changed, 71 insertions, 0 deletions
diff --git a/view/theme/dispy/css/media.less b/view/theme/dispy/css/media.less new file mode 100644 index 000000000..28cf3f054 --- /dev/null +++ b/view/theme/dispy/css/media.less @@ -0,0 +1,71 @@ +// +//* media stuff */ +@media handheld and screen { + body { + font-size: 15pt; + } +} +//* Smartphones (portrait and landscape) ----------- */ +@media only screen and (min-device-width: 320px) + and (max-device-width: 480px) { + body { + font-size: 12pt; + } +} +//* Smartphones (landscape) ----------- */ +@media only screen and (min-width: 321px) { + body { + font-size: 12pt; + } +} +//* Smartphones (portrait) ----------- */ +@media only screen and (max-width: 320px) { + body { + font-size: 12pt; + } +} +//* iPads (portrait and landscape) ----------- */ +@media only screen and (min-device-width: 768px) + and (max-device-width: 1024px) { + body { + font-size: 14pt; + } +} +//* iPads (landscape) ----------- */ +@media only screen and (min-device-width: 768px) + and (max-device-width: 1024px) + and (orientation: landscape) { + body { + font-size: 14pt; + } +} +//* iPads (portrait) ----------- */ +@media only screen and (min-device-width: 768px) + and (max-device-width: 1024px) + and (orientation: portrait) { + body { + font-size: 14pt; + } +} +//* Desktops and laptops ----------- */ +//adjusted to 1024 from 1224. +//not everybody has a fucking big screen ffs +@media only screen and (min-width: 1024px) { + body { + font-size: 14pt; + } +} +//* Large screens - */ +@media only screen and (min-width: 1520px) { + body { + font-size: 16pt; + } +} +//* iPhone 4 ----------- */ +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), + only screen and (min-device-pixel-ratio: 1.5) { + body { + font-size: 14pt; + } +} + |