diff options
Diffstat (limited to 'view/theme/dispy/css')
-rw-r--r-- | view/theme/dispy/css/media.less | 71 | ||||
-rw-r--r-- | view/theme/dispy/css/reset.less | 66 |
2 files changed, 137 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; + } +} + diff --git a/view/theme/dispy/css/reset.less b/view/theme/dispy/css/reset.less new file mode 100644 index 000000000..0cac48d8e --- /dev/null +++ b/view/theme/dispy/css/reset.less @@ -0,0 +1,66 @@ +///* http://meyerweb.com/eric/tools/css/reset/ +// v2.0 | 20110126 +// License: none (public domain) +//*/ + +html, body, div, span, +applet, object, iframe, +h1, h2, h3, h4, h5, h6, +p, blockquote, pre, a, +abbr, acronym, address, +big, cite, code, del, +dfn, em, img, ins, kbd, +q, s, samp, small, strike, +strong, sub, sup, tt, var, +b, u, i, center, dl, dt, +dd, ol, ul, li, fieldset, +form, label, legend, table, +caption, tbody, tfoot, thead, +tr, th, td, article, aside, +canvas, details, embed, +figure, figcaption, footer, +header, hgroup, menu, nav, +output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +///* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ul, ol { + .list_reset; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +///* de-italicize address */ +address { + font-style: normal; +} +a img, +:link img, +:visited img { + border: none; +} +q { + quotes: "" ""; +} |