image/w/css/webui.css

Sat, 06 Jun 2020 13:28:46 +0200

author
Michiel Broek <mbroek@mbse.eu>
date
Sat, 06 Jun 2020 13:28:46 +0200
changeset 77
66c77497d86d
parent 76
3ff381bfa469
child 91
255a75322212
permissions
-rw-r--r--

Changed the recipe database so that it is expandable, version 2. More mash fields and allow 16 steps. Allow 20 Additions. Removed separate mash steps from the state machine, the steps are moved to the runtime data. There is no fixed step number for mashout anymore. There is no fixed step for mash-in anymore, just use the first step and heat to the infusion temperature. After malt add, switch to the normal step temperature. Implemented decoction steps.


body {
    background: #555;
    font-family: Verdana, Arial, sans-serif;
    margin: 0px;
}

#webui_win {
    width: 360px;
    height: 270px;
    background: #353536;
    border: 2px solid;
    border-color: #59b4d4;
}

#topline {
    width: 100%;
    height: 24px;
    background: blue;
    color: yellow;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
}

#mltline,
#hltline {
    width: 100%;
    height: 100px;
}

#midline {
    width: 100%;
    height: 45px;
}

#mlt_table {
    width: 178px;
    height: 90px;
    margin: auto;
    background: #303030;
    border: 1px solid;
    border-collapse: collapse;
    color: white;
    border-color: white;
}

#hlt_table {
    width: 178px;
    height: 90px;
    margin: auto;
    background: #3f3f40;
    border: 1px solid;
    border-collapse: collapse;
    color: yellow;
    border-color: yellow;
}

#prompt {
    width: 100%;
    float: left;
    text-align: center;
}

.appbutton {
    width: 60px;
    height: 36px;
    border-radius: 4px;
    background-color: #e7e7e7; color: black;
}

.okbutton {
    width: 60px;
    height: 36px;
    border-radius: 4px;
    background-color: #575757; color: white;
    position: absolute;
    left: 150px;
    top: 230px;
}

.promptbutton {
    width: 80px;
    height: 40px;
    border-radius: 4px;
    background-color: #e7e7e7; color: black;
}

#timer {
  color: white;
  text-align: center;
  font-family: "Courier New", "Lucida Console";
  font-size: 34px;
}

/* LED */
.LEDred {
  margin: 5px auto;
  width: 12px;
  height: 12px;
  background-color: #820;	/* On = #F40 */
  border-radius: 50%;
}

.LEDgreen {
  margin: 5px auto;
  width: 12px;
  height: 12px;
  background-color: #270;	/* On = #5E0 */
  border-radius: 50%;
}

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

mercurial