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