semantic-ui-rails 0.7.2 → 0.8.1

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.
@@ -287,20 +287,11 @@
287
287
 
288
288
  border-top-left-radius: 0px;
289
289
  border-bottom-left-radius: 0px;
290
-
291
- -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
292
- -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
293
- box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
294
290
  white-space: nowrap;
295
291
  }
296
292
  .ui.action.input > .button > .icon {
297
293
  display: inline;
298
- }
299
-
300
- .ui.action.input > input:focus ~ .button {
301
- -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset;
302
- -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset;
303
- box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset;
294
+ vertical-align: top;
304
295
  }
305
296
 
306
297
  /*--------------------
@@ -18,8 +18,6 @@
18
18
  position: relative;
19
19
  background-color: #FFFFFF;
20
20
 
21
- -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
22
- -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
23
21
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
24
22
 
25
23
  margin: 1em 0em;
@@ -1,198 +1,198 @@
1
- /*
2
- * # Semantic - Accordion
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
- Accordion
14
- *******************************/
15
-
16
- .ui.accordion {
17
- width: 600px;
18
- max-width: 100%;
19
- overflow: hidden;
20
-
21
- font-size: 1rem;
22
- border-radius: 0.3125em;
23
-
24
- background-color: #FFFFFF;
25
-
26
- -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
27
- -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
28
- box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
29
- }
30
-
31
- .ui.accordion .title {
32
- cursor: pointer;
33
-
34
- margin: 0em;
35
- padding: 0.75em 1em;
36
-
37
- color: rgba(0, 0, 0, 0.6);
38
-
39
- border-top: 1px solid rgba(0, 0, 0, 0.05);
40
-
41
- -webkit-transition:
42
- background-color 0.2s ease-out
43
- ;
44
- -moz-transition:
45
- background-color 0.2s ease-out
46
- ;
47
- -o-transition:
48
- background-color 0.2s ease-out
49
- ;
50
- -ms-transition:
51
- background-color 0.2s ease-out
52
- ;
53
- transition:
54
- background-color 0.2s ease-out
55
- ;
56
- }
57
- .ui.accordion .title:first-child {
58
- border-top: none;
59
- }
60
-
61
-
62
- /* Content */
63
- .ui.accordion .content {
64
- display: none;
65
- margin: 0em;
66
- padding: 1.3em 1em;
67
- }
68
-
69
- /* Arrow */
70
- .ui.accordion .title .dropdown.icon {
71
- display: inline-block;
72
- float: none;
73
- margin: 0em 0.5em 0em 0em;
74
-
75
- -webkit-transition:
76
- -webkit-transform 0.2s ease,
77
- opacity 0.2s ease
78
- ;
79
- -moz-transition:
80
- -moz-transform 0.2s ease,
81
- opacity 0.2s ease
82
- ;
83
- -o-transition:
84
- -o-transform 0.2s ease,
85
- opacity 0.2s ease
86
- ;
87
- -ms-transition:
88
- -ms-transform 0.2s ease,
89
- opacity 0.2s ease
90
- ;
91
- transition:
92
- transform 0.2s ease,
93
- opacity 0.2s ease
94
- ;
95
- -webkit-transform: rotate(0deg);
96
- -moz-transform: rotate(0deg);
97
- -o-transform: rotate(0deg);
98
- -ms-transform: rotate(0deg);
99
- transform: rotate(0deg);
100
- }
101
- .ui.accordion .title .dropdown.icon:before {
102
- content: '\f0da';
103
- }
104
-
105
- /*--------------
106
- Loose Coupling
107
- ---------------*/
108
-
109
- .ui.basic.accordion.menu {
110
- background-color: #FFFFFF;
111
- -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
112
- -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
113
- box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
114
- }
115
- .ui.basic.accordion.menu .title,
116
- .ui.basic.accordion.menu .content {
117
- padding: 0em;
118
- }
119
-
120
-
121
- /*******************************
122
- Types
123
- *******************************/
124
-
125
- /*--------------
126
- Basic
127
- ---------------*/
128
-
129
- .ui.basic.accordion {
130
- background-color: transparent;
131
-
132
- -webkit-box-shadow: none;
133
- -moz-box-shadow: none;
134
- box-shadow: none;
135
- }
136
-
137
- .ui.basic.accordion .title,
138
- .ui.basic.accordion .title {
139
- background-color: transparent;
140
- border-top: none;
141
- padding-left: 0em;
142
- padding-right: 0em;
143
- }
144
-
145
- .ui.basic.accordion .content {
146
- padding: 0.5em 0em;
147
- }
148
-
149
- .ui.basic.accordion .active.title {
150
- background-color: transparent;
151
- }
152
-
153
-
154
- /*******************************
155
- States
156
- *******************************/
157
-
158
-
159
- /*--------------
160
- Hover
161
- ---------------*/
162
-
163
- .ui.accordion .title:hover,
164
- .ui.accordion .active.title {
165
- color: rgba(0, 0, 0, 0.8);
166
- }
167
-
168
- /*--------------
169
- Active
170
- ---------------*/
171
-
172
- .ui.accordion .active.title {
173
- background-color: rgba(0, 0, 0, 0.1);
174
- color: rgba(0, 0, 0, 0.8);
175
- }
176
- .ui.accordion .active.title .dropdown.icon {
177
- -webkit-transform: rotate(90deg);
178
- -moz-transform: rotate(90deg);
179
- -o-transform: rotate(90deg);
180
- -ms-transform: rotate(90deg);
181
- transform: rotate(90deg);
182
- }
183
- .ui.accordion .active.content {
184
- display: block;
185
- }
186
-
187
-
188
- /*******************************
189
- Variations
190
- *******************************/
191
-
192
- /*--------------
193
- Fluid
194
- ---------------*/
195
-
196
- .ui.fluid.accordion {
197
- width: 100%;
1
+ /*
2
+ * # Semantic - Accordion
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
+ Accordion
14
+ *******************************/
15
+
16
+ .ui.accordion {
17
+ width: 600px;
18
+ max-width: 100%;
19
+ overflow: hidden;
20
+
21
+ font-size: 1rem;
22
+ border-radius: 0.3125em;
23
+
24
+ background-color: #FFFFFF;
25
+
26
+ -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
27
+ -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
28
+ box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
29
+ }
30
+
31
+ .ui.accordion .title {
32
+ cursor: pointer;
33
+
34
+ margin: 0em;
35
+ padding: 0.75em 1em;
36
+
37
+ color: rgba(0, 0, 0, 0.6);
38
+
39
+ border-top: 1px solid rgba(0, 0, 0, 0.05);
40
+
41
+ -webkit-transition:
42
+ background-color 0.2s ease-out
43
+ ;
44
+ -moz-transition:
45
+ background-color 0.2s ease-out
46
+ ;
47
+ -o-transition:
48
+ background-color 0.2s ease-out
49
+ ;
50
+ -ms-transition:
51
+ background-color 0.2s ease-out
52
+ ;
53
+ transition:
54
+ background-color 0.2s ease-out
55
+ ;
56
+ }
57
+ .ui.accordion .title:first-child {
58
+ border-top: none;
59
+ }
60
+
61
+
62
+ /* Content */
63
+ .ui.accordion .content {
64
+ display: none;
65
+ margin: 0em;
66
+ padding: 1.3em 1em;
67
+ }
68
+
69
+ /* Arrow */
70
+ .ui.accordion .title .dropdown.icon {
71
+ display: inline-block;
72
+ float: none;
73
+ margin: 0em 0.5em 0em 0em;
74
+
75
+ -webkit-transition:
76
+ -webkit-transform 0.2s ease,
77
+ opacity 0.2s ease
78
+ ;
79
+ -moz-transition:
80
+ -moz-transform 0.2s ease,
81
+ opacity 0.2s ease
82
+ ;
83
+ -o-transition:
84
+ -o-transform 0.2s ease,
85
+ opacity 0.2s ease
86
+ ;
87
+ -ms-transition:
88
+ -ms-transform 0.2s ease,
89
+ opacity 0.2s ease
90
+ ;
91
+ transition:
92
+ transform 0.2s ease,
93
+ opacity 0.2s ease
94
+ ;
95
+ -webkit-transform: rotate(0deg);
96
+ -moz-transform: rotate(0deg);
97
+ -o-transform: rotate(0deg);
98
+ -ms-transform: rotate(0deg);
99
+ transform: rotate(0deg);
100
+ }
101
+ .ui.accordion .title .dropdown.icon:before {
102
+ content: '\f0da';
103
+ }
104
+
105
+ /*--------------
106
+ Loose Coupling
107
+ ---------------*/
108
+
109
+ .ui.basic.accordion.menu {
110
+ background-color: #FFFFFF;
111
+ -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
112
+ -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
113
+ box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
114
+ }
115
+ .ui.basic.accordion.menu .title,
116
+ .ui.basic.accordion.menu .content {
117
+ padding: 0em;
118
+ }
119
+
120
+
121
+ /*******************************
122
+ Types
123
+ *******************************/
124
+
125
+ /*--------------
126
+ Basic
127
+ ---------------*/
128
+
129
+ .ui.basic.accordion {
130
+ background-color: transparent;
131
+
132
+ -webkit-box-shadow: none;
133
+ -moz-box-shadow: none;
134
+ box-shadow: none;
135
+ }
136
+
137
+ .ui.basic.accordion .title,
138
+ .ui.basic.accordion .title {
139
+ background-color: transparent;
140
+ border-top: none;
141
+ padding-left: 0em;
142
+ padding-right: 0em;
143
+ }
144
+
145
+ .ui.basic.accordion .content {
146
+ padding: 0.5em 0em;
147
+ }
148
+
149
+ .ui.basic.accordion .active.title {
150
+ background-color: transparent;
151
+ }
152
+
153
+
154
+ /*******************************
155
+ States
156
+ *******************************/
157
+
158
+
159
+ /*--------------
160
+ Hover
161
+ ---------------*/
162
+
163
+ .ui.accordion .title:hover,
164
+ .ui.accordion .active.title {
165
+ color: rgba(0, 0, 0, 0.8);
166
+ }
167
+
168
+ /*--------------
169
+ Active
170
+ ---------------*/
171
+
172
+ .ui.accordion .active.title {
173
+ background-color: rgba(0, 0, 0, 0.1);
174
+ color: rgba(0, 0, 0, 0.8);
175
+ }
176
+ .ui.accordion .active.title .dropdown.icon {
177
+ -webkit-transform: rotate(90deg);
178
+ -moz-transform: rotate(90deg);
179
+ -o-transform: rotate(90deg);
180
+ -ms-transform: rotate(90deg);
181
+ transform: rotate(90deg);
182
+ }
183
+ .ui.accordion .active.content {
184
+ display: block;
185
+ }
186
+
187
+
188
+ /*******************************
189
+ Variations
190
+ *******************************/
191
+
192
+ /*--------------
193
+ Fluid
194
+ ---------------*/
195
+
196
+ .ui.fluid.accordion {
197
+ width: 100%;
198
198
  }
@@ -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
+ }