Bug 25434: Display selections-toolbar on small screens
[koha.git] / koha-tmpl / opac-tmpl / bootstrap / css / src / right-to-left.scss
1 .popup {
2     padding-left: 0;
3     padding-right: 0;
4 }
5
6 a {
7     &.cancel {
8         padding-right: 1em;
9     }
10
11     &.addtocart,
12     &.addtoshelf,
13     &.highlight_toggle,
14     &.incart,
15     &.print-large,
16     &.reserve {
17         padding-right: 35px;
18     }
19
20     &.brief,
21     &.tag_add,
22     &.detail {
23         padding-right: 27px;
24     }
25
26     &.download {
27         padding-right: 20px;
28     }
29
30     &.editshelf {
31         padding-right: 26px;
32     }
33
34     &.hide {
35         padding-right: 26px;
36     }
37
38     &.empty,
39     &.print-small {
40         padding-right: 30px;
41     }
42
43     &.hold,
44     &.new {
45         padding-right: 23px;
46     }
47
48     &.removeitems,
49     &.deleteshelf {
50         padding-right: 25px;
51     }
52
53     &.send {
54         padding-right: 28px;
55     }
56 }
57
58 h1 {
59     &#libraryname {
60         float: right !important;
61     }
62 }
63
64 input.hold {
65     padding-right: 23px;
66 }
67
68 caption {
69     text-align: right;
70 }
71
72 #basketcount {
73     span {
74         margin: 0 .9em 0 0;
75     }
76 }
77
78 #koha_url p {
79     float: left;
80 }
81
82 .actions {
83     a {
84         &.hold {
85             margin-left: 1em;
86             padding-right: 21px;
87         }
88
89         &.addtocart {
90             margin-left: 1em;
91             padding-right: 20px;
92         }
93
94         &.addtoshelf {
95             margin-left: 1em;
96             padding-right: 20px;
97         }
98
99         &.addtolist {
100             margin-left: 1em;
101             padding-right: 20px;
102         }
103
104         &.tag_add {
105             margin-left: 1em;
106             padding-right: 20px;
107         }
108
109         /* List contents remove from list link */
110         &.removefromlist {
111             margin-left: 1em;
112             padding-right: 15px;
113         }
114     }
115 }
116
117 .ui-tabs .ui-tabs-nav li {
118     margin-left: .4em;
119 }
120
121 .statictabs {
122     li {
123         float: right;
124         margin-left: .4em;
125
126         a {
127             float: right;
128         }
129     }
130 }
131
132 #bookcover {
133     float: right;
134
135     img {
136         margin: 0 0 1em 1em;
137     }
138
139      .no-image {
140         margin-left: 10px;
141     }
142 }
143
144 th.sum {
145     text-align: left;
146 }
147
148 th[scope=row] {
149     text-align: left;
150 }
151
152 fieldset {
153     &.rows {
154         clear: right;
155         float: right;
156
157         label,
158         .label {
159             float: right;
160             margin-left: 1em;
161             text-align: left;
162         }
163
164         ol {
165             &.lradio {
166                 label {
167                     margin-left: 0;
168
169                     &.lradio {
170                         float: right;
171                         margin-left: 1em;
172                     }
173                 }
174             }
175         }
176
177         li {
178             clear: right;
179             float: right;
180
181             &.lradio {
182                 padding-right: 8.5em;
183
184                 label {
185                     margin: 0 1em 0 0;
186                 }
187             }
188         }
189     }
190 }
191
192 div.rows {
193     float: right;
194     clear: right;
195
196     .label {
197         float: right;
198         margin-left: 1em;
199         text-align: right;
200     }
201
202     ol {
203         margin-right: 0;
204         padding: .5em 0 0 1em;
205     }
206
207     li {
208
209         clear: right;
210         float: right;
211     }
212
213     ul {
214         li {
215             margin-right: 7.3em;
216
217             &:first-child {
218                 margin-right: 0;
219             }
220         }
221     }
222 }
223
224 .toolbar {
225     padding: 3px 5px 5px 3px;
226
227     label {
228         margin-right: .5em;
229     }
230
231     .hold,
232     #tagsel_tag {
233         padding-right: 28px;
234     }
235
236     li {
237         a {
238             border-right: 1px solid #E8E8E8;
239         }
240
241         &:first-child {
242             a {
243                 border-right: 0;
244             }
245         }
246     }
247
248     ul {
249         padding-right: 0;
250     }
251 }
252
253 #basket .toolbar {
254     padding: 7px 9px 9px 5px;
255 }
256
257 #selections-toolbar {
258     padding-right: 10px;
259 }
260
261 #tagsel_span input.submit,
262 #tagsel_tag {
263     padding-right: 25px;
264 }
265
266 #tagsel_span input.disabled,
267 #tagsel_span input.disabled:hover,
268 #tagsel_span input.hold.disabled,
269 #tagsel_span input.hold.disabled:hover,
270 #selections-toolbar input.hold.disabled,
271 #selections-toolbar input.hold.disabled:hover,
272 #selections-toolbar a.disabled,
273 #selections-toolbar a.disabled:hover {
274     padding-right: 23px;
275 }
276
277 #views {
278     padding: 0 .2em .2em 2em;
279 }
280
281 #bibliodescriptions,
282 #isbdcontents {
283     clear: right;
284 }
285
286 /* pagination */
287 .results-pagination {
288     right: -1px;
289 }
290
291
292 .back {
293     float: left;
294 }
295
296 .pagination_list {
297     ul {
298         padding-right: 0;
299     }
300
301     li {
302         a {
303             padding-right: 0;
304         }
305     }
306
307     .li_pag_index {
308         float: right;
309         padding-left: 10px;
310         text-align: left;
311     }
312 }
313
314 .pg_menu {
315     li {
316         &.back_results {
317             a {
318                 border-left: 1px solid #D0D0D0;
319                 border-right: 1px solid #D0D0D0;
320             }
321         }
322
323         a,
324         span {
325             float: right;
326         }
327     }
328 }
329
330 #listResults{
331     li {
332         margin-left: 1px;
333     }
334 }
335
336 /* nav */
337 .nav_pages {
338     .close_pagination {
339         left: 3px;
340         padding-left: 10px;
341     }
342
343     li {
344         float: right;
345
346         ul {
347             float: right;
348         }
349     }
350 }
351
352 #format,
353 #furthersearches {
354     padding-right: 35px;
355 }
356
357 .highlight_controls {
358     float: right;
359 }
360
361 input.editshelf {
362     padding-right: 29px;
363 }
364
365 .newshelf {
366     padding-right: 28px;
367 }
368
369 .deleteshelf {
370     padding-right: 25px;
371 }
372
373 #login4tags {
374     padding-right: 20px;
375 }
376
377 .tag_results_input {
378     margin-right: 1em;
379 }
380
381 #social_networks {
382     span {
383         float: right;
384         margin: .5em .5em .5em 0 !important;
385     }
386     div {
387         float: right !important;
388         margin: .5em .2em .5em 0 !important;
389     }
390 }
391
392 #marc {
393     td,
394     th {
395         text-align: right;
396     }
397     .results_summary {
398         clear:  right;
399     }
400 }
401
402 #plainmarc th {
403     text-align: right;
404 }
405
406 #renewcontrols {
407      float: left;
408 }
409
410 .authstanza li {
411     margin-right: 0.5em;
412 }
413
414 #didyoumean {
415     text-align: right;
416 }
417
418 .authlink {
419     padding-right: 0.25em;
420 }
421
422 #search-facets,
423 #menu {
424     h4 {
425         a {
426             border-radius: 8px 0 0 8px;
427         }
428     }
429 }
430
431 #menu {
432     border: 0 solid #D8D8D8;
433     border-left-width: 1px;
434
435     li {
436         a {
437             border-radius: 0 5px 5px 0;
438             margin-left: -1px;
439         }
440
441         &.active {
442             a {
443                 border-left-width: 0;
444                 border-right-width: 1px;
445             }
446         }
447     }
448 }
449
450 /* Search results add to cart (lists disabled) */
451 .addto a.addtocart {
452     padding-right: 33px;
453 }
454
455 .searchresults {
456     a {
457         &.highlight_toggle {
458             padding: 0 21px 0 10px;
459         }
460     }
461 }
462
463 .commentline .avatar {
464     float: left;
465     padding-right: .5em;
466 }
467
468 span.sep {
469     padding: 0 .5em 0 .2em;
470 }
471
472 /* style for PM-generated pagination bar */
473
474 .pages span:first-child,
475 .pages a:first-child {
476     border-bottom-right-radius: 3px;
477     border-top-right-radius: 3px;
478 }
479
480 .pages span:last-child,
481 .pages a:last-child {
482     border-bottom-left-radius: 3px;
483     border-top-left-radius: 3px;
484     border-width: 1px 0 1px 1px;
485 }
486
487 .pages .inactive,
488 .pages .currentPage,
489 .pages a {
490     border-width: 1px 0 1px 1px;
491     float: right;
492 }
493
494 .pages a[rel='last'] {
495     border-bottom-left-radius: 3px;
496     border-top-left-radius: 3px;
497 }
498
499 .close {
500     left: auto;
501 }
502
503 /* Redefine a new style for Bootstrap's class "close" since we use that already */
504 /* Use <a class="closebtn" href="#">&times;</a> */
505 .alert .closebtn {
506     left:-21px;
507 }
508
509 .closebtn {
510     float: left;
511 }
512
513 #logo {
514     float: right !important;
515 }
516
517 /* Class to be added to toolbar when it starts being fixed at the top of the screen*/
518 .floating {
519     box-shadow: 0 0 2px 3px rgba( 0, 0, 0, .4 );
520 }
521
522
523 .table {
524     .sorting_asc {
525         background: url("../images/asc.gif") no-repeat scroll left center #ECEDE6;
526         padding-left: 19px;
527     }
528
529     .sorting_desc {
530         padding-left: 19px;
531         background: url("../images/desc.gif") no-repeat scroll left center #ECEDE6;
532     }
533
534     .sorting {
535         padding-left: 19px;
536         background: url("../images/ascdesc.gif") no-repeat scroll left center #ECEDE6;
537     }
538
539     .nosort,
540     .nosort.sorting_asc,
541     .nosort.sorting_desc,
542     .nosort.sorting {
543         padding-left: 19px;
544     }
545 }
546
547 .tags {
548     ul {
549         margin-right: 0;
550     }
551 }
552
553 .coverimages {
554     float: left;
555 }
556
557 #i18nMenu {
558     margin-right: 1em;
559 }
560
561 #overdrive-results {
562     padding-right: 1em;
563 }
564
565 .navbar {
566     .pull-right {
567         float: left;
568     }
569 }