koha-tmpl/intranet-tmpl/prog/css/login.css

   1 a.edit, a.delete, a.edit:hover, a.delete:hover {
   2         border-bottom: none;
   3         display: block;
   4         padding: 5px 0;
   5         text-align: center;
   6 }
   7
   8 a.edit:hover {
   9         background: #ccc;
  10         color: #036;
  11 }
  12
  13 a:visited {
  14         color: #006;
  15 }
  16
  17 a:hover {
  18 /*      border-bottom: 1px solid #3a75ae;*/
  19         color: #069;
  20 }
  21
  22 body    {
  23         background: #f5f5f5;
  24 }
  25
  26 form, label input {
  27         margin: 0;
  28         padding: 0;
  29 }
  30
  31 input:focus, textarea:focus, label:focus {
  32         background: #fff;
  33         border: 1px solid #686868;
  34 }
  35
  36 label {
  37         display : block;
  38         margin : .2em 0;
  39 }
  40
  41 #logo { margin-bottom: 2em; }
  42
  43 #login {
  44         background: #fff;
  45         border: 1px solid #a2a2a2;
  46         margin: 4em auto;
  47         padding: 1.5em;
  48         position : relative;
  49         top : auto;
  50         right : auto;
  51         width: 25em;
  52 }
  53
  54 #login #login_error {
  55         background: #D23F3F;
  56         border: 1px solid #a40000;
  57         color: #fff;
  58         font-size: 120%;
  59         line-height: 140%;
  60         font-weight: bold;
  61         margin: 1em 0;
  62         padding: .5em;
  63         text-align: center;
  64         text-shadow: 0px 1px 1px #6C1010;
  65         filter: dropshadow(color=#6C1010, offx=0, offy=1);
  66         -moz-border-radius: 5px;
  67         border-radius: 5px;
  68 }
  69
  70 #login #login_error a:link,
  71 #login #login_error a:visited {
  72         color : #FFC;
  73 }
  74
  75 #login #login_error a:hover,
  76 #login #login_error a:active {
  77         color : #FCFC4D;
  78 }
  79
  80 #login h1 {
  81     background: url(../img/koha-logo.gif) no-repeat top center;
  82         margin-top: 0;
  83         margin-bottom : .5em;
  84 }
  85
  86 #login h1 a {
  87     /* http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/ */
  88         display: block;
  89         height: 74px;
  90     text-indent: 100%;
  91     white-space: nowrap;
  92     overflow: hidden;
  93 }
  94
  95 #login input {
  96         padding: 3px;
  97 }
  98
  99 #login select {
 100     width: 98%;
 101 }
 102
 103 #login ul {
 104         list-style: none;
 105         margin: 0;
 106         padding: 0;
 107 }
 108
 109 #login ul li {
 110         display: inline;
 111         margin-left: 1.4em;
 112         text-align: center;
 113 }
 114
 115 #login #userid, #password {
 116         font-size: 1.7em;
 117         width: 97%;
 118 }
 119
 120 #login #branch, #login #desk_id {
 121         width : 99%;
 122 }
 123
 124 #login #submit, #login .button {
 125         font-size: 1.4em;
 126         padding : .3em .6em;
 127 }
 128
 129 #login #onerror_actions {
 130     margin-bottom: 1em;
 131     text-align: center;
 132 }
 133
 134 #login #onerror_actions .button {
 135     margin: 3px;
 136     color: #333333;
 137 }
 138
 139 #footer {
 140         text-align: center;
 141         border-top: 1px solid #ccc;
 142         padding-top: 1em;
 143         font-style: italic;
 144 }
 145
 146 .submit input, .submit input:focus, .button {
 147         border: 1px outset #999999;
 148         border-top-color: #666;
 149         border-left-color: #666;
 150         -moz-border-radius : 2px;
 151         padding: 0.25em;
 152         background: #ffffff; /* Old browsers */
 153         background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 35%, #e0e0e0 100%); /* FF3.6+ */
 154         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(35%,#f7f7f7), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
 155         background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
 156         background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* Opera11.10+ */
 157         background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* IE10+ */
 158         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
 159         background: linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* W3C */
 160         color: #333333;
 161         padding: 0.25em;
 162 }
 163
 164 .submit input:active, .button:active {
 165         background: #f4f4f4;
 166         border: 1px solid #999;
 167         border-left-color: #999;
 168         border-top-color: #999;
 169 }
 170
 171 .submit, .editform th, #postcustomsubmit {
 172         text-align: right;
 173 }
 174
 175 textarea, input, select {
 176         background: #f4f4f4;
 177         border: 1px solid #b2b2b2;
 178         color: #000;
 179         font:  13px Verdana, Arial, Helvetica, sans-serif;
 180         margin: 1px;
 181         padding: 3px;
 182 }