New programmer templates for the OPAC. Markup has been pared down, but structure...
[koha.git] / koha-tmpl / opac-tmpl / prog / en / includes / colors.css
1 /* COLORS, BACKGROUNDS, AND BORDERS */
2
3 a {
4         color : #006699;
5 }
6
7 a:active {
8         color : #990033;
9 }
10
11 a:visited {
12         color : #006699;
13 }
14
15 a:hover {
16         color : #990033;
17 }
18
19 a:link.current {
20         background-color : transparent;
21         color : #3366CC;
22 }
23
24 a:hover.current {
25         background-color : #CCFF00;
26         color : #CC3333;
27 }
28
29 a:visited.current {
30         background-color : transparent;
31         color : #3366CC;
32 }
33
34 a:active.current {
35         background-color : #99CC00;
36         color : #FFFF99;
37 }
38
39 a:link.nav {
40         background-color : #EFF1DC;
41         border : 1px solid #CCCC99;
42         color : #3366CC;
43 }
44
45 a:hover.nav {
46         background-color : #FFFFCC;
47         border : 1px solid #CCCC99;
48         color : #CC3333;
49 }
50
51 a:active.nav {
52         background-color : #FFFFCC;
53         border : 1px solid #CCCC99;
54         color : #D25500;
55 }
56
57 a:visited.nav {
58         background-color : #EFF1DC;
59         border : 1px solid #CCCC99;
60         color : #3366CC;
61 }
62
63 .menu a:link.logout {
64         background-color : #FFDD75;
65         color : Black;
66 }
67
68 .menu a:active.logout {
69         background-color : #FFDD75;
70         color : Black;  
71 }
72
73
74 .menu a:visited.logout {
75         background-color : #FFDD75;
76         color : Black;
77 }
78
79 .menu a:hover.logout {
80         background-color : #FFCC33;
81         color : Black;
82 }
83
84 body {
85         background-color : #FFFFFF;
86 }
87
88 caption {
89         color : #000066;
90 }
91
92 div.form, div.details {
93         background-color : #FFFFFF;
94 }
95
96 h1,h2,h3,h4,h5,h6 {
97         color : #000066;
98 }
99
100 h1.logo {
101         color : #D3DFAD;
102 }
103
104 p.error, div.error {
105         background-color : #FFFFCC;
106         border : 1px dashed #cc6600;
107 }
108
109 div.error h3 {
110         color : #990000;
111 }
112
113 table {
114         background-color : #ffffff;
115 }
116
117 td {
118         border-bottom : 1px solid #DDDDDD;
119         border-right : 1px solid #DDDDDD;
120 }
121
122 th {
123         background-color : #EFF1DC;
124         border-bottom : 1px solid #CCCCCC;
125         border-right : 1px solid #CCCCCC;
126 }
127
128 th[scope="row"] {
129         background-color : #E7E7CA;
130 }
131
132 tr.highlight th[scope="row"] {
133         background-color : #EEEEEE;
134 }
135
136 th:last-child {
137         background-color : #EFF1DC;
138         border-bottom : 1px solid #CCCCCC;
139         border-right : 0 solid #CCCCCC;
140 }
141
142 td.input, div.form td, div.details td {
143         border-bottom : 1px solid #CCCCCC;
144         border-left : 0;
145         border-right : 0;
146         color : #000000;
147 }
148
149 td.label, div.form th, div.details th {
150         background-color : #FFF;
151         border-bottom : 1px solid #CCCCCC;
152         border-left : 1px solid #CCCCCC;
153         border-right : 0;
154         border-top : 0;
155         color : #000088;
156 }
157
158 td.label {
159         border-bottom : 1px solid #CCCCCC;
160         border-left : 1px solid #CCCCCC;
161         color : #000088;
162 }
163
164 td:last-child {
165         border-bottom : 1px solid #CCCCCC;
166         border-right : 0 solid #CCCCCC;
167 }
168
169 tr.highlight {
170         background-color : #F8F8EB;
171 }
172
173 .content-block {
174         background-color : #FFFFFF;
175 }
176
177 .current {
178         background-color : #FFFFFF;
179         color : #3366CC;
180 }
181
182 .further {
183         color: #CCCC99;
184         border: 2px solid #DDDED3;
185         background-color : #EEEEEB;
186 }
187
188 .further h4 {
189         background-color : #D8DEB8;
190 }
191
192 .further li {
193         border-bottom : 1px solid #DDDED3;
194         }
195
196 .detail-sidebar {
197         background-color : #EEEEEB;
198 }
199
200 .operations li a, .operations li a:visited {
201         border: 2px solid #D8DEB8;
202         color: #FFFFCC;
203         background-color : #6699CC;
204 }
205
206 .operations li a:hover {
207         color: #FFFF99;
208         background-color: #0099FF;
209 }
210
211 .operations li a:active {
212         color: : #FFFF99;
213         background-color: #0099FF;
214 }
215
216 .loggedin {
217         color : #D8DEB8;
218 }
219
220 .marctag {
221         color : #000000;
222         background-color : #E7E7CA;
223 }
224
225 .marcsubfieldletter {
226         background-color: #EFF1DC;
227 }
228
229 .marcsubfieldname {
230         background-color: #EFF1DC;
231 }
232
233 .subfield {
234         background-color: #EFF1DC;
235 }
236
237 .subfieldvalue {
238         background-color : #FFFFFF;
239 }
240
241 .menu {
242         color : #000000;
243 }
244
245 #members a {
246         text-decoration : none;
247 }
248
249 .menu a:link, #members a:link {
250         color : #0099CC;
251 }
252
253 .menu a:visited, #members a:visited {
254         color : #0099CC;
255 }
256
257 .menu a:hover, #members a:hover {
258         color : #990000;
259 }
260
261 .menu a:active, #members a:active {
262         color : #990000;
263 }
264
265 .opac-detail {
266         background-color : #FFFFCC;
267 }
268
269 em.new {
270         color : #CC3333;
271 }
272
273 .note {
274         background-color : #EEEEEB;
275         border-left : 1px solid #DDDED3;
276         border-top : 1px solid #DDDED3;
277         border-right : 1px solid #DDDED3;
278         border-bottom : 1px solid #DDDED3;
279 }
280 .opac-detail dd {
281         border-bottom : 1px solid #E7E7CA;
282         color : #000000;
283 }
284
285 .submit {
286         background-color : #6699CC;
287         color : #FFFFCC;
288 }
289
290 input.icon {
291         background-color : #6699CC;
292         color : #FFFFCC;
293 }
294
295 #footer {
296         border-top : 1px solid #EEEEEE;
297 }
298
299 #main {
300         background-color : transparent;
301         border-right  : 1px solid #EEEEEE;
302 }
303
304 #window {
305         background-color : #E7E7CA;
306         border-left : 1px solid #CCCC99;
307 }
308
309 #masthead {
310         background-color : White;
311         border-bottom : 1px solid #EEEEEE;
312 }
313
314 #nav {
315         background-color : #EFF1DC;
316 }
317
318 #nav ul li {
319         background-color : #EFF1DC; /*width : 100%;*/
320         border-bottom : 1px solid #CCCC99;
321         border-left : 0 solid #FFFFCC;
322         border-right : 0 solid #006699;
323         border-top : 0 solid #FFFFCC;
324 }
325
326 #nav ul li+li {
327         border-bottom : 1px solid #CCCC99;
328         border-left : 0 solid #FFFFCC;
329         border-right : 0 solid #006699;
330 }
331
332 #nav li ul li {
333         background-color : #E7E7CA;
334         border-bottom : 1px solid #D8DEB8;
335         border-left : 0 solid #FFFFCC;
336         border-right : 0 solid #006699;
337         border-top : 0 solid #FFFFCC;
338 }
339
340 #nav li ul li a {
341         color: Blue;
342 }
343
344 #nav li ul li a:link {
345         color: #359;
346 }
347
348 #nav li ul li a:visited {
349         color: #359;
350 }
351
352 #nav li ul li a:hover {
353         color: #CC3333;
354 }
355
356 #results, .results {
357         color : #000066;
358 }
359
360 #sidebar {
361         background-color : #F8F8EB;
362         border : 1px dashed #666666;
363 }
364
365 #sidebar h3 {
366         color : #000066;
367 }
368
369 #sidebar .submit {
370         background-color : #6699CC;
371         color : #FFFFCC;
372 }
373
374 #search-sidebar {
375         background-color : #F8F8EB;
376 }
377
378 .sidebar-box {
379         border : 1px dashed #cccccc;
380 }
381
382 .issued {
383         color : #999999;
384 }
385
386 tr.overdue td {
387         background-color : #fea7a7;
388 }
389
390 td.overdue {
391         color : #cc0000;
392 }
393
394         
395 #members {
396         background-color : transparent;
397         border : 0px dashed #666666;
398         color : #000066;
399         }
400
401 #members a.logout {
402         background-color : #FFDD75;
403         color : Black;
404 }
405
406 #members a:hover.logout {
407         background-color : #FFCC33;
408 }
409
410 .loggedinusername {
411         color : #666666;
412 }
413
414 /* Amazon CSS Stuff */
415
416 #itemReviews dt {
417         border-bottom: 1px solid #ddd;
418 }