semantic-ui-rails 0.8.4.1 → 0.8.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -0
  3. data/app/assets/javascripts/semantic-ui/modules/accordion.js +1 -1
  4. data/app/assets/javascripts/semantic-ui/modules/behavior/api.js +1 -1
  5. data/app/assets/javascripts/semantic-ui/modules/behavior/form.js +1 -1
  6. data/app/assets/javascripts/semantic-ui/modules/behavior/state.js +1 -1
  7. data/app/assets/javascripts/semantic-ui/modules/chatroom.js +1 -1
  8. data/app/assets/javascripts/semantic-ui/modules/checkbox.js +1 -1
  9. data/app/assets/javascripts/semantic-ui/modules/dimmer.js +1 -1
  10. data/app/assets/javascripts/semantic-ui/modules/dropdown.js +1 -1
  11. data/app/assets/javascripts/semantic-ui/modules/modal.js +2 -2
  12. data/app/assets/javascripts/semantic-ui/modules/nag.js +1 -1
  13. data/app/assets/javascripts/semantic-ui/modules/rating.js +1 -1
  14. data/app/assets/javascripts/semantic-ui/modules/search.js +1 -1
  15. data/app/assets/javascripts/semantic-ui/modules/shape.js +1 -1
  16. data/app/assets/javascripts/semantic-ui/modules/sidebar.js +1 -1
  17. data/app/assets/javascripts/semantic-ui/modules/tab.js +1 -1
  18. data/app/assets/javascripts/semantic-ui/modules/transition.js +1 -2
  19. data/app/assets/javascripts/semantic-ui/modules/video.js +1 -1
  20. data/app/assets/stylesheets/semantic-ui/elements/image.less +181 -181
  21. data/app/assets/stylesheets/semantic-ui/modules/accordion.less +197 -197
  22. data/app/assets/stylesheets/semantic-ui/modules/chatroom.less +280 -280
  23. data/app/assets/stylesheets/semantic-ui/modules/dimmer.less +2 -0
  24. data/app/assets/stylesheets/semantic-ui/modules/modal.less +5 -2
  25. data/app/assets/stylesheets/semantic-ui/modules/nag.less +172 -172
  26. data/app/assets/stylesheets/semantic-ui/modules/popup.less +255 -255
  27. data/app/assets/stylesheets/semantic-ui/modules/video.less +98 -98
  28. data/lib/generators/semantic/install/templates/semantic-ui.css.less +1 -1
  29. data/lib/semantic/ui/rails/version.rb +1 -1
  30. data/semantic-ui-rails.gemspec +1 -0
  31. data/semantic.thor +15 -5
  32. metadata +15 -1
@@ -152,6 +152,8 @@
152
152
  -ms-transform-origin: center center;
153
153
  transform-origin: center center;
154
154
  }
155
+
156
+ .ui.scrolling.dimmable > .dimmer,
155
157
  .ui.scrolling.page.dimmer {
156
158
  position: absolute;
157
159
  }
@@ -128,16 +128,19 @@
128
128
  @media only screen and (max-width : 768px) {
129
129
  .ui.modal .content .left {
130
130
  display: block;
131
- padding: 0em 0em 0em 1em;
131
+ padding: 0em 0em 1em;
132
132
  }
133
133
  .ui.modal .content .right {
134
134
  display: block;
135
- padding: 1em 0em 0em 0em;
135
+ padding: 1em 0em 0em;
136
136
 
137
137
  -webkit-box-shadow: none;
138
138
  -moz-box-shadow: none;
139
139
  box-shadow: none;
140
140
  }
141
+ .ui.modal .content .image {
142
+ width: 100% !important;
143
+ }
141
144
  }
142
145
  /* Tablet and Mobile */
143
146
  @media only screen and (max-width : 998px) {
@@ -1,173 +1,173 @@
1
- /*
2
- * # Semantic - Nag
3
- * http://github.com/jlukic/semantic-ui/
4
- *
5
- *
6
- * Copyright 2013 Contributors
7
- * Released under the MIT license
8
- * http://opensource.org/licenses/MIT
9
- *
10
- */
11
-
12
- /*******************************
13
- Nag
14
- *******************************/
15
-
16
- .ui.nag {
17
- display: none;
18
- opacity: 0.95;
19
-
20
- position: relative;
21
- top: 0px;
22
- left: 0%;
23
- z-index: 101;
24
-
25
- min-height: 0;
26
- width: 100%;
27
-
28
- -webkit-box-sizing: border-box;
29
- -moz-box-sizing: border-box;
30
- -ms-box-sizing: border-box;
31
- box-sizing: border-box;
32
-
33
- margin: 0em;
34
- line-height: 3em;
35
- padding: 0em 1em;
36
-
37
- background-color: #555555;
38
-
39
- -webkit-box-shadow:
40
- 0px 1px 2px 0px rgba(0, 0, 0, 0.2)
41
- ;
42
- -moz-box-shadow:
43
- 0px 1px 2px 0px rgba(0, 0, 0, 0.2)
44
- ;
45
- box-shadow:
46
- 0px 1px 2px 0px rgba(0, 0, 0, 0.2)
47
- ;
48
-
49
- font-size: 1em;
50
- text-align: center;
51
- color: rgba(255, 255, 255, 0.8);
52
-
53
- -webkit-border-radius: 0px 0px 5px 5px;
54
- -moz-border-radius: 0px 0px 5px 5px;
55
- border-radius: 0px 0px 5px 5px;
56
-
57
- -webkit-transition: 0.2s background;
58
- -moz-transition: 0.2s background;
59
- -o-transition: 0.2s background;
60
- -ms-transition: 0.2s background;
61
- transition: 0.2s background;
62
- }
63
-
64
- a.ui.nag {
65
- cursor: pointer;
66
- }
67
-
68
- .ui.nag > .title {
69
- display: inline-block;
70
- margin: 0em 0.5em;
71
- color: #FFFFFF;
72
- }
73
-
74
-
75
- .ui.nag > .close.icon {
76
- cursor: pointer;
77
- opacity: 0.4;
78
-
79
- position: absolute;
80
- top: 50%;
81
- right: 1em;
82
-
83
- margin-top: -0.5em;
84
- color: #FFFFFF;
85
-
86
- -webkit-transition: 0.1s opacity;
87
- -moz-transition: 0.1s opacity;
88
- -o-transition: 0.1s opacity;
89
- -ms-transition: 0.1s opacity;
90
- transition: 0.1s opacity;
91
- }
92
-
93
-
94
-
95
- /*******************************
96
- States
97
- *******************************/
98
-
99
- /* Hover */
100
- .ui.nag:hover {
101
- opacity: 1;
102
- }
103
-
104
- .ui.nag .close:hover {
105
- opacity: 1;
106
- }
107
-
108
-
109
- /*******************************
110
- Variations
111
- *******************************/
112
-
113
-
114
- /*--------------
115
- Static
116
- ---------------*/
117
-
118
- .ui.overlay.nag {
119
- position: absolute;
120
- display: block;
121
- }
122
-
123
- /*--------------
124
- Fixed
125
- ---------------*/
126
-
127
- .ui.fixed.nag {
128
- position: fixed;
129
- }
130
-
131
- /*--------------
132
- Bottom
133
- ---------------*/
134
-
135
- .ui.botton.nag {
136
- -webkit-border-radius: 5px 5px 0px 0px;
137
- -moz-border-radius: 5px 5px 0px 0px;
138
- border-radius: 5px 5px 0px 0px;
139
- }
140
- .ui.fixed.bottom.nags,
141
- .ui.fixed.bottom.nag {
142
- top: auto;
143
- bottom: 0px;
144
- }
145
-
146
-
147
- /*--------------
148
- White
149
- ---------------*/
150
-
151
- .ui.white.nags .nag,
152
- .ui.white.nag {
153
- background-color: #F1F1F1;
154
- text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
155
- color: #ACACAC;
156
- }
157
- .ui.white.nags .nag .close,
158
- .ui.white.nags .nag .title,
159
- .ui.white.nag .close,
160
- .ui.white.nag .title {
161
- color: #333333;
162
- }
163
-
164
-
165
- /*******************************
166
- Groups
167
- *******************************/
168
-
169
- .ui.nags .nag {
170
- -webkit-border-radius: 0px;
171
- -moz-border-radius: 0px;
172
- border-radius: 0px;
1
+ /*
2
+ * # Semantic - Nag
3
+ * http://github.com/jlukic/semantic-ui/
4
+ *
5
+ *
6
+ * Copyright 2013 Contributors
7
+ * Released under the MIT license
8
+ * http://opensource.org/licenses/MIT
9
+ *
10
+ */
11
+
12
+ /*******************************
13
+ Nag
14
+ *******************************/
15
+
16
+ .ui.nag {
17
+ display: none;
18
+ opacity: 0.95;
19
+
20
+ position: relative;
21
+ top: 0px;
22
+ left: 0%;
23
+ z-index: 101;
24
+
25
+ min-height: 0;
26
+ width: 100%;
27
+
28
+ -webkit-box-sizing: border-box;
29
+ -moz-box-sizing: border-box;
30
+ -ms-box-sizing: border-box;
31
+ box-sizing: border-box;
32
+
33
+ margin: 0em;
34
+ line-height: 3em;
35
+ padding: 0em 1em;
36
+
37
+ background-color: #555555;
38
+
39
+ -webkit-box-shadow:
40
+ 0px 1px 2px 0px rgba(0, 0, 0, 0.2)
41
+ ;
42
+ -moz-box-shadow:
43
+ 0px 1px 2px 0px rgba(0, 0, 0, 0.2)
44
+ ;
45
+ box-shadow:
46
+ 0px 1px 2px 0px rgba(0, 0, 0, 0.2)
47
+ ;
48
+
49
+ font-size: 1em;
50
+ text-align: center;
51
+ color: rgba(255, 255, 255, 0.8);
52
+
53
+ -webkit-border-radius: 0px 0px 5px 5px;
54
+ -moz-border-radius: 0px 0px 5px 5px;
55
+ border-radius: 0px 0px 5px 5px;
56
+
57
+ -webkit-transition: 0.2s background;
58
+ -moz-transition: 0.2s background;
59
+ -o-transition: 0.2s background;
60
+ -ms-transition: 0.2s background;
61
+ transition: 0.2s background;
62
+ }
63
+
64
+ a.ui.nag {
65
+ cursor: pointer;
66
+ }
67
+
68
+ .ui.nag > .title {
69
+ display: inline-block;
70
+ margin: 0em 0.5em;
71
+ color: #FFFFFF;
72
+ }
73
+
74
+
75
+ .ui.nag > .close.icon {
76
+ cursor: pointer;
77
+ opacity: 0.4;
78
+
79
+ position: absolute;
80
+ top: 50%;
81
+ right: 1em;
82
+
83
+ margin-top: -0.5em;
84
+ color: #FFFFFF;
85
+
86
+ -webkit-transition: 0.1s opacity;
87
+ -moz-transition: 0.1s opacity;
88
+ -o-transition: 0.1s opacity;
89
+ -ms-transition: 0.1s opacity;
90
+ transition: 0.1s opacity;
91
+ }
92
+
93
+
94
+
95
+ /*******************************
96
+ States
97
+ *******************************/
98
+
99
+ /* Hover */
100
+ .ui.nag:hover {
101
+ opacity: 1;
102
+ }
103
+
104
+ .ui.nag .close:hover {
105
+ opacity: 1;
106
+ }
107
+
108
+
109
+ /*******************************
110
+ Variations
111
+ *******************************/
112
+
113
+
114
+ /*--------------
115
+ Static
116
+ ---------------*/
117
+
118
+ .ui.overlay.nag {
119
+ position: absolute;
120
+ display: block;
121
+ }
122
+
123
+ /*--------------
124
+ Fixed
125
+ ---------------*/
126
+
127
+ .ui.fixed.nag {
128
+ position: fixed;
129
+ }
130
+
131
+ /*--------------
132
+ Bottom
133
+ ---------------*/
134
+
135
+ .ui.botton.nag {
136
+ -webkit-border-radius: 5px 5px 0px 0px;
137
+ -moz-border-radius: 5px 5px 0px 0px;
138
+ border-radius: 5px 5px 0px 0px;
139
+ }
140
+ .ui.fixed.bottom.nags,
141
+ .ui.fixed.bottom.nag {
142
+ top: auto;
143
+ bottom: 0px;
144
+ }
145
+
146
+
147
+ /*--------------
148
+ White
149
+ ---------------*/
150
+
151
+ .ui.white.nags .nag,
152
+ .ui.white.nag {
153
+ background-color: #F1F1F1;
154
+ text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
155
+ color: #ACACAC;
156
+ }
157
+ .ui.white.nags .nag .close,
158
+ .ui.white.nags .nag .title,
159
+ .ui.white.nag .close,
160
+ .ui.white.nag .title {
161
+ color: #333333;
162
+ }
163
+
164
+
165
+ /*******************************
166
+ Groups
167
+ *******************************/
168
+
169
+ .ui.nags .nag {
170
+ -webkit-border-radius: 0px;
171
+ -moz-border-radius: 0px;
172
+ border-radius: 0px;
173
173
  }
@@ -1,255 +1,255 @@
1
- /*
2
- * # Semantic - Popup
3
- * http://github.com/jlukic/semantic-ui/
4
- *
5
- *
6
- * Copyright 2013 Contributors
7
- * Released under the MIT license
8
- * http://opensource.org/licenses/MIT
9
- *
10
- */
11
-
12
- /*******************************
13
- Popup
14
- *******************************/
15
-
16
- .ui.popup {
17
- display: none;
18
- position: absolute;
19
- top: 0px;
20
- right: 0px;
21
- z-index: 900;
22
-
23
- border: 1px solid rgba(0, 0, 0, 0.1);
24
- max-width: 250px;
25
- background-color: #FFFFFF;
26
-
27
- padding: 0.8em 1.2em;
28
- font-size: 0.875rem;
29
- font-weight: normal;
30
- font-style: normal;
31
- color: rgba(0, 0, 0, 0.7);
32
-
33
- -webkit-border-radius: 0.2em;
34
- -moz-border-radius: 0.2em;
35
- border-radius: 0.2em;
36
-
37
- -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
38
- -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
39
- box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
40
- }
41
- .ui.popup .header {
42
- padding: 0em 0em 0.5em;
43
-
44
- font-size: 1.125em;
45
- line-height: 1.2;
46
- font-weight: bold;
47
- }
48
-
49
- .ui.popup:before {
50
- position: absolute;
51
- content: "";
52
- width: 0.75em;
53
- height: 0.75rem;
54
-
55
- background-image: none;
56
- background-color: #FFFFFF;
57
-
58
- -webkit-transform: rotate(45deg);
59
- -moz-transform: rotate(45deg);
60
- transform: rotate(45deg);
61
-
62
- z-index: 2;
63
-
64
- -webkit-box-sizing: border-box;
65
- -moz-box-sizing: border-box;
66
- -ms-box-sizing: border-box;
67
- box-sizing: border-box;
68
-
69
- -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
70
- -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
71
- box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
72
- }
73
-
74
- .ui.popup .ui.button {
75
- width: 100%;
76
- }
77
-
78
- /*******************************
79
- Types
80
- *******************************/
81
-
82
- /*--------------
83
- Spacing
84
- ---------------*/
85
-
86
- .ui.popup {
87
- margin: 0em;
88
- }
89
- .ui.popup.bottom {
90
- margin: 0.75em 0em 0em;
91
- }
92
- .ui.popup.top {
93
- margin: 0em 0em 0.75em;
94
- }
95
- .ui.popup.left.center {
96
- margin: 0em 0.75em 0em 0em;
97
- }
98
- .ui.popup.right.center {
99
- margin: 0em 0em 0em 0.75em;
100
- }
101
- .ui.popup.center {
102
- margin-left: -1.25em;
103
- }
104
-
105
- /*--------------
106
- Pointer
107
- ---------------*/
108
-
109
- /*--- Below ---*/
110
- .ui.bottom.center.popup:before {
111
- margin-left: -0.4em;
112
- top: -0.4em;
113
- left: 50%;
114
- right: auto;
115
- bottom: auto;
116
- -webkit-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
117
- -moz-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
118
- box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
119
- }
120
-
121
- .ui.bottom.left.popup {
122
- margin-right: -2em;
123
- }
124
- .ui.bottom.left.popup:before {
125
- top: -0.4em;
126
- right: 1em;
127
- bottom: auto;
128
- left: auto;
129
- margin-left: 0em;
130
- -webkit-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
131
- -moz-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
132
- box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
133
- }
134
-
135
- .ui.bottom.right.popup {
136
- margin-left: -2em;
137
- }
138
- .ui.bottom.right.popup:before {
139
- top: -0.4em;
140
- left: 1em;
141
- right: auto;
142
- bottom: auto;
143
- margin-left: 0em;
144
- -webkit-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
145
- -moz-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
146
- box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
147
- }
148
-
149
- /*--- Above ---*/
150
- .ui.top.center.popup:before {
151
- top: auto;
152
- right: auto;
153
- bottom: -0.4em;
154
- left: 50%;
155
- margin-left: -0.4em;
156
- }
157
- .ui.top.left.popup {
158
- margin-right: -2em;
159
- }
160
- .ui.top.left.popup:before {
161
- bottom: -0.4em;
162
- right: 1em;
163
- top: auto;
164
- left: auto;
165
- margin-left: 0em;
166
- }
167
- .ui.top.right.popup {
168
- margin-left: -2em;
169
- }
170
- .ui.top.right.popup:before {
171
- bottom: -0.4em;
172
- left: 1em;
173
- top: auto;
174
- right: auto;
175
- margin-left: 0em;
176
- }
177
-
178
- /*--- Left Center ---*/
179
- .ui.left.center.popup:before {
180
- top: 50%;
181
- right: -0.35em;
182
- bottom: auto;
183
- left: auto;
184
- margin-top: -0.4em;
185
- -moz-box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.2);
186
- -webkit-box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.2);
187
- box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.2);
188
- }
189
-
190
- /*--- Right Center ---*/
191
- .ui.right.center.popup:before {
192
- top: 50%;
193
- left: -0.35em;
194
- bottom: auto;
195
- right: auto;
196
- margin-top: -0.4em;
197
- -moz-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.2);
198
- -webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.2);
199
- box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.2);
200
- }
201
-
202
- /*******************************
203
- States
204
- *******************************/
205
-
206
- .ui.loading.popup {
207
- display: block;
208
- visibility: hidden;
209
- }
210
- .ui.active.popup {
211
- display: block;
212
- }
213
-
214
-
215
- /*******************************
216
- Variations
217
- *******************************/
218
-
219
- /*--------------
220
- Size
221
- ---------------*/
222
-
223
- .ui.small.popup {
224
- font-size: 0.75rem;
225
- }
226
- .ui.large.popup {
227
- font-size: 1rem;
228
- }
229
-
230
-
231
- /*--------------
232
- Colors
233
- ---------------*/
234
-
235
- /* Inverted colors */
236
- .ui.inverted.popup {
237
- background-color: #333333;
238
- border: none;
239
- color: #FFFFFF;
240
-
241
- -webkit-box-shadow: none;
242
- -moz-box-shadow: none;
243
- box-shadow: none;
244
- }
245
- .ui.inverted.popup .header {
246
- background-color: rgba(0, 0, 0, 0.2);
247
- color: #FFFFFF;
248
- }
249
- .ui.inverted.popup:before {
250
- background-color: #333333;
251
-
252
- -webkit-box-shadow: none;
253
- -moz-box-shadow: none;
254
- box-shadow: none;
255
- }
1
+ /*
2
+ * # Semantic - Popup
3
+ * http://github.com/jlukic/semantic-ui/
4
+ *
5
+ *
6
+ * Copyright 2013 Contributors
7
+ * Released under the MIT license
8
+ * http://opensource.org/licenses/MIT
9
+ *
10
+ */
11
+
12
+ /*******************************
13
+ Popup
14
+ *******************************/
15
+
16
+ .ui.popup {
17
+ display: none;
18
+ position: absolute;
19
+ top: 0px;
20
+ right: 0px;
21
+ z-index: 900;
22
+
23
+ border: 1px solid rgba(0, 0, 0, 0.1);
24
+ max-width: 250px;
25
+ background-color: #FFFFFF;
26
+
27
+ padding: 0.8em 1.2em;
28
+ font-size: 0.875rem;
29
+ font-weight: normal;
30
+ font-style: normal;
31
+ color: rgba(0, 0, 0, 0.7);
32
+
33
+ -webkit-border-radius: 0.2em;
34
+ -moz-border-radius: 0.2em;
35
+ border-radius: 0.2em;
36
+
37
+ -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
38
+ -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
39
+ box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
40
+ }
41
+ .ui.popup .header {
42
+ padding: 0em 0em 0.5em;
43
+
44
+ font-size: 1.125em;
45
+ line-height: 1.2;
46
+ font-weight: bold;
47
+ }
48
+
49
+ .ui.popup:before {
50
+ position: absolute;
51
+ content: "";
52
+ width: 0.75em;
53
+ height: 0.75rem;
54
+
55
+ background-image: none;
56
+ background-color: #FFFFFF;
57
+
58
+ -webkit-transform: rotate(45deg);
59
+ -moz-transform: rotate(45deg);
60
+ transform: rotate(45deg);
61
+
62
+ z-index: 2;
63
+
64
+ -webkit-box-sizing: border-box;
65
+ -moz-box-sizing: border-box;
66
+ -ms-box-sizing: border-box;
67
+ box-sizing: border-box;
68
+
69
+ -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
70
+ -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
71
+ box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
72
+ }
73
+
74
+ .ui.popup .ui.button {
75
+ width: 100%;
76
+ }
77
+
78
+ /*******************************
79
+ Types
80
+ *******************************/
81
+
82
+ /*--------------
83
+ Spacing
84
+ ---------------*/
85
+
86
+ .ui.popup {
87
+ margin: 0em;
88
+ }
89
+ .ui.popup.bottom {
90
+ margin: 0.75em 0em 0em;
91
+ }
92
+ .ui.popup.top {
93
+ margin: 0em 0em 0.75em;
94
+ }
95
+ .ui.popup.left.center {
96
+ margin: 0em 0.75em 0em 0em;
97
+ }
98
+ .ui.popup.right.center {
99
+ margin: 0em 0em 0em 0.75em;
100
+ }
101
+ .ui.popup.center {
102
+ margin-left: -1.25em;
103
+ }
104
+
105
+ /*--------------
106
+ Pointer
107
+ ---------------*/
108
+
109
+ /*--- Below ---*/
110
+ .ui.bottom.center.popup:before {
111
+ margin-left: -0.4em;
112
+ top: -0.4em;
113
+ left: 50%;
114
+ right: auto;
115
+ bottom: auto;
116
+ -webkit-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
117
+ -moz-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
118
+ box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
119
+ }
120
+
121
+ .ui.bottom.left.popup {
122
+ margin-right: -2em;
123
+ }
124
+ .ui.bottom.left.popup:before {
125
+ top: -0.4em;
126
+ right: 1em;
127
+ bottom: auto;
128
+ left: auto;
129
+ margin-left: 0em;
130
+ -webkit-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
131
+ -moz-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
132
+ box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
133
+ }
134
+
135
+ .ui.bottom.right.popup {
136
+ margin-left: -2em;
137
+ }
138
+ .ui.bottom.right.popup:before {
139
+ top: -0.4em;
140
+ left: 1em;
141
+ right: auto;
142
+ bottom: auto;
143
+ margin-left: 0em;
144
+ -webkit-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
145
+ -moz-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
146
+ box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
147
+ }
148
+
149
+ /*--- Above ---*/
150
+ .ui.top.center.popup:before {
151
+ top: auto;
152
+ right: auto;
153
+ bottom: -0.4em;
154
+ left: 50%;
155
+ margin-left: -0.4em;
156
+ }
157
+ .ui.top.left.popup {
158
+ margin-right: -2em;
159
+ }
160
+ .ui.top.left.popup:before {
161
+ bottom: -0.4em;
162
+ right: 1em;
163
+ top: auto;
164
+ left: auto;
165
+ margin-left: 0em;
166
+ }
167
+ .ui.top.right.popup {
168
+ margin-left: -2em;
169
+ }
170
+ .ui.top.right.popup:before {
171
+ bottom: -0.4em;
172
+ left: 1em;
173
+ top: auto;
174
+ right: auto;
175
+ margin-left: 0em;
176
+ }
177
+
178
+ /*--- Left Center ---*/
179
+ .ui.left.center.popup:before {
180
+ top: 50%;
181
+ right: -0.35em;
182
+ bottom: auto;
183
+ left: auto;
184
+ margin-top: -0.4em;
185
+ -moz-box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.2);
186
+ -webkit-box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.2);
187
+ box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.2);
188
+ }
189
+
190
+ /*--- Right Center ---*/
191
+ .ui.right.center.popup:before {
192
+ top: 50%;
193
+ left: -0.35em;
194
+ bottom: auto;
195
+ right: auto;
196
+ margin-top: -0.4em;
197
+ -moz-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.2);
198
+ -webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.2);
199
+ box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.2);
200
+ }
201
+
202
+ /*******************************
203
+ States
204
+ *******************************/
205
+
206
+ .ui.loading.popup {
207
+ display: block;
208
+ visibility: hidden;
209
+ }
210
+ .ui.active.popup {
211
+ display: block;
212
+ }
213
+
214
+
215
+ /*******************************
216
+ Variations
217
+ *******************************/
218
+
219
+ /*--------------
220
+ Size
221
+ ---------------*/
222
+
223
+ .ui.small.popup {
224
+ font-size: 0.75rem;
225
+ }
226
+ .ui.large.popup {
227
+ font-size: 1rem;
228
+ }
229
+
230
+
231
+ /*--------------
232
+ Colors
233
+ ---------------*/
234
+
235
+ /* Inverted colors */
236
+ .ui.inverted.popup {
237
+ background-color: #333333;
238
+ border: none;
239
+ color: #FFFFFF;
240
+
241
+ -webkit-box-shadow: none;
242
+ -moz-box-shadow: none;
243
+ box-shadow: none;
244
+ }
245
+ .ui.inverted.popup .header {
246
+ background-color: rgba(0, 0, 0, 0.2);
247
+ color: #FFFFFF;
248
+ }
249
+ .ui.inverted.popup:before {
250
+ background-color: #333333;
251
+
252
+ -webkit-box-shadow: none;
253
+ -moz-box-shadow: none;
254
+ box-shadow: none;
255
+ }