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,99 @@
1
+ /*
2
+ * # Semantic Video
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: July 30, 2013
11
+ */
12
+
13
+
14
+ /*******************************
15
+ Video
16
+ *******************************/
17
+
18
+ .ui.video {
19
+ position: relative;
20
+ max-width: 100%;
21
+ }
22
+
23
+ /*--------------
24
+ Content
25
+ ---------------*/
26
+
27
+ /* Placeholder Image */
28
+ .ui.video .placeholder {
29
+ background-color: #333333;
30
+ }
31
+
32
+ /* Play Icon Overlay */
33
+ .ui.video .play {
34
+ cursor: pointer;
35
+ position: absolute;
36
+ top: 0px;
37
+ left: 0px;
38
+ z-index: 10;
39
+
40
+ width: 100%;
41
+ height: 100%;
42
+
43
+ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
44
+ filter: alpha(opacity=60);
45
+ opacity: 0.6;
46
+
47
+ -webkit-transition: opacity 0.3s;
48
+ -moz-transition: opacity 0.3s;
49
+ -o-transition: opacity 0.3s;
50
+ -ms-transition: opacity 0.3s;
51
+ transition: opacity 0.3s;
52
+ }
53
+ .ui.video .play.icon:before {
54
+ position: absolute;
55
+ top: 50%;
56
+ left: 50%;
57
+ z-index: 11;
58
+
59
+ font-size: 6rem;
60
+ margin: -3rem 0em 0em -3rem;
61
+ color: #FFFFFF;
62
+ text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
63
+ }
64
+
65
+ .ui.video .placeholder {
66
+ display: block;
67
+ width: 100%;
68
+ height: 100%;
69
+ }
70
+
71
+ /* IFrame Embed */
72
+ .ui.video .embed {
73
+ display: none;
74
+ }
75
+
76
+ /*******************************
77
+ States
78
+ *******************************/
79
+
80
+ /*--------------
81
+ Hover
82
+ ---------------*/
83
+
84
+ .ui.video .play:hover {
85
+ opacity: 1;
86
+ }
87
+
88
+
89
+ /*--------------
90
+ Active
91
+ ---------------*/
92
+
93
+ .ui.video.active .play,
94
+ .ui.video.active .placeholder {
95
+ display: none;
96
+ }
97
+ .ui.video.active .embed {
98
+ display: block;
99
+ }
@@ -0,0 +1,221 @@
1
+ /*
2
+ * # Semantic Comment View
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
+ Standard
16
+ *******************************/
17
+
18
+
19
+ /*--------------
20
+ Comments
21
+ ---------------*/
22
+
23
+ .ui.comments {
24
+
25
+
26
+ }
27
+ .ui.comments a {
28
+ cursor: pointer;
29
+ }
30
+
31
+
32
+ /*--------------
33
+ Comment
34
+ ---------------*/
35
+
36
+ .ui.comments .comment {
37
+ position: relative;
38
+ margin-top: 0.5em;
39
+ padding-top: 0.5em;
40
+ }
41
+ .ui.comments .comment:first-child {
42
+ margin-top: 0em;
43
+ padding-top: 0em;
44
+ }
45
+
46
+
47
+
48
+ /*--------------------
49
+ Avatar (Optional)
50
+ ---------------------*/
51
+
52
+ .ui.comments .comment .avatar {
53
+ display: block;
54
+ float: left;
55
+ width: 4em;
56
+ }
57
+ .ui.comments .comment .avatar img {
58
+ display: block;
59
+ margin: 0em auto;
60
+
61
+ width: 3em;
62
+ height: 3em;
63
+ border-radius: 500px;
64
+ }
65
+
66
+ /*--------------
67
+ Content
68
+ ---------------*/
69
+
70
+ .ui.comments .comment > .content,
71
+ .ui.comments .comment > .avatar {
72
+ display: block;
73
+ }
74
+ .ui.comments .comment .avatar ~ .content {
75
+ padding: 0em 1em;
76
+ }
77
+
78
+ /* If there is an avatar move content over */
79
+ .ui.comments .comment > .avatar ~ .content {
80
+ padding-top: 0.25em;
81
+ margin-left: 3.5em;
82
+ }
83
+
84
+ .ui.comments .comment .metadata {
85
+ display: inline-block;
86
+ margin-left: 0.3em;
87
+ color: rgba(0, 0, 0, 0.4);
88
+ }
89
+ .ui.comments .comment .metadata > * {
90
+ display: inline-block;
91
+ margin: 0em 0.3em 0em 0em;
92
+ }
93
+
94
+ /*--------------------
95
+ Comment Text
96
+ ---------------------*/
97
+
98
+ .ui.comments .comment .text {
99
+ margin: 0.25em 0em 0.5em;
100
+ word-wrap: break-word;
101
+ }
102
+
103
+ /*--------------------
104
+ User Actions
105
+ ---------------------*/
106
+
107
+ .ui.comments .comment .actions {
108
+ font-size: 0.9em;
109
+ }
110
+ .ui.comments .comment .actions a {
111
+ display: inline-block;
112
+ margin: 0em 0.3em 0em 0em;
113
+ color: rgba(0, 0, 0, 0.3);
114
+ }
115
+ .ui.comments .comment .actions a.active,
116
+ .ui.comments .comment .actions a:hover {
117
+ color: rgba(0, 0, 0, 0.6);
118
+ }
119
+
120
+ /*--------------------
121
+ Reply Form
122
+ ---------------------*/
123
+
124
+ .ui.comments .reply.form {
125
+ margin-top: 0.75em;
126
+ width: 100%;
127
+ max-width: 30em;
128
+ }
129
+ .ui.comments .comment .reply.form {
130
+ margin-left: 2em;
131
+ }
132
+ .ui.comments > .reply.form {
133
+ margin-top: 1.5em;
134
+ max-width: 40em;
135
+ }
136
+ .ui.comments .reply.form textarea {
137
+ height: 12em;
138
+ }
139
+
140
+
141
+
142
+ /*--------------------
143
+ Nested Comments
144
+ ---------------------*/
145
+
146
+ .ui.comments .comment .comments {
147
+ margin-top: 0.5em;
148
+ padding-top: 0.5em;
149
+ padding-bottom: 1em;
150
+ }
151
+ .ui.comments .comment .comments:before{
152
+ position: absolute;
153
+ top: 0px;
154
+ left: 0px;
155
+ }
156
+ /* One Deep */
157
+ .ui.comments > .comment .comments {
158
+ margin-left: 2em;
159
+
160
+ }
161
+ /* Two Deep */
162
+ .ui.comments > .comment > .comments > .comment > .comments {
163
+ margin-left: 1.75em;
164
+ }
165
+ /* Three Deep */
166
+ .ui.comments > .comment > .comments > .comment > .comments > .comment > .comments {
167
+ margin-left: 1.5em;
168
+ }
169
+ /* Four Deep or more */
170
+ .ui.comments > .comment > .comments > .comment > .comments > .comment > .comments > .comment .comments {
171
+ margin-left: 0.5em;
172
+ }
173
+
174
+
175
+ /*******************************
176
+ Variations
177
+ *******************************/
178
+
179
+ /*--------------------
180
+ Threaded
181
+ ---------------------*/
182
+
183
+ .ui.threaded.comments .comment .comments {
184
+ margin-left: 2em !important;
185
+ padding-left: 2em !important;
186
+
187
+ -webkit-box-shadow: -1px 0px 0px rgba(0, 0, 0, 0.05);
188
+ -moz-box-shadow: -1px 0px 0px rgba(0, 0, 0, 0.05);
189
+ box-shadow: -1px 0px 0px rgba(0, 0, 0, 0.05);
190
+ }
191
+
192
+ /*--------------------
193
+ Minimal
194
+ ---------------------*/
195
+
196
+ .ui.minimal.comments .comment .actions {
197
+ opacity: 0;
198
+
199
+ -webkit-transition: opacity 0.1s ease-out;
200
+ -moz-transition: opacity 0.1s ease-out;
201
+ -o-transition: opacity 0.1s ease-out;
202
+ -ms-transition: opacity 0.1s ease-out;
203
+ transition: opacity 0.1s ease-out;
204
+
205
+ -webkit-transition-delay: 0.1s;
206
+ -moz-transition-delay: 0.1s;
207
+ -o-transition-delay: 0.1s;
208
+ -ms-transition-delay: 0.1s;
209
+ transition-delay: 0.1s;
210
+ }
211
+ .ui.minimal.comments .comment > .content:hover > .actions {
212
+ opacity: 1;
213
+ }
214
+
215
+ /*--------------------
216
+ Sizes
217
+ ---------------------*/
218
+
219
+ .ui.small.comments {
220
+ font-size: 0.875em;
221
+ }
@@ -0,0 +1,151 @@
1
+ /*
2
+ * # Activity Feed View
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: May 22, 2013
11
+ */
12
+
13
+
14
+ /*******************************
15
+ Activity Feed
16
+ *******************************/
17
+
18
+ .ui.feed {
19
+
20
+ }
21
+
22
+ .ui.feed a {
23
+ cursor: pointer;
24
+ }
25
+
26
+ .ui.feed,
27
+ .ui.feed .event,
28
+ .ui.feed .label,
29
+ .ui.feed .content,
30
+ .ui.feed .extra {
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
+
38
+ /*******************************
39
+ Content
40
+ *******************************/
41
+
42
+ /* Event */
43
+ .ui.feed .event {
44
+ width: 100%;
45
+ display: table;
46
+ padding: 1em;
47
+ }
48
+ .ui.feed .event:first-child {
49
+ border-top: 0px;
50
+ }
51
+ .ui.feed .event:last-child {
52
+ margin-bottom: 1em;
53
+ }
54
+
55
+ /* Event Label */
56
+ .ui.feed .label {
57
+ width: 3em;
58
+ display: table-cell;
59
+ vertical-align: top;
60
+ text-align: left;
61
+ }
62
+ .ui.feed .label .icon {
63
+ font-size: 1.5em;
64
+ margin: 0em;
65
+ }
66
+ .ui.feed .label img {
67
+ width: 3em;
68
+ margin: 0em;
69
+ border-radius: 50em;
70
+ }
71
+ .ui.feed .label + .content {
72
+ padding: 0.75em 1em 0em;
73
+ }
74
+
75
+ /* Content */
76
+ .ui.feed .content {
77
+ display: table-cell;
78
+ vertical-align: top;
79
+ text-align: left;
80
+ word-wrap: break-word;
81
+ }
82
+
83
+ /* Date */
84
+ .ui.feed .content .date {
85
+ float: right;
86
+ padding-left: 1em;
87
+ color: rgba(0, 0, 0, 0.4);
88
+ }
89
+
90
+ /* Summary */
91
+ .ui.feed .content .summary {
92
+ color: rgba(0, 0, 0, 0.75);
93
+ }
94
+ .ui.feed .content .summary img {
95
+ display: inline-block;
96
+ margin-right: 0.25em;
97
+ width: 4em;
98
+ border-radius: 500px;
99
+ }
100
+
101
+ /* Additional Information */
102
+ .ui.feed .content .extra {
103
+ margin: 1em 0em 0em;
104
+ padding: 0.5em 0em 0em;
105
+ color: rgba(0, 0, 0, 0.5);
106
+ }
107
+
108
+ .ui.feed .content .extra.images {
109
+
110
+ }
111
+ .ui.feed .content .extra.images img {
112
+ display: inline-block;
113
+ margin-right: 0.25em;
114
+ width: 6em;
115
+ }
116
+
117
+ .ui.feed .content .extra.text {
118
+ padding: 0.5em 1em;
119
+ border-left: 0.2em solid rgba(0, 0, 0, 0.1);
120
+ }
121
+
122
+
123
+
124
+ /*******************************
125
+ Variations
126
+ *******************************/
127
+
128
+ .ui.small.feed {
129
+ font-size: 0.875em;
130
+ }
131
+ .ui.small.feed .label img {
132
+ width: 2.5em;
133
+ }
134
+ .ui.small.feed .label .icon {
135
+ font-size: 1.25em;
136
+ }
137
+ .ui.feed .event {
138
+ padding: 0.75em 0em;
139
+ }
140
+ .ui.small.feed .label + .content {
141
+ padding: 0.5em 0.5em 0;
142
+ }
143
+ .ui.small.feed .content .extra.images img {
144
+ width: 5em;
145
+ }
146
+ .ui.small.feed .content .extra {
147
+ margin: 0.5em 0em 0em;
148
+ }
149
+ .ui.small.feed .content .extra.text {
150
+ padding: 0.25em 0.5em;
151
+ }