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