semantic-ui 0.0.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.
Files changed (75) hide show
  1. checksums.yaml +7 -0
  2. data/lib/semantic-ui.rb +8 -0
  3. data/lib/semantic-ui/version.rb +5 -0
  4. data/vendor/assets/fonts/icons.eot +0 -0
  5. data/vendor/assets/fonts/icons.svg +450 -0
  6. data/vendor/assets/fonts/icons.ttf +0 -0
  7. data/vendor/assets/fonts/icons.woff +0 -0
  8. data/vendor/assets/images/loader-large-inverted.gif +0 -0
  9. data/vendor/assets/images/loader-large.gif +0 -0
  10. data/vendor/assets/images/loader-medium-inverted.gif +0 -0
  11. data/vendor/assets/images/loader-medium.gif +0 -0
  12. data/vendor/assets/images/loader-mini-inverted.gif +0 -0
  13. data/vendor/assets/images/loader-mini.gif +0 -0
  14. data/vendor/assets/images/loader-small-inverted.gif +0 -0
  15. data/vendor/assets/images/loader-small.gif +0 -0
  16. data/vendor/assets/javascripts/modules/accordion.js +411 -0
  17. data/vendor/assets/javascripts/modules/behavior/api.js +666 -0
  18. data/vendor/assets/javascripts/modules/behavior/colorize.js +271 -0
  19. data/vendor/assets/javascripts/modules/behavior/form.js +703 -0
  20. data/vendor/assets/javascripts/modules/behavior/state.js +752 -0
  21. data/vendor/assets/javascripts/modules/chatroom.js +766 -0
  22. data/vendor/assets/javascripts/modules/checkbox.js +348 -0
  23. data/vendor/assets/javascripts/modules/dimmer.js +524 -0
  24. data/vendor/assets/javascripts/modules/dropdown.js +707 -0
  25. data/vendor/assets/javascripts/modules/modal.js +478 -0
  26. data/vendor/assets/javascripts/modules/nag.js +542 -0
  27. data/vendor/assets/javascripts/modules/popup.js +721 -0
  28. data/vendor/assets/javascripts/modules/rating.js +358 -0
  29. data/vendor/assets/javascripts/modules/search.js +769 -0
  30. data/vendor/assets/javascripts/modules/shape.js +776 -0
  31. data/vendor/assets/javascripts/modules/sidebar.js +489 -0
  32. data/vendor/assets/javascripts/modules/tab.js +674 -0
  33. data/vendor/assets/javascripts/modules/transition.js +650 -0
  34. data/vendor/assets/javascripts/modules/video.js +459 -0
  35. data/vendor/assets/javascripts/semantic-ui.js +1 -0
  36. data/vendor/assets/stylesheets/collections/breadcrumb.less +79 -0
  37. data/vendor/assets/stylesheets/collections/form.less +536 -0
  38. data/vendor/assets/stylesheets/collections/grid.less +655 -0
  39. data/vendor/assets/stylesheets/collections/menu.less +1765 -0
  40. data/vendor/assets/stylesheets/collections/message.less +337 -0
  41. data/vendor/assets/stylesheets/collections/table.less +532 -0
  42. data/vendor/assets/stylesheets/elements/button.less +1190 -0
  43. data/vendor/assets/stylesheets/elements/divider.less +200 -0
  44. data/vendor/assets/stylesheets/elements/header.less +325 -0
  45. data/vendor/assets/stylesheets/elements/icon.less +484 -0
  46. data/vendor/assets/stylesheets/elements/image.less +170 -0
  47. data/vendor/assets/stylesheets/elements/input.less +300 -0
  48. data/vendor/assets/stylesheets/elements/label.less +824 -0
  49. data/vendor/assets/stylesheets/elements/loader.less +178 -0
  50. data/vendor/assets/stylesheets/elements/progress.less +353 -0
  51. data/vendor/assets/stylesheets/elements/segment.less +465 -0
  52. data/vendor/assets/stylesheets/elements/step.less +294 -0
  53. data/vendor/assets/stylesheets/modules/accordion.less +135 -0
  54. data/vendor/assets/stylesheets/modules/chatroom.less +271 -0
  55. data/vendor/assets/stylesheets/modules/checkbox.less +380 -0
  56. data/vendor/assets/stylesheets/modules/dimmer.less +230 -0
  57. data/vendor/assets/stylesheets/modules/dropdown.less +506 -0
  58. data/vendor/assets/stylesheets/modules/modal.less +160 -0
  59. data/vendor/assets/stylesheets/modules/nag.less +175 -0
  60. data/vendor/assets/stylesheets/modules/popup.less +238 -0
  61. data/vendor/assets/stylesheets/modules/rating.less +151 -0
  62. data/vendor/assets/stylesheets/modules/reveal.less +367 -0
  63. data/vendor/assets/stylesheets/modules/search.less +275 -0
  64. data/vendor/assets/stylesheets/modules/shape.less +115 -0
  65. data/vendor/assets/stylesheets/modules/sidebar.less +147 -0
  66. data/vendor/assets/stylesheets/modules/tab.less +59 -0
  67. data/vendor/assets/stylesheets/modules/transition.less +839 -0
  68. data/vendor/assets/stylesheets/modules/video.less +99 -0
  69. data/vendor/assets/stylesheets/semantic-ui.less +1 -0
  70. data/vendor/assets/stylesheets/views/comment.less +221 -0
  71. data/vendor/assets/stylesheets/views/feed.less +151 -0
  72. data/vendor/assets/stylesheets/views/item.less +641 -0
  73. data/vendor/assets/stylesheets/views/list.less +508 -0
  74. data/vendor/assets/stylesheets/views/statistic.css +27 -0
  75. metadata +187 -0
@@ -0,0 +1,178 @@
1
+ /*
2
+ * # Semantic Loader
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
+ Loader
16
+ *******************************/
17
+
18
+
19
+ /* Standard Size */
20
+ .ui.loader {
21
+ display: none;
22
+ position: absolute;
23
+ top: 50%;
24
+ left: 50%;
25
+ margin: -16px 0px 0px -16px;
26
+ z-index: 1000;
27
+ }
28
+
29
+ .ui.dimmer .loader {
30
+ display: block;
31
+ }
32
+
33
+ /*-------------------
34
+ Text
35
+ --------------------*/
36
+
37
+ /* Text Styles */
38
+ .ui.loader.text {
39
+ width: auto !important;
40
+ height: auto !important;
41
+ text-align: center;
42
+ font-style: normal;
43
+
44
+ margin-top: -28px;
45
+ min-width: 32px;
46
+ padding-top: 40px;
47
+ font-size: 0.875em;
48
+ }
49
+ .ui.loader.text.mini {
50
+ margin-top: -16px;
51
+ min-width: 16px;
52
+ padding-top: 20px;
53
+ font-size: 0.875em;
54
+ }
55
+ .ui.loader.text.small {
56
+ margin-top: -23px;
57
+ min-width: 24px;
58
+ padding-top: 32px;
59
+ font-size: 0.875em;
60
+ }
61
+ .ui.loader.text.large {
62
+ margin-top: -46px;
63
+ min-width: 64px;
64
+ padding-top: 80px;
65
+ font-size: 1em;
66
+ }
67
+
68
+ /*******************************
69
+ States
70
+ *******************************/
71
+
72
+
73
+ .ui.loader.active,
74
+ .ui.loader.visible {
75
+ display: block;
76
+ }
77
+
78
+ .ui.loader.disabled,
79
+ .ui.loader.hidden {
80
+ display: none;
81
+ }
82
+
83
+
84
+ /*******************************
85
+ Variations
86
+ *******************************/
87
+
88
+
89
+ /*-------------------
90
+ Inverted
91
+ --------------------*/
92
+
93
+ .ui.dimmer .ui.text.loader,
94
+ .ui.inverted.text.loader {
95
+ color: rgba(255, 255, 255, 0.8);
96
+ }
97
+ .ui.inverted.dimmer .ui.text.loader {
98
+ color: rgba(0, 0, 0, 0.8);
99
+ }
100
+
101
+ /* Tiny Size */
102
+ .ui.dimmer .mini.ui.loader,
103
+ .ui.inverted .mini.ui.loader {
104
+ background-image: url(../images/loader-mini-inverted.gif);
105
+ }
106
+
107
+ /* Small Size */
108
+ .ui.dimmer .small.ui.loader,
109
+ .ui.inverted .small.ui.loader {
110
+ background-image: url(../images/loader-small-inverted.gif);
111
+ }
112
+
113
+ /* Standard Size */
114
+ .ui.dimmer .ui.loader,
115
+ .ui.inverted.loader {
116
+ background-image: url(../images/loader-medium-inverted.gif);
117
+ }
118
+
119
+ /* Large Size */
120
+ .ui.dimmer .large.ui.loader,
121
+ .ui.inverted .large.ui.loader {
122
+ background-image: url(../images/loader-large-inverted.gif);
123
+ }
124
+
125
+ /*-------------------
126
+ Sizes
127
+ --------------------*/
128
+
129
+ /* Tiny Size */
130
+ .ui.inverted.dimmer .ui.loader.mini,
131
+ .ui.loader.mini {
132
+ width: 16px;
133
+ height: 16px;
134
+ background-image: url(../images/loader-mini.gif);
135
+ margin: -8px 0px 0px -8px;
136
+ }
137
+
138
+ /* Small Size */
139
+ .ui.inverted.dimmer .ui.loader.small,
140
+ .ui.loader.small {
141
+ width: 24px;
142
+ height: 24px;
143
+ background-image: url(../images/loader-small.gif);
144
+ margin: -12px 0px 0px -12px;
145
+ }
146
+
147
+ .ui.inverted.dimmer .ui.loader,
148
+ .ui.loader {
149
+ width: 32px;
150
+ height: 32px;
151
+ background: url(../images/loader-medium.gif) no-repeat;
152
+ background-position: 48% 0px;
153
+ }
154
+
155
+ /* Large Size */
156
+ .ui.inverted.dimmer .ui.loader.large,
157
+ .ui.loader.large {
158
+ width: 64px;
159
+ height: 64px;
160
+ background-image: url(../images/loader-large.gif);
161
+ margin: -32px 0px 0px -32px;
162
+ }
163
+
164
+
165
+ /*-------------------
166
+ Inline
167
+ --------------------*/
168
+
169
+ .ui.inline.loader {
170
+ position: static;
171
+ vertical-align: middle;
172
+ margin: 0em;
173
+ }
174
+
175
+ .ui.inline.loader.active,
176
+ .ui.inline.loader.visible {
177
+ display: inline-block;
178
+ }
@@ -0,0 +1,353 @@
1
+ /*
2
+ * # Semantic Progress Bar
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: Nay 14, 2013
11
+ */
12
+
13
+
14
+ /*******************************
15
+ Progress Bar
16
+ *******************************/
17
+
18
+ .ui.progress {
19
+ border: 1px solid rgba(0, 0, 0, 0.1);
20
+
21
+ width: 100%;
22
+ height: 35px;
23
+
24
+ background-color: #FAFAFA;
25
+ padding: 5px;
26
+
27
+ -webkit-border-radius: 0.3125em;
28
+ -moz-border-radius: 0.3125em;
29
+ border-radius: 0.3125em;
30
+
31
+ -webkit-box-sizing: border-box;
32
+ -moz-box-sizing: border-box;
33
+ -ms-box-sizing: border-box;
34
+ box-sizing: border-box;
35
+ }
36
+
37
+ .ui.progress .bar {
38
+ display: inline-block;
39
+ height: 100%;
40
+
41
+ background-color: #CCCCCC;
42
+
43
+ -moz-border-radius: 3px;
44
+ -webkit-border-radius: 3px;
45
+ border-radius: 3px;
46
+
47
+ -webkit-transition:
48
+ width 1s ease-in-out,
49
+ background-color 1s ease-out
50
+ ;
51
+ -moz-transition:
52
+ width 1s ease-in-out,
53
+ background-color 1s ease-out
54
+ ;
55
+ -ms-transition:
56
+ width 1s ease-in-out,
57
+ background-color 1s ease-out
58
+ ;
59
+ -o-transition:
60
+ width 1s ease-in-out,
61
+ background-color 1s ease-out
62
+ ;
63
+ transition:
64
+ width 1s ease-in-out,
65
+ background-color 1s ease-out
66
+ ;
67
+ }
68
+
69
+
70
+ /*******************************
71
+ States
72
+ *******************************/
73
+
74
+
75
+ /*--------------
76
+ Successful
77
+ ---------------*/
78
+
79
+ .ui.successful.progress .bar {
80
+ background-color: #73E064 !important;
81
+ }
82
+ .ui.successful.progress .bar,
83
+ .ui.successful.progress .bar::after {
84
+ -webkit-animation: none !important;
85
+ -moz-animation: none !important;
86
+ animation: none !important;
87
+ }
88
+
89
+ /*--------------
90
+ Failed
91
+ ---------------*/
92
+
93
+ .ui.failed.progress .bar {
94
+ background-color: #DF9BA4 !important;
95
+ }
96
+ .ui.failed.progress .bar,
97
+ .ui.failed.progress .bar::after {
98
+ -webkit-animation: none !important;
99
+ -moz-animation: none !important;
100
+ animation: none !important;
101
+ }
102
+
103
+ /*--------------
104
+ Active
105
+ ---------------*/
106
+
107
+ .ui.active.progress .bar {
108
+ position: relative;
109
+ }
110
+ .ui.active.progress .bar::after {
111
+ content: '';
112
+ opacity: 0;
113
+
114
+ position: absolute;
115
+ top: 0px;
116
+ left: 0px;
117
+ right: 0px;
118
+ bottom: 0px;
119
+ background: #FFFFFF;
120
+
121
+ -moz-border-radius: 3px;
122
+ -webkit-border-radius: 3px;
123
+ border-radius: 3px;
124
+
125
+ -webkit-animation: progress-active 2s ease-out infinite;
126
+ -moz-animation: progress-active 2s ease-out infinite;
127
+ animation: progress-active 2s ease-out infinite;
128
+ }
129
+
130
+ @-webkit-keyframes progress-active {
131
+ 0% {
132
+ opacity: 0;
133
+ width: 0;
134
+ }
135
+ 50% {
136
+ opacity: 0.3;
137
+ }
138
+ 100% {
139
+ opacity: 0;
140
+ width: 95%;
141
+ }
142
+ }
143
+ @-moz-keyframes progress-active {
144
+ 0% {
145
+ opacity: 0;
146
+ width: 0;
147
+ }
148
+ 50% {
149
+ opacity: 0.3;
150
+ }
151
+ 100% {
152
+ opacity: 0;
153
+ width: 100%;
154
+ }
155
+ }
156
+ @keyframes progress-active {
157
+ 0% {
158
+ opacity: 0;
159
+ width: 0;
160
+ }
161
+ 50% {
162
+ opacity: 0.3;
163
+ }
164
+ 100% {
165
+ opacity: 0;
166
+ width: 100%;
167
+ }
168
+ }
169
+
170
+ /*--------------
171
+ Disabled
172
+ ---------------*/
173
+
174
+ .ui.disabled.progress {
175
+ opacity: 0.35;
176
+ }
177
+ .ui.disabled.progress .bar,
178
+ .ui.disabled.progress .bar::after {
179
+ -webkit-animation: none !important;
180
+ -moz-animation: none !important;
181
+ animation: none !important;
182
+ }
183
+
184
+
185
+
186
+ /*******************************
187
+ Variations
188
+ *******************************/
189
+
190
+
191
+ /*--------------
192
+ Attached
193
+ ---------------*/
194
+
195
+ /* bottom attached */
196
+ .ui.progress.attached {
197
+ position: relative;
198
+ border: none;
199
+ }
200
+ .ui.progress.attached,
201
+ .ui.progress.attached .bar {
202
+ display: block;
203
+ height: 3px;
204
+ padding: 0px;
205
+ overflow: hidden;
206
+ -webkit-border-radius: 0em 0em 0.3125em 0.3125em;
207
+ -moz-border-radius: 0em 0em 0.3125em 0.3125em;
208
+ border-radius: 0em 0em 0.3125em 0.3125em;
209
+ }
210
+ .ui.progress.attached .bar {
211
+ -webkit-border-radius: 0em;
212
+ -moz-border-radius: 0em;
213
+ border-radius: 0em;
214
+ }
215
+
216
+ /* top attached */
217
+ .ui.progress.top.attached,
218
+ .ui.progress.top.attached .bar {
219
+ top: -2px;
220
+ -webkit-border-radius: 0.3125em 0.3125em 0em 0em;
221
+ -moz-border-radius: 0.3125em 0.3125em 0em 0em;
222
+ border-radius: 0.3125em 0.3125em 0em 0em;
223
+ }
224
+ .ui.progress.top.attached .bar {
225
+ -webkit-border-radius: 0em;
226
+ -moz-border-radius: 0em;
227
+ border-radius: 0em;
228
+ }
229
+
230
+
231
+ /*--------------
232
+ Colors
233
+ ---------------*/
234
+
235
+ .ui.blue.progress .bar {
236
+ background-color: #6ECFF5;
237
+ }
238
+ .ui.black.progress .bar {
239
+ background-color: #5C6166;
240
+ }
241
+ .ui.green.progress .bar {
242
+ background-color: #A1CF64;
243
+ }
244
+ .ui.red.progress .bar {
245
+ background-color: #EF4D6D;
246
+ }
247
+ .ui.purple.progress .bar {
248
+ background-color: #564F8A;
249
+ }
250
+ .ui.teal.progress .bar {
251
+ background-color: #00B5AD;
252
+ }
253
+
254
+
255
+ /*--------------
256
+ Striped
257
+ ---------------*/
258
+
259
+ .ui.progress.striped .bar {
260
+ -webkit-background-size: 30px 30px;
261
+ -moz-background-size: 30px 30px;
262
+ background-size: 30px 30px;
263
+ background-image:
264
+ -webkit-gradient(linear, left top, right bottom,
265
+ color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
266
+ color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
267
+ color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
268
+ to(transparent)
269
+ )
270
+ ;
271
+ background-image:
272
+ -webkit-linear-gradient(
273
+ 135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
274
+ transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
275
+ transparent 75%, transparent
276
+ )
277
+ ;
278
+ background-image:
279
+ -moz-linear-gradient(
280
+ 135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
281
+ transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
282
+ transparent 75%, transparent
283
+ )
284
+ ;
285
+ background-image:
286
+ -ms-linear-gradient(
287
+ 135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
288
+ transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
289
+ transparent 75%, transparent
290
+ )
291
+ ;
292
+ background-image:
293
+ -o-linear-gradient(
294
+ 135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
295
+ transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
296
+ transparent 75%, transparent
297
+ )
298
+ ;
299
+ background-image:
300
+ linear-gradient(
301
+ 135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
302
+ transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
303
+ transparent 75%, transparent
304
+ )
305
+ ;
306
+ }
307
+
308
+ .ui.progress.active.striped .bar:after {
309
+ -webkit-animation: none;
310
+ -moz-animation: none;
311
+ -ms-animation: none;
312
+ -o-animation: none;
313
+ animation: none;
314
+ }
315
+ .ui.progress.active.striped .bar {
316
+ -webkit-animation: progress-striped 3s linear infinite;
317
+ -moz-animation: progress-striped 3s linear infinite;
318
+ animation: progress-striped 3s linear infinite;
319
+ }
320
+
321
+ @-webkit-keyframes progress-striped {
322
+ 0% {
323
+ background-position: 0px 0;
324
+ }
325
+ 100% {
326
+ background-position: 60px 0;
327
+ }
328
+ }
329
+ @-moz-keyframes progress-striped {
330
+ 0% {
331
+ background-position: 0px 0;
332
+ }
333
+ 100% {
334
+ background-position: 60px 0;
335
+ }
336
+ }
337
+ @keyframes progress-striped {
338
+ 0% {
339
+ background-position: 0px 0;
340
+ }
341
+ 100% {
342
+ background-position: 60px 0;
343
+ }
344
+ }
345
+
346
+
347
+ /*--------------
348
+ Sizes
349
+ ---------------*/
350
+
351
+ .ui.small.progress .bar {
352
+ height: 14px;
353
+ }