Bug 30952: Fix navbar elements ordering for RTL
[koha.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 /* Adjust text directions */
4
5 body,
6 caption,
7 div#toolbar,
8 div.rows span.label,
9 div.subfield_line label,
10 fieldset.rows.left label,
11 fieldset.rows.left span.label,
12 h1,
13 h2,
14 h3,
15 h4,
16 h5,
17 h6,
18 legend,
19 th,
20 p,
21 ul li,
22 ul.toolbar,
23 .autocomplete .sample-result,
24 .ui-tabs-panel,
25 {
26    text-align: right;
27 }
28
29 #issuest th,
30 .column-tool
31 {
32    text-align: center;
33 }
34
35 /* Swap floats */
36
37 div.lang,
38 div.rows span.label,
39 div.subfield_line label,
40 div#header_search,
41 fieldset.action,
42 fieldset.rows,
43 fieldset.rows input,
44 fieldset.rows div.hint,
45 fieldset.rows img,
46 fieldset.rows label,
47 fieldset.rows li,
48 fieldset.rows ol.radio label.radio,
49 fieldset.rows select,
50 fieldset.rows span.label,
51 fieldset.rows textarea,
52 ol.bibliodetails,
53 ol.bibliodetails span.label,
54 span.required,
55 span.important,
56 #marcDocsSelect,
57 #toplevelnav,
58 .ui-tabs-nav li,
59 {
60    float: right;
61 }
62
63 a.buttondot
64 {
65    float: left;
66 }
67
68 ul li,
69 input,
70 .input_marceditor
71 {
72    float: none;
73 }
74
75 div.sysprefs div.hint {
76    float: right ;
77 }
78
79 /* Adjust margins, padding, alignment and table-element widths */
80
81 div#menu li a
82 {
83    margin-left: -1px;
84 }
85
86 div#menu,
87 div.patroninfo ul,
88 div.patroninfo h5,
89 #guarantorsearch {
90    margin-left: 0.5em;
91 }
92 fieldset.rows img,
93 span.required,
94 span.important
95 {
96    margin-right: 0.5em;
97 }
98
99 fieldset.rows div.hint
100 {
101    margin-right:1em;
102    margin-left:0;
103 }
104
105 ul
106 {
107    padding-left: 0;
108    padding-right: 1.1em;
109 }
110
111 #login
112 {
113    left: 0.5em;
114 }
115
116 #koha_url
117 {
118    left: 2em;
119 }
120
121 #login,
122 #koha_url
123 {
124    right:auto;
125 }
126
127 div.listgroup {
128    clear:right;
129 }
130
131 .holdcount
132 {
133    line-height: 150%;
134 }
135
136
137 /* Borders */
138
139 div#menu,
140 div.patroninfo ul,
141 div.patroninfo h5
142 {
143    border-left: 1px solid #000;
144    border-right: none;
145 }
146
147 #menu ul li.active a
148 {
149    border-right: 1px solid #000;
150    border-left: 0;
151 }
152
153 /* TODO - Can we find ways to avoid this? */
154
155 h1#logo,
156 #koha_url,
157 #login {
158    position: absolute;
159 }
160
161 /*
162 ###############
163 new added for good rtl :
164 */
165 .statictabs ul li {
166     background: none repeat scroll 0px 0px rgb(230, 240, 242);
167     border-top: 1px solid rgb(185, 216, 217);
168     border-right: 1px solid rgb(185, 216, 217);
169     border-left: 1px solid rgb(185, 216, 217);
170     -moz-border-top-colors: none;
171     -moz-border-right-colors: none;
172     -moz-border-bottom-colors: none;
173     -moz-border-left-colors: none;
174     border-image: none;
175     border-bottom: 0px none !important;
176     border-top-right-radius: 4px;
177     border-top-left-radius: 4px;
178     float: right;
179     list-style: none outside none;
180     margin-bottom: 0px;
181     margin-right: 0.4em;
182     padding: 0px;
183     position: relative;
184     white-space: nowrap;
185     top: 1px;
186 }
187
188 div.sysprefs div.hint {
189     width: 25%;
190     float: left;
191     padding: 0.5em;
192     margin: 0.7em;
193 }
194 div.subfield_line label {
195     font-size: 89%;
196     float: right;
197     width: 16em;
198     text-align: right;
199     clear: right;
200 }
201
202 ul#toplevelmenu {
203     padding: 0px;
204     float: right;
205 }
206 .navbar .nav.pull-right {
207     float: left;
208     margin-right: 0px;
209 }
210
211 .navbar .nav > li {
212     float: right;
213 }
214 #cartmenulink {
215     padding-right: 25px;
216 }
217
218 fieldset.action {
219     float: right;
220
221 }
222
223 /***********************************************************/
224
225
226 #addbibliotabs .ui-tabs-panel {
227     float: right;
228 }
229
230 /*floating taps for marceditor and other taps plases */
231 .ui-tabs .ui-tabs-nav li {
232     float: right;
233 }
234 /*this is about the shadow image in the pref sidbar */
235 div#menu li a {
236     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*/
237 background: -webkit-gradient(linear, right top, right top, color-stop(0%,#e8f0f6), color-stop(96%,#e8f0f6), color-stop(100%,#c1c1c1)); /* Chrome,Safari4 */
238     background: -webkit-linear-gradient(right, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* Chrome10,Safari5.1 */
239      background: -o-linear-gradient(right, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* Opera11.10 */
240    background: -ms-linear-gradient(right, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* IE10 */
241        background: linear-gradient(right, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* W3C */
242 }
243 /*Z39 search botton */
244
245 #searchheader form.fz3950bigrpad {
246     float: left;
247 }
248 /*check bocks*/
249 p label, {
250     float: left;
251 }
252
253 .dropdown-menu {
254     position: absolute;
255     top: 100%;
256     left: -25px;
257     z-index: 1000;
258     display: none;
259     float: left;
260     min-width: 160px;
261     padding: 5px 0px;
262     margin: 2px 0px 0px;
263     list-style: none outside none;
264     background-color: rgb(255, 255, 255);
265     border: 1px solid rgba(0, 0, 0, 0.2);
266     border-radius: 6px 6px 6px 6px;
267     box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
268     background-clip: padding-box;
269 }
270
271 #user-menu {
272     left: 5px;
273     right: unset;
274 }
275
276 div.dt-buttons {
277     position: relative;
278     float: right;
279 }
280
281 #catalog-search-link {
282     border-right: 0;
283     border-left: 1px solid #fff;
284     padding-left: .3em;
285 }
286
287 #catalog-search-dropdown > a {
288     border-left: 0;
289     border-right: 1px solid #a3c8cf;
290     margin: 0;
291     padding: .4em .6em;
292 }
293
294 #catalog-search-dropdown > a.catalog-search-dropdown-hover,
295 #catalog-search-dropdown > a:hover {
296     border-left: 0;
297     border-right: 1px solid #82b4be;
298 }
299
300
301 #header_search .form-title {
302     border-radius: 16px 0 0 16px;
303     padding: 0 0 0 16px;
304 }
305
306 #header_search .form-content {
307     margin-left: 0;
308     margin-right: -16px;
309     padding-left: 0;
310     padding-right: 16px;
311     border-radius: 16px 0 0 16px;
312 }
313
314 #header_search .form-content input[type="text"]:not(:first-child),
315 #header_search .form-content select:not(:first-child) {
316     border-left: 0 none;
317     border-right: 1px solid #e0e0e0;
318 }
319
320 #header_search input[type="submit"],
321 #header_search button[type="submit"] {
322     border-radius: 16px  0 0 16px;
323     margin-left: 0;
324     margin-right: -16px;
325     padding-left: 1em;
326     padding-right: calc(16px + .5em);
327 }
328
329 .fa-arrow-right::before {
330     content: "\f060";
331 }
332
333 .navbar-nav {
334     float: right;
335 }
336
337 .navbar-header {
338     float: right;
339 }
340
341 @media (max-width: 767px) {
342     h1#logo {
343         float: none;
344         margin:  auto;
345         position: relative;
346     }
347
348     div#header_search {
349         margin-right: 0;
350     }
351
352     #user-menu .open .dropdown-menu {
353         float: left;
354         left: 0;
355         min-width: 160px;
356         margin: 2px 0px 0px;
357         position: absolute;
358         right: auto;
359         top: 100%;
360         z-index: 1000;
361     }
362
363     .navbar .nav > li {
364         float: none;
365     }
366
367 }