Bug 23410: Add submenus to system preferences sidebar menu
[koha-ffzg.git] / koha-tmpl / intranet-tmpl / prog / css / right-to-left.css
1 fieldset.rows ol.radio label, fieldset.rows li.radio label { float: right; margin: 0 1em 0 0.3em; }
2
3
4 /* Adjust text directions */
5
6 body,
7 caption,
8 div#toolbar,
9 div.rows span.label,
10 div.subfield_line label,
11 fieldset.rows.left label,
12 fieldset.rows.left span.label,
13 h1,
14 h2,
15 h3,
16 h4,
17 h5,
18 h6,
19 legend,
20 th,
21 odoc,
22 p,
23 ul li,
24 ul.toolbar,
25 #doc2,
26 #doc3,
27 #doc4,
28 .autocomplete .sample-result,
29 .ui-tabs-panel,
30 .yui-t1,
31 .yui-t2,
32 .yui-t3,
33 .yui-t4
34 .yui-t5,
35 .yui-t6,
36 .yui-t7
37 {
38    text-align: right;
39 }
40
41 #doc, #doc2, #doc3, #doc4, .yui-t1, .yui-t2, .yui-t3, .yui-t4, .yui-t5, .yui-t6, .yui-t7 {
42     text-align: right;
43 }
44
45 #issuest th,
46 .column-tool
47 {
48    text-align: center;
49 }
50
51 /* Swap floats */
52
53 div.lang,
54 div.rows span.label,
55 div.subfield_line label,
56 div#header_search,
57 fieldset.action,
58 fieldset.rows,
59 fieldset.rows input,
60 fieldset.rows div.hint,
61 fieldset.rows img,
62 fieldset.rows label,
63 fieldset.rows li,
64 fieldset.rows ol.radio label.radio,
65 fieldset.rows select,
66 fieldset.rows span.label,
67 fieldset.rows textarea,
68 ol.bibliodetails,
69 ol.bibliodetails span.label,
70 span.required,
71 span.important,
72 #marcDocsSelect,
73 #toplevelnav,
74 .ui-tabs-nav li,
75 .yui-g div.first,
76 .yui-gb div.first,
77 .yui-gc div.first,
78 .yui-gc div.first div.first,
79 .yui-gd div.first,
80 .yui-ge div.first,
81 .yui-gf div.first,
82 .yui-t1 .yui-b,
83 .yui-t2 .yui-b,
84 .yui-t3 .yui-b
85 {
86    float: right;
87 }
88
89 a.buttondot
90 {
91    float: left;
92 }
93
94 ul li,
95 input,
96 .input_marceditor
97 {
98    float: none;
99 }
100
101 div.sysprefs div.hint,
102 .yui-g .yui-u,
103 .yui-t1 #yui-main,
104 .yui-t2 #yui-main,
105 .yui-t3 #yui-main,
106
107 {
108    float: right ;
109 }
110 .yui-t1 {
111 float:right
112 }
113
114 /* Adjust margins, padding, alignment and table-element widths */
115
116 .yui-t1 #yui-main,
117 .yui-t2 #yui-main,
118 .yui-t3 #yui-main
119 {
120    margin-left: 0;
121 }
122
123 .yui-t1 #yui-main .yui-b,
124 .yui-t2 #yui-main .yui-b
125 {
126    margin-left: 0;
127    /* karam margin-right: 13em; */
128 }
129
130 div#menu li a
131 {
132    margin-left: -1px;
133 }
134
135 div#menu,
136 div.patroninfo ul,
137 div.patroninfo h5,
138 #guarantorsearch,
139 .yui-g input
140 {
141    margin-left: 0.5em;
142 }
143 fieldset.rows img,
144 span.required,
145 span.important
146 {
147    margin-right: 0.5em;
148 }
149
150 fieldset.rows div.hint
151 {
152    margin-right:1em;
153    margin-left:0;
154 }
155
156 div#header_search
157 {
158    margin-right:200px;
159 }
160
161 .yui-g .yui-u
162 {
163    padding-right: 0;
164 }
165
166 .yui-u
167 {
168    padding-right: 0.5em;
169 }
170
171 ul
172 {
173    padding-left: 0;
174    padding-right: 1.1em;
175 }
176
177 .yui-b
178 {
179    padding-bottom: 5em;
180 }
181
182 #login
183 {
184    left: 0.5em;
185 }
186
187 #koha_url
188 {
189    left: 2em;
190 }
191
192 #login,
193 #koha_url
194 {
195    right:auto;
196 }
197
198 div.listgroup,
199 .yui-g p
200 {
201    clear:right;
202 }
203
204 .yui-t2 #yui-main
205 {
206    width: 75%;
207 }
208
209 .yui-t3 #yui-main
210 {
211    width: 70%;
212 }
213
214 .holdcount
215 {
216    line-height: 150%;
217 }
218
219
220 /* Borders */
221
222 div#menu,
223 div.patroninfo ul,
224 div.patroninfo h5
225 {
226    border-left: 1px solid #000;
227    border-right: none;
228 }
229
230 #menu ul li.active a
231 {
232    border-right: 1px solid #000;
233    border-left: 0;
234 }
235
236 /* TODO - Can we find ways to avoid this? */
237
238 h1#logo,
239 #koha_url,
240 #login,
241 .yui-t1 .yui-b
242 {
243    position: absolute;
244 }
245
246 /*
247 ###############
248 new added for good rtl :
249 */
250 .statictabs ul li {
251     background: none repeat scroll 0px 0px rgb(230, 240, 242);
252     border-top: 1px solid rgb(185, 216, 217);
253     border-right: 1px solid rgb(185, 216, 217);
254     border-left: 1px solid rgb(185, 216, 217);
255     -moz-border-top-colors: none;
256     -moz-border-right-colors: none;
257     -moz-border-bottom-colors: none;
258     -moz-border-left-colors: none;
259     border-image: none;
260     border-bottom: 0px none !important;
261     border-top-right-radius: 4px;
262     border-top-left-radius: 4px;
263     float: right;
264     list-style: none outside none;
265     margin-bottom: 0px;
266     margin-right: 0.4em;
267     padding: 0px;
268     position: relative;
269     white-space: nowrap;
270     top: 1px;
271 }
272
273 div.sysprefs div.hint {
274     width: 25%;
275     float: left;
276     padding: 0.5em;
277     margin: 0.7em;
278 }
279 div.subfield_line label {
280     font-size: 89%;
281     float: right;
282     width: 16em;
283     text-align: right;
284     clear: right;
285 }
286 .yui-t3 #yui-main .yui-b {
287     margin-left: -0.0759em;
288 }
289
290 #doc3 {
291     background-position: right top;
292 }
293
294 .yui-gb{
295     /* use this will break the tools page "" width: 30%;""*/
296     float: right;
297 }
298
299
300
301 ul#toplevelmenu {
302     padding: 0px;
303     float: right;
304 }
305 .navbar .nav.pull-right {
306     float: left;
307     margin-right: 0px;
308 }
309
310 .navbar .nav > li {
311     float: right;
312 }
313 #cartmenulink {
314     padding-right: 25px;
315 }
316
317
318
319 .yui-g .yui-u, .yui-g .yui-g, .yui-g .yui-gb, .yui-g .yui-gc, .yui-g .yui-gd, .yui-g .yui-ge, .yui-g .yui-gf, .yui-gc .yui-u, .yui-gd .yui-g, .yui-g .yui-gc .yui-u, .yui-ge .yui-u, .yui-ge .yui-g, .yui-gf .yui-g, .yui-gf .yui-u {
320     display: inline;
321
322 }
323
324
325
326 fieldset.action {
327     float: right;
328
329 }
330 #yui-main .yui-b {
331
332     width: auto;
333 }
334
335 /***********************************************************/
336
337
338 #addbibliotabs .ui-tabs-panel {
339     float: right;
340 }
341
342 /*for the tools main page */
343 .yui-gb .yui-u {
344     float: left;
345     margin-right: 2%;
346     margin-left: 0%;
347     width: 25%;
348 }
349
350 /*NEWS*/
351 div.yui-b {
352     position: absolute;
353 }
354 div#yui-main{
355 float:left;
356 }
357 /*floating taps for marceditor and other taps plases */
358 .ui-tabs .ui-tabs-nav li {
359     float: right;
360 }
361 /*this is about the shadow image in the pref sidbar */
362 div#menu li a {
363     background: -moz-linear-gradient(right center , rgb(232, 240, 246) 0%, rgb(232, 240, 246) 96%, rgb(193, 193, 193) 100%) repeat scroll 0% 0% transparent; /*firefox 6*/
364 background: -webkit-gradient(linear, right top, right top, color-stop(0%,#e8f0f6), color-stop(96%,#e8f0f6), color-stop(100%,#c1c1c1)); /* Chrome,Safari4 */
365     background: -webkit-linear-gradient(right, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* Chrome10,Safari5.1 */
366      background: -o-linear-gradient(right, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* Opera11.10 */
367    background: -ms-linear-gradient(right, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* IE10 */
368        background: linear-gradient(right, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* W3C */
369 }
370 /*Z39 search botton */
371
372 #searchheader form.fz3950bigrpad {
373     float: left;
374 }
375 /*check bocks*/
376 p label, {
377     float: left;
378 }
379
380 .dropdown-menu {
381     position: absolute;
382     top: 100%;
383     left: -25px;
384     z-index: 1000;
385     display: none;
386     float: left;
387     min-width: 160px;
388     padding: 5px 0px;
389     margin: 2px 0px 0px;
390     list-style: none outside none;
391     background-color: rgb(255, 255, 255);
392     border: 1px solid rgba(0, 0, 0, 0.2);
393     border-radius: 6px 6px 6px 6px;
394     box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
395     background-clip: padding-box;
396 }
397
398
399 /* */
400
401 div#yui-main {
402
403     margin-right: 22em;
404 }
405
406 /* */
407
408 div#yui-main.sysprefs {
409     margin-right: 0em;
410     float: right;
411 }
412
413 #user-menu {
414     left: 5px;
415     right: unset;
416 }
417
418 div.dt-buttons {
419     position: relative;
420     float: right;
421 }
422
423 #catalog-search-link {
424     border-right: 0;
425     border-left: 1px solid #fff;
426     padding-left: .3em;
427 }
428
429 #catalog-search-dropdown > a {
430     border-left: 0;
431     border-right: 1px solid #a3c8cf;
432     margin: 0;
433     padding: .4em .6em;
434 }
435
436 #catalog-search-dropdown > a.catalog-search-dropdown-hover,
437 #catalog-search-dropdown > a:hover {
438     border-left: 0;
439     border-right: 1px solid #82b4be;
440 }
441
442 @media (max-width: 767px) {
443     h1#logo {
444         float: none;
445         margin:  auto;
446         position: relative;
447     }
448
449     div#header_search {
450         margin-right: 0;
451     }
452
453     #user-menu .open .dropdown-menu {
454         float: left;
455         left: 0;
456         min-width: 160px;
457         margin: 2px 0px 0px;
458         position: absolute;
459         right: auto;
460         top: 100%;
461         z-index: 1000;
462     }
463
464     .navbar .nav > li {
465         float: none;
466     }
467
468 }