metro-ui-rails-cn 0.1.5 → 0.1.6

Sign up to get free protection for your applications and to get access to all the features.
@@ -14,13 +14,14 @@
14
14
  z-index: 10000;
15
15
 
16
16
  .navigation-bar-inner {
17
- padding: 5px 20px 2px 20px;
17
+ padding: 5px 20px 5px 20px;
18
18
  color: #fff;
19
19
  font-size: 11pt;
20
20
  margin: auto;
21
21
  position: relative;
22
22
 
23
23
  & > .brand {
24
+ position: relative;
24
25
  float: left;
25
26
  margin-right: 20px;
26
27
  margin-top: 3px;
@@ -35,6 +36,11 @@
35
36
  float: left;
36
37
  margin-right: 10px;
37
38
  margin-top: 3px;
39
+
40
+ img {
41
+ width: 100%;
42
+ height: 100%;
43
+ }
38
44
  }
39
45
 
40
46
  .name {
@@ -42,6 +48,23 @@
42
48
  font-size: 16pt;
43
49
  color: #fff;
44
50
  }
51
+
52
+ &.sub-menu {
53
+ cursor: pointer;
54
+ .dropdown-menu {
55
+ margin-top: -10px;
56
+ }
57
+ &:after {
58
+ position: absolute;
59
+ content: "\3009";
60
+ display: inline-block;
61
+ font-size: 10pt;
62
+ left: 100%;
63
+ top: 20px;
64
+ margin-left: 5px;
65
+ .rotate(90deg);
66
+ }
67
+ }
45
68
  }
46
69
 
47
70
  & > ul {
@@ -94,8 +117,16 @@
94
117
  & > .dropdown-menu {
95
118
  border: 0;
96
119
  }
120
+
121
+ &.no-hover {
122
+ &:hover {
123
+ background-color: transparent;
124
+ }
125
+ }
97
126
  }
98
127
  }
128
+
129
+ .clearfix;
99
130
  }
100
131
 
101
132
  &.fixed-top {
@@ -7,12 +7,6 @@
7
7
  */
8
8
 
9
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
10
 
17
11
  @media (max-width: 480px) {
18
12
  .page.secondary {
@@ -144,4 +138,10 @@
144
138
  h2 {font-size: 16pt; line-height: 16px;}
145
139
  h3 {font-size: 13pt; line-height: 16px;}
146
140
  h3 {font-size: 13pt; line-height: 14px;}
141
+
142
+ .tile-group {
143
+ max-width: 400px;
144
+ float: none;
145
+ }
146
+
147
147
  }
@@ -7,6 +7,14 @@
7
7
  */
8
8
 
9
9
  /* Landscape phone to portrait tablet */
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
+
10
18
  @media (max-width: 767px) {
11
19
  body {
12
20
  padding-right: 10px;
@@ -202,10 +210,4 @@
202
210
  }
203
211
  }
204
212
  }
205
-
206
- .tile-group {
207
- max-width: 400px;
208
- float: none;
209
- }
210
-
211
213
  }
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Metro UI CSS v 0.1.5
2
+ * Metro UI CSS v 0.1.6
3
3
  * Copyright 2012 Sergey Pimenov
4
4
  * Licensed under the MIT Lilcense
5
5
  */
@@ -6,9 +6,6 @@
6
6
  * Sidebar.less
7
7
  */
8
8
 
9
- @icons_black: image-url("metro-ui-css/icons.png");
10
- @icons_white: image-url("metro-ui-css/icons-white.png");
11
-
12
9
  .page-sidebar {
13
10
  display: block;
14
11
  width: 213px;
@@ -128,7 +125,7 @@
128
125
  margin-left: -20px;
129
126
  width: 16px;
130
127
  height: 16px;
131
- background: @icons_black no-repeat;
128
+ background: no-repeat;
132
129
  background-position: 0 -1586px;
133
130
  z-index: 200;
134
131
  }
@@ -18,7 +18,7 @@
18
18
 
19
19
  .slider {
20
20
  height: 12px;
21
- width: 100%;
21
+ width: auto;
22
22
  position: relative;
23
23
  background-color: @slider-color;
24
24
  margin-bottom: 10px;
@@ -31,11 +31,26 @@
31
31
  top: 0;
32
32
  left: 0;
33
33
  background-color: @slider-marker-color;
34
+ z-index: 3;
34
35
  }
35
36
  .complete {
36
37
  height: 100%;
37
38
  width: auto;
38
39
  background-color: @slider-color-rest-state;
40
+ z-index: 2;
41
+ }
42
+
43
+
44
+ &.vertical {
45
+ height: auto;
46
+ width: 12px;
47
+
48
+ .complete {
49
+ position: absolute;
50
+ height: auto;
51
+ width: 12px;
52
+ bottom: 0;
53
+ }
39
54
  }
40
55
 
41
56
  &:hover {
@@ -238,6 +238,11 @@
238
238
  &:hover {
239
239
  color: @white;
240
240
  }
241
+
242
+ & > [class*=icon-] {
243
+ font-size: 24px;
244
+ }
245
+
241
246
  }
242
247
 
243
248
  & > .icon {
@@ -245,6 +250,10 @@
245
250
  width: 32px;
246
251
  height: 32px;
247
252
 
253
+ & > [class*=icon-] {
254
+ font-size: 32px;
255
+ }
256
+
248
257
  & > img {
249
258
  width: 100%;
250
259
  height: 100%;
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: metro-ui-rails-cn
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.5
4
+ version: 0.1.6
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2012-11-04 00:00:00.000000000 Z
12
+ date: 2012-11-11 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: therubyracer
@@ -128,7 +128,12 @@ files:
128
128
  - vendor/assets/images/metro-ui-css/fonts/DXI1ORHCpsQm3Vp6mXoaTZ1r3JsPcQLi8jytr04NNhU.woff
129
129
  - vendor/assets/images/metro-ui-css/fonts/EInbV5DfGHOiMmvb1Xr-hp1r3JsPcQLi8jytr04NNhU.woff
130
130
  - vendor/assets/images/metro-ui-css/fonts/K88pR3goAWT7BTt32Z01mz8E0i7KZn-EPnyo3HZu7kw.woff
131
+ - vendor/assets/images/metro-ui-css/fonts/iconFont.eot
132
+ - vendor/assets/images/metro-ui-css/fonts/iconFont.svg
133
+ - vendor/assets/images/metro-ui-css/fonts/iconFont.ttf
134
+ - vendor/assets/images/metro-ui-css/fonts/iconFont.woff
131
135
  - vendor/assets/images/metro-ui-css/fonts/k3k702ZOKiLJc3WVjuplzJ1r3JsPcQLi8jytr04NNhU.woff
136
+ - vendor/assets/images/metro-ui-css/fonts/license.txt
132
137
  - vendor/assets/images/metro-ui-css/fork-32.png
133
138
  - vendor/assets/images/metro-ui-css/github.png
134
139
  - vendor/assets/images/metro-ui-css/grid.png
@@ -162,6 +167,7 @@ files:
162
167
  - vendor/assets/javascripts/metro-ui-css/dropdown.js
163
168
  - vendor/assets/javascripts/metro-ui-css/pagecontrol.js
164
169
  - vendor/assets/javascripts/metro-ui-css/rating.js
170
+ - vendor/assets/javascripts/metro-ui-css/slider.js
165
171
  - vendor/assets/javascripts/metro-ui-css/tile-slider.js
166
172
  - vendor/toolkit/metro-ui-css/accordion.less
167
173
  - vendor/toolkit/metro-ui-css/bricks.less
@@ -210,7 +216,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
210
216
  version: '0'
211
217
  segments:
212
218
  - 0
213
- hash: 554719144258759902
219
+ hash: -3670768754937858208
214
220
  required_rubygems_version: !ruby/object:Gem::Requirement
215
221
  none: false
216
222
  requirements:
@@ -219,7 +225,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
219
225
  version: '0'
220
226
  segments:
221
227
  - 0
222
- hash: 554719144258759902
228
+ hash: -3670768754937858208
223
229
  requirements: []
224
230
  rubyforge_project:
225
231
  rubygems_version: 1.8.24