1/* BiDi specific layout modifications */
2
3/* GENERAL LAYOUT EXPLANATION
4 *
5 * BiDi layout modifications relay on the fact that the Tiki application is
6 * enclosed as a whole in tiki-main or tiki-clean. Thus it mirrors the entire
7 * output by setting the directionality property of this DIV element.
8 * Other modifications include overriding all left text-alignments and
9 * turning them into right text-alignments.
10*/
11
12/* Notice : BiDi layout modifications are general and try to address to all the themes.
13 * BiDi is set by default to work with the default theme of Tiki, FiveAlive Blueberry.
14 * BiDi file is read only and used when RTL (Right To Left) language is detected.
15 * It is located at "/styles/BiDi/".
16 */
17
18/* RTL Theme specifics CSS files.
19 * From Tiki12 theme specific RTL stylesheet can be
20 * applied. Place the -rtl.css file within the same directory
21 * of your theme so you'll have "/styles/mytheme.css" and "/styles/mytheme-rtl.css"
22 * Common use is to place graphics within your theme elements. "/styles/mytheme/"
23 * This is experimental and we keep improving as we plan to integrate bootstrap soon.
24 * Any help will be appreciated (please contact). Team : Bsfez/yonixxx.
25*/
26
27/***** XHTML Elements (body tag here, others follow Layout) *****/
28
29html[dir="rtl"] * {
30    direction: rtl;
31    text-align: right; /* If at least latest version of IE supported that, it would be better to use CSS3's text-align: start / end everywhere to avoid this */
32}
33
34/* Hebrew and Arabic characters display smaller than latin characters */
35/* set here a different font size for RTL only - Note that latin char will look bigger than hebrew if mixed (numbers) */
36body {
37    font-size: 102% !important;
38}
39
40/***** Layout *****/
41
42
43/* This div encloses the "clean" Tiki screens */
44div#tiki-clean {
45    direction: rtl !important;
46}
47
48/* Col reversing; This is one col only specific and must be edited if otherwise */
49
50#col2 {
51    float: right !important;
52}
53
54#col3 {
55    float: left !important;
56    margin-left:0 !important;
57}
58
59html[dir="rtl"] #showhide_left_column {
60    float: right !important;
61}
62html[dir="rtl"] #showhide_right_column {
63    float: left !important;
64}
65
66/***** Box *****/
67.box {
68    text-align: right !important;
69}
70
71/* This div encloses the images in box */
72ul li div.image {
73    float: right !important;
74    margin-left:5px !important;
75}
76
77/***** Header graphic adaptation - could be not portable *****/
78/* ===>> This is given as example and used with Tiki <<=== */
79/* ===>>default theme each header should be adapted <<=== */
80
81/** header banner comment or set to none both if you customise theme **/
82#header {
83    background: url('../../../fivealive/options/blueberry/rtl/siteheader_rtl.jpg') 50% 0 no-repeat !important;
84}
85
86.header_container {
87    background: url("../../../fivealive/images/header_left.png") no-repeat scroll 100% 0 transparent !important;
88}
89
90/** Logo position **/
91#top_modules .box-logo {
92    float: right !important;
93    margin-right: 10px !important;
94}
95
96/** Logo Box **/
97
98.sitelogo {
99    float: right !important;
100}
101
102/* Login box left tag should be equal to col width */
103#top_modules .box-login_box {
104    right: auto !important;
105    left: 200px;
106}
107
108.siteloginbar_popup ul.siteloginbar_poppedup {
109    width: 12em !important;
110}
111
112.siteloginbar_popup * {
113    margin: 0;
114}
115
116/* site login popup content */
117.siteloginbar_popup label {
118    float: right !important;
119}
120
121#loginbox.forms fieldset input#sl-login-user,
122#loginbox.forms fieldset input#sl-login-pass,
123#loginbox.forms fieldset input.wikiaction {
124    float: left !important;
125    direction: rtl !important;
126    text-align: right !important;
127}
128
129#siteloginbar_popup .pass a {
130    width: 100% !important;
131    text-align: center !important;
132    padding: 0 !important;
133    margin: 0 !important;
134}
135
136.siteloginbar_popup .pass {
137    float: none !important;
138    width: 100% !important;
139    text-align: right !important;
140}
141
142/* Sitelogin Popup moved left Fivealive theme */
143#siteloginbar_popup {
144    right: 865px !important;
145}
146
147/* Sitelogin hover panel moved right inside the body Fivealive theme - could be not portable */
148#login_link .cbox {
149    position:relative;
150    left: 170px;
151}
152
153#logout_link .cbox {
154    position:relative;
155    left: 200px;
156}
157
158ul.sf-shadow ul {background-image:none}
159
160/** Admin module **/
161#top_modules .box-quickadmin {
162    left: 10px;
163    margin-right: 640px;
164}
165
166#quickadmin ul.recent-prefs {
167    left: auto !important;
168}
169
170/***** CSS menu *****/
171/* Menu alignment */
172.cssmenu_horiz li, .cssmenu_vert li {
173    float: right !important;
174}
175
176.cssmenu_horiz a, .cssmenu_vert a, .cssmenu_horiz ul li a {
177    padding-right: 0.5em;
178    line-height: 16px;
179    text-decoration: none !important;
180}
181
182/* Hebrew and Arabic are smaller so we reset font size */
183.menuText {
184    font-size: 1em !important;
185}
186
187/* Menu adjustment Fivealive theme - Could require editing depending the theme you are using */
188/* moving away menu item from indicator and keep text in the center */
189.topbar .cssmenu_horiz li a {
190    background-position: 0 50% !important;
191}
192
193/** Vertical Menu **/
194
195.cssmenu_vert a.sf-with-ul {
196    padding-right: 0;
197    padding-left: 2.25em;
198}
199
200/* Reseting the position for sub item without indicator  */
201.topbar .cssmenu_horiz li ul li a {
202    padding-right: 0.5em !important;
203}
204
205/* Repositionning sub-menu */
206.cssmenu_vert li ul {
207    right: 140px !important;
208}
209
210/* Indicator reversing and repositioning*/
211.cssmenu_horiz li li a > .sf-sub-indicator {
212    right: 120px;
213    top: 14px;
214    -webkit-transform: scaleX(-1);
215    -ms-transform: scaleX(-1);
216    transform: scaleX(-1);
217    -webkit-filter: FlipH;
218    filter: FlipH;
219    -ms-filter: "FlipH";
220}
221
222.cssmenu_vert a > .sf-sub-indicator {
223    right: 120px;
224    -webkit-transform: scaleX(-1);
225    -ms-transform: scaleX(-1);
226    transform: scaleX(-1);
227    -webkit-filter: FlipH;
228    filter: FlipH;
229    -ms-filter: "FlipH";
230}
231
232.sf-sub-indicator {
233    text-indent: 999em;
234}
235
236/* Submenu alignment */
237
238.cssmenu_horiz li:hover ul,
239.cssmenu_horiz li.sfHover ul,
240.cssmenu_vert li:hover ul,
241.cssmenu_vert li.sfHover ul {
242    left: auto; right: 0;
243}
244
245/* menulevel2 adjustment */
246.cssmenu_horiz li ul li ul {
247    left:-13em !important;
248    padding: 0 8px 9px 0;
249    width: 13em !important;
250    background: url(../../../../img/superfish/shadow.png) no-repeat bottom right;
251}
252
253/***** My Account User Preferences *****/
254.tabcontent .floatleft {
255    float: right !important;
256}
257
258.tabcontent .floatright {
259    float: left !important;
260}
261
262#user_information .tabcontent .floatright {
263    float: none !important;
264    padding-right: 15em;
265}
266
267/***** Wiki page *****/
268div.tabstoggle {
269    float: left !important;
270}
271
272.tabs .container {
273    float: right !important;
274    width: auto !important;
275    margin-right: -2px
276}
277
278.tabstoggle .button {
279    right:24px;
280}
281
282.tabcontent table {
283    text-align: right !important;
284}
285
286#page-bar {
287    float: right !important;
288}
289
290/***** File gallery  *****/
291#thumbnails {
292    float: none !important;
293}
294
295/* Popup content - width is a tweak for the scroll right masking part of the table */
296.opaque {
297    text-align: right !important;
298    direction: rtl !important;
299    width: 96%;
300}
301
302/* Flip the navigation arrows */
303.fgallisting img.icon, .mini a.prevnext img.icon {
304    -webkit-transform: scaleX(-1);
305    -ms-transform: scaleX(-1);
306    transform: scaleX(-1);
307    -webkit-filter: FlipH;
308    filter: FlipH;
309    -ms-filter: "FlipH";
310}
311
312/***** Article *****/
313
314.articletitle {
315    text-align: right !important;
316}
317
318img.articleimage {
319    padding: 2px 2px 2px 20px !important;
320}
321
322/* Comment */
323.post .postbody .content, .post .author, .dirsite {
324    text-align: right !important;
325}
326
327/***** Calendar *****/
328/* keep date in the calendar in the right direction */
329.calId1 {
330    direction:rtl;
331}
332
333/* Flip the calendar navigation arrows */
334#calscreen .viewmode img.icon {
335    -webkit-transform: scaleX(-1) !important;
336    -ms-transform: scaleX(-1) !important;
337    transform: scaleX(-1) !important;
338    -webkit-filter: FlipH !important;
339    filter: FlipH !important;
340    -ms-filter: "FlipH" !important;
341}
342
343/***** Tables *****/
344table {
345    width: 100%;
346}
347
348table.formcolor {
349    width: 98%;
350}
351
352/* When modules display a list of items each item is enclosed in a cell with the following style */
353td.module {
354    text-align: right !important;
355}
356
357/* Cells in forms without background color (inside a div for example) */
358td.form {
359    text-align: right !important;
360}
361
362/* Cells in forms using a background color */
363td.formcolor, td.galform, td.editblogform, td.editfgalform, td.comform, td.forumform {
364    text-align: right !important;
365}
366
367/* Odd rows in several listings */
368td.odd, td.gallistnameodd, td.gallistdescriptionodd, td.gallistcreatedodd, td.gallistlastModifodd, td.gallistuserodd,
369td.gallistimagesodd, td.gallisthitsodd, td.gallistactionsodd, td.listgalidodd, td.listgalnameodd, td.listgalcreatedodd,
370td.listgalhitsodd, td.listgaluserodd, td.listgalfilesizeodd, td.bloglistnameodd, td.bloglistdescriptionodd,
371td.bloglistcreatedodd, td.bloglistlastModifodd, td.bloglistuserodd, td.bloglistpublicodd, td.bloglistpostsodd,
372td.bloglistvisitsodd, td.bloglistactivityodd, td.bloglistactionsodd, td.listfgalnameodd, td.listfgaldescriptionodd,
373td.listfgalcreatedodd, td.listfgallastModifodd, td.listfgaluserodd, td.listfgalfilesodd, td.listfgalvisitsodd,
374td.listfgalactionsodd, td.listfilesnameodd, td.listfilesdescriptionodd, td.listfilesidodd, td.listfilesfilenameodd,
375td.listfilesfilesizeodd, td.listfilescreatedodd, td.listfilesdlsodd, td.listfilesnameodd, td.listfilesuserodd,
376td.listfilesactionsodd, td.listarttitleodd, td.listarttopicodd, td.listartpublishDateodd, td.listartauthorodd,
377td.listartreadsodd, td.listarthasimageodd, td.listartuseimageodd, td.listartactionsodd, td.listartsizeodd, td.forumstableodd,
378td.forumstableinfoodd, td.topictitleodd, td.topicrepliesodd, td.topicreadsodd, td.topicscoreodd, td.topiclastpostodd,
379td.topicauthorodd {
380    text-align: right !important;
381}
382
383/* Even rows in several listings */
384td.even, td.gallistnameeven, td.gallistdescriptioneven, td.gallistcreatedeven, td.gallistlastModifeven, td.gallistusereven,
385td.gallistimageseven, td.gallisthitseven, td.gallistactionseven, td.listgalideven, td.listgalnameeven, td.listgalcreatedeven,
386td.listgalhitseven, td.listgalusereven, td.listgalfilesizeeven, td.bloglistnameeven, td.bloglistdescriptioneven,
387td.bloglistcreatedeven, td.bloglistlastModifeven, td.bloglistusereven, td.bloglistpubliceven, td.bloglistpostseven,
388td.bloglistvisitseven, td.bloglistactivityeven, td.bloglistactionseven, td.listfgalnameeven, td.listfgaldescriptioneven,
389td.listfgalcreatedeven, td.listfgallastModifeven, td.listfgalusereven, td.listfgalfileseven, td.listfgalvisitseven,
390td.listfgalactionseven, td.listfilesnameeven, td.listfilesdescriptioneven, td.listfilesideven, td.listfilesfilenameeven,
391td.listfilesfilesizeeven, td.listfilescreatedeven, td.listfilesdlseven, td.listfilesnameeven, td.listfilesusereven,
392td.listfilesactionseven, td.listarttitleeven, td.listarttopiceven, td.listartpublishDateeven, td.listartauthoreven,
393td.listartreadseven, td.listarthasimageeven, td.listartuseimageeven, td.listartactionseven, td.listartsizeeven,
394td.forumstableeven, td.forumstableinfoeven, td.topictitleeven, td.topicreplieseven, td.topicreadseven, td.topicscoreeven,
395td.topiclastposteven, td.topicauthoreven {
396    text-align: right !important;
397}
398
399td.third {
400    text-align: right !important;
401}
402
403/* Browsing an image */
404td.imageinfo {
405    text-align: right !important;
406}
407
408/* Inside chat */
409td.tdchatform {
410    text-align: right !important;
411}
412
413.share {
414    text-align:right;
415}
416
417/***** plugin *****/
418/* Wikitracker plugin - Could require editing depending the theme you are using */
419.wikiplugin_tracker h6 {
420    text-align: right !important;
421}
422
423.ui-dialog {
424    direction: rtl !important;
425    text-align: right !important;
426}
427
428.ui-dialog-title {float: right !important}
429.ui-dialog-titlebar-close {
430    left: 0.3em !important;
431    right: auto !important;
432}
433
434/***** module *****/
435/* Share module */
436#pagetop_modules .mod-share-item {
437    float: right !important;
438    text-align: right !important;
439}
440
441/* If an rtl language is set for the Facebook language module setting this will avoid collision */
442#pagetop_modules .fb_edge_widget_with_comment {
443    right: 8px !important;
444}
445
446/***** Miscellaneous *****/
447/* Rss icons */
448#rss {
449    text-align: right !important;
450}
451
452/* Trackers */
453table.normal th.auto {
454    text-align: right;
455}
456
457/* Toolbars items */
458.toolbars-admin ul#full-list-w.full, .toolbars-admin ul#full-list-p.full, .toolbars-admin ul#full-list-c.full {
459    padding-right: 0;
460}
461
462/***** Admin *****/
463#wizardBody .adminoption {
464    float: right;
465    margin-right: 0;
466    margin-left: 1em;
467}
468
469/*#wizardBody .adminoptionlabel {
470    text-align: right !important;
471}*/
472
473#wizardBody .adminoptionbox {
474    text-align: right !important;
475}
476
477/***** User Wizard *****/
478
479.userWizardIconleft {
480    float:right;
481    margin-left: 10px;
482    margin-right: 0;
483}
484
485.userWizardIconright {
486    float: left;
487    margin-left: 0;
488    margin-right: 10px;
489}
490
491/***** Admin Wizard *****/
492#wizardBody .adminWizardIconleft {
493    float:right;
494    margin-left: 10px;
495    margin-right: 0;
496}
497
498#wizardBody .adminWizardIconright {
499    float:left;
500    margin-right: 10px;
501    margin-left: 0;
502}
503
504.adminWizardtable {
505    padding-left:0 !important;
506    padding-right:20px;
507}
508
509#wizardBody .adminWizardlookandfell {
510    right: auto;
511    left: .5em;
512}
513
514/* Overrides for main page content in non-RTL languages (only when lang attr is set on it) */
515#role_main[lang]:not([lang=ar]):not([lang=he]):not([lang=fa]):not([lang=ku]):not([lang=ug]) * {
516    direction: ltr;
517    text-align: left;
518}
519
520