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,275 @@
1
+ /*
2
+ * # Semantic Search
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
+ Search
16
+ *******************************/
17
+
18
+ .ui.search {
19
+ position: relative;
20
+
21
+ text-shadow: none;
22
+ font-style: normal;
23
+ font-weight: normal;
24
+ }
25
+
26
+ .ui.search input {
27
+ -webkit-border-radius: 500rem;
28
+ -moz-border-radius: 500rem;
29
+ border-radius: 500rem;
30
+ }
31
+
32
+ /*--------------
33
+ Button
34
+ ---------------*/
35
+
36
+ .ui.search > .button {
37
+ position: relative;
38
+ z-index: 2;
39
+ float: right;
40
+ margin: 0px 0px 0px -15px;
41
+ padding: 6px 15px 7px;
42
+ -webkit-border-radius: 0px 15px 15px 0px;
43
+ -moz-border-radius: 0px 15px 15px 0px;
44
+ border-radius: 0px 15px 15px 0px;
45
+ -webkit-box-shadow: none;
46
+ -moz-box-shadow: none;
47
+ box-shadow: none;
48
+ }
49
+
50
+ /*--------------
51
+ Results
52
+ ---------------*/
53
+
54
+ .ui.search .results {
55
+ display: none;
56
+
57
+ position: absolute;
58
+ z-index: 999;
59
+ top: 100%;
60
+ left: 0px;
61
+
62
+ overflow: hidden;
63
+ background-color: #FFFFFF;
64
+
65
+ margin-top: 0.5em;
66
+ width: 380px;
67
+ font-size: 0.875em;
68
+ line-height: 1.2;
69
+ color: #555555;
70
+
71
+ -webkit-border-radius: 3px;
72
+ -moz-border-radius: 3px;
73
+ border-radius: 3px;
74
+
75
+ -webkit-box-shadow:
76
+ 0px 0px 1px 1px rgba(0, 0, 0, 0.1),
77
+ 0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset
78
+ ;
79
+ -moz-box-shadow:
80
+ 0px 0px 1px 1px rgba(0, 0, 0, 0.1),
81
+ 0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset
82
+ ;
83
+ box-shadow:
84
+ 0px 0px 1px 1px rgba(0, 0, 0, 0.1),
85
+ 0px -2px 0px 0px rgba(0, 0, 0, 0.1) inset
86
+ ;
87
+ }
88
+ .ui.search .result {
89
+ cursor: pointer;
90
+ overflow: hidden;
91
+ padding: 0.5em 1em;
92
+ }
93
+ .ui.search .result:first-child {
94
+ border-top: none;
95
+ }
96
+ .ui.search .result .image {
97
+ background: #F0F0F0;
98
+ margin-right: 10px;
99
+ float: left;
100
+ overflow: hidden;
101
+ -webkit-border-radius: 3px;
102
+ -moz-border-radius: 3px;
103
+ border-radius: 3px;
104
+ width: 38px;
105
+ height: 38px;
106
+ }
107
+ .ui.search .result .image img {
108
+ display: block;
109
+ width: 38px;
110
+ height: 38px;
111
+ }
112
+ .ui.search .result .image ~ .info {
113
+ float: none;
114
+ margin-left: 50px;
115
+ }
116
+
117
+ .ui.search .result .info {
118
+ float: left;
119
+ }
120
+ .ui.search .result .title {
121
+ font-weight: bold;
122
+ color: rgba(0, 0, 0, 0.8);
123
+ }
124
+ .ui.search .result .description {
125
+ color: rgba(0, 0, 0, 0.6);
126
+ }
127
+ .ui.search .result .price {
128
+ float: right;
129
+ color: #5BBD72;
130
+ font-weight: bold;
131
+ }
132
+
133
+ /*--------------
134
+ Message
135
+ ---------------*/
136
+
137
+ .ui.search .message {
138
+ padding: 1em;
139
+ }
140
+ .ui.search .message .text .title {
141
+ margin: 0em 0em 0.5rem;
142
+
143
+ font-size: 1.25rem;
144
+ font-weight: bold;
145
+ color: rgba(0, 0, 0, 0.8);
146
+ }
147
+ .ui.search .message .text .description {
148
+ margin: 0em;
149
+ font-size: 1rem;
150
+ color: rgba(0, 0, 0, 0.5);
151
+ }
152
+
153
+
154
+ /*--------------
155
+ Categories
156
+ ---------------*/
157
+
158
+ .ui.search .results .category {
159
+ background-color: #FAFAFA;
160
+
161
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
162
+
163
+ -webkit-transition: background 0.2s ease-in;
164
+ -moz-transition: background 0.2s ease-in;
165
+ -o-transition: background 0.2s ease-in;
166
+ -ms-transition: background 0.2s ease-in;
167
+ transition: background 0.2s ease-in;
168
+ }
169
+ .ui.search .results .category:first-child {
170
+ border-top: none;
171
+ }
172
+
173
+ .ui.search .results .category > .name {
174
+ float: left;
175
+ padding: 12px 0px 0px 8px;
176
+ font-weight: bold;
177
+ color: #777777;
178
+ text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
179
+ }
180
+ .ui.search .results .category .result {
181
+ background-color: #FFFFFF;
182
+ margin-left: 80px;
183
+ border-left: 1px solid rgba(0, 0, 0, 0.1);
184
+ }
185
+
186
+ /* View All Results */
187
+ .ui.search .all {
188
+ display: block;
189
+
190
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
191
+ background-color: #FAFAFA;
192
+ height: 2em;
193
+ line-height: 2em;
194
+ color: rgba(0, 0, 0, 0.6);
195
+
196
+ font-weight: bold;
197
+ text-align: center;
198
+ }
199
+
200
+
201
+ /*******************************
202
+ States
203
+ *******************************/
204
+
205
+ /*--------------
206
+ Hover
207
+ ---------------*/
208
+
209
+ .ui.search .result:hover,
210
+ .ui.search .category .result:hover {
211
+ background-color: #F8F8F8;
212
+ }
213
+ .ui.search .all:hover {
214
+ background-color: #F0F0F0;
215
+ }
216
+
217
+ /*--------------
218
+ Loading
219
+ ---------------*/
220
+
221
+ .ui.search.loading .input .icon {
222
+ background: url(../images/loader-mini.gif) no-repeat 50% 50%;
223
+ }
224
+ .ui.search.loading .input .icon:before,
225
+ .ui.search.loading .input .icon:after {
226
+ display: none;
227
+ }
228
+
229
+
230
+ /*--------------
231
+ Active
232
+ ---------------*/
233
+
234
+ .ui.search .results .category.active {
235
+ background-color: #F1F1F1;
236
+ }
237
+ .ui.search .results .category.active > .name {
238
+ color: #333333;
239
+ }
240
+
241
+ .ui.search .result.active,
242
+ .ui.search .category .result.active {
243
+ background-color: #FBFBFB;
244
+ }
245
+ .ui.search .result.active .title {
246
+ color: #000000;
247
+ }
248
+ .ui.search .result.active .description {
249
+ color: #555555;
250
+ }
251
+
252
+
253
+
254
+ /*******************************
255
+ Variations
256
+ *******************************/
257
+
258
+
259
+
260
+ /* Large */
261
+ .ui.search .large.result .image,
262
+ .ui.search .large.result .image img {
263
+ width: 50px;
264
+ height: 50px;
265
+ }
266
+ .ui.search .large.results .indented.info {
267
+ margin-left: 65px;
268
+ }
269
+ .ui.search .large.results .info .title {
270
+ font-size: 16px;
271
+ }
272
+ .ui.search .large.results .info .description {
273
+ font-size: 11px;
274
+ }
275
+
@@ -0,0 +1,115 @@
1
+ /*
2
+ * # Semantic Button
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
+ Shape
16
+ *******************************/
17
+
18
+ .ui.shape {
19
+ position: relative;
20
+
21
+ -webkit-perspective: 2000px;
22
+ -moz-perspective: 2000px;
23
+ -ms-perspective: 2000px;
24
+ perspective: 2000px;
25
+ }
26
+
27
+ .ui.shape .sides {
28
+ -webkit-transform-style: preserve-3d;
29
+ -moz-transform-style: preserve-3d;
30
+ -ms-transform-style: preserve-3d;
31
+ transform-style: preserve-3d;
32
+ }
33
+
34
+ .ui.shape .side {
35
+ opacity: 1;
36
+ width: 100%;
37
+ -webkit-backface-visibility: hidden;
38
+ -moz-backface-visibility: hidden;
39
+ -ms-backface-visibility: hidden;
40
+ backface-visibility: hidden;
41
+ }
42
+
43
+ .ui.shape .side {
44
+ display: none;
45
+ }
46
+
47
+
48
+
49
+ /*******************************
50
+ States
51
+ *******************************/
52
+
53
+
54
+ /*--------------
55
+ Animating
56
+ ---------------*/
57
+
58
+ .ui.shape.animating .sides {
59
+ position: absolute;
60
+ }
61
+ .ui.shape .animating.side {
62
+ position: absolute;
63
+ width: 100%;
64
+ top: 0px;
65
+ left: 0px;
66
+ z-index: 100;
67
+ }
68
+ .ui.shape .hidden.side {
69
+ opacity: 0.4;
70
+ }
71
+
72
+
73
+ /*--------------
74
+ CSS
75
+ ---------------*/
76
+
77
+ .ui.shape.css {
78
+ -webkit-transition:
79
+ all 0.6s ease-in-out;
80
+ ;
81
+ -moz-transition:
82
+ all 0.6s ease-in-out;
83
+ ;
84
+ -o-transition:
85
+ all 0.6s ease-in-out;
86
+ ;
87
+ -ms-transition:
88
+ all 0.6s ease-in-out;
89
+ ;
90
+ transition:
91
+ all 0.6s ease-in-out;
92
+ ;
93
+ }
94
+ .ui.shape.css .sides {
95
+ -webkit-transition: all 0.6s ease-in-out;
96
+ -moz-transition: all 0.6s ease-in-out;
97
+ -o-transition: all 0.6s ease-in-out;
98
+ -ms-transition: all 0.6s ease-in-out;
99
+ transition: all 0.6s ease-in-out;
100
+ }
101
+ .ui.shape.css .side {
102
+ -webkit-transition: opacity 0.6s ease-in-out;
103
+ -moz-transition: opacity 0.6s ease-in-out;
104
+ -o-transition: opacity 0.6s ease-in-out;
105
+ -ms-transition: opacity 0.6s ease-in-out;
106
+ transition: opacity 0.6s ease-in-out;
107
+ }
108
+
109
+ /*--------------
110
+ Active
111
+ ---------------*/
112
+
113
+ .ui.shape .active.side {
114
+ display: block;
115
+ }
@@ -0,0 +1,147 @@
1
+ /*******************************
2
+ Semantic Module: Sidebar
3
+ Author: Jack Lukic
4
+ Notes: First Commit March 25, 2013
5
+ Sidebar Menu System
6
+ *******************************/
7
+
8
+ /*******************************
9
+ Sidebar
10
+ *******************************/
11
+
12
+ body {
13
+ -webkit-transition:
14
+ margin 0.3s ease,
15
+ -webkit-transform 0.3s ease
16
+ ;
17
+ -moz-transition:
18
+ margin 0.3s ease,
19
+ -moz-transform 0.3s ease
20
+ ;
21
+ -o-transition:
22
+ margin 0.3s ease,
23
+ transform 0.3s ease
24
+ ;
25
+ -ms-transition:
26
+ margin 0.3s ease,
27
+ transform 0.3s ease
28
+ ;
29
+ transition:
30
+ margin 0.3s ease,
31
+ transform 0.3s ease
32
+ ;
33
+ }
34
+
35
+ .ui.sidebar {
36
+ position: fixed;
37
+
38
+ margin: 0 !important;
39
+
40
+ width: 275px !important;
41
+ height: 100% !important;
42
+
43
+ -webkit-border-radius: 0px !important;
44
+ -moz-border-radius: 0px !important;
45
+ border-radius: 0px !important;
46
+
47
+ -ms-overflow-y: auto;
48
+ overflow-y: auto;
49
+ top: 0px;
50
+ left: 0px;
51
+ z-index: 999;
52
+
53
+ -webkit-transition:
54
+ margin-left 0.3s ease,
55
+ margin-top 0.3s ease
56
+ ;
57
+ -moz-transition:
58
+ margin-left 0.3s ease,
59
+ margin-top 0.3s ease
60
+ ;
61
+ -o-transition:
62
+ margin-left 0.3s ease,
63
+ margin-top 0.3s ease
64
+ ;
65
+ -ms-transition:
66
+ margin-left 0.3s ease,
67
+ margin-top 0.3s ease
68
+ ;
69
+ transition:
70
+ margin-left 0.3s ease,
71
+ margin-top 0.3s ease
72
+ ;
73
+ }
74
+
75
+
76
+ /*******************************
77
+ Types
78
+ *******************************/
79
+
80
+ .ui.sidebar {
81
+ margin-left: -275px !important;
82
+ }
83
+
84
+ .ui.right.sidebar {
85
+ left: 100%;
86
+ margin: 0px !important;
87
+ }
88
+
89
+ .ui.top.sidebar {
90
+ margin: -40px 0px 0px 0px !important;
91
+ width: 100% !important;
92
+ height: 40px !important;
93
+ }
94
+
95
+ .ui.bottom.sidebar {
96
+ width: 100% !important;
97
+ height: 40px !important;
98
+ top: 100%;
99
+ margin: 0px !important;
100
+ }
101
+
102
+
103
+ /*******************************
104
+ States
105
+ *******************************/
106
+
107
+ .ui.active.sidebar {
108
+ margin-left: 0px !important;
109
+ }
110
+ .ui.active.right.sidebar {
111
+ margin-left: -275px !important;
112
+ }
113
+
114
+ .ui.active.top.sidebar {
115
+ margin-top: 0px !important;
116
+ }
117
+ .ui.active.bottom.sidebar {
118
+ margin-top: -40px !important;
119
+ }
120
+
121
+ /*******************************
122
+ Variations
123
+ *******************************/
124
+
125
+ .ui.floating.sidebar {
126
+ -webkit-box-shadow: 3px 0px 3px rgba(0, 0, 0, 0.2);
127
+ -moz-box-shadow: 3px 0px 3px rgba(0, 0, 0, 0.2);
128
+ box-shadow: 3px 0px 3px rgba(0, 0, 0, 0.2);
129
+ }
130
+
131
+ .ui.right.floating.sidebar {
132
+ -webkit-box-shadow: -3px 0px 3px rgba(0, 0, 0, 0.2);
133
+ -moz-box-shadow: -3px 0px 3px rgba(0, 0, 0, 0.2);
134
+ box-shadow: -3px 0px 3px rgba(0, 0, 0, 0.2);
135
+ }
136
+
137
+ .ui.top.floating.sidebar {
138
+ -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
139
+ -moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
140
+ box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
141
+ }
142
+
143
+ .ui.bottom.floating.sidebar {
144
+ -webkit-box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.2);
145
+ -moz-box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.2);
146
+ box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.2);
147
+ }