rtl.css 23 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240
  1. .depth-0 .row {
  2. padding-right: 1.5rem;
  3. padding-left: inherit;
  4. }
  5. @media only all and (max-width: 47.938em) {
  6. .depth-0 .row {
  7. padding-right: 1rem;
  8. padding-left: inherit;
  9. }
  10. }
  11. .depth-1 .row {
  12. padding-right: 6rem;
  13. padding-left: inherit;
  14. }
  15. @media only all and (max-width: 47.938em) {
  16. .depth-1 .row {
  17. padding-right: 2rem;
  18. padding-left: inherit;
  19. }
  20. }
  21. .depth-2 .row {
  22. padding-right: 9rem;
  23. padding-left: inherit;
  24. }
  25. @media only all and (max-width: 47.938em) {
  26. .depth-2 .row {
  27. padding-right: 1.5rem;
  28. padding-left: inherit;
  29. }
  30. }
  31. .depth-3 .row {
  32. padding-right: 12rem;
  33. padding-left: inherit;
  34. }
  35. @media only all and (max-width: 47.938em) {
  36. .depth-3 .row {
  37. padding-right: 4rem;
  38. padding-left: inherit;
  39. }
  40. }
  41. .depth-4 .row {
  42. padding-right: 15rem;
  43. padding-left: inherit;
  44. }
  45. @media only all and (max-width: 47.938em) {
  46. .depth-4 .row {
  47. padding-right: 5rem;
  48. padding-left: inherit;
  49. }
  50. }
  51. .depth-5 .row {
  52. padding-right: 18rem;
  53. padding-left: inherit;
  54. }
  55. @media only all and (max-width: 47.938em) {
  56. .depth-5 .row {
  57. padding-right: 6rem;
  58. padding-left: inherit;
  59. }
  60. }
  61. .depth-6 .row {
  62. padding-right: 21rem;
  63. padding-left: inherit;
  64. }
  65. @media only all and (max-width: 47.938em) {
  66. .depth-6 .row {
  67. padding-right: 7rem;
  68. padding-left: inherit;
  69. }
  70. }
  71. .depth-7 .row {
  72. padding-right: 24rem;
  73. padding-left: inherit;
  74. }
  75. @media only all and (max-width: 47.938em) {
  76. .depth-7 .row {
  77. padding-right: 8rem;
  78. padding-left: inherit;
  79. }
  80. }
  81. .depth-8 .row {
  82. padding-right: 27rem;
  83. padding-left: inherit;
  84. }
  85. @media only all and (max-width: 47.938em) {
  86. .depth-8 .row {
  87. padding-right: 9rem;
  88. padding-left: inherit;
  89. }
  90. }
  91. .depth-9 .row {
  92. padding-right: 30rem;
  93. padding-left: inherit;
  94. }
  95. @media only all and (max-width: 47.938em) {
  96. .depth-9 .row {
  97. padding-right: 10rem;
  98. padding-left: inherit;
  99. }
  100. }
  101. body {
  102. direction: rtl;
  103. }
  104. body,
  105. h5,
  106. h6,
  107. .badge,
  108. .sidebar-open #admin-sidebar #admin-menu li .badges .updates,
  109. .note,
  110. .grav-mdeditor-preview,
  111. input,
  112. select,
  113. textarea,
  114. button,
  115. .selectize-input,
  116. h1,
  117. h2,
  118. h3,
  119. h4,
  120. #admin-menu li,
  121. .form-tabs>label,
  122. .label,
  123. code,
  124. kbd,
  125. pre,
  126. samp,
  127. body .CodeMirror {
  128. font-family: "Open Sans", Tahoma, Arial, sans-serif, Helvetica, Roboto !important;
  129. }
  130. #admin-sidebar {
  131. float: right;
  132. right: 0;
  133. left: inherit;
  134. }
  135. @media only all and (min-width: 47.938em) {
  136. #admin-main {
  137. margin-right: 4.2rem;
  138. margin-left: inherit;
  139. }
  140. }
  141. @media only all and (min-width: 74.938em) {
  142. #admin-main {
  143. margin-right: 240px;
  144. margin-left: inherit;
  145. }
  146. }
  147. .button-bar {
  148. text-align: left;
  149. float: left;
  150. }
  151. .titlebar .button-bar .button.dropdown-toggle {
  152. border-right: 1px solid #3bab97;
  153. border-left: inherit;
  154. }
  155. #admin-main .titlebar .button {
  156. margin-left: 0px;
  157. margin-right: 2px;
  158. }
  159. .button.dropdown-toggle {
  160. margin-right: -4px !important;
  161. }
  162. .fjs-item-wrapper .button.dropdown-toggle {
  163. margin-right: 0 !important;
  164. }
  165. #pages-content-wrapper .fjs-item a {
  166. padding: 7px 5px 7px 2px;
  167. }
  168. .button-group>.button:last-child:not(:first-child),
  169. .button-group>.dropdown-toggle:not(:first-child) {
  170. border-top-right-radius: 0 !important;
  171. border-bottom-right-radius: 0 !important;
  172. border-top-left-radius: 4px !important;
  173. border-bottom-left-radius: 4px !important;
  174. }
  175. .button-group .dropdown-menu {
  176. right: 0;
  177. float: right;
  178. text-align: right;
  179. }
  180. .button-group>.button:first-child:not(:last-child):not(.dropdown-toggle) {
  181. border-top-left-radius: 0 !important;
  182. border-bottom-left-radius: 0 !important;
  183. border-top-right-radius: 4px !important;
  184. border-bottom-right-radius: 4px !important;
  185. }
  186. #admin-dashboard #updates .button-bar > .button:not(.dropdown-toggle) {
  187. margin-right: 4px;
  188. margin-left: 0;
  189. }
  190. #admin-main .flush-bottom.button-bar .button.dropdown-toggle {
  191. margin-right: -4px;
  192. margin-left: 0;
  193. }
  194. #admin-main h1 {
  195. text-align: right;
  196. }
  197. .fa-arrow-circle-right::before {
  198. content: "\f0a8" !important;
  199. }
  200. #admin-user-details,
  201. .admin-user-details {
  202. text-align: right;
  203. }
  204. #admin-user-details .admin-user-names,
  205. .admin-user-details .admin-user-names {
  206. margin-right: 60px;
  207. margin-left: inherit;
  208. }
  209. #admin-user-details img,
  210. .admin-user-details img {
  211. float: right;
  212. }
  213. #admin-menu li.selected a {
  214. border-right: 9px solid #007ab8;
  215. border-left: inherit !important;
  216. }
  217. #admin-menu li.selected a {
  218. padding-right: 16px;
  219. padding-left: inherit !important;
  220. }
  221. #admin-menu li a {
  222. padding-right: 25px;
  223. padding-left: inherit;
  224. }
  225. #admin-menu li a .fa {
  226. margin-left: 8px;
  227. margin-right: inherit;
  228. }
  229. #admin-menu li .badges {
  230. float: left;
  231. margin-left: 1rem;
  232. margin-right: inherit;
  233. }
  234. #overlay {
  235. right: 75%;
  236. left: inherit;
  237. }
  238. .content-padding #admin-dashboard .dashboard-item-flex:nth-of-type(2n) .dashboard-item {
  239. margin-left: 0;
  240. margin-right: 0.75rem;
  241. }
  242. #admin-dashboard .dashboard-item h1 .right {
  243. float: left;
  244. }
  245. .fa.fa-refresh {
  246. margin: 0;
  247. }
  248. #admin-dashboard .widget-content {
  249. /* news feed and noti are always in english */
  250. direction: ltr;
  251. }
  252. #phpinfo {
  253. /* PHP info is always in enlish */
  254. direction: ltr;
  255. }
  256. .p {
  257. text-align: left !important;
  258. }
  259. #admin-main .alert::before {
  260. font-family: FontAwesome;
  261. margin-left: 5px;
  262. }
  263. .content-padding #admin-dashboard .dashboard-item-flex:nth-of-type(2n+1) .dashboard-item {
  264. margin-right: 0;
  265. margin-left: 0.75rem;
  266. }
  267. form .form-field {
  268. padding-right: 1.5rem;
  269. padding-left: 0;
  270. }
  271. .hint--bottom::after,
  272. .hint--bottom::before {
  273. right: 50%;
  274. left: inherit;
  275. }
  276. form .form-data {
  277. padding-left: 1.5rem;
  278. padding-right: 0 !important;
  279. }
  280. form .selectize-input {
  281. padding: 5px 10px 5px 30px;
  282. }
  283. .switch-toggle input:last-of-type:checked~a {
  284. right: 50%;
  285. left: inherit;
  286. }
  287. .switch-toggle a {
  288. right: 0;
  289. left: inherit;
  290. }
  291. .switch-toggle input+label {
  292. float: right;
  293. }
  294. form .form-input-addon-wrapper input:not(:last-child) {
  295. border-top-left-radius: 0;
  296. border-top-right-radius: .1875rem;
  297. border-bottom-left-radius: 0;
  298. border-bottom-right-radius: .1875rem;
  299. }
  300. form .form-input-addon-wrapper .form-input-append {
  301. border-radius: 4px 0px 0px 4px;
  302. border-right-width: 0 !important;
  303. border-left-width: 1px !important;
  304. }
  305. form .checkboxes label::before {
  306. margin-left: 10px;
  307. margin-right: inherit;
  308. }
  309. form .checkboxes label {
  310. padding: 0 2rem 0 0;
  311. margin-left: 15px;
  312. margin-right: inherit;
  313. }
  314. .switch-toggle.switch-3 input:checked:last-of-type~a {
  315. right: 66.66667%;
  316. left: inherit;
  317. }
  318. .switch-toggle.switch-3 input:checked:nth-of-type(2)~a {
  319. right: 33.33333%;
  320. left: inherit;
  321. }
  322. form .dynfields input[type="text"],
  323. form [data-grav-field="array"] input[type="text"] {
  324. float: right;
  325. margin: 0 0px 5px 5px;
  326. }
  327. #page-filtering .page-search::after {
  328. left: 15px;
  329. right: inherit;
  330. }
  331. .remodal {
  332. text-align: right;
  333. }
  334. form h1,
  335. form h3 {
  336. text-align: right;
  337. }
  338. #toast-container>div {
  339. padding: 15px 50px 15px 15px;
  340. }
  341. @media all and (max-width: 240px) {
  342. #toast-container>div {
  343. padding: 8px 50px 8px 8px;
  344. }
  345. #toast-container .toast-close-button {
  346. left: -0.2em;
  347. right: inherit;
  348. }
  349. }
  350. @media all and (min-width: 241px) and (max-width: 480px) {
  351. #toast-container>div {
  352. padding: 8px 50px 8px 8px;
  353. width: 18em;
  354. }
  355. #toast-container .toast-close-button {
  356. left: -0.2em;
  357. right: inherit;
  358. }
  359. }
  360. @media all and (min-width: 481px) and (max-width: 768px) {
  361. #toast-container>div {
  362. padding: 15px 50px 15px 15px;
  363. }
  364. }
  365. .form-list-wrapper .collection-sort {
  366. right: 0;
  367. left: inherit;
  368. border-right: 0 !important;
  369. border-left: 1px solid #e6e6e6;
  370. }
  371. .form-list-wrapper ul[data-collection-holder]>li .item-actions {
  372. left: 10px;
  373. right: inherit;
  374. }
  375. .pages-list .row .badge.lang,
  376. .pages-list .row .sidebar-open #admin-sidebar #admin-menu li .badges .lang.updates,
  377. .sidebar-open #admin-sidebar #admin-menu li .badges .pages-list .row .lang.updates,
  378. .pages-list .row .sidebar-open #admin-sidebar #admin-menu li .badges .lang.updates,
  379. .sidebar-open #admin-sidebar #admin-menu li .badges .pages-list .row .lang.updates,
  380. .pages-list .row .gpm .lang.gpm-testing,
  381. .gpm .pages-list .row .lang.gpm-testing {
  382. margin-right: 8px;
  383. margin-left: inherit;
  384. }
  385. .pages-list .page-home {
  386. margin-left: 10px;
  387. margin-right: inherit;
  388. }
  389. .pages-list .page-tools i {
  390. margin-right: 10px;
  391. margin-left: inherit;
  392. }
  393. .gpm .sort-actions {
  394. float: left;
  395. }
  396. .fa-long-arrow-right::before {
  397. content: "\f177";
  398. }
  399. .gpm .gpm-search::after {
  400. left: 60px;
  401. right: inherit;
  402. }
  403. /* admin menu */
  404. #admin-logo .admin-logo {
  405. padding-left: 10px;
  406. }
  407. .sidebar-closed:not(.sidebar-quickopen) #admin-sidebar {
  408. float: right;
  409. visibility: visible;
  410. opacity: 1;
  411. width: 4.2rem;
  412. }
  413. .sidebar-closed:not(.sidebar-quickopen) #admin-sidebar #admin-logo h3 {
  414. font-size: 0;
  415. }
  416. .sidebar-closed:not(.sidebar-quickopen) #admin-sidebar #admin-logo h3:first-letter {
  417. font-size: 2.5rem;
  418. }
  419. .sidebar-closed:not(.sidebar-quickopen) #admin-sidebar #admin-logo .admin-logo .front-end {
  420. display: none;
  421. }
  422. .sidebar-closed:not(.sidebar-quickopen) #admin-sidebar #grav-logo-small {
  423. display: inline-block;
  424. }
  425. .sidebar-closed:not(.sidebar-quickopen) #admin-sidebar #grav-logo-large {
  426. display: none;
  427. }
  428. .sidebar-closed:not(.sidebar-quickopen) #admin-sidebar #admin-user-details {
  429. padding: 15px 10px 15px 0px;
  430. text-align: right;
  431. }
  432. .sidebar-closed:not(.sidebar-quickopen) #admin-sidebar .admin-user-names {
  433. display: none;
  434. }
  435. .sidebar-closed:not(.sidebar-quickopen) #admin-sidebar #admin-menu em {
  436. display: none;
  437. }
  438. .sidebar-closed:not(.sidebar-quickopen) #admin-sidebar #admin-menu li .badges .updates {
  439. border-radius: 100%;
  440. position: absolute;
  441. top: 4px;
  442. left: 10px;
  443. right: inherit;
  444. font-size: 9px;
  445. line-height: 12px;
  446. padding: 1px 3px;
  447. min-width: 15px;
  448. }
  449. .sidebar-closed:not(.sidebar-quickopen) #admin-sidebar #admin-menu li .badges .count {
  450. display: none;
  451. }
  452. @media only all and (min-width: 74.938em) {
  453. .sidebar-closed:not(.sidebar-quickopen) #admin-sidebar #open-handle .fa-angle-double-right:before {
  454. content: "\f100";
  455. }
  456. }
  457. .sidebar-closed:not(.sidebar-quickopen) #admin-main {
  458. margin-right: 4.2rem;
  459. margin-left: inherit;
  460. }
  461. .sidebar-open #admin-sidebar {
  462. z-index: 10001;
  463. float: right;
  464. visibility: visible;
  465. opacity: 1;
  466. width: 240px;
  467. }
  468. .sidebar-open #admin-sidebar h3 {
  469. font-size: 1.2rem;
  470. }
  471. .sidebar-open #admin-sidebar h3:first-letter {
  472. font-size: 1.2rem;
  473. }
  474. .sidebar-open #admin-sidebar #grav-logo-small {
  475. display: none;
  476. }
  477. .sidebar-open #admin-sidebar #grav-logo-large {
  478. display: inline-block;
  479. }
  480. .sidebar-open #admin-sidebar #admin-user-details {
  481. padding: 15px 10px;
  482. text-align: right;
  483. }
  484. .sidebar-open #admin-sidebar .admin-user-names {
  485. display: block;
  486. }
  487. .sidebar-open #admin-sidebar .admin-logo .front-end {
  488. display: inline-block;
  489. }
  490. .sidebar-open #admin-sidebar #admin-menu em {
  491. display: inline;
  492. }
  493. .sidebar-open #admin-sidebar #admin-menu li .badges .updates {
  494. border-bottom-left-radius: 0;
  495. border-top-left-radius: 0;
  496. border-bottom-right-radius: inherit;
  497. border-top-right-radius: inherit;
  498. position: relative;
  499. top: auto;
  500. left: auto;
  501. right: inherit;
  502. }
  503. .sidebar-open #admin-sidebar #admin-menu li .badges .count {
  504. display: inline-block;
  505. }
  506. @media only all and (min-width: 47.938em) and (max-width: 74.938em) {
  507. .sidebar-open #admin-sidebar #open-handle .fa-angle-double-right:before {
  508. content: "\f100";
  509. }
  510. }
  511. #admin-sidebar {
  512. position: absolute;
  513. right: 0;
  514. top: 0;
  515. bottom: 0;
  516. width: 100%;
  517. max-height: 100vh;
  518. opacity: 0;
  519. z-index: 3;
  520. }
  521. @media only all and (min-width: 74.938em) {
  522. #admin-sidebar #open-handle .fa-angle-double-right:before {
  523. content: "\f101";
  524. }
  525. }
  526. @media only all and (max-width: 47.938em) {
  527. #admin-sidebar #open-handle {
  528. right: 4.2rem;
  529. }
  530. }
  531. #admin-sidebar.sidebar-is-visible {
  532. opacity: 1;
  533. visibility: visible;
  534. }
  535. @media only all and (max-width: 47.938em) {
  536. #admin-sidebar {
  537. z-index: 3;
  538. }
  539. }
  540. @media only all and (min-width: 47.938em) {
  541. #admin-sidebar {
  542. float: right;
  543. visibility: visible;
  544. opacity: 1;
  545. width: 4.2rem;
  546. }
  547. }
  548. @media only all and (min-width: 74.938em) {
  549. #admin-sidebar {
  550. float: right;
  551. visibility: visible;
  552. opacity: 1;
  553. width: 240px;
  554. }
  555. }
  556. .sidebar-closed #open-handle {
  557. right: 4.2rem !important;
  558. }
  559. tr td.gpm-actions {
  560. text-align: left;
  561. }
  562. tr td.gpm-actions .gpm-details-expand {
  563. right: inherit;
  564. left: 12px;
  565. }
  566. .hint--right:after,
  567. .hint--right:before {
  568. right: 100%;
  569. left: inherit !important;
  570. }
  571. .hint--right:before {
  572. margin-right: -12px;
  573. margin-left: inherit !important;
  574. }
  575. .remodal ul li {
  576. margin-right: 27px;
  577. margin-left: inherit;
  578. }
  579. .gpm .gpm-item-info td {
  580. border: 0;
  581. text-align: right !important;
  582. }
  583. .grav-editor-content {
  584. direction: ltr;
  585. }
  586. #admin-logo .front-end {
  587. margin-right: 15px;
  588. margin-left: 0 !important;
  589. }
  590. .hint--left::after,
  591. .hint--left::before {
  592. left: 100%;
  593. right: inherit !important
  594. }
  595. .hint--left:focus::after,
  596. .hint--left:focus::before,
  597. .hint--left:hover::after,
  598. .hint--left:hover::before {
  599. -webkit-transform: translateX(8px) !important;
  600. -moz-transform: translateX(8px) !important;
  601. transform: translateX(8px) !important;
  602. }
  603. .hint--left::before {
  604. border-right-color: #383838;
  605. border-left-color: transparent !important;
  606. margin-right: 12px !important;
  607. }
  608. #admin-sidebar #open-handle {
  609. right: inherit !important;
  610. left: 0;
  611. }
  612. /* CSS Hacks: I couldn't edit twig and js files to work properly with RTL so I had to use these hacks */
  613. .fa.fa-angle-right {
  614. transform: rotate(180deg);
  615. }
  616. .fa.fa-chevron-circle-right {
  617. transform: rotate(180deg);
  618. }
  619. .fa.fa-reply {
  620. transform: scaleX(-1);
  621. }
  622. input[name="data[assets][collections][jquery]"] {
  623. margin-left: inherit !important;
  624. margin-right: 50px !important;
  625. }
  626. input[name="data[assets][collections][jquery][0]"] {
  627. margin-left: inherit !important;
  628. margin-right: 50px !important;
  629. }
  630. .dropdown-menu[style^=display] {
  631. left: inherit !important;
  632. right: 308px !important;
  633. }
  634. @media only all and (min-width: 47.938em) and (max-width: 74.875em) {
  635. .dropdown-menu[style^=display] {
  636. right: 135px !important;
  637. }
  638. }
  639. @media only all and (max-width: 47.937em) {
  640. .dropdown-menu[style^=display] {
  641. right: 45px !important;
  642. }
  643. }
  644. #pages-columns.fjs-container .fjs-col {
  645. border-left: 1px solid rgba(230, 230, 230, 0.5);
  646. border-right: 0;
  647. }
  648. .button-bar .button .fa.fa-chevron-left {
  649. transform: rotate(180deg);
  650. }
  651. .button-bar .button .fa.fa-chevron-right {
  652. transform: rotate(180deg);
  653. }
  654. .prev .fa.fa-chevron-left {
  655. transform: rotate(180deg);
  656. }
  657. .next .fa.fa-chevron-right {
  658. transform: rotate(180deg);
  659. }
  660. /* end */
  661. .form-tabs.side-tabs>.tabs-nav a {
  662. text-align: right;
  663. justify-content: right;
  664. padding-right: 15px;
  665. padding-left: inherit;
  666. }
  667. #admin-main .form-tabs.side-tabs>.tabs-content {
  668. box-shadow: 40px 0 20px -40px rgba(0, 0, 0, 0.3) !important;
  669. }
  670. .form-list-wrapper .collection-actions {
  671. text-align: left;
  672. }
  673. form .dynfields input[type="text"],
  674. form [data-grav-field="array"] input[type="text"],
  675. form [data-grav-field="multilevel"] input[type="text"] {
  676. float: right;
  677. margin: 0 0 5px 5px;
  678. }
  679. #admin-menu li .badges.with-updates .count {
  680. border-bottom-right-radius: 0;
  681. border-top-right-radius: 0;
  682. border-bottom-left-radius: 10px;
  683. border-top-left-radius: 10px;
  684. }
  685. #admin-menu li .badges.with-updates .updates {
  686. border-bottom-left-radius: 0;
  687. border-top-left-radius: 0;
  688. border-bottom-right-radius: 10px;
  689. border-top-right-radius: 10px;
  690. }
  691. .selectize-control.rtl.single .selectize-input::after {
  692. left: 23px;
  693. }
  694. form .dynfields .form-row span[data-grav-array-action="sort"], form [data-grav-field="array"] .form-row span[data-grav-array-action="sort"], form [data-grav-field="multilevel"] .form-row span[data-grav-array-action="sort"] {
  695. float: right;
  696. }
  697. .user-details {
  698. text-align: right;
  699. }
  700. .permission-container .permission-name span.badge, .permission-container .permission-name .sidebar-open #admin-sidebar #admin-menu li .badges span.updates, .sidebar-open #admin-sidebar #admin-menu li .badges .permission-container .permission-name span.updates, .permission-container .permission-name .gpm span.gpm-testing, .gpm .permission-container .permission-name span.gpm-testing {
  701. float: left;
  702. margin-left: -2px;
  703. margin-right: inherit;
  704. }
  705. .permissions-container fieldset fieldset {
  706. padding: 0.5rem 2rem 0 0;
  707. }
  708. #pages-filters .filters-bar .button-border {
  709. margin-right: 0.5rem;
  710. margin-left: 0;
  711. }
  712. tr th:last-child, tr td:last-child {
  713. padding-left: 1.5rem;
  714. padding-right: 0;
  715. }
  716. tr th:first-child, tr td:first-child {
  717. padding-right: 1.5rem;
  718. padding-left: 0;
  719. }
  720. .triple.page-title {
  721. padding-left: 0;
  722. padding-right: 1.5rem;
  723. }
  724. .tags {
  725. text-align: right;
  726. }
  727. #admin-main .alert.grav #grav-update-button {
  728. float: left;
  729. }
  730. #admin-main .grav-update .button {
  731. float: left;
  732. margin-right: 1rem;
  733. margin-left: 0;
  734. }
  735. .gp-learn-more, .gp-learn-more:active {
  736. margin: 0 0 0 2rem !important;
  737. }
  738. .hide-notification {
  739. left: 1rem;
  740. right: inherit;
  741. }
  742. .gpm .gpm-search {
  743. position: relative;
  744. padding: 0 1.5rem 0.5rem 3rem;
  745. text-indent: 2.5rem;
  746. }
  747. tr td.gpm-actions {
  748. padding-right: 0;
  749. padding-left: 2.5rem;
  750. }
  751. .gpm .gpm-version {
  752. padding-left: 0;
  753. padding-right: 0.5rem;
  754. }
  755. .gpm-version {
  756. display: inline-table;
  757. }
  758. .gpm .badge.update, .gpm .sidebar-open #admin-sidebar #admin-menu li .badges .update.updates, .sidebar-open #admin-sidebar #admin-menu li .badges .gpm .update.updates, .gpm .update.gpm-testing {
  759. margin-left: 0;
  760. margin-right: 1rem;
  761. }
  762. .gpm .gpm-item-info .gpm-item-icon {
  763. left: 1.5rem;
  764. right: inherit;
  765. }
  766. #backups-stats #backups-usage h1 {
  767. left: 1rem;
  768. right: inherit;
  769. }
  770. #backups-stats .backups-usage-wrapper {
  771. height: 40px;
  772. background: linear-gradient(90deg, #85144b 0%, #FF4136 20%, #FF851B 40%, #FFDC00 60%, #01FF70 80%, #2ECC40 100%);
  773. }
  774. #backups-stats .backups-usage-wrapper > div {
  775. background: linear-gradient(90deg, #006ea6 0, #005d8d 100%);
  776. }
  777. #backups-stats .backups-usage-wrapper > div {
  778. float: left;
  779. }
  780. .jqCron-time {
  781. display: inline-flex !important;
  782. }
  783. th {
  784. text-align: right;
  785. }
  786. #admin-main .admin-block .report-output .toast .btn {
  787. float: left !important;
  788. margin-left: 0.5rem;
  789. }
  790. .report-output ul.problems .toast .btn {
  791. margin-right: 1rem;
  792. }
  793. .report-output ul.problems ul.details .menu-badge {
  794. float: left !important;
  795. }
  796. .label {
  797. margin-left: 0.75rem;
  798. margin-right: 0;
  799. }
  800. .report-output ul.problems ul.details {
  801. padding-right: 0;
  802. }
  803. .toast-close-button {
  804. right: inherit;
  805. left: -0.3em;
  806. float: left;
  807. }
  808. .toast-top-right {
  809. right: inherit;
  810. left: 1.5rem;
  811. }
  812. #toast-container > div {
  813. background-position: 260px center;
  814. }
  815. @media (max-width : 48em) {
  816. #toast-container > div {
  817. background-position: 280px center;
  818. }
  819. }
  820. #pages-content-wrapper .fjs-item .fjs-icon::after, #pages-content-wrapper .fjs-item .fjs-icon .badge-clock {
  821. right: inherit;
  822. left: -2px;
  823. }
  824. #pages-content-wrapper .fjs-item .fjs-icon {
  825. margin-left: 5px;
  826. }
  827. #pages-content-wrapper .fjs-item .fjs-title [data-flexpages-dotx3] .dropdown-menu {
  828. text-align: right;
  829. }
  830. #pages-content-wrapper .fjs-item .fjs-title [data-flexpages-dotx3] .dropdown-menu table td {
  831. text-align: right;
  832. }
  833. .datetime-picker-wrapper .field-icons {
  834. left: 10px;
  835. right: inherit;
  836. }
  837. .datetime-picker-wrapper input {
  838. padding-left: 2.5rem;
  839. padding-right: 0;
  840. }
  841. .list-unstyled {
  842. padding-right: 0;
  843. }
  844. .bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.bottom {
  845. inset: auto 0 auto auto !important;
  846. }
  847. .bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.top {
  848. inset: auto 0 35px auto !important;
  849. }
  850. .bootstrap-datetimepicker-widget.dropdown-menu.bottom::after {
  851. left: inherit;
  852. right: 8px;
  853. }
  854. .bootstrap-datetimepicker-widget.dropdown-menu.bottom::before {
  855. left: inherit;
  856. right: 7px;
  857. }
  858. .bootstrap-datetimepicker-widget.dropdown-menu.top::after {
  859. left: inherit;
  860. right: 7px;
  861. }
  862. .bootstrap-datetimepicker-widget.dropdown-menu.top::before {
  863. left: inherit;
  864. right: 6px;
  865. }
  866. .form-order-wrapper ul.orderable li.drag-handle::after {
  867. right: inherit;
  868. left: 10px;
  869. }
  870. form .form-select-wrapper::after, form .selectize-control.single .selectize-input::after {
  871. right: inherit;
  872. left: 12px;
  873. }
  874. #admin-topbar {
  875. left: 5px;
  876. right: inherit;
  877. }
  878. #blueprints .block .form-tabs .tabs-nav {
  879. margin-right: 0 !important;
  880. margin-left: 263px;
  881. }
  882. #admin-main .form-tabs.side-tabs > .tabs-nav {
  883. margin: 0;
  884. }
  885. @media only all and (max-width: 47.938em) {
  886. #blueprints .block .form-tabs .tabs-nav {
  887. margin-left: 0 !important;
  888. }
  889. }
  890. #admin-topbar #admin-lang-toggle {
  891. float: right;
  892. margin-left: 5px;
  893. margin-right: 0;
  894. }
  895. .admin-form-wrapper .tabs-nav {
  896. margin: 0 !important;
  897. }
  898. form h1, form h3, form .form-spacer h3 {
  899. text-align: right;
  900. }
  901. .fjs-container .fjs-item a span i {
  902. padding-left: 5px;
  903. padding-right: 0;
  904. }
  905. [data-remodal-id].parents-container .fjs-item {
  906. margin-right: 0;
  907. margin-left: 0;
  908. }
  909. [data-remodal-id].parents-container .fjs-item {
  910. margin-right: 0;
  911. margin-left: 0;
  912. }
  913. [data-remodal-id].parents-container .fjs-col {
  914. border-left: 1px solid #e6e6e6;
  915. border-right: 0;
  916. }
  917. #pages-content-wrapper .fjs-item .fjs-title [data-flexpages-dotx3] .dropdown-menu .action-bar a.dropdown-item:hover:last-child {
  918. border-top-left-radius: 4px;
  919. border-top-right-radius: 0;
  920. }
  921. .gpm-details {
  922. padding-left: 0 !important;
  923. }
  924. .gpm-name.quadruple {
  925. padding-right: 1.5rem;
  926. padding-left: 0;
  927. }
  928. .table-wrapper td {
  929. padding-right: 1.5rem;
  930. padding-left: 0 !important;
  931. }
  932. .vuetable #_username {
  933. padding-right: 1.5rem;
  934. padding-left: 0;
  935. }
  936. .vuetable-body td:first-child {
  937. padding-right: 1.5rem;
  938. padding-left: 0;
  939. }
  940. .search-wrapper .filter-perPage {
  941. margin-left: 0 !important;
  942. margin-right: 1rem;
  943. }
  944. #directory td:last-child {
  945. text-align: left !important;
  946. }
  947. #directory td:last-child a {
  948. padding-left: 0 !important;
  949. padding-right: 5px;
  950. }
  951. tr th.right, tr td.right {
  952. text-align: left;
  953. }
  954. .directory .checkboxes label {
  955. margin: 0;
  956. }
  957. .backups-history th:first-child {
  958. padding-right: 1.5rem;
  959. padding-left: 0;
  960. }
  961. .backups-history tbody tr td:first-child {
  962. padding-right: 1.5rem;
  963. padding-left: 0;
  964. }
  965. .details .infos td:last-child {
  966. padding-left: 0 !important;
  967. }
  968. .details .infos td:first-child {
  969. padding-right: 0 !important;
  970. }
  971. @media only all and (max-width: 47.938em) {
  972. #admin-main .titlebar {
  973. padding: 0 4rem 0 0.375rem;
  974. }
  975. #admin-main .lines-button {
  976. margin-right: 0.375rem;
  977. margin-left: 0;
  978. }
  979. .button-group .dropdown-menu {
  980. right: -81px;
  981. }
  982. }
  983. .content-wrapper.updates-checked > div {
  984. transform: scaleX(-1);
  985. }
  986. .content-wrapper.updates-checked {
  987. transform: scaleX(-1);
  988. }
  989. .admin-menu-wrapper > div {
  990. transform: scaleX(-1);
  991. }
  992. .admin-menu-wrapper {
  993. transform: scaleX(-1);
  994. }
  995. body .changelog ul li::before {
  996. margin-right: -6rem;
  997. margin-left: 1rem;
  998. }
  999. body .changelog ul li {
  1000. padding-right: 6rem;
  1001. padding-left: 0 !important;
  1002. }