rails_admin.scss.erb 6.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241
  1. // Issue 1956 (https://github.com/sferik/rails_admin/issues/1956)
  2. //= depend_on_asset "rails_admin/bootstrap/glyphicons-halflings.png"
  3. //= depend_on_asset "rails_admin/bootstrap/glyphicons-halflings-white.png"
  4. //= depend_on_asset "rails_admin/aristo/images/bg_fallback.png"
  5. //= depend_on_asset "rails_admin/aristo/images/ui-icons_222222_256x240.png"
  6. //= depend_on_asset "rails_admin/aristo/images/ui-icons_454545_256x240.png"
  7. //= depend_on_asset "rails_admin/aristo/images/icon_sprite.png"
  8. //= depend_on_asset "rails_admin/aristo/images/slider_handles.png"
  9. //= depend_on_asset "rails_admin/aristo/images/progress_bar.gif"
  10. //= depend_on_asset "rails_admin/multiselect/icon_sprite.png"
  11. //= depend_on_asset "rails_admin/multiselect/ui-icon-circle-triangle-n-light.png"
  12. //= depend_on_asset "rails_admin/multiselect/ui-icon-circle-triangle-n-dark.png"
  13. //= depend_on_asset "rails_admin/multiselect/ui-icon-circle-triangle-s-light.png"
  14. //= depend_on_asset "rails_admin/multiselect/ui-icon-circle-triangle-s-dark.png"
  15. //= depend_on_asset "rails_admin/colorpicker/select2.png"
  16. //= depend_on_asset "rails_admin/colorpicker/custom_background.png"
  17. //= depend_on_asset "rails_admin/colorpicker/colorpicker_overlay.png"
  18. //= depend_on_asset "rails_admin/colorpicker/colorpicker_select.gif"
  19. //= depend_on_asset "rails_admin/colorpicker/custom_indic.gif"
  20. //= depend_on_asset "rails_admin/colorpicker/custom_hex.png"
  21. //= depend_on_asset "rails_admin/colorpicker/custom_rgb_r.png"
  22. //= depend_on_asset "rails_admin/colorpicker/custom_rgb_g.png"
  23. //= depend_on_asset "rails_admin/colorpicker/custom_rgb_b.png"
  24. //= depend_on_asset "rails_admin/colorpicker/custom_hsb_h.png"
  25. //= depend_on_asset "rails_admin/colorpicker/custom_hsb_s.png"
  26. //= depend_on_asset "rails_admin/colorpicker/custom_hsb_b.png"
  27. //= depend_on_asset "rails_admin/colorpicker/custom_submit.png"
  28. @charset "UTF-8";
  29. <%
  30. theme = ENV['RAILS_ADMIN_THEME'] || :default
  31. %>
  32. /*** Variables ***/
  33. @import "rails_admin/custom/variables";
  34. @import "rails_admin/bootstrap/variables";
  35. @import "rails_admin/base/variables";
  36. @import "rails_admin/themes/<%= theme %>/variables";
  37. /*** Mixins ***/
  38. @import "rails_admin/bootstrap/mixins";
  39. @import "rails_admin/base/mixins";
  40. @import "rails_admin/themes/<%= theme %>/mixins";
  41. @import "rails_admin/custom/mixins";
  42. /*** Reset ***/
  43. <%# @import "rails_admin/bootstrap/reset"; %>
  44. /*** Libraries ***/
  45. @import "rails_admin/aristo/jquery-ui-1.8.7.custom";
  46. @import "rails_admin/bootstrap-datetimepicker-build";
  47. @import "rails_admin/ra.filtering-multiselect";
  48. @import "rails_admin/ra.widgets";
  49. @import "rails_admin/jquery.colorpicker";
  50. /*** Font-awesome ***/
  51. @import 'font-awesome';
  52. @import 'rails_admin/base/font-awesome-4-compability';
  53. /*** Bootstrap Theming ***/
  54. @import "rails_admin/bootstrap/normalize";
  55. @import "rails_admin/bootstrap/scaffolding";
  56. @import "rails_admin/bootstrap/grid";
  57. <%# @import "rails_admin/bootstrap/layouts"; %>
  58. @import "rails_admin/bootstrap/type";
  59. @import "rails_admin/bootstrap/forms";
  60. @import "rails_admin/bootstrap/tables";
  61. @import "rails_admin/bootstrap/dropdowns";
  62. @import "rails_admin/bootstrap/wells";
  63. @import "rails_admin/bootstrap/component-animations";
  64. @import "rails_admin/bootstrap/close";
  65. @import "rails_admin/bootstrap/buttons";
  66. @import "rails_admin/bootstrap/button-groups";
  67. @import "rails_admin/bootstrap/input-groups";
  68. @import "rails_admin/bootstrap/alerts";
  69. @import "rails_admin/bootstrap/navs";
  70. @import "rails_admin/bootstrap/navbar";
  71. @import "rails_admin/bootstrap/breadcrumbs";
  72. @import "rails_admin/bootstrap/pagination";
  73. @import "rails_admin/bootstrap/pager";
  74. @import "rails_admin/bootstrap/modals";
  75. @import "rails_admin/bootstrap/tooltip";
  76. @import "rails_admin/bootstrap/popovers";
  77. @import "rails_admin/bootstrap/thumbnails";
  78. @import "rails_admin/bootstrap/labels";
  79. @import "rails_admin/bootstrap/panels";
  80. @import "rails_admin/bootstrap/badges";
  81. @import "rails_admin/bootstrap/progress-bars";
  82. <%# @import "rails_admin/bootstrap/accordion"; %>
  83. @import "rails_admin/bootstrap/carousel";
  84. <%# @import "rails_admin/bootstrap/hero-unit"; %>
  85. @import "rails_admin/bootstrap/utilities";
  86. @import "rails_admin/bootstrap/responsive-utilities";
  87. /*** RailsAdmin Theming ***/
  88. @import "rails_admin/base/theming";
  89. @import "rails_admin/themes/<%= theme %>/theming";
  90. @import "rails_admin/custom/theming";
  91. .product-locale-tabs {
  92. margin: 8px 0 24px;
  93. border: 1px solid #d9dee7;
  94. border-radius: 8px;
  95. background: #f8fafc;
  96. overflow: hidden;
  97. box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
  98. }
  99. .product-locale-tabs-header {
  100. padding: 14px 18px 8px;
  101. border-bottom: 1px solid #e6ebf2;
  102. background: linear-gradient(180deg, #ffffff 0%, #f6f8fb 100%);
  103. }
  104. .product-locale-tabs-header h4 {
  105. margin: 0 0 4px;
  106. font-size: 16px;
  107. font-weight: 600;
  108. color: #243447;
  109. }
  110. .product-locale-tabs-header p {
  111. margin: 0;
  112. color: #6b7a8c;
  113. font-size: 12px;
  114. line-height: 1.6;
  115. }
  116. .product-locale-tabs-nav {
  117. margin: 0;
  118. padding: 12px 12px 0;
  119. border-bottom: 0;
  120. background: #f6f8fb;
  121. }
  122. .product-locale-tabs-nav > li {
  123. margin: 0 8px 0 0;
  124. }
  125. .product-locale-tabs-nav > li > a {
  126. min-width: 132px;
  127. padding: 10px 14px;
  128. border: 1px solid #d6dce5;
  129. border-radius: 8px 8px 0 0;
  130. background: #edf2f7;
  131. color: #546375;
  132. font-weight: 600;
  133. transition: all .15s ease-in-out;
  134. }
  135. .product-locale-tabs-nav > li > a:hover,
  136. .product-locale-tabs-nav > li > a:focus {
  137. border-color: #c5d0dc;
  138. background: #ffffff;
  139. color: #243447;
  140. }
  141. .product-locale-tabs-nav > li.active > a,
  142. .product-locale-tabs-nav > li.active > a:hover,
  143. .product-locale-tabs-nav > li.active > a:focus {
  144. border-color: #cfd7e3;
  145. border-bottom-color: #ffffff;
  146. background: #ffffff;
  147. color: #1f2d3d;
  148. }
  149. .product-locale-tab-title,
  150. .product-locale-tab-code {
  151. display: block;
  152. }
  153. .product-locale-tab-title {
  154. font-size: 13px;
  155. line-height: 1.3;
  156. }
  157. .product-locale-tab-code {
  158. margin-top: 3px;
  159. font-size: 11px;
  160. font-weight: 500;
  161. color: #7d8a99;
  162. text-transform: uppercase;
  163. letter-spacing: .04em;
  164. }
  165. .product-locale-tabs-content {
  166. padding: 0 12px 12px;
  167. background: #f6f8fb;
  168. }
  169. .product-locale-pane {
  170. padding: 18px 18px 6px;
  171. border: 1px solid #cfd7e3;
  172. border-radius: 0 8px 8px 8px;
  173. background: #ffffff;
  174. }
  175. .product-locale-pane .control-label,
  176. .product-locale-pane .col-sm-2 {
  177. font-weight: 600;
  178. color: #334155;
  179. }
  180. .product-locale-pane input[type="text"],
  181. .product-locale-pane textarea {
  182. border-color: #cfd7e3;
  183. box-shadow: none;
  184. }
  185. .product-locale-pane .cke_chrome {
  186. border-color: #cfd7e3 !important;
  187. box-shadow: none !important;
  188. }
  189. .product-locale-pane .cke_top {
  190. background: #f8fafc !important;
  191. border-bottom-color: #e2e8f0 !important;
  192. }
  193. .product-locale-pane .form-group,
  194. .product-locale-pane .control-group {
  195. margin-left: 0;
  196. margin-right: 0;
  197. padding-bottom: 6px;
  198. }
  199. .product-locale-pane .help-block,
  200. .product-locale-pane .help-inline {
  201. color: #7d8a99;
  202. font-size: 12px;
  203. }