adminpanel 0.1.1 → 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (175) hide show
  1. data/.rspec +2 -2
  2. data/.ruby-version +1 -0
  3. data/.travis.yml +8 -8
  4. data/Gemfile +26 -24
  5. data/README.md +57 -57
  6. data/adminpanel.gemspec +41 -39
  7. data/app/assets/fonts/fontawesome-webfont.svg +254 -254
  8. data/app/assets/javascripts/adminpanel/bootstrap-datepicker.js +1159 -1159
  9. data/app/assets/javascripts/adminpanel/bootstrap-timepicker.js +803 -803
  10. data/app/assets/javascripts/adminpanel/bootstrap.js +2170 -2170
  11. data/app/assets/javascripts/adminpanel/{products.js → images_form.js} +13 -13
  12. data/app/assets/javascripts/adminpanel/imagesloaded.js +12 -12
  13. data/app/assets/javascripts/adminpanel/jquery.dataTables.min.js +155 -155
  14. data/app/assets/javascripts/adminpanel/jquery.facybox.js +395 -395
  15. data/app/assets/javascripts/adminpanel/jquery.masonry.min.js +9 -9
  16. data/app/assets/javascripts/adminpanel/jquery.slimscroll.min.js +13 -13
  17. data/app/assets/javascripts/adminpanel/medium-editor.js +702 -702
  18. data/app/assets/javascripts/adminpanel/realm.js +87 -87
  19. data/app/assets/javascripts/adminpanel/tables.js +126 -126
  20. data/app/assets/javascripts/application-admin.js +15 -15
  21. data/app/assets/stylesheets/adminpanel/_clearfix.css.scss +7 -7
  22. data/app/assets/stylesheets/adminpanel/alertify.css +241 -241
  23. data/app/assets/stylesheets/adminpanel/bootstrap.css +6103 -6103
  24. data/app/assets/stylesheets/adminpanel/colorpicker.css +6 -6
  25. data/app/assets/stylesheets/adminpanel/datepicker.css +9 -9
  26. data/app/assets/stylesheets/adminpanel/elfinder.min.css +59 -59
  27. data/app/assets/stylesheets/adminpanel/facybox.css +146 -146
  28. data/app/assets/stylesheets/adminpanel/font-awesome.min.css +33 -33
  29. data/app/assets/stylesheets/adminpanel/fullcalendar.css +618 -618
  30. data/app/assets/stylesheets/adminpanel/fullcalendar.print.css +61 -61
  31. data/app/assets/stylesheets/adminpanel/select2.css +524 -524
  32. data/app/assets/stylesheets/adminpanel/theme.css +1571 -1571
  33. data/app/assets/stylesheets/adminpanel/timepicker.css +82 -82
  34. data/app/assets/stylesheets/application-admin.css +13 -13
  35. data/app/controllers/adminpanel/application_controller.rb +32 -17
  36. data/app/controllers/adminpanel/galleries_controller.rb +80 -80
  37. data/app/controllers/adminpanel/sections_controller.rb +45 -45
  38. data/app/controllers/adminpanel/sessions_controller.rb +26 -26
  39. data/app/controllers/adminpanel/users_controller.rb +84 -84
  40. data/app/helpers/adminpanel/application_helper.rb +41 -51
  41. data/app/helpers/adminpanel/breadcrumbs_helper.rb +16 -0
  42. data/app/helpers/adminpanel/custom_form_builder.rb +248 -0
  43. data/app/helpers/adminpanel/images_helper.rb +9 -9
  44. data/app/helpers/adminpanel/rest_actions_helper.rb +47 -0
  45. data/app/helpers/adminpanel/router_helper.rb +33 -0
  46. data/app/helpers/adminpanel/sessions_helper.rb +25 -25
  47. data/app/models/adminpanel/gallery.rb +60 -60
  48. data/app/models/adminpanel/image.rb +14 -14
  49. data/app/models/adminpanel/section.rb +22 -22
  50. data/app/models/adminpanel/user.rb +35 -35
  51. data/app/uploaders/adminpanel/gallery_uploader.rb +55 -55
  52. data/app/uploaders/adminpanel/image_uploader.rb +57 -57
  53. data/app/views/adminpanel/galleries/_galleries_table.html.erb +14 -14
  54. data/app/views/adminpanel/galleries/create.html.erb +2 -2
  55. data/app/views/adminpanel/galleries/delete.html.erb +2 -2
  56. data/app/views/adminpanel/galleries/edit.html.erb +25 -25
  57. data/app/views/adminpanel/galleries/index.html.erb +51 -51
  58. data/app/views/adminpanel/galleries/new.html.erb +17 -17
  59. data/app/views/adminpanel/galleries/show.html.erb +17 -17
  60. data/app/views/adminpanel/galleries/update.html.erb +2 -2
  61. data/app/views/adminpanel/sections/_image_fields.html.erb +23 -23
  62. data/app/views/adminpanel/sections/_sections_table.html.erb +16 -16
  63. data/app/views/adminpanel/sections/create.html.erb +2 -2
  64. data/app/views/adminpanel/sections/destroy.html.erb +2 -2
  65. data/app/views/adminpanel/sections/edit.html.erb +41 -41
  66. data/app/views/adminpanel/sections/index.html.erb +44 -44
  67. data/app/views/adminpanel/sections/new.html.erb +26 -26
  68. data/app/views/adminpanel/sections/show.html.erb +30 -30
  69. data/app/views/adminpanel/sections/update.html.erb +2 -2
  70. data/app/views/adminpanel/sessions/new.html.erb +25 -25
  71. data/app/views/adminpanel/users/_user_form.html.erb +20 -20
  72. data/app/views/adminpanel/users/edit.html.erb +5 -5
  73. data/app/views/adminpanel/users/index.html.erb +49 -49
  74. data/app/views/adminpanel/users/new.html.erb +5 -5
  75. data/app/views/adminpanel/users/show.html.erb +20 -20
  76. data/app/views/layouts/_shim.html.erb +3 -3
  77. data/app/views/layouts/_side_menu.html.erb +49 -43
  78. data/app/views/layouts/_top_bar.html.erb +43 -43
  79. data/app/views/layouts/admin-login.html.erb +28 -28
  80. data/app/views/layouts/admin.html.erb +41 -39
  81. data/app/views/shared/_breadcrumb.html.erb +6 -6
  82. data/app/views/shared/_error_messages.html.erb +16 -16
  83. data/app/views/shared/_form_fields.html.erb +25 -0
  84. data/app/views/{adminpanel/products → shared}/_image_fields.html.erb +23 -23
  85. data/app/views/shared/_init_editor.html.erb +24 -0
  86. data/app/views/shared/edit.html.erb +28 -0
  87. data/app/views/shared/index.html.erb +94 -0
  88. data/app/views/shared/new.html.erb +28 -0
  89. data/app/views/shared/show.html.erb +63 -0
  90. data/config/locales/en.yml +5 -5
  91. data/config/locales/es.yml +127 -129
  92. data/config/routes.rb +24 -16
  93. data/lib/adminpanel.rb +9 -7
  94. data/lib/adminpanel/active_record_extension.rb +38 -0
  95. data/lib/adminpanel/engine.rb +5 -5
  96. data/lib/adminpanel/version.rb +3 -3
  97. data/lib/generators/adminpanel/initialize/initialize_generator.rb +17 -0
  98. data/lib/generators/adminpanel/{install/templates/migrations → initialize/templates}/create_adminpanel_tables.rb +45 -64
  99. data/lib/generators/adminpanel/resource/resource_generator.rb +105 -0
  100. data/lib/generators/adminpanel/resource/templates/controller.rb +4 -0
  101. data/lib/generators/adminpanel/resource/templates/migration.rb +9 -0
  102. data/lib/generators/adminpanel/resource/templates/resource.rb +19 -0
  103. data/spec/dummy/.gitignore +17 -17
  104. data/spec/dummy/README.rdoc +261 -261
  105. data/spec/dummy/Rakefile +7 -7
  106. data/{app/views/adminpanel/categories/show.html.erb → spec/dummy/app/adminpanel/products.rb} +0 -0
  107. data/spec/dummy/app/assets/javascripts/application.js +13 -13
  108. data/spec/dummy/app/assets/stylesheets/application.css +13 -13
  109. data/spec/dummy/app/controllers/adminpanel/.gitkeep +0 -0
  110. data/spec/dummy/app/controllers/application_controller.rb +3 -11
  111. data/spec/dummy/app/helpers/application_helper.rb +2 -2
  112. data/spec/dummy/app/views/layouts/application.html.erb +14 -14
  113. data/spec/dummy/config.ru +4 -4
  114. data/spec/dummy/config/application.rb +62 -62
  115. data/spec/dummy/config/boot.rb +9 -9
  116. data/spec/dummy/config/carrierwve.rb +5 -5
  117. data/spec/dummy/config/database.yml +24 -24
  118. data/spec/dummy/config/environment.rb +5 -5
  119. data/spec/dummy/config/environments/development.rb +41 -41
  120. data/spec/dummy/config/environments/production.rb +72 -72
  121. data/spec/dummy/config/environments/test.rb +41 -41
  122. data/spec/dummy/config/initializers/backtrace_silencers.rb +7 -7
  123. data/spec/dummy/config/initializers/inflections.rb +15 -15
  124. data/spec/dummy/config/initializers/mime_types.rb +5 -5
  125. data/spec/dummy/config/initializers/secret_token.rb +8 -8
  126. data/spec/dummy/config/initializers/session_store.rb +8 -8
  127. data/spec/dummy/config/initializers/wrap_parameters.rb +14 -14
  128. data/spec/dummy/config/locales/en.yml +5 -5
  129. data/spec/dummy/config/routes.rb +4 -4
  130. data/spec/dummy/db/schema.rb +15 -15
  131. data/spec/dummy/public/404.html +26 -26
  132. data/spec/dummy/public/422.html +26 -26
  133. data/spec/dummy/public/500.html +25 -25
  134. data/spec/dummy/public/uploads/gallery/file/1/hipster.jpg +0 -0
  135. data/spec/dummy/public/uploads/gallery/file/1/thumb_hipster.jpg +0 -0
  136. data/spec/dummy/script/rails +6 -6
  137. data/spec/features/authentication_pages_spec.rb +43 -43
  138. data/spec/features/galleries_pages_spec.rb +124 -124
  139. data/spec/features/section_pages_spec.rb +37 -37
  140. data/spec/features/user_pages_spec.rb +48 -48
  141. data/spec/generators/initialize_spec.rb +9 -0
  142. data/spec/generators/resource_spec.rb +122 -0
  143. data/spec/models/gallery_spec.rb +21 -21
  144. data/spec/models/section_spec.rb +66 -66
  145. data/spec/models/user_spec.rb +105 -105
  146. data/spec/spec_helper.rb +32 -31
  147. data/spec/support/define_factory_models.rb +25 -36
  148. data/spec/support/helper_methods.rb +26 -26
  149. data/spec/support/submit_forms_without_button.rb +16 -16
  150. data/spec/support/test_database.rb +45 -58
  151. data/spec/uploaders/gallery_uploader_spec.rb +36 -30
  152. data/spec/uploaders/image_uploader_spec.rb +30 -29
  153. metadata +208 -64
  154. checksums.yaml +0 -7
  155. data/app/assets/javascripts/adminpanel/init_editor.js +0 -28
  156. data/app/controllers/adminpanel/categories_controller.rb +0 -41
  157. data/app/controllers/adminpanel/products_controller.rb +0 -88
  158. data/app/helpers/custom_form_builder.rb +0 -219
  159. data/app/models/adminpanel/category.rb +0 -7
  160. data/app/models/adminpanel/product.rb +0 -24
  161. data/app/views/adminpanel/categories/edit.html.erb +0 -18
  162. data/app/views/adminpanel/categories/index.html.erb +0 -55
  163. data/app/views/adminpanel/categories/new.html.erb +0 -18
  164. data/app/views/adminpanel/products/.DS_Store +0 -0
  165. data/app/views/adminpanel/products/_product_form.html.erb +0 -31
  166. data/app/views/adminpanel/products/edit.html.erb +0 -10
  167. data/app/views/adminpanel/products/index.html.erb +0 -51
  168. data/app/views/adminpanel/products/new.html.erb +0 -10
  169. data/app/views/adminpanel/products/show.html.erb +0 -61
  170. data/config/database.yml +0 -24
  171. data/lib/generators/adminpanel/install/install_generator.rb +0 -12
  172. data/spec/features/categories_pages_spec.rb +0 -44
  173. data/spec/features/product_pages_spec.rb +0 -64
  174. data/spec/models/category_spec.rb +0 -58
  175. data/spec/models/product_spec.rb +0 -51
@@ -1,61 +1,61 @@
1
- /*
2
- * FullCalendar v1.5.4 Print Stylesheet
3
- *
4
- * Include this stylesheet on your page to get a more printer-friendly calendar.
5
- * When including this stylesheet, use the media='print' attribute of the <link> tag.
6
- * Make sure to include this stylesheet IN ADDITION to the regular fullcalendar.css.
7
- *
8
- * Copyright (c) 2011 Adam Shaw
9
- * Dual licensed under the MIT and GPL licenses, located in
10
- * MIT-LICENSE.txt and GPL-LICENSE.txt respectively.
11
- *
12
- * Date: Tue Sep 4 23:38:33 2012 -0700
13
- *
14
- */
15
-
16
-
17
- /* Events
18
- -----------------------------------------------------*/
19
-
20
- .fc-event-skin {
21
- background: none !important;
22
- color: #000 !important;
23
- }
24
-
25
- /* horizontal events */
26
-
27
- .fc-event-hori {
28
- border-width: 0 0 1px 0 !important;
29
- border-bottom-style: dotted !important;
30
- border-bottom-color: #000 !important;
31
- padding: 1px 0 0 0 !important;
32
- }
33
-
34
- .fc-event-hori .fc-event-inner {
35
- border-width: 0 !important;
36
- padding: 0 1px !important;
37
- }
38
-
39
- /* vertical events */
40
-
41
- .fc-event-vert {
42
- border-width: 0 0 0 1px !important;
43
- border-left-style: dotted !important;
44
- border-left-color: #000 !important;
45
- padding: 0 1px 0 0 !important;
46
- }
47
-
48
- .fc-event-vert .fc-event-inner {
49
- border-width: 0 !important;
50
- padding: 1px 0 !important;
51
- }
52
-
53
- .fc-event-bg {
54
- display: none !important;
55
- }
56
-
57
- .fc-event .ui-resizable-handle {
58
- display: none !important;
59
- }
60
-
61
-
1
+ /*
2
+ * FullCalendar v1.5.4 Print Stylesheet
3
+ *
4
+ * Include this stylesheet on your page to get a more printer-friendly calendar.
5
+ * When including this stylesheet, use the media='print' attribute of the <link> tag.
6
+ * Make sure to include this stylesheet IN ADDITION to the regular fullcalendar.css.
7
+ *
8
+ * Copyright (c) 2011 Adam Shaw
9
+ * Dual licensed under the MIT and GPL licenses, located in
10
+ * MIT-LICENSE.txt and GPL-LICENSE.txt respectively.
11
+ *
12
+ * Date: Tue Sep 4 23:38:33 2012 -0700
13
+ *
14
+ */
15
+
16
+
17
+ /* Events
18
+ -----------------------------------------------------*/
19
+
20
+ .fc-event-skin {
21
+ background: none !important;
22
+ color: #000 !important;
23
+ }
24
+
25
+ /* horizontal events */
26
+
27
+ .fc-event-hori {
28
+ border-width: 0 0 1px 0 !important;
29
+ border-bottom-style: dotted !important;
30
+ border-bottom-color: #000 !important;
31
+ padding: 1px 0 0 0 !important;
32
+ }
33
+
34
+ .fc-event-hori .fc-event-inner {
35
+ border-width: 0 !important;
36
+ padding: 0 1px !important;
37
+ }
38
+
39
+ /* vertical events */
40
+
41
+ .fc-event-vert {
42
+ border-width: 0 0 0 1px !important;
43
+ border-left-style: dotted !important;
44
+ border-left-color: #000 !important;
45
+ padding: 0 1px 0 0 !important;
46
+ }
47
+
48
+ .fc-event-vert .fc-event-inner {
49
+ border-width: 0 !important;
50
+ padding: 1px 0 !important;
51
+ }
52
+
53
+ .fc-event-bg {
54
+ display: none !important;
55
+ }
56
+
57
+ .fc-event .ui-resizable-handle {
58
+ display: none !important;
59
+ }
60
+
61
+
@@ -1,524 +1,524 @@
1
- /*
2
- Version: 3.2 Timestamp: Mon Sep 10 10:38:04 PDT 2012
3
- */
4
- .select2-container {
5
- position: relative;
6
- display: inline-block;
7
- /* inline-block for ie7 */
8
- zoom: 1;
9
- *display: inline;
10
- vertical-align: top;
11
- }
12
-
13
- .select2-container,
14
- .select2-drop,
15
- .select2-search,
16
- .select2-search input{
17
- /*
18
- Force border-box so that % widths fit the parent
19
- container without overlap because of margin/padding.
20
-
21
- More Info : http://www.quirksmode.org/css/box.html
22
- */
23
- -moz-box-sizing: border-box; /* firefox */
24
- -ms-box-sizing: border-box; /* ie */
25
- -webkit-box-sizing: border-box; /* webkit */
26
- -khtml-box-sizing: border-box; /* konqueror */
27
- box-sizing: border-box; /* css3 */
28
- }
29
-
30
- .select2-container .select2-choice {
31
- background-color: #fff;
32
- background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white));
33
- background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%);
34
- background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%);
35
- background-image: -o-linear-gradient(bottom, #eeeeee 0%, #ffffff 50%);
36
- background-image: -ms-linear-gradient(top, #eeeeee 0%, #ffffff 50%);
37
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#ffffff', GradientType = 0);
38
- background-image: linear-gradient(top, #eeeeee 0%, #ffffff 50%);
39
- -webkit-border-radius: 4px;
40
- -moz-border-radius: 4px;
41
- border-radius: 4px;
42
- -moz-background-clip: padding;
43
- -webkit-background-clip: padding-box;
44
- background-clip: padding-box;
45
- border: 1px solid #aaa;
46
- display: block;
47
- overflow: hidden;
48
- white-space: nowrap;
49
- position: relative;
50
- height: 26px;
51
- line-height: 26px;
52
- padding: 0 0 0 8px;
53
- color: #444;
54
- text-decoration: none;
55
- }
56
-
57
- .select2-container.select2-drop-above .select2-choice
58
- {
59
- border-bottom-color: #aaa;
60
- -webkit-border-radius:0px 0px 4px 4px;
61
- -moz-border-radius:0px 0px 4px 4px;
62
- border-radius:0px 0px 4px 4px;
63
- background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, white));
64
- background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 90%);
65
- background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 90%);
66
- background-image: -o-linear-gradient(bottom, #eeeeee 0%, white 90%);
67
- background-image: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 90%);
68
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
69
- background-image: linear-gradient(top, #eeeeee 0%,#ffffff 90%);
70
- }
71
-
72
- .select2-container .select2-choice span {
73
- margin-right: 26px;
74
- display: block;
75
- overflow: hidden;
76
- white-space: nowrap;
77
- -o-text-overflow: ellipsis;
78
- -ms-text-overflow: ellipsis;
79
- text-overflow: ellipsis;
80
- }
81
-
82
- .select2-container .select2-choice abbr {
83
- display: block;
84
- position: absolute;
85
- right: 26px;
86
- top: 8px;
87
- width: 12px;
88
- height: 12px;
89
- font-size: 1px;
90
- background: url('select2.png') right top no-repeat;
91
- cursor: pointer;
92
- text-decoration: none;
93
- border:0;
94
- outline: 0;
95
- }
96
- .select2-container .select2-choice abbr:hover {
97
- background-position: right -11px;
98
- cursor: pointer;
99
- }
100
-
101
- .select2-drop {
102
- background: #fff;
103
- color: #000;
104
- border: 1px solid #aaa;
105
- border-top: 0;
106
- position: absolute;
107
- top: 100%;
108
- -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
109
- -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
110
- -o-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
111
- box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
112
- z-index: 9999;
113
- width:100%;
114
- margin-top:-1px;
115
-
116
- -webkit-border-radius: 0 0 4px 4px;
117
- -moz-border-radius: 0 0 4px 4px;
118
- border-radius: 0 0 4px 4px;
119
- }
120
-
121
- .select2-drop.select2-drop-above {
122
- -webkit-border-radius: 4px 4px 0px 0px;
123
- -moz-border-radius: 4px 4px 0px 0px;
124
- border-radius: 4px 4px 0px 0px;
125
- margin-top:1px;
126
- border-top: 1px solid #aaa;
127
- border-bottom: 0;
128
-
129
- -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
130
- -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
131
- -o-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
132
- box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
133
- }
134
-
135
- .select2-container .select2-choice div {
136
- -webkit-border-radius: 0 4px 4px 0;
137
- -moz-border-radius: 0 4px 4px 0;
138
- border-radius: 0 4px 4px 0;
139
- -moz-background-clip: padding;
140
- -webkit-background-clip: padding-box;
141
- background-clip: padding-box;
142
- background: #ccc;
143
- background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
144
- background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
145
- background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
146
- background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%);
147
- background-image: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 60%);
148
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#cccccc', endColorstr = '#eeeeee', GradientType = 0);
149
- background-image: linear-gradient(top, #cccccc 0%, #eeeeee 60%);
150
- border-left: 1px solid #aaa;
151
- position: absolute;
152
- right: 0;
153
- top: 0;
154
- display: block;
155
- height: 100%;
156
- width: 18px;
157
- }
158
-
159
- .select2-container .select2-choice div b {
160
- background: url('select2.png') no-repeat 0 1px;
161
- display: block;
162
- width: 100%;
163
- height: 100%;
164
- }
165
-
166
- .select2-search {
167
- display: inline-block;
168
- white-space: nowrap;
169
- z-index: 10000;
170
- min-height: 26px;
171
- width: 100%;
172
- margin: 0;
173
- padding-left: 4px;
174
- padding-right: 4px;
175
- }
176
-
177
- .select2-search-hidden {
178
- display: block;
179
- position: absolute;
180
- left: -10000px;
181
- }
182
-
183
- .select2-search input {
184
- background: #fff url('select2.png') no-repeat 100% -22px;
185
- background: url('select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
186
- background: url('select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
187
- background: url('select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
188
- background: url('select2.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
189
- background: url('select2.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
190
- background: url('select2.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
191
- padding: 4px 20px 4px 5px;
192
- outline: 0;
193
- border: 1px solid #aaa;
194
- font-family: sans-serif;
195
- font-size: 1em;
196
- width:100%;
197
- margin:0;
198
- height:auto !important;
199
- min-height: 26px;
200
- -webkit-box-shadow: none;
201
- -moz-box-shadow: none;
202
- box-shadow: none;
203
- border-radius: 0;
204
- -moz-border-radius: 0;
205
- -webkit-border-radius: 0;
206
- }
207
-
208
- .select2-drop.select2-drop-above .select2-search input
209
- {
210
- margin-top:4px;
211
- }
212
-
213
- .select2-search input.select2-active {
214
- background: #fff url('spinner.gif') no-repeat 100%;
215
- background: url('spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
216
- background: url('spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
217
- background: url('spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
218
- background: url('spinner.gif') no-repeat 100%, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
219
- background: url('spinner.gif') no-repeat 100%, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
220
- background: url('spinner.gif') no-repeat 100%, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
221
- }
222
-
223
-
224
- .select2-container-active .select2-choice,
225
- .select2-container-active .select2-choices {
226
- -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
227
- -moz-box-shadow : 0 0 5px rgba(0,0,0,.3);
228
- -o-box-shadow : 0 0 5px rgba(0,0,0,.3);
229
- box-shadow : 0 0 5px rgba(0,0,0,.3);
230
- border: 1px solid #5897fb;
231
- outline: none;
232
- }
233
-
234
- .select2-dropdown-open .select2-choice {
235
- border: 1px solid #aaa;
236
- border-bottom-color: transparent;
237
- -webkit-box-shadow: 0 1px 0 #fff inset;
238
- -moz-box-shadow : 0 1px 0 #fff inset;
239
- -o-box-shadow : 0 1px 0 #fff inset;
240
- box-shadow : 0 1px 0 #fff inset;
241
- background-color: #eee;
242
- background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee));
243
- background-image: -webkit-linear-gradient(center bottom, white 0%, #eeeeee 50%);
244
- background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%);
245
- background-image: -o-linear-gradient(bottom, white 0%, #eeeeee 50%);
246
- background-image: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 50%);
247
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
248
- background-image: linear-gradient(top, #ffffff 0%,#eeeeee 50%);
249
- -webkit-border-bottom-left-radius : 0;
250
- -webkit-border-bottom-right-radius: 0;
251
- -moz-border-radius-bottomleft : 0;
252
- -moz-border-radius-bottomright: 0;
253
- border-bottom-left-radius : 0;
254
- border-bottom-right-radius: 0;
255
- }
256
-
257
- .select2-dropdown-open .select2-choice div {
258
- background: transparent;
259
- border-left: none;
260
- }
261
- .select2-dropdown-open .select2-choice div b {
262
- background-position: -18px 1px;
263
- }
264
-
265
- /* results */
266
- .select2-results {
267
- margin: 4px 4px 4px 0;
268
- padding: 0 0 0 4px;
269
- position: relative;
270
- overflow-x: hidden;
271
- overflow-y: auto;
272
- max-height: 200px;
273
- }
274
-
275
- .select2-results ul.select2-result-sub {
276
- margin: 0 0 0 0;
277
- }
278
-
279
- .select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px }
280
- .select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px }
281
- .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px }
282
- .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px }
283
- .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px }
284
- .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px }
285
- .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px }
286
-
287
- .select2-results li {
288
- list-style: none;
289
- display: list-item;
290
- }
291
-
292
- .select2-results li.select2-result-with-children > .select2-result-label {
293
- font-weight: bold;
294
- }
295
-
296
- .select2-results .select2-result-label {
297
- padding: 3px 7px 4px;
298
- margin: 0;
299
- cursor: pointer;
300
- }
301
-
302
- .select2-results .select2-highlighted {
303
- background: #3875d7;
304
- color: #fff;
305
- }
306
- .select2-results li em {
307
- background: #feffde;
308
- font-style: normal;
309
- }
310
- .select2-results .select2-highlighted em {
311
- background: transparent;
312
- }
313
- .select2-results .select2-no-results,
314
- .select2-results .select2-searching,
315
- .select2-results .select2-selection-limit {
316
- background: #f4f4f4;
317
- display: list-item;
318
- }
319
-
320
- /*
321
- disabled look for already selected choices in the results dropdown
322
- .select2-results .select2-disabled.select2-highlighted {
323
- color: #666;
324
- background: #f4f4f4;
325
- display: list-item;
326
- cursor: default;
327
- }
328
- .select2-results .select2-disabled {
329
- background: #f4f4f4;
330
- display: list-item;
331
- cursor: default;
332
- }
333
- */
334
- .select2-results .select2-disabled {
335
- display: none;
336
- }
337
-
338
- .select2-more-results.select2-active {
339
- background: #f4f4f4 url('spinner.gif') no-repeat 100%;
340
- }
341
-
342
- .select2-more-results {
343
- background: #f4f4f4;
344
- display: list-item;
345
- }
346
-
347
- /* disabled styles */
348
-
349
- .select2-container.select2-container-disabled .select2-choice {
350
- background-color: #f4f4f4;
351
- background-image: none;
352
- border: 1px solid #ddd;
353
- cursor: default;
354
- }
355
-
356
- .select2-container.select2-container-disabled .select2-choice div {
357
- background-color: #f4f4f4;
358
- background-image: none;
359
- border-left: 0;
360
- }
361
-
362
-
363
- /* multiselect */
364
-
365
- .select2-container-multi .select2-choices {
366
- background-color: #fff;
367
- background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
368
- background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
369
- background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
370
- background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
371
- background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
372
- background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%);
373
- border: 1px solid #aaa;
374
- margin: 0;
375
- padding: 0;
376
- cursor: text;
377
- overflow: hidden;
378
- height: auto !important;
379
- height: 1%;
380
- position: relative;
381
- }
382
-
383
- .select2-container-multi .select2-choices {
384
- min-height: 26px;
385
- }
386
-
387
- .select2-container-multi.select2-container-active .select2-choices {
388
- -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
389
- -moz-box-shadow : 0 0 5px rgba(0,0,0,.3);
390
- -o-box-shadow : 0 0 5px rgba(0,0,0,.3);
391
- box-shadow : 0 0 5px rgba(0,0,0,.3);
392
- border: 1px solid #5897fb;
393
- outline: none;
394
- }
395
- .select2-container-multi .select2-choices li {
396
- float: left;
397
- list-style: none;
398
- }
399
- .select2-container-multi .select2-choices .select2-search-field {
400
- white-space: nowrap;
401
- margin: 0;
402
- padding: 0;
403
- }
404
-
405
- .select2-container-multi .select2-choices .select2-search-field input {
406
- color: #666;
407
- background: transparent !important;
408
- font-family: sans-serif;
409
- font-size: 100%;
410
- height: 15px;
411
- padding: 5px;
412
- margin: 1px 0;
413
- outline: 0;
414
- border: 0;
415
- -webkit-box-shadow: none;
416
- -moz-box-shadow : none;
417
- -o-box-shadow : none;
418
- box-shadow : none;
419
- }
420
-
421
- .select2-container-multi .select2-choices .select2-search-field input.select2-active {
422
- background: #fff url('spinner.gif') no-repeat 100% !important;
423
- }
424
-
425
- .select2-default {
426
- color: #999 !important;
427
- }
428
-
429
- .select2-container-multi .select2-choices .select2-search-choice {
430
- -webkit-border-radius: 3px;
431
- -moz-border-radius : 3px;
432
- border-radius : 3px;
433
- -moz-background-clip : padding;
434
- -webkit-background-clip: padding-box;
435
- background-clip : padding-box;
436
- background-color: #e4e4e4;
437
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
438
- background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
439
- background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
440
- background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
441
- background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
442
- background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
443
- background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
444
- -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
445
- -moz-box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
446
- box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
447
- color: #333;
448
- border: 1px solid #aaaaaa;
449
- line-height: 13px;
450
- padding: 3px 5px 3px 18px;
451
- margin: 3px 0 3px 5px;
452
- position: relative;
453
- cursor: default;
454
- }
455
- .select2-container-multi .select2-choices .select2-search-choice span {
456
- cursor: default;
457
- }
458
- .select2-container-multi .select2-choices .select2-search-choice-focus {
459
- background: #d4d4d4;
460
- }
461
-
462
- .select2-search-choice-close {
463
- display: block;
464
- position: absolute;
465
- right: 3px;
466
- top: 4px;
467
- width: 12px;
468
- height: 13px;
469
- font-size: 1px;
470
- background: url('select2.png') right top no-repeat;
471
- outline: none;
472
- }
473
-
474
- .select2-container-multi .select2-search-choice-close {
475
- left: 3px;
476
- }
477
-
478
-
479
- .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
480
- background-position: right -11px;
481
- }
482
- .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
483
- background-position: right -11px;
484
- }
485
-
486
- /* disabled styles */
487
-
488
- .select2-container-multi.select2-container-disabled .select2-choices{
489
- background-color: #f4f4f4;
490
- background-image: none;
491
- border: 1px solid #ddd;
492
- cursor: default;
493
- }
494
-
495
- .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
496
- background-image: none;
497
- background-color: #f4f4f4;
498
- border: 1px solid #ddd;
499
- padding: 3px 5px 3px 5px;
500
- }
501
-
502
- .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
503
- display: none;
504
- }
505
- /* end multiselect */
506
-
507
- .select2-result-selectable .select2-match,
508
- .select2-result-unselectable .select2-result-selectable .select2-match { text-decoration: underline; }
509
- .select2-result-unselectable .select2-match { text-decoration: none; }
510
-
511
- .select2-offscreen { position: absolute; left: -10000px; }
512
-
513
- /* Retina-ize icons */
514
-
515
- @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
516
- .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice div b {
517
- background-image: url('select2x2.png') !important;
518
- background-repeat: no-repeat !important;
519
- background-size: 60px 40px !important;
520
- }
521
- .select2-search input {
522
- background-position: 100% -21px !important;
523
- }
524
- }
1
+ /*
2
+ Version: 3.2 Timestamp: Mon Sep 10 10:38:04 PDT 2012
3
+ */
4
+ .select2-container {
5
+ position: relative;
6
+ display: inline-block;
7
+ /* inline-block for ie7 */
8
+ zoom: 1;
9
+ *display: inline;
10
+ vertical-align: top;
11
+ }
12
+
13
+ .select2-container,
14
+ .select2-drop,
15
+ .select2-search,
16
+ .select2-search input{
17
+ /*
18
+ Force border-box so that % widths fit the parent
19
+ container without overlap because of margin/padding.
20
+
21
+ More Info : http://www.quirksmode.org/css/box.html
22
+ */
23
+ -moz-box-sizing: border-box; /* firefox */
24
+ -ms-box-sizing: border-box; /* ie */
25
+ -webkit-box-sizing: border-box; /* webkit */
26
+ -khtml-box-sizing: border-box; /* konqueror */
27
+ box-sizing: border-box; /* css3 */
28
+ }
29
+
30
+ .select2-container .select2-choice {
31
+ background-color: #fff;
32
+ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white));
33
+ background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%);
34
+ background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%);
35
+ background-image: -o-linear-gradient(bottom, #eeeeee 0%, #ffffff 50%);
36
+ background-image: -ms-linear-gradient(top, #eeeeee 0%, #ffffff 50%);
37
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#ffffff', GradientType = 0);
38
+ background-image: linear-gradient(top, #eeeeee 0%, #ffffff 50%);
39
+ -webkit-border-radius: 4px;
40
+ -moz-border-radius: 4px;
41
+ border-radius: 4px;
42
+ -moz-background-clip: padding;
43
+ -webkit-background-clip: padding-box;
44
+ background-clip: padding-box;
45
+ border: 1px solid #aaa;
46
+ display: block;
47
+ overflow: hidden;
48
+ white-space: nowrap;
49
+ position: relative;
50
+ height: 26px;
51
+ line-height: 26px;
52
+ padding: 0 0 0 8px;
53
+ color: #444;
54
+ text-decoration: none;
55
+ }
56
+
57
+ .select2-container.select2-drop-above .select2-choice
58
+ {
59
+ border-bottom-color: #aaa;
60
+ -webkit-border-radius:0px 0px 4px 4px;
61
+ -moz-border-radius:0px 0px 4px 4px;
62
+ border-radius:0px 0px 4px 4px;
63
+ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, white));
64
+ background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 90%);
65
+ background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 90%);
66
+ background-image: -o-linear-gradient(bottom, #eeeeee 0%, white 90%);
67
+ background-image: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 90%);
68
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
69
+ background-image: linear-gradient(top, #eeeeee 0%,#ffffff 90%);
70
+ }
71
+
72
+ .select2-container .select2-choice span {
73
+ margin-right: 26px;
74
+ display: block;
75
+ overflow: hidden;
76
+ white-space: nowrap;
77
+ -o-text-overflow: ellipsis;
78
+ -ms-text-overflow: ellipsis;
79
+ text-overflow: ellipsis;
80
+ }
81
+
82
+ .select2-container .select2-choice abbr {
83
+ display: block;
84
+ position: absolute;
85
+ right: 26px;
86
+ top: 8px;
87
+ width: 12px;
88
+ height: 12px;
89
+ font-size: 1px;
90
+ background: url('select2.png') right top no-repeat;
91
+ cursor: pointer;
92
+ text-decoration: none;
93
+ border:0;
94
+ outline: 0;
95
+ }
96
+ .select2-container .select2-choice abbr:hover {
97
+ background-position: right -11px;
98
+ cursor: pointer;
99
+ }
100
+
101
+ .select2-drop {
102
+ background: #fff;
103
+ color: #000;
104
+ border: 1px solid #aaa;
105
+ border-top: 0;
106
+ position: absolute;
107
+ top: 100%;
108
+ -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
109
+ -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
110
+ -o-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
111
+ box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
112
+ z-index: 9999;
113
+ width:100%;
114
+ margin-top:-1px;
115
+
116
+ -webkit-border-radius: 0 0 4px 4px;
117
+ -moz-border-radius: 0 0 4px 4px;
118
+ border-radius: 0 0 4px 4px;
119
+ }
120
+
121
+ .select2-drop.select2-drop-above {
122
+ -webkit-border-radius: 4px 4px 0px 0px;
123
+ -moz-border-radius: 4px 4px 0px 0px;
124
+ border-radius: 4px 4px 0px 0px;
125
+ margin-top:1px;
126
+ border-top: 1px solid #aaa;
127
+ border-bottom: 0;
128
+
129
+ -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
130
+ -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
131
+ -o-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
132
+ box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
133
+ }
134
+
135
+ .select2-container .select2-choice div {
136
+ -webkit-border-radius: 0 4px 4px 0;
137
+ -moz-border-radius: 0 4px 4px 0;
138
+ border-radius: 0 4px 4px 0;
139
+ -moz-background-clip: padding;
140
+ -webkit-background-clip: padding-box;
141
+ background-clip: padding-box;
142
+ background: #ccc;
143
+ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
144
+ background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
145
+ background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
146
+ background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%);
147
+ background-image: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 60%);
148
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#cccccc', endColorstr = '#eeeeee', GradientType = 0);
149
+ background-image: linear-gradient(top, #cccccc 0%, #eeeeee 60%);
150
+ border-left: 1px solid #aaa;
151
+ position: absolute;
152
+ right: 0;
153
+ top: 0;
154
+ display: block;
155
+ height: 100%;
156
+ width: 18px;
157
+ }
158
+
159
+ .select2-container .select2-choice div b {
160
+ background: url('select2.png') no-repeat 0 1px;
161
+ display: block;
162
+ width: 100%;
163
+ height: 100%;
164
+ }
165
+
166
+ .select2-search {
167
+ display: inline-block;
168
+ white-space: nowrap;
169
+ z-index: 10000;
170
+ min-height: 26px;
171
+ width: 100%;
172
+ margin: 0;
173
+ padding-left: 4px;
174
+ padding-right: 4px;
175
+ }
176
+
177
+ .select2-search-hidden {
178
+ display: block;
179
+ position: absolute;
180
+ left: -10000px;
181
+ }
182
+
183
+ .select2-search input {
184
+ background: #fff url('select2.png') no-repeat 100% -22px;
185
+ background: url('select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
186
+ background: url('select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
187
+ background: url('select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
188
+ background: url('select2.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
189
+ background: url('select2.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
190
+ background: url('select2.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
191
+ padding: 4px 20px 4px 5px;
192
+ outline: 0;
193
+ border: 1px solid #aaa;
194
+ font-family: sans-serif;
195
+ font-size: 1em;
196
+ width:100%;
197
+ margin:0;
198
+ height:auto !important;
199
+ min-height: 26px;
200
+ -webkit-box-shadow: none;
201
+ -moz-box-shadow: none;
202
+ box-shadow: none;
203
+ border-radius: 0;
204
+ -moz-border-radius: 0;
205
+ -webkit-border-radius: 0;
206
+ }
207
+
208
+ .select2-drop.select2-drop-above .select2-search input
209
+ {
210
+ margin-top:4px;
211
+ }
212
+
213
+ .select2-search input.select2-active {
214
+ background: #fff url('spinner.gif') no-repeat 100%;
215
+ background: url('spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
216
+ background: url('spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
217
+ background: url('spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
218
+ background: url('spinner.gif') no-repeat 100%, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
219
+ background: url('spinner.gif') no-repeat 100%, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
220
+ background: url('spinner.gif') no-repeat 100%, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
221
+ }
222
+
223
+
224
+ .select2-container-active .select2-choice,
225
+ .select2-container-active .select2-choices {
226
+ -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
227
+ -moz-box-shadow : 0 0 5px rgba(0,0,0,.3);
228
+ -o-box-shadow : 0 0 5px rgba(0,0,0,.3);
229
+ box-shadow : 0 0 5px rgba(0,0,0,.3);
230
+ border: 1px solid #5897fb;
231
+ outline: none;
232
+ }
233
+
234
+ .select2-dropdown-open .select2-choice {
235
+ border: 1px solid #aaa;
236
+ border-bottom-color: transparent;
237
+ -webkit-box-shadow: 0 1px 0 #fff inset;
238
+ -moz-box-shadow : 0 1px 0 #fff inset;
239
+ -o-box-shadow : 0 1px 0 #fff inset;
240
+ box-shadow : 0 1px 0 #fff inset;
241
+ background-color: #eee;
242
+ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee));
243
+ background-image: -webkit-linear-gradient(center bottom, white 0%, #eeeeee 50%);
244
+ background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%);
245
+ background-image: -o-linear-gradient(bottom, white 0%, #eeeeee 50%);
246
+ background-image: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 50%);
247
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
248
+ background-image: linear-gradient(top, #ffffff 0%,#eeeeee 50%);
249
+ -webkit-border-bottom-left-radius : 0;
250
+ -webkit-border-bottom-right-radius: 0;
251
+ -moz-border-radius-bottomleft : 0;
252
+ -moz-border-radius-bottomright: 0;
253
+ border-bottom-left-radius : 0;
254
+ border-bottom-right-radius: 0;
255
+ }
256
+
257
+ .select2-dropdown-open .select2-choice div {
258
+ background: transparent;
259
+ border-left: none;
260
+ }
261
+ .select2-dropdown-open .select2-choice div b {
262
+ background-position: -18px 1px;
263
+ }
264
+
265
+ /* results */
266
+ .select2-results {
267
+ margin: 4px 4px 4px 0;
268
+ padding: 0 0 0 4px;
269
+ position: relative;
270
+ overflow-x: hidden;
271
+ overflow-y: auto;
272
+ max-height: 200px;
273
+ }
274
+
275
+ .select2-results ul.select2-result-sub {
276
+ margin: 0 0 0 0;
277
+ }
278
+
279
+ .select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px }
280
+ .select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px }
281
+ .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px }
282
+ .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px }
283
+ .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px }
284
+ .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px }
285
+ .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px }
286
+
287
+ .select2-results li {
288
+ list-style: none;
289
+ display: list-item;
290
+ }
291
+
292
+ .select2-results li.select2-result-with-children > .select2-result-label {
293
+ font-weight: bold;
294
+ }
295
+
296
+ .select2-results .select2-result-label {
297
+ padding: 3px 7px 4px;
298
+ margin: 0;
299
+ cursor: pointer;
300
+ }
301
+
302
+ .select2-results .select2-highlighted {
303
+ background: #3875d7;
304
+ color: #fff;
305
+ }
306
+ .select2-results li em {
307
+ background: #feffde;
308
+ font-style: normal;
309
+ }
310
+ .select2-results .select2-highlighted em {
311
+ background: transparent;
312
+ }
313
+ .select2-results .select2-no-results,
314
+ .select2-results .select2-searching,
315
+ .select2-results .select2-selection-limit {
316
+ background: #f4f4f4;
317
+ display: list-item;
318
+ }
319
+
320
+ /*
321
+ disabled look for already selected choices in the results dropdown
322
+ .select2-results .select2-disabled.select2-highlighted {
323
+ color: #666;
324
+ background: #f4f4f4;
325
+ display: list-item;
326
+ cursor: default;
327
+ }
328
+ .select2-results .select2-disabled {
329
+ background: #f4f4f4;
330
+ display: list-item;
331
+ cursor: default;
332
+ }
333
+ */
334
+ .select2-results .select2-disabled {
335
+ display: none;
336
+ }
337
+
338
+ .select2-more-results.select2-active {
339
+ background: #f4f4f4 url('spinner.gif') no-repeat 100%;
340
+ }
341
+
342
+ .select2-more-results {
343
+ background: #f4f4f4;
344
+ display: list-item;
345
+ }
346
+
347
+ /* disabled styles */
348
+
349
+ .select2-container.select2-container-disabled .select2-choice {
350
+ background-color: #f4f4f4;
351
+ background-image: none;
352
+ border: 1px solid #ddd;
353
+ cursor: default;
354
+ }
355
+
356
+ .select2-container.select2-container-disabled .select2-choice div {
357
+ background-color: #f4f4f4;
358
+ background-image: none;
359
+ border-left: 0;
360
+ }
361
+
362
+
363
+ /* multiselect */
364
+
365
+ .select2-container-multi .select2-choices {
366
+ background-color: #fff;
367
+ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
368
+ background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
369
+ background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
370
+ background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
371
+ background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
372
+ background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%);
373
+ border: 1px solid #aaa;
374
+ margin: 0;
375
+ padding: 0;
376
+ cursor: text;
377
+ overflow: hidden;
378
+ height: auto !important;
379
+ height: 1%;
380
+ position: relative;
381
+ }
382
+
383
+ .select2-container-multi .select2-choices {
384
+ min-height: 26px;
385
+ }
386
+
387
+ .select2-container-multi.select2-container-active .select2-choices {
388
+ -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
389
+ -moz-box-shadow : 0 0 5px rgba(0,0,0,.3);
390
+ -o-box-shadow : 0 0 5px rgba(0,0,0,.3);
391
+ box-shadow : 0 0 5px rgba(0,0,0,.3);
392
+ border: 1px solid #5897fb;
393
+ outline: none;
394
+ }
395
+ .select2-container-multi .select2-choices li {
396
+ float: left;
397
+ list-style: none;
398
+ }
399
+ .select2-container-multi .select2-choices .select2-search-field {
400
+ white-space: nowrap;
401
+ margin: 0;
402
+ padding: 0;
403
+ }
404
+
405
+ .select2-container-multi .select2-choices .select2-search-field input {
406
+ color: #666;
407
+ background: transparent !important;
408
+ font-family: sans-serif;
409
+ font-size: 100%;
410
+ height: 15px;
411
+ padding: 5px;
412
+ margin: 1px 0;
413
+ outline: 0;
414
+ border: 0;
415
+ -webkit-box-shadow: none;
416
+ -moz-box-shadow : none;
417
+ -o-box-shadow : none;
418
+ box-shadow : none;
419
+ }
420
+
421
+ .select2-container-multi .select2-choices .select2-search-field input.select2-active {
422
+ background: #fff url('spinner.gif') no-repeat 100% !important;
423
+ }
424
+
425
+ .select2-default {
426
+ color: #999 !important;
427
+ }
428
+
429
+ .select2-container-multi .select2-choices .select2-search-choice {
430
+ -webkit-border-radius: 3px;
431
+ -moz-border-radius : 3px;
432
+ border-radius : 3px;
433
+ -moz-background-clip : padding;
434
+ -webkit-background-clip: padding-box;
435
+ background-clip : padding-box;
436
+ background-color: #e4e4e4;
437
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
438
+ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
439
+ background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
440
+ background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
441
+ background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
442
+ background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
443
+ background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
444
+ -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
445
+ -moz-box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
446
+ box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
447
+ color: #333;
448
+ border: 1px solid #aaaaaa;
449
+ line-height: 13px;
450
+ padding: 3px 5px 3px 18px;
451
+ margin: 3px 0 3px 5px;
452
+ position: relative;
453
+ cursor: default;
454
+ }
455
+ .select2-container-multi .select2-choices .select2-search-choice span {
456
+ cursor: default;
457
+ }
458
+ .select2-container-multi .select2-choices .select2-search-choice-focus {
459
+ background: #d4d4d4;
460
+ }
461
+
462
+ .select2-search-choice-close {
463
+ display: block;
464
+ position: absolute;
465
+ right: 3px;
466
+ top: 4px;
467
+ width: 12px;
468
+ height: 13px;
469
+ font-size: 1px;
470
+ background: url('select2.png') right top no-repeat;
471
+ outline: none;
472
+ }
473
+
474
+ .select2-container-multi .select2-search-choice-close {
475
+ left: 3px;
476
+ }
477
+
478
+
479
+ .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
480
+ background-position: right -11px;
481
+ }
482
+ .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
483
+ background-position: right -11px;
484
+ }
485
+
486
+ /* disabled styles */
487
+
488
+ .select2-container-multi.select2-container-disabled .select2-choices{
489
+ background-color: #f4f4f4;
490
+ background-image: none;
491
+ border: 1px solid #ddd;
492
+ cursor: default;
493
+ }
494
+
495
+ .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
496
+ background-image: none;
497
+ background-color: #f4f4f4;
498
+ border: 1px solid #ddd;
499
+ padding: 3px 5px 3px 5px;
500
+ }
501
+
502
+ .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
503
+ display: none;
504
+ }
505
+ /* end multiselect */
506
+
507
+ .select2-result-selectable .select2-match,
508
+ .select2-result-unselectable .select2-result-selectable .select2-match { text-decoration: underline; }
509
+ .select2-result-unselectable .select2-match { text-decoration: none; }
510
+
511
+ .select2-offscreen { position: absolute; left: -10000px; }
512
+
513
+ /* Retina-ize icons */
514
+
515
+ @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
516
+ .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice div b {
517
+ background-image: url('select2x2.png') !important;
518
+ background-repeat: no-repeat !important;
519
+ background-size: 60px 40px !important;
520
+ }
521
+ .select2-search input {
522
+ background-position: 100% -21px !important;
523
+ }
524
+ }