metro-ui-rails-cn 0.1.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 (130) hide show
  1. data/.gitignore +18 -0
  2. data/.gitmodules +3 -0
  3. data/Gemfile +4 -0
  4. data/README.md +54 -0
  5. data/Rakefile +15 -0
  6. data/lib/generators/metro/layout/layout_generator.rb +19 -0
  7. data/lib/generators/metro/layout/templates/layout.html.erb +89 -0
  8. data/lib/metro-ui-rails-cn.rb +10 -0
  9. data/lib/metro/ui/convert.rb +64 -0
  10. data/lib/metro/ui/rails/engine.rb +15 -0
  11. data/lib/metro/ui/rails/metro.rb +2 -0
  12. data/lib/metro/ui/rails/version.rb +7 -0
  13. data/metro-ui-rails-cn.gemspec +26 -0
  14. data/test/convert_test.rb +28 -0
  15. data/test/test_helper.rb +2 -0
  16. data/vendor/assets/images/.DS_Store +0 -0
  17. data/vendor/assets/images/metro-ui-css/1.jpg +0 -0
  18. data/vendor/assets/images/metro-ui-css/1005-BizSpark-261x230.jpg +0 -0
  19. data/vendor/assets/images/metro-ui-css/2.jpg +0 -0
  20. data/vendor/assets/images/metro-ui-css/3.jpg +0 -0
  21. data/vendor/assets/images/metro-ui-css/4.jpg +0 -0
  22. data/vendor/assets/images/metro-ui-css/5.jpg +0 -0
  23. data/vendor/assets/images/metro-ui-css/Calendar128.png +0 -0
  24. data/vendor/assets/images/metro-ui-css/Camera48.png +0 -0
  25. data/vendor/assets/images/metro-ui-css/InternetExplorer128.png +0 -0
  26. data/vendor/assets/images/metro-ui-css/Mail128.png +0 -0
  27. data/vendor/assets/images/metro-ui-css/Market128.png +0 -0
  28. data/vendor/assets/images/metro-ui-css/Music128.png +0 -0
  29. data/vendor/assets/images/metro-ui-css/Picture128.png +0 -0
  30. data/vendor/assets/images/metro-ui-css/Rss128.png +0 -0
  31. data/vendor/assets/images/metro-ui-css/Video128.png +0 -0
  32. data/vendor/assets/images/metro-ui-css/YouTube128.png +0 -0
  33. data/vendor/assets/images/metro-ui-css/armor.png +0 -0
  34. data/vendor/assets/images/metro-ui-css/author.jpg +0 -0
  35. data/vendor/assets/images/metro-ui-css/bage-activity.png +0 -0
  36. data/vendor/assets/images/metro-ui-css/bage-alert.png +0 -0
  37. data/vendor/assets/images/metro-ui-css/bage-attention.png +0 -0
  38. data/vendor/assets/images/metro-ui-css/bage-available.png +0 -0
  39. data/vendor/assets/images/metro-ui-css/bage-away.png +0 -0
  40. data/vendor/assets/images/metro-ui-css/bage-busy.png +0 -0
  41. data/vendor/assets/images/metro-ui-css/bage-error.png +0 -0
  42. data/vendor/assets/images/metro-ui-css/bage-newMessage.png +0 -0
  43. data/vendor/assets/images/metro-ui-css/bage-paused.png +0 -0
  44. data/vendor/assets/images/metro-ui-css/bage-playing.png +0 -0
  45. data/vendor/assets/images/metro-ui-css/bage-unavailable.png +0 -0
  46. data/vendor/assets/images/metro-ui-css/chrome.png +0 -0
  47. data/vendor/assets/images/metro-ui-css/collapse24-black.png +0 -0
  48. data/vendor/assets/images/metro-ui-css/collapse24.png +0 -0
  49. data/vendor/assets/images/metro-ui-css/collapse32-black.png +0 -0
  50. data/vendor/assets/images/metro-ui-css/collapse32.png +0 -0
  51. data/vendor/assets/images/metro-ui-css/download-32.png +0 -0
  52. data/vendor/assets/images/metro-ui-css/excel2013icon.png +0 -0
  53. data/vendor/assets/images/metro-ui-css/expand24-black.png +0 -0
  54. data/vendor/assets/images/metro-ui-css/expand24.png +0 -0
  55. data/vendor/assets/images/metro-ui-css/expand32-black.png +0 -0
  56. data/vendor/assets/images/metro-ui-css/expand32.png +0 -0
  57. data/vendor/assets/images/metro-ui-css/firefox.png +0 -0
  58. data/vendor/assets/images/metro-ui-css/fonts/7xkFOeTxxO1GMC1suOUYWWhBabBbEjGd1iRmpyoZukE.woff +0 -0
  59. data/vendor/assets/images/metro-ui-css/fonts/DXI1ORHCpsQm3Vp6mXoaTZ1r3JsPcQLi8jytr04NNhU.woff +0 -0
  60. data/vendor/assets/images/metro-ui-css/fonts/EInbV5DfGHOiMmvb1Xr-hp1r3JsPcQLi8jytr04NNhU.woff +0 -0
  61. data/vendor/assets/images/metro-ui-css/fonts/K88pR3goAWT7BTt32Z01mz8E0i7KZn-EPnyo3HZu7kw.woff +0 -0
  62. data/vendor/assets/images/metro-ui-css/fonts/k3k702ZOKiLJc3WVjuplzJ1r3JsPcQLi8jytr04NNhU.woff +0 -0
  63. data/vendor/assets/images/metro-ui-css/fork-32.png +0 -0
  64. data/vendor/assets/images/metro-ui-css/github.png +0 -0
  65. data/vendor/assets/images/metro-ui-css/grid.png +0 -0
  66. data/vendor/assets/images/metro-ui-css/icons-white.png +0 -0
  67. data/vendor/assets/images/metro-ui-css/icons.png +0 -0
  68. data/vendor/assets/images/metro-ui-css/ie.png +0 -0
  69. data/vendor/assets/images/metro-ui-css/lock-open.png +0 -0
  70. data/vendor/assets/images/metro-ui-css/lock.png +0 -0
  71. data/vendor/assets/images/metro-ui-css/logo-jetbrains.jpg +0 -0
  72. data/vendor/assets/images/metro-ui-css/logo32.png +0 -0
  73. data/vendor/assets/images/metro-ui-css/michael.jpg +0 -0
  74. data/vendor/assets/images/metro-ui-css/myface.jpg +0 -0
  75. data/vendor/assets/images/metro-ui-css/onenote2013icon.png +0 -0
  76. data/vendor/assets/images/metro-ui-css/opera.png +0 -0
  77. data/vendor/assets/images/metro-ui-css/pull24-dark.png +0 -0
  78. data/vendor/assets/images/metro-ui-css/pull24.png +0 -0
  79. data/vendor/assets/images/metro-ui-css/responsive.png +0 -0
  80. data/vendor/assets/images/metro-ui-css/row24.png +0 -0
  81. data/vendor/assets/images/metro-ui-css/shield-user.png +0 -0
  82. data/vendor/assets/images/metro-ui-css/simple.png +0 -0
  83. data/vendor/assets/images/metro-ui-css/star32.png +0 -0
  84. data/vendor/assets/images/metro-ui-css/stock-up.png +0 -0
  85. data/vendor/assets/images/metro-ui-css/view-32.png +0 -0
  86. data/vendor/assets/images/metro-ui-css/windows-8-metro.jpg +0 -0
  87. data/vendor/assets/images/metro-ui-css/windows8_metro_green_1920_1080.jpg +0 -0
  88. data/vendor/assets/images/metro-ui-css/word2013icon.png +0 -0
  89. data/vendor/assets/javascripts/metro-ui-css-js.js +1 -0
  90. data/vendor/assets/javascripts/metro-ui-css/accordion.js +44 -0
  91. data/vendor/assets/javascripts/metro-ui-css/buttonset.js +34 -0
  92. data/vendor/assets/javascripts/metro-ui-css/carousel.js +368 -0
  93. data/vendor/assets/javascripts/metro-ui-css/dropdown.js +95 -0
  94. data/vendor/assets/javascripts/metro-ui-css/pagecontrol.js +64 -0
  95. data/vendor/assets/javascripts/metro-ui-css/rating.js +46 -0
  96. data/vendor/assets/javascripts/metro-ui-css/tile-slider.js +196 -0
  97. data/vendor/toolkit/metro-ui-css/accordion.less +69 -0
  98. data/vendor/toolkit/metro-ui-css/bricks.less +57 -0
  99. data/vendor/toolkit/metro-ui-css/buttons.less +256 -0
  100. data/vendor/toolkit/metro-ui-css/cards.less +113 -0
  101. data/vendor/toolkit/metro-ui-css/carousel.less +109 -0
  102. data/vendor/toolkit/metro-ui-css/code.less +47 -0
  103. data/vendor/toolkit/metro-ui-css/colors.less +90 -0
  104. data/vendor/toolkit/metro-ui-css/forms.less +427 -0
  105. data/vendor/toolkit/metro-ui-css/grid.less +115 -0
  106. data/vendor/toolkit/metro-ui-css/hero.less +18 -0
  107. data/vendor/toolkit/metro-ui-css/icons.less +326 -0
  108. data/vendor/toolkit/metro-ui-css/images.less +121 -0
  109. data/vendor/toolkit/metro-ui-css/layout.less +287 -0
  110. data/vendor/toolkit/metro-ui-css/listview.less +143 -0
  111. data/vendor/toolkit/metro-ui-css/menus.less +345 -0
  112. data/vendor/toolkit/metro-ui-css/modern-responsive-max480.less +147 -0
  113. data/vendor/toolkit/metro-ui-css/modern-responsive-max767.less +211 -0
  114. data/vendor/toolkit/metro-ui-css/modern-responsive-max979.less +71 -0
  115. data/vendor/toolkit/metro-ui-css/modern-responsive-min1200.less +28 -0
  116. data/vendor/toolkit/metro-ui-css/modern-responsive.less +13 -0
  117. data/vendor/toolkit/metro-ui-css/modern.less +33 -0
  118. data/vendor/toolkit/metro-ui-css/notices.less +183 -0
  119. data/vendor/toolkit/metro-ui-css/pagecontrol.less +100 -0
  120. data/vendor/toolkit/metro-ui-css/progress.less +22 -0
  121. data/vendor/toolkit/metro-ui-css/rating.less +80 -0
  122. data/vendor/toolkit/metro-ui-css/reset.less +504 -0
  123. data/vendor/toolkit/metro-ui-css/routines.less +137 -0
  124. data/vendor/toolkit/metro-ui-css/sidebar.less +139 -0
  125. data/vendor/toolkit/metro-ui-css/slider.less +52 -0
  126. data/vendor/toolkit/metro-ui-css/tables.less +158 -0
  127. data/vendor/toolkit/metro-ui-css/theme-dark.less +54 -0
  128. data/vendor/toolkit/metro-ui-css/tiles.less +276 -0
  129. data/vendor/toolkit/metro-ui-css/typography.less +347 -0
  130. metadata +229 -0
@@ -0,0 +1,345 @@
1
+ /*
2
+ * Metro UI CSS
3
+ * Copyright 2012 Sergey Pimenov
4
+ * Licensed under the MIT Lilcense
5
+ *
6
+ * Menus.less
7
+ *
8
+ */
9
+
10
+ .navigation-bar {
11
+ width: 100%;
12
+ min-height: 40px;
13
+ background: #464646;
14
+ z-index: 10000;
15
+
16
+ .navigation-bar-inner {
17
+ padding: 5px 20px 2px 20px;
18
+ color: #fff;
19
+ font-size: 11pt;
20
+ margin: auto;
21
+ position: relative;
22
+
23
+ & > .brand {
24
+ float: left;
25
+ margin-right: 20px;
26
+ margin-top: 3px;
27
+
28
+ &:hover {
29
+ background-color: transparent;
30
+ }
31
+
32
+ .icon {
33
+ width: 24px;
34
+ height: 24px;
35
+ float: left;
36
+ margin-right: 10px;
37
+ margin-top: 3px;
38
+ }
39
+
40
+ .name {
41
+ #font > .subheader;
42
+ font-size: 16pt;
43
+ color: #fff;
44
+ }
45
+ }
46
+
47
+ & > ul {
48
+ .unstyled;
49
+ padding-top: 5px;
50
+ margin-top: 2px;
51
+
52
+ & > li {
53
+ display: inline-block;
54
+ line-height: 32px;
55
+ position: relative;
56
+
57
+ &.sub-menu {
58
+ padding-right: 20px;
59
+ &:after {
60
+ position: absolute;
61
+ content: "\3009";
62
+ display: inline-block;
63
+ font-size: 10pt;
64
+ font-family: Helvetica, sans-serif, sans;
65
+ letter-spacing: 0px;
66
+ top: 3px;
67
+ right: 10px;
68
+ .rotate(90deg);
69
+ cursor: pointer;
70
+ }
71
+
72
+ &:hover {
73
+ &:after {
74
+ color: #1e1e1e;
75
+ }
76
+ }
77
+ }
78
+
79
+ & > a {
80
+ color: #fff;
81
+ #font > .navigation;
82
+ padding: 5px 10px;
83
+ cursor: pointer;
84
+ }
85
+
86
+ &.active, &:hover {
87
+ background-color: #fff;
88
+
89
+ a {
90
+ color: #1e1e1e;
91
+ }
92
+ }
93
+
94
+ & > .dropdown-menu {
95
+ border: 0;
96
+ }
97
+ }
98
+ }
99
+ }
100
+
101
+ &.fixed-top {
102
+ position: fixed;
103
+ left: 0;
104
+ right: 0;
105
+ top: 0;
106
+ }
107
+
108
+ &.fixed-bottom {
109
+ position: fixed;
110
+ left: 0;
111
+ right: 0;
112
+ bottom: 0;
113
+ }
114
+
115
+ }
116
+
117
+ .menu-pull {
118
+ position: absolute;
119
+ right: 10px;
120
+ top: 10px;
121
+ display: none;
122
+ cursor: pointer;
123
+ z-index: 10001;
124
+ background: image-url("metro-ui-css/row24.png") no-repeat;
125
+ background-size: cover;
126
+ height: 24px;
127
+ width: 24px;
128
+ margin: 0;
129
+ padding: 0;
130
+ }
131
+
132
+ .dropdown-menu {
133
+ position: absolute;
134
+ background-color: #fff;
135
+ .unstyled;
136
+ top: 100%;
137
+ z-index: 1101;
138
+ float: left;
139
+ border: 1px solid rgba(0, 0, 0, 0.2);
140
+ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
141
+ min-width: 160px;
142
+ padding-bottom: 5px;
143
+ padding-top: 5px;
144
+ display: none;
145
+
146
+ &.place-right {
147
+ right: 0;
148
+ left: auto;
149
+ }
150
+
151
+ a {
152
+ #font > .navigation;
153
+ #state > .navigation;
154
+ display: block;
155
+ width: 100%;
156
+ padding: 3px 20px;
157
+ white-space: nowrap;
158
+ font-size: 14px;
159
+ cursor: pointer;
160
+
161
+ &:hover {
162
+ .bg-color-blue;
163
+ .fg-color-white;
164
+ }
165
+ }
166
+
167
+ li {
168
+ display: list-item;
169
+ line-height: 20px;
170
+ }
171
+
172
+ .divider {
173
+ height: 1px;
174
+ margin: 9px 1px;
175
+ overflow: hidden;
176
+ background-color: #e5e5e5;
177
+ }
178
+
179
+ &.open {
180
+ display: block !important;
181
+ }
182
+ }
183
+
184
+
185
+ .popup-menu {
186
+ .unstyled();
187
+ position: absolute;
188
+ top: 100%;
189
+ left: -1px;
190
+ z-index: 1;
191
+ background-color: #fff;
192
+ display: none;
193
+ border: 1px #bababa solid;
194
+
195
+ li {
196
+ float: none;
197
+ display: block;
198
+ border:1px transparent solid !important;
199
+ min-width: 150px;
200
+
201
+ a {
202
+ display: block;
203
+ white-space: nowrap;
204
+ float: none;
205
+ height: auto;
206
+ #font > .tertiary;
207
+ color: #1e1e1e;
208
+ padding: 5px 10px;
209
+
210
+ &:hover {
211
+ color: #fff;
212
+ }
213
+ }
214
+
215
+ &:hover {
216
+ background-color: #008287;
217
+ }
218
+
219
+ &.divider {
220
+ height: 1px !important;
221
+ line-height: 1px !important;
222
+ background-color: transparent !important;
223
+ border-top: 1px #bababa solid !important;
224
+
225
+ &:hover {
226
+ background-color: transparent !important;
227
+ }
228
+ }
229
+
230
+ &.sub-menu {
231
+ &:after {
232
+ position: absolute;
233
+ content: "\3009";
234
+ display: inline-block;
235
+ font-size: 10pt;
236
+ top: 5px;
237
+ right: 10px;
238
+ .rotate(0deg);
239
+ }
240
+ }
241
+ }
242
+ }
243
+
244
+ .horizontal-menu {
245
+ background-color: #f1f1f1;
246
+ padding: 0px;
247
+
248
+ & > ul {
249
+ .unstyled();
250
+
251
+ li {
252
+ float: left;
253
+ position: relative;
254
+ border: 1px transparent solid;
255
+ display: block;
256
+
257
+ &:hover {
258
+ border: 1px #bababa solid;
259
+ background-color: #fff;
260
+ }
261
+
262
+ &.sub-menu {
263
+ padding-right: 20px;
264
+ &:after {
265
+ position: absolute;
266
+ content: "\3009";
267
+ display: inline-block;
268
+ font-size: 10pt;
269
+ font-family: sans;
270
+ top: 7px;
271
+ right: 10px;
272
+ .rotate(90deg);
273
+ }
274
+ }
275
+
276
+ a {
277
+ float: left;
278
+ padding: 5px 10px;
279
+ display: block;
280
+ z-index: 999;
281
+ #font > .navigation;
282
+ #state > .navigation;
283
+ }
284
+
285
+ ul {
286
+ .popup-menu;
287
+ }
288
+
289
+ &:hover > ul {
290
+ display: block;
291
+ }
292
+
293
+ ul li ul {
294
+ position: absolute;
295
+ left: 100%;
296
+ top: -2px;
297
+ }
298
+ }
299
+
300
+ li.pull {
301
+ display: none;
302
+ float: right;
303
+ margin-right: 5px;
304
+ margin-top: 5px;
305
+ a {
306
+ width: 24px;
307
+ height: 20px;
308
+ background: image-url("metro-ui-css/pull24-dark.png") no-repeat;
309
+ display: block;
310
+ text-decoration: none;
311
+ border: 0;
312
+ cursor: pointer;
313
+ }
314
+
315
+ &:hover {
316
+ border: 1px transparent solid;
317
+ }
318
+ }
319
+ }
320
+
321
+ .clearfix();
322
+ }
323
+
324
+ .page {
325
+ .page-header {
326
+ .page-header-content {
327
+ h1[data-role=dropdown] {
328
+ cursor: pointer;
329
+ .dropdown-menu {
330
+ margin-top: -10px;
331
+ }
332
+ &:after {
333
+ position: absolute;
334
+ content: "\3009";
335
+ display: inline-block;
336
+ font-size: 10pt;
337
+ left: 100%;
338
+ top: 20px;
339
+ margin-left: 5px;
340
+ .rotate(90deg);
341
+ }
342
+ }
343
+ }
344
+ }
345
+ }
@@ -0,0 +1,147 @@
1
+ /*
2
+ * Metro UI CSS
3
+ * Copyright 2012 Sergey Pimenov
4
+ * Licensed under the MIT Lilcense
5
+ *
6
+ * responsive.less
7
+ */
8
+
9
+ /* Landscape phones and down */
10
+ @tileSmall: 120px;
11
+ @tileLarge: 250px;
12
+ @tileMargin: 5px;
13
+ @tileDouble: @tileSmall * 2 + @tileMargin * 2;
14
+ @tileTriple: @tileSmall * 3 + @tileMargin * 4;
15
+ @tileQuadro: @tileSmall * 4 + @tileMargin * 6;
16
+
17
+ @media (max-width: 480px) {
18
+ .page.secondary {
19
+ .page-back {
20
+ width: 24px;
21
+ height: 24px;
22
+ left: 0px !important;
23
+ }
24
+
25
+ .page-header .page-header-content {
26
+ height: 60px;
27
+ min-height: 50px;
28
+
29
+ h1 {
30
+ left: 40px;
31
+
32
+ }
33
+ }
34
+ .page-region .page-region-content {
35
+ padding-left: 0 ;
36
+ }
37
+ }
38
+
39
+ .page.fixed-header {
40
+ .page-header {
41
+ position: relative !important;
42
+
43
+ .page-header-content {
44
+ .user-login {
45
+ float: right;
46
+ margin: 35px 44px 0 0;
47
+ cursor: pointer;
48
+
49
+ .avatar {
50
+ float: right;
51
+ border: 1px #ccc solid;
52
+ width: 40px;
53
+ height: 40px;
54
+ img {
55
+ width: 100%;
56
+ height: 100%;
57
+ }
58
+ }
59
+ .name {
60
+ float: left;
61
+ margin: 0px 10px;
62
+ text-align: right;
63
+
64
+ .first-name {
65
+ font-family: "Segoe UI Light", "Open Sans", sans-serif, sans;
66
+ font-size: 14pt;
67
+ display: block;
68
+ margin: 0;
69
+ }
70
+ .last-name {
71
+ font-family: "Open Sans", sans-serif, sans;
72
+ font-size: 8pt;
73
+ display: block;
74
+ margin: 0;
75
+ }
76
+ }
77
+ }
78
+
79
+ h1 {
80
+ left: 0;
81
+ }
82
+ }
83
+ }
84
+ .page-region {
85
+ padding-top: 20px;
86
+ }
87
+ }
88
+ .horizontal-menu {
89
+ height: auto;
90
+
91
+ & > ul {
92
+ width: 100%;
93
+ display: block;
94
+ height: auto;
95
+
96
+ & > li {
97
+ width: 100%;
98
+ float: none;
99
+ display: block;
100
+ position: relative;
101
+ border-bottom: 1px #1e1e1e solid;
102
+
103
+ &:last-child {
104
+ border-bottom: 1px transparent solid;
105
+ }
106
+
107
+ a {
108
+ width: 100%;
109
+ float: none;
110
+ }
111
+ }
112
+
113
+
114
+ li ul {
115
+ position: relative;
116
+ width: 100%;
117
+ border: 0;
118
+ left: 10px;
119
+ }
120
+
121
+ }
122
+ }
123
+
124
+ table {
125
+ thead {
126
+ tr {
127
+ th {
128
+ font-size: 8pt;
129
+ }
130
+ }
131
+ }
132
+
133
+ tbody {
134
+ tr {
135
+ td {
136
+ font-size: 9pt;
137
+ padding: 2px 5px;
138
+ }
139
+ }
140
+ }
141
+ }
142
+
143
+ h1 {font-size: 26pt; line-height: 18px;}
144
+ h2 {font-size: 16pt; line-height: 16px;}
145
+ h3 {font-size: 13pt; line-height: 16px;}
146
+ h3 {font-size: 13pt; line-height: 14px;}
147
+ }