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