fl-builder-rtl.css 6.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356
  1. /* Wrappers
  2. ------------------------------------------------------ */
  3. .fl-builder-bar,
  4. .fl-builder-panel,
  5. .fl-lightbox {
  6. direction: rtl;
  7. unicode-bidi: embed;
  8. }
  9. /* Panel
  10. ------------------------------------------------------ */
  11. .fl-builder-blocks-section .fl-builder-blocks-section-title i {
  12. float: left;
  13. }
  14. /* Template Selector
  15. ------------------------------------------------------ */
  16. .fl-user-template-actions {
  17. left: 0;
  18. right: auto;
  19. }
  20. /* Settings Forms
  21. ------------------------------------------------------ */
  22. .fl-lightbox-header .fl-builder-preview-loader {
  23. left: 40px;
  24. right: auto;
  25. }
  26. .fl-form-table th {
  27. text-align: right !important;
  28. }
  29. /* Icon Fields
  30. ------------------------------------------------------ */
  31. .fl-icon-field .fl-icon-preview i {
  32. margin: 10px 2px 9px 10px;
  33. }
  34. /* Icon Selector
  35. ------------------------------------------------------ */
  36. .fl-icons-filter {
  37. left: 10px;
  38. right: auto;
  39. }
  40. .fl-icons-section h2 {
  41. text-align: right;
  42. }
  43. /* Tooltips
  44. ------------------------------------------------------ */
  45. .fl-help-tooltip-text {
  46. left: auto;
  47. right: 23px;
  48. }
  49. /* Tour
  50. ------------------------------------------------------ */
  51. .popover[class*=tour-] {
  52. text-align: right;
  53. }
  54. .popover[class*=tour-] .fa-times {
  55. right: auto;
  56. left: 3px;
  57. }
  58. /* LightBox
  59. ------------------------------------------------------ */
  60. .fl-lightbox-footer {
  61. text-align: left;
  62. }
  63. .fl-lightbox-header .fl-builder-settings-fields,
  64. .fl-lightbox-controls {
  65. right: auto;
  66. left: 10px;
  67. }
  68. /* Nano Scroller
  69. ------------------------------------------------------ */
  70. .fl-nanoscroller > .fl-nanoscroller-pane {
  71. right: auto;
  72. left: 2px;
  73. }
  74. /* Color Picker
  75. ------------------------------------------------------ */
  76. .fl-color-picker-preset-add {
  77. right: auto;
  78. left: 8px;
  79. }
  80. .fl-color-picker-preset-add:before {
  81. left: auto;
  82. right: 3px;
  83. }
  84. .fl-color-picker-preset-add:after {
  85. left: auto;
  86. right: 6px;
  87. }
  88. .fl-color-picker-clear .fl-color-picker-icon-remove {
  89. left: 0;
  90. right: auto;
  91. }
  92. .fl-color-picker-icon-remove:before {
  93. left: auto;
  94. right: 6px;
  95. }
  96. .fl-color-picker-icon-remove:after {
  97. left: auto;
  98. right: 6px;
  99. }
  100. .fl-color-picker-presets-list .fl-color-picker-preset-remove {
  101. right: auto;
  102. left: 5px;
  103. }
  104. /* Auto Suggest
  105. ------------------------------------------------------ */
  106. ul.as-selections li {
  107. float: right;
  108. }
  109. /* 2.0 RTL Updates ----------------------------- */
  110. .fl-builder-panel-drag-handle {
  111. right: 10px;
  112. left: auto;
  113. }
  114. .fl-builder--search-results-panel, .fl-builder-panel {
  115. right: auto;
  116. left: 20px;
  117. }
  118. .fl-builder-panel:before {
  119. left: 87px;
  120. right: auto;
  121. margin-right: -10px;
  122. margin-left: 0;
  123. }
  124. .fl-builder--selector-menu:before {
  125. left: 8px;
  126. right: auto;
  127. margin-right: -10px;
  128. margin-left: 0;
  129. }
  130. .fl-builder--selector-display {
  131. background: url(../img/svg/select-arrow-down-alt2.svg) center left 10px no-repeat #fff!important;
  132. }
  133. .fl-builder--current-view-name,
  134. .fl-builder--menu-item,
  135. .fl-builder-settings-fields .fl-field-control-wrapper {
  136. text-align: right;
  137. }
  138. .fl-builder--panel-header .fl-builder--panel-controls .fl-builder-panel-search {
  139. padding: 0 0 6px 6px;
  140. margin-left: 0;
  141. margin-right: -4px;
  142. }
  143. .fl-builder--panel-controls .fl-builder-panel-search button {
  144. padding-top: 6px;
  145. }
  146. .fl-nanoscroller-content {
  147. right: 17px !important;
  148. }
  149. .fl-builder-block-visual.fl-cols-visual .fl-cols-visual-col:first-child {
  150. margin-right: 0!important;
  151. margin-left: 2px!important;
  152. }
  153. .fl-builder-block-visual.fl-cols-visual .fl-cols-visual-col:last-child {
  154. margin-left: 0!important;
  155. margin-right: 2px!important;
  156. }
  157. .fl-builder-settings-fields select {
  158. background: url(../img/svg/select-arrow-down-alt2.svg) center left 10px no-repeat #fff!important;
  159. padding-left: 30px!important;
  160. padding-right: 10px!important;
  161. }
  162. .fl-form-table th {
  163. padding: 10px 30px 10px 10px!important;
  164. }
  165. .fl-link-field .fl-link-field-input-wrap button {
  166. margin-right: 5px;
  167. margin-left: 0;
  168. }
  169. .dashicons-arrow-right-alt2:before {
  170. content: "\f341";
  171. }
  172. .dashicons-arrow-left-alt2:before {
  173. content: "\f345";
  174. }
  175. .fl-builder-publish-actions {
  176. right: auto;
  177. left: 0;
  178. }
  179. .fl-builder-bar .fl-builder-button {
  180. margin: 0 4px 0 0;
  181. }
  182. .fl-builder-bar .fl-builder-button-group>.fl-builder-button:first-child {
  183. margin-right: 0;
  184. border-top-left-radius: 0;
  185. border-top-right-radius: 3px;
  186. border-bottom-left-radius: 0;
  187. border-bottom-right-radius: 3px;
  188. }
  189. .fl-builder-bar .fl-builder-button-group>.fl-builder-button {
  190. margin-right: 0;
  191. }
  192. .fl-builder-bar .fl-builder-button-group>.fl-builder-button:last-child{
  193. border-top-left-radius: 3px;
  194. border-top-right-radius: 0;
  195. border-bottom-left-radius: 3px;
  196. border-bottom-right-radius: 0;
  197. }
  198. .fl-builder--main-menu-panel {
  199. right: 10px;
  200. left: auto;
  201. }
  202. .fl-builder--main-menu-panel:before, .fl-theme-builder-preview-select-open .fl-theme-builder-preview-select-items:before {
  203. left: 6px;
  204. right: auto;
  205. margin-left: 0;
  206. margin-right: -13px;
  207. }
  208. .fl-builder--menu * .fl-builder--menu-item-accessory {
  209. float: left;
  210. }
  211. .fl-builder--menu>a, .fl-builder--menu>button, .fl-builder--menu>span {
  212. text-align: right;
  213. }
  214. .fl-field[data-type=dimension] .fl-field-responsive-toggle {
  215. padding: 9px 0 0 9px;
  216. }
  217. .fl-builder-settings .fl-form-table .fl-field-description {
  218. margin-left: 0;
  219. margin-right: 2px;
  220. }
  221. .fl-builder--template-collection-item {
  222. float: right;
  223. }
  224. .fl-nanoscroller > .fl-nanoscroller-pane {
  225. right: 2px;
  226. left: auto;
  227. }
  228. .fl-builder-bar-title {
  229. border-right: none;
  230. border-left: 2px solid #D5DADD;
  231. }
  232. .fl-builder--saving-indicator .fa-question-circle {
  233. margin: 3px 8px 3px 0;
  234. }
  235. .fl-builder-publish-actions {
  236. transform-origin: left;
  237. }
  238. .fl-builder--menu-item[data-type="view"] .fl-builder--menu-item-accessory {
  239. transform: rotateZ(180deg);
  240. }
  241. .fl-builder--main-menu-panel-view-title .pop-view {
  242. transform: rotateZ(180deg);
  243. margin-right: -10px;
  244. margin-left:0;
  245. }
  246. .fl-builder-ui-shortcut-keycode {
  247. margin-left: 0;
  248. margin-right:auto;
  249. }
  250. .fl-builder--preview-actions,
  251. .fl-builder--revision-actions {
  252. left:auto;
  253. right: 4px;
  254. }
  255. .fl-builder--preview-actions .device-icons {
  256. margin-right:0;
  257. margin-left: 4px;
  258. }
  259. .fl-revision-list-item-text {
  260. padding-right: 15px;
  261. padding-left:0;
  262. }
  263. .fl-builder--revision-actions * {
  264. margin-right:0;
  265. margin-left: 5px;
  266. }
  267. .fl-block-col-resize-w {
  268. left:auto;
  269. right: -12px !important;
  270. }
  271. .fl-block-col-resize-e {
  272. left: 4px !important;
  273. right: auto !important;
  274. }
  275. .fl-lightbox-footer .fl-builder-button {
  276. margin-right: 5px !important;
  277. margin-left: 0 !important;
  278. }
  279. .fl-lightbox-footer .fl-builder-button:first-child {
  280. margin-right: 0 !important;
  281. }
  282. .fl-builder-settings-fields h3.fl-builder-settings-title {
  283. padding-right: 10px;
  284. padding-left: 15px;
  285. }
  286. .fl-photo-field .fl-photo-preview select {
  287. margin: 8px 10px 8px 0;
  288. }
  289. .fl-photo-field .fl-photo-edit {
  290. margin: 0 11px 0 0;
  291. }
  292. .fl-photo-field .fl-photo-replace, .fl-photo-field .fl-photo-remove {
  293. margin: 0 8px 0 0;
  294. }