Bug 14060: Force the input to contain a valid date
[koha.git] / 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 {
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 }