From d7f471f41f30225c9b84671a798085bfad9b47b4 Mon Sep 17 00:00:00 2001
From: Kyle Johnson <kjohnson@gnulnx.net>
Date: Sat, 12 Mar 2016 20:11:32 -0500
Subject: [PATCH] Restyle of Login page.

---
 web/skins/classic/views/login.php | 121 +++++++++++++++++-------------
 1 file changed, 67 insertions(+), 54 deletions(-)
diff --git a/web/skins/classic/views/login.php b/web/skins/classic/views/login.php
index a2dfe219d..326aa54e7 100644
--- a/web/skins/classic/views/login.php
+++ b/web/skins/classic/views/login.php
@@ -1,60 +1,73 @@
 <?php
-//
-// ZoneMinder web login view file, $Date$, $Revision$
-// Copyright (C) 2001-2008 Philip Coombes
-//
-// This program is free software; you can redistribute it and/or
-// modify it under the terms of the GNU General Public License
-// as published by the Free Software Foundation; either version 2
-// of the License, or (at your option) any later version.
-//
-// This program is distributed in the hope that it will be useful,
-// but WITHOUT ANY WARRANTY; without even the implied warranty of
-// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-// GNU General Public License for more details.
-//
-// You should have received a copy of the GNU General Public License
-// along with this program; if not, write to the Free Software
-// Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
-//
-
 xhtmlHeaders(__FILE__, translate('Login') );
 ?>
 <body>
-  <div id="page">
-    <div id="header">
-      <h1>ZoneMinder <?php echo translate('Login') ?></h1>
-    </div>
-    <div id="content">
-      <form name="loginForm" id="loginForm" method="post" action="<?php echo $_SERVER['PHP_SELF'] ?>">
-        <input type="hidden" name="action" value="login"/>
-        <input type="hidden" name="view" value="postlogin"/>
-        <input type="hidden" name="postLoginQuery" value="<?php echo $_SERVER['QUERY_STRING'] ?>">
-        <table id="loginTable" class="minor" cellspacing="0">
-          <tbody>
-            <tr>
-              <td class="colLeft"><?php echo translate('Username') ?></td>
-              <td class="colRight"><input type="text" name="username" value="<?php echo isset($_REQUEST['username'])?validHtmlStr($_REQUEST['username']):"" ?>" size="12"/></td>
-            </tr>
-            <tr>
-              <td class="colLeft"><?php echo translate('Password') ?></td>
-              <td class="colRight"><input type="password" name="password" value="" size="12"/></td>
-            </tr>
-          </tbody>
-        </table>
-        <input type="submit" value="<?php echo translate('Login') ?>"/>
-	<!-- PP: Added recaptcha widget if enabled -->
-	<?php
-	if (defined('ZM_OPT_USE_GOOG_RECAPTCHA') 
-	    && defined('ZM_OPT_GOOG_RECAPTCHA_SITEKEY') 
-	    && defined('ZM_OPT_GOOG_RECAPTCHA_SECRETKEY')
-	    && ZM_OPT_USE_GOOG_RECAPTCHA && ZM_OPT_GOOG_RECAPTCHA_SITEKEY && ZM_OPT_GOOG_RECAPTCHA_SECRETKEY)
-	{
-		echo "<br/><br/><center> <div class='g-recaptcha'  data-sitekey='".ZM_OPT_GOOG_RECAPTCHA_SITEKEY."'></div> </center>";
-	}
-	?>
-      </form>
-    </div>
-  </div>
+<style>
+body {
+	background-color: #f8f8f8;
+}
+
+input[type="text"] {
+	margin-bottom: -1px;
+	border-bottom-right-radius: 0;
+	border-bottom-left-radius: 0;
+}
+
+input[type="password"] {
+	margin-bottom: 10px;
+	border-top-left-radius: 0;
+	border-top-right-radius: 0;
+}
+
+input[type="submit"] {
+	margin-top: 20px;
+}
+
+form {
+	max-width: 450px;
+	padding: 40px 60px;
+	margin: 15px auto;
+	border: 1px solid #e7e7e7;
+	background-color: #fff;
+	box-shadow: 0 0 6px 0 rgba(0,0,0,0.08);
+}
+
+.form-control {
+	height: 54px;
+}
+
+h1 {
+	font-size: 250%;
+	margin-top: 0;
+	margin-bottom: 15px;
+}
+
+</style>
+	<div class="container">
+		<form class="center-block" name="loginForm" id="loginForm" method="post" action="<?php echo $_SERVER['PHP_SELF'] ?>">
+			<input type="hidden" name="action" value="login"/>
+			<input type="hidden" name="view" value="postlogin"/>
+			<input type="hidden" name="postLoginQuery" value="<?php echo $_SERVER['QUERY_STRING'] ?>">
+
+			<h1><?php echo translate('Login') ?></h1>
+
+			<label for="inputEmail" class="sr-only"><?php echo translate('Username') ?></label>
+			<input type="text" name="username" class="form-control" placeholder="Username" required autofocus />
+
+			<label for="inputPassword" class="sr-only"><?php echo translate('Password') ?></label>
+			<input type="password" name="password" value="" size="12" class="form-control" placeholder="Password" required />
+
+			<?php
+			if (defined('ZM_OPT_USE_GOOG_RECAPTCHA') 
+			&& defined('ZM_OPT_GOOG_RECAPTCHA_SITEKEY') 
+			&& defined('ZM_OPT_GOOG_RECAPTCHA_SECRETKEY')
+			&& ZM_OPT_USE_GOOG_RECAPTCHA && ZM_OPT_GOOG_RECAPTCHA_SITEKEY && ZM_OPT_GOOG_RECAPTCHA_SECRETKEY)
+			{
+			echo "<div class='g-recaptcha'  data-sitekey='".ZM_OPT_GOOG_RECAPTCHA_SITEKEY."'></div>";
+			} ?>
+
+			<input class="btn btn-lg btn-primary btn-block" type="submit" value="<?php echo translate('Login') ?>"/>
+		</form>
+	</div>
 </body>
 </html>
