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 .calendar-controls .previous, .calendar-controls .current, .calendar-controls .next {
  83     float: right;
  84 }
  85
  86 .coursebox .summary {
  87     float: left;
  88     text-align: right;
  89 }
  90
  91 .coursebox .info {
  92     float: right;
  93     text-align: right;
  94 }
  95
  96 .calendar-controls .previous {
  97     text-align: right;
  98 }
  99
 100 .calendar-controls .next {
 101     text-align: left;
 102 }
 103
 104 .reportlink {
 105     text-align: left;
 106 }
 107
 108 form.mform fieldset legend {
 109     margin-left: 0px;
 110     margin-right: 0.5em;
 111 }
 112
 113 form.mform div.felement, form.mform fieldset.felement {
 114     margin: 5px 10pt 0pt 0px;
 115 }
 116
 117 form.mform .fitemtitle {
 118     margin: 5px 10pt 0pt 0px;
 119 }
 120
 121 form.mform fieldset .advancedbutton {
 122     text-align: left;
 123 }
 124
 125 form.mform .fdescription.required {
 126     text-align: left;
 127 }
 128
 129 /* language selectors */
 130
 131 #chooselang_jump {
 132     direction: ltr;
 133 }
 134
 135 #id_lang {
 136     direction: ltr;
 137 }
 138
 139 /* admin > lang > language pack selection */
 140
 141 select#pack {
 142     direction: ltr;
 143 }
 144
 145 select#uninstalllang {
 146     direction: ltr;
 147 }
 148
 149 .mod-forum .indent {
 150     margin-right: 30px;
 151     margin-left: 0px;
 152 }
 153
 154 .glossarypost {
 155     text-align: right;
 156 }
 157
 158 h1, h2, h3, h4 {
 159     text-align: right;
 160     padding-left: 0px;
 161     padding-right: 5px;
 162 }
 163
 164 /* lessons */
 165
 166 .mod-lesson .invisiblefieldset.fieldsetfix tr {
 167     text-align: right;
 168 }
 169
 170 .mod-lesson .contents {
 171     text-align: right;
 172 }
 173
 174 .sideblock .header .hide-show {
 175     float: left;
 176 }
 177
 178 .sideblock .content h3, .sideblock .content h2 {
 179     text-align: right;
 180 }
 181
 182 .sideblock .footer {
 183     text-align: right;
 184 }
 185
 186 /* blocks */
 187
 188 h1.main, h2.main, h3.main, h4.main, h5.main, h6.main {
 189     text-align: right;
 190 }
 191
 192 .entrylowersection .icons, .entrylowersection .ratings {
 193     text-align: left;
 194     padding-left: 5px;
 195     padding-right: 0px;
 196 }
 197
 198 .block_calendar_upcoming .event .date {
 199     text-align: left;
 200     direction: ltr;
 201 }
 202
 203 .block_admin_tree .admintree {
 204     text-align: right;
 205 }
 206
 207 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 {
 208     text-align: right;
 209 }
 210
 211 #mod-chat-gui_header_js-jsupdate
 212 .chat-event,
 213 #mod-chat-gui_header_js-jsupdate
 214 .fdate_time_selector {
 215     direction: ltr;
 216 }
 217
 218 .chat-event .text, .chat-message .text {
 219     text-align: right;
 220 }
 221
 222 /* participants */
 223
 224 body#user-index table#participants td, body#user-index table#participants th {
 225     text-align: right;
 226 }
 227
 228 /* Admin > Security */
 229
 230 #adminsettings label {
 231     float: right;
 232     text-align: left;
 233 }
 234
 235 #adminsettings select, #adminsettings input {
 236     float: right;
 237     margin: 0pt 10pt 0pt 0px;
 238 }
 239
 240 #adminsettings .description {
 241     margin: 0pt 160px 0pt 1em;
 242 }
 243
 244 #adminsettings .form-group {
 245     float: right;
 246 }
 247
 248 /* Courses backup */
 249
 250 #admin-backup_sche_hour .form-group {
 251     direction: ltr;
 252     float: right;
 253 }
 254
 255 /* backup_sche_hour */
 256
 257 form.mform div.felement, form.mform fieldset.felement {
 258     float: right;
 259     text-align: right;
 260     margin-right: 10px;
 261         margin-left: 0px;
 262 }
 263
 264 .que .info {
 265     float: right;
 266 }
 267
 268 .que .prompt {
 269     float: right;
 270 }
 271
 272 .que {
 273     text-align: right;
 274 }
 275
 276 body#mod-quiz-report table#attempts .header {
 277     text-align: right;
 278 }
 279
 280 .logtable th {
 281     text-align: right;
 282 }
 283
 284 form.mform .fitemtitle {
 285     float: right;
 286     text-align: left;
 287     margin-right: 10px;
 288         margin-left: 0px;
 289 }
 290
 291 #course-view .section td.right {
 292     border-left-width: 1px;
 293     border-left-style: solid;
 294     border-right-width: 0px;
 295     border-right-style: none;
 296 }
 297
 298 /* ========================
 299         for tabs support
 300    ======================== */
 301
 302 .tabrow0 {
 303     overflow: auto;
 304     PADDING-BOTTOM: 2.75em;
 305 }
 306
 307 .tabrow0  LI {
 308     float: right;
 309     MARGIN: 0px;
 310     width: 130px;
 311     BACKGROUND: url(pix/tab/rtlbg.gif) no-repeat right top;
 312 }
 313
 314 .tabrow0 A SPAN {
 315     padding: 10px 0px 0.35em 0px;
 316     BACKGROUND: none;
 317 }
 318
 319 .tabrow0 A {
 320     PADDING-LEFT: 0px !important;
 321     MARGIN: 0px;
 322     BACKGROUND-IMAGE: none;
 323 }
 324
 325 .tabrow0 A:hover,
 326 .tabrow0 A:hover span,
 327 .tabrow0 .here A:hover,
 328 .tabrow0 .here A:hover span {
 329     BACKGROUND-IMAGE: none
 330 }
 331
 332 .tabrow0 ul a {
 333     PADDING-LEFT: 0px;
 334 }
 335
 336 UL.tabrow1 {
 337     right: 0px;
 338     width: 800px;
 339
 340 /* must have absolute width here, otherwise IE makes a total mess */
 341         min-width: 100%;
 342 }
 343
 344 UL.tabrow1  li {
 345     float: right;
 346 }
 347
 348 .tabtree * {
 349     width: auto;
 350 }
 351
 352 /* ========================
 353         overrides styles_ie6
 354    ======================== */
 355
 356 FORM.mform INPUT {
 357     margin-left: 5px !important;
 358     margin-right: -5px !important;
 359 }
 360
 361 /* ========================
 362         for htmlarea editor
 363    ======================== */
 364
 365 .htmlarea {
 366     direction: rtl;
 367 }
 368
 369 form#adminsettings div.htmlarea {
 370     clear: right;
 371 }