[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  /*    text-align: right; */
 586  }
 587  
 588  .rtl .pm .postprofile {
 589      border-right-width: 1px;
 590      border-right-style: solid;
 591      border-left: none;
 592  }
 593  
 594  .rtl .postprofile dd, .rtl .postprofile dt {
 595      margin-left: 0;
 596      margin-right: 8px;
 597  }
 598  
 599  .rtl .postprofile .avatar {
 600      float: right;
 601  }
 602  
 603  .rtl .online {
 604      background-position: 0 0;
 605  }
 606  
 607  .rtl dl.pmlist dd {
 608      margin-right: 61% !important;
 609      margin-left: 0 !important;
 610  }
 611  
 612  /**
 613  * buttons.css
 614  */
 615  
 616  .rtl .caret {
 617      border-right: 1px solid;
 618      border-right-color: inherit;
 619      border-left: none;
 620      right: 6px;
 621  }
 622  
 623  /* Post control buttons
 624  --------------------------------------------- */
 625  .rtl .post-buttons {
 626      float: left;
 627  }
 628  
 629  .rtl .has-profile .post-buttons {
 630      left: 0;
 631      right: auto;
 632  }
 633  
 634  .rtl .post-buttons li {
 635      float: right;
 636  }
 637  
 638  /* Poster contact icons
 639   ----------------------------------------*/
 640  .rtl .contact-icons a {
 641      border-left-width: 1px;
 642      border-left-style: dotted;
 643      border-right: none;
 644      float: right;
 645  }
 646  
 647  .rtl .contact-icons .last-cell {
 648      border-left: none;
 649  }
 650  
 651  /**
 652  * cp.css
 653  */
 654  /* Control Panel Styles
 655  ---------------------------------------- */
 656  
 657  
 658  /* Main CP box
 659  ----------------------------------------*/
 660  .rtl .cp-menu {
 661      float: right;
 662  }
 663  
 664  .rtl .cp-main {
 665      float: right;
 666  }
 667  
 668  .rtl .cp-main .panel ol {
 669      margin-right: 2em;
 670      margin-left: 0;
 671  }
 672  
 673  .rtl .cp-main .buttons {
 674      margin-right: 0;
 675      margin-left: 0;
 676  }
 677  
 678  .tabs-container h2 {
 679      float: right;
 680  }
 681  
 682  /* CP tabbed menu
 683  ----------------------------------------*/
 684  .rtl .tabs {
 685      margin-left: 0;
 686      margin-right: 7px;
 687  }
 688  
 689  .rtl .tabs .tab {
 690      float: right;
 691  }
 692  
 693  .rtl .tabs .tab > a {
 694      margin-left: 1px;
 695      margin-right: 0;
 696  }
 697  
 698  /* Mini tabbed menu used in MCP
 699  ----------------------------------------*/
 700  .rtl .minitabs {
 701      float: left;
 702      margin-right: 0;
 703      margin-left: 7px;
 704  }
 705  
 706  .rtl .minitabs .tab {
 707      float: left;
 708  }
 709  
 710  .rtl .minitabs .tab > a {
 711      margin-right: 2px;
 712      margin-left: 0;
 713  }
 714  
 715  /* Responsive tabs
 716  ----------------------------------------*/
 717  .rtl .tabs .dropdown {
 718      margin-left: -2px;
 719  }
 720  
 721  .rtl .tabs .dropdown li {
 722      text-align: left;
 723  }
 724  
 725  .rtl .minitabs .dropdown {
 726      margin-left: -4px;
 727  }
 728  
 729  .rtl .minitabs .dropdown li {
 730      text-align: right;
 731  }
 732  
 733  /* Responsive *CP navigation
 734  ----------------------------------------*/
 735  @media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
 736  {
 737      .rtl .cp-menu, .rtl .navigation, .rtl .cp-main {
 738          float: none;
 739      }
 740  }
 741  
 742  /* UCP navigation menu
 743  ----------------------------------------*/
 744  
 745  /* Preferences pane layout
 746  ----------------------------------------*/
 747  .rtl .cp-main h2 {
 748      margin-left: 0;
 749      margin-right: 10px;
 750  }
 751  
 752  /* Friends list */
 753  .rtl .cp-mini {
 754      margin: 10px 5px 10px 15px;
 755  }
 756  
 757  /* PM Styles
 758  ----------------------------------------*/
 759  
 760  /* PM panel adjustments */
 761  .rtl .reply-all a.right {
 762      background-position: 5% 60%;
 763  }
 764  
 765  .rtl .reply-all a.right:hover {
 766      background-position: 3% 60%;
 767  }
 768  
 769  .rtl .reply-all {
 770      padding-left: 5px;
 771  }
 772  
 773  /* Defined rules list for PM options */
 774  .rtl ol.def-rules {
 775      padding-right: 0;
 776  }
 777  
 778  /* PM marking colours */
 779  .rtl .pm-legend {
 780      border-right-width: 10px;
 781      border-right-style: solid;
 782      border-left-width: 0;
 783      padding-left: 0;
 784      padding-right: 3px;
 785  }
 786  
 787  /* Avatar gallery */
 788  .rtl .gallery label {
 789      float: right;
 790  }
 791  
 792  /* Responsive *CP navigation
 793  ----------------------------------------*/
 794  @media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
 795  {
 796      .rtl .cp-menu, .rtl .navigation, .rtl .cp-main {
 797          float: none;
 798      }
 799  }
 800  
 801  /**
 802  * forms.css
 803  */
 804  
 805  /* General form styles
 806  ----------------------------------------*/
 807  
 808  .rtl option {
 809      padding-right: 0;
 810      padding-left: 1em;
 811  }
 812  
 813  .rtl label {
 814      padding-right: 0;
 815      padding-left: 5px;
 816  }
 817  
 818  /* Definition list layout for forms
 819  ---------------------------------------- */
 820  .rtl fieldset dt {
 821      float: right;
 822      text-align: right;
 823  }
 824  
 825  .rtl fieldset dd {
 826      margin-left: 0;
 827      margin-right: 41%;
 828  }
 829  
 830  /* Specific layout 1 */
 831  .rtl fieldset.fields1 dt {
 832      border-left-width: 0;
 833      border-right-width: 1px;
 834  }
 835  
 836  .rtl fieldset.fields1 dd {
 837      margin-right: 15em;
 838      margin-left: 0;
 839      border-right-width: 0;
 840      border-left-width: 1px;
 841  }
 842  
 843  /* Specific layout 2 */
 844  .rtl fieldset.fields2 dt {
 845      border-right-width: 1px;
 846      border-left-width: 0;
 847  }
 848  
 849  .rtl fieldset.fields2 dd {
 850      margin-right: 16em;
 851      margin-left: 0;
 852      border-left-width: 1px;
 853      border-right-width: 0;
 854  }
 855  
 856  /* Form elements */
 857  .rtl dt label {
 858      text-align: right;
 859  }
 860  
 861  .rtl dd input, .rtl dd textarea {
 862      margin-left: 3px;
 863      margin-right: 0;
 864  }
 865  
 866  /* Quick-login on index page */
 867  .rtl fieldset.quick-login input.inputbox {
 868      margin-left: 5px;
 869      margin-right: 0;
 870  }
 871  
 872  .rtl fieldset.quick-login label {
 873      padding-left: 2px;
 874      padding-right: 0;
 875  }
 876  
 877  /* Display options on viewtopic/viewforum pages  */
 878  .rtl fieldset.display-options label {
 879      padding-left: 2px;
 880      padding-right: 0;
 881  }
 882  
 883  .rtl .dropdown fieldset.display-options label {
 884      text-align: left;
 885  }
 886  
 887  /* Display actions for ucp and mcp pages */
 888  .rtl fieldset.display-actions {
 889      text-align: left;
 890      padding-left: 1em;
 891      padding-right: 0;
 892  }
 893  
 894  .rtl fieldset.display-actions label {
 895      padding-left: 2px;
 896      padding-right: 0;
 897  }
 898  
 899  /* MCP forum selection*/
 900  .rtl fieldset.forum-selection {
 901      float: left;
 902  }
 903  
 904  .rtl fieldset.forum-selection2 {
 905      float: left;
 906  }
 907  
 908  /* Posting page styles
 909  ----------------------------------------*/
 910  
 911  /* Emoticons panel */
 912  .rtl .smiley-box {
 913      float: left;
 914  }
 915  
 916  /* Search box
 917  ---------------------------------------- */
 918  
 919  /* Topic and forum Search */
 920  .rtl .search-box {
 921      float: right;
 922  }
 923  
 924  .rtl .search-box .inputbox {
 925      border-left-width: 0;
 926      border-right-width: 1px;
 927      border-radius: 0 4px 4px 0;
 928      float: right;
 929      padding: 3px;
 930  }
 931  
 932  .rtl .button-search,
 933  .button-search-end {
 934      float: right;
 935  }
 936  
 937  .rtl .button-search-end {
 938      border-radius: 4px 0 0 4px;
 939      border-left-width: 1px;
 940      border-right-width: 0;
 941  }
 942  
 943  .rtl .search-header .button-search-end {
 944      border: 0;
 945      border-radius: 4px 0 0 4px;
 946  }
 947  
 948  .rtl .search-header {
 949      float: left;
 950      margin-right: 0;
 951      margin-left: 5px;
 952  }
 953  
 954  /* Form button styles
 955  ---------------------------------------- */
 956  
 957  /** Reference: Bug #27155 */
 958  .rtl .wrap, .rtl .headerbar, .rtl .site-description, .rtl .navbar {
 959      position: relative;
 960  }
 961  
 962  /**
 963  * plupload.css
 964  */
 965  
 966  .rtl .attach-controls {
 967      float: left;
 968  }
 969  
 970  /**
 971  * responsive.css
 972  */
 973  @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
 974  {
 975      /* .topiclist lists
 976      ----------------------------------------*/
 977      .rtl ul.topiclist li.header dt, .rtl ul.topiclist li.header dt .list-inner {
 978          margin-left: 0 !important;
 979          padding-left: 0;
 980      }
 981  
 982      .rtl ul.topiclist dt, .rtl ul.topiclist dt .list-inner,
 983      .rtl ul.topiclist.missing-column dt, .rtl ul.topiclist.missing-column dt .list-inner,
 984      .rtl ul.topiclist.two-long-columns dt, .rtl ul.topiclist.two-long-columns dt .list-inner,
 985      .rtl ul.topiclist.two-columns dt, .rtl ul.topiclist.two-columns dt .list-inner {
 986          margin-left: 0;
 987      }
 988  
 989      .rtl ul.topiclist dt .list-inner.with-mark {
 990          padding-left: 34px;
 991      }
 992  
 993      /* Forums and topics lists
 994      ----------------------------------------*/
 995      .rtl ul.topiclist.forums dt {
 996          margin-left: -250px;
 997      }
 998      .rtl ul.topiclist.forums dt .list-inner {
 999          margin-left: 250px;
1000      }
1001  
1002      .rtl ul.topiclist dd.mark {
1003          left: 5px;
1004          right: auto;
1005          text-align: right;
1006      }
1007  
1008      .rtl table.responsive.show-header thead, .rtl table.responsive.show-header th:first-child {
1009          text-align: right !important;
1010      }
1011  
1012      .rtl table.responsive td {
1013          text-align: right !important;
1014      }
1015  
1016      /* User profile
1017      ----------------------------------------*/
1018      .rtl .column1, .rtl .column2, .rtl .left-box.profile-details {
1019          float: none;
1020      }
1021  
1022      /* Post
1023      ----------------------------------------*/
1024      .rtl .postprofile, .rtl .postbody, .rtl .search .postbody {
1025          float: none;
1026      }
1027  
1028      .rtl .post .postprofile {
1029          border-width: 0 0 1px 0;
1030      }
1031  
1032      .rtl .postprofile dt, .rtl .postprofile dd.profile-rank, .rtl .search .postprofile dd {
1033          margin: 0;
1034      }
1035  
1036      .rtl .postprofile .avatar {
1037          margin-left: 5px;
1038          margin-right: 0;
1039      }
1040  
1041      .rtl .has-profile .post-buttons {
1042          left: 20px;
1043      }
1044  
1045      /* Forms
1046      ----------------------------------------*/
1047      .rtl fieldset dt, .rtl fieldset.fields1 dt, .rtl fieldset.fields2 dt {
1048          float: none;
1049      }
1050  
1051      .rtl fieldset dd, .rtl fieldset.fields1 dd, .rtl fieldset.fields2 dd {
1052          margin-right: 20px;
1053      }
1054  }
1055  
1056  @media only screen and (max-width: 550px), only screen and (max-device-width: 550px)
1057  {
1058      /* .topiclist lists
1059      ----------------------------------------*/
1060      .rtl ul.topiclist.forums dt {
1061          margin-left: 0;
1062      }
1063  
1064      .rtl ul.topiclist.forums dt .list-inner {
1065          margin-left: 0;
1066      }
1067  }
1068  
1069  @media only screen and (max-width: 500px), only screen and (max-device-width: 500px)
1070  {
1071      .rtl dl.details dt, .rtl dl.details dd {
1072          float: none;
1073          text-align: right;
1074      }
1075  
1076      .rtl dl.details dd {
1077          margin-left: 0;
1078          margin-right: 20px;
1079      }
1080  
1081      .captcha-panel dd.captcha {
1082          margin-right: 0;
1083      }
1084      
1085      .rtl p.responsive-center {
1086          float: none;
1087          text-align: center;
1088          margin-bottom: 5px;
1089      }
1090  }