diff options
| author | Simon L'nu <simon.lnu@gmail.com> | 2012-05-06 06:05:31 -0400 |
|---|---|---|
| committer | Simon L'nu <simon.lnu@gmail.com> | 2012-05-06 06:05:31 -0400 |
| commit | f32c3d74a4a70d871a5f0f166bbe67fe9dcea26f (patch) | |
| tree | a67450cafde261600dac237208ab8259b674c7dd /view/theme/dispy/css/media.less | |
| parent | 7e7372fc5af41bb1af125e4d4e92cb7701e56faa (diff) | |
| download | volse-hubzilla-f32c3d74a4a70d871a5f0f166bbe67fe9dcea26f.tar.gz volse-hubzilla-f32c3d74a4a70d871a5f0f166bbe67fe9dcea26f.tar.bz2 volse-hubzilla-f32c3d74a4a70d871a5f0f166bbe67fe9dcea26f.zip | |
fixing widths to be more dynamic where possible. font size fixes. add README.md
Signed-off-by: Simon L'nu <simon.lnu@gmail.com>
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; + } +} + |