diff -r 29e2e2e0b9ef -r f816cf5b6bcb image/w/app/styles/web.css
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/image/w/app/styles/web.css	Wed Oct 24 11:49:22 2018 +0200
@@ -0,0 +1,86 @@
+
+body {
+  margin:0;
+  padding:0;
+  font-family: Helvetica;
+  /*Background image with light grey curve.*/
+  background-color:#494949;
+  background-repeat:no-repeat;
+  background-position:right bottom;
+  height:100%;
+/*  touch-action: none; */
+}
+
+html {
+  height:100%;
+}
+
+
+/* ----------------------------------------
+ * Main Area
+ * ----------------------------------------
+ */
+
+
+.menu {
+  width: 270px;
+  margin: auto;
+}
+
+.menu input[type=none] {
+  background-color: #0077bb;
+  border: none;
+  color: yellow;
+  font-weight: bold;
+  width: 250px;
+  padding: 10px 0px;
+  text-decoration: none;
+  font-size: 16px;
+  margin: 8px;
+  text-align: center;
+  border-radius: 10px;
+}
+
+.menu input[type=submit] {
+  background-color: #33b5e5;
+  border: none;
+  color: white;
+  font-weight: bold;
+  width: 250px;
+  padding: 15px 32px;
+  text-decoration: none;
+  font-size: 16px;
+  cursor: pointer;
+  margin: 8px;
+  text-align: center;
+  border-radius: 10px;
+}
+
+.menu input[type=submit]:hover {
+  background-color: #0099cc;
+}
+
+
+.menu ul {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+
+table.directory {
+  width:  90%;
+  border-collapse : collapse;
+  margin          : auto;
+  padding         : 0px;
+  background: yellow;
+}
+
+tr.directory:nth-child(odd) {
+  background      : #FFFFFF;
+}
+
+tr.directory:nth-child(even) {
+  background      : #CCFFFF;
+}
+
+