style-rtl.less 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155
  1. .ltr-left(@offset) {
  2. right: @offset;
  3. }
  4. .ltr-right(@offset) {
  5. left: @offset;
  6. }
  7. .ltr-margin-right(@offset) {
  8. margin-left: @offset;
  9. }
  10. .ltr-margin-left(@offset) {
  11. margin-right: @offset;
  12. }
  13. .ltr-border-right(@offset) {
  14. border-left: @offset;
  15. }
  16. .ltr-border-left(@offset) {
  17. border-right: @offset;
  18. }
  19. .ltr-padding-right(@offset) {
  20. padding-left: @offset;
  21. }
  22. .ltr-padding-left(@offset) {
  23. padding-right: @offset;
  24. }
  25. .ltr-float-left() {
  26. float: right;
  27. }
  28. .ltr-float-right() {
  29. float: left;
  30. }
  31. .ltr-text-align-right() {
  32. text-align: left;
  33. }
  34. .ltr-rounded-left-corners(@radius) {
  35. border-radius: 0 @radius @radius 0;
  36. }
  37. .ltr-rounded-top-left-corners(@radius) {
  38. border-radius: 0 @radius 0 0;
  39. }
  40. .ltr-rounded-bottom-left-corners(@radius) {
  41. border-radius: 0 0 @radius 0;
  42. }
  43. .ltr-rounded-right-corners(@radius) {
  44. border-radius: @radius 0 0 @radius;
  45. }
  46. .ltr-rounded-top-right-corners(@radius) {
  47. border-radius: @radius 0 0 0;
  48. }
  49. .ltr-rounded-bottom-right-corners(@radius) {
  50. border-radius: 0 0 0 @radius;
  51. }
  52. .ltr-text-align-left() {
  53. text-align: right;
  54. }
  55. .ltr-border-left-width(@offset) {
  56. border-right-width: @offset;
  57. }
  58. .ltr-border-right-width(@offset) {
  59. border-left-width: @offset;
  60. }
  61. .ltr-transform() {
  62. transform: scale(-1, 1);
  63. }
  64. @import "style.less";
  65. #q,
  66. #sidebar .infobox dt bdi {
  67. direction: rtl;
  68. }
  69. // URL are displayed LTR but align on the right
  70. #urls {
  71. direction: initial;
  72. text-align: right;
  73. .result .url_wrapper {
  74. justify-content: end;
  75. }
  76. }
  77. // Image flexbox
  78. #main_results div#results.only_template_images #urls {
  79. direction: rtl;
  80. }
  81. // Image detail
  82. #results.image-detail-open article.result-images[data-vim-selected] .detail .result-images-labels p {
  83. direction: rtl;
  84. &.result-url {
  85. // Display URL using the LTR direction
  86. direction: ltr;
  87. span {
  88. // And put the label on the right
  89. direction: rtl;
  90. float: right;
  91. }
  92. }
  93. }
  94. // select HTML element
  95. @supports ((background-position-x: 100%) and ((appearance: none) or (-webkit-appearance: none) or (-moz-appearance: none))) {
  96. select {
  97. border-width: 0 0 0 2rem;
  98. background-position-x: -2rem;
  99. }
  100. }
  101. // vim hotkey helps is not translated
  102. #vim-hotkeys-help table {
  103. direction: ltr;
  104. text-align: left;
  105. }
  106. // Logo on the right
  107. #main_preferences h1,
  108. #main_stats h1 {
  109. background-position-x: 100%;
  110. }
  111. // patch of stats.less
  112. .bar-chart-serie1,
  113. .bar-chart-serie2 {
  114. float: right;
  115. }
  116. .engine-stats .engine-name,
  117. .engine-stats .engine-score,
  118. .engine-stats .result-count,
  119. .engine-stats .response-time,
  120. .engine-stats .engine-reliability {
  121. text-align: right;
  122. }