Visual tweaks for login screen.
authorOwen Leonard <oleonard@myacpl.org>
Tue, 25 Mar 2008 20:22:36 +0000 (15:22 -0500)
committerJoshua Ferraro <jmf@liblime.com>
Tue, 1 Apr 2008 11:41:12 +0000 (06:41 -0500)
Signed-off-by: Joshua Ferraro <jmf@liblime.com>
koha-tmpl/intranet-tmpl/prog/en/css/login.css
koha-tmpl/intranet-tmpl/prog/en/modules/auth.tmpl
koha-tmpl/intranet-tmpl/prog/img/koha-logo.gif

index 3e6c95e..88b8782 100644 (file)
@@ -21,13 +21,6 @@ a:hover {
 
 body   {
        background: #f9fcfe;
-       color: #000;
-       margin: 0;
-       padding: 0;
-}
-
-body, td {
-       font: 13px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;
 }
 
 form, label input {
@@ -41,7 +34,8 @@ input:focus, textarea:focus, label:focus {
 }
 
 label {
-       cursor: pointer;
+       display : block;
+       margin : .2em 0;
 }
 
 #logo { margin-bottom: 2em; }
@@ -49,7 +43,7 @@ label {
 #login {
        background: #fff;
        border: 1px solid #a2a2a2;
-       margin: 5em auto;
+       margin: 4em auto;
        padding: 1.5em;
        position : relative;
        top : auto;
@@ -68,14 +62,15 @@ label {
 }
 
 #login h1 {
-       background: url(../../img/koha-logo.gif) no-repeat top left;
+       background: url(../../img/koha-logo.gif) no-repeat top center;
        margin-top: 0;
+       margin-bottom : .5em;
 }
 
 #login h1 a {
        display: block;
        text-indent: -1000px;
-       height: 66px;
+       height: 74px;
        border-bottom: none;
 }
 
@@ -101,7 +96,7 @@ label {
 }
 
 #login #branch {
-       width : 97%;
+       width : 99%;
 }
 
 #login #submit {
@@ -118,8 +113,8 @@ label {
 }
 
 .submit input, .submit input:focus, .button {
-       background: url(../../img/fade-butt.png );
-       border: 3px double #999;
+       background: url(../../img/button-bg.gif );
+       border: 1px solid #999;
        border-left-color: #ccc;
        border-top-color: #ccc;
        color: #333;
@@ -128,7 +123,7 @@ label {
 
 .submit input:active, .button:active {
        background: #f4f4f4;
-       border: 3px double #ccc;
+       border: 1px solid #999;
        border-left-color: #999;
        border-top-color: #999;
 }
index 802a849..fa9c090 100644 (file)
 <!-- TMPL_LOOP NAME="INPUTS" -->
     <input type="hidden" name="<!-- TMPL_VAR NAME="name" -->" value="<!-- TMPL_VAR NAME="value" ESCAPE="html" -->" />
 <!-- /TMPL_LOOP -->
-<p><label>Username:<br />
-<input type="text" name="userid" id="userid" class="input focus" value="<!-- TMPL_VAR NAME="userid" -->" size="20" tabindex="1" /></label>
+<p><label for="userid">Username:</label>
+<input type="text" name="userid" id="userid" class="input focus" value="<!-- TMPL_VAR NAME="userid" -->" size="20" tabindex="1" />
 </p>
-<p><label>Password:<br />
-<input type="password" name="password" id="password" class="input" value="" size="20" tabindex="2" /></label>
+<p><label for="password">Password:</label>
+<input type="password" name="password" id="password" class="input" value="" size="20" tabindex="2" />
 </p>
 
-<!-- TMPL_IF NAME="AutoLocation" --><!-- TMPL_ELSE --><!-- TMPL_IF NAME="IndependantBranches" --><!-- TMPL_ELSE --><p><label for="branch">Library:<br />
+<!-- TMPL_IF NAME="AutoLocation" --><!-- TMPL_ELSE --><!-- TMPL_IF NAME="IndependantBranches" --><!-- TMPL_ELSE --><p><label for="branch">Library:</label>
     <select name="branch" id="branch" class="input" tabindex="3">
     <!-- TMPL_LOOP NAME="branchloop" -->
     <option value="<!-- TMPL_VAR NAME='branchcode' -->"><!-- TMPL_VAR NAME='branchname' --></option>
     <!-- /TMPL_LOOP -->
-    </select></label>
+    </select>
     </p><!-- /TMPL_IF --><!-- /TMPL_IF -->
 
 <!-- <p><label><input name="rememberme" type="checkbox" id="rememberme" value="forever" tabindex="3" />Remember me</label></p> -->
index 247f300..c0e54c8 100644 (file)
Binary files a/koha-tmpl/intranet-tmpl/prog/img/koha-logo.gif and b/koha-tmpl/intranet-tmpl/prog/img/koha-logo.gif differ