[Summary view] [Print] [Text view]

   1  /* RTL definitions
   2  ---------------------------------------- */
   3  
   4  /**
   5  * common.css 
   6  */
   7  .rtl h1 {
   8      margin-right: 0;
   9      margin-left: 200px;
  10  }
  11  
  12  .rtl p.right {
  13      text-align: left;
  14  }
  15  
  16  .rtl div.rules ul {
  17      margin-left: 0;
  18      margin-right: 20px;
  19  }
  20  
  21  /* Main blocks
  22  ---------------------------------------- */
  23  .rtl #logo {
  24      float: right;
  25      padding: 10px 10px 0 13px;
  26  }
  27  
  28  /* Search box
  29  --------------------------------------------- */
  30  .rtl #search-box {
  31      float: left;
  32      text-align: left;
  33      margin-right: 0;
  34      margin-left: 5px;
  35  }
  36  
  37  .rtl #search-box li {
  38      text-align: left;
  39  }
  40  
  41  .rtl #search-box img {
  42      margin-right: 0;
  43      margin-left: 3px;
  44  }
  45  
  46  .rtl #site-description {
  47      float: right;
  48  }
  49  
  50  .rtl #site-description h1 {
  51      margin-left: 0;
  52  }
  53  
  54  /* Round cornered boxes and backgrounds
  55  ---------------------------------------- */
  56  .rtl .post {
  57      background-position: 0 0;
  58  }
  59  
  60  /* Horizontal lists
  61  ----------------------------------------*/
  62  .rtl ul.linklist li {
  63      float: right;
  64      margin-right: 0;
  65      margin-left: 5px;
  66  }
  67  
  68  .rtl ul.linklist li.rightside, .rtl p.rightside {
  69      float: left;
  70      margin-right: 5px;
  71      margin-left: 0;
  72      text-align: left;
  73  }
  74  
  75  .rtl ul.leftside li, .rtl ul.rightside li {
  76      float: left;
  77  }
  78  
  79  .rtl ul.leftside {
  80      float: right;
  81      margin-left: 5px;
  82      margin-right: 0;
  83      text-align: right;
  84  }
  85  
  86  .rtl ul.rightside {
  87      float: left;
  88      margin-left: -5px;
  89      margin-right: 5px;
  90      text-align: left;
  91  }
  92  
  93  /* Table styles
  94  ----------------------------------------*/
  95  .rtl table.table1 thead th {
  96      padding: 0 3px 4px 0;
  97  }
  98  
  99  .rtl table.table1 thead th span {
 100      padding-left: 0;
 101      padding-right: 7px;
 102  }
 103  
 104  .rtl table.table1 tbody th {
 105      text-align: right;
 106  }
 107  
 108  /* Specific column styles */
 109  .rtl table.table1 .name        { text-align: right; }
 110  .rtl table.table1 .joined    { text-align: right; }
 111  .rtl table.table1 .active    { text-align: right; }
 112  .rtl table.table1 .info        { text-align: right; }
 113  .rtl table.table1 thead .autocol { padding-left: 0; padding-right: 1em; }
 114  
 115  .rtl table.table1 span.rank-img {
 116      float: left;
 117  }
 118  
 119  .rtl table.info tbody th {
 120      text-align: left;
 121  }
 122  
 123  .rtl .forumbg table.table1 {
 124      margin: 0 -1px -1px -2px;
 125  }
 126  
 127  /* Misc layout styles
 128  ---------------------------------------- */
 129  /* column[1-2] styles are containers for two column layouts 
 130     Also see tweaks.css */
 131  .rtl .column1 {
 132      float: right;
 133      clear: right;
 134  }
 135  
 136  .rtl .column2 {
 137      float: left;
 138      clear: left;
 139  }
 140  
 141  /* General classes for placing floating blocks */
 142  .rtl .left-box {
 143      float: right;
 144      text-align: right;
 145  }
 146  
 147  .rtl .right-box {
 148      float: left;
 149      text-align: left;
 150  }
 151  
 152  .rtl dl.details dt {
 153      float: right;
 154      clear: right;
 155      text-align: left;
 156  }
 157  
 158  .rtl dl.details dd {
 159      margin-right: 0;
 160      margin-left: 0;
 161      padding-right: 5px;
 162      padding-left: 0;
 163      float: right;
 164  }
 165  
 166  *:first-child+html dl.details dd {
 167      margin-right: 30%;
 168      float: none;
 169  }
 170  
 171  * html dl.details dd {
 172      margin-right: 30%;
 173      float: none;
 174  }
 175  
 176  /* Pagination
 177  ---------------------------------------- */
 178  .rtl .pagination {
 179      text-align: left;
 180      float: left;
 181      padding-left: 5px;
 182  }
 183  
 184  /* Pagination in viewforum for multipage topics */
 185  .rtl .row .pagination {
 186      float: left;
 187      padding: 1px 0 1px 15px;
 188  }
 189  
 190  .rtl .pagination span {
 191      direction: ltr;
 192  }
 193  
 194  .rtl .pagination span.page-sep {
 195      display: inline;
 196      visibility: hidden;
 197      position: absolute;
 198  }
 199  
 200  /* Miscellaneous styles
 201  ---------------------------------------- */
 202  .rtl #forum-permissions {
 203      float: left;
 204      padding-right: 5px;
 205      padding-left: 0;
 206      margin-right: 5px;
 207      margin-left: 0;
 208      text-align: left;
 209  }
 210  
 211  .rtl .forabg {
 212      width: 99%;    /* fix for IE6 */
 213  }
 214  
 215  .rtl .forumbg {
 216      width: 99%;    /* fix for IE6 */
 217  }
 218  
 219  /**
 220  * links.css
 221  */
 222  
 223  /* Back to top of page */
 224  .rtl .back2top {
 225      text-align: left;
 226  }
 227  
 228  /* Links adjustment to correctly display an order of rtl/ltr mixed content */
 229  .rtl a {
 230      direction: rtl;
 231      unicode-bidi: embed;
 232  }
 233  
 234  .rtl a.top {
 235      float: left;
 236  }
 237  
 238  .rtl a.top2 {
 239      background-position: 100% 50%;
 240      padding-left: 0;
 241      padding-right: 15px;
 242  }
 243  
 244  .rtl .skiplink {
 245      /* invisible skip link, used for accessibility  */
 246      position: relative;
 247      width: 1px;
 248      height: 1px;
 249      overflow: hidden;
 250      display: block;
 251      left: 0;
 252  }
 253  
 254  .rtl a.feed-icon-forum {
 255      float: left;
 256  }
 257  
 258  /**
 259  * content.css
 260  */
 261  .rtl ul.topiclist dfn {
 262      /* Labels for post/view counts */
 263      position: relative;
 264      width: 1px;
 265      height: 1px;
 266      overflow: hidden;
 267      display: block;
 268      left: 0;
 269  }
 270  
 271  .rtl ul.topiclist dt {
 272      float: right;
 273  }
 274  
 275  .rtl ul.topiclist dl {
 276      position: static;    /* fix for IE6 */
 277  }
 278  
 279  .rtl ul.topiclist dd {
 280      float: right;
 281      border-right-width: 1px;
 282      border-right-style: solid;
 283      border-left: none;
 284  }
 285  
 286  .rtl ul.topiclist li.row dt a.subforum {
 287      padding-right: 12px;
 288      background-position: right;
 289      position: static;
 290  }
 291  
 292  .rtl .forum-image {
 293      float: right;
 294      margin-right: 0;
 295      margin-left: 5px;
 296  }
 297  
 298  .rtl li.header dt, .rtl li.header dd {
 299      border-right-width: 0;
 300  }
 301  
 302  .rtl li.header dd {
 303      margin-left: 0;
 304      margin-right: 1px;
 305  }
 306  
 307  .rtl dl.icon {
 308      background-position: 99.5% 50%;
 309  }
 310  
 311  .rtl li.header dl.icon dt {
 312      /* Tweak for headers alignment when folder icon used */
 313      padding-right: 0;
 314      padding-left: 50px;
 315  }
 316  
 317  .rtl dl.icon dt {
 318      padding-left: 0;
 319      padding-right: 45px;                    /* Space for folder icon */
 320      background-position: 99.5% 95%;            /* Position of topic icon */
 321  }
 322  
 323  .rtl dd.lastpost span, .rtl ul.topiclist dd.searchby span, .rtl ul.topiclist dd.info span, .rtl ul.topiclist dd.time span, .rtl dd.redirect span, .rtl dd.moderation span {
 324      padding-left: 0;
 325      padding-right: 5px;
 326  }
 327  
 328  .rtl dd.mark {
 329      float: left !important;
 330  }
 331  
 332  .rtl ul.topiclist dd.searchextra {
 333      margin-left: 0;
 334      margin-right: 5px;
 335      border-right: none;
 336  }
 337  
 338  /* Post body styles
 339  ----------------------------------------*/
 340  .rtl .postbody {
 341      float: right;
 342  }
 343  
 344  /* Topic review panel
 345  ----------------------------------------*/
 346  .rtl #topicreview {
 347      padding-right: 0;
 348      padding-left: 5px;
 349  }
 350  
 351  /* Content container styles
 352  ----------------------------------------*/
 353  .rtl .content ul, .rtl .content ol {
 354      margin-right: 3em;
 355      margin-left: 0;
 356  }
 357  
 358  /* Post author */
 359  .rtl p.author {
 360      margin: 0 0 0.6em 15em;
 361  }
 362  
 363  .rtl .signature {
 364      clear: right;
 365  }
 366  
 367  .rtl .notice {
 368      clear: right;
 369  }
 370  
 371  /* Jump to post link for now */
 372  .rtl ul.searchresults {
 373      text-align: left;
 374  }
 375  
 376  /* BB Code styles
 377  ----------------------------------------*/
 378  /* Quote block */
 379  .rtl blockquote {
 380      margin: 0.5em 25px 0 1px;
 381      background-position: 99% 8px;
 382  }
 383  
 384  .rtl blockquote blockquote {
 385      /* Nested quotes */
 386      margin: 0.5em 15px 0 1px;
 387  }
 388  
 389  .rtl blockquote cite {
 390      /* Username/source of quoter */
 391      margin-right: 20px;
 392      margin-left: 0;
 393  }
 394  
 395  .rtl blockquote dl.codebox {
 396      margin-right: 0;
 397  }
 398  
 399  .rtl code {
 400      direction: ltr;
 401  }
 402  
 403  /* Attachments
 404  ----------------------------------------*/
 405  .rtl .attachbox {
 406      float: right;
 407      margin: 5px 0 5px 5px;
 408      clear: right;
 409  }
 410  
 411  .rtl .attachbox dd {
 412      clear: right;
 413  }
 414  
 415  .rtl .attachbox p {
 416      clear: right;
 417  }
 418  
 419  .rtl .attachbox p.stats {
 420      clear: right;
 421  }
 422  
 423  /* Post poll styles
 424  ----------------------------------------*/
 425  .rtl fieldset.polls dt {
 426      text-align: right;
 427      float: right;
 428      border-left: none;
 429  }
 430  
 431  .rtl fieldset.polls dd {
 432      float: right;
 433      border-right: none;
 434      margin-right: 0;
 435  }
 436  
 437  .rtl fieldset.polls dd div {
 438      text-align: left;
 439  }
 440  
 441  .rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
 442      border-left-width: 1px;
 443      border-left-style: solid;
 444      border-right: none;
 445  }
 446  
 447  /* Poster profile block
 448  ----------------------------------------*/
 449  .rtl .postprofile {
 450      border-left: none;
 451      border-right-width: 1px;
 452      border-right-style: solid;
 453      float: left;
 454  /*    text-align: right; */
 455  }
 456  
 457  .rtl .pm .postprofile {
 458      border-right-width: 1px;
 459      border-right-style: solid;
 460      border-left: none;
 461  }
 462  
 463  .rtl .postprofile dd, .rtl .postprofile dt {
 464      margin-left: 0;
 465      margin-right: 8px;
 466  }
 467  
 468  .rtl .online {
 469      background-position: 0 0;
 470  }
 471  
 472  .rtl dl.pmlist dd {
 473      margin-right: 61% !important;
 474      margin-left: 0 !important;
 475  }
 476  
 477  /**
 478  * buttons.css
 479  */
 480  /* Rollover buttons
 481     Based on: http://wellstyled.com/css-nopreload-rollovers.html
 482  ----------------------------------------*/
 483  .rtl .buttons {
 484      float: right;
 485  }
 486  
 487  /* Rollover state */
 488  .rtl .buttons div {
 489      margin: 0 1px 0 5px;
 490  }
 491  
 492  /* Sub-header (navigation bar)
 493  --------------------------------------------- */
 494  .rtl a.print, .rtl a.sendemail, .rtl a.fontsize {
 495      text-align: right;
 496  }
 497  
 498  /* Icon images
 499  ---------------------------------------- */
 500  .rtl .sitehome, .rtl .icon-faq, .rtl .icon-members, .rtl .icon-home, .rtl .icon-ucp, .rtl .icon-register, .rtl .icon-logout,
 501  .rtl .icon-bookmark, .rtl .icon-bump, .rtl .icon-subscribe, .rtl .icon-unsubscribe, .rtl .icon-pages, .rtl .icon-search {
 502      background-position: 100% 50%;
 503      padding: 1px 17px 0 0;
 504  }
 505  
 506  /* Poster profile icons
 507  ----------------------------------------*/
 508  /* Rollover state */
 509  .rtl .postprofile ul.profile-icons li {
 510      float: right;
 511      margin: 0 0 3px 6px;
 512  }
 513  
 514  /* Positioning of moderator icons */
 515  .rtl .postbody ul.profile-icons {
 516      float: left;
 517  }
 518  
 519  /**
 520  * cp.css
 521  */
 522  /* Control Panel Styles
 523  ---------------------------------------- */
 524  
 525  
 526  /* Main CP box
 527  ----------------------------------------*/
 528  .rtl #cp-menu {
 529      float: right;
 530  }
 531  
 532  .rtl #cp-main {
 533      float: right;
 534  }
 535  
 536  .rtl #cp-main .panel ol {
 537      margin-right: 2em;
 538      margin-left: 0;
 539  }
 540  
 541  .rtl #cp-main .pagination {
 542      float: left;
 543  }
 544  
 545  .rtl #cp-main .buttons {
 546      margin-right: 0;
 547      margin-left: 0;
 548  }
 549  
 550  /* CP tabbed menu
 551  ----------------------------------------*/
 552  .rtl #tabs {
 553      margin: 20px 7px -1px 0;
 554  }
 555  
 556  .rtl #tabs a {
 557      float: right;
 558  }
 559  
 560  /*.rtl #tabs a span {
 561      float: right;
 562  }*/
 563  
 564  /* Mini tabbed menu used in MCP
 565  ----------------------------------------*/
 566  .rtl #minitabs {
 567      margin: -20px 0 0 7px;
 568  }
 569  
 570  .rtl #minitabs li {
 571      float: left;
 572      margin-right: 2px;
 573      margin-left: 0;
 574  }
 575  
 576  /* UCP navigation menu
 577  ----------------------------------------*/
 578  
 579  /* Preferences pane layout
 580  ----------------------------------------*/
 581  .rtl #cp-main h2 {
 582      margin-left: 0;
 583      margin-right: 10px;
 584  }
 585  
 586  /* Friends list */
 587  .rtl .cp-mini {
 588      margin: 10px 5px 10px 15px;
 589  }
 590  
 591  /* PM Styles
 592  ----------------------------------------*/
 593  
 594  /* PM panel adjustments */
 595  .rtl .reply-all a.right {
 596      background-position: 5% 60%;
 597  }
 598  
 599  .rtl .reply-all a.right:hover {
 600      background-position: 3% 60%;
 601  }
 602  
 603  .rtl .reply-all {
 604      padding-left: 5px;
 605  }
 606  
 607  /* Defined rules list for PM options */
 608  .rtl ol.def-rules {
 609      padding-right: 0;
 610  }
 611  
 612  /* PM marking colours */
 613  .rtl .pm-legend {
 614      border-right-width: 10px;
 615      border-right-style: solid;
 616      border-left-width: 0;
 617      padding-left: 0;
 618      padding-right: 3px;
 619  }
 620  
 621  /* Avatar gallery */
 622  .rtl #gallery label {
 623      float: right;
 624  }
 625  
 626  /**
 627  * forms.css
 628  */
 629  
 630  /* General form styles
 631  ----------------------------------------*/
 632  
 633  .rtl option {
 634      padding-right: 0;
 635      padding-left: 1em;
 636  }
 637  
 638  .rtl label {
 639      padding-right: 0;
 640      padding-left: 5px;
 641  }
 642  
 643  /* Definition list layout for forms
 644  ---------------------------------------- */
 645  .rtl fieldset dt {
 646      float: right;
 647      text-align: right;
 648  }
 649  
 650  .rtl fieldset dd {
 651      margin-left: 0;
 652      margin-right: 41%;
 653  }
 654  
 655  /* Specific layout 1 */
 656  .rtl fieldset.fields1 dt {
 657      border-left-width: 0;
 658      border-right-width: 1px;
 659  }
 660  
 661  .rtl fieldset.fields1 dd {
 662      margin-right: 10em;
 663      margin-left: 0;
 664      border-right-width: 0;
 665      border-left-width: 1px;
 666  }
 667  
 668  /* Specific layout 2 */
 669  .rtl fieldset.fields2 dt {
 670      border-right-width: 1px;
 671      border-left-width: 0;
 672  }
 673  
 674  .rtl fieldset.fields2 dd {
 675      margin-right: 16em;
 676      margin-left: 0;
 677      border-left-width: 1px;
 678      border-right-width: 0;
 679  }
 680  
 681  /* Form elements */
 682  .rtl dt label {
 683      text-align: right;
 684  }
 685  
 686  .rtl dd input, .rtl dd textarea {
 687      margin-left: 3px;
 688      margin-right: 0;
 689  }
 690  
 691  /* Quick-login on index page */
 692  .rtl fieldset.quick-login input.inputbox {
 693      margin-left: 5px;
 694      margin-right: 0;
 695  }
 696  
 697  .rtl fieldset.quick-login label {
 698      padding-left: 2px;
 699      padding-right: 0;
 700  }
 701  
 702  /* Display options on viewtopic/viewforum pages  */
 703  .rtl fieldset.display-options label {
 704      padding-left: 2px;
 705      padding-right: 0;
 706  }
 707  
 708  /* Display actions for ucp and mcp pages */
 709  .rtl fieldset.display-actions {
 710      text-align: left;
 711      padding-left: 1em;
 712      padding-right: 0;
 713  }
 714  
 715  .rtl fieldset.display-actions label {
 716      padding-left: 2px;
 717      padding-right: 0;
 718  }
 719  
 720  /* MCP forum selection*/
 721  .rtl fieldset.forum-selection {
 722      float: left;
 723  }
 724  
 725  .rtl fieldset.forum-selection2 {
 726      float: left;
 727  }
 728  
 729  /* Jumpbox */
 730  .rtl fieldset.jumpbox {
 731      text-align: left;
 732  }
 733  
 734  .rtl fieldset.quickmod {
 735      float: left;
 736      text-align: left;
 737  }
 738  
 739  /* Posting page styles
 740  ----------------------------------------*/
 741  
 742  /* Emoticons panel */
 743  .rtl #smiley-box {
 744      float: left;
 745  }
 746  
 747  /* Form button styles
 748  ---------------------------------------- */
 749  
 750  /* Topic and forum Search */
 751  .rtl .search-box {
 752      margin-right: 5px;
 753      margin-left: 0;
 754      float: right;
 755  }
 756  
 757  .rtl input.search {
 758      background-position: right 1px;
 759      padding-right: 17px;
 760      padding-left: 0;
 761  }
 762  
 763  /**
 764  * tweaks.css
 765  */
 766  
 767  /** Reference: Bug #27155 */
 768  .rtl #wrap, .rtl .headerbar, .rtl #site-description, .rtl .navbar {
 769      position: relative;
 770  }