logo

mastofe

My custom branche(s) on git.pleroma.social/pleroma/mastofe git clone https://hacktivis.me/git/mastofe.git

rtl.scss (4817B)


  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: -15px;
  41. margin-right: 0;
  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-button {
  120. float: right;
  121. margin-right: 0;
  122. margin-left: 18px;
  123. }
  124. .status__action-bar-dropdown {
  125. float: right;
  126. }
  127. .privacy-dropdown__dropdown {
  128. margin-left: 0;
  129. margin-right: 40px;
  130. }
  131. .privacy-dropdown__option__icon {
  132. margin-left: 10px;
  133. margin-right: 0;
  134. }
  135. .detailed-status__display-avatar {
  136. margin-right: 0;
  137. margin-left: 10px;
  138. float: right;
  139. }
  140. .detailed-status__favorites,
  141. .detailed-status__reblogs {
  142. margin-left: 0;
  143. margin-right: 6px;
  144. }
  145. .fa-ul {
  146. margin-left: 0;
  147. margin-left: 2.14285714em;
  148. }
  149. .fa-li {
  150. left: auto;
  151. right: -2.14285714em;
  152. }
  153. .admin-wrapper .sidebar ul a i.fa,
  154. a.table-action-link i.fa {
  155. margin-right: 0;
  156. margin-left: 5px;
  157. }
  158. .simple_form .check_boxes .checkbox label,
  159. .simple_form .input.with_label.boolean label.checkbox {
  160. padding-left: 0;
  161. padding-right: 25px;
  162. }
  163. .simple_form .check_boxes .checkbox input[type="checkbox"],
  164. .simple_form .input.boolean input[type="checkbox"] {
  165. left: auto;
  166. right: 0;
  167. }
  168. .simple_form .input-with-append .input input {
  169. padding-left: 127px;
  170. padding-right: 0;
  171. }
  172. .simple_form .input-with-append .append {
  173. right: auto;
  174. left: 0;
  175. }
  176. .table th,
  177. .table td {
  178. text-align: right;
  179. }
  180. .filters .filter-subset {
  181. margin-right: 0;
  182. margin-left: 45px;
  183. }
  184. .landing-page .header-wrapper .mascot {
  185. right: 60px;
  186. left: auto;
  187. }
  188. .landing-page .header .hero .floats .float-1 {
  189. left: -120px;
  190. right: auto;
  191. }
  192. .landing-page .header .hero .floats .float-2 {
  193. left: 210px;
  194. right: auto;
  195. }
  196. .landing-page .header .hero .floats .float-3 {
  197. left: 110px;
  198. right: auto;
  199. }
  200. .landing-page .header .links .brand img {
  201. left: 0;
  202. }
  203. .landing-page .fa-external-link {
  204. padding-right: 5px;
  205. padding-left: 0 !important;
  206. }
  207. .landing-page .features #mastodon-timeline {
  208. margin-right: 0;
  209. margin-left: 30px;
  210. }
  211. @media screen and (min-width: 631px) {
  212. .column,
  213. .drawer {
  214. padding-left: 5px;
  215. padding-right: 5px;
  216. &:first-child {
  217. padding-left: 5px;
  218. padding-right: 10px;
  219. }
  220. }
  221. .columns-area > div {
  222. .column,
  223. .drawer {
  224. padding-left: 5px;
  225. padding-right: 5px;
  226. }
  227. }
  228. }
  229. }