image/w/app/styles/web.css


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;
}