Mercurial > brewboard / file diff

--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/image/w/css/webui.css	Tue May 07 22:03:38 2019 +0200
@@ -0,0 +1,130 @@
+
+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;
+}
+
+#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;
+}
+