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; + } + +}