From 9cdbec60acdd23e1d9f5e2fdec97784dd5cb6f4d Mon Sep 17 00:00:00 2001
From: Thomas Gelf <thomas@gelf.net>
Date: Tue, 4 Mar 2014 10:41:29 +0000
Subject: [PATCH] Reworked login.less

---
 public/css/icinga/login.less | 131 ++++++++++++++++++-----------------
 1 file changed, 68 insertions(+), 63 deletions(-)

diff --git a/public/css/icinga/login.less b/public/css/icinga/login.less
index 17a64a3e7..73a6fdc85 100644
--- a/public/css/icinga/login.less
+++ b/public/css/icinga/login.less
@@ -1,67 +1,72 @@
 
-.login .logo {
-  background-color: #555;
-  -moz-background-image: linear-gradient(to bottom, #333, #555);
-  -ms-background-image: linear-gradient(to bottom, #333, #555);
-  -o-background-image: linear-gradient(to bottom, #333, #555);
-  -webkit-background-image: linear-gradient(to bottom, #333, #555);
-  background-image: linear-gradient(to bottom, #333, #555);
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 60%;
-  border-bottom: 1px solid #333;
-  text-align: center;
-}
-
-.login .image {
-  position: absolute;
-  bottom: 1em;
-  left: 0px;
-  right: 0px;
-  text-align: center;
-}
-
-.login .image img {
-  width: 400px;
-}
-
-.login .form {
-  position: absolute;
-  font-size: 0.9em;
-  top: 42%;
-  left: 0;
-  bottom: 0;
-  right: 0;
-}
-
-.login .form h1 {
-  text-align: left;
-  font-size: 1.5em;
-  margin-left: auto;
-  margin-right: auto;
-  width: 12em;
-  color: @colorTextDefault;
-}
-
-.login .form label {
-  display: none;
-}
-
-.login form {
-  margin-left: auto;
-  margin-right: auto;
-  width: 20em;
-}
-
-.login form input {
+#login {
   width: 100%;
-  padding: 0.5em;
-}
+  height: 100%;
 
-.login .footer {
-  font-size: 0.9em;
-  text-align: center;
-}
+  .logo {
+    background-color: #555;
+    -moz-background-image: linear-gradient(to bottom, #333, #555);
+    -ms-background-image: linear-gradient(to bottom, #333, #555);
+    -o-background-image: linear-gradient(to bottom, #333, #555);
+    -webkit-background-image: linear-gradient(to bottom, #333, #555);
+    background-image: linear-gradient(to bottom, #333, #555);
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 60%;
+    border-bottom: 1px solid #333;
+    text-align: center;
+  }
 
+  .image {
+    position: absolute;
+    bottom: 1em;
+    left: 0px;
+    right: 0px;
+    text-align: center;
+  }
+
+  .image img {
+    width: 400px;
+  }
+
+  .form {
+    position: absolute;
+    font-size: 0.9em;
+    top: 42%;
+    left: 0;
+    bottom: 0;
+    right: 0;
+  }
+
+  .form h1 {
+    text-align: left;
+    font-size: 1.5em;
+    margin-left: auto;
+    margin-right: auto;
+    width: 12em;
+    color: @colorTextDefault;
+  }
+
+  .form label {
+    display: none;
+  }
+
+  form {
+    margin-left: auto;
+    margin-right: auto;
+    width: 20em;
+  }
+
+  form input {
+    width: 100%;
+    padding: 0.5em;
+  }
+
+  .footer {
+    font-size: 0.9em;
+    text-align: center;
+  }
+
+}