[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 p.jumpbox-return {
  17      float: right;
  18  }
  19  
  20  .rtl div.rules ul {
  21      margin-left: 0;
  22      margin-right: 20px;
  23  }
  24  
  25  /* Main blocks
  26  ---------------------------------------- */
  27  .rtl .icon {
  28      padding-right: 0;
  29      padding-left: 2px;
  30  }
  31  
  32  .rtl .logo {
  33      float: right;
  34      padding: 10px 10px 0 13px;
  35  }
  36  
  37  /* Site Description
  38  --------------------------------------------- */
  39  .rtl .site-description {
  40      float: right;
  41  }
  42  
  43  .rtl .site-description h1 {
  44      margin-left: 0;
  45  }
  46  
  47  /* Round cornered boxes and backgrounds
  48  ---------------------------------------- */
  49  .rtl .post {
  50      background-position: 0 0;
  51  }
  52  
  53  /* Horizontal lists
  54  ----------------------------------------*/
  55  .rtl ul.linklist > li {
  56      float: right;
  57      margin-right: 0;
  58      margin-left: 7px;
  59  }
  60  
  61  .rtl ul.linklist > li.rightside, .rtl p.rightside, .rtl a.rightside {
  62      float: left;
  63      margin-right: 7px;
  64      margin-left: 0;
  65      text-align: left;
  66  }
  67  
  68  .rtl ul.leftside > li, .rtl ul.rightside > li {
  69      float: left;
  70  }
  71  
  72  .rtl ul.leftside {
  73      float: right;
  74      margin-left: 5px;
  75      margin-right: 0;
  76      text-align: right;
  77  }
  78  
  79  .rtl ul.rightside {
  80      float: left;
  81      margin-left: -5px;
  82      margin-right: 5px;
  83      text-align: left;
  84  }
  85  
  86  /* Bulletin icons for list items
  87  ----------------------------------------*/
  88  .rtl ul.linklist.bulletin > li:before {
  89      padding-left: 4px;
  90      padding-right: 0;
  91  }
  92  
  93  /* Dropdown menu
  94  ---------------------------------------- */
  95  .rtl .dropdown-container.topic-tools, .rtl .dropdown-container-left {
  96      float: right;
  97  }
  98  
  99  .rtl .dropdown li {
 100      text-align: right;
 101  }
 102  
 103  .rtl .dropdown-contents > li {
 104      padding-left: 15px;
 105      padding-right: 0;
 106  }
 107  
 108  .rtl .dropdown-nonscroll > li {
 109      padding-left: 0;
 110  }
 111  
 112  .rtl .dropdown li li {
 113      padding-left: 0;
 114      padding-right: 18px;
 115  }
 116  
 117  .rtl .dropdown-extended .header {
 118      text-align: right;
 119  }
 120  
 121  .rtl .dropdown-extended .header .header_settings, .rtl .dropdown-container-right {
 122      float: left;
 123  }
 124  
 125  .rtl .jumpbox .dropdown-contents a {
 126      margin-right: 0;
 127      margin-left: 20px;
 128  }
 129  
 130  /* Notifications
 131  -----------------------------------------*/
 132  .rtl .notification_list ul li img {
 133      float: right;
 134      margin-left: 5px;
 135      margin-right: 0;
 136  }
 137  
 138  .rtl .notification_list div.notifications {
 139      margin-left: 0;
 140      margin-right: 50px;
 141  }
 142  
 143  .rtl .notification_text {
 144      margin-left: 0;
 145      margin-right: 58px;
 146  }
 147  
 148  .rtl .notification_list p.notification-time {
 149      text-align: left;
 150  }
 151  
 152  /* Responsive breadcrumbs
 153  ----------------------------------------*/
 154  .rtl .breadcrumbs .crumb {
 155      float: right;
 156  }
 157  
 158  /* Table styles
 159  ----------------------------------------*/
 160  .rtl table.table1 thead th {
 161      padding: 0 3px 4px 0;
 162  }
 163  
 164  .rtl table.table1 thead th span {
 165      padding-left: 0;
 166      padding-right: 7px;
 167  }
 168  
 169  .rtl table.table1 tbody th {
 170      text-align: right;
 171  }
 172  
 173  /* Specific column styles */
 174  .rtl table.table1 .name        { text-align: right; }
 175  .rtl table.table1 .joined    { text-align: right; }
 176  .rtl table.table1 .active    { text-align: right; }
 177  .rtl table.table1 .info        { text-align: right; }
 178  .rtl table.table1 thead .autocol { padding-left: 0; padding-right: 1em; }
 179  
 180  .rtl table.table1 span.rank-img {
 181      float: left;
 182  }
 183  
 184  .rtl table.info tbody th {
 185      text-align: left;
 186  }
 187  
 188  .rtl .forumbg table.table1 {
 189      margin: 0 -1px -1px -2px;
 190  }
 191  
 192  /* Misc layout styles
 193  ---------------------------------------- */
 194  /* column[1-2] styles are containers for two column layouts */
 195  .rtl .column1 {
 196      float: right;
 197      clear: right;
 198  }
 199  
 200  .rtl .column2 {
 201      float: left;
 202      clear: left;
 203  }
 204  
 205  /* General classes for placing floating blocks */
 206  .rtl .left-box {
 207      float: right;
 208      text-align: right;
 209  }
 210  
 211  .rtl .right-box {
 212      float: left;
 213      text-align: left;
 214  }
 215  
 216  .rtl dl.details dt {
 217      float: right;
 218      clear: right;
 219      text-align: left;
 220  }
 221  
 222  .rtl dl.details dd {
 223      margin-right: 0;
 224      margin-left: 0;
 225      padding-right: 5px;
 226      padding-left: 0;
 227      float: right;
 228  }
 229  
 230  *:first-child+html dl.details dd {
 231      margin-right: 30%;
 232      float: none;
 233  }
 234  
 235  * html dl.details dd {
 236      margin-right: 30%;
 237      float: none;
 238  }
 239  
 240  /* Pagination
 241  ---------------------------------------- */
 242  .rtl .page-number {
 243      float: left;
 244  }
 245  
 246  .rtl .pagination {
 247      text-align: left;
 248      float: left;
 249  }
 250  
 251  .rtl .pagination > ul {
 252      margin-left: 0;
 253      margin-right: 5px;
 254  }
 255  
 256  /* Pagination in viewforum for multipage topics */
 257  .rtl .row .pagination {
 258      background-position: 100% 50%;
 259      float: left;
 260      padding-left: 0;
 261      padding-right: 15px;
 262  }
 263  
 264  .rtl .row .pagination > ul {
 265      margin: 0;
 266  }
 267  
 268  .rtl .pagination span {
 269      direction: ltr;
 270  }
 271  
 272  .pagination li.page-jump {
 273      margin-left: 5px;
 274      margin-right: 0;
 275  }
 276  
 277  /* Action Bar styles
 278  ---------------------------------------- */
 279  .rtl .action-bar .button {
 280      margin-right: 0;
 281      float: right;
 282  }
 283  
 284  .rtl .action-bar > .button {
 285      margin-left: 5px;
 286      float: right;
 287  }
 288  
 289  .rtl .action-bar .dropdown-button-control .button {
 290      margin-left: 5px;
 291  }
 292  
 293  
 294  /* Miscellaneous styles
 295  ---------------------------------------- */
 296  .rtl .quick-links {
 297      margin-left: 7px;
 298      margin-right: 0;
 299  }
 300  
 301  .rtl .header-avatar span:after {
 302      float: left;
 303      padding-left: 0;
 304      padding-right: 2px;
 305  }
 306  
 307  .rtl .member-search {
 308      float: right;
 309  }
 310  
 311  /**
 312  * links.css
 313  */
 314  
 315  /* Links adjustment to correctly display an order of rtl/ltr mixed content */
 316  .rtl a {
 317      direction: rtl;
 318      unicode-bidi: embed;
 319  }
 320  
 321  li.breadcrumbs span:first-child > a {
 322      padding-left: 0;
 323  }
 324  
 325  /* Notification mark read link */
 326  .rtl .dropdown-extended a.mark_read {
 327      border-radius: 0 3px 3px 0;
 328      left: 0;
 329      right: auto;
 330  }
 331  
 332  .rtl .back2top .top {
 333      float: left;
 334      margin-left: -10px;
 335  }
 336  
 337  .rtl .skiplink {
 338      /* invisible skip link, used for accessibility  */
 339      left: 0;
 340      right: -999px;
 341  }
 342  
 343  .rtl a.feed-icon-forum {
 344      float: left;
 345  }
 346  
 347  /**
 348  * content.css
 349  */
 350  .rtl ul.topiclist dt, .rtl li.header dt {
 351      float: right;
 352      margin-right: 0;
 353      margin-left: -440px;
 354  }
 355  
 356  .rtl ul.topiclist.missing-column dt {
 357      margin-right: 0;
 358      margin-left: -345px;
 359  }
 360  
 361  .rtl ul.topiclist.two-long-columns dt {
 362      margin-right: 0;
 363      margin-left: -250px;
 364  }
 365  
 366  .rtl ul.topiclist.two-columns dt {
 367      margin-right: 0;
 368      margin-left: -80px;
 369  }
 370  
 371  .rtl ul.topiclist dt .list-inner {
 372      margin-right: 0;
 373      margin-left: 440px;
 374  }
 375  
 376  .rtl ul.topiclist.missing-column dt .list-inner {
 377      margin-right: 0;
 378      margin-left: 330px;
 379  }
 380  
 381  .rtl ul.topiclist.two-long-columns dt .list-inner {
 382      margin-right: 0;
 383      margin-left: 250px;
 384  }
 385  
 386  .rtl ul.topiclist.two-columns dt .list-inner {
 387      margin-right: 0;
 388      margin-left: 80px;
 389  }
 390  
 391  .rtl ul.topiclist dd {
 392      float: right;
 393      border-right-width: 1px;
 394      border-right-style: solid;
 395      border-left: none;
 396  }
 397  
 398  .rtl ul.topiclist dfn {
 399      left: auto;
 400      right: -999px;
 401  }
 402  
 403  .rtl ul.topiclist li.row dt a.subforum {
 404      padding-right: 12px;
 405      background-position: right;
 406      position: static;
 407  }
 408  
 409  .rtl .forum-image {
 410      float: right;
 411      margin-right: 0;
 412      margin-left: 5px;
 413  }
 414  
 415  .rtl li.header dt, .rtl li.header dd {
 416      border-right-width: 0;
 417  }
 418  
 419  .rtl li.header dd {
 420      padding-left: 0;
 421      padding-right: 1px;
 422  }
 423  
 424  .rtl dl.row-item{
 425      background-position: 99.5% 50%;
 426  }
 427  
 428  .rtl li.header dl.row-item dt .list-inner {
 429      /* Tweak for headers alignment when folder icon used */
 430      padding-right: 0;
 431      padding-left: 50px;
 432  }
 433  
 434  .rtl dl.row-item dt {
 435      background-position: 99.5% 95%;            /* Position of topic icon */
 436  }
 437  
 438  .rtl dl.row-item dt .list-inner {
 439      padding-left: 5px;
 440      padding-right: 45px;                    /* Space for folder icon */
 441  }
 442  
 443  .rtl dl a.row-item-link {                        /* topic row icon links */
 444      display: inline-block;
 445      left: auto;
 446      right: 0;
 447      margin-left: 0;
 448      margin-right: 2px;
 449  }
 450  
 451  .rtl dd.lastpost > span, .rtl ul.topiclist dd.info > span, .rtl ul.topiclist dd.time > span, .rtl dd.redirect > span, .rtl dd.moderation > span {
 452      padding-left: 0;
 453      padding-right: 5px;
 454  }
 455  
 456  /* Post body styles
 457  ----------------------------------------*/
 458  .rtl .date {
 459      float: left;
 460  }
 461  
 462  .rtl .postbody, .rtl .postbody h3 {
 463      float: right;
 464  }
 465  
 466  .rtl .has-profile .postbody h3 {
 467      margin-right: 0;
 468      margin-left: 180px;
 469  }
 470  
 471  .rtl p.post-notice {
 472      padding-left: 5px;
 473  }
 474  
 475  .rtl p.post-notice:before {
 476      left: auto;
 477      right: 0;
 478  }
 479  
 480  /* Topic review panel
 481  ----------------------------------------*/
 482  .rtl .topicreview {
 483      padding-right: 0;
 484      padding-left: 5px;
 485  }
 486  
 487  /* Content container styles
 488  ----------------------------------------*/
 489  .rtl .content ul, .rtl .content ol {
 490      margin-right: 3em;
 491      margin-left: 0;
 492  }
 493  
 494  .rtl .signature {
 495      clear: right;
 496  }
 497  
 498  .rtl .notice {
 499      clear: right;
 500  }
 501  
 502  /* Jump to post link for now */
 503  .rtl ul.searchresults {
 504      text-align: left;
 505  }
 506  
 507  /* BB Code styles
 508  ----------------------------------------*/
 509  /* Quote block */
 510  .rtl blockquote {
 511      margin: 0.5em 25px 0 1px;
 512  }
 513  
 514  .rtl blockquote blockquote {
 515      /* Nested quotes */
 516      margin: 0.5em 15px 0 1px;
 517  }
 518  
 519  .rtl blockquote cite {
 520      /* Username/source of quoter */
 521      margin-left: 0;
 522  }
 523  
 524  .rtl blockquote cite:before, .rtl .uncited:before {
 525      padding-left: 5px;
 526  }
 527  
 528  .rtl blockquote .codebox {
 529      margin-right: 0;
 530  }
 531  
 532  .rtl code {
 533      direction: ltr;
 534  }
 535  
 536  /* Attachments
 537  ----------------------------------------*/
 538  .rtl .attachbox {
 539      float: right;
 540      margin: 5px 0 5px 5px;
 541      clear: right;
 542  }
 543  
 544  .rtl .attachbox dd {
 545      clear: right;
 546  }
 547  
 548  .rtl .attachbox p {
 549      clear: right;
 550  }
 551  
 552  .rtl .attachbox p.stats {
 553      clear: right;
 554  }
 555  
 556  /* Post poll styles
 557  ----------------------------------------*/
 558  .rtl fieldset.polls dt {
 559      text-align: right;
 560      float: right;
 561      border-left: none;
 562  }
 563  
 564  .rtl fieldset.polls dd {
 565      float: right;
 566      border-right: none;
 567      margin-right: 0;
 568  }
 569  
 570  .rtl fieldset.polls dd div {
 571      text-align: left;
 572  }
 573  
 574  .rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
 575      border-left-width: 1px;
 576      border-left-style: solid;
 577      border-right: none;
 578  }
 579  
 580  /* Poster profile block
 581  ----------------------------------------*/
 582  .rtl .postprofile {
 583      border-width: 0 1px 0 0;
 584      float: left;
 585  }
 586  
 587  .rtl .pm .postprofile {
 588      border-right-width: 1px;
 589      border-right-style: solid;
 590      border-left: none;
 591  }
 592  
 593  .rtl .postprofile dd, .rtl .postprofile dt {
 594      margin-left: 0;
 595      margin-right: 8px;
 596  }
 597  
 598  .rtl .postprofile .avatar {
 599      float: right;
 600  }
 601  
 602  .rtl .online {
 603      background-position: 0 0;
 604  }
 605  
 606  .rtl dl.pmlist dd {
 607      margin-right: 61% !important;
 608      margin-left: 0 !important;
 609  }
 610  
 611  /**
 612  * buttons.css
 613  */
 614  
 615  .rtl .caret {
 616      border-right: 1px solid;
 617      border-right-color: inherit;
 618      border-left: none;
 619      right: 6px;
 620  }
 621  
 622  /* Post control buttons
 623  --------------------------------------------- */
 624  .rtl .post-buttons {
 625      float: left;
 626  }
 627  
 628  .rtl .has-profile .post-buttons {
 629      left: 0;
 630      right: auto;
 631  }
 632  
 633  .rtl .post-buttons li {
 634      float: right;
 635  }
 636  
 637  /* Poster contact icons
 638   ----------------------------------------*/
 639  .rtl .contact-icons a {
 640      border-left-width: 1px;
 641      border-left-style: dotted;
 642      border-right: none;
 643      float: right;
 644  }
 645  
 646  .rtl .contact-icons .last-cell {
 647      border-left: none;
 648  }
 649  
 650  /**
 651  * cp.css
 652  */
 653  /* Control Panel Styles
 654  ---------------------------------------- */
 655  
 656  
 657  /* Main CP box
 658  ----------------------------------------*/
 659  .rtl .cp-menu {
 660      float: right;
 661  }
 662  
 663  .rtl .cp-main {
 664      float: right;
 665  }
 666  
 667  .rtl .cp-main .panel ol {
 668      margin-right: 2em;
 669      margin-left: 0;
 670  }
 671  
 672  .rtl .cp-main .buttons {
 673      margin-right: 0;
 674      margin-left: 0;
 675  }
 676  
 677  .tabs-container h2 {
 678      float: right;
 679  }
 680  
 681  /* CP tabbed menu
 682  ----------------------------------------*/
 683  .rtl .tabs {
 684      margin-left: 0;
 685      margin-right: 7px;
 686  }
 687  
 688  .rtl .tabs .tab {
 689      float: right;
 690  }
 691  
 692  .rtl .tabs .tab > a {
 693      margin-left: 1px;
 694      margin-right: 0;
 695  }
 696  
 697  /* Mini tabbed menu used in MCP
 698  ----------------------------------------*/
 699  .rtl .minitabs {
 700      float: left;
 701      margin-right: 0;
 702      margin-left: 7px;
 703  }
 704  
 705  .rtl .minitabs .tab {
 706      float: left;
 707  }
 708  
 709  .rtl .minitabs .tab > a {
 710      margin-right: 2px;
 711      margin-left: 0;
 712  }
 713  
 714  /* Responsive tabs
 715  ----------------------------------------*/
 716  .rtl .tabs .dropdown {
 717      margin-left: -2px;
 718  }
 719  
 720  .rtl .tabs .dropdown li {
 721      text-align: left;
 722  }
 723  
 724  .rtl .minitabs .dropdown {
 725      margin-left: -4px;
 726  }
 727  
 728  .rtl .minitabs .dropdown li {
 729      text-align: right;
 730  }
 731  
 732  /* Responsive *CP navigation
 733  ----------------------------------------*/
 734  @media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
 735  {
 736      .rtl .cp-menu, .rtl .navigation, .rtl .cp-main {
 737          float: none;
 738      }
 739  }
 740  
 741  /* UCP navigation menu
 742  ----------------------------------------*/
 743  
 744  /* Preferences pane layout
 745  ----------------------------------------*/
 746  .rtl .cp-main h2 {
 747      margin-left: 0;
 748      margin-right: 10px;
 749  }
 750  
 751  /* Friends list */
 752  .rtl .cp-mini {
 753      margin: 10px 5px 10px 15px;
 754  }
 755  
 756  /* PM Styles
 757  ----------------------------------------*/
 758  
 759  /* PM panel adjustments */
 760  .rtl .reply-all a.right {
 761      background-position: 5% 60%;
 762  }
 763  
 764  .rtl .reply-all a.right:hover {
 765      background-position: 3% 60%;
 766  }
 767  
 768  .rtl .reply-all {
 769      padding-left: 5px;
 770  }
 771  
 772  /* Defined rules list for PM options */
 773  .rtl ol.def-rules {
 774      padding-right: 0;
 775  }
 776  
 777  /* PM marking colours */
 778  .rtl .pm-legend {
 779      border-right-width: 10px;
 780      border-right-style: solid;
 781      border-left-width: 0;
 782      padding-left: 0;
 783      padding-right: 3px;
 784  }
 785  
 786  /* Avatar gallery */
 787  .rtl .gallery label {
 788      float: right;
 789  }
 790  
 791  /**
 792  * forms.css
 793  */
 794  
 795  /* General form styles
 796  ----------------------------------------*/
 797  
 798  .rtl option {
 799      padding-right: 0;
 800      padding-left: 1em;
 801  }
 802  
 803  .rtl label {
 804      padding-right: 0;
 805      padding-left: 5px;
 806  }
 807  
 808  /* Definition list layout for forms
 809  ---------------------------------------- */
 810  .rtl fieldset dt {
 811      float: right;
 812      text-align: right;
 813  }
 814  
 815  .rtl fieldset dd {
 816      margin-left: 0;
 817      margin-right: 41%;
 818  }
 819  
 820  /* Specific layout 1 */
 821  .rtl fieldset.fields1 dt {
 822      border-left-width: 0;
 823      border-right-width: 1px;
 824  }
 825  
 826  .rtl fieldset.fields1 dd {
 827      margin-right: 15em;
 828      margin-left: 0;
 829      border-right-width: 0;
 830      border-left-width: 1px;
 831  }
 832  
 833  /* Specific layout 2 */
 834  .rtl fieldset.fields2 dt {
 835      border-right-width: 1px;
 836      border-left-width: 0;
 837  }
 838  
 839  .rtl fieldset.fields2 dd {
 840      margin-right: 16em;
 841      margin-left: 0;
 842      border-left-width: 1px;
 843      border-right-width: 0;
 844  }
 845  
 846  /* Form elements */
 847  .rtl dt label {
 848      text-align: right;
 849  }
 850  
 851  .rtl dd input, .rtl dd textarea {
 852      margin-left: 3px;
 853      margin-right: 0;
 854  }
 855  
 856  /* Quick-login on index page */
 857  .rtl fieldset.quick-login input.inputbox {
 858      margin-left: 5px;
 859      margin-right: 0;
 860  }
 861  
 862  .rtl fieldset.quick-login label {
 863      padding-left: 2px;
 864      padding-right: 0;
 865  }
 866  
 867  /* Display options on viewtopic/viewforum pages  */
 868  .rtl fieldset.display-options label {
 869      padding-left: 2px;
 870      padding-right: 0;
 871  }
 872  
 873  .rtl .dropdown fieldset.display-options label {
 874      text-align: left;
 875  }
 876  
 877  /* Display actions for ucp and mcp pages */
 878  .rtl fieldset.display-actions {
 879      text-align: left;
 880      padding-left: 1em;
 881      padding-right: 0;
 882  }
 883  
 884  .rtl fieldset.display-actions label {
 885      padding-left: 2px;
 886      padding-right: 0;
 887  }
 888  
 889  /* MCP forum selection*/
 890  .rtl fieldset.forum-selection {
 891      float: left;
 892  }
 893  
 894  .rtl fieldset.forum-selection2 {
 895      float: left;
 896  }
 897  
 898  /* Posting page styles
 899  ----------------------------------------*/
 900  
 901  /* Emoticons panel */
 902  .rtl .smiley-box {
 903      float: left;
 904  }
 905  
 906  /* Search box
 907  ---------------------------------------- */
 908  
 909  /* Topic and forum Search */
 910  .rtl .search-box {
 911      float: right;
 912  }
 913  
 914  .rtl .search-box .inputbox {
 915      border-left-width: 0;
 916      border-right-width: 1px;
 917      border-radius: 0 4px 4px 0;
 918      float: right;
 919      padding: 3px;
 920  }
 921  
 922  .rtl .button-search,
 923  .button-search-end {
 924      float: right;
 925  }
 926  
 927  .rtl .button-search-end {
 928      border-radius: 4px 0 0 4px;
 929      border-left-width: 1px;
 930      border-right-width: 0;
 931  }
 932  
 933  .rtl .search-header .button-search-end {
 934      border: 0;
 935      border-radius: 4px 0 0 4px;
 936  }
 937  
 938  .rtl .search-header {
 939      float: left;
 940      margin-right: 0;
 941      margin-left: 5px;
 942  }
 943  
 944  /* Form button styles
 945  ---------------------------------------- */
 946  
 947  /** Reference: Bug #27155 */
 948  .rtl .wrap, .rtl .headerbar, .rtl .site-description, .rtl .navbar {
 949      position: relative;
 950  }
 951  
 952  /**
 953  * plupload.css
 954  */
 955  
 956  .rtl .attach-controls {
 957      float: left;
 958  }
 959  
 960  /**
 961  * responsive.css
 962  */
 963  @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
 964  {
 965      /* .topiclist lists
 966      ----------------------------------------*/
 967      .rtl ul.topiclist li.header dt, .rtl ul.topiclist li.header dt .list-inner {
 968          margin-left: 0 !important;
 969          padding-left: 0;
 970      }
 971  
 972      .rtl ul.topiclist dt, .rtl ul.topiclist dt .list-inner,
 973      .rtl ul.topiclist.missing-column dt, .rtl ul.topiclist.missing-column dt .list-inner,
 974      .rtl ul.topiclist.two-long-columns dt, .rtl ul.topiclist.two-long-columns dt .list-inner,
 975      .rtl ul.topiclist.two-columns dt, .rtl ul.topiclist.two-columns dt .list-inner {
 976          margin-left: 0;
 977      }
 978  
 979      .rtl ul.topiclist dt .list-inner.with-mark {
 980          padding-left: 34px;
 981      }
 982  
 983      /* Forums and topics lists
 984      ----------------------------------------*/
 985      .rtl ul.topiclist.forums dt {
 986          margin-left: -250px;
 987      }
 988      .rtl ul.topiclist.forums dt .list-inner {
 989          margin-left: 250px;
 990      }
 991  
 992      .rtl ul.topiclist dd.mark {
 993          left: 5px;
 994          right: auto;
 995          text-align: right;
 996      }
 997  
 998      .rtl table.responsive.show-header thead, .rtl table.responsive.show-header th:first-child {
 999          text-align: right !important;
1000      }
1001  
1002      .rtl table.responsive td {
1003          text-align: right !important;
1004      }
1005  
1006      /* User profile
1007      ----------------------------------------*/
1008      .rtl .column1, .rtl .column2, .rtl .left-box.profile-details {
1009          float: none;
1010      }
1011  
1012      /* Post
1013      ----------------------------------------*/
1014      .rtl .postprofile, .rtl .postbody, .rtl .search .postbody {
1015          float: none;
1016      }
1017  
1018      .rtl .post .postprofile {
1019          border-width: 0 0 1px 0;
1020      }
1021  
1022      .rtl .postprofile dt, .rtl .postprofile dd.profile-rank, .rtl .search .postprofile dd {
1023          margin: 0;
1024      }
1025  
1026      .rtl .postprofile .avatar {
1027          margin-left: 5px;
1028          margin-right: 0;
1029      }
1030  
1031      .rtl .has-profile .post-buttons {
1032          left: 20px;
1033      }
1034  
1035      /* Forms
1036      ----------------------------------------*/
1037      .rtl fieldset dt, .rtl fieldset.fields1 dt, .rtl fieldset.fields2 dt {
1038          float: none;
1039      }
1040  
1041      .rtl fieldset dd, .rtl fieldset.fields1 dd, .rtl fieldset.fields2 dd {
1042          margin-right: 20px;
1043      }
1044  }
1045  
1046  @media only screen and (max-width: 550px), only screen and (max-device-width: 550px)
1047  {
1048      /* .topiclist lists
1049      ----------------------------------------*/
1050      .rtl ul.topiclist.forums dt {
1051          margin-left: 0;
1052      }
1053  
1054      .rtl ul.topiclist.forums dt .list-inner {
1055          margin-left: 0;
1056      }
1057  }
1058  
1059  @media only screen and (max-width: 500px), only screen and (max-device-width: 500px)
1060  {
1061      .rtl dl.details dt, .rtl dl.details dd {
1062          float: none;
1063          text-align: right;
1064      }
1065  
1066      .rtl dl.details dd {
1067          margin-left: 0;
1068          margin-right: 20px;
1069      }
1070  
1071      .captcha-panel dd.captcha {
1072          margin-right: 0;
1073      }
1074      
1075      .rtl p.responsive-center {
1076          float: none;
1077          text-align: center;
1078          margin-bottom: 5px;
1079      }
1080  }
1081  
1082  @media (min-width: 701px) {
1083      .rtl .postbody {
1084          margin-right: 0;
1085          margin-left: 16px;
1086      }
1087  }