Merge remote-tracking branch 'origin/new/bug_5327'

[koha_fer] / koha-tmpl / intranet-tmpl / prog / en / css / login.css

diff --git a/koha-tmpl/intranet-tmpl/prog/en/css/login.css b/koha-tmpl/intranet-tmpl/prog/en/css/login.css
index 3e6c95e..cbb7d81 100644 (file)
--- a/koha-tmpl/intranet-tmpl/prog/en/css/login.css
+++ b/koha-tmpl/intranet-tmpl/prog/en/css/login.css
@@ -20,14 +20,7 @@ a:hover {
 }
 
 body   {
-       background: #f9fcfe;
-       color: #000;
-       margin: 0;
-       padding: 0;
-}
-
-body, td {
-       font: 13px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;
+       background: #f5f5f5;
 }
 
 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;
@@ -58,24 +52,41 @@ label {
 }
 
 #login #login_error {
-       background: #c00;
+       background: #D23F3F;
        border: 1px solid #a40000;
        color: #fff;
-       font-size: 16px;
+       font-size: 120%;
+       line-height: 140%;
        font-weight: bold;
+       margin: 1em 0;
        padding: .5em;
        text-align: center;
+       text-shadow: 0px 1px 1px #6C1010;
+       filter: dropshadow(color=#6C1010, offx=0, offy=1);
+       -moz-border-radius: 5px;
+       border-radius: 5px;
+}
+
+#login #login_error a:link,
+#login #login_error a:visited {
+       color : #FFC;
+}
+
+#login #login_error a:hover,
+#login #login_error a:active {
+       color : #FCFC4D;
 }
 
 #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 +112,7 @@ label {
 }
 
 #login #branch {
-       width : 97%;
+       width : 99%;
 }
 
 #login #submit {
@@ -118,17 +129,26 @@ label {
 }
 
 .submit input, .submit input:focus, .button {
-       background: url(../../img/fade-butt.png );
-       border: 3px double #999;
-       border-left-color: #ccc;
-       border-top-color: #ccc;
-       color: #333;
+       border: 1px outset #999999;
+       border-top-color: #666;
+       border-left-color: #666;
+       -moz-border-radius : 2px;
+       padding: 0.25em;
+       background: #ffffff; /* Old browsers */
+       background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 35%, #e0e0e0 100%); /* FF3.6+ */
+       background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(35%,#f7f7f7), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
+       background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
+       background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* Opera11.10+ */
+       background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* IE10+ */
+       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
+       background: linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* W3C */
+       color: #333333;
        padding: 0.25em;
 }
 
 .submit input:active, .button:active {
        background: #f4f4f4;
-       border: 3px double #ccc;
+       border: 1px solid #999;
        border-left-color: #999;
        border-top-color: #999;
 }