Added style to the maintenance menu

Fri, 01 Aug 2014 22:21:57 +0200

author
Michiel Broek <mbroek@mbse.eu>
date
Fri, 01 Aug 2014 22:21:57 +0200
changeset 172
f45c291c6331
parent 171
15f92e5eecef
child 173
7259ee8778e9

Added style to the maintenance menu

www-thermferm/css/style.css file | annotate | diff | comparison | revisions
www-thermferm/maintenance.php file | annotate | diff | comparison | revisions
--- a/www-thermferm/css/style.css	Fri Aug 01 21:40:02 2014 +0200
+++ b/www-thermferm/css/style.css	Fri Aug 01 22:21:57 2014 +0200
@@ -290,3 +290,36 @@
     margin-top: 10px;
 }
 
+#menu {
+    width: 600px;
+    height: 300px;
+    margin-left: auto;
+    margin-right: auto;
+    border: 3px solid #5c9ccc;
+    border-radius: 5px 5px 5px 5px;
+    margin-top: 50px;
+}
+
+#menu_header {
+    width: 600px;
+    height: 30px;
+    background-color: #5c9ccc;
+    text-align: center;
+    padding-top: 10px;
+    color: #fff;
+    font-family: Helvetica, Arial, sans-serif;
+    font-size: 16px;
+    font-weight: bold;
+}
+
+#menu_left {
+    width: 300px;
+    height: 260px;
+    float: left;
+}
+
+#menu_right {
+    width: 300px;
+    height: 260px;
+    float: right;
+}
--- a/www-thermferm/maintenance.php	Fri Aug 01 21:40:02 2014 +0200
+++ b/www-thermferm/maintenance.php	Fri Aug 01 22:21:57 2014 +0200
@@ -43,17 +43,31 @@
 $outstr .= '  <div id="jqxWidget">'.PHP_EOL;
 $outstr .= '   <div id="header">'.PHP_EOL;
 $outstr .= '    <form action="index.php" style="margin:30px; float:right">'.PHP_EOL;
-$outstr .= '     <input type="submit" class="jqx-button" value="Main Screen" />'.PHP_EOL;
+$outstr .= '     <input type="submit" class="jqx-button" style="width: 150px; height: 25px;" value="Main Screen" />'.PHP_EOL;
 $outstr .= '    </form>'.PHP_EOL;
 $outstr .= '   </div> <!-- header -->'.PHP_EOL;
 $outstr .= '   <div id="content">'.PHP_EOL;
-$outstr .= '    Content'.PHP_EOL;
-$outstr .= '    <ul>'.PHP_EOL;
-$outstr .= '     <li><a href="global.php">Global Configuration</a></li>'.PHP_EOL;
-$outstr .= '     <li><a href="devices.php">1-Wire Bus Devices</a></li>'.PHP_EOL;
-$outstr .= '     <li><a href="profiles.php">Fermentation Profiles</a></li>'.PHP_EOL;
-$outstr .= '     <li><a href="units.php">Fermentation Units</a></li>'.PHP_EOL;
-$outstr .= '    </ul>'.PHP_EOL;
+$outstr .= '    <div id="menu">'.PHP_EOL;
+$outstr .= '     <div id="menu_header">'.PHP_EOL;
+$outstr .= '      Maintenance Menu'.PHP_EOL;
+$outstr .= '     </div>'.PHP_EOL;
+$outstr .= '     <div id="menu_left">'.PHP_EOL;
+$outstr .= '      <form action="global.php" style="margin:20px;">'.PHP_EOL;
+$outstr .= '       <input type="submit" class="jqx-button" style="width: 200px; height: 25px;" value="Global Setup" />'.PHP_EOL;
+$outstr .= '      </form>'.PHP_EOL;
+$outstr .= '      <form action="devices.php" style="margin:20px;">'.PHP_EOL;
+$outstr .= '       <input type="submit" class="jqx-button" style="width: 200px; height: 25px;" value="Devices Setup" />'.PHP_EOL;
+$outstr .= '      </form>'.PHP_EOL;
+$outstr .= '     </div>'.PHP_EOL;
+$outstr .= '     <div id="menu_right">'.PHP_EOL;
+$outstr .= '      <form action="profiles.php" style="margin:20px;">'.PHP_EOL;
+$outstr .= '       <input type="submit" class="jqx-button" style="width: 200px; height: 25px;" value="Fermentation Profiles" />'.PHP_EOL;
+$outstr .= '      </form>'.PHP_EOL;
+$outstr .= '      <form action="units.php" style="margin:20px;">'.PHP_EOL;
+$outstr .= '       <input type="submit" class="jqx-button" style="width: 200px; height: 25px;" value="Fermentation Units" />'.PHP_EOL;
+$outstr .= '      </form>'.PHP_EOL;
+$outstr .= '     </div>'.PHP_EOL;
+$outstr .= '    </div>'.PHP_EOL;
 $outstr .= '   </div> <!-- content -->'.PHP_EOL;
 $outstr .= '  </div> <!-- jqxWidget -->'.PHP_EOL;
 $outstr .= ' </body>'.PHP_EOL;

mercurial