Check_MK Git: check_mk: Updated layout of login screen - Checkmk git commits

26 Mar 2012

Module: check_mk
Branch: master
Commit: 3c02665679ef3adecdae6f4275cd917a25e4c8ae
URL:   
http://git.mathias-kettner.de/git/?p=check_mk.git;a=commit;h=3c02665679ef3a…

Author: Mathias Kettner &lt;mk(a)mathias-kettner.de&gt;
Date:   Mon Feb 20 14:46:25 2012 +0100

Updated layout of login screen

---

 web/htdocs/images/image_button.png    |  Bin 0 -> 5010 bytes
 web/htdocs/images/login_dark_bg.png   |  Bin 4670 -> 3494 bytes
 web/htdocs/images/login_spotlight.png |  Bin 334182 -> 575079 bytes
 web/htdocs/images/login_window.png    |  Bin 10934 -> 29560 bytes
 web/htdocs/login.css                  |   42 ++++++++++++++++++--------------
 5 files changed, 24 insertions(+), 18 deletions(-)

diff --git a/web/htdocs/images/image_button.png b/web/htdocs/images/image_button.png
new file mode 100644
index 0000000..5727f80
Binary files /dev/null and b/web/htdocs/images/image_button.png differ
diff --git a/web/htdocs/images/login_dark_bg.png b/web/htdocs/images/login_dark_bg.png
index d02f332..1977293 100644
Binary files a/web/htdocs/images/login_dark_bg.png and
b/web/htdocs/images/login_dark_bg.png differ
diff --git a/web/htdocs/images/login_spotlight.png
b/web/htdocs/images/login_spotlight.png
index ab3abf6..3858218 100644
Binary files a/web/htdocs/images/login_spotlight.png and
b/web/htdocs/images/login_spotlight.png differ
diff --git a/web/htdocs/images/login_window.png b/web/htdocs/images/login_window.png
index 931dab3..87449ba 100644
Binary files a/web/htdocs/images/login_window.png and b/web/htdocs/images/login_window.png
differ
diff --git a/web/htdocs/login.css b/web/htdocs/login.css
index 73ffd6b..f8f9c20 100644
--- a/web/htdocs/login.css
+++ b/web/htdocs/login.css
@@ -46,12 +46,13 @@ body.main {
 
 div#login {
     background-image: url("images/login_spotlight.png");
-    width: 605px;
-    height: 410px;
+    background-repeat: no-repeat;
+    width: 770px;
+    height: 605px;
     position: absolute;
     top: 50%;
     left: 50%;
-    margin: -205px 0px 0px -302px;
+    margin: -276px 0px 0px -386px;
     /* border: 1px solid yellow; */
 }
 
@@ -60,7 +61,7 @@ img#login_window {
     height: 230px;
     position: relative;
     left: 10px;
-    top: 10px;
+    top: 160px;
     float: none;
 }
 
@@ -70,35 +71,38 @@ label {
 
 #version {
     position: absolute;
-    top: 25px;
-    left: 420px;
+    text-align: right;
+    width: 150px;
+    top: 173px;
+    left: 415px;
     color: white;
+    font-size: 8pt;
 }
 
 #label_user, #label_pass {
-    left: 174px;
+    left: 264px;
 }
 
 #input_user, #input_pass {
-    left: 250px;
+    left: 330px;
 }
 
 #label_user {
     position: absolute;
-    top: 132px;
+    top: 275px;
 }
 #input_user {
     position: absolute;
-    top: 128px;
+    top: 270px;
 }
 
 #label_pass {
     position: absolute;
-    top: 168px;
+    top: 315px;
 }
 #input_pass {
     position: absolute;
-    top: 164px;
+    top: 310px;
 }
 
 #input_user, #input_pass {
@@ -108,8 +112,8 @@ label {
 
 #button_login {
     position: absolute;
-    top: 190px;
-    left: 415px;
+    top: 345px;
+    left: 505px;
 }
 
 #button_login img {
@@ -119,12 +123,14 @@ label {
 
 #button_text {
     position: absolute;
-    top: 198px;
-    left: 415px;
+    top: 355px;
+    left: 505px;
     text-align: center;
     width: 61px;
     color: white;
     z-index: 100;
+    font-size: 10px;
+    text-transform: uppercase;
 }
 
 #login_error {
@@ -139,8 +145,8 @@ label {
 #foot {
     position: absolute;
     text-align: center;
-    top: 250px;
-    left: 135px;
+    top: 400px;
+    left: 220px;
     width: 350px;
     color: white;
     font-size: 8pt;


    