The code powering m.abunchtell.com https://m.abunchtell.com
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

302 lines
5.0 KiB

  1. body.rtl {
  2. direction: rtl;
  3. .column-header > button {
  4. text-align: right;
  5. padding-left: 0;
  6. padding-right: 15px;
  7. }
  8. .landing-page__logo {
  9. margin-right: 0;
  10. margin-left: 20px;
  11. }
  12. .landing-page .features-list .features-list__row .visual {
  13. margin-left: 0;
  14. margin-right: 15px;
  15. }
  16. .column-link__icon,
  17. .column-header__icon {
  18. margin-right: 0;
  19. margin-left: 5px;
  20. }
  21. .compose-form .compose-form__buttons-wrapper .character-counter__wrapper {
  22. margin-right: 0;
  23. margin-left: 4px;
  24. }
  25. .navigation-bar__profile {
  26. margin-left: 0;
  27. margin-right: 8px;
  28. }
  29. .search__input {
  30. padding-right: 10px;
  31. padding-left: 30px;
  32. }
  33. .search__icon .fa {
  34. right: auto;
  35. left: 10px;
  36. }
  37. .column-header__buttons {
  38. left: 0;
  39. right: auto;
  40. margin-left: 0;
  41. margin-right: -15px;
  42. }
  43. .column-inline-form .icon-button {
  44. margin-left: 0;
  45. margin-right: 5px;
  46. }
  47. .column-header__links .text-btn {
  48. margin-left: 10px;
  49. margin-right: 0;
  50. }
  51. .account__avatar-wrapper {
  52. float: right;
  53. }
  54. .column-header__back-button {
  55. padding-left: 5px;
  56. padding-right: 0;
  57. }
  58. .column-header__setting-arrows {
  59. float: left;
  60. }
  61. .setting-toggle {
  62. margin-left: 0;
  63. margin-right: 8px;
  64. }
  65. .setting-meta__label {
  66. float: left;
  67. }
  68. .status__avatar {
  69. left: auto;
  70. right: 10px;
  71. }
  72. .status,
  73. .activity-stream .status.light {
  74. padding-left: 10px;
  75. padding-right: 68px;
  76. }
  77. .status__info .status__display-name,
  78. .activity-stream .status.light .status__display-name {
  79. padding-left: 25px;
  80. padding-right: 0;
  81. }
  82. .activity-stream .pre-header {
  83. padding-right: 68px;
  84. padding-left: 0;
  85. }
  86. .status__prepend {
  87. margin-left: 0;
  88. margin-right: 68px;
  89. }
  90. .status__prepend-icon-wrapper {
  91. left: auto;
  92. right: -26px;
  93. }
  94. .activity-stream .pre-header .pre-header__icon {
  95. left: auto;
  96. right: 42px;
  97. }
  98. .account__avatar-overlay-overlay {
  99. right: auto;
  100. left: 0;
  101. }
  102. .column-back-button--slim-button {
  103. right: auto;
  104. left: 0;
  105. }
  106. .status__relative-time,
  107. .activity-stream .status.light .status__header .status__meta {
  108. float: left;
  109. }
  110. .activity-stream .detailed-status.light .detailed-status__display-name > div {
  111. float: right;
  112. margin-right: 0;
  113. margin-left: 10px;
  114. }
  115. .activity-stream .detailed-status.light .detailed-status__meta span > span {
  116. margin-left: 0;
  117. margin-right: 6px;
  118. }
  119. .status__action-bar {
  120. &__counter {
  121. margin-right: 0;
  122. margin-left: 11px;
  123. .status__action-bar-button {
  124. margin-right: 0;
  125. margin-left: 4px;
  126. }
  127. }
  128. }
  129. .status__action-bar-button {
  130. float: right;
  131. margin-right: 0;
  132. margin-left: 18px;
  133. }
  134. .status__action-bar-dropdown {
  135. float: right;
  136. }
  137. .privacy-dropdown__dropdown {
  138. margin-left: 0;
  139. margin-right: 40px;
  140. }
  141. .privacy-dropdown__option__icon {
  142. margin-left: 10px;
  143. margin-right: 0;
  144. }
  145. .detailed-status__display-avatar {
  146. margin-right: 0;
  147. margin-left: 10px;
  148. float: right;
  149. }
  150. .detailed-status__favorites,
  151. .detailed-status__reblogs {
  152. margin-left: 0;
  153. margin-right: 6px;
  154. }
  155. .fa-ul {
  156. margin-left: 0;
  157. margin-left: 2.14285714em;
  158. }
  159. .fa-li {
  160. left: auto;
  161. right: -2.14285714em;
  162. }
  163. .admin-wrapper .sidebar ul a i.fa,
  164. a.table-action-link i.fa {
  165. margin-right: 0;
  166. margin-left: 5px;
  167. }
  168. .simple_form .check_boxes .checkbox label,
  169. .simple_form .input.with_label.boolean label.checkbox {
  170. padding-left: 0;
  171. padding-right: 25px;
  172. }
  173. .simple_form .check_boxes .checkbox input[type="checkbox"],
  174. .simple_form .input.boolean input[type="checkbox"] {
  175. left: auto;
  176. right: 0;
  177. }
  178. .simple_form .input-with-append .input input {
  179. padding-left: 142px;
  180. padding-right: 0;
  181. }
  182. .simple_form .input-with-append .append {
  183. right: auto;
  184. left: 0;
  185. &::after {
  186. right: auto;
  187. left: 0;
  188. background-image: linear-gradient(to left, rgba($ui-base-color, 0), $ui-base-color);
  189. }
  190. }
  191. .table th,
  192. .table td {
  193. text-align: right;
  194. }
  195. .filters .filter-subset {
  196. margin-right: 0;
  197. margin-left: 45px;
  198. }
  199. .landing-page .header-wrapper .mascot {
  200. right: 60px;
  201. left: auto;
  202. }
  203. .landing-page .header .hero .floats .float-1 {
  204. left: -120px;
  205. right: auto;
  206. }
  207. .landing-page .header .hero .floats .float-2 {
  208. left: 210px;
  209. right: auto;
  210. }
  211. .landing-page .header .hero .floats .float-3 {
  212. left: 110px;
  213. right: auto;
  214. }
  215. .landing-page .header .links .brand img {
  216. left: 0;
  217. }
  218. .landing-page .fa-external-link {
  219. padding-right: 5px;
  220. padding-left: 0 !important;
  221. }
  222. .landing-page .features #mastodon-timeline {
  223. margin-right: 0;
  224. margin-left: 30px;
  225. }
  226. @media screen and (min-width: 631px) {
  227. .column,
  228. .drawer {
  229. padding-left: 5px;
  230. padding-right: 5px;
  231. &:first-child {
  232. padding-left: 5px;
  233. padding-right: 10px;
  234. }
  235. }
  236. .columns-area > div {
  237. .column,
  238. .drawer {
  239. padding-left: 5px;
  240. padding-right: 5px;
  241. }
  242. }
  243. }
  244. }