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 ul {
 100         list-style: none;
 101         margin: 0;
 102         padding: 0;
 103 }
 104
 105 #login ul li {
 106         display: inline;
 107         margin-left: 1.4em;
 108         text-align: center;
 109 }
 110
 111 #login #userid, #password {
 112         font-size: 1.7em;
 113         width: 97%;
 114 }
 115
 116 #login #branch, #login #desk_id {
 117         width : 99%;
 118 }
 119
 120 #login #submit, #login .button {
 121         font-size: 1.4em;
 122         padding : .3em .6em;
 123 }
 124
 125 #login #onerror_actions {
 126     margin-bottom: 1em;
 127     text-align: center;
 128 }
 129
 130 #login #onerror_actions .button {
 131     margin: 3px;
 132     color: #333333;
 133 }
 134
 135 #footer {
 136         text-align: center;
 137         border-top: 1px solid #ccc;
 138         padding-top: 1em;
 139         font-style: italic;
 140 }
 141
 142 .submit input, .submit input:focus, .button {
 143         border: 1px outset #999999;
 144         border-top-color: #666;
 145         border-left-color: #666;
 146         -moz-border-radius : 2px;
 147         padding: 0.25em;
 148         background: #ffffff; /* Old browsers */
 149         background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 35%, #e0e0e0 100%); /* FF3.6+ */
 150         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(35%,#f7f7f7), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
 151         background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
 152         background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* Opera11.10+ */
 153         background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* IE10+ */
 154         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
 155         background: linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* W3C */
 156         color: #333333;
 157         padding: 0.25em;
 158 }
 159
 160 .submit input:active, .button:active {
 161         background: #f4f4f4;
 162         border: 1px solid #999;
 163         border-left-color: #999;
 164         border-top-color: #999;
 165 }
 166
 167 .submit, .editform th, #postcustomsubmit {
 168         text-align: right;
 169 }
 170
 171 textarea, input, select {
 172         background: #f4f4f4;
 173         border: 1px solid #b2b2b2;
 174         color: #000;
 175         font:  13px Verdana, Arial, Helvetica, sans-serif;
 176         margin: 1px;
 177         padding: 3px;
 178 }