Merge branch 'web-repl-styling'

Add minimal styling to Dukweb.js REPL to make it match duktape.org a bit more closely.
10 years ago · 94203e5e9f
2 changed files with 18 additions and 5 deletions
--- a/dukweb/dukweb.css
+++ b/dukweb/dukweb.css
@ -1,11 +1,20 @@
-body {
-	padding: 20px;
+body, html {
+	padding: 0;
+	margin: 0;
+	border: 0;
 }

 h1 {
-	font-family: sans-serif;
+	font: 24pt monospace;
+	background: #444444;
+	color: #ffffff;
 	margin: 0;
-	padding: 0;
+	padding: 20px 0px 20px 10px;
+	border-bottom: 2px solid #cccccc;
+}
+
+#content-middle {
+	margin: 20px;
 }

 #dukweb-intro {
--- a/dukweb/dukweb.html
+++ b/dukweb/dukweb.html
@ -7,7 +7,9 @@
 <link href="dukweb.css" rel="stylesheet" type="text/css">
 </head>
 <body>
-<h1>Dukweb.js test</h1>
+<h1>((o) Dukweb.js test</h1>
+
+<div id="content-middle">

 <p id="dukweb-intro">Works in Chrome/Chromium/Firefox.  There is much to
 improve in the Duktape/browser bindings and errors are not handled nicely
@ -97,5 +99,7 @@ try {
 //]]>
 </script>

+</div>  <!-- content-middle -->
+
 </body>
 </html>