Login box style refresh

[squasher.git] / css / squasher.css

diff --git a/css/squasher.css b/css/squasher.css
index c2c7abef14f3048fe1c4dd9b5bb1e06b1cfcaf9f..fcf96bf13b1bcd785b0768d98e548cf27fa3a40b 100644 (file)
--- a/css/squasher.css
+++ b/css/squasher.css
@@ -269,92 +269,32 @@ tr.logentry_download:hover, tr.logentry_delete:hover, tr.logentry_login:hover {
 }
 
 /* login page */
-.loginbody .wrappercontainer {
-       position:relative;
-       width: 240px;
-       height: 160px;
-       margin: 10% auto;
-       border:5px solid;
-       border-color:#FFFFFF;
-       color:#FFFFFF;
-       background: #C7F09E;
-}
 
-.loginbody .login {
-       left:0px;
-       top:20px;
-       width:100%;
-}
-
-.loginbody .username {
-       position:absolute;
-       left:0px;
-       top:24px;
-       height:22px;
-       width:100%;
-       text-align:center;
-}
-
-.loginbody .password {
-       position:absolute;
-       left:0px;
-       top:64px;
-       height:22px;
-       width:100%;
-       text-align:center;
-}
-
-.loginbody .fsubmit {
-       position:absolute;
-       right:25px;
-       bottom:27px;
+.login {
+       width:480px;
+       float:none;
+       display:inline-block;
+       border:1px solid #003300;
+       background-color:#C7F09E;
+       margin:100px;
+       padding:10px;
        text-align:center;
 }
 
-.loginbody .loginheader {
-       position:absolute;
-       top:0px;
-       left:0px;
+.login input {
        width:100%;
-       background-color:#66CC00;
-       border-bottom:5px solid;
-       border-color:#FFFFFF;
-}
-
-.loginbody .loginfooter {
-       position:absolute;
-       bottom:0px;
-       left:0px;
-       width:100%;
-       background-color:#66CC00;
-       border-top:5px solid;
-       border-color:#FFFFFF;
-}
-
-.loginbody input {
-       border:1px solid #FFFFFF;
-       width:160px;
-       height:20px;
-       background-color:#FFFFFF;
        color:#003300;
-       text-align:center;
+       margin: 10px 10px;
 }
 
-.loginbody input:hover {
+.login button {
        border:1px solid #003300;
-       color:#003300;
-}
-
-.loginbody button {
-       border:1px solid #C7F09E;
-       background:#C7F09E;
-}
-
-.loginbody .submit {
-       border:1px solid #C7F09E;
-       background:#C7F09E;
+       margin: 10px;
+       padding:3px 8px;
+       background:#66CC00;
 }
 
-.loginbody .submit:hover {
-       border:1px solid #003300;
+.login button:hover {
+       background-color:#339900;
+       color:#ffffff;
 }