metro-ui-rails 0.1.3 → 0.1.6

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 (106) hide show
  1. data/.gitignore +2 -0
  2. data/.gitmodules +3 -0
  3. data/Rakefile +73 -0
  4. data/lib/metro/ui/rails/engine.rb +1 -0
  5. data/lib/metro/ui/rails/version.rb +1 -1
  6. data/vendor/assets/fonts/metro-ui/iconFont.eot +0 -0
  7. data/vendor/assets/fonts/metro-ui/iconFont.svg +1956 -0
  8. data/vendor/assets/fonts/metro-ui/iconFont.ttf +0 -0
  9. data/vendor/assets/fonts/metro-ui/iconFont.woff +0 -0
  10. data/vendor/assets/images/{metro/ui → metro-ui}/pull24-dark.png +0 -0
  11. data/vendor/assets/images/{metro/ui → metro-ui}/row24.png +0 -0
  12. data/vendor/assets/javascripts/metro-ui.js +4 -0
  13. data/vendor/assets/javascripts/metro-ui/accordion.js +1 -1
  14. data/vendor/assets/javascripts/metro-ui/carousel.js +368 -0
  15. data/vendor/assets/javascripts/metro-ui/dropdown.js +3 -2
  16. data/vendor/assets/javascripts/metro-ui/pagecontrol.js +29 -6
  17. data/vendor/assets/javascripts/metro-ui/rating.js +46 -0
  18. data/vendor/assets/javascripts/metro-ui/slider.js +248 -0
  19. data/vendor/assets/javascripts/metro-ui/tile-slider.js +196 -0
  20. data/vendor/toolkit/metro-ui/accordion.less +8 -0
  21. data/vendor/toolkit/metro-ui/bricks.less +1 -1
  22. data/vendor/toolkit/metro-ui/buttons.less +137 -11
  23. data/vendor/toolkit/metro-ui/cards.less +1 -1
  24. data/vendor/toolkit/metro-ui/carousel.less +109 -0
  25. data/vendor/toolkit/metro-ui/code.less +1 -2
  26. data/vendor/toolkit/metro-ui/colors.less +49 -6
  27. data/vendor/toolkit/metro-ui/forms.less +5 -5
  28. data/vendor/toolkit/metro-ui/grid.less +5 -2
  29. data/vendor/toolkit/metro-ui/hero.less +2 -2
  30. data/vendor/toolkit/metro-ui/icons.less +376 -0
  31. data/vendor/toolkit/metro-ui/images.less +1 -1
  32. data/vendor/toolkit/metro-ui/layout.less +15 -1
  33. data/vendor/toolkit/metro-ui/listview.less +143 -0
  34. data/vendor/toolkit/metro-ui/menus.less +62 -6
  35. data/vendor/toolkit/metro-ui/modern-responsive-max480.less +15 -63
  36. data/vendor/toolkit/metro-ui/modern-responsive-max767.less +139 -0
  37. data/vendor/toolkit/metro-ui/modern-responsive-max979.less +9 -4
  38. data/vendor/toolkit/metro-ui/modern-responsive-min1200.less +12 -0
  39. data/vendor/toolkit/metro-ui/modern-responsive.less +8 -0
  40. data/vendor/toolkit/metro-ui/modern.less +8 -1
  41. data/vendor/toolkit/metro-ui/notices.less +4 -2
  42. data/vendor/toolkit/metro-ui/pagecontrol.less +12 -2
  43. data/vendor/toolkit/metro-ui/progress.less +22 -0
  44. data/vendor/toolkit/metro-ui/rating.less +80 -0
  45. data/vendor/toolkit/metro-ui/routines.less +2 -1
  46. data/vendor/toolkit/metro-ui/sidebar.less +136 -0
  47. data/vendor/toolkit/metro-ui/slider.less +67 -0
  48. data/vendor/toolkit/metro-ui/tables.less +5 -4
  49. data/vendor/toolkit/metro-ui/theme-dark.less +5 -1
  50. data/vendor/toolkit/metro-ui/tiles.less +48 -56
  51. data/vendor/toolkit/metro-ui/typography.less +1 -15
  52. metadata +21 -59
  53. data/vendor/assets/images/.DS_Store +0 -0
  54. data/vendor/assets/images/metro/.DS_Store +0 -0
  55. data/vendor/assets/images/metro/ui/.DS_Store +0 -0
  56. data/vendor/assets/images/metro/ui/Calendar128.png +0 -0
  57. data/vendor/assets/images/metro/ui/Camera48.png +0 -0
  58. data/vendor/assets/images/metro/ui/InternetExplorer128.png +0 -0
  59. data/vendor/assets/images/metro/ui/Mail128.png +0 -0
  60. data/vendor/assets/images/metro/ui/Market128.png +0 -0
  61. data/vendor/assets/images/metro/ui/Music128.png +0 -0
  62. data/vendor/assets/images/metro/ui/Picture128.png +0 -0
  63. data/vendor/assets/images/metro/ui/Rss128.png +0 -0
  64. data/vendor/assets/images/metro/ui/Video128.png +0 -0
  65. data/vendor/assets/images/metro/ui/YouTube128.png +0 -0
  66. data/vendor/assets/images/metro/ui/armor.png +0 -0
  67. data/vendor/assets/images/metro/ui/bage-activity.png +0 -0
  68. data/vendor/assets/images/metro/ui/bage-alert.png +0 -0
  69. data/vendor/assets/images/metro/ui/bage-attention.png +0 -0
  70. data/vendor/assets/images/metro/ui/bage-available.png +0 -0
  71. data/vendor/assets/images/metro/ui/bage-away.png +0 -0
  72. data/vendor/assets/images/metro/ui/bage-busy.png +0 -0
  73. data/vendor/assets/images/metro/ui/bage-error.png +0 -0
  74. data/vendor/assets/images/metro/ui/bage-newMessage.png +0 -0
  75. data/vendor/assets/images/metro/ui/bage-paused.png +0 -0
  76. data/vendor/assets/images/metro/ui/bage-playing.png +0 -0
  77. data/vendor/assets/images/metro/ui/bage-unavailable.png +0 -0
  78. data/vendor/assets/images/metro/ui/chrome.png +0 -0
  79. data/vendor/assets/images/metro/ui/collapse24-black.png +0 -0
  80. data/vendor/assets/images/metro/ui/collapse24.png +0 -0
  81. data/vendor/assets/images/metro/ui/collapse32-black.png +0 -0
  82. data/vendor/assets/images/metro/ui/collapse32.png +0 -0
  83. data/vendor/assets/images/metro/ui/download-32.png +0 -0
  84. data/vendor/assets/images/metro/ui/excel2013icon.png +0 -0
  85. data/vendor/assets/images/metro/ui/expand24-black.png +0 -0
  86. data/vendor/assets/images/metro/ui/expand24.png +0 -0
  87. data/vendor/assets/images/metro/ui/expand32-black.png +0 -0
  88. data/vendor/assets/images/metro/ui/expand32.png +0 -0
  89. data/vendor/assets/images/metro/ui/firefox.png +0 -0
  90. data/vendor/assets/images/metro/ui/fork-32.png +0 -0
  91. data/vendor/assets/images/metro/ui/github.png +0 -0
  92. data/vendor/assets/images/metro/ui/grid.png +0 -0
  93. data/vendor/assets/images/metro/ui/ie.png +0 -0
  94. data/vendor/assets/images/metro/ui/lock-open.png +0 -0
  95. data/vendor/assets/images/metro/ui/lock.png +0 -0
  96. data/vendor/assets/images/metro/ui/logo32.png +0 -0
  97. data/vendor/assets/images/metro/ui/onenote2013icon.png +0 -0
  98. data/vendor/assets/images/metro/ui/opera.png +0 -0
  99. data/vendor/assets/images/metro/ui/pull24.png +0 -0
  100. data/vendor/assets/images/metro/ui/responsive.png +0 -0
  101. data/vendor/assets/images/metro/ui/shield-user.png +0 -0
  102. data/vendor/assets/images/metro/ui/simple.png +0 -0
  103. data/vendor/assets/images/metro/ui/star32.png +0 -0
  104. data/vendor/assets/images/metro/ui/stock-up.png +0 -0
  105. data/vendor/assets/images/metro/ui/view-32.png +0 -0
  106. data/vendor/assets/images/metro/ui/word2013icon.png +0 -0
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Metro UI CSS v 0.1.1
2
+ * Metro UI CSS
3
3
  * Copyright 2012 Sergey Pimenov
4
4
  * Licensed under the MIT Lilcense
5
5
  *
@@ -70,9 +70,11 @@
70
70
  }
71
71
  }
72
72
 
73
-
74
73
  .grid {
75
74
  margin: 0 0 20px;
75
+ display: block;
76
+ height: auto;
77
+ width: 100%;
76
78
 
77
79
  &.no-margin {
78
80
  margin: 0;
@@ -97,6 +99,7 @@
97
99
  .row {
98
100
  width: 100%;
99
101
  .clearfix();
102
+
100
103
  [class*="span"] {
101
104
  float: left;
102
105
  }
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Metro UI CSS v 0.1.1
2
+ * Metro UI CSS
3
3
  * Copyright 2012 Sergey Pimenov
4
4
  * Licensed under the MIT Lilcense
5
5
  *
@@ -9,7 +9,7 @@
9
9
 
10
10
  .hero-unit {
11
11
  position: relative;
12
- margin: 5px 0 20px;
12
+ margin: 0 0 10px;
13
13
  padding: 20px;
14
14
  background-color: #f1f1f1;
15
15
  //border: 1px #ddd solid;
@@ -0,0 +1,376 @@
1
+ /*
2
+ Icon Set: Broccolidry -- http://dribbble.com/shots/587469-Free-16px-Broccolidryiconsaniconsetitisfullof-icons
3
+ License: Aribitrary -- http://licence.visualidiot.com/
4
+
5
+
6
+ Icon Set: Meteocons -- http://www.alessioatzeni.com/meteocons/
7
+ License: Arbitrary -- http://www.alessioatzeni.com/meteocons/#about
8
+
9
+
10
+ Icon Set: IcoMoon - Free -- http://keyamoon.com/icomoon/
11
+ License: CC BY-SA 3.0 -- http://creativecommons.org/licenses/by-sa/3.0/
12
+ */
13
+
14
+ @font-face {
15
+ font-family: 'iconFont';
16
+ src:font-url('metro-ui/iconFont.eo');
17
+ src:font-url('metro-ui/iconFont.eot') format('embedded-opentype'),
18
+ font-url('metro-ui/iconFont.svg') format('svg'),
19
+ font-url('metro-ui/iconFont.wof') format('woff'),
20
+ font-url('metro-ui/iconFont.tt') format('truetype');
21
+ font-weight: normal;
22
+ font-style: normal;
23
+ }
24
+
25
+ /* Use the following CSS code if you want to use data attributes for inserting your icons */
26
+ [data-icon]:before {
27
+ font-family: 'iconFont';
28
+ content: attr(data-icon);
29
+ speak: none;
30
+ font-weight: normal;
31
+ -webkit-font-smoothing: antialiased;
32
+ }
33
+
34
+ /* Use the following CSS code if you want to have a class per icon */
35
+ [class^="icon-"]:before, [class*=" icon-"]:before {
36
+ font-family: 'iconFont';
37
+ font-style: normal;
38
+ speak: none;
39
+ font-weight: normal;
40
+ -webkit-font-smoothing: antialiased;
41
+ }
42
+
43
+
44
+ .icon-home:before { content: "\21";}
45
+ .icon-newspaper:before { content: "\23";}
46
+ .icon-pencil:before { content: "\24";}
47
+ .icon-droplet:before { content: "\26";}
48
+ .icon-pictures:before { content: "\27";}
49
+ .icon-camera:before { content: "\29";}
50
+ .icon-music:before { content: "\2a";}
51
+ .icon-film:before { content: "\2c";}
52
+ .icon-camera-2:before { content: "\2d";}
53
+ .icon-spades:before { content: "\2e";}
54
+ .icon-clubs:before { content: "\2f";}
55
+ .icon-diamonds:before { content: "\30";}
56
+ .icon-broadcast:before { content: "\31";}
57
+ .icon-mic:before { content: "\32";}
58
+ .icon-book:before { content: "\33";}
59
+ .icon-file:before { content: "\35";}
60
+ .icon-new:before { content: "\36";}
61
+ .icon-copy:before { content: "\37";}
62
+ .icon-folder:before { content: "\38";}
63
+ .icon-folder-2:before { content: "\39";}
64
+ .icon-tag:before { content: "\3a";}
65
+ .icon-cart:before { content: "\3b";}
66
+ .icon-basket:before { content: "\3c";}
67
+ .icon-calculate:before { content: "\3d";}
68
+ .icon-support:before { content: "\3e";}
69
+ .icon-phone:before { content: "\3f";}
70
+ .icon-mail:before { content: "\40";}
71
+ .icon-location:before { content: "\41";}
72
+ .icon-compass:before { content: "\42";}
73
+ .icon-history:before { content: "\43";}
74
+ .icon-clock:before { content: "\44";}
75
+ .icon-bell:before { content: "\45";}
76
+ .icon-calendar:before { content: "\46";}
77
+ .icon-printer:before { content: "\47";}
78
+ .icon-mouse:before { content: "\48";}
79
+ .icon-screen:before { content: "\49";}
80
+ .icon-laptop:before { content: "\4a";}
81
+ .icon-mobile:before { content: "\4b";}
82
+ .icon-cabinet:before { content: "\4c";}
83
+ .icon-drawer:before { content: "\4d";}
84
+ .icon-drawer-2:before { content: "\4e";}
85
+ .icon-box:before { content: "\4f";}
86
+ .icon-box-add:before { content: "\50";}
87
+ .icon-box-remove:before { content: "\51";}
88
+ .icon-download:before { content: "\52";}
89
+ .icon-upload:before { content: "\53";}
90
+ .icon-database:before { content: "\54";}
91
+ .icon-flip:before { content: "\55";}
92
+ .icon-flip-2:before { content: "\56";}
93
+ .icon-undo:before { content: "\57";}
94
+ .icon-redo:before { content: "\58";}
95
+ .icon-forward:before { content: "\59";}
96
+ .icon-reply:before { content: "\5a";}
97
+ .icon-reply-2:before { content: "\5b";}
98
+ .icon-comments:before { content: "\5c";}
99
+ .icon-comments-2:before { content: "\5d";}
100
+ .icon-comments-3:before { content: "\5e";}
101
+ .icon-comments-4:before { content: "\5f";}
102
+ .icon-comments-5:before { content: "\60";}
103
+ .icon-user:before { content: "\61";}
104
+ .icon-user-2:before { content: "\62";}
105
+ .icon-user-3:before { content: "\63";}
106
+ .icon-busy:before { content: "\64";}
107
+ .icon-loading:before { content: "\65";}
108
+ .icon-loading-2:before { content: "\66";}
109
+ .icon-search:before { content: "\67";}
110
+ .icon-zoom-in:before { content: "\68";}
111
+ .icon-zoom-out:before { content: "\69";}
112
+ .icon-key:before { content: "\6a";}
113
+ .icon-key-2:before { content: "\6b";}
114
+ .icon-locked:before { content: "\6c";}
115
+ .icon-unlocked:before { content: "\6d";}
116
+ .icon-wrench:before { content: "\6e";}
117
+ .icon-equalizer:before { content: "\6f";}
118
+ .icon-cog:before { content: "\70";}
119
+ .icon-pie:before { content: "\71";}
120
+ .icon-bars:before { content: "\72";}
121
+ .icon-stats-up:before { content: "\73";}
122
+ .icon-gift:before { content: "\74";}
123
+ .icon-trophy:before { content: "\75";}
124
+ .icon-diamond:before { content: "\76";}
125
+ .icon-coffee:before { content: "\77";}
126
+ .icon-rocket:before { content: "\78";}
127
+ .icon-meter-slow:before { content: "\79";}
128
+ .icon-meter-medium:before { content: "\7a";}
129
+ .icon-meter-fast:before { content: "\7b";}
130
+ .icon-dashboard:before { content: "\7c";}
131
+ .icon-fire:before { content: "\7d";}
132
+ .icon-lab:before { content: "\e000";}
133
+ .icon-remove:before { content: "\e003";}
134
+ .icon-briefcase:before { content: "\e004";}
135
+ .icon-briefcase-2:before { content: "\e005";}
136
+ .icon-cars:before { content: "\e006";}
137
+ .icon-bus:before { content: "\e007";}
138
+ .icon-cube:before { content: "\e008";}
139
+ .icon-cube-2:before { content: "\e009";}
140
+ .icon-puzzle:before { content: "\e00a";}
141
+ .icon-glasses:before { content: "\e00b";}
142
+ .icon-glasses-2:before { content: "\e00c";}
143
+ .icon-accessibility:before { content: "\e00d";}
144
+ .icon-accessibility-2:before { content: "\e00e";}
145
+ .icon-target:before { content: "\e00f";}
146
+ .icon-target-2:before { content: "\e010";}
147
+ .icon-lightning:before { content: "\e011";}
148
+ .icon-power:before { content: "\e012";}
149
+ .icon-power-2:before { content: "\e013";}
150
+ .icon-clipboard:before { content: "\e014";}
151
+ .icon-clipboard-2:before { content: "\e015";}
152
+ .icon-playlist:before { content: "\e016";}
153
+ .icon-grid-view:before { content: "\e017";}
154
+ .icon-tree-view:before { content: "\e018";}
155
+ .icon-cloud:before { content: "\e019";}
156
+ .icon-cloud-2:before { content: "\e01a";}
157
+ .icon-download-2:before { content: "\e01b";}
158
+ .icon-upload-2:before { content: "\e01c";}
159
+ .icon-upload-3:before { content: "\e01d";}
160
+ .icon-link:before { content: "\e01e";}
161
+ .icon-link-2:before { content: "\e01f";}
162
+ .icon-flag:before { content: "\e020";}
163
+ .icon-flag-2:before { content: "\e021";}
164
+ .icon-attachment:before { content: "\e022";}
165
+ .icon-eye:before { content: "\e024";}
166
+ .icon-bookmark:before { content: "\e025";}
167
+ .icon-bookmark-2:before { content: "\e026";}
168
+ .icon-star:before { content: "\e027";}
169
+ .icon-star-2:before { content: "\e028";}
170
+ .icon-star-3:before { content: "\e029";}
171
+ .icon-heart:before { content: "\e02a";}
172
+ .icon-heart-2:before { content: "\e02b";}
173
+ .icon-thumbs-up:before { content: "\e02c";}
174
+ .icon-thumbs-down:before { content: "\e02d";}
175
+ .icon-plus:before { content: "\e031";}
176
+ .icon-minus:before { content: "\e032";}
177
+ .icon-help:before { content: "\e033";}
178
+ .icon-help-2:before { content: "\e034";}
179
+ .icon-blocked:before { content: "\e035";}
180
+ .icon-cancel:before { content: "\e036";}
181
+ .icon-cancel-2:before { content: "\e037";}
182
+ .icon-checkmark:before { content: "\e038";}
183
+ .icon-minus-2:before { content: "\e039";}
184
+ .icon-plus-2:before { content: "\e03a";}
185
+ .icon-enter:before { content: "\e03b";}
186
+ .icon-exit:before { content: "\e03c";}
187
+ .icon-loop:before { content: "\e03d";}
188
+ .icon-arrow-up-left:before { content: "\e04e";}
189
+ .icon-arrow-up:before { content: "\e04f";}
190
+ .icon-arrow-up-right:before { content: "\e050";}
191
+ .icon-arrow-right:before { content: "\e051";}
192
+ .icon-arrow-down-right:before { content: "\e052";}
193
+ .icon-arrow-down:before { content: "\e053";}
194
+ .icon-arrow-down-left:before { content: "\e054";}
195
+ .icon-arrow-left:before { content: "\e055";}
196
+ .icon-arrow-up-2:before { content: "\e05a";}
197
+ .icon-arrow-right-2:before { content: "\e05b";}
198
+ .icon-arrow-down-2:before { content: "\e05c";}
199
+ .icon-arrow-left-2:before { content: "\e05d";}
200
+ .icon-arrow-up-3:before { content: "\e05e";}
201
+ .icon-arrow-right-3:before { content: "\e05f";}
202
+ .icon-arrow-down-3:before { content: "\e060";}
203
+ .icon-arrow-left-3:before { content: "\e061";}
204
+ .icon-menu:before { content: "\e062";}
205
+ .icon-enter-2:before { content: "\e063";}
206
+ .icon-backspace:before { content: "\e064";}
207
+ .icon-backspace-2:before { content: "\e065";}
208
+ .icon-tab:before { content: "\e066";}
209
+ .icon-tab-2:before { content: "\e067";}
210
+ .icon-checkbox:before { content: "\e068";}
211
+ .icon-checkbox-unchecked:before { content: "\e069";}
212
+ .icon-checkbox-partial:before { content: "\e06a";}
213
+ .icon-radio-checked:before { content: "\e06b";}
214
+ .icon-radio-unchecked:before { content: "\e06c";}
215
+ .icon-font:before { content: "\e06d";}
216
+ .icon-paragraph-left:before { content: "\e06e";}
217
+ .icon-paragraph-center:before { content: "\e06f";}
218
+ .icon-paragraph-right:before { content: "\e070";}
219
+ .icon-paragraph-justify:before { content: "\e071";}
220
+ .icon-left-to-right:before { content: "\e072";}
221
+ .icon-right-to-left:before { content: "\e073";}
222
+ .icon-share:before { content: "\e074";}
223
+ .icon-new-tab:before { content: "\e075";}
224
+ .icon-new-tab-2:before { content: "\e076";}
225
+ .icon-embed:before { content: "\e077";}
226
+ .icon-code:before { content: "\e078";}
227
+ .icon-bluetooth:before { content: "\e079";}
228
+ .icon-share-2:before { content: "\e07a";}
229
+ .icon-share-3:before { content: "\e07b";}
230
+ .icon-mail-2:before { content: "\e07d";}
231
+ .icon-google:before { content: "\e07f";}
232
+ .icon-google-plus:before { content: "\e080";}
233
+ .icon-google-drive:before { content: "\e084";}
234
+ .icon-facebook:before { content: "\e085";}
235
+ .icon-instagram:before { content: "\e088";}
236
+ .icon-twitter:before { content: "\e089";}
237
+ .icon-feed:before { content: "\e08c";}
238
+ .icon-youtube:before { content: "\e090";}
239
+ .icon-vimeo:before { content: "\e091";}
240
+ .icon-flickr:before { content: "\e093";}
241
+ .icon-picassa:before { content: "\e096";}
242
+ .icon-dribbble:before { content: "\e098";}
243
+ .icon-deviantart:before { content: "\e09d";}
244
+ .icon-github:before { content: "\e09f";}
245
+ .icon-github-2:before { content: "\e0a0";}
246
+ .icon-github-3:before { content: "\e0a1";}
247
+ .icon-github-4:before { content: "\e0a2";}
248
+ .icon-github-5:before { content: "\e0a3";}
249
+ .icon-git:before { content: "\e0a5";}
250
+ .icon-github-6:before { content: "\e0a6";}
251
+ .icon-wordpress:before { content: "\e0a7";}
252
+ .icon-joomla:before { content: "\e0a9";}
253
+ .icon-blogger:before { content: "\e0aa";}
254
+ .icon-tumblr:before { content: "\e0ac";}
255
+ .icon-yahoo:before { content: "\e0ae";}
256
+ .icon-amazon:before { content: "\e0b0";}
257
+ .icon-tux:before { content: "\e0b2";}
258
+ .icon-apple:before { content: "\e0b3";}
259
+ .icon-finder:before { content: "\e0b4";}
260
+ .icon-android:before { content: "\e0b5";}
261
+ .icon-windows:before { content: "\e0b6";}
262
+ .icon-soundcloud:before { content: "\e0b7";}
263
+ .icon-skype:before { content: "\e0b9";}
264
+ .icon-reddit:before { content: "\e0ba";}
265
+ .icon-linkedin:before { content: "\e0bb";}
266
+ .icon-lastfm:before { content: "\e0bd";}
267
+ .icon-delicious:before { content: "\e0bf";}
268
+ .icon-stumbleupon:before { content: "\e0c0";}
269
+ .icon-pinterest:before { content: "\e0c2";}
270
+ .icon-xing:before { content: "\e0c5";}
271
+ .icon-flattr:before { content: "\e0c6";}
272
+ .icon-foursquare:before { content: "\e0c8";}
273
+ .icon-paypal:before { content: "\e0c9";}
274
+ .icon-yelp:before { content: "\e0cc";}
275
+ .icon-libreoffice:before { content: "\e0cd";}
276
+ .icon-file-pdf:before { content: "\e0ce";}
277
+ .icon-file-openoffice:before { content: "\e0cf";}
278
+ .icon-file-word:before { content: "\e0d0";}
279
+ .icon-file-excel:before { content: "\e0d1";}
280
+ .icon-file-powerpoint:before { content: "\e0d2";}
281
+ .icon-file-zip:before { content: "\e0d3";}
282
+ .icon-file-xml:before { content: "\e0d4";}
283
+ .icon-file-css:before { content: "\e0d5";}
284
+ .icon-html5:before { content: "\e0d6";}
285
+ .icon-html5-2:before { content: "\e0d7";}
286
+ .icon-css3:before { content: "\e0d8";}
287
+ .icon-chrome:before { content: "\e0d9";}
288
+ .icon-firefox:before { content: "\e0da";}
289
+ .icon-IE:before { content: "\e0db";}
290
+ .icon-opera:before { content: "\e0dc";}
291
+ .icon-safari:before { content: "\e0dd";}
292
+ .icon-IcoMoon:before { content: "\e0de";}
293
+ .icon-sunrise:before { content: "\7e";}
294
+ .icon-sun:before { content: "\e0df";}
295
+ .icon-moon:before { content: "\e0e0";}
296
+ .icon-sun-2:before { content: "\e0e1";}
297
+ .icon-windy:before { content: "\e0e2";}
298
+ .icon-wind:before { content: "\e0e3";}
299
+ .icon-snowflake:before { content: "\e0e4";}
300
+ .icon-cloudy:before { content: "\e0e5";}
301
+ .icon-cloud-3:before { content: "\e0e6";}
302
+ .icon-weather:before { content: "\e0e7";}
303
+ .icon-weather-2:before { content: "\e0e8";}
304
+ .icon-weather-3:before { content: "\e0e9";}
305
+ .icon-lines:before { content: "\e0ea";}
306
+ .icon-cloud-4:before { content: "\e0eb";}
307
+ .icon-lightning-2:before { content: "\e0ec";}
308
+ .icon-lightning-3:before { content: "\e0ed";}
309
+ .icon-rainy:before { content: "\e0ee";}
310
+ .icon-rainy-2:before { content: "\e0ef";}
311
+ .icon-windy-2:before { content: "\e0f0";}
312
+ .icon-windy-3:before { content: "\e0f1";}
313
+ .icon-snowy:before { content: "\e0f2";}
314
+ .icon-snowy-2:before { content: "\e0f3";}
315
+ .icon-snowy-3:before { content: "\e0f4";}
316
+ .icon-weather-4:before { content: "\e0f5";}
317
+ .icon-cloudy-2:before { content: "\e0f6";}
318
+ .icon-cloud-5:before { content: "\e0f7";}
319
+ .icon-lightning-4:before { content: "\e0f8";}
320
+ .icon-sun-3:before { content: "\e0f9";}
321
+ .icon-moon-2:before { content: "\e0fa";}
322
+ .icon-cloudy-3:before { content: "\e0fb";}
323
+ .icon-cloud-6:before { content: "\e0fc";}
324
+ .icon-cloud-7:before { content: "\e0fd";}
325
+ .icon-lightning-5:before { content: "\e0fe";}
326
+ .icon-rainy-3:before { content: "\e0ff";}
327
+ .icon-rainy-4:before { content: "\e100";}
328
+ .icon-windy-4:before { content: "\e101";}
329
+ .icon-windy-5:before { content: "\e102";}
330
+ .icon-snowy-4:before { content: "\e103";}
331
+ .icon-snowy-5:before { content: "\e104";}
332
+ .icon-weather-5:before { content: "\e105";}
333
+ .icon-cloudy-4:before { content: "\e106";}
334
+ .icon-lightning-6:before { content: "\e107";}
335
+ .icon-thermometer:before { content: "\e108";}
336
+ .icon-compass-2:before { content: "\e109";}
337
+ .icon-none:before { content: "\e10a";}
338
+ .icon-Celsius:before { content: "\e10b";}
339
+ .icon-Fahrenheit:before { content: "\e10c";}
340
+ .icon-forrst:before { content: "\e09b";}
341
+ .icon-headphones:before { content: "\e002";}
342
+ .icon-bug:before { content: "\e03e";}
343
+ .icon-cart-2:before { content: "\e03f";}
344
+ .icon-earth:before { content: "\e040";}
345
+ .icon-battery:before { content: "\e041";}
346
+ .icon-list:before { content: "\e042";}
347
+ .icon-grid:before { content: "\e043";}
348
+ .icon-alarm:before { content: "\e044";}
349
+ .icon-location-2:before { content: "\e045";}
350
+ .icon-pointer:before { content: "\e046";}
351
+ .icon-diary:before { content: "\e047";}
352
+ .icon-eye-2:before { content: "\e048";}
353
+ .icon-console:before { content: "\e001";}
354
+ .icon-location-3:before { content: "\e023";}
355
+ .icon-move:before { content: "\e02e";}
356
+ .icon-gift-2:before { content: "\e02f";}
357
+ .icon-monitor:before { content: "\e030";}
358
+ .icon-mobile-2:before { content: "\e049";}
359
+ .icon-switch:before { content: "\e04a";}
360
+ .icon-star-4:before { content: "\e04b";}
361
+ .icon-address-book:before { content: "\e056";}
362
+ .icon-shit:before { content: "\e057";}
363
+ .icon-cone:before { content: "\e058";}
364
+ .icon-credit-card:before { content: "\e059";}
365
+ .icon-type:before { content: "\e04c";}
366
+ .icon-volume:before { content: "\e04d";}
367
+ .icon-volume-2:before { content: "\e07c";}
368
+ .icon-locked-2:before { content: "\e07e";}
369
+ .icon-warning:before { content: "\e081";}
370
+ .icon-info:before { content: "\e082";}
371
+ .icon-filter:before { content: "\e083";}
372
+ .icon-bookmark-3:before { content: "\e086";}
373
+ .icon-bookmark-4:before { content: "\e087";}
374
+ .icon-stats:before { content: "\e08a";}
375
+ .icon-compass-3:before { content: "\e08b";}
376
+ .icon-keyboard:before { content: "\e08d";}
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Metro UI CSS v 0.1.1
2
+ * Metro UI CSS
3
3
  * Copyright 2012 Sergey Pimenov
4
4
  * Licensed under the MIT Lilcense
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Metro UI CSS v 0.1.1
2
+ * Metro UI CSS
3
3
  * Copyright 2012 Sergey Pimenov
4
4
  * Licensed under the MIT Lilcense
5
5
  *
@@ -211,6 +211,20 @@
211
211
  }
212
212
  }
213
213
 
214
+ .page.with-sidebar {
215
+ .page-region {
216
+ margin-left: 220px;
217
+ width: auto;
218
+ //border: 1px #ccc dotted;
219
+
220
+ .page-region-content {
221
+ padding-left: 20px;
222
+ }
223
+
224
+ .clearfix;
225
+ }
226
+ }
227
+
214
228
  .app-bar {
215
229
  position: absolute;
216
230
  bottom: 0;