semantic-ui-rails 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (90) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +17 -0
  3. data/Gemfile +4 -0
  4. data/LICENSE.txt +22 -0
  5. data/README.md +26 -0
  6. data/Rakefile +1 -0
  7. data/lib/generators/semantic/install/install_generator.rb +38 -0
  8. data/lib/generators/semantic/install/templates/semantic-ui.js +21 -0
  9. data/lib/generators/semantic/install/templates/semantic-ui/collections.less +6 -0
  10. data/lib/generators/semantic/install/templates/semantic-ui/elements.less +11 -0
  11. data/lib/generators/semantic/install/templates/semantic-ui/modules.less +18 -0
  12. data/lib/generators/semantic/install/templates/semantic-ui/views.less +6 -0
  13. data/lib/semantic/ui/rails.rb +10 -0
  14. data/lib/semantic/ui/rails/engine.rb +8 -0
  15. data/lib/semantic/ui/rails/version.rb +7 -0
  16. data/semantic-ui-rails.gemspec +23 -0
  17. data/vendor/assets/fonts/icons.eot +0 -0
  18. data/vendor/assets/fonts/icons.svg +450 -0
  19. data/vendor/assets/fonts/icons.ttf +0 -0
  20. data/vendor/assets/fonts/icons.woff +0 -0
  21. data/vendor/assets/images/semantic-ui/loader-large-inverted.gif +0 -0
  22. data/vendor/assets/images/semantic-ui/loader-large.gif +0 -0
  23. data/vendor/assets/images/semantic-ui/loader-medium-inverted.gif +0 -0
  24. data/vendor/assets/images/semantic-ui/loader-medium.gif +0 -0
  25. data/vendor/assets/images/semantic-ui/loader-mini-inverted.gif +0 -0
  26. data/vendor/assets/images/semantic-ui/loader-mini.gif +0 -0
  27. data/vendor/assets/images/semantic-ui/loader-small-inverted.gif +0 -0
  28. data/vendor/assets/images/semantic-ui/loader-small.gif +0 -0
  29. data/vendor/assets/javascripts/semantic-ui/accordion.js +411 -0
  30. data/vendor/assets/javascripts/semantic-ui/behavior/api.js +666 -0
  31. data/vendor/assets/javascripts/semantic-ui/behavior/colorize.js +271 -0
  32. data/vendor/assets/javascripts/semantic-ui/behavior/form.js +657 -0
  33. data/vendor/assets/javascripts/semantic-ui/behavior/state.js +752 -0
  34. data/vendor/assets/javascripts/semantic-ui/carousel.js +327 -0
  35. data/vendor/assets/javascripts/semantic-ui/chatroom.js +766 -0
  36. data/vendor/assets/javascripts/semantic-ui/checkbox.js +348 -0
  37. data/vendor/assets/javascripts/semantic-ui/dimmer.js +525 -0
  38. data/vendor/assets/javascripts/semantic-ui/dropdown.js +697 -0
  39. data/vendor/assets/javascripts/semantic-ui/modal.js +478 -0
  40. data/vendor/assets/javascripts/semantic-ui/nag.js +542 -0
  41. data/vendor/assets/javascripts/semantic-ui/popup.js +721 -0
  42. data/vendor/assets/javascripts/semantic-ui/rating.js +358 -0
  43. data/vendor/assets/javascripts/semantic-ui/search.js +770 -0
  44. data/vendor/assets/javascripts/semantic-ui/shape.js +776 -0
  45. data/vendor/assets/javascripts/semantic-ui/sidebar.js +489 -0
  46. data/vendor/assets/javascripts/semantic-ui/tab.js +674 -0
  47. data/vendor/assets/javascripts/semantic-ui/transition.js +645 -0
  48. data/vendor/assets/javascripts/semantic-ui/video.js +459 -0
  49. data/vendor/assets/stylesheets/semantic-ui/collections/breadcrumb.less +79 -0
  50. data/vendor/assets/stylesheets/semantic-ui/collections/form.less +536 -0
  51. data/vendor/assets/stylesheets/semantic-ui/collections/grid.less +655 -0
  52. data/vendor/assets/stylesheets/semantic-ui/collections/menu.less +1736 -0
  53. data/vendor/assets/stylesheets/semantic-ui/collections/message.less +337 -0
  54. data/vendor/assets/stylesheets/semantic-ui/collections/table.less +526 -0
  55. data/vendor/assets/stylesheets/semantic-ui/elements/button.less +1294 -0
  56. data/vendor/assets/stylesheets/semantic-ui/elements/divider.less +200 -0
  57. data/vendor/assets/stylesheets/semantic-ui/elements/header.less +325 -0
  58. data/vendor/assets/stylesheets/semantic-ui/elements/icon.less +449 -0
  59. data/vendor/assets/stylesheets/semantic-ui/elements/image.less +170 -0
  60. data/vendor/assets/stylesheets/semantic-ui/elements/input.less +287 -0
  61. data/vendor/assets/stylesheets/semantic-ui/elements/label.less +805 -0
  62. data/vendor/assets/stylesheets/semantic-ui/elements/loader.less +178 -0
  63. data/vendor/assets/stylesheets/semantic-ui/elements/progress.less +353 -0
  64. data/vendor/assets/stylesheets/semantic-ui/elements/segment.less +465 -0
  65. data/vendor/assets/stylesheets/semantic-ui/elements/step.less +294 -0
  66. data/vendor/assets/stylesheets/semantic-ui/modules/accordion.less +135 -0
  67. data/vendor/assets/stylesheets/semantic-ui/modules/carousel.less +71 -0
  68. data/vendor/assets/stylesheets/semantic-ui/modules/chatroom.less +271 -0
  69. data/vendor/assets/stylesheets/semantic-ui/modules/checkbox.less +378 -0
  70. data/vendor/assets/stylesheets/semantic-ui/modules/dimmer.less +230 -0
  71. data/vendor/assets/stylesheets/semantic-ui/modules/dropdown.less +506 -0
  72. data/vendor/assets/stylesheets/semantic-ui/modules/extra.transition.less +1197 -0
  73. data/vendor/assets/stylesheets/semantic-ui/modules/modal.less +154 -0
  74. data/vendor/assets/stylesheets/semantic-ui/modules/nag.less +175 -0
  75. data/vendor/assets/stylesheets/semantic-ui/modules/popup.less +238 -0
  76. data/vendor/assets/stylesheets/semantic-ui/modules/rating.less +151 -0
  77. data/vendor/assets/stylesheets/semantic-ui/modules/reveal.less +367 -0
  78. data/vendor/assets/stylesheets/semantic-ui/modules/search.less +275 -0
  79. data/vendor/assets/stylesheets/semantic-ui/modules/shape.less +115 -0
  80. data/vendor/assets/stylesheets/semantic-ui/modules/sidebar.less +147 -0
  81. data/vendor/assets/stylesheets/semantic-ui/modules/tab.less +59 -0
  82. data/vendor/assets/stylesheets/semantic-ui/modules/transition.less +839 -0
  83. data/vendor/assets/stylesheets/semantic-ui/modules/video.less +99 -0
  84. data/vendor/assets/stylesheets/semantic-ui/views/comment.less +221 -0
  85. data/vendor/assets/stylesheets/semantic-ui/views/feed.less +151 -0
  86. data/vendor/assets/stylesheets/semantic-ui/views/item.less +641 -0
  87. data/vendor/assets/stylesheets/semantic-ui/views/list.less +491 -0
  88. data/vendor/assets/stylesheets/semantic-ui/views/sitemap.less +47 -0
  89. data/vendor/assets/stylesheets/semantic-ui/views/statistic.less +34 -0
  90. metadata +161 -0
@@ -0,0 +1,230 @@
1
+ /*
2
+ * # Semantic Dimmer
3
+ * http://github.com/quirkyinc/semantic
4
+ *
5
+ *
6
+ * Copyright 2013 Contributors
7
+ * Released under the MIT license
8
+ * http://opensource.org/licenses/MIT
9
+ *
10
+ * Released: April 17 2013
11
+ */
12
+
13
+
14
+ /*******************************
15
+ Dimmer
16
+ *******************************/
17
+
18
+ .ui.dimmable {
19
+ position: relative;
20
+ }
21
+
22
+ .ui.dimmer {
23
+ display: none;
24
+ position: absolute;
25
+ top: 0em !important;
26
+ left: 0em !important;
27
+
28
+ width: 0%;
29
+ height: 0%;
30
+
31
+ text-align: center;
32
+ vertical-align: middle;
33
+
34
+ background-color: rgba(0, 0, 0, 0.85);
35
+ opacity: 0;
36
+ line-height: 1;
37
+
38
+ -webkit-animation-fill-mode: both;
39
+ -moz-animation-fill-mode: both;
40
+ -o-animation-fill-mode: both;
41
+ -ms-animation-fill-mode: both;
42
+ animation-fill-mode: both;
43
+
44
+ -webkit-animation-duration: 0.5s;
45
+ -moz-animation-duration: 0.5s;
46
+ -o-animation-duration: 0.5s;
47
+ -ms-animation-duration: 0.5s;
48
+ animation-duration: 0.5s;
49
+
50
+ -webkit-transition:
51
+ background-color 0.5s linear
52
+ ;
53
+ -moz-transition:
54
+ background-color 0.5s linear
55
+ ;
56
+ -o-transition:
57
+ background-color 0.5s linear
58
+ ;
59
+ -ms-transition:
60
+ background-color 0.5s linear
61
+ ;
62
+ transition:
63
+ background-color 0.5s linear
64
+ ;
65
+
66
+ -webkit-user-select: none;
67
+ -moz-user-select: none;
68
+ -ms-user-select: none;
69
+ user-select: none;
70
+
71
+ -webkit-box-sizing: border-box;
72
+ -moz-box-sizing: border-box;
73
+ -ms-box-sizing: border-box;
74
+ box-sizing: border-box;
75
+
76
+ z-index: 1000;
77
+ }
78
+
79
+ /*
80
+ .ui.dimmed.dimmable > :not(.dimmer) {
81
+ -webkit-transition:
82
+ filter 0.5s ease
83
+ ;
84
+ -moz-transition:
85
+ filter 0.5s ease
86
+ ;
87
+ -o-transition:
88
+ filter 0.5s ease
89
+ ;
90
+ -ms-transition:
91
+ filter 0.5s ease
92
+ ;
93
+ transition:
94
+ filter 0.5s ease
95
+ ;
96
+ }
97
+ */
98
+
99
+
100
+ /* Dimmer Content */;
101
+ .ui.dimmer > .content {
102
+ width: 100%;
103
+ height: 100%;
104
+ display: table;
105
+
106
+ -webkit-user-select: text;
107
+ -moz-user-select: text;
108
+ -ms-user-select: text;
109
+ user-select: text;
110
+ }
111
+ .ui.dimmer > .content > div {
112
+ display: table-cell;
113
+ vertical-align: middle;
114
+ color: #FFFFFF;
115
+ }
116
+
117
+
118
+ /* Loose Coupling */
119
+ .ui.segment > .ui.dimmer {
120
+ -webkit-border-radius: 5px;
121
+ -moz-border-radius: 5px;
122
+ border-radius: 5px;
123
+ }
124
+ .ui.horizontal.segment > .ui.dimmer,
125
+ .ui.vertical.segment > .ui.dimmer {
126
+ -webkit-border-radius: 5px;
127
+ -moz-border-radius: 5px;
128
+ border-radius: 5px;
129
+ }
130
+
131
+ /*******************************
132
+ States
133
+ *******************************/
134
+ /*
135
+ .ui.dimmed.dimmable > :not(.dimmer) {
136
+ -webkit-filter: ~"blur(5px) grayscale(0.7)";
137
+ -moz-filter: ~"blur(5px) grayscale(0.7)";
138
+ }
139
+ */
140
+ .ui.dimmed.dimmable > .ui.dimmer,
141
+ .ui.active.dimmer {
142
+ display: block;
143
+ width: 100%;
144
+ height: 100%;
145
+ opacity: 1;
146
+ }
147
+
148
+ .ui.disabled.dimmer {
149
+ width: 0em !important;
150
+ height: 0em !important;
151
+ }
152
+
153
+
154
+ /*******************************
155
+ Variations
156
+ *******************************/
157
+
158
+ /*--------------
159
+ Page
160
+ ---------------*/
161
+
162
+ .ui.page.dimmer {
163
+ position: fixed;
164
+
165
+ -webkit-perspective: 2000px;
166
+ -moz-perspective: 2000px;
167
+ perspective: 2000px;
168
+
169
+ -webkit-transform-origin: top center;
170
+ -moz-transform-origin: top center;
171
+ -o-transform-origin: top center;
172
+ -ms-transform-origin: top center;
173
+ transform-origin: top center;
174
+ }
175
+ /*
176
+ body.ui.dimmed.dimmable > :not(.dimmer){
177
+ -webkit-filter: ~"blur(15px) grayscale(0.7)";
178
+ -moz-filter: ~"blur(15px) grayscale(0.7)";
179
+ }
180
+ */
181
+
182
+ /*--------------
183
+ Aligned
184
+ ---------------*/
185
+
186
+ .ui.dimmer > .top.aligned.content > * {
187
+ vertical-align: top;
188
+ }
189
+ .ui.dimmer > .bottom.aligned.content > * {
190
+ vertical-align: bottom;
191
+ }
192
+
193
+ /*--------------
194
+ Inverted
195
+ ---------------*/
196
+
197
+ .ui.inverted.dimmer {
198
+ background-color: rgba(255, 255, 255, 0.85);
199
+ }
200
+ .ui.inverted.dimmer > .content > * {
201
+ color: rgba(0, 0, 0, 0.8);
202
+ }
203
+
204
+ /*--------------
205
+ Simple
206
+ ---------------*/
207
+ /* Displays without javascript */
208
+
209
+ .ui.simple.dimmer {
210
+ display: block;
211
+ overflow: hidden;
212
+ opacity: 1;
213
+ z-index: -100;
214
+ background-color: rgba(0, 0, 0, 0);
215
+ }
216
+ .ui.dimmed.dimmable > .ui.simple.dimmer {
217
+ overflow: visible;
218
+ opacity: 1;
219
+ width: 100%;
220
+ height: 100%;
221
+ background-color: rgba(0, 0, 0, 0.85);
222
+ z-index: 1;
223
+ }
224
+
225
+ .ui.simple.inverted.dimmer {
226
+ background-color: rgba(255, 255, 255, 0);
227
+ }
228
+ .ui.dimmed.dimmable > .ui.simple.inverted.dimmer {
229
+ background-color: rgba(255, 255, 255, 0.85)
230
+ }
@@ -0,0 +1,506 @@
1
+ /*
2
+ * # Semantic Dropdown
3
+ * http://github.com/quirkyinc/semantic
4
+ *
5
+ *
6
+ * Copyright 2013 Contributors
7
+ * Released under the MIT license
8
+ * http://opensource.org/licenses/MIT
9
+ *
10
+ * Released: April 17 2013
11
+ */
12
+
13
+
14
+ /*******************************
15
+ Dropdown
16
+ *******************************/
17
+
18
+ .ui.dropdown {
19
+ position: relative;
20
+ display: inline-block;
21
+
22
+ line-height: 1;
23
+
24
+ -webkit-transition:
25
+ border-radius 0.1s ease,
26
+ width 0.2s ease
27
+ ;
28
+ -moz-transition:
29
+ border-radius 0.1s ease,
30
+ width 0.2s ease
31
+ ;
32
+ -o-transition:
33
+ border-radius 0.1s ease,
34
+ width 0.2s ease
35
+ ;
36
+ -ms-transition:
37
+ border-radius 0.1s ease,
38
+ width 0.2s ease
39
+ ;
40
+ transition:
41
+ border-radius 0.1s ease,
42
+ width 0.2s ease
43
+ ;
44
+ }
45
+
46
+ .ui.dropdown .menu {
47
+ position: absolute;
48
+ display: none;
49
+ top: 100%;
50
+
51
+ margin: 0em;
52
+ background-color: #FFFFFF;
53
+ min-width: 100%;
54
+
55
+ white-space: nowrap;
56
+ font-size: 0.875em;
57
+ text-shadow: none;
58
+
59
+ -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
60
+ -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
61
+ box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
62
+
63
+ -moz-border-radius: 0px 0px 0.325em 0.325em;
64
+ -webkit-border-radius: 0px 0px 0.325em 0.325em;
65
+ border-radius: 0px 0px 0.325em 0.325em;
66
+
67
+ -webkit-transition: opacity 0.2s ease;
68
+ -moz-transition: opacity 0.2s ease;
69
+ -o-transition: opacity 0.2s ease;
70
+ -ms-transition: opacity 0.2s ease;
71
+ transition: opacity 0.2s ease;
72
+ z-index: 11;
73
+ }
74
+
75
+ /* Dropdown Icon */
76
+ .ui.dropdown > .dropdown.icon {
77
+ width: auto;
78
+ }
79
+
80
+ /* Dropdown Text */
81
+ .ui.dropdown > .text {
82
+ cursor: pointer;
83
+ display: inline-block;
84
+
85
+ -webkit-transition: color 0.2s ease;
86
+ -moz-transition: color 0.2s ease;
87
+ -o-transition: color 0.2s ease;
88
+ -ms-transition: color 0.2s ease;
89
+ transition: color 0.2s ease;
90
+ }
91
+
92
+ /* Flyout Direction */
93
+ .ui.dropdown .menu {
94
+ left: 0px;
95
+ }
96
+ .ui.menu .dropdown:last-child .menu,
97
+ .ui > .ui.dropdown:last-child .menu {
98
+ left: auto;
99
+ right: 0px;
100
+ }
101
+
102
+ /* Sub Menu Position */
103
+ .ui.dropdown .menu .menu {
104
+ top: 0% !important;
105
+ left: 100% !important;
106
+ margin: 0em !important;
107
+ border-radius: 0 0.325em 0.325em 0em !important;
108
+ }
109
+ .ui.dropdown .menu .menu:after {
110
+ display: none;
111
+ }
112
+
113
+ .ui.dropdown .menu .item {
114
+ cursor: pointer;
115
+ border: none;
116
+ border-top: 1px solid rgba(0, 0, 0, 0.05);
117
+
118
+ font-size: 0.875em;
119
+ display: block;
120
+ color: rgba(0, 0, 0, 0.75);
121
+
122
+ padding: 0.85em 1em !important;
123
+ font-size: 0.875rem;
124
+ text-transform: none;
125
+ font-weight: normal;
126
+ text-align: left;
127
+
128
+ -webkit-touch-callout: none;
129
+ }
130
+ .ui.dropdown .menu .item:before {
131
+ display: none;
132
+ }
133
+ .ui.dropdown .menu .item .icon {
134
+ margin-right: 0.75em;
135
+ }
136
+
137
+ .ui.dropdown .menu .item:first-child {
138
+ border-top: none;
139
+ }
140
+
141
+
142
+ /*******************************
143
+ States
144
+ *******************************/
145
+
146
+ /* Dropdown Visible */
147
+ .ui.visible.dropdown {
148
+ border-bottom-left-radius: 0em !important;
149
+ border-bottom-right-radius: 0em !important;
150
+ }
151
+ .ui.visible.dropdown > .menu {
152
+ display: block;
153
+ }
154
+
155
+ /* Menu Item Hover */
156
+ .ui.dropdown .menu .item:hover {
157
+ background-color: rgba(0, 0, 0, 0.02);
158
+ z-index: 12;
159
+ }
160
+
161
+ /* Menu Item Active */
162
+ .ui.dropdown .menu .active.item {
163
+ box-shadow: none;
164
+ background-color: rgba(0, 0, 0, 0.04);
165
+ border-left: none;
166
+
167
+ -webkit-box-shadow: none;
168
+ -moz-shadow: none;
169
+ box-shadow: none;
170
+ z-index: 12;
171
+ }
172
+
173
+ /* Default Text */
174
+ .ui.dropdown > .default.text,
175
+ .ui.default.dropdown > .text {
176
+ color: rgba(0, 0, 0, 0.5);
177
+ }
178
+ .ui.dropdown:hover > .default.text,
179
+ .ui.default.dropdown:hover > .text {
180
+ color: rgba(0, 0, 0, 0.8);
181
+ }
182
+
183
+
184
+ /*******************************
185
+ Variations
186
+ *******************************/
187
+
188
+ /*--------------
189
+ Simple
190
+ ---------------*/
191
+ /* Displays without javascript */
192
+
193
+ .ui.simple.dropdown .menu:before,
194
+ .ui.simple.dropdown .menu:after {
195
+ display: none;
196
+ }
197
+ .ui.simple.dropdown .menu {
198
+ display: block;
199
+ overflow: hidden;
200
+ top: -9999px !important;
201
+ position: absolute;
202
+ opacity: 0;
203
+ width: 0;
204
+ height: 0;
205
+ -webkit-transition: opacity 0.2s ease-out;
206
+ -moz-transition: opacity 0.2s ease-out;
207
+ -o-transition: opacity 0.2s ease-out;
208
+ -ms-transition: opacity 0.2s ease-out;
209
+ transition: opacity 0.2s ease-out;
210
+ }
211
+
212
+ .ui.simple.active.dropdown,
213
+ .ui.simple.dropdown:hover {
214
+ border-bottom-left-radius: 0em !important;
215
+ border-bottom-right-radius: 0em !important;
216
+ }
217
+
218
+ .ui.simple.active.dropdown > .menu,
219
+ .ui.simple.dropdown:hover > .menu {
220
+ overflow: visible;
221
+ width: auto;
222
+ height: auto;
223
+ top: 100% !important;
224
+ opacity: 1;
225
+ }
226
+ .ui.simple.dropdown > .menu .item:active > .menu,
227
+ .ui.simple.dropdown:hover > .menu .item:hover > .menu {
228
+ overflow: visible;
229
+ width: auto;
230
+ height: auto;
231
+ top: 0% !important;
232
+ left: 100% !important;
233
+ opacity: 1;
234
+ }
235
+ .ui.simple.disabled.dropdown:hover .menu {
236
+ display: none;
237
+ height: 0px;
238
+ width: 0px;
239
+ overflow: hidden;
240
+ }
241
+
242
+
243
+ /*--------------
244
+ Selection
245
+ ---------------*/
246
+ /* Displays like a select box */
247
+
248
+ .ui.selection.dropdown {
249
+ cursor: pointer;
250
+ display: inline-block;
251
+
252
+ background-color: #FFFFFF;
253
+ padding: 0.5em 1em;
254
+
255
+ line-height: 1.33;
256
+ color: rgba(0, 0, 0, 0.8);
257
+
258
+ -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
259
+ -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
260
+ box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
261
+
262
+ -webkit-border-radius: 0.3125em !important;
263
+ -moz-border-radius: 0.3125em !important;
264
+ border-radius: 0.3125em !important;
265
+ }
266
+ .ui.selection.dropdown > .dropdown.icon {
267
+ float: right;
268
+
269
+ opacity: 0.7;
270
+ margin: 0.2em 0em 0.2em 1.25em;
271
+
272
+ -webkit-transition: opacity 0.2s ease-out;
273
+ -moz-transition: opacity 0.2s ease-out;
274
+ -o-transition: opacity 0.2s ease-out;
275
+ -ms-transition: opacity 0.2s ease-out;
276
+ transition: opacity 0.2s ease-out;
277
+ }
278
+
279
+ .ui.selection.dropdown,
280
+ .ui.selection.dropdown .menu {
281
+ top: 100%;
282
+ -webkit-transition: box-shadow 0.2s ease-out;
283
+ -moz-transition: box-shadow 0.2s ease-out;
284
+ -o-transition: box-shadow 0.2s ease-out;
285
+ -ms-transition: box-shadow 0.2s ease-out;
286
+ transition: box-shadow 0.2s ease-out;
287
+ }
288
+
289
+ .ui.selection.dropdown .menu {
290
+ max-height: 312px;
291
+
292
+ overflow-x: hidden;
293
+ overflow-y: auto;
294
+
295
+ -webkit-box-shadow: 0px 1px 0px 1px #EEEEEE;
296
+ -moz-box-shadow: 0px 1px 0px 1px #EEEEEE;
297
+ box-shadow: 0px 1px 0px 1px #EEEEEE;
298
+
299
+ -moz-border-radius: 0px 0px 0.325em 0.325em;
300
+ -webkit-border-radius: 0px 0px 0.325em 0.325em;
301
+ border-radius: 0px 0px 0.325em 0.325em;
302
+ }
303
+ .ui.selection.dropdown .menu:after,
304
+ .ui.selection.dropdown .menu:before {
305
+ display: none;
306
+ }
307
+ .ui.selection.dropdown .menu img {
308
+ height: 2.5em;
309
+ display: inline-block;
310
+ vertical-align: middle;
311
+ margin-right: 0.5em;
312
+ }
313
+
314
+ /* Hover */
315
+ .ui.selection.dropdown:hover,
316
+ .ui.selection.dropdown.hover {
317
+ -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
318
+ -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
319
+ box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
320
+ }
321
+ .ui.selection.dropdown:hover > .dropdown.icon {
322
+ opacity: 1;
323
+ }
324
+
325
+ /* Visible */
326
+ .ui.selection.active.dropdown {
327
+ -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
328
+ -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
329
+ box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
330
+
331
+ -webkit-border-radius: 0.3125em 0.3125em 0em 0em !important;
332
+ -moz-border-radius: 0.3125em 0.3125em 0em 0em !important;
333
+ border-radius: 0.3125em 0.3125em 0em 0em !important;
334
+ }
335
+ .ui.selection.active.dropdown > .dropdown.icon {
336
+ opacity: 1;
337
+ }
338
+ .ui.selection.active.dropdown .menu {
339
+ -webkit-box-shadow: 0px 1px 0px 1px #D3D3D3;
340
+ -moz-box-shadow: 0px 1px 0px 1px #D3D3D3;
341
+ box-shadow: 0px 1px 0px 1px #D3D3D3;
342
+ }
343
+
344
+ /*--------------
345
+ Fluid
346
+ ---------------*/
347
+
348
+ .ui.fluid.dropdown {
349
+ display: block;
350
+ }
351
+
352
+ /*--------------
353
+ Inline
354
+ ---------------*/
355
+
356
+ .ui.inline.dropdown {
357
+ cursor: pointer;
358
+ display: inline-block;
359
+ color: inherit;
360
+ }
361
+ .ui.inline.dropdown .dropdown.icon {
362
+ margin: 0em 0.5em 0em 0.25em;
363
+ }
364
+ .ui.inline.dropdown .text {
365
+ font-weight: bold;
366
+ }
367
+ .ui.inline.dropdown .menu {
368
+ cursor: auto;
369
+ margin-top: 0.25em;
370
+
371
+ -webkit-border-radius: 0.325em;
372
+ -moz-border-radius: 0.325em;
373
+ border-radius: 0.325em;
374
+ }
375
+
376
+ /*--------------
377
+ Floating
378
+ ---------------*/
379
+
380
+ .ui.floating.dropdown .menu {
381
+ left: 0;
382
+ right: auto;
383
+
384
+ margin-top: 0.5em;
385
+
386
+ -webkit-border-radius: 0.325em;
387
+ -moz-border-radius: 0.325em;
388
+ border-radius: 0.325em;
389
+ }
390
+
391
+ /*--------------
392
+ Pointing
393
+ ---------------*/
394
+
395
+
396
+ .ui.pointing.dropdown .menu {
397
+ top: 100%;
398
+ margin-top: 0.75em;
399
+ -moz-border-radius: 0.325em;
400
+ -webkit-border-radius: 0.325em;
401
+ border-radius: 0.325em;
402
+ }
403
+
404
+ .ui.pointing.dropdown .menu:after {
405
+ display: block;
406
+ position: absolute;
407
+ pointer-events: none;
408
+ content: " ";
409
+ visibility: visible;
410
+
411
+ width: 0.5em;
412
+ height: 0.5em;
413
+
414
+ -moz-box-shadow: -1px -1px 0px 1px rgba(0, 0, 0, 0.05);
415
+ -webkit-box-shadow: -1px -1px 0px 1px rgba(0, 0, 0, 0.05);
416
+ box-shadow: -1px -1px 0px 1px rgba(0, 0, 0, 0.05);
417
+
418
+ background-image: none;
419
+ background-color: #FFFFFF;
420
+
421
+ -webkit-transform: rotate(45deg);
422
+ -moz-transform: rotate(45deg);
423
+ transform: rotate(45deg);
424
+ z-index: 2;
425
+ }
426
+
427
+ .ui.pointing.dropdown .menu .item.active:first-child {
428
+ background: transparent -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.03));
429
+ background: transparent -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.03));
430
+ background: transparent -o-linear-gradient(transparent, rgba(0, 0, 0, 0.03));
431
+ background: transparent -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.03));
432
+ background: transparent linear-gradient(transparent, rgba(0, 0, 0, 0.03));
433
+ }
434
+
435
+ /* Directions */
436
+
437
+ .ui.pointing.dropdown .menu:after {
438
+ top: -0.25em;
439
+ left: 50%;
440
+ margin: 0em 0em 0em -0.25em;
441
+ }
442
+ .ui.top.left.pointing.dropdown .menu {
443
+ top: 100%;
444
+ bottom: auto;
445
+ left: 0%;
446
+ right: auto;
447
+ margin: 0.75em 0em 0em;
448
+ }
449
+ .ui.top.left.pointing.dropdown .menu:after {
450
+ top: -0.25em;
451
+ left: 1.25em;
452
+ right: auto;
453
+ margin: 0em;
454
+ -webkit-transform: rotate(45deg);
455
+ -moz-transform: rotate(45deg);
456
+ transform: rotate(45deg);
457
+ }
458
+ .ui.top.right.pointing.dropdown .menu {
459
+ top: 100%;
460
+ bottom: auto;
461
+ right: 0%;
462
+ left: auto;
463
+ margin: 0.75em 0em 0em;
464
+ }
465
+ .ui.top.right.pointing.dropdown .menu:after {
466
+ top: -0.25em;
467
+ left: auto;
468
+ right: 1.25em;
469
+ margin: 0em;
470
+ -webkit-transform: rotate(45deg);
471
+ -moz-transform: rotate(45deg);
472
+ transform: rotate(45deg);
473
+ }
474
+
475
+ .ui.left.pointing.dropdown .menu {
476
+ top: 0%;
477
+ left: 100%;
478
+ right: auto;
479
+ margin: 0em 0em 0em 0.75em;
480
+ }
481
+ .ui.left.pointing.dropdown .menu:after {
482
+ top: 1em;
483
+ left: -0.25em;
484
+ margin: 0em 0em 0em 0em;
485
+
486
+ -webkit-transform: rotate(-45deg);
487
+ -moz-transform: rotate(-45deg);
488
+ transform: rotate(-45deg);
489
+ }
490
+
491
+ .ui.right.pointing.dropdown .menu {
492
+ top: 0%;
493
+ left: auto;
494
+ right: 100%;
495
+ margin: 0em 0.75em 0em 0em;
496
+ }
497
+ .ui.right.pointing.dropdown .menu:after {
498
+ top: 1em;
499
+ left: auto;
500
+ right: -0.25em;
501
+ margin: 0em 0em 0em 0em;
502
+
503
+ -webkit-transform: rotate(135deg);
504
+ -moz-transform: rotate(135deg);
505
+ transform: rotate(135deg);
506
+ }