metro-ui-rails-cn 0.1.5
Sign up to get free protection for your applications and to get access to all the features.
- data/.gitignore +18 -0
- data/.gitmodules +3 -0
- data/Gemfile +4 -0
- data/README.md +54 -0
- data/Rakefile +15 -0
- data/lib/generators/metro/layout/layout_generator.rb +19 -0
- data/lib/generators/metro/layout/templates/layout.html.erb +89 -0
- data/lib/metro-ui-rails-cn.rb +10 -0
- data/lib/metro/ui/convert.rb +64 -0
- data/lib/metro/ui/rails/engine.rb +15 -0
- data/lib/metro/ui/rails/metro.rb +2 -0
- data/lib/metro/ui/rails/version.rb +7 -0
- data/metro-ui-rails-cn.gemspec +26 -0
- data/test/convert_test.rb +28 -0
- data/test/test_helper.rb +2 -0
- data/vendor/assets/images/.DS_Store +0 -0
- data/vendor/assets/images/metro-ui-css/1.jpg +0 -0
- data/vendor/assets/images/metro-ui-css/1005-BizSpark-261x230.jpg +0 -0
- data/vendor/assets/images/metro-ui-css/2.jpg +0 -0
- data/vendor/assets/images/metro-ui-css/3.jpg +0 -0
- data/vendor/assets/images/metro-ui-css/4.jpg +0 -0
- data/vendor/assets/images/metro-ui-css/5.jpg +0 -0
- data/vendor/assets/images/metro-ui-css/Calendar128.png +0 -0
- data/vendor/assets/images/metro-ui-css/Camera48.png +0 -0
- data/vendor/assets/images/metro-ui-css/InternetExplorer128.png +0 -0
- data/vendor/assets/images/metro-ui-css/Mail128.png +0 -0
- data/vendor/assets/images/metro-ui-css/Market128.png +0 -0
- data/vendor/assets/images/metro-ui-css/Music128.png +0 -0
- data/vendor/assets/images/metro-ui-css/Picture128.png +0 -0
- data/vendor/assets/images/metro-ui-css/Rss128.png +0 -0
- data/vendor/assets/images/metro-ui-css/Video128.png +0 -0
- data/vendor/assets/images/metro-ui-css/YouTube128.png +0 -0
- data/vendor/assets/images/metro-ui-css/armor.png +0 -0
- data/vendor/assets/images/metro-ui-css/author.jpg +0 -0
- data/vendor/assets/images/metro-ui-css/bage-activity.png +0 -0
- data/vendor/assets/images/metro-ui-css/bage-alert.png +0 -0
- data/vendor/assets/images/metro-ui-css/bage-attention.png +0 -0
- data/vendor/assets/images/metro-ui-css/bage-available.png +0 -0
- data/vendor/assets/images/metro-ui-css/bage-away.png +0 -0
- data/vendor/assets/images/metro-ui-css/bage-busy.png +0 -0
- data/vendor/assets/images/metro-ui-css/bage-error.png +0 -0
- data/vendor/assets/images/metro-ui-css/bage-newMessage.png +0 -0
- data/vendor/assets/images/metro-ui-css/bage-paused.png +0 -0
- data/vendor/assets/images/metro-ui-css/bage-playing.png +0 -0
- data/vendor/assets/images/metro-ui-css/bage-unavailable.png +0 -0
- data/vendor/assets/images/metro-ui-css/chrome.png +0 -0
- data/vendor/assets/images/metro-ui-css/collapse24-black.png +0 -0
- data/vendor/assets/images/metro-ui-css/collapse24.png +0 -0
- data/vendor/assets/images/metro-ui-css/collapse32-black.png +0 -0
- data/vendor/assets/images/metro-ui-css/collapse32.png +0 -0
- data/vendor/assets/images/metro-ui-css/download-32.png +0 -0
- data/vendor/assets/images/metro-ui-css/excel2013icon.png +0 -0
- data/vendor/assets/images/metro-ui-css/expand24-black.png +0 -0
- data/vendor/assets/images/metro-ui-css/expand24.png +0 -0
- data/vendor/assets/images/metro-ui-css/expand32-black.png +0 -0
- data/vendor/assets/images/metro-ui-css/expand32.png +0 -0
- data/vendor/assets/images/metro-ui-css/firefox.png +0 -0
- data/vendor/assets/images/metro-ui-css/fonts/7xkFOeTxxO1GMC1suOUYWWhBabBbEjGd1iRmpyoZukE.woff +0 -0
- data/vendor/assets/images/metro-ui-css/fonts/DXI1ORHCpsQm3Vp6mXoaTZ1r3JsPcQLi8jytr04NNhU.woff +0 -0
- data/vendor/assets/images/metro-ui-css/fonts/EInbV5DfGHOiMmvb1Xr-hp1r3JsPcQLi8jytr04NNhU.woff +0 -0
- data/vendor/assets/images/metro-ui-css/fonts/K88pR3goAWT7BTt32Z01mz8E0i7KZn-EPnyo3HZu7kw.woff +0 -0
- data/vendor/assets/images/metro-ui-css/fonts/k3k702ZOKiLJc3WVjuplzJ1r3JsPcQLi8jytr04NNhU.woff +0 -0
- data/vendor/assets/images/metro-ui-css/fork-32.png +0 -0
- data/vendor/assets/images/metro-ui-css/github.png +0 -0
- data/vendor/assets/images/metro-ui-css/grid.png +0 -0
- data/vendor/assets/images/metro-ui-css/icons-white.png +0 -0
- data/vendor/assets/images/metro-ui-css/icons.png +0 -0
- data/vendor/assets/images/metro-ui-css/ie.png +0 -0
- data/vendor/assets/images/metro-ui-css/lock-open.png +0 -0
- data/vendor/assets/images/metro-ui-css/lock.png +0 -0
- data/vendor/assets/images/metro-ui-css/logo-jetbrains.jpg +0 -0
- data/vendor/assets/images/metro-ui-css/logo32.png +0 -0
- data/vendor/assets/images/metro-ui-css/michael.jpg +0 -0
- data/vendor/assets/images/metro-ui-css/myface.jpg +0 -0
- data/vendor/assets/images/metro-ui-css/onenote2013icon.png +0 -0
- data/vendor/assets/images/metro-ui-css/opera.png +0 -0
- data/vendor/assets/images/metro-ui-css/pull24-dark.png +0 -0
- data/vendor/assets/images/metro-ui-css/pull24.png +0 -0
- data/vendor/assets/images/metro-ui-css/responsive.png +0 -0
- data/vendor/assets/images/metro-ui-css/row24.png +0 -0
- data/vendor/assets/images/metro-ui-css/shield-user.png +0 -0
- data/vendor/assets/images/metro-ui-css/simple.png +0 -0
- data/vendor/assets/images/metro-ui-css/star32.png +0 -0
- data/vendor/assets/images/metro-ui-css/stock-up.png +0 -0
- data/vendor/assets/images/metro-ui-css/view-32.png +0 -0
- data/vendor/assets/images/metro-ui-css/windows-8-metro.jpg +0 -0
- data/vendor/assets/images/metro-ui-css/windows8_metro_green_1920_1080.jpg +0 -0
- data/vendor/assets/images/metro-ui-css/word2013icon.png +0 -0
- data/vendor/assets/javascripts/metro-ui-css-js.js +1 -0
- data/vendor/assets/javascripts/metro-ui-css/accordion.js +44 -0
- data/vendor/assets/javascripts/metro-ui-css/buttonset.js +34 -0
- data/vendor/assets/javascripts/metro-ui-css/carousel.js +368 -0
- data/vendor/assets/javascripts/metro-ui-css/dropdown.js +95 -0
- data/vendor/assets/javascripts/metro-ui-css/pagecontrol.js +64 -0
- data/vendor/assets/javascripts/metro-ui-css/rating.js +46 -0
- data/vendor/assets/javascripts/metro-ui-css/tile-slider.js +196 -0
- data/vendor/toolkit/metro-ui-css/accordion.less +69 -0
- data/vendor/toolkit/metro-ui-css/bricks.less +57 -0
- data/vendor/toolkit/metro-ui-css/buttons.less +256 -0
- data/vendor/toolkit/metro-ui-css/cards.less +113 -0
- data/vendor/toolkit/metro-ui-css/carousel.less +109 -0
- data/vendor/toolkit/metro-ui-css/code.less +47 -0
- data/vendor/toolkit/metro-ui-css/colors.less +90 -0
- data/vendor/toolkit/metro-ui-css/forms.less +427 -0
- data/vendor/toolkit/metro-ui-css/grid.less +115 -0
- data/vendor/toolkit/metro-ui-css/hero.less +18 -0
- data/vendor/toolkit/metro-ui-css/icons.less +326 -0
- data/vendor/toolkit/metro-ui-css/images.less +121 -0
- data/vendor/toolkit/metro-ui-css/layout.less +287 -0
- data/vendor/toolkit/metro-ui-css/listview.less +143 -0
- data/vendor/toolkit/metro-ui-css/menus.less +345 -0
- data/vendor/toolkit/metro-ui-css/modern-responsive-max480.less +147 -0
- data/vendor/toolkit/metro-ui-css/modern-responsive-max767.less +211 -0
- data/vendor/toolkit/metro-ui-css/modern-responsive-max979.less +71 -0
- data/vendor/toolkit/metro-ui-css/modern-responsive-min1200.less +28 -0
- data/vendor/toolkit/metro-ui-css/modern-responsive.less +13 -0
- data/vendor/toolkit/metro-ui-css/modern.less +33 -0
- data/vendor/toolkit/metro-ui-css/notices.less +183 -0
- data/vendor/toolkit/metro-ui-css/pagecontrol.less +100 -0
- data/vendor/toolkit/metro-ui-css/progress.less +22 -0
- data/vendor/toolkit/metro-ui-css/rating.less +80 -0
- data/vendor/toolkit/metro-ui-css/reset.less +504 -0
- data/vendor/toolkit/metro-ui-css/routines.less +137 -0
- data/vendor/toolkit/metro-ui-css/sidebar.less +139 -0
- data/vendor/toolkit/metro-ui-css/slider.less +52 -0
- data/vendor/toolkit/metro-ui-css/tables.less +158 -0
- data/vendor/toolkit/metro-ui-css/theme-dark.less +54 -0
- data/vendor/toolkit/metro-ui-css/tiles.less +276 -0
- data/vendor/toolkit/metro-ui-css/typography.less +347 -0
- metadata +229 -0
@@ -0,0 +1,57 @@
|
|
1
|
+
/*
|
2
|
+
* Metro UI CSS
|
3
|
+
* Copyright 2012 Sergey Pimenov
|
4
|
+
* Licensed under the MIT Lilcense
|
5
|
+
*
|
6
|
+
* Bricks.less
|
7
|
+
*
|
8
|
+
*/
|
9
|
+
|
10
|
+
.item-margin {
|
11
|
+
margin: 0 @subunit*2 @subunit*2 0;
|
12
|
+
}
|
13
|
+
.column-margin {
|
14
|
+
margin: 0 @unit @subunit*2 0;
|
15
|
+
}
|
16
|
+
.group-margin {
|
17
|
+
margin: 0 @unit*4 @subunit*2 0;
|
18
|
+
}
|
19
|
+
|
20
|
+
[class*="-brick"] {
|
21
|
+
}
|
22
|
+
|
23
|
+
.brick {
|
24
|
+
.pos-rel;
|
25
|
+
.item-margin;
|
26
|
+
.as-block;
|
27
|
+
}
|
28
|
+
|
29
|
+
.short-brick {
|
30
|
+
.brick;
|
31
|
+
width: 150px;
|
32
|
+
height: 150px;
|
33
|
+
}
|
34
|
+
|
35
|
+
.medium-brick {
|
36
|
+
.brick;
|
37
|
+
width: 310px;
|
38
|
+
height: 150px;
|
39
|
+
}
|
40
|
+
|
41
|
+
.badge {
|
42
|
+
.brick;
|
43
|
+
width: @subunit*7;
|
44
|
+
height: @subunit*6;
|
45
|
+
padding-top: @subunit;
|
46
|
+
#font > .control;
|
47
|
+
color: @darken;
|
48
|
+
text-align: center;
|
49
|
+
}
|
50
|
+
|
51
|
+
.square {
|
52
|
+
display: block;
|
53
|
+
float: left;
|
54
|
+
margin-right: 10px;
|
55
|
+
height: 20px;
|
56
|
+
width: 20px;
|
57
|
+
}
|
@@ -0,0 +1,256 @@
|
|
1
|
+
/*
|
2
|
+
* Metro UI CSS
|
3
|
+
* Copyright 2012 Sergey Pimenov
|
4
|
+
* Licensed under the MIT Lilcense
|
5
|
+
*
|
6
|
+
* Buttons.less
|
7
|
+
*/
|
8
|
+
|
9
|
+
@logo: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGESURBVFhH7ZevTsNQFIfbZgKxB9gjIHgABAIcS0CSQIJE4LEIEgQCyQNMIiHhIRAgEAgECWKIySUTCEjLd3t/Cyml3em6DtMvOTn33PM3XdvbBU2SJMmKlssnjuNtZIisa2t50HQNmXAFEvQHsi9X89CzR8M31/wXZwppDpp0aX7v++XBd41q7r5Qg1I0YE8pQYixqbWFpzAMx1pnoPA5vlOZpdDzHdWPoujZGVX4c1iaH8pvhpwJshOpxtxQawM18JYdrlYXdbKIAa4o1pFphrxX8g5qD0CRPsUeZZogfkzeLjJaxAAjZIuit9oqhbgv4veQl+lGFQqfGHwdbqpLH1YMMUdK8WjfysxHlgbHyKfiM7B/obAf5LNiemfQyB1E6VkwBfsGlb9ZvduM+aVFQ3cgDV0S+gHlHrs8LqAC5gEcxLuD6c5pbeVJy9qpNECLCV1aK+lPwO86kD0TF5s2KqD2m7Au7QDtAO0A7QD/PsBcf0zIWWVdfMRmcd+M/vsvRxB8A6+/IU2N93KYAAAAAElFTkSuQmCC);
|
10
|
+
@img-back-button: url(data:image/png;base64,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);
|
11
|
+
|
12
|
+
.modern-ui-logo, .metro-ui-logo {
|
13
|
+
height: 28px;
|
14
|
+
width: 28px;
|
15
|
+
display: block;
|
16
|
+
background-image: @logo;
|
17
|
+
-webkit-background-size: cover;
|
18
|
+
-moz-background-size: cover;
|
19
|
+
-o-background-size: cover;
|
20
|
+
background-size: cover;
|
21
|
+
}
|
22
|
+
|
23
|
+
.back-button {
|
24
|
+
height: 32px;
|
25
|
+
width: 32px;
|
26
|
+
display: block;
|
27
|
+
background-image: @img-back-button;
|
28
|
+
-webkit-background-size: cover;
|
29
|
+
-moz-background-size: cover;
|
30
|
+
-o-background-size: cover;
|
31
|
+
background-size: cover;
|
32
|
+
|
33
|
+
&.big {
|
34
|
+
height: 48px;
|
35
|
+
width: 48px;
|
36
|
+
left: 36px;
|
37
|
+
top: 40px;
|
38
|
+
}
|
39
|
+
&.page-back {
|
40
|
+
}
|
41
|
+
}
|
42
|
+
|
43
|
+
button, .button {
|
44
|
+
#font > .control;
|
45
|
+
height: 32px;
|
46
|
+
background-color: #ccc;
|
47
|
+
border: 1px transparent solid;
|
48
|
+
color: #353535;
|
49
|
+
margin-right: 10px;
|
50
|
+
margin-bottom: 10px;
|
51
|
+
border-raduis: 0;
|
52
|
+
display: inline-block;
|
53
|
+
text-align: center;
|
54
|
+
vertical-align: middle;
|
55
|
+
cursor: pointer;
|
56
|
+
padding: 4px 10px;
|
57
|
+
|
58
|
+
&.standart {
|
59
|
+
min-width: 90px;
|
60
|
+
min-height: 32px;
|
61
|
+
}
|
62
|
+
|
63
|
+
&:active, &.default:active {
|
64
|
+
background-color: #000 !important;
|
65
|
+
color: #fff;
|
66
|
+
}
|
67
|
+
|
68
|
+
&:disabled, &.disabled {
|
69
|
+
background-color: #eaeaea;
|
70
|
+
color: #bebebe;
|
71
|
+
cursor: not-allowed;
|
72
|
+
}
|
73
|
+
|
74
|
+
&.default {
|
75
|
+
background-color: #008287;
|
76
|
+
color: #fff;
|
77
|
+
}
|
78
|
+
|
79
|
+
&:focus {
|
80
|
+
outline: 0;
|
81
|
+
border: 1px #353535 dotted;
|
82
|
+
}
|
83
|
+
|
84
|
+
&:hover {
|
85
|
+
}
|
86
|
+
|
87
|
+
}
|
88
|
+
|
89
|
+
button, .button, .tool-button {
|
90
|
+
[class*=icon-] {
|
91
|
+
background-size: cover;
|
92
|
+
zoom: 1;
|
93
|
+
}
|
94
|
+
|
95
|
+
&.mini {
|
96
|
+
min-height: 24px;
|
97
|
+
height: 26px;
|
98
|
+
font-size: .8em;
|
99
|
+
|
100
|
+
[class*=icon-] {
|
101
|
+
|
102
|
+
}
|
103
|
+
}
|
104
|
+
&.big {
|
105
|
+
min-height: 48px;
|
106
|
+
height: 48px;
|
107
|
+
font-size: 1.2em;
|
108
|
+
|
109
|
+
[class*=icon-] {
|
110
|
+
margin-top: 6px;
|
111
|
+
zoom: 1;
|
112
|
+
}
|
113
|
+
}
|
114
|
+
}
|
115
|
+
|
116
|
+
.tool-button {
|
117
|
+
[class*=icon-] {
|
118
|
+
margin-top: 2px !important;
|
119
|
+
margin-left: 7px !important;
|
120
|
+
}
|
121
|
+
|
122
|
+
&.mini {
|
123
|
+
min-width: 22px;
|
124
|
+
width: 22px;
|
125
|
+
}
|
126
|
+
|
127
|
+
&.big {
|
128
|
+
min-width: 48px;
|
129
|
+
width: 48px;
|
130
|
+
|
131
|
+
[class*=icon-] {
|
132
|
+
margin-top: 2px !important;
|
133
|
+
margin-left: 15px !important;
|
134
|
+
}
|
135
|
+
}
|
136
|
+
}
|
137
|
+
|
138
|
+
.command-button {
|
139
|
+
width: 330px;
|
140
|
+
text-align: left;
|
141
|
+
padding: 10px 20px;
|
142
|
+
height: auto;
|
143
|
+
color: #000;
|
144
|
+
background-color: #ccc;
|
145
|
+
#font > .normal;
|
146
|
+
|
147
|
+
& > small {
|
148
|
+
display: block;
|
149
|
+
#font > .normal;
|
150
|
+
font-size: 10pt;
|
151
|
+
color: #505050;
|
152
|
+
}
|
153
|
+
|
154
|
+
&.default {
|
155
|
+
& > small {
|
156
|
+
color: #ccc;
|
157
|
+
}
|
158
|
+
}
|
159
|
+
}
|
160
|
+
|
161
|
+
.tool-button {
|
162
|
+
.button;
|
163
|
+
min-width: 32px;
|
164
|
+
min-height: 32px;
|
165
|
+
width: 32px;
|
166
|
+
height: 32px;
|
167
|
+
text-align: center;
|
168
|
+
position: relative;
|
169
|
+
padding: 0;
|
170
|
+
|
171
|
+
img {
|
172
|
+
width: 16px;
|
173
|
+
height: 16px;
|
174
|
+
position: absolute;
|
175
|
+
top: 8px;
|
176
|
+
left: 8px;
|
177
|
+
}
|
178
|
+
|
179
|
+
[class*=icon-] {
|
180
|
+
margin-left: 8px;
|
181
|
+
}
|
182
|
+
}
|
183
|
+
|
184
|
+
.toolbar {
|
185
|
+
a, button {
|
186
|
+
.tool-button;
|
187
|
+
margin-right: 0px;
|
188
|
+
}
|
189
|
+
|
190
|
+
a {
|
191
|
+
padding: 5px 0;
|
192
|
+
}
|
193
|
+
.clearfix;
|
194
|
+
|
195
|
+
.toolbar-group {
|
196
|
+
margin-right: 20px;
|
197
|
+
margin-bottom: 10px;
|
198
|
+
float: left;
|
199
|
+
}
|
200
|
+
}
|
201
|
+
.toolbar-vertical {
|
202
|
+
width: 33px;
|
203
|
+
float: left;
|
204
|
+
margin-right: 10px;
|
205
|
+
|
206
|
+
a, button {
|
207
|
+
.tool-button;
|
208
|
+
margin-bottom: 5px;
|
209
|
+
}
|
210
|
+
|
211
|
+
a {
|
212
|
+
padding: 5px 0;
|
213
|
+
}
|
214
|
+
.clearfix;
|
215
|
+
|
216
|
+
.toolbar-group {
|
217
|
+
margin-bottom: 20px;
|
218
|
+
}
|
219
|
+
}
|
220
|
+
|
221
|
+
.image-button {
|
222
|
+
position: relative;
|
223
|
+
border: 0;
|
224
|
+
padding-right: 45px;
|
225
|
+
|
226
|
+
img, &:active img {
|
227
|
+
position: absolute;
|
228
|
+
right: 0;
|
229
|
+
margin-left: 32px;
|
230
|
+
padding: 5px;
|
231
|
+
height: 100%;
|
232
|
+
top: 0px;
|
233
|
+
margin-left: 0px;
|
234
|
+
box-sizing: border-box;
|
235
|
+
border: 1px transparent solid;
|
236
|
+
z-index: 2;
|
237
|
+
}
|
238
|
+
}
|
239
|
+
|
240
|
+
.button-set {
|
241
|
+
a, button {
|
242
|
+
margin-right: 0;
|
243
|
+
text-align: center;
|
244
|
+
img {
|
245
|
+
background-color: transparent;
|
246
|
+
}
|
247
|
+
}
|
248
|
+
a {
|
249
|
+
padding: 5px 0;
|
250
|
+
}
|
251
|
+
button.active {
|
252
|
+
background-color: #008287;
|
253
|
+
color: #fff;
|
254
|
+
}
|
255
|
+
}
|
256
|
+
|
@@ -0,0 +1,113 @@
|
|
1
|
+
/*
|
2
|
+
* Metro UI CSS
|
3
|
+
* Copyright 2012 Sergey Pimenov
|
4
|
+
* Licensed under the MIT Lilcense
|
5
|
+
*
|
6
|
+
* Cards.less
|
7
|
+
*
|
8
|
+
*/
|
9
|
+
|
10
|
+
@joker: url(data:image/jpeg;base64,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%3D);
|
11
|
+
|
12
|
+
.card {
|
13
|
+
width: 75px;
|
14
|
+
height: 105px;
|
15
|
+
border: 1px #eaeaea solid;
|
16
|
+
border-radius: 0px;
|
17
|
+
position: relative;
|
18
|
+
float: left;
|
19
|
+
display: block;
|
20
|
+
margin-right: 10px;
|
21
|
+
margin-bottom: 10px;
|
22
|
+
cursor: pointer;
|
23
|
+
background: #fff;
|
24
|
+
#font > .subheader-secondary;
|
25
|
+
font-family: Tahoma, Arial, sans-serif;
|
26
|
+
line-height: 18pt;
|
27
|
+
|
28
|
+
&:hover {
|
29
|
+
box-shadow: 1px 1px 1px #ccc;
|
30
|
+
}
|
31
|
+
|
32
|
+
.small-suit {
|
33
|
+
}
|
34
|
+
.suit {
|
35
|
+
padding: 0;
|
36
|
+
font-size: 80px;
|
37
|
+
position: absolute;
|
38
|
+
right: 5px;
|
39
|
+
bottom: 30px;
|
40
|
+
}
|
41
|
+
.small-suit:after {
|
42
|
+
top: 5px;
|
43
|
+
left: 10px;
|
44
|
+
position: absolute;
|
45
|
+
}
|
46
|
+
.small-suit:before {
|
47
|
+
top: 28px;
|
48
|
+
left: 10px;
|
49
|
+
position: absolute;
|
50
|
+
}
|
51
|
+
|
52
|
+
.suit:after {
|
53
|
+
position: relative;
|
54
|
+
}
|
55
|
+
}
|
56
|
+
|
57
|
+
.red { color: red;}
|
58
|
+
.black { color: black; }
|
59
|
+
|
60
|
+
|
61
|
+
// Значения
|
62
|
+
.card.two { .small-suit:after { content: "2"; }}
|
63
|
+
.card.three { .small-suit:after { content: "3"; }}
|
64
|
+
.card.four { .small-suit:after { content: "4"; }}
|
65
|
+
.card.five { .small-suit:after { content: "5"; }}
|
66
|
+
.card.six { .small-suit:after { content: "6"; }}
|
67
|
+
.card.seven { .small-suit:after { content: "7"; }}
|
68
|
+
.card.eight { .small-suit:after { content: "8"; }}
|
69
|
+
.card.nine { .small-suit:after { content: "9"; }}
|
70
|
+
.card.ten { .small-suit:after { content: "10"; margin-left: -7px; }}
|
71
|
+
.card.jack { .small-suit:after { content: "J"; }}
|
72
|
+
.card.dame { .small-suit:after { content: "Q"; }}
|
73
|
+
.card.king { .small-suit:after { content: "K"; }}
|
74
|
+
.card.ace { .small-suit:after { content: "A"; }}
|
75
|
+
.card.joker { background: #fff @joker no-repeat 10px}
|
76
|
+
|
77
|
+
@angle: 45deg;
|
78
|
+
.card.back {
|
79
|
+
background-color: @red;
|
80
|
+
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,.15)), color-stop(.75, rgba(255,255,255,.15)), color-stop(.75, transparent), to(transparent));
|
81
|
+
background-image: -webkit-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
82
|
+
background-image: -moz-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
83
|
+
background-image: -ms-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
84
|
+
background-image: -o-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
85
|
+
background-image: linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
86
|
+
}
|
87
|
+
// Масти
|
88
|
+
|
89
|
+
// Пики
|
90
|
+
.card.spades {
|
91
|
+
.small-suit:after { .black(); }
|
92
|
+
.small-suit:before { content: "\2660"; .black(); }
|
93
|
+
.suit:after { content: "\2660"; .black(); }
|
94
|
+
}
|
95
|
+
// Трефы
|
96
|
+
.card.clubs {
|
97
|
+
.small-suit:after { .black(); }
|
98
|
+
.small-suit:before { content: "\2663"; .black(); }
|
99
|
+
.suit:after { content: "\2663"; .black(); }
|
100
|
+
}
|
101
|
+
// Бубны
|
102
|
+
.card.diamonds {
|
103
|
+
.small-suit:after { .red(); }
|
104
|
+
.small-suit:before { content: "\2666"; .red(); }
|
105
|
+
.suit:after { content: "\2666"; .red();}
|
106
|
+
}
|
107
|
+
// Червы
|
108
|
+
.card.hearts {
|
109
|
+
.small-suit:after { .red(); }
|
110
|
+
.small-suit:before { content: "\2665"; .red(); }
|
111
|
+
.suit:after { content: "\2665"; .red(); }
|
112
|
+
}
|
113
|
+
|
@@ -0,0 +1,109 @@
|
|
1
|
+
/*
|
2
|
+
* Metro UI CSS
|
3
|
+
* Copyright 2012 Sergey Pimenov
|
4
|
+
* Licensed under the MIT Lilcense
|
5
|
+
*
|
6
|
+
* Carousel.less
|
7
|
+
* Version: 1.0
|
8
|
+
*
|
9
|
+
*/
|
10
|
+
|
11
|
+
.carousel {
|
12
|
+
display: block;
|
13
|
+
position: relative;
|
14
|
+
//line-height: 1;
|
15
|
+
//width: 100%;
|
16
|
+
//height: 100%;
|
17
|
+
margin-bottom: 20px;
|
18
|
+
|
19
|
+
.slides {
|
20
|
+
width: 100%;
|
21
|
+
height: 100%;
|
22
|
+
overflow: hidden;
|
23
|
+
position: relative;
|
24
|
+
|
25
|
+
.slide {
|
26
|
+
position: absolute;
|
27
|
+
left: 0;
|
28
|
+
top: 0;
|
29
|
+
width: 100%;
|
30
|
+
height: 100%;
|
31
|
+
|
32
|
+
&.image {
|
33
|
+
img {
|
34
|
+
width: 100%;
|
35
|
+
height: 100%;
|
36
|
+
}
|
37
|
+
}
|
38
|
+
|
39
|
+
.description {
|
40
|
+
position: absolute;
|
41
|
+
left: 0;
|
42
|
+
right: 0;
|
43
|
+
bottom: 0;
|
44
|
+
padding: 10px;
|
45
|
+
background: rgba(0,0,0,.7);
|
46
|
+
color: #fff;
|
47
|
+
}
|
48
|
+
}
|
49
|
+
}
|
50
|
+
|
51
|
+
.control {
|
52
|
+
position: absolute;
|
53
|
+
top: 50%;
|
54
|
+
left: 15px;
|
55
|
+
width: 40px;
|
56
|
+
height: 45px;
|
57
|
+
margin-top: -20px;
|
58
|
+
font-size: 48pt;
|
59
|
+
font-weight: 100;
|
60
|
+
line-height: 30px;
|
61
|
+
color: #fff;
|
62
|
+
text-align: center;
|
63
|
+
cursor: pointer;
|
64
|
+
opacity: .75;
|
65
|
+
|
66
|
+
&.right {
|
67
|
+
left: auto;
|
68
|
+
right: 15px;
|
69
|
+
}
|
70
|
+
|
71
|
+
&:hover {
|
72
|
+
opacity: 1;
|
73
|
+
}
|
74
|
+
|
75
|
+
}
|
76
|
+
|
77
|
+
.markers {
|
78
|
+
& > ul {
|
79
|
+
.unstyled;
|
80
|
+
list-style: none;
|
81
|
+
position: absolute;
|
82
|
+
top: 100%;
|
83
|
+
left: 0;
|
84
|
+
padding-top: 10px;
|
85
|
+
}
|
86
|
+
|
87
|
+
li {
|
88
|
+
display: block;
|
89
|
+
float: left;
|
90
|
+
margin-right: 5px;
|
91
|
+
|
92
|
+
a {
|
93
|
+
width: 32px;
|
94
|
+
height: 6px;
|
95
|
+
background-color: red;
|
96
|
+
display: block;
|
97
|
+
float: left;
|
98
|
+
}
|
99
|
+
|
100
|
+
&.active a {
|
101
|
+
background-color: #1e1e1e;
|
102
|
+
}
|
103
|
+
}
|
104
|
+
}
|
105
|
+
|
106
|
+
// Subclasses for animation effects
|
107
|
+
.effect-slide {}
|
108
|
+
.effect-fade {}
|
109
|
+
}
|