style-rtl.less 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
  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-right-corners(@radius) {
  38. border-radius: @radius 0 0 @radius;
  39. }
  40. .ltr-text-align-left() {
  41. text-align: right;
  42. }
  43. .ltr-border-left-width(@offset) {
  44. border-right-width: @offset;
  45. }
  46. .ltr-border-right-width(@offset) {
  47. border-left-width: @offset;
  48. }
  49. .ltr-transform() {
  50. transform: scale(-1, 1);
  51. }
  52. @import "style.less";
  53. #q,
  54. #sidebar .infobox dt bdi {
  55. direction: rtl;
  56. }
  57. // URL are displayed LTR but align on the right
  58. #urls {
  59. direction: initial;
  60. text-align: right;
  61. .result .url_wrapper {
  62. justify-content: end;
  63. }
  64. }
  65. // Image flexbox
  66. #main_results div#results.only_template_images #urls {
  67. direction: rtl;
  68. }
  69. // Image detail
  70. #results.image-detail-open article.result-images[data-vim-selected] .detail .result-images-labels p {
  71. direction: rtl;
  72. &.result-url {
  73. // Display URL using the LTR direction
  74. direction: ltr;
  75. span {
  76. // And put the label on the right
  77. direction: rtl;
  78. float: right;
  79. }
  80. }
  81. }
  82. // select HTML element
  83. @supports ((background-position-x: 100%) and ((appearance: none) or (-webkit-appearance: none) or (-moz-appearance: none))) {
  84. select {
  85. border-width: 0 0 0 2rem;
  86. background-position-x: -2rem;
  87. }
  88. }
  89. // vim hotkey helps is not translated
  90. #vim-hotkeys-help table {
  91. direction: ltr;
  92. text-align: left;
  93. }
  94. // Logo on the right
  95. #main_preferences h1,
  96. #main_stats h1 {
  97. background-position-x: 100%;
  98. }
  99. // patch of searx/static/themes/__common__/less/stats.less
  100. .bar-chart-serie1,
  101. .bar-chart-serie2 {
  102. float: right;
  103. }
  104. .engine-stats .engine-name,
  105. .engine-stats .engine-score,
  106. .engine-stats .result-count,
  107. .engine-stats .response-time,
  108. .engine-stats .engine-reliability {
  109. text-align: right;
  110. }