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