Kennedy-ize the dashboard
diff --git a/resources/com/google/enterprise/adaptor/resources/dashboard.css b/resources/com/google/enterprise/adaptor/resources/dashboard.css
index 4bd0210..35f0e4b 100644
--- a/resources/com/google/enterprise/adaptor/resources/dashboard.css
+++ b/resources/com/google/enterprise/adaptor/resources/dashboard.css
@@ -14,6 +14,151 @@
* limitations under the License.
*/
+body {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font: 81.25% arial, helvetica, sans-serif;
+ color: #222;
+}
+
+.google-header-bar {
+ height: 71px;
+ background: #f1f1f1;
+ border-bottom: 1px solid #e5e5e5;
+ overflow: hidden;
+}
+
+.g-button {
+ display: inline-block;
+ min-width: 46px;
+ text-align: center;
+ color: #444;
+ font-size: 11px;
+ font-weight: bold;
+ height: 27px;
+ padding: 0 8px;
+ line-height: 27px;
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ border-radius: 2px;
+ -webkit-transition: all .218s;
+ -moz-transition: all .218s;
+ -ms-transition: all .218s;
+ -o-transition: all .218s;
+ transition: all .218s;
+ border: 1px solid #dcdcdc;
+ background-color: #f5f5f5;
+ background-image: 0;
+ background-image: 0;
+ background-image: 0;
+ background-image: 0;
+ background-image: 0;
+ background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+ cursor: default;
+}
+
+.content {
+ padding: 0 44px;
+}
+
+.header .logo {
+ margin: 17px 0 0;
+ float: left;
+}
+
+.action-btn-grp {
+ width: 403px;
+ height: 25px;
+ margin: 10px auto;
+}
+
+.g-button-primary:not([disabled]) {
+ border: 1px solid #3079ed;
+ color: #fff;
+ text-shadow: 0 1px rgba(0, 0, 0, 0.1);
+ background-color: #4d90fe;
+ background-image: 0;
+ background-image: 0;
+ background-image: 0;
+ background-image: 0;
+ background-image: 0;
+ background-image: linear-gradient(top, #4d90fe, #4787ed);
+}
+
+.notifications {
+ width: 403px;
+ margin: 0 auto;
+ text-align: center;
+}
+
+.main {
+ width: 95%;
+ margin: 0 auto;
+}
+
+h2 {
+ font-size: 20px;
+ margin: 15px 0;
+ color: #dd4b39;
+}
+
+input[type=text], input[type=password] {
+ width: 100%;
+ height: 32px;
+ font-size: 15px;
+ -webkit-appearance: none;
+ appearance: none;
+ display: inline-block;
+ margin: 0;
+ padding: 0 8px;
+ background: #fff;
+ border: 1px solid #d9d9d9;
+ border-top: 1px solid #c0c0c0;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-border-radius: 1px;
+ -moz-border-radius: 1px;
+ border-radius: 1px;
+}
+
+#gaf-log {
+ border: 1px solid #e5e5e5;
+ padding: 10px;
+}
+
+.table-print {
+ border-collapse: collapse;
+}
+
+.table-print tbody tr {
+ border-bottom: 1px dotted #e5e5e5;
+}
+
+.table-print tbody tr:last-child {
+ border: none;
+}
+
+.table-print tbody tr td:first-child {
+ font-weight: bold;
+}
+
+.table-print tbody tr td {
+ height: 20px;
+}
+
+.table-print tbody tr td span {
+ margin-left: 10px;
+}
+
+.marg {
+ margin: 10px 0;
+}
+
.gaf-chart {
float: left;
height: 250px;
@@ -38,14 +183,6 @@
margin: 0 5em 0 0;
}
-#gaf-status-table td {
- border-bottom: 1px dotted black;
-}
-
-#gaf-status-table tr:last-child td {
- border-bottom: none;
-}
-
.gaf-status-unavailable,
.gaf-status-inactive,
.gaf-status-normal,
diff --git a/resources/com/google/enterprise/adaptor/resources/index.html b/resources/com/google/enterprise/adaptor/resources/index.html
old mode 100755
new mode 100644
index c2f3136..e16d632
--- a/resources/com/google/enterprise/adaptor/resources/index.html
+++ b/resources/com/google/enterprise/adaptor/resources/index.html
@@ -18,61 +18,76 @@
<script type="text/javascript" src="dashboard.js"></script>
</head>
<body>
- <div>
- <button id="gaf-incremental-feed-push">Run Incremental Push</button>
+<div class="google-header-bar">
+ <div class="header content">
+ <!--img class="logo"
+ src="https://ssl.gstatic.com/images/logos/google_logo_41.png"
+ alt="Google"-->
+ </div>
+ <div class="action-btn-grp">
+ <button class="g-button g-button-primary" id="gaf-incremental-feed-push">Run Incremental Push</button>
+ <button class="g-button g-button-primary" id="gaf-start-feed-push">Start Feed Push</button>
+ <button class="g-button g-button-primary" id="gaf-check-config">Apply Updated Config</button>
+ </div>
+ <div class="notifications">
<span id="gaf-incremental-feed-push-sending" style="display: none">Sending request...</span>
<span id="gaf-incremental-feed-push-success" style="display: none">Incremental feed push started</span>
<span id="gaf-incremental-feed-push-already-running" style="display: none">A push is already in progress</span>
- </div>
-
- <div>
- <button id="gaf-start-feed-push">Start Feed Push</button>
<span id="gaf-start-feed-push-sending" style="display: none">Sending request...</span>
<span id="gaf-start-feed-push-success" style="display: none">Feed push started</span>
<span id="gaf-start-feed-push-already-running" style="display: none">A push is already in progress</span>
- </div>
-
- <div>
- <button id="gaf-check-config">Apply Updated Config</button>
<span id="gaf-check-config-sending" style="display: none">Sending request...</span>
<span id="gaf-check-config-updated" style="display: none">Configuration updated</span>
<span id="gaf-check-config-not-updated" style="display: none">No configuration changes noticed; nothing updated.</span>
</div>
-
+</div>
+<div class="main">
<h2>Version</h2>
- JVM version: <span id="version-jvm"></span><br>
- Adaptor library version: <span id="version-adaptor-library"></span><br>
- Adaptor type: <span id="type-adaptor"></span><br>
- Adaptor version: <span id="version-adaptor"></span><br>
+ <table class="table-print">
+ <tr><td>JVM version</td>
+ <td id="version-jvm"></td></tr>
+ <tr><td>Adaptor library version</td>
+ <td id="version-adaptor-library"></td></tr>
+ <tr><td>Adaptor type</td>
+ <td id="type-adaptor"></td></tr>
+ <tr><td>Adaptor version</td>
+ <td id="version-adaptor"></td></tr>
+ </table>
<h2>Status</h2>
- <table id="gaf-status-table"></table>
+ <table class="table-print" id="gaf-status-table"></table>
<h2>Statistics</h2>
- Program started at: <span id="gaf-when-started"></span><br>
- Last successful full push start:
- <span id="gaf-last-successful-full-push-start"></span><br>
- Last successful full push end:
- <span id="gaf-last-successful-full-push-end"></span><br>
- Current full push:
- <span id="gaf-current-full-push"></span><br>
- Last successful incremental push start:
- <span id="gaf-last-successful-incr-push-start"></span><br>
- Last successful incremental push end:
- <span id="gaf-last-successful-incr-push-end"></span><br>
- Current incremental push:
- <span id="gaf-current-incr-push"></span><br>
- Total document ids pushed: <span id="gaf-num-total-doc-ids-pushed"></span><br>
- Unique document ids pushed:
- <span id="gaf-num-unique-doc-ids-pushed"></span><br>
- GSA document requests: <span id="gaf-num-total-gsa-requests"></span><br>
- GSA Unique document requests:
- <span id="gaf-num-unique-gsa-requests"></span><br>
- Non-GSA document requests:
- <span id="gaf-num-total-non-gsa-requests"></span><br>
- Non-GSA Unique document requests:
- <span id="gaf-num-unique-non-gsa-requests"></span><br>
- Time resolution: <span id="gaf-time-resolution"></span> ms
+ <table class="table-print">
+ <tr><td>Program started at</td>
+ <td id="gaf-when-started"></td></tr>
+ <tr><td>Last successful full push start</td>
+ <td id="gaf-last-successful-full-push-start"></td></tr>
+ <tr><td>Last successful full push end</td>
+ <td id="gaf-last-successful-full-push-end"></td></tr>
+ <tr><td>Current full push</td>
+ <td id="gaf-current-full-push"></td></tr>
+ <tr><td>Last successful incremental push start</td>
+ <td id="gaf-last-successful-incr-push-start"></td></tr>
+ <tr><td>Last successful incremental push end</td>
+ <td id="gaf-last-successful-incr-push-end"></td></tr>
+ <tr><td>Current incremental push</td>
+ <td id="gaf-current-incr-push"></td></tr>
+ <tr><td>Total document ids pushed</td>
+ <td id="gaf-num-total-doc-ids-pushed"></td></tr>
+ <tr><td>Unique document ids pushed</td>
+ <td id="gaf-num-unique-doc-ids-pushed"></td></tr>
+ <tr><td>GSA document requests</td>
+ <td id="gaf-num-total-gsa-requests"></td></tr>
+ <tr><td>GSA Unique document requests</td>
+ <td id="gaf-num-unique-gsa-requests"></td></tr>
+ <tr><td>Non-GSA document requests</td>
+ <td id="gaf-num-total-non-gsa-requests"></td></tr>
+ <tr><td>Non-GSA Unique document requests</td>
+ <td id="gaf-num-unique-non-gsa-requests"></td></tr>
+ <tr><td>Time resolution</td>
+ <td><span id="gaf-time-resolution"></span> ms</td></tr>
+ </table>
<h3>Throughput</h3>
<div id="gaf-throughput-chart-minute" class="gaf-chart"></div>
@@ -92,7 +107,8 @@
<h2>Storing Sensitive Values</h2>
<p>Passwords and other security-sensitive configuration values can be
specified in configuration as <code>prefix:data</code>, where the prefix
- specifies how the value is stored. The value can be stored as:
+ specifies how the value is stored. The value can be stored as:</p>
+ <ul>
<li><strong>Plain text</strong> allowing the password or other information
to be read by anybody who can read the configuration. Denoted by "pl"
prefix.
@@ -100,9 +116,10 @@
format, but it is possible for anyone to retrieve the original text.
Denoted by "obf" prefix.
<li><strong>Encrypted</strong> which uses your HTTPS encryption key to
- encrypt the value. Denoted by "pkc" prefix.</p>
+ encrypt the value. Denoted by "pkc" prefix.</ul>
+
<p><form id="gaf-sec-form">
- Sensitive Value: <input type="password" name="secvalue" id="#gaf-sec-value">
+ Sensitive Value: <input type="password" class="marg" name="secvalue" id="#gaf-sec-value">
<br>
<input type="radio" name="sectype" id="gaf-sec-type-pl" value="PLAIN_TEXT">
<label for="gaf-sec-type-pl">Plain Text</label>
@@ -113,16 +130,17 @@
<label for="gaf-sec-type-pkc">Encrypted
<span id="gaf-sec-enc-unavailable" style="display: none">(unavailable
because security has not been configured)</span></label><br>
- <button id="gaf-sec-runenc" type="submit">Encode Sensitive Value</button>
+ <button id="gaf-sec-runenc" class="g-button marg" type="submit">Encode Sensitive Value</button>
</form></p>
<p>
Encoded Value:
- <input type="input" readonly id="gaf-sec-encoded">
+ <input type="text" readonly id="gaf-sec-encoded">
<span id="gaf-sec-processing" style="display: none">Encoding...</span>
</p>
<h2>Recent Log Messages</h2>
<p><a href="../diagnostics-support.zip">Diagnostics zip file</a></p>
<pre id="gaf-log"></pre>
+</div>
</body>
</html>
diff --git a/resources/com/google/enterprise/adaptor/resources/login-failed.html b/resources/com/google/enterprise/adaptor/resources/login-failed.html
index 67bd8b8..659a503 100644
--- a/resources/com/google/enterprise/adaptor/resources/login-failed.html
+++ b/resources/com/google/enterprise/adaptor/resources/login-failed.html
@@ -4,28 +4,61 @@
<meta charset="UTF-8">
<title>Dashboard Login</title>
<style type="text/css">
- #invalid {
- color: red;
- }
+ body{margin:0;padding:0;border:0;font:81.25% arial, helvetica, sans-serif;}
+ .google-header-bar{height:71px;background:#f1f1f1;border-bottom:1px solid #e5e5e5;overflow:hidden;}
+ .content{padding:0 44px;}
+ .header .logo{margin:17px 0 0;float:left;}
+ .main{margin:0 auto;width:auto;padding-top:23px;padding-bottom:100px;max-width:1000px;min-width:780px;}
+ .sign-in{width:335px;float:right;}
+ .signin-box{margin:12px 0 0;padding:20px 25px 15px;background:#f1f1f1;border:1px solid #e5e5e5;}
+ .signin-box h2{font-size:16px;line-height:17px;height:16px;margin:0 0 1.2em;position:relative;font-weight:normal;color:#222;}
+ .signin-box h2 strong{display:inline-block;position:absolute;right:0;top:1px;height:19px;width:52px;/*background:transparent url(//ssl.gstatic.com/accounts/ui/google-signin-flat.png) no-repeat;*/}
+ .signin-box div{margin:0 0 1.5em;} .signin-box label{display:block;}
+ .signin-box .username-label,.signin-box .passwd-label{font-weight:bold;margin:0 0 .5em;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
+ .signin-box input[type=text],.signin-box input[type=password]{width:100%;height:32px;font-size:15px;-webkit-appearance:none;appearance:none;display:inline-block;margin:0;padding:0 8px;background:#fff;border:1px solid #d9d9d9;border-top:1px solid #c0c0c0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;}
+ .signin-box input[type=submit]{margin:0 1.5em 1.2em 0;height:32px;font-size:13px;line-height:29px;vertical-align:bottom;}
+ .g-button{display:inline-block;min-width:46px;text-align:center;color:#444;font-size:11px;font-weight:bold;height:27px;padding:0 8px;line-height:27px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-transition:all .218s;-moz-transition:all .218s;-ms-transition:all .218s;-o-transition:all .218s;transition:all .218s;border:1px solid #dcdcdc;background-color:#f5f5f5;background-image:0;background-image:0;background-image:0;background-image:0;background-image:0;background-image:linear-gradient(top,#f5f5f5,#f1f1f1);-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default;}
+ .g-button-submit{border:1px solid #3079ed;color:#fff;text-shadow:0 1px rgba(0,0,0,0.1);background-color:#4d90fe;background-image:0;background-image:0;background-image:0;background-image:0;background-image:0;background-image:linear-gradient(top,#4d90fe,#4787ed);}
+ .product-info{margin:0 385px 0 0;}
+ .product-headers{margin:0 0 1.5em;}
+ .product-headers h1{font-size:25px;margin:0;color:#dd4b39;}
+ .product-headline-heading{color:#565656;font-size:15px;font-weight:normal;line-height:22px;margin-top:15px;}
+ .errormsg {margin: .5em 0 0;display: block;color: #dd4b39;line-height: 17px;}
</style>
</head>
<body onload="document.getElementById('username').focus();">
- <p>You must login to continue to the Dashboard. Please login with the
- administrator username and password used for your GSA.</p>
-
- <p id='invalid'>Invalid username or password.</p>
-
- <form action="" method="POST">
- <table style="border: none">
- <tr>
- <td><label for="username">Username</label></td>
- <td><input type="text" name="username" id="username"></td>
- </tr>
- <tr>
- <td><label for="password">Password</label></td>
- <td><input type="password" name="password" id="password"></td>
- </tr>
- <tr><td></td><td><input type="submit" value="Submit"/></td></tr>
- </table>
- </form>
+ <div class="google-header-bar">
+ <div class="header content">
+ <!--img class="logo"
+ src="https://ssl.gstatic.com/images/logos/google_logo_41.png"
+ alt="Google"-->
+ </div>
+ </div>
+ <div class="main content">
+ <div class="sign-in">
+ <div class="signin-box">
+ <h2>Sign in<strong></strong></h2>
+ <form action="" method="POST">
+ <div>
+ <label for="username" class="username-label">Username</label>
+ <input type="text" name="username" id="username">
+ </div>
+ <div>
+ <label for="password" class="passwd-label">Password</label>
+ <input type="password" name="password" id="password">
+ <span role="alert" class="errormsg">Invalid username or password.</span>
+ </div>
+ <input type="submit" class="g-button g-button-submit" value="Sign in">
+ </form>
+ </div>
+ </div>
+ <div class="product-info">
+ <div class="product-headers">
+ <h1>Dashboard</h1>
+ </div>
+ <p class="product-headline-heading">You must login to continue to the
+ Dashboard. Please login with the administrator username and password
+ used for your GSA.</p>
+ </div>
+ </div>
</body>
diff --git a/resources/com/google/enterprise/adaptor/resources/login-indeterminate.html b/resources/com/google/enterprise/adaptor/resources/login-indeterminate.html
index d3a9dad..3e7f6a9 100644
--- a/resources/com/google/enterprise/adaptor/resources/login-indeterminate.html
+++ b/resources/com/google/enterprise/adaptor/resources/login-indeterminate.html
@@ -4,28 +4,61 @@
<meta charset="UTF-8">
<title>Dashboard Login</title>
<style type="text/css">
- #invalid {
- color: red;
- }
+ body{margin:0;padding:0;border:0;font:81.25% arial, helvetica, sans-serif;}
+ .google-header-bar{height:71px;background:#f1f1f1;border-bottom:1px solid #e5e5e5;overflow:hidden;}
+ .content{padding:0 44px;}
+ .header .logo{margin:17px 0 0;float:left;}
+ .main{margin:0 auto;width:auto;padding-top:23px;padding-bottom:100px;max-width:1000px;min-width:780px;}
+ .sign-in{width:335px;float:right;}
+ .signin-box{margin:12px 0 0;padding:20px 25px 15px;background:#f1f1f1;border:1px solid #e5e5e5;}
+ .signin-box h2{font-size:16px;line-height:17px;height:16px;margin:0 0 1.2em;position:relative;font-weight:normal;color:#222;}
+ .signin-box h2 strong{display:inline-block;position:absolute;right:0;top:1px;height:19px;width:52px;/*background:transparent url(//ssl.gstatic.com/accounts/ui/google-signin-flat.png) no-repeat;*/}
+ .signin-box div{margin:0 0 1.5em;} .signin-box label{display:block;}
+ .signin-box .username-label,.signin-box .passwd-label{font-weight:bold;margin:0 0 .5em;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
+ .signin-box input[type=text],.signin-box input[type=password]{width:100%;height:32px;font-size:15px;-webkit-appearance:none;appearance:none;display:inline-block;margin:0;padding:0 8px;background:#fff;border:1px solid #d9d9d9;border-top:1px solid #c0c0c0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;}
+ .signin-box input[type=submit]{margin:0 1.5em 1.2em 0;height:32px;font-size:13px;line-height:29px;vertical-align:bottom;}
+ .g-button{display:inline-block;min-width:46px;text-align:center;color:#444;font-size:11px;font-weight:bold;height:27px;padding:0 8px;line-height:27px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-transition:all .218s;-moz-transition:all .218s;-ms-transition:all .218s;-o-transition:all .218s;transition:all .218s;border:1px solid #dcdcdc;background-color:#f5f5f5;background-image:0;background-image:0;background-image:0;background-image:0;background-image:0;background-image:linear-gradient(top,#f5f5f5,#f1f1f1);-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default;}
+ .g-button-submit{border:1px solid #3079ed;color:#fff;text-shadow:0 1px rgba(0,0,0,0.1);background-color:#4d90fe;background-image:0;background-image:0;background-image:0;background-image:0;background-image:0;background-image:linear-gradient(top,#4d90fe,#4787ed);}
+ .product-info{margin:0 385px 0 0;}
+ .product-headers{margin:0 0 1.5em;}
+ .product-headers h1{font-size:25px;margin:0;color:#dd4b39;}
+ .product-headline-heading{color:#565656;font-size:15px;font-weight:normal;line-height:22px;margin-top:15px;}
+ .errormsg {margin: .5em 0 0;display: block;color: #dd4b39;line-height: 17px;}
</style>
</head>
<body onload="document.getElementById('username').focus();">
- <p>You must login to continue to the Dashboard. Please login with the
- administrator username and password used for your GSA.</p>
-
- <p id='invalid'>Failed communicating with the GSA.</p>
-
- <form action="" method="POST">
- <table style="border: none">
- <tr>
- <td><label for="username">Username</label></td>
- <td><input type="text" name="username" id="username"></td>
- </tr>
- <tr>
- <td><label for="password">Password</label></td>
- <td><input type="password" name="password" id="password"></td>
- </tr>
- <tr><td></td><td><input type="submit" value="Submit"/></td></tr>
- </table>
- </form>
+ <div class="google-header-bar">
+ <div class="header content">
+ <!--img class="logo"
+ src="https://ssl.gstatic.com/images/logos/google_logo_41.png"
+ alt="Google"-->
+ </div>
+ </div>
+ <div class="main content">
+ <div class="sign-in">
+ <div class="signin-box">
+ <h2>Sign in<strong></strong></h2>
+ <form action="" method="POST">
+ <div>
+ <label for="username" class="username-label">Username</label>
+ <input type="text" name="username" id="username">
+ </div>
+ <div>
+ <label for="password" class="passwd-label">Password</label>
+ <input type="password" name="password" id="password">
+ <span role="alert" class="errormsg">Failed communicating with the GSA.</span>
+ </div>
+ <input type="submit" class="g-button g-button-submit" value="Sign in">
+ </form>
+ </div>
+ </div>
+ <div class="product-info">
+ <div class="product-headers">
+ <h1>Dashboard</h1>
+ </div>
+ <p class="product-headline-heading">You must login to continue to the
+ Dashboard. Please login with the administrator username and password
+ used for your GSA.</p>
+ </div>
+ </div>
</body>
diff --git a/resources/com/google/enterprise/adaptor/resources/login.html b/resources/com/google/enterprise/adaptor/resources/login.html
index ddf26f4..9d96bc2 100644
--- a/resources/com/google/enterprise/adaptor/resources/login.html
+++ b/resources/com/google/enterprise/adaptor/resources/login.html
@@ -3,22 +3,61 @@
<head>
<meta charset="UTF-8">
<title>Dashboard Login</title>
+ <style type="text/css">
+ body{margin:0;padding:0;border:0;font:81.25% arial, helvetica, sans-serif;}
+ .google-header-bar{height:71px;background:#f1f1f1;border-bottom:1px solid #e5e5e5;overflow:hidden;}
+ .content{padding:0 44px;}
+ .header .logo{margin:17px 0 0;float:left;}
+ .main{margin:0 auto;width:auto;padding-top:23px;padding-bottom:100px;max-width:1000px;min-width:780px;}
+ .sign-in{width:335px;float:right;}
+ .signin-box{margin:12px 0 0;padding:20px 25px 15px;background:#f1f1f1;border:1px solid #e5e5e5;}
+ .signin-box h2{font-size:16px;line-height:17px;height:16px;margin:0 0 1.2em;position:relative;font-weight:normal;color:#222;}
+ .signin-box h2 strong{display:inline-block;position:absolute;right:0;top:1px;height:19px;width:52px;/*background:transparent url(//ssl.gstatic.com/accounts/ui/google-signin-flat.png) no-repeat;*/}
+ .signin-box div{margin:0 0 1.5em;} .signin-box label{display:block;}
+ .signin-box .username-label,.signin-box .passwd-label{font-weight:bold;margin:0 0 .5em;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
+ .signin-box input[type=text],.signin-box input[type=password]{width:100%;height:32px;font-size:15px;-webkit-appearance:none;appearance:none;display:inline-block;margin:0;padding:0 8px;background:#fff;border:1px solid #d9d9d9;border-top:1px solid #c0c0c0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;}
+ .signin-box input[type=submit]{margin:0 1.5em 1.2em 0;height:32px;font-size:13px;line-height:29px;vertical-align:bottom;}
+ .g-button{display:inline-block;min-width:46px;text-align:center;color:#444;font-size:11px;font-weight:bold;height:27px;padding:0 8px;line-height:27px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-transition:all .218s;-moz-transition:all .218s;-ms-transition:all .218s;-o-transition:all .218s;transition:all .218s;border:1px solid #dcdcdc;background-color:#f5f5f5;background-image:0;background-image:0;background-image:0;background-image:0;background-image:0;background-image:linear-gradient(top,#f5f5f5,#f1f1f1);-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default;}
+ .g-button-submit{border:1px solid #3079ed;color:#fff;text-shadow:0 1px rgba(0,0,0,0.1);background-color:#4d90fe;background-image:0;background-image:0;background-image:0;background-image:0;background-image:0;background-image:linear-gradient(top,#4d90fe,#4787ed);}
+ .product-info{margin:0 385px 0 0;}
+ .product-headers{margin:0 0 1.5em;}
+ .product-headers h1{font-size:25px;margin:0;color:#dd4b39;}
+ .product-headline-heading{color:#565656;font-size:15px;font-weight:normal;line-height:22px;margin-top:15px;}
+ .errormsg {margin: .5em 0 0;display: block;color: #dd4b39;line-height: 17px;}
+ </style>
</head>
<body onload="document.getElementById('username').focus();">
- <p>You must login to continue to the Dashboard. Please login with the
- administrator username and password used for your GSA.</p>
-
- <form action="" method="POST">
- <table style="border: none">
- <tr>
- <td><label for="username">Username</label></td>
- <td><input type="text" name="username" id="username"></td>
- </tr>
- <tr>
- <td><label for="password">Password</label></td>
- <td><input type="password" name="password" id="password"></td>
- </tr>
- <tr><td></td><td><input type="submit" value="Submit"/></td></tr>
- </table>
- </form>
+ <div class="google-header-bar">
+ <div class="header content">
+ <!--img class="logo"
+ src="https://ssl.gstatic.com/images/logos/google_logo_41.png"
+ alt="Google"-->
+ </div>
+ </div>
+ <div class="main content">
+ <div class="sign-in">
+ <div class="signin-box">
+ <h2>Sign in<strong></strong></h2>
+ <form action="" method="POST">
+ <div>
+ <label for="username" class="username-label">Username</label>
+ <input type="text" name="username" id="username">
+ </div>
+ <div>
+ <label for="password" class="passwd-label">Password</label>
+ <input type="password" name="password" id="password">
+ </div>
+ <input type="submit" class="g-button g-button-submit" value="Sign in">
+ </form>
+ </div>
+ </div>
+ <div class="product-info">
+ <div class="product-headers">
+ <h1>Dashboard</h1>
+ </div>
+ <p class="product-headline-heading">You must login to continue to the
+ Dashboard. Please login with the administrator username and password
+ used for your GSA.</p>
+ </div>
+ </div>
</body>