fixing widths to be more dynamic where possible. font size fixes. add README.md

Signed-off-by: Simon L'nu <simon.lnu@gmail.com>

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: "" "";
+}