Snapshot of CSS which includes global search box with two-tabbed bordered box
[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 : #316494;
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         font-size : 90%;
231         padding :.2em .5em .4em .5em;
232 }
233
234 #commonsearch {
235         display : inline;
236 }
237
238
239 div#header_search {
240         background-image : url("../../img/koha-logo-medium.gif");
241         background-position : .5em .5em;
242         background-repeat : no-repeat;
243         padding-left : 14.2em;
244         margin: 1em .5em 1em 0;
245 }
246
247 div#header_search ul.link-tabs {
248         font-family : Arial, Geneva, sans-serif;
249         margin-bottom : -4px;
250 }
251
252 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 {
253         padding : 0.1em .5em .2em .5em;
254 }
255
256 div#circ_search,div#catalog_search {
257         border-top : 1px solid #EEEEEE;
258         border-left : 1px solid #EEEEEE;
259         border-right : 1px solid #666666;
260         border-bottom : 1px solid #CCCCCC;
261         padding : .5em 2em .5em 1em;
262 }
263
264 div#circ_search {
265         display : block;
266 }
267
268 div#catalog_search {
269         display : none;
270 }
271
272 /* Panel-Switch Tabs */
273 ul.link-tabs {
274         list-style-type: none;
275         margin: 2px 0 9px 5px;
276         padding: 0;
277 }
278
279 ul.link-tabs li {
280         display: inline;
281         padding: 0px;
282 }
283
284 ul.link-tabs li a {
285         border-bottom: 1px solid #333333;
286         border-left : 1px solid #DDDDDD;
287         border-right : 1px solid #666666;
288         padding: .2em 1.2em .2em 1.2em;
289         text-decoration: none;
290 }
291
292 ul.link-tabs li.off a {
293         background-color: #EEEEEB;
294         border-top: 1px solid #DDDDDD;
295         margin-right : 1px;
296 }
297
298 ul.link-tabs li.off a:hover {
299         background-color: #FFFFEC;
300         border-bottom: 1px solid #333333;
301         border-left : 1px solid #BEBF84;
302         border-right : 2px solid #333333;
303         margin-right : 0;
304         padding: .2em 1.2em .2em 1.2em;
305 }
306
307 ul.link-tabs li.on a {
308         background-color: #FFFFCC;
309         border-top: 1px solid #FFFFCC;
310         border-right: 1px solid #FF9900;
311         border-bottom: 1px solid #FF9900;
312         border-left: 1px solid #FFCC66;
313         font-weight : bold;
314 }
315
316 div#header_search .tip {
317         font-size: 93%;
318         color : Gray;
319 }