You are here

seeds-toolbar-rtl.css in Seeds Toolbar 8

@import url("https://fonts.googleapis.com/css?family=Tajawal");
@media (max-width: 767px) {
  html[dir=rtl] body.toolbar-fixed {
    margin-right: 55px !important;
    margin-left: auto !important;
} }

html[dir=rtl] body.toolbar-fixed.seeds-local-tasks nav.tabs > .tabs--primary.nav-tabs {
  float: left;
}

html[dir=rtl] body.toolbar-fixed #admin-toolbar-search-tab #toolbar-item-administration-search-tray {
  left: 1500px !important;
}

html[dir=rtl] .seeds-toolbar-background {
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.25);
  box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.25);
}

html[dir=rtl] body.toolbar-fixed.light #toolbar-administration.seeds_toolbar.light .toolbar-tray .menu-item--expanded:hover > ul > li:first-child:before {
  border-right-color: transparent !important;
  border-left-color: #fff !important;
}

html[dir=rtl] body.toolbar-fixed.light #toolbar-administration.seeds_toolbar.light .toolbar-tray .menu-item--expanded:hover > ul > li:first-child:hover::before {
  border-right-color: transparent !important;
  border-left-color: #f2f2f2 !important;
}

html[dir=rtl] body.toolbar-fixed.light .toolbar-icon-escape-admin::before {
  background-image: url("../icons/light/back-rtl.svg");
}

html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar {
  font-family: 'Tajawal';
  left: auto;
  right: 0;
}
@media (max-width: 767px) {
  html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar a {
    padding: 8px 20px 8px 36px;
} }
html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar .toolbar-bar .toolbar-tray {
  right: -190px;
  left: auto !important;
}
html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar .toolbar-bar .toolbar-tray.expanded-by-default {
  right: 55px;
}
html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar #toolbar-bar::before {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0px, rgba(0, 0, 0, 0.5) 1px, rgba(0, 0, 0, 0.05) 1px, rgba(0, 0, 0, 0) 100%);
}
html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar .toolbar-tray {
  margin-right: -1px;
}
@media (min-width: 768px) {
  html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar .toolbar-tray .menu-item--expanded > ul {
    right: 100%;
    left: auto;
} }
html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar .toolbar-tray .menu-item--expanded.hover-intent > ul > li:first-child::before {
  left: 100%;
  right: auto;
}
html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar .toolbar-tray .menu-item--expanded:hover > ul > li:first-child:before {
  border-right-color: transparent !important;
  border-left-color: #4d4d4f !important;
}
html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar .toolbar-tray .menu-item--expanded:hover > ul > li:first-child:hover::before {
  border-right-color: transparent !important;
  border-left-color: #444 !important;
}
html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar #toolbar-bar {
  height: 100vh;
  z-index: auto;
  position: relative;
}
html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar #toolbar-bar::before {
  left: 0;
  right: auto;
}
html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar #toolbar-bar > .toolbar-tab > a,
html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar #toolbar-bar > .toolbar-tab > button {
  margin-left: 5px;
  margin-right: 0;
  top: 0;
  left: 0;
}
html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar #toolbar-bar > .toolbar-tab > a::after,
html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar #toolbar-bar > .toolbar-tab > button::after {
  display: none;
}
html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar .toolbar-menu-administration > ul > li.menu-item--expanded.toolbar-fixed-help-item {
  right: -190px;
  left: auto;
}
html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar .toolbar-menu-administration > ul > li > a {
  padding-right: 50px !important;
  padding-left: 12px !important;
}
html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar .toolbar-menu-administration > ul > li > a::before {
  right: 12px;
  left: auto;
}
html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar .seeds-expand-item {
  left: 0;
  right: auto;
}
html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar.dark .toolbar-icon-escape-admin::before {
  background-image: url("../icons/dark/back-rtl.svg");
}

File

assets/css/seeds-toolbar-rtl.css
View source
  1. @import url("https://fonts.googleapis.com/css?family=Tajawal");
  2. @media (max-width: 767px) {
  3. html[dir=rtl] body.toolbar-fixed {
  4. margin-right: 55px !important;
  5. margin-left: auto !important;
  6. } }
  7. html[dir=rtl] body.toolbar-fixed.seeds-local-tasks nav.tabs > .tabs--primary.nav-tabs {
  8. float: left;
  9. }
  10. html[dir=rtl] body.toolbar-fixed #admin-toolbar-search-tab #toolbar-item-administration-search-tray {
  11. left: 1500px !important;
  12. }
  13. html[dir=rtl] .seeds-toolbar-background {
  14. -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.25);
  15. box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.25);
  16. }
  17. html[dir=rtl] body.toolbar-fixed.light #toolbar-administration.seeds_toolbar.light .toolbar-tray .menu-item--expanded:hover > ul > li:first-child:before {
  18. border-right-color: transparent !important;
  19. border-left-color: #fff !important;
  20. }
  21. html[dir=rtl] body.toolbar-fixed.light #toolbar-administration.seeds_toolbar.light .toolbar-tray .menu-item--expanded:hover > ul > li:first-child:hover::before {
  22. border-right-color: transparent !important;
  23. border-left-color: #f2f2f2 !important;
  24. }
  25. html[dir=rtl] body.toolbar-fixed.light .toolbar-icon-escape-admin::before {
  26. background-image: url("../icons/light/back-rtl.svg");
  27. }
  28. html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar {
  29. font-family: 'Tajawal';
  30. left: auto;
  31. right: 0;
  32. }
  33. @media (max-width: 767px) {
  34. html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar a {
  35. padding: 8px 20px 8px 36px;
  36. } }
  37. html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar .toolbar-bar .toolbar-tray {
  38. right: -190px;
  39. left: auto !important;
  40. }
  41. html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar .toolbar-bar .toolbar-tray.expanded-by-default {
  42. right: 55px;
  43. }
  44. html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar #toolbar-bar::before {
  45. background: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0px, rgba(0, 0, 0, 0.5) 1px, rgba(0, 0, 0, 0.05) 1px, rgba(0, 0, 0, 0) 100%);
  46. }
  47. html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar .toolbar-tray {
  48. margin-right: -1px;
  49. }
  50. @media (min-width: 768px) {
  51. html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar .toolbar-tray .menu-item--expanded > ul {
  52. right: 100%;
  53. left: auto;
  54. } }
  55. html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar .toolbar-tray .menu-item--expanded.hover-intent > ul > li:first-child::before {
  56. left: 100%;
  57. right: auto;
  58. }
  59. html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar .toolbar-tray .menu-item--expanded:hover > ul > li:first-child:before {
  60. border-right-color: transparent !important;
  61. border-left-color: #4d4d4f !important;
  62. }
  63. html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar .toolbar-tray .menu-item--expanded:hover > ul > li:first-child:hover::before {
  64. border-right-color: transparent !important;
  65. border-left-color: #444 !important;
  66. }
  67. html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar #toolbar-bar {
  68. height: 100vh;
  69. z-index: auto;
  70. position: relative;
  71. }
  72. html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar #toolbar-bar::before {
  73. left: 0;
  74. right: auto;
  75. }
  76. html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar #toolbar-bar > .toolbar-tab > a,
  77. html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar #toolbar-bar > .toolbar-tab > button {
  78. margin-left: 5px;
  79. margin-right: 0;
  80. top: 0;
  81. left: 0;
  82. }
  83. html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar #toolbar-bar > .toolbar-tab > a::after,
  84. html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar #toolbar-bar > .toolbar-tab > button::after {
  85. display: none;
  86. }
  87. html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar .toolbar-menu-administration > ul > li.menu-item--expanded.toolbar-fixed-help-item {
  88. right: -190px;
  89. left: auto;
  90. }
  91. html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar .toolbar-menu-administration > ul > li > a {
  92. padding-right: 50px !important;
  93. padding-left: 12px !important;
  94. }
  95. html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar .toolbar-menu-administration > ul > li > a::before {
  96. right: 12px;
  97. left: auto;
  98. }
  99. html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar .seeds-expand-item {
  100. left: 0;
  101. right: auto;
  102. }
  103. html[dir=rtl] body.toolbar-fixed #toolbar-administration.seeds_toolbar.dark .toolbar-icon-escape-admin::before {
  104. background-image: url("../icons/dark/back-rtl.svg");
  105. }