1
0

responsive_rtl.css 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. /* TABLETS */
  2. @media (max-width: 1024px) {
  3. [dir="rtl"] .colMS {
  4. margin-right: 0;
  5. }
  6. [dir="rtl"] #user-tools {
  7. text-align: right;
  8. }
  9. [dir="rtl"] #changelist .actions label {
  10. padding-left: 10px;
  11. padding-right: 0;
  12. }
  13. [dir="rtl"] #changelist .actions select {
  14. margin-left: 0;
  15. margin-right: 15px;
  16. }
  17. [dir="rtl"] .change-list .filtered .results,
  18. [dir="rtl"] .change-list .filtered .paginator,
  19. [dir="rtl"] .filtered #toolbar,
  20. [dir="rtl"] .filtered div.xfull,
  21. [dir="rtl"] .filtered .actions,
  22. [dir="rtl"] #changelist-filter {
  23. margin-left: 0;
  24. }
  25. [dir="rtl"] .inline-group ul.tools a.add,
  26. [dir="rtl"] .inline-group div.add-row a,
  27. [dir="rtl"] .inline-group .tabular tr.add-row td a {
  28. padding: 8px 26px 8px 10px;
  29. background-position: calc(100% - 8px) 9px;
  30. }
  31. [dir="rtl"] .selector .selector-filter label {
  32. margin-right: 0;
  33. margin-left: 8px;
  34. }
  35. [dir="rtl"] .object-tools li {
  36. float: right;
  37. }
  38. [dir="rtl"] .object-tools li + li {
  39. margin-left: 0;
  40. margin-right: 15px;
  41. }
  42. [dir="rtl"] .dashboard .module table td a {
  43. padding-left: 0;
  44. padding-right: 16px;
  45. }
  46. [dir="rtl"] .selector-add {
  47. background-position: 0 -80px;
  48. }
  49. [dir="rtl"] .selector-remove {
  50. background-position: 0 -120px;
  51. }
  52. [dir="rtl"] .active.selector-add:focus, .active.selector-add:hover {
  53. background-position: 0 -100px;
  54. }
  55. [dir="rtl"] .active.selector-remove:focus, .active.selector-remove:hover {
  56. background-position: 0 -140px;
  57. }
  58. }
  59. /* MOBILE */
  60. @media (max-width: 767px) {
  61. [dir="rtl"] .aligned .related-lookup,
  62. [dir="rtl"] .aligned .datetimeshortcuts {
  63. margin-left: 0;
  64. margin-right: 15px;
  65. }
  66. [dir="rtl"] .aligned ul,
  67. [dir="rtl"] form .aligned ul.errorlist {
  68. margin-right: 0;
  69. }
  70. [dir="rtl"] #changelist-filter {
  71. margin-left: 0;
  72. margin-right: 0;
  73. }
  74. [dir="rtl"] .aligned .vCheckboxLabel {
  75. padding: 1px 5px 0 0;
  76. }
  77. [dir="rtl"] .selector-remove {
  78. background-position: 0 0;
  79. }
  80. [dir="rtl"] .active.selector-remove:focus, .active.selector-remove:hover {
  81. background-position: 0 -20px;
  82. }
  83. [dir="rtl"] .selector-add {
  84. background-position: 0 -40px;
  85. }
  86. [dir="rtl"] .active.selector-add:focus, .active.selector-add:hover {
  87. background-position: 0 -60px;
  88. }
  89. }