theme/standard/rtl.css

   1 /*******************************************************************
   2  rtl.css
   3
   4  This CSS file contains all layout definitions that are required for
   5  right-to-left languages. It overrides definitions in other fils to
   6  move right-floating blocks to the left, align text to the right,
   7  swap left and right margins, etc.
   8
   9  *******************************************************************/
  10
  11 body, td, li, div {
  12     direction: rtl;
  13 }
  14
  15 /* required for chat windows */
  16
  17 .ltr-input {
  18     direction: ltr;
  19 }
  20
  21 /* for input that require LTR, e.g. filenames or URLs */
  22
  23 .headermain, h1.headermain {
  24     float: right;
  25 }
  26
  27 .headermenu {
  28     float: left;
  29     text-align: left;
  30 }
  31
  32 .navbar .breadcrumb {
  33     float: right;
  34 }
  35
  36 .breadcrumb {
  37     padding-left: 0px;
  38     padding-right: 3px;
  39 }
  40
  41 .navbar .navbutton, .navbar .menu {
  42     float: left;
  43 }
  44
  45 .navbar .navbutton {
  46     padding-left: 3px;
  47     padding-right: 0px;
  48 }
  49
  50 .navbar {
  51     margin-left: 5px;
  52     margin-right: 0px;
  53 }
  54
  55 /* login window */
  56
  57 .loginbox.twocolumns .signuppanel {
  58     float: left;
  59 }
  60
  61 .loginbox.twocolumns .loginpanel {
  62     float: right;
  63 }
  64
  65 .loginbox .loginform .form-label {
  66     float: right;
  67     text-align: left;
  68 }
  69
  70 .loginbox .loginform .form-input {
  71     float: left;
  72 }
  73
  74 .loginbox .loginform {
  75     text-align: right;
  76 }
  77
  78 .loginbox .signuppanel .subcontent {
  79     text-align: right;
  80 }
  81
  82 .categorylist .category.number {
  83         text-align: left;
  84 }
  85
  86 .calendar-controls .previous, .calendar-controls .current, .calendar-controls .next {
  87     float: right;
  88 }
  89
  90 .coursebox .summary {
  91     float: left;
  92     text-align: right;
  93 }
  94
  95 .coursebox .info {
  96     float: right;
  97     text-align: right;
  98 }
  99
 100 .categorylist .category.number {
 101     text-align:left;
 102 }
 103
 104 .calendar-controls .previous {
 105     text-align: right;
 106 }
 107
 108 .calendar-controls .next {
 109     text-align: left;
 110 }
 111
 112 .reportlink {
 113     text-align: left;
 114 }
 115
 116 form.mform fieldset legend {
 117     margin-left: 0px;
 118     margin-right: 0.5em;
 119 }
 120
 121 form.mform div.felement, form.mform fieldset.felement {
 122     margin: 5px 10pt 0pt 0px;
 123 }
 124
 125 form.mform .fitemtitle {
 126     margin: 5px 10pt 0pt 0px;
 127 }
 128
 129 form.mform fieldset .advancedbutton {
 130     text-align: left;
 131 }
 132
 133 form.mform .fdescription.required {
 134     text-align: left;
 135 }
 136
 137 /* language selectors */
 138
 139 #chooselang_jump {
 140     direction: ltr;
 141 }
 142
 143 /* on firefox the main layout-table might be pushed to the right by editing buttons **** */
 144
 145 #layout-table {
 146         clear: both;
 147 }
 148
 149 /* admin > appearance > themes > theme settings */
 150
 151 #adminsettings .form-label {
 152         float: right;
 153         text-align: left;
 154 }
 155
 156 #adminsettings .form-setting {
 157         text-align: right;
 158         margin-right: 13em;
 159         margin-left: 0px;
 160 }
 161
 162 #adminsettings .form-description {
 163         margin: 0.5em 13em 0em 0pt;
 164         text-align: right;
 165 }
 166
 167 #id_lang {
 168     direction: ltr;
 169 }
 170
 171 /* admin > lang > language pack selection */
 172
 173 select#pack {
 174     direction: ltr;
 175 }
 176
 177 select#uninstalllang {
 178     direction: ltr;
 179 }
 180
 181 /* in forums, fix top and bottom navigation bars' buttons */
 182 li form .invisiblefieldset {
 183         display: inline;
 184 }
 185
 186 .mod-forum .indent {
 187     margin-right: 30px;
 188     margin-left: 0px;
 189 }
 190
 191 .glossarypost {
 192     text-align: right;
 193 }
 194
 195 h1, h2, h3, h4 {
 196     text-align: right;
 197     padding-left: 0px;
 198     padding-right: 5px;
 199 }
 200
 201 /* lessons */
 202
 203 .mod-lesson .invisiblefieldset.fieldsetfix tr {
 204     text-align: right;
 205 }
 206
 207 .mod-lesson .contents {
 208     text-align: right;
 209 }
 210
 211 .sideblock .header .hide-show {
 212     float: left;
 213 }
 214
 215 .sideblock .content h3, .sideblock .content h2 {
 216     text-align: right;
 217 }
 218
 219 .sideblock .footer {
 220     text-align: right;
 221 }
 222
 223 /* blocks */
 224
 225 h1.main, h2.main, h3.main, h4.main, h5.main, h6.main {
 226     text-align: right;
 227 }
 228
 229 .entrylowersection .icons, .entrylowersection .ratings {
 230     text-align: left;
 231     padding-left: 5px;
 232     padding-right: 0px;
 233 }
 234
 235 .block_calendar_upcoming .event .date {
 236     text-align: left;
 237     direction: ltr;
 238 }
 239
 240 .block_admin_tree .admintree .depth1 {
 241         padding-right:16px;
 242 }
 243
 244 .block_admin_tree .admintree .depth2 {
 245         padding-right:32px;
 246 }
 247
 248 .block_admin_tree .admintree .depth3 {
 249         padding-right:48px;
 250 }
 251
 252 .block_admin_tree .admintree .depth4 {
 253         padding-right:64px;
 254 }
 255
 256 .block_admin_tree .admintree {
 257     text-align: right;
 258 }
 259
 260 body#admin-blocks table.generaltable th.c0, body#admin-blocks table.generaltable td.c0, body#admin-filters table.generaltable th.c0, body#admin-filters table.generaltable td.c0, body#admin-modules table.generaltable th.c0, body#admin-modules table.generaltable td.c0, body#admin-auth table.generaltable th.c0, body#admin-auth table.generaltable td.c0 {
 261     text-align: right;
 262 }
 263
 264 #mod-chat-gui_header_js-jsupdate
 265 .chat-event,
 266 #mod-chat-gui_header_js-jsupdate
 267 .fdate_time_selector {
 268     direction: ltr;
 269 }
 270
 271 .chat-event .text, .chat-message .text {
 272     text-align: right;
 273 }
 274
 275 /* participants */
 276
 277 body#user-index table#participants td, body#user-index table#participants th {
 278     text-align: right;
 279 }
 280
 281 /* Admin > Security */
 282
 283 #adminsettings label {
 284     text-align: left;
 285 }
 286
 287 #adminsettings select, #adminsettings input {
 288     margin: 0pt 5pt 0pt 5pt;
 289 }
 290
 291 #adminsettings .description {
 292     margin: 0pt 160px 0pt 1em;
 293 }
 294
 295 #adminsettings .form-group {
 296     float: right;
 297 }
 298
 299 /* Courses backup */
 300
 301 #admin-backup_sche_hour .form-group {
 302     direction: ltr;
 303     float: right;
 304 }
 305
 306 /* backup_sche_hour */
 307
 308 form.mform div.felement, form.mform fieldset.felement {
 309     float: right;
 310     text-align: right;
 311     margin-right: 10px;
 312         margin-left: 0px;
 313 }
 314
 315 .que .info {
 316     float: right;
 317 }
 318
 319 .que .prompt {
 320     float: right;
 321 }
 322
 323 .que {
 324     text-align: right;
 325 }
 326
 327 .invisiblefieldset {
 328         display: block;
 329 }
 330
 331 body#mod-quiz-report table#attempts .header {
 332     text-align: right;
 333 }
 334
 335 #mod-quiz-mod #reviewoptionshdr fieldset.fgroup span {
 336         clear: right;
 337         float: right;
 338 }
 339
 340 .logtable th {
 341     text-align: right;
 342 }
 343
 344 form.mform .fitemtitle {
 345     float: right;
 346     text-align: left;
 347     margin-right: 10px;
 348         margin-left: 0px;
 349 }
 350
 351 #course-view .section td.right {
 352     border-left-width: 1px;
 353     border-left-style: solid;
 354     border-right-width: 0px;
 355     border-right-style: none;
 356 }
 357
 358 .form-setting .form-time {
 359     direction: ltr;
 360         float:right;
 361 }
 362
 363 /* ========================
 364         for tabs support
 365    ======================== */
 366
 367 .tabrow0 {
 368     PADDING-BOTTOM: 2.75em;
 369 }
 370
 371 /* IE6 requires overflow: auto. IE7 requires overflow: hidden.
 372    exploit IE's "star html selector bug" to apply to IE6 ONLY */
 373 .tabrow0 {
 374         #overflow: hidden; /* for IE7. to eliminate extra scroll bars . the # hides from firefox */
 375     * html overflow: auto; /* for IE6 only **** */
 376 }
 377
 378 .tabrow0  LI {
 379     float: right;
 380     MARGIN: 0px;
 381     width: 130px;
 382     BACKGROUND: url(pix/tab/rtlbg.gif) no-repeat right top;
 383         overflow: hidden; /* for IE7. to prevent long titles from 'falling' 3cm down */
 384 }
 385
 386 .tabrow0 A SPAN {
 387     padding: 10px 0px 0.35em 0px;
 388     BACKGROUND: none;
 389 }
 390
 391 .tabrow0 A {
 392     PADDING-LEFT: 0px !important;
 393     MARGIN: 0px;
 394     BACKGROUND-IMAGE: none;
 395 }
 396
 397 .tabrow0 A:hover,
 398 .tabrow0 A:hover span,
 399 .tabrow0 .here A:hover,
 400 .tabrow0 .here A:hover span {
 401     BACKGROUND-IMAGE: none
 402 }
 403
 404 .tabrow0 .here A:link,
 405 .tabrow0 .here A:visited {
 406         /* has to override styles.css 'position:relative', otherwise the active tab title disappears on IE6/7 */
 407     position: static;
 408 }
 409 .tabrow0 ul a {
 410     PADDING-LEFT: 0px;
 411 }
 412
 413 div.tabrow1 {
 414 /* without that, IE will leave a short line floating, when there's ho secondary menu */
 415         #right: 0px;   /* IE only */
 416         #width: 800px; /* IE only */
 417 }
 418
 419 UL.tabrow1 {
 420     right: 0px;
 421     width: 800px;
 422
 423 /* must have absolute width here, otherwise IE makes a total mess */
 424         min-width: 100%;
 425 }
 426
 427 UL.tabrow1  li {
 428     float: right;
 429 }
 430
 431 .tabtree {
 432         /* give some space below the tabs row (when there's a secondary row) on firefox */
 433         margin-bottom:15px;
 434
 435         /* has to override 'height:100%' in styles_ie6.css, otherwise it causes a huge height in quiz report overview, e.g.: moodle/mod/quiz/report.php?q=14&mode=overview */
 436     height: auto !important;
 437 }
 438
 439 .tabtree * {
 440     width: auto;
 441 }
 442
 443 /* notify-problem line gets covered by secondary tabs line (tabrow1), add some height to the line **** */
 444 .notifyproblem {
 445         line-height: 40px;
 446 }
 447
 448 /* ========================
 449         overrides styles_ie6
 450    ======================== */
 451
 452 FORM.mform INPUT {
 453     margin-left: 5px !important;
 454     margin-right: -5px !important;
 455 }
 456
 457 /* ========================
 458         for htmlarea editor
 459    ======================== */
 460
 461 .htmlarea {
 462     direction: rtl;
 463 }
 464
 465 .htmlarea * select {
 466         max-width: 100px;
 467 }
 468