New basic page structure implemented for circ pages: global main menu in the header...
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / css / staff-global.css
1 @import url( /intranet-tmpl/prog/en/lib/yui/reset-fonts-grids.css) all;
2
3 a, a:link, a:visited, a:active {
4         color : #0000CC;
5 }
6
7 a:hover {
8         color : #669ACC;
9 }
10
11 body {
12         text-align : left;
13 }
14
15 form {
16         display : inline;
17 }
18
19 h1 {
20         font-size : 182%;
21         font-weight : bold;
22 }
23
24 h2 {
25         font-size : 167%;
26         font-weight : bold;
27 }
28
29 h3 {
30         font-size : 153.9%;
31         font-weight : bold;
32 }
33
34 h4 {
35         font-size : 138.5%;     
36         font-weight : bold;
37 }
38
39 h5 {
40         font-size : 123.1%;     
41         font-weight : bold;
42 }
43
44 h6 {
45         font-size : 93%;
46         font-weight : bold;
47 }
48
49 strong {
50         font-weight : bold;
51 }
52
53 em {
54         font-style : italic;
55 }
56
57 #hd {
58 }
59
60 #navigation {
61         border-right : 1px solid #BCBCBC;
62 }
63
64 #navigation li {
65         font-weight : bold;
66 }
67
68 #navigation li li {
69         font-weight : normal;
70 }
71
72 #navigation input {
73         font-size : 85%;
74 }
75
76 #ft {
77 }
78
79 .yui-u {
80 }
81
82 #doc3 {
83         padding-top : 1em;
84 }
85
86 #login   {
87         position : absolute;
88         top : 3px;
89         right : .5em;
90 }
91
92 #login a {
93
94 }
95
96 ul {
97         padding-left : 1.1em;
98 }
99
100 li {
101         
102         list-style-type : disc;
103 }
104
105 #header {
106         background-color : #F3F3F3;
107         border-bottom : 1px solid #E8E8E8;
108 }
109
110 #header:after { /* clearing without presentational markup, IE gets extra treatment */
111     display: block;
112     clear: both;
113     content: " ";
114 }
115
116 #sitetitle {
117 /*      background-image : url("../../img/koha-logo-black.png");
118         background-position : 5px 2px;
119         background-repeat : no-repeat;
120         float : left;
121         height : 54px;
122         padding-left : 50px;*/
123         border-bottom : 1px solid #E8E8E8;
124 }
125
126 #sitetitle h1 {
127         display : inline;
128         line-height : 54px;
129 }
130
131 #sitetitle h1 a {
132         text-decoration : none;
133 }
134
135 #toplevelnav {
136         float : left;
137         line-height : 2em;
138 }
139
140 #toplevelnav li.more a {
141         background-image: url("../../img/more-arrow.gif");
142         background-position: right;
143         background-repeat: no-repeat;
144         padding-right : 13px;
145 }
146
147 #submenu {
148         margin : 0 0 .5em 0;
149         padding : 0;
150 }
151
152 #submenu ul {
153         margin : 0;
154         padding : 0;    
155 }
156
157 #submenu ul li {
158         padding-left : 0;
159 }
160
161 #toplevelnav ul {
162         margin : 0;
163         padding : 0;
164 }
165
166 #toplevelnav li, #submenu li {
167         display : inline;
168         border-right : 1px solid #E8E8E8;
169         padding : 0 .5em;
170         white-space : nowrap;
171 }
172
173 #toplevelnav li:last-child, #submenu li:last-child {
174         border : 0;
175 }
176
177 table {
178         border-collapse : collapse;
179         border-top : 1px solid #BCBCBC;
180         border-right : 1px solid #BCBCBC;
181 }
182
183 td, th {
184         border-bottom : 1px solid #BCBCBC;
185         border-left : 1px solid #BCBCBC;
186         padding : .5em;
187 }
188
189 td {
190         background-color : White;
191 }
192
193 th {
194         background-color : #E8E8E8;
195         font-weight : bold;
196 }
197
198 td.highlight {
199         background-color : #F3F3F3;
200 }
201
202 caption {
203         font-size : 153.9%;
204         font-weight : bold;
205 }
206
207 span.problem {
208         background-color : #FFFFCC;
209         color : #990000;
210         font-weight : bold;
211         line-height : 1.7em;
212 }
213
214 fieldset {
215         border : 2px solid #EEEEEE;
216         margin : 1em;
217         padding : 1em;
218 }
219
220 legend {
221         font-size : 138.5%;
222         font-weight : bold;
223         margin : 0 0 0 -1em;
224         padding : 0;
225 }
226
227 #breadcrumbs {
228         background-color : #F3F3F3;
229         border-bottom : 1px solid #E8E8E8;
230         clear : both;
231         font-size : 90%;
232         padding :.2em .5em .4em .5em;
233 }
234
235 #commonsearch {
236         display : inline;
237 }
238
239
240 div#header_search {
241         background-image : url("../../img/koha-logo-medium.gif");
242         background-position : .5em .5em;
243         background-repeat : no-repeat;
244         float: left;
245         padding-left : 14.2em;
246         margin: 1em 0 1.5em 0;
247 }
248
249 div#header_search input {
250         font-size : 1.3em;
251 }
252
253 div#header_search ul.link-tabs {
254         font-family : Arial, Geneva, sans-serif;
255         margin-bottom : -4px;
256 }
257
258 div#header_search ul.link-tabs li.on a, div#header_search ul.link-tabs li a, div#header_search ul.link-tabs li.off a {
259         padding : 0.1em .5em .2em .5em;
260 }
261
262 div#circ_search,div#catalog_search {
263         border : 0;
264         border-bottom : 1px solid #FF9900;
265         padding : 0 0 .2em 0;
266 }
267
268 div#circ_search {
269         display : block;
270 }
271
272 div#catalog_search {
273         display : none;
274 }
275
276 /* Panel-Switch Tabs */
277 ul.link-tabs {
278         list-style-type: none;
279         margin: 1px 0 9px 5px;
280         padding: 0;
281 }
282
283 ul.link-tabs li {
284         display: inline;
285         padding: 0px;
286 }
287
288 ul.link-tabs li a {
289         border-bottom: 1px solid #333333;
290         border-left : 1px solid #DDDDDD;
291         border-right : 1px solid #666666;
292         padding: .2em 1.2em .2em 1.2em;
293         text-decoration: none;
294 }
295
296 ul.link-tabs li.off a {
297         background-color: #FFFFFF;
298         border : 0;
299         margin-right : 1px;
300         text-decoration: underline;
301 }
302
303 ul.link-tabs li.off a:hover {
304         background-color: #FFFFEC;
305         border : 0;
306         margin-right : 0;
307         padding: .2em 1.2em .2em 1.2em;
308 }
309
310 ul.link-tabs li.on a {
311         background-color: #FFFFCC;
312         border-top: 1px solid #FFFFCC;
313         border-right: 1px solid #FF9900;
314         border-bottom: 1px solid #FF9900;
315         border-left: 1px solid #FFCC66;
316         font-weight : bold;
317 }
318
319 div#header_search .tip {
320         font-size: 93%;
321         color : Gray;
322 }