More UNIDO work
[koha.git] / koha-tmpl / intranet-tmpl / unido / en / includes / main.css
1 \r
2 \r
3 body {\r
4   background-color: #FFFFFF;\r
5   font-family: arial,helvetica, san-serif;\r
6   margin: 0px;\r
7   padding: 0px;\r
8 }\r
9 \r
10 p,ul,ol,li {\r
11   font-family: arial,helvetica,san-serif;\r
12   font-size: 12px;\r
13   line-height: 20px;\r
14 }\r
15 \r
16 td {\r
17   font-family: arial,helvetica,san-serif;\r
18   font-size: 12px;\r
19 }\r
20 \r
21 \r
22 \r
23 a {\r
24         color: #E36F00;\r
25         font-weight:bold;}\r
26 \r
27 a:visited {\r
28         color: #003CD8;\r
29         font-weight:bold;}\r
30 \r
31 \r
32 \r
33 a:hover {\r
34         background:#D6F96A;\r
35         color:#000000;\r
36         padding:4px;\r
37         \r
38         }\r
39 \r
40 \r
41 h1,h2,h3,h4 {\r
42   color: #55127B;\r
43   font-family: arial,helvetica;}\r
44 \r
45 \r
46 h1 {\r
47   font-size: 32px;\r
48   margin-bottom: 0px;\r
49   padding-bottom: 0px;\r
50   \r
51 }\r
52 \r
53  \r
54 h2 {\r
55  \r
56   font-size: 24px;\r
57   margin-bottom: 8px;\r
58   padding-bottom: 4px;\r
59   \r
60 }\r
61 \r
62 h3 {\r
63   \r
64   font-size: 20px;\r
65   margin-bottom: 0px;\r
66   padding-bottom: 0px;\r
67 }\r
68 \r
69 h4 {\r
70   \r
71   font-size: 16px;\r
72   margin-bottom: 0px;\r
73   padding-bottom: 0px;\r
74 }\r
75 \r
76 \r
77 table.content {\r
78         padding:opx;\r
79         margin:0px;\r
80 \r
81 }\r
82 \r
83 table.data {padding:opx;\r
84         margin:0px;}\r
85 \r
86 .column-first{\r
87         border-right: 1px;\r
88         border-color: #55127B;\r
89         border-style: solid;\r
90         border-top: 0px;\r
91         border-left: 0px;\r
92         border-bottom: 0px;\r
93         padding-right:4px; \r
94         line-height: 20px;\r
95         \r
96 \r
97 }\r
98 \r
99 .column-middle{\r
100         border-right: 1px;\r
101         border-color: #55127B;\r
102         border-style: solid;\r
103         border-top: 0px;\r
104         border-left: 0px;\r
105         border-bottom: 0px;\r
106         padding-right,:4px; \r
107         padding-left:4px; \r
108         line-height: 20px;\r
109 }\r
110 \r
111 \r
112 column-last:{\r
113         padding-right:4px; \r
114         padding-left:4px; \r
115         line-height: 20px;\r
116         padding-bottom:0px;\r
117         margin-bottom:0px;\r
118 \r
119 \r
120 \r
121 .crumb {\r
122   color: #000000;\r
123   font-weight: normal;\r
124 }\r
125 \r
126 .crumb a:link {\r
127   color: #CC9966;\r
128   font-weight: normal;\r
129 }\r
130 \r
131 .crumb a:visited {\r
132   color: #666666;\r
133   font-weight: normal;\r
134 }\r
135 \r
136 .crumb a:hover {\r
137   background-color: #D6F96A;\r
138   color: #000000;\r
139 }\r
140 \r
141 .data-header {\r
142         font-weight: bold;\r
143 \r
144         \r
145         }\r
146 \r
147 \r
148 .go {\r
149   color: #FEEDDB;\r
150   background-color: #C57619;\r
151   border: 1px;\r
152   border-color: #000000;\r
153   border-style: solid;\r
154   font-family: arial,hevetica,sans-serif;\r
155   font-size: small;\r
156   font-weight: bold;\r
157   padding: 4px;\r
158  height : 30px;\r
159 }\r
160 \r
161 \r
162 \r
163 input.field { width:  300px;\r
164         height : 30px;\r
165         border: solid 1px #000000;\r
166         font-family: "arial narrow",arial,helvetica,sans-serif;\r
167         font-size: 21px;\r
168         line-height: 24px;\r
169         margin-bottom: 0px;\r
170         padding-bottom: 2px;\r
171         \r
172 \r
173 }\r
174 \r
175 \r
176 input.short-field { width:  150px;\r
177          height : 30px;\r
178         border: solid 1px #000000;\r
179         font-family: "arial narrow",arial,helvetica,sans-serif;\r
180         font-size: 21px;\r
181         line-height: 24px;\r
182         margin-bottom: 0px;\r
183         padding-bottom: 2px;\r
184         \r
185 \r
186 }\r
187 \r
188 input.mid-field { width:  250px;\r
189   height : 30px;\r
190         border: solid 1px #000000;\r
191         font-family: "arial narrow",arial,helvetica,sans-serif;\r
192         font-size: 21px;\r
193         line-height: 24px;\r
194         margin-bottom: 0px;\r
195         padding-bottom: 2px;\r
196         \r
197 \r
198 }\r
199 \r
200 \r
201 input.checkbox {}\r
202 \r
203 .label {\r
204         font-family: "arial narrow",arial,helvetica,sans-serif;\r
205         font-weight: bold;\r
206 }\r
207 \r
208 \r
209 td.heading {padding-top: 32px;}\r
210 \r
211 \r
212 .tip { \r
213 color:#AB89BB;}\r
214 \r
215 .tip-big {\r
216         font-size: 32pt;\r
217         font: ocean-sans, times,serif;\r
218         \r
219 }\r
220 \r
221 \r
222 \r
223 .top-menu {\r
224   background-color: #8BC638;\r
225 border-top: 0px;\r
226 border-left: 0px;\r
227 border-right: 0px;\r
228   border-bottom: 1px;\r
229   border-color: #000000;\r
230   border-style: solid;\r
231   margin: 0px;  \r
232 }\r
233 \r
234 \r
235 .top-menuitems {\r
236   text-align: right;\r
237  padding-right: 20px;\r
238 }\r
239 \r
240 .top-menuitems a {\r
241 color:#003CD8;\r
242 padding: 4px;}\r
243 \r
244 \r
245 \r
246 h1.logo {\r
247   margin-left: 20px;\r
248   margin-bottom: 4px;\r
249   margin-top: 4px;\r
250   color: #000000;\r
251   \r
252 }\r
253 \r
254 a.logo{\r
255  color: #000000;\r
256 }\r
257 \r
258 a:hover.logo {\r
259         color:000000;\r
260         background:#D6F96A;\r
261         padding:0px;}\r
262 \r
263 \r
264 a.selected {\r
265         \r
266         color:#FFFFFF;\r
267         \r
268         }\r
269 \r
270 a:hover.selected {\r
271         \r
272         color:#000000;\r
273         \r
274         }\r
275 \r
276 \r
277 \r
278 \r
279 \r
280 .sidenav-box {\r
281   background-color: #E7F4D8;\r
282   padding-left: 20px;  \r
283   padding-right: 4px;  \r
284   border-bottom: 1px;\r
285   border-top: 1px;\r
286   border-left: 0px;\r
287   border-right: 1px;\r
288   border-color: #A2BB64; \r
289   border-style: solid;\r
290   width: 150px;\r
291   \r
292   \r
293 }\r
294 \r
295 .sidenav ul {\r
296   list-style-image: url(/images/styles/nav-dot.gif);\r
297   list-style-position: outside;\r
298   list-style-type: disc;\r
299   margin-left: 16px;\r
300   margin-top: 2px;\r
301   padding-left: 0px;\r
302   padding-top: 2px;\r
303 \r
304   font-size: 9pt;\r
305   font-weight: normal;\r
306   line-height: 13px;\r
307   margin-bottom: 3pt;\r
308 }\r
309 \r
310 \r
311 .sidenav a:hover {\r
312   background: #ffffff;\r
313   color: #000000;\r
314 }\r
315 \r
316 \r
317 \r
318 \r
319 \r
320 \r
321 \r
322 .button {\r
323   color: #FEEDDB;\r
324   background-color: #C57619;\r
325   border: 1px;\r
326   border-color: #000000;\r
327   border-style: solid;\r
328   font-family: arial,hevetica,sans-serif;\r
329   font-size: small;\r
330   font-weight: bold;\r
331   padding: 4px;\r
332  height : 30px;\r
333         \r
334         \r
335 }\r
336 \r
337 #menubar {\r
338         border-top:1px solid #666666;\r
339         font: 1.2em sans-serif;\r
340         background-color:#DDDDDD;\r
341 }\r
342 #submenu {\r
343         font: 0.5em sans-serif;\r
344         background-color:#EEEEEE;\r
345         border-left:1px solid #000000;\r
346 }\r
347 a.submenu {\r
348         font-weight: normal;\r
349         text-decoration: none;\r
350         cursor: hand;\r
351         color:#777777;\r
352         padding:4px;\r
353         font-weight: bold;\r
354         margin:0;\r
355 }\r
356 \r
357 h2.underline {\r
358         border-style: solid;\r
359         border-color: #55127B;\r
360         border-top: 0px;\r
361 border-left: 0px;\r
362 border-right: 0px;\r
363   border-bottom: 1px;\r
364 line-height:24px;\r
365 padding-top:4px;\r
366 padding-bottom:4px;\r
367 margin-top: 12px;\r
368 margin-bottom: 12px;\r
369 \r
370 }\r