french translation
[koha.git] / koha-tmpl / opac-tmpl / prog / fr / includes / opac.css~
1 /* color scheme :
2 - #384b73 : light blue, for menus, text enhancement, footer & header
3 - #eeeeee : light grey, for background color
4 - #CCCCCC : for table backgrounds
5 - #EEC95A : orange for action buttons & hyperlinks
6 */
7
8 /* attribute for standard html tags */
9
10 body {
11     font-family : Verdana, Geneva, Arial, sans-serif;
12     font-size : 1em;
13     background-color : #eeeeee;
14     text-align: left;
15     margin-bottom:0px;
16 }
17
18 h1 {
19     padding-top:25px;
20     color: #384b73;
21     font-size:1.5em;
22     text-align:left;
23 }
24
25 p {
26     margin:0px;
27     padding:0px;
28     clear:left;
29 }
30
31 label {
32     font-style:italic;
33     vertical-align:top;
34     display:block;
35     float:left;
36     width:10em;
37     margin-right:0.2em;
38 }
39
40 a:link, a:visited, a:active {
41     text-decoration : none;
42     color :#384b73;
43 }
44
45 a:hover {
46     text-decoration : none;
47     background-color : #EEC95A;
48 }
49
50 fieldset {
51     display:inline;
52     border: 1px solid #384b73;
53 }
54
55 table {
56     border-collapse : collapse;
57     border : 1px solid #CCCCCC;
58     margin : 1em 0;
59 }
60
61 caption {
62     font-size : 140%;
63     text-align : left;
64     font-weight : bold;
65 }
66
67 td,th {
68     border : 1px solid #CCCCCC;
69     border-bottom : 1px solid #CCCCCC;
70     padding : 5px;
71 }
72
73 th {
74     background-color: #384b73;
75     color:white;
76     border : 1px solid #CCCCCC;
77     border-right: 1px solid #CCCCCC;
78 }
79
80 th[scope=row] {
81     text-align : right;
82 }
83
84 input[type=submit], input[type=button], input[type=reset] {
85     background-color : #EEC95A;
86     color : #FFFFFF;
87     font-size : 1em;
88     font-weight : bold;
89 }
90
91 li {
92     list-style-type:square;
93 }
94
95 ul {
96     margin:0px;
97 }
98
99 /* attributes for search result list */
100 .searchresults td, .searchresults th, .searchresults table {
101     border: 0;
102 }
103 .searchresults tr {
104     border-bottom : 1px solid #CCCCCC;
105 }
106 .searchresults table {
107     border-top : 0px solid #CCCCCC;
108     border: 1px solid #CCCCCC;
109 }
110 p.searchresults {
111     background-color : #EFF1DC;
112 }
113 .searchresults a.reserve {
114     background-color : transparent;
115     color : #006699;
116 }
117 .searchresults table tr:hover {
118     background-color: #CCFFFF;
119 }
120 tr.highlight td, tr.highlight th {
121     background-color : #EEEEEE;
122     border: 1px solid #DDDDDD;
123     border-right: 1px solid #DDDDDD;
124 }
125
126 /* the top part of the opac : (the LibraryName) */
127 #masthead {
128     color:#384b73;
129     margin-left:15%;
130     text-align:left;
131     font-size:150%;
132     font-weight:bold;
133     margin-bottom:25px;
134 }
135
136 /* The image on the top-left (the logo) */
137 #masthead-image {
138     position:fixed;
139     padding-left:30px;
140     padding-top:0px;
141 }
142 #masthead-image img {
143 }
144
145 /* the itemtype list in advanced search */
146 #advsearch-itemtype table {
147     border-collapse: separate;
148     border-spacing: 3px;
149 }
150 #advsearch-itemtype table tr td {
151     background-color:#CCCCCC;
152     width:100%;
153 }
154 #advsearch-itemtype table tr td p {
155     font-size:0.8em;
156 }
157
158 /* the content part of every page */
159 #main {
160     margin-left:25%;
161     margin-bottom:0px;
162 }
163
164 /* the main menu (home, adv search, login...) */
165 #menu {
166     position:fixed;
167     margin-top:100px;
168     border-right:1px solid black;
169     padding:0px;
170     font-size:0.8em;
171     color:#384b73;
172 }
173 #menu ul a {
174     display:block;
175     margin:5px 5px 0px 5px;
176     padding :5px 5px 0px 5px;
177     text-decoration:none;
178     color:#384b73;
179     white-space: nowrap;
180 }
181 #menu ul a:hover {
182     display:block;
183     margin:5px 5px 0px 5px;
184     padding :5px 5px 0px 5px;
185     text-decoration:none;
186     background-color:#384b73;
187     color:white;
188     white-space: nowrap;
189 }
190 #menu ul {
191     padding-left:0px;
192     margin-bottom:0px;
193     margin-top:0px;
194 }
195 #menu li {
196     list-style-type:none;
197 }
198 #menu label {
199     font-style:italic;
200     display:block;
201     float:left;
202     width:5em;
203 }
204
205 #login {
206     font-size:0.9em;
207 }
208 #login input {
209     font-size:0.8em;
210 }
211 /* the user menu, for user option (and biblio detail view) */
212 #usermenu {
213     float:right;
214 }
215 #usermenu a {
216     background-color : #EEC95A;
217     color : #FFFFFF;
218     font-size : 1em;
219     border: 2px outset;
220     font-weight : bold;
221     margin:0px 5px 0px 0px;
222     padding:2px 5px 2px 5px;
223     text-decoration:none;
224     display: block;
225     white-space: nowrap;
226 }
227 #usermenu a:hover {
228     border: 2px inset;
229     background-color:#384b73;
230 }
231
232 /* the opac-news */
233 #news {
234     width:20%;
235     float:right;
236     font-size:11px;
237 }
238 #news th {
239 background-color:white;
240 color:#384b73;
241 }
242
243 /* "problem" enhancement */
244 .problem {
245 color: white;
246 background-color:red;
247 }
248
249 /* action buttons */
250 #action a {
251     background-color : #EEC95A;
252     color : #FFFFFF;
253     font-size : 1em;
254     border: 2px outset;
255     font-weight : bold;
256     margin:0px 5px 0px 0px;
257     padding-right:5px;
258     padding-left:5px;
259     text-decoration:none;
260     display: inline;
261 }
262 #action a:hover {
263     border: 2px inset;
264     background-color:#CCCCCC;
265 }
266
267 #auth {
268     float:left;
269 }
270
271 /* facets bloc */
272 #facets {
273     position:absolute;
274     right:1em;
275     font-size:0.8em;
276     margin:0px;
277     background-color:#eeeeee;
278     border:1px solid #CCCCCC;
279 }
280
281 #facets dl {
282     margin:0px;
283 }
284 #facets dd {
285     margin:0px;
286 }
287 #facets dt {
288     font-weight:bold;
289     background-color:#EEC95A;
290     border:0px;
291 }
292
293 #facets li {
294     list-style-type: none;
295     margin-left:0px;
296 }
297
298 #facets ul {
299     list-style-type: none;
300     padding-left:10px;
301     margin-bottom:0px;
302     margin-top:0px;
303 }
304
305 /* the USER information block */
306 #librarian_information {
307 float:right;
308 font-size:10pt;
309 }
310
311 /* the footer */
312 #footer {
313     margin-top:30px;
314     margin-left:30%;
315     margin-right:20%;
316     border-top:1px solid #384b73;
317     color: #384b73;
318     font-size:1em;
319     text-align:center;
320 }
321
322
323 legend {
324 font-weight:bold;
325 color:#384b73;
326 }
327
328
329 /* css styles for reserves color alerts */
330 .onloan {
331     background-color: #FFED3D;
332 }
333
334 .reserved {
335     background-color: #8EBAFF;
336 }
337
338 .transfered {
339     background-color: #F9FF9A;
340 }
341
342 .inwait {
343     background-color: #33CC99;
344 }
345
346 .other {
347     background-color: #FF0000;
348 }
349
350 .available {
351     background-color: white;
352 }
353
354 .unavailable {
355     background-color: #FFED3D;
356 }
357
358 /* style for search terms in catalogsearch */
359 .term {
360 background-color:lightyellow;
361 }
362
363 #opac-main-search form {
364     display:inline;
365 }