Bug 32482: (follow-up) Add markup comments
[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: #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 #footer {
109         text-align: center;
110         border-top: 1px solid #ccc;
111         padding-top: 1em;
112         font-style: italic;
113 }
114
115 .submit {
116     text-align: right;
117 }
118
119 #submit-button {
120     font-size: 135%;
121 }
122
123 input[type="submit"]:active,
124 input[type="submit"]:focus {
125     box-shadow: inset 0 0 0 1px #edb423;
126 }
127
128 input[type="submit"]:active,
129 input[type="submit"]:focus,
130 input[type="submit"]:hover {
131     background: #ffd15e none;
132     border: 1px solid #ffc32b;
133 }
134
135 textarea, input, select {
136     background: #fff;
137     border: 1px solid #b2b2b2;
138     color: #000;
139     font:  13px Verdana, Arial, Helvetica, sans-serif;
140     margin: 1px;
141     padding: 3px;
142 }
143
144 select {
145     width: 97%;
146 }
147
148 input[type='text'],
149 input[type='password'] {
150     font-size: 1.7em;
151     width: 97%;
152 }