changeset 194:d67a79d6e11c

Add CSS stylesheet.
author Matti Hamalainen <ccr@tnsp.org>
date Thu, 23 Aug 2018 18:35:13 +0300
parents 7a9dc175ece5
children b36cfb497223
files compiled/index.html index.html mpui.js style.css
diffstat 4 files changed, 39 insertions(+), 4 deletions(-) [+]
line wrap: on
line diff
--- a/compiled/index.html	Thu Aug 23 18:01:16 2018 +0300
+++ b/compiled/index.html	Thu Aug 23 18:35:13 2018 +0300
@@ -6,6 +6,7 @@
   <script src="processing.min.js"></script>
   <script src="mpui.js"></script>
   <script src="multipaint.js"></script>
+  <link rel="stylesheet" href="style.css" type="text/css" />
 </head>
 <body>
 <canvas id="mpCanvas"></canvas>
--- a/index.html	Thu Aug 23 18:01:16 2018 +0300
+++ b/index.html	Thu Aug 23 18:35:13 2018 +0300
@@ -5,6 +5,7 @@
   <title>Multipaint.JS</title>
   <script src="processing.js"></script>
   <script src="mpui.js"></script>
+  <link rel="stylesheet" href="style.css" type="text/css" />
 </head>
 <body>
 <canvas id="mpCanvas"></canvas>
--- a/mpui.js	Thu Aug 23 18:01:16 2018 +0300
+++ b/mpui.js	Thu Aug 23 18:35:13 2018 +0300
@@ -141,7 +141,7 @@
   mpUI.appendChild(mdiv);
 
   mobj = stCE("p");
-  mobj.textContent = "Choose your target machine:";
+  mobj.textContent = "Target platform / mode:";
   mdiv.appendChild(mobj);
 
 
@@ -200,9 +200,6 @@
     "<p>You can also view the <a href=\"https://tnsp.org/hg/forks/multipaint-js/\">Mercurial repository for this project</a>.</p>";
 
   mpUI.appendChild(mobj);
-
-  mobj = stCE("hr");
-  mpUI.appendChild(mobj);
 }
 
 
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/style.css	Thu Aug 23 18:35:13 2018 +0300
@@ -0,0 +1,36 @@
+body {
+	color: #000;
+	background: #fff;
+	font-family: Verdana, Arial, helvetica, sans-serif;
+	font-size: 16px;
+	margin: 0px;
+}
+
+a {
+	color: #666;
+}
+
+
+#mpUI {
+	padding-left: 0.5em;
+	padding-right: 0.5em;
+	margin: 0.125em;
+}
+
+
+#mmachine, #mdimensions {
+	display: inline-block;
+	padding-right: 1em;
+	padding-left: 1em;
+}
+
+#scalesID {
+	padding: 0.5em;
+	margin: 0.5em;
+}
+
+#selectID {
+	padding: 1em;
+	margin: 0.5em;
+}
+