effective_bootstrap 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (335) hide show
  1. checksums.yaml +7 -0
  2. data/MIT-LICENSE +20 -0
  3. data/README.md +93 -0
  4. data/app/assets/icons/activity.svg +13 -0
  5. data/app/assets/icons/airplay.svg +14 -0
  6. data/app/assets/icons/alert-circle.svg +15 -0
  7. data/app/assets/icons/alert-octagon.svg +15 -0
  8. data/app/assets/icons/alert-triangle.svg +15 -0
  9. data/app/assets/icons/align-center.svg +16 -0
  10. data/app/assets/icons/align-justify.svg +16 -0
  11. data/app/assets/icons/align-left.svg +16 -0
  12. data/app/assets/icons/align-right.svg +16 -0
  13. data/app/assets/icons/anchor.svg +15 -0
  14. data/app/assets/icons/aperture.svg +19 -0
  15. data/app/assets/icons/arrow-down-circle.svg +15 -0
  16. data/app/assets/icons/arrow-down-left.svg +14 -0
  17. data/app/assets/icons/arrow-down-right.svg +14 -0
  18. data/app/assets/icons/arrow-down.svg +14 -0
  19. data/app/assets/icons/arrow-left-circle.svg +15 -0
  20. data/app/assets/icons/arrow-left.svg +14 -0
  21. data/app/assets/icons/arrow-right-circle.svg +15 -0
  22. data/app/assets/icons/arrow-right.svg +14 -0
  23. data/app/assets/icons/arrow-up-circle.svg +15 -0
  24. data/app/assets/icons/arrow-up-left.svg +14 -0
  25. data/app/assets/icons/arrow-up-right.svg +14 -0
  26. data/app/assets/icons/arrow-up.svg +14 -0
  27. data/app/assets/icons/at-sign.svg +14 -0
  28. data/app/assets/icons/award.svg +14 -0
  29. data/app/assets/icons/bar-chart-2.svg +15 -0
  30. data/app/assets/icons/bar-chart.svg +15 -0
  31. data/app/assets/icons/battery-charging.svg +15 -0
  32. data/app/assets/icons/battery.svg +14 -0
  33. data/app/assets/icons/bell-off.svg +14 -0
  34. data/app/assets/icons/bell.svg +13 -0
  35. data/app/assets/icons/bluetooth.svg +13 -0
  36. data/app/assets/icons/bold.svg +14 -0
  37. data/app/assets/icons/book-open.svg +14 -0
  38. data/app/assets/icons/book.svg +14 -0
  39. data/app/assets/icons/bookmark.svg +13 -0
  40. data/app/assets/icons/box.svg +15 -0
  41. data/app/assets/icons/briefcase.svg +14 -0
  42. data/app/assets/icons/calendar.svg +16 -0
  43. data/app/assets/icons/camera-off.svg +14 -0
  44. data/app/assets/icons/camera.svg +14 -0
  45. data/app/assets/icons/cast.svg +14 -0
  46. data/app/assets/icons/check-circle.svg +14 -0
  47. data/app/assets/icons/check-square.svg +14 -0
  48. data/app/assets/icons/check.svg +13 -0
  49. data/app/assets/icons/chevron-down.svg +13 -0
  50. data/app/assets/icons/chevron-left.svg +13 -0
  51. data/app/assets/icons/chevron-right.svg +13 -0
  52. data/app/assets/icons/chevron-up.svg +13 -0
  53. data/app/assets/icons/chevrons-down.svg +14 -0
  54. data/app/assets/icons/chevrons-left.svg +14 -0
  55. data/app/assets/icons/chevrons-right.svg +14 -0
  56. data/app/assets/icons/chevrons-up.svg +14 -0
  57. data/app/assets/icons/chrome.svg +17 -0
  58. data/app/assets/icons/circle.svg +13 -0
  59. data/app/assets/icons/clipboard.svg +14 -0
  60. data/app/assets/icons/clock.svg +14 -0
  61. data/app/assets/icons/cloud-drizzle.svg +19 -0
  62. data/app/assets/icons/cloud-lightning.svg +14 -0
  63. data/app/assets/icons/cloud-off.svg +14 -0
  64. data/app/assets/icons/cloud-rain.svg +16 -0
  65. data/app/assets/icons/cloud-snow.svg +19 -0
  66. data/app/assets/icons/cloud.svg +13 -0
  67. data/app/assets/icons/code.svg +14 -0
  68. data/app/assets/icons/codepen.svg +17 -0
  69. data/app/assets/icons/command.svg +13 -0
  70. data/app/assets/icons/compass.svg +14 -0
  71. data/app/assets/icons/copy.svg +14 -0
  72. data/app/assets/icons/corner-down-left.svg +14 -0
  73. data/app/assets/icons/corner-down-right.svg +14 -0
  74. data/app/assets/icons/corner-left-down.svg +14 -0
  75. data/app/assets/icons/corner-left-up.svg +14 -0
  76. data/app/assets/icons/corner-right-down.svg +14 -0
  77. data/app/assets/icons/corner-right-up.svg +14 -0
  78. data/app/assets/icons/corner-up-left.svg +14 -0
  79. data/app/assets/icons/corner-up-right.svg +14 -0
  80. data/app/assets/icons/cpu.svg +22 -0
  81. data/app/assets/icons/credit-card.svg +14 -0
  82. data/app/assets/icons/crop.svg +14 -0
  83. data/app/assets/icons/crosshair.svg +17 -0
  84. data/app/assets/icons/database.svg +15 -0
  85. data/app/assets/icons/delete.svg +15 -0
  86. data/app/assets/icons/disc.svg +14 -0
  87. data/app/assets/icons/dollar-sign.svg +14 -0
  88. data/app/assets/icons/download-cloud.svg +15 -0
  89. data/app/assets/icons/download.svg +15 -0
  90. data/app/assets/icons/droplet.svg +13 -0
  91. data/app/assets/icons/edit-2.svg +13 -0
  92. data/app/assets/icons/edit-3.svg +14 -0
  93. data/app/assets/icons/edit.svg +14 -0
  94. data/app/assets/icons/external-link.svg +15 -0
  95. data/app/assets/icons/eye-off.svg +14 -0
  96. data/app/assets/icons/eye.svg +14 -0
  97. data/app/assets/icons/facebook.svg +13 -0
  98. data/app/assets/icons/fast-forward.svg +14 -0
  99. data/app/assets/icons/feather.svg +15 -0
  100. data/app/assets/icons/file-minus.svg +15 -0
  101. data/app/assets/icons/file-plus.svg +16 -0
  102. data/app/assets/icons/file-text.svg +17 -0
  103. data/app/assets/icons/file.svg +14 -0
  104. data/app/assets/icons/film.svg +20 -0
  105. data/app/assets/icons/filter.svg +13 -0
  106. data/app/assets/icons/flag.svg +14 -0
  107. data/app/assets/icons/folder-minus.svg +14 -0
  108. data/app/assets/icons/folder-plus.svg +15 -0
  109. data/app/assets/icons/folder.svg +13 -0
  110. data/app/assets/icons/git-branch.svg +16 -0
  111. data/app/assets/icons/git-commit.svg +15 -0
  112. data/app/assets/icons/git-merge.svg +15 -0
  113. data/app/assets/icons/git-pull-request.svg +16 -0
  114. data/app/assets/icons/github.svg +13 -0
  115. data/app/assets/icons/gitlab.svg +13 -0
  116. data/app/assets/icons/globe.svg +15 -0
  117. data/app/assets/icons/grid.svg +16 -0
  118. data/app/assets/icons/hard-drive.svg +16 -0
  119. data/app/assets/icons/hash.svg +16 -0
  120. data/app/assets/icons/headphones.svg +14 -0
  121. data/app/assets/icons/heart.svg +13 -0
  122. data/app/assets/icons/help-circle.svg +15 -0
  123. data/app/assets/icons/home.svg +14 -0
  124. data/app/assets/icons/image.svg +15 -0
  125. data/app/assets/icons/inbox.svg +14 -0
  126. data/app/assets/icons/info.svg +15 -0
  127. data/app/assets/icons/instagram.svg +15 -0
  128. data/app/assets/icons/italic.svg +15 -0
  129. data/app/assets/icons/layers.svg +15 -0
  130. data/app/assets/icons/layout.svg +15 -0
  131. data/app/assets/icons/life-buoy.svg +19 -0
  132. data/app/assets/icons/link-2.svg +14 -0
  133. data/app/assets/icons/link.svg +14 -0
  134. data/app/assets/icons/linkedin.svg +15 -0
  135. data/app/assets/icons/list.svg +18 -0
  136. data/app/assets/icons/loader.svg +20 -0
  137. data/app/assets/icons/lock.svg +14 -0
  138. data/app/assets/icons/log-in.svg +15 -0
  139. data/app/assets/icons/log-out.svg +15 -0
  140. data/app/assets/icons/mail.svg +14 -0
  141. data/app/assets/icons/map-pin.svg +14 -0
  142. data/app/assets/icons/map.svg +15 -0
  143. data/app/assets/icons/maximize-2.svg +16 -0
  144. data/app/assets/icons/maximize.svg +13 -0
  145. data/app/assets/icons/menu.svg +15 -0
  146. data/app/assets/icons/message-circle.svg +13 -0
  147. data/app/assets/icons/message-square.svg +13 -0
  148. data/app/assets/icons/mic-off.svg +17 -0
  149. data/app/assets/icons/mic.svg +16 -0
  150. data/app/assets/icons/minimize-2.svg +16 -0
  151. data/app/assets/icons/minimize.svg +13 -0
  152. data/app/assets/icons/minus-circle.svg +14 -0
  153. data/app/assets/icons/minus-square.svg +14 -0
  154. data/app/assets/icons/minus.svg +13 -0
  155. data/app/assets/icons/monitor.svg +15 -0
  156. data/app/assets/icons/moon.svg +13 -0
  157. data/app/assets/icons/more-horizontal.svg +15 -0
  158. data/app/assets/icons/more-vertical.svg +15 -0
  159. data/app/assets/icons/move.svg +18 -0
  160. data/app/assets/icons/music.svg +14 -0
  161. data/app/assets/icons/navigation-2.svg +13 -0
  162. data/app/assets/icons/navigation.svg +13 -0
  163. data/app/assets/icons/octagon.svg +13 -0
  164. data/app/assets/icons/package.svg +16 -0
  165. data/app/assets/icons/paperclip.svg +13 -0
  166. data/app/assets/icons/pause-circle.svg +15 -0
  167. data/app/assets/icons/pause.svg +14 -0
  168. data/app/assets/icons/percent.svg +15 -0
  169. data/app/assets/icons/phone-call.svg +13 -0
  170. data/app/assets/icons/phone-forwarded.svg +15 -0
  171. data/app/assets/icons/phone-incoming.svg +15 -0
  172. data/app/assets/icons/phone-missed.svg +15 -0
  173. data/app/assets/icons/phone-off.svg +14 -0
  174. data/app/assets/icons/phone-outgoing.svg +15 -0
  175. data/app/assets/icons/phone.svg +13 -0
  176. data/app/assets/icons/pie-chart.svg +14 -0
  177. data/app/assets/icons/play-circle.svg +14 -0
  178. data/app/assets/icons/play.svg +13 -0
  179. data/app/assets/icons/plus-circle.svg +15 -0
  180. data/app/assets/icons/plus-square.svg +15 -0
  181. data/app/assets/icons/plus.svg +14 -0
  182. data/app/assets/icons/pocket.svg +14 -0
  183. data/app/assets/icons/power.svg +14 -0
  184. data/app/assets/icons/printer.svg +15 -0
  185. data/app/assets/icons/radio.svg +14 -0
  186. data/app/assets/icons/refresh-ccw.svg +15 -0
  187. data/app/assets/icons/refresh-cw.svg +15 -0
  188. data/app/assets/icons/repeat.svg +16 -0
  189. data/app/assets/icons/rewind.svg +14 -0
  190. data/app/assets/icons/rotate-ccw.svg +14 -0
  191. data/app/assets/icons/rotate-cw.svg +14 -0
  192. data/app/assets/icons/rss.svg +15 -0
  193. data/app/assets/icons/save.svg +15 -0
  194. data/app/assets/icons/scissors.svg +17 -0
  195. data/app/assets/icons/search.svg +14 -0
  196. data/app/assets/icons/send.svg +14 -0
  197. data/app/assets/icons/server.svg +16 -0
  198. data/app/assets/icons/settings.svg +14 -0
  199. data/app/assets/icons/share-2.svg +17 -0
  200. data/app/assets/icons/share.svg +15 -0
  201. data/app/assets/icons/shield-off.svg +15 -0
  202. data/app/assets/icons/shield.svg +13 -0
  203. data/app/assets/icons/shopping-bag.svg +15 -0
  204. data/app/assets/icons/shopping-cart.svg +15 -0
  205. data/app/assets/icons/shuffle.svg +17 -0
  206. data/app/assets/icons/sidebar.svg +14 -0
  207. data/app/assets/icons/skip-back.svg +14 -0
  208. data/app/assets/icons/skip-forward.svg +14 -0
  209. data/app/assets/icons/slack.svg +17 -0
  210. data/app/assets/icons/slash.svg +14 -0
  211. data/app/assets/icons/sliders.svg +21 -0
  212. data/app/assets/icons/smartphone.svg +14 -0
  213. data/app/assets/icons/speaker.svg +15 -0
  214. data/app/assets/icons/spinner.svg +1 -0
  215. data/app/assets/icons/square.svg +13 -0
  216. data/app/assets/icons/star.svg +13 -0
  217. data/app/assets/icons/stop-circle.svg +14 -0
  218. data/app/assets/icons/sun.svg +21 -0
  219. data/app/assets/icons/sunrise.svg +20 -0
  220. data/app/assets/icons/sunset.svg +20 -0
  221. data/app/assets/icons/tablet.svg +22 -0
  222. data/app/assets/icons/tag.svg +14 -0
  223. data/app/assets/icons/target.svg +15 -0
  224. data/app/assets/icons/terminal.svg +14 -0
  225. data/app/assets/icons/thermometer.svg +13 -0
  226. data/app/assets/icons/thumbs-down.svg +13 -0
  227. data/app/assets/icons/thumbs-up.svg +13 -0
  228. data/app/assets/icons/toggle-left.svg +14 -0
  229. data/app/assets/icons/toggle-right.svg +14 -0
  230. data/app/assets/icons/trash-2.svg +16 -0
  231. data/app/assets/icons/trash.svg +14 -0
  232. data/app/assets/icons/trending-down.svg +14 -0
  233. data/app/assets/icons/trending-up.svg +14 -0
  234. data/app/assets/icons/triangle.svg +13 -0
  235. data/app/assets/icons/truck.svg +16 -0
  236. data/app/assets/icons/tv.svg +14 -0
  237. data/app/assets/icons/twitter.svg +13 -0
  238. data/app/assets/icons/type.svg +15 -0
  239. data/app/assets/icons/umbrella.svg +13 -0
  240. data/app/assets/icons/underline.svg +14 -0
  241. data/app/assets/icons/unlock.svg +14 -0
  242. data/app/assets/icons/upload-cloud.svg +16 -0
  243. data/app/assets/icons/upload.svg +15 -0
  244. data/app/assets/icons/user-check.svg +15 -0
  245. data/app/assets/icons/user-minus.svg +15 -0
  246. data/app/assets/icons/user-plus.svg +16 -0
  247. data/app/assets/icons/user-x.svg +16 -0
  248. data/app/assets/icons/user.svg +14 -0
  249. data/app/assets/icons/users.svg +16 -0
  250. data/app/assets/icons/video-off.svg +14 -0
  251. data/app/assets/icons/video.svg +14 -0
  252. data/app/assets/icons/voicemail.svg +15 -0
  253. data/app/assets/icons/volume-1.svg +14 -0
  254. data/app/assets/icons/volume-2.svg +14 -0
  255. data/app/assets/icons/volume-x.svg +15 -0
  256. data/app/assets/icons/volume.svg +13 -0
  257. data/app/assets/icons/watch.svg +15 -0
  258. data/app/assets/icons/wifi-off.svg +19 -0
  259. data/app/assets/icons/wifi.svg +16 -0
  260. data/app/assets/icons/wind.svg +13 -0
  261. data/app/assets/icons/x-circle.svg +15 -0
  262. data/app/assets/icons/x-square.svg +15 -0
  263. data/app/assets/icons/x.svg +14 -0
  264. data/app/assets/icons/zap-off.svg +16 -0
  265. data/app/assets/icons/zap.svg +13 -0
  266. data/app/assets/icons/zoom-in.svg +16 -0
  267. data/app/assets/icons/zoom-out.svg +15 -0
  268. data/app/assets/javascripts/effective_bootstrap.js +9 -0
  269. data/app/assets/javascripts/effective_bootstrap/base.js.coffee +37 -0
  270. data/app/assets/javascripts/effective_date/initialize.js.coffee +4 -0
  271. data/app/assets/javascripts/effective_date/input.js +5 -0
  272. data/app/assets/javascripts/effective_datetime/bootstrap-datetimepicker.js +2637 -0
  273. data/app/assets/javascripts/effective_datetime/initialize.js.coffee +4 -0
  274. data/app/assets/javascripts/effective_datetime/input.js +5 -0
  275. data/app/assets/javascripts/effective_datetime/moment.js +4535 -0
  276. data/app/assets/javascripts/effective_datetime/overrides.js.coffee +38 -0
  277. data/app/assets/javascripts/effective_datetime/turbolinks.js.coffee +5 -0
  278. data/app/assets/javascripts/effective_phone/initialize.js.coffee +4 -0
  279. data/app/assets/javascripts/effective_phone/input.js +2 -0
  280. data/app/assets/javascripts/effective_phone/jquery.maskedInput.js +182 -0
  281. data/app/assets/javascripts/effective_price/input.js.coffee +34 -0
  282. data/app/assets/javascripts/effective_select/initialize.js.coffee +45 -0
  283. data/app/assets/javascripts/effective_select/input.js +3 -0
  284. data/app/assets/javascripts/effective_select/overrides.js.coffee +45 -0
  285. data/app/assets/javascripts/effective_select/select2.js +5746 -0
  286. data/app/assets/javascripts/effective_time/initialize.js.coffee +4 -0
  287. data/app/assets/javascripts/effective_time/input.js +5 -0
  288. data/app/assets/stylesheets/effective_bootstrap.scss +8 -0
  289. data/app/assets/stylesheets/effective_bootstrap/base.scss +11 -0
  290. data/app/assets/stylesheets/effective_bootstrap/icons.scss +27 -0
  291. data/app/assets/stylesheets/effective_date/input.scss +1 -0
  292. data/app/assets/stylesheets/effective_datetime/bootstrap-datetimepicker.scss +374 -0
  293. data/app/assets/stylesheets/effective_datetime/input.scss +2 -0
  294. data/app/assets/stylesheets/effective_datetime/overrides.scss +28 -0
  295. data/app/assets/stylesheets/effective_select/bootstrap-theme.css +564 -0
  296. data/app/assets/stylesheets/effective_select/input.scss +3 -0
  297. data/app/assets/stylesheets/effective_select/overrides.scss +92 -0
  298. data/app/assets/stylesheets/effective_select/select2.css +484 -0
  299. data/app/assets/stylesheets/effective_time/input.scss +1 -0
  300. data/app/helpers/effective_bootstrap_helper.rb +52 -0
  301. data/app/helpers/effective_form_builder_helper.rb +23 -0
  302. data/app/helpers/effective_icons_helper.rb +46 -0
  303. data/app/models/effective/access_denied.rb +17 -0
  304. data/app/models/effective/form_builder.rb +100 -0
  305. data/app/models/effective/form_input.rb +319 -0
  306. data/app/models/effective/form_inputs/check_box.rb +62 -0
  307. data/app/models/effective/form_inputs/checks.rb +73 -0
  308. data/app/models/effective/form_inputs/collection_input.rb +144 -0
  309. data/app/models/effective/form_inputs/date_field.rb +22 -0
  310. data/app/models/effective/form_inputs/datetime_field.rb +53 -0
  311. data/app/models/effective/form_inputs/email_field.rb +15 -0
  312. data/app/models/effective/form_inputs/error_field.rb +47 -0
  313. data/app/models/effective/form_inputs/form_group.rb +26 -0
  314. data/app/models/effective/form_inputs/number_field.rb +6 -0
  315. data/app/models/effective/form_inputs/password_field.rb +24 -0
  316. data/app/models/effective/form_inputs/phone_field.rb +34 -0
  317. data/app/models/effective/form_inputs/price_field.rb +37 -0
  318. data/app/models/effective/form_inputs/radios.rb +74 -0
  319. data/app/models/effective/form_inputs/select.rb +87 -0
  320. data/app/models/effective/form_inputs/static_field.rb +20 -0
  321. data/app/models/effective/form_inputs/submit.rb +42 -0
  322. data/app/models/effective/form_inputs/text_area.rb +11 -0
  323. data/app/models/effective/form_inputs/text_field.rb +6 -0
  324. data/app/models/effective/form_inputs/time_field.rb +22 -0
  325. data/app/models/effective/form_inputs/url_field.rb +15 -0
  326. data/app/views/effective/style_guide/__fields.html.haml +42 -0
  327. data/app/views/effective/style_guide/__inline_fields.html.haml +4 -0
  328. data/app/views/effective/style_guide/_effective_form_with.html.haml +23 -0
  329. data/app/views/effective/style_guide/_feather_icons.html.haml +9 -0
  330. data/config/effective_bootstrap.rb +24 -0
  331. data/lib/effective_bootstrap.rb +31 -0
  332. data/lib/effective_bootstrap/engine.rb +11 -0
  333. data/lib/effective_bootstrap/version.rb +3 -0
  334. data/lib/generators/effective_bootstrap/install_generator.rb +14 -0
  335. metadata +419 -0
@@ -0,0 +1,564 @@
1
+ /*! Select2 Bootstrap Theme v0.1.0-beta.3 | MIT License | github.com/fk/select2-bootstrap-theme */
2
+ .select2-container--bootstrap {
3
+ display: block;
4
+ /*------------------------------------*\
5
+ #COMMON STYLES
6
+ \*------------------------------------*/
7
+ /**
8
+ * Search field in the Select2 dropdown.
9
+ */
10
+ /**
11
+ * No outline for all search fields - in the dropdown
12
+ * and inline in multi Select2s.
13
+ */
14
+ /**
15
+ * Adjust Select2's choices hover and selected styles to match
16
+ * Bootstrap 3's default dropdown styles.
17
+ *
18
+ * @see http://getbootstrap.com/components/#dropdowns
19
+ */
20
+ /**
21
+ * Address disabled Select2 styles.
22
+ *
23
+ * @see https://select2.github.io/examples.html#disabled
24
+ * @see http://getbootstrap.com/css/#forms-control-disabled
25
+ */
26
+ /*------------------------------------*\
27
+ #DROPDOWN
28
+ \*------------------------------------*/
29
+ /**
30
+ * Dropdown border color and box-shadow.
31
+ */
32
+ /**
33
+ * Limit the dropdown height.
34
+ */
35
+ /*------------------------------------*\
36
+ #SINGLE SELECT2
37
+ \*------------------------------------*/
38
+ /*------------------------------------*\
39
+ #MULTIPLE SELECT2
40
+ \*------------------------------------*/
41
+ /**
42
+ * Address Bootstrap control sizing classes
43
+ *
44
+ * 1. Reset Bootstrap defaults.
45
+ * 2. Adjust the dropdown arrow button icon position.
46
+ *
47
+ * @see http://getbootstrap.com/css/#forms-control-sizes
48
+ */
49
+ /* 1 */
50
+ /*------------------------------------*\
51
+ #RTL SUPPORT
52
+ \*------------------------------------*/
53
+ }
54
+ .select2-container--bootstrap .select2-selection {
55
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
56
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
57
+ background-color: #fff;
58
+ border: 1px solid #ccc;
59
+ border-radius: 4px;
60
+ color: #555555;
61
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
62
+ font-size: 14px;
63
+ outline: 0;
64
+ }
65
+ .select2-container--bootstrap .select2-search--dropdown .select2-search__field {
66
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
67
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
68
+ background-color: #fff;
69
+ border: 1px solid #ccc;
70
+ border-radius: 4px;
71
+ color: #555555;
72
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
73
+ font-size: 14px;
74
+ }
75
+ .select2-container--bootstrap .select2-search__field {
76
+ outline: 0;
77
+ /* Firefox 18- */
78
+ /**
79
+ * Firefox 19+
80
+ *
81
+ * @see http://stackoverflow.com/questions/24236240/color-for-styled-placeholder-text-is-muted-in-firefox
82
+ */
83
+ }
84
+ .select2-container--bootstrap .select2-search__field::-webkit-input-placeholder {
85
+ color: #999;
86
+ }
87
+ .select2-container--bootstrap .select2-search__field:-moz-placeholder {
88
+ color: #999;
89
+ }
90
+ .select2-container--bootstrap .select2-search__field::-moz-placeholder {
91
+ color: #999;
92
+ opacity: 1;
93
+ }
94
+ .select2-container--bootstrap .select2-search__field:-ms-input-placeholder {
95
+ color: #999;
96
+ }
97
+ .select2-container--bootstrap .select2-results__option {
98
+ /**
99
+ * Disabled results.
100
+ *
101
+ * @see https://select2.github.io/examples.html#disabled-results
102
+ */
103
+ /**
104
+ * Hover state.
105
+ */
106
+ /**
107
+ * Selected state.
108
+ */
109
+ }
110
+ .select2-container--bootstrap .select2-results__option[role=group] {
111
+ padding: 0;
112
+ }
113
+ .select2-container--bootstrap .select2-results__option[aria-disabled=true] {
114
+ color: #777777;
115
+ cursor: not-allowed;
116
+ }
117
+ .select2-container--bootstrap .select2-results__option[aria-selected=true] {
118
+ background-color: #f5f5f5;
119
+ color: #262626;
120
+ }
121
+ .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
122
+ background-color: #337ab7;
123
+ color: #fff;
124
+ }
125
+ .select2-container--bootstrap .select2-results__option .select2-results__option {
126
+ padding: 6px 12px;
127
+ }
128
+ .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group {
129
+ padding-left: 0;
130
+ }
131
+ .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option {
132
+ margin-left: -12px;
133
+ padding-left: 24px;
134
+ }
135
+ .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
136
+ margin-left: -24px;
137
+ padding-left: 36px;
138
+ }
139
+ .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
140
+ margin-left: -36px;
141
+ padding-left: 48px;
142
+ }
143
+ .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
144
+ margin-left: -48px;
145
+ padding-left: 60px;
146
+ }
147
+ .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
148
+ margin-left: -60px;
149
+ padding-left: 72px;
150
+ }
151
+ .select2-container--bootstrap .select2-results__group {
152
+ color: #777777;
153
+ display: block;
154
+ padding: 6px 12px;
155
+ font-size: 12px;
156
+ line-height: 1.428571429;
157
+ white-space: nowrap;
158
+ }
159
+ .select2-container--bootstrap.select2-container--open {
160
+ /**
161
+ * Handle border radii of the container when the dropdown is showing.
162
+ */
163
+ }
164
+ .select2-container--bootstrap.select2-container--open .select2-selection {
165
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
166
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
167
+ -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
168
+ -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
169
+ transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
170
+ border-color: #66afe9;
171
+ /**
172
+ * Make the dropdown arrow point up while the dropdown is visible.
173
+ */
174
+ }
175
+ .select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b {
176
+ border-color: transparent transparent #999 transparent;
177
+ border-width: 0 4px 4px 4px;
178
+ }
179
+ .select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection {
180
+ border-bottom-right-radius: 0;
181
+ border-bottom-left-radius: 0;
182
+ border-bottom-color: transparent;
183
+ }
184
+ .select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection {
185
+ border-top-right-radius: 0;
186
+ border-top-left-radius: 0;
187
+ border-top-color: transparent;
188
+ }
189
+ .select2-container--bootstrap.select2-container--disabled .select2-selection,
190
+ .select2-container--bootstrap.select2-container--disabled .select2-search__field {
191
+ cursor: not-allowed;
192
+ }
193
+ .select2-container--bootstrap.select2-container--disabled .select2-selection,
194
+ .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
195
+ background-color: #eeeeee;
196
+ }
197
+ .select2-container--bootstrap.select2-container--disabled .select2-selection__clear,
198
+ .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove {
199
+ display: none;
200
+ }
201
+ .select2-container--bootstrap .select2-dropdown {
202
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
203
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
204
+ border-color: #66afe9;
205
+ overflow-x: hidden;
206
+ margin-top: -1px;
207
+ }
208
+ .select2-container--bootstrap .select2-dropdown--above {
209
+ margin-top: 1px;
210
+ }
211
+ .select2-container--bootstrap .select2-results > .select2-results__options {
212
+ max-height: 200px;
213
+ overflow-y: auto;
214
+ }
215
+ .select2-container--bootstrap .select2-selection--single {
216
+ height: 34px;
217
+ line-height: 1.428571429;
218
+ padding: 6px 24px 6px 12px;
219
+ /**
220
+ * Clear the selection.
221
+ */
222
+ /**
223
+ * Adjust the single Select2's dropdown arrow button appearance.
224
+ */
225
+ }
226
+ .select2-container--bootstrap .select2-selection--single .select2-selection__clear {
227
+ color: #999;
228
+ cursor: pointer;
229
+ float: right;
230
+ font-weight: bold;
231
+ margin-right: 10px;
232
+ }
233
+ .select2-container--bootstrap .select2-selection--single .select2-selection__clear:hover {
234
+ color: #333;
235
+ }
236
+ .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
237
+ position: absolute;
238
+ bottom: 0;
239
+ right: 12px;
240
+ top: 0;
241
+ width: 4px;
242
+ }
243
+ .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
244
+ border-color: #999 transparent transparent transparent;
245
+ border-style: solid;
246
+ border-width: 4px 4px 0 4px;
247
+ height: 0;
248
+ left: 0;
249
+ margin-left: -4px;
250
+ margin-top: -2px;
251
+ position: absolute;
252
+ top: 50%;
253
+ width: 0;
254
+ }
255
+ .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
256
+ color: #555555;
257
+ padding: 0;
258
+ }
259
+ .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
260
+ color: #999;
261
+ }
262
+ .select2-container--bootstrap .select2-selection--multiple {
263
+ min-height: 34px;
264
+ /**
265
+ * Make Multi Select2's choices match Bootstrap 3's default button styles.
266
+ */
267
+ /**
268
+ * Minus 2px borders.
269
+ */
270
+ }
271
+ .select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
272
+ box-sizing: border-box;
273
+ display: block;
274
+ line-height: 1.428571429;
275
+ list-style: none;
276
+ margin: 0;
277
+ overflow: hidden;
278
+ padding: 0;
279
+ width: 100%;
280
+ text-overflow: ellipsis;
281
+ white-space: nowrap;
282
+ }
283
+ .select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder {
284
+ color: #999;
285
+ float: left;
286
+ margin-top: 5px;
287
+ }
288
+ .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
289
+ color: #555555;
290
+ background: #fff;
291
+ border: 1px solid #ccc;
292
+ border-radius: 4px;
293
+ cursor: default;
294
+ float: left;
295
+ margin: 5px 0 0 6px;
296
+ padding: 0 6px;
297
+ }
298
+ .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
299
+ background: transparent;
300
+ padding: 0 12px;
301
+ height: 32px;
302
+ line-height: 1.428571429;
303
+ margin-top: 0;
304
+ min-width: 5em;
305
+ }
306
+ .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
307
+ color: #999;
308
+ cursor: pointer;
309
+ display: inline-block;
310
+ font-weight: bold;
311
+ margin-right: 3px;
312
+ }
313
+ .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover {
314
+ color: #333;
315
+ }
316
+ .select2-container--bootstrap.input-sm, .select2-container--bootstrap.input-lg {
317
+ border-radius: 0;
318
+ font-size: 12px;
319
+ height: auto;
320
+ line-height: 1;
321
+ padding: 0;
322
+ }
323
+ .select2-container--bootstrap.input-sm .select2-selection--single, .input-group-sm .select2-container--bootstrap .select2-selection--single, .form-group-sm .select2-container--bootstrap .select2-selection--single {
324
+ border-radius: 3px;
325
+ font-size: 12px;
326
+ height: 30px;
327
+ line-height: 1.5;
328
+ padding: 5px 22px 5px 10px;
329
+ /* 2 */
330
+ }
331
+ .select2-container--bootstrap.input-sm .select2-selection--single .select2-selection__arrow b, .input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
332
+ margin-left: -5px;
333
+ }
334
+ .select2-container--bootstrap.input-sm .select2-selection--multiple, .input-group-sm .select2-container--bootstrap .select2-selection--multiple, .form-group-sm .select2-container--bootstrap .select2-selection--multiple {
335
+ min-height: 30px;
336
+ }
337
+ .select2-container--bootstrap.input-sm .select2-selection--multiple .select2-selection__choice, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
338
+ font-size: 12px;
339
+ line-height: 1.5;
340
+ margin: 4px 0 0 5px;
341
+ padding: 0 5px;
342
+ }
343
+ .select2-container--bootstrap.input-sm .select2-selection--multiple .select2-search--inline .select2-search__field, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
344
+ padding: 0 10px;
345
+ font-size: 12px;
346
+ height: 28px;
347
+ line-height: 1.5;
348
+ }
349
+ .select2-container--bootstrap.input-lg .select2-selection--single, .input-group-lg .select2-container--bootstrap .select2-selection--single, .form-group-lg .select2-container--bootstrap .select2-selection--single {
350
+ border-radius: 6px;
351
+ font-size: 18px;
352
+ height: 46px;
353
+ line-height: 1.3333333;
354
+ padding: 10px 31px 10px 16px;
355
+ /* 1 */
356
+ }
357
+ .select2-container--bootstrap.input-lg .select2-selection--single .select2-selection__arrow, .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow, .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
358
+ width: 5px;
359
+ }
360
+ .select2-container--bootstrap.input-lg .select2-selection--single .select2-selection__arrow b, .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
361
+ border-width: 5px 5px 0 5px;
362
+ margin-left: -5px;
363
+ margin-left: -10px;
364
+ margin-top: -2.5px;
365
+ }
366
+ .select2-container--bootstrap.input-lg .select2-selection--multiple, .input-group-lg .select2-container--bootstrap .select2-selection--multiple, .form-group-lg .select2-container--bootstrap .select2-selection--multiple {
367
+ min-height: 46px;
368
+ }
369
+ .select2-container--bootstrap.input-lg .select2-selection--multiple .select2-selection__choice, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
370
+ font-size: 18px;
371
+ line-height: 1.3333333;
372
+ border-radius: 4px;
373
+ margin: 9px 0 0 8px;
374
+ padding: 0 10px;
375
+ }
376
+ .select2-container--bootstrap.input-lg .select2-selection--multiple .select2-search--inline .select2-search__field, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
377
+ padding: 0 16px;
378
+ font-size: 18px;
379
+ height: 44px;
380
+ line-height: 1.3333333;
381
+ }
382
+ .select2-container--bootstrap.input-lg.select2-container--open .select2-selection--single {
383
+ /**
384
+ * Make the dropdown arrow point up while the dropdown is visible.
385
+ */
386
+ }
387
+ .select2-container--bootstrap.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b {
388
+ border-color: transparent transparent #999 transparent;
389
+ border-width: 0 5px 5px 5px;
390
+ }
391
+ .input-group-lg .select2-container--bootstrap.select2-container--open .select2-selection--single {
392
+ /**
393
+ * Make the dropdown arrow point up while the dropdown is visible.
394
+ */
395
+ }
396
+ .input-group-lg .select2-container--bootstrap.select2-container--open .select2-selection--single .select2-selection__arrow b {
397
+ border-color: transparent transparent #999 transparent;
398
+ border-width: 0 5px 5px 5px;
399
+ }
400
+ .select2-container--bootstrap[dir="rtl"] {
401
+ /**
402
+ * Single Select2
403
+ *
404
+ * 1. Makes sure that .select2-selection__placeholder is positioned
405
+ * correctly.
406
+ */
407
+ /**
408
+ * Multiple Select2
409
+ */
410
+ }
411
+ .select2-container--bootstrap[dir="rtl"] .select2-selection--single {
412
+ padding-left: 24px;
413
+ padding-right: 12px;
414
+ }
415
+ .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__rendered {
416
+ padding-right: 0;
417
+ padding-left: 0;
418
+ text-align: right;
419
+ /* 1 */
420
+ }
421
+ .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__clear {
422
+ float: left;
423
+ }
424
+ .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow {
425
+ left: 12px;
426
+ right: auto;
427
+ }
428
+ .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow b {
429
+ margin-left: 0;
430
+ }
431
+ .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
432
+ .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
433
+ float: right;
434
+ }
435
+ .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
436
+ margin-left: 0;
437
+ margin-right: 6px;
438
+ }
439
+ .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
440
+ margin-left: 2px;
441
+ margin-right: auto;
442
+ }
443
+
444
+ /*------------------------------------*\
445
+ #ADDITIONAL GOODIES
446
+ \*------------------------------------*/
447
+ /**
448
+ * Address Bootstrap's validation states
449
+ *
450
+ * If a Select2 widget parent has one of Bootstrap's validation state modifier
451
+ * classes, adjust Select2's border colors and focus states accordingly.
452
+ * You may apply said classes to the Select2 dropdown (body > .select2-container)
453
+ * via JavaScript match Bootstraps' to make its styles match.
454
+ *
455
+ * @see http://getbootstrap.com/css/#forms-control-validation
456
+ */
457
+ .has-warning .select2-dropdown,
458
+ .has-warning .select2-selection {
459
+ border-color: #8a6d3b;
460
+ }
461
+ .has-warning .select2-container--open .select2-selection {
462
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
463
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
464
+ border-color: #66512c;
465
+ }
466
+ .has-warning.select2-drop-active {
467
+ border-color: #66512c;
468
+ }
469
+ .has-warning.select2-drop-active.select2-drop.select2-drop-above {
470
+ border-top-color: #66512c;
471
+ }
472
+
473
+ .has-error .select2-dropdown,
474
+ .has-error .select2-selection {
475
+ border-color: #a94442;
476
+ }
477
+ .has-error .select2-container--open .select2-selection {
478
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
479
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
480
+ border-color: #843534;
481
+ }
482
+ .has-error.select2-drop-active {
483
+ border-color: #843534;
484
+ }
485
+ .has-error.select2-drop-active.select2-drop.select2-drop-above {
486
+ border-top-color: #843534;
487
+ }
488
+
489
+ .has-success .select2-dropdown,
490
+ .has-success .select2-selection {
491
+ border-color: #3c763d;
492
+ }
493
+ .has-success .select2-container--open .select2-selection {
494
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
495
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
496
+ border-color: #2b542c;
497
+ }
498
+ .has-success.select2-drop-active {
499
+ border-color: #2b542c;
500
+ }
501
+ .has-success.select2-drop-active.select2-drop.select2-drop-above {
502
+ border-top-color: #2b542c;
503
+ }
504
+
505
+ /**
506
+ * Select2 widgets in Bootstrap Input Groups
507
+ *
508
+ * When Select2 widgets are combined with other elements using Bootstraps
509
+ * "Input Group" component, we don't want specific edges of the Select2
510
+ * container to have a border-radius.
511
+ *
512
+ * Use .select2-bootstrap-prepend and .select2-bootstrap-append on
513
+ * a Bootstrap 3 .input-group to let the contained Select2 widget know which
514
+ * edges should not be rounded as they are directly followed by another element.
515
+ *
516
+ * @see http://getbootstrap.com/components/#input-groups
517
+ */
518
+ /**
519
+ * Mimick Bootstraps .input-group .form-control styles.
520
+ *
521
+ * @see https://github.com/twbs/bootstrap/blob/master/less/input-groups.less
522
+ */
523
+ .input-group .select2-container--bootstrap {
524
+ display: table;
525
+ table-layout: fixed;
526
+ position: relative;
527
+ z-index: 2;
528
+ float: left;
529
+ width: 100%;
530
+ margin-bottom: 0;
531
+ }
532
+
533
+ .input-group.select2-bootstrap-prepend .select2-container--bootstrap .select2-selection {
534
+ border-bottom-left-radius: 0;
535
+ border-top-left-radius: 0;
536
+ }
537
+
538
+ .input-group.select2-bootstrap-append .select2-container--bootstrap .select2-selection {
539
+ border-bottom-right-radius: 0;
540
+ border-top-right-radius: 0;
541
+ }
542
+
543
+ /**
544
+ * Adjust alignment of Bootstrap buttons in Bootstrap Input Groups to address
545
+ * Multi Select2's height which - depending on how many elements have been selected -
546
+ * may grown higher than their initial size.
547
+ *
548
+ * @see http://getbootstrap.com/components/#input-groups
549
+ */
550
+ .select2-bootstrap-append .select2-container--bootstrap,
551
+ .select2-bootstrap-append .input-group-btn,
552
+ .select2-bootstrap-append .input-group-btn .btn,
553
+ .select2-bootstrap-prepend .select2-container--bootstrap,
554
+ .select2-bootstrap-prepend .input-group-btn,
555
+ .select2-bootstrap-prepend .input-group-btn .btn {
556
+ vertical-align: top;
557
+ }
558
+
559
+ /**
560
+ * Temporary fix for https://github.com/fk/select2-bootstrap-theme/issues/9
561
+ */
562
+ .form-control.select2-hidden-accessible {
563
+ position: absolute !important;
564
+ }