metro-ui-rails-cn 0.1.5

Sign up to get free protection for your applications and to get access to all the features.
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,115 @@
1
+ /*
2
+ * Metro UI CSS
3
+ * Copyright 2012 Sergey Pimenov
4
+ * Licensed under the MIT Lilcense
5
+ *
6
+ * Grid.less
7
+ *
8
+ */
9
+
10
+ .oh,.ot,.tt{float:left;margin:0 2% 2% 0;width:48%}.ot{width:31%}.tt{width:65%}.cl{clear:both}
11
+
12
+ .item-padding{
13
+ //margin-left: 0;
14
+ margin-right: @unit;
15
+ margin-bottom: @subunit;
16
+ }
17
+ .column-padding {
18
+ margin: 0 @unit/2;
19
+ }
20
+ .group-padding {
21
+ margin: 0 @unit*2;
22
+ }
23
+
24
+ @cellSize: 60px;
25
+ @cellMargin: 20px;
26
+
27
+ .span1 {width: 60px;}
28
+ .span2 {width: 140px;}
29
+ .span3 {width: 220px;}
30
+ .span4 {width: 300px;}
31
+ .span5 {width: 380px;}
32
+ .span6 {width: 460px;}
33
+ .span7 {width: 540px;}
34
+ .span8 {width: 620px;}
35
+ .span9 {width: 700px;}
36
+ .span10 {width: 780px;}
37
+ .span11 {width: 860px;}
38
+ .span12 {width: 940px;}
39
+
40
+ .offset1 {margin-left: 80px;}
41
+ .offset2 {margin-left: 160px;}
42
+ .offset3 {margin-left: 240px;}
43
+ .offset4 {margin-left: 320px;}
44
+ .offset5 {margin-left: 400px;}
45
+ .offset6 {margin-left: 480px;}
46
+ .offset7 {margin-left: 560px;}
47
+ .offset8 {margin-left: 640px;}
48
+ .offset9 {margin-left: 720px;}
49
+ .offset10{margin-left: 800px;}
50
+ .offset11{margin-left: 880px;}
51
+ .offset12 {margin-left: 960px;}
52
+
53
+
54
+ [class*="span"] {
55
+ float: none;
56
+ min-height: 1px;
57
+ .item-padding();
58
+ .clearfix();
59
+
60
+ &:last-child {
61
+ margin-right: 0;
62
+ //right: 0;
63
+ }
64
+
65
+ & > img {
66
+ max-width: 100%;
67
+ //width: 100%;
68
+ height: auto;
69
+ //max-height: 100%;
70
+ }
71
+ }
72
+
73
+ .grid {
74
+ margin: 0 0 20px;
75
+ display: block;
76
+ height: auto;
77
+ width: 100%;
78
+
79
+ &.no-margin {
80
+ margin: 0;
81
+ }
82
+ &.margin-row {
83
+ margin-bottom: @subunit;
84
+ }
85
+
86
+ & .grid {
87
+ margin-top: @subunit/2;
88
+ margin-bottom: @subunit/2;
89
+ }
90
+
91
+ .group {
92
+ margin-right: @unit * 4;
93
+ float: left;
94
+ width: auto;
95
+ height: auto;
96
+ min-height: 1px;
97
+ }
98
+
99
+ .row {
100
+ width: 100%;
101
+ .clearfix();
102
+
103
+ [class*="span"] {
104
+ float: left;
105
+ }
106
+ }
107
+
108
+ &.element-border {
109
+ [class*="span"] {
110
+ border: 1px #ccc dotted;
111
+ }
112
+ }
113
+
114
+ .clearfix();
115
+ }
@@ -0,0 +1,18 @@
1
+ /*
2
+ * Metro UI CSS
3
+ * Copyright 2012 Sergey Pimenov
4
+ * Licensed under the MIT Lilcense
5
+ *
6
+ * Hero.less
7
+ *
8
+ */
9
+
10
+ .hero-unit {
11
+ position: relative;
12
+ margin: 0 0 10px;
13
+ padding: 20px;
14
+ background-color: #f1f1f1;
15
+ //border: 1px #ddd solid;
16
+ width: 100%;
17
+ .clearfix();
18
+ }
@@ -0,0 +1,326 @@
1
+ /*
2
+ * Metro UI CSS
3
+ * Copyright 2012 Sergey Pimenov
4
+ * Licensed under the MIT Lilcense
5
+ *
6
+ * Icons.less
7
+ */
8
+
9
+ @icons_black: image-url("metro-ui-css/icons.png");
10
+ @icons_white: image-url("metro-ui-css/icons-white.png");
11
+
12
+ [class*=icon-] {
13
+ background-image: @icons_black;
14
+ background-repeat: no-repeat;
15
+ display: inline-block;
16
+ float: left;
17
+ margin-right: 10px;
18
+ margin-left: 0;
19
+
20
+ &.right, &.place-right {
21
+ float: right !important;
22
+ margin-left: 10px;
23
+ margin-right: 0;
24
+ }
25
+
26
+ &.white {
27
+ background-image: @icons_white !important;
28
+ }
29
+ }
30
+
31
+ button, .button, .tool-button {
32
+ &:active [class*=icon-] {
33
+ background-image: @icons_white;
34
+ }
35
+ }
36
+
37
+ // App icons
38
+ .icon-about{background-position: 0 0; width: 16px; height: 16px; }
39
+ .icon-access{background-position: 0 -26px; width: 16px; height: 16px; }
40
+ .icon-add{background-position: 0 -52px; width: 16px; height: 16px; }
41
+ .icon-adobe{background-position: 0 -78px; width: 16px; height: 16px; }
42
+ .icon-arrowhead-down{background-position: 0 -104px; width: 16px; height: 16px; }
43
+ .icon-arrowhead-left{background-position: 0 -130px; width: 16px; height: 16px; }
44
+ .icon-arrowhead-right{background-position: 0 -156px; width: 16px; height: 16px; }
45
+ .icon-arrowhead-up{background-position: 0 -182px; width: 16px; height: 16px; }
46
+ .icon-bookmark-preferences{background-position: 0 -208px; width: 16px; height: 16px; }
47
+ .icon-bookmark-add{background-position: 0 -234px; width: 16px; height: 16px; }
48
+ .icon-bookmark-delete{background-position: 0 -260px; width: 16px; height: 16px; }
49
+ .icon-bookmark-down{background-position: 0 -286px; width: 16px; height: 16px; }
50
+ .icon-bookmark-new{background-position: 0 -312px; width: 16px; height: 16px; }
51
+ .icon-bookmark-up{background-position: 0 -338px; width: 16px; height: 16px; }
52
+ .icon-brightness{background-position: 0 -364px; width: 16px; height: 16px; }
53
+ .icon-ccleaner{background-position: 0 -390px; width: 16px; height: 16px; }
54
+ .icon-cd-play{background-position: 0 -416px; width: 16px; height: 16px; }
55
+ .icon-cd-music{background-position: 0 -442px; width: 16px; height: 16px; }
56
+ .icon-cd-new{background-position: 0 -468px; width: 16px; height: 16px; }
57
+ .icon-cd-pause{background-position: 0 -494px; width: 16px; height: 16px; }
58
+ .icon-cd-software{background-position: 0 -520px; width: 16px; height: 16px; }
59
+ .icon-cd-stop{background-position: 0 -546px; width: 16px; height: 16px; }
60
+ .icon-clipboard{background-position: 0 -572px; width: 16px; height: 16px; }
61
+ .icon-clipboard-next{background-position: 0 -598px; width: 16px; height: 16px; }
62
+ .icon-clipboard-next-down{background-position: 0 -624px; width: 16px; height: 16px; }
63
+ .icon-cluster-group{background-position: 0 -650px; width: 16px; height: 16px; }
64
+ .icon-collapse{background-position: 0 -676px; width: 16px; height: 16px; }
65
+ .icon-conference-call{background-position: 0 -702px; width: 16px; height: 16px; }
66
+ .icon-connectivity-error{background-position: 0 -728px; width: 16px; height: 16px; }
67
+ .icon-contrast{background-position: 0 -754px; width: 16px; height: 16px; }
68
+ .icon-cube{background-position: 0 -780px; width: 16px; height: 16px; }
69
+ .icon-curly-brackets{background-position: 0 -806px; width: 16px; height: 16px; }
70
+ .icon-defragmentation{background-position: 0 -832px; width: 16px; height: 16px; }
71
+ .icon-desktop{background-position: 0 -858px; width: 16px; height: 16px; }
72
+ .icon-details-view{background-position: 0 -884px; width: 16px; height: 16px; }
73
+ .icon-disc-error{background-position: 0 -910px; width: 16px; height: 16px; }
74
+ .icon-disc-info{background-position: 0 -936px; width: 16px; height: 16px; }
75
+ .icon-disc-valid{background-position: 0 -962px; width: 16px; height: 16px; }
76
+ .icon-disc-warning{background-position: 0 -988px; width: 16px; height: 16px; }
77
+ .icon-document{background-position: 0 -1014px; width: 16px; height: 16px; }
78
+ .icon-document-add{background-position: 0 -1040px; width: 16px; height: 16px; }
79
+ .icon-document-check{background-position: 0 -1066px; width: 16px; height: 16px; }
80
+ .icon-document-delete{background-position: 0 -1092px; width: 16px; height: 16px; }
81
+ .icon-document-download{background-position: 0 -1118px; width: 16px; height: 16px; }
82
+ .icon-document-edit{background-position: 0 -1144px; width: 16px; height: 16px; }
83
+ .icon-document-error{background-position: 0 -1170px; width: 16px; height: 16px; }
84
+ .icon-document-exchange{background-position: 0 -1196px; width: 16px; height: 16px; }
85
+ .icon-document-music{background-position: 0 -1222px; width: 16px; height: 16px; }
86
+ .icon-document-new{background-position: 0 -1248px; width: 16px; height: 16px; }
87
+ .icon-documents{background-position: 0 -1274px; width: 16px; height: 16px; }
88
+ .icon-document-settings{background-position: 0 -1300px; width: 16px; height: 16px; }
89
+ .icon-document-share{background-position: 0 -1326px; width: 16px; height: 16px; }
90
+ .icon-document-warning{background-position: 0 -1352px; width: 16px; height: 16px; }
91
+ .icon-document-zoom-in{background-position: 0 -1378px; width: 16px; height: 16px; }
92
+ .icon-document-zoom-out{background-position: 0 -1404px; width: 16px; height: 16px; }
93
+ .icon-door{background-position: 0 -1430px; width: 16px; height: 16px; }
94
+ .icon-double-quotation{background-position: 0 -1456px; width: 16px; height: 16px; }
95
+ .icon-download-error{background-position: 0 -1482px; width: 16px; height: 16px; }
96
+ .icon-drives-network{background-position: 0 -1508px; width: 16px; height: 16px; }
97
+ .icon-edit{background-position: 0 -1534px; width: 16px; height: 16px; }
98
+ .icon-exchange{background-position: 0 -1560px; width: 16px; height: 16px; }
99
+ .icon-expand{background-position: 0 -1586px; width: 16px; height: 16px; }
100
+ .icon-export{background-position: 0 -1612px; width: 16px; height: 16px; }
101
+ .icon-eye-drop{background-position: 0 -1638px; width: 16px; height: 16px; }
102
+ .icon-find{background-position: 0 -1664px; width: 16px; height: 16px; }
103
+ .icon-find-and-replace{background-position: 0 -1690px; width: 16px; height: 16px; }
104
+ .icon-find-previous{background-position: 0 -1716px; width: 16px; height: 16px; }
105
+ .icon-fit-to-size{background-position: 0 -1742px; width: 16px; height: 16px; }
106
+ .icon-folder-add{background-position: 0 -1768px; width: 16px; height: 16px; }
107
+ .icon-folder-connect{background-position: 0 -1794px; width: 16px; height: 16px; }
108
+ .icon-folder-cube{background-position: 0 -1820px; width: 16px; height: 16px; }
109
+ .icon-folder-delete{background-position: 0 -1846px; width: 16px; height: 16px; }
110
+ .icon-folder-edit{background-position: 0 -1872px; width: 16px; height: 16px; }
111
+ .icon-folder-information{background-position: 0 -1898px; width: 16px; height: 16px; }
112
+ .icon-folder-movie{background-position: 0 -1924px; width: 16px; height: 16px; }
113
+ .icon-folder-music{background-position: 0 -1950px; width: 16px; height: 16px; }
114
+ .icon-folder-new{background-position: 0 -1976px; width: 16px; height: 16px; }
115
+ .icon-garbage{background-position: 0 -2002px; width: 16px; height: 16px; }
116
+ .icon-garbage-empty{background-position: 0 -2028px; width: 16px; height: 16px; }
117
+ .icon-garbage-full{background-position: 0 -2054px; width: 16px; height: 16px; }
118
+ .icon-hash{background-position: 0 -2080px; width: 16px; height: 16px; }
119
+ .icon-history{background-position: 0 -2106px; width: 16px; height: 16px; }
120
+ .icon-import{background-position: 0 -2132px; width: 16px; height: 16px; }
121
+ .icon-lambda{background-position: 0 -2158px; width: 16px; height: 16px; }
122
+ .icon-landscape{background-position: 0 -2184px; width: 16px; height: 16px; }
123
+ .icon-list-view{background-position: 0 -2210px; width: 16px; height: 16px; }
124
+ .icon-login-arrow{background-position: 0 -2236px; width: 16px; height: 16px; }
125
+ .icon-login-door{background-position: 0 -2262px; width: 16px; height: 16px; }
126
+ .icon-login-user{background-position: 0 -2288px; width: 16px; height: 16px; }
127
+ .icon-login1{background-position: 0 -2314px; width: 16px; height: 16px; }
128
+ .icon-login2{background-position: 0 -2340px; width: 16px; height: 16px; }
129
+ .icon-login3{background-position: 0 -2366px; width: 16px; height: 16px; }
130
+ .icon-media-back{background-position: 0 -2392px; width: 16px; height: 16px; }
131
+ .icon-media-end{background-position: 0 -2418px; width: 16px; height: 16px; }
132
+ .icon-media-fast-forward{background-position: 0 -2444px; width: 16px; height: 16px; }
133
+ .icon-media-pause{background-position: 0 -2470px; width: 16px; height: 16px; }
134
+ .icon-media-play{background-position: 0 -2496px; width: 16px; height: 16px; }
135
+ .icon-media-start{background-position: 0 -2522px; width: 16px; height: 16px; }
136
+ .icon-media-stop{background-position: 0 -2548px; width: 16px; height: 16px; }
137
+ .icon-thumbnail-view{background-position: 0 -2574px; width: 16px; height: 16px; }
138
+ .icon-merge{background-position: 0 -2600px; width: 16px; height: 16px; }
139
+ .icon-movie-folder1{background-position: 0 -2626px; width: 16px; height: 16px; }
140
+ .icon-movie-folder{background-position: 0 -2652px; width: 16px; height: 16px; }
141
+ .icon-music-folder2{background-position: 0 -2678px; width: 16px; height: 16px; }
142
+ .icon-navigation-down{background-position: 0 -2704px; width: 16px; height: 16px; }
143
+ .icon-navigation-down-right{background-position: 0 -2730px; width: 16px; height: 16px; }
144
+ .icon-navigation-right{background-position: 0 -2756px; width: 16px; height: 16px; }
145
+ .icon-navigation-up-left{background-position: 0 -2782px; width: 16px; height: 16px; }
146
+ .icon-open-in-new-window{background-position: 0 -2808px; width: 16px; height: 16px; }
147
+ .icon-parenthesis{background-position: 0 -2834px; width: 16px; height: 16px; }
148
+ .icon-paste{background-position: 0 -2860px; width: 16px; height: 16px; }
149
+ .icon-picture-folder{background-position: 0 -2886px; width: 16px; height: 16px; }
150
+ .icon-portrait{background-position: 0 -2912px; width: 16px; height: 16px; }
151
+ .icon-redo{background-position: 0 -2938px; width: 16px; height: 16px; }
152
+ .icon-refresh{background-position: 0 -2964px; width: 16px; height: 16px; }
153
+ .icon-rss-feeds{background-position: 0 -2990px; width: 16px; height: 16px; }
154
+ .icon-scale-to-fit{background-position: 0 -3016px; width: 16px; height: 16px; }
155
+ .icon-semicolon{background-position: 0 -3042px; width: 16px; height: 16px; }
156
+ .icon-sharpen{background-position: 0 -3068px; width: 16px; height: 16px; }
157
+ .icon-single-quotation{background-position: 0 -3094px; width: 16px; height: 16px; }
158
+ .icon-skew{background-position: 0 -3120px; width: 16px; height: 16px; }
159
+ .icon-slash{background-position: 0 -3146px; width: 16px; height: 16px; }
160
+ .icon-small-thumbnail-view{background-position: 0 -3172px; width: 16px; height: 16px; }
161
+ .icon-split{background-position: 0 -3198px; width: 16px; height: 16px; }
162
+ .icon-square-braces{background-position: 0 -3224px; width: 16px; height: 16px; }
163
+ .icon-submit{background-position: 0 -3250px; width: 16px; height: 16px; }
164
+ .icon-submit-arrow{background-position: 0 -3276px; width: 16px; height: 16px; }
165
+ .icon-synchronize{background-position: 0 -3302px; width: 16px; height: 16px; }
166
+ .icon-text{background-position: 0 -3328px; width: 16px; height: 16px; }
167
+ .icon-text-braille{background-position: 0 -3354px; width: 16px; height: 16px; }
168
+ .icon-text-italic{background-position: 0 -3380px; width: 16px; height: 16px; }
169
+ .icon-text-bold{background-position: 0 -3406px; width: 16px; height: 16px; }
170
+ .icon-text-center-align{background-position: 0 -3432px; width: 16px; height: 16px; }
171
+ .icon-text-edit{background-position: 0 -3458px; width: 16px; height: 16px; }
172
+ .icon-text-justify-align{background-position: 0 -3484px; width: 16px; height: 16px; }
173
+ .icon-text-left-align{background-position: 0 -3510px; width: 16px; height: 16px; }
174
+ .icon-text-mark{background-position: 0 -3536px; width: 16px; height: 16px; }
175
+ .icon-text-normal{background-position: 0 -3562px; width: 16px; height: 16px; }
176
+ .icon-text-protect{background-position: 0 -3588px; width: 16px; height: 16px; }
177
+ .icon-text-read{background-position: 0 -3614px; width: 16px; height: 16px; }
178
+ .icon-text-right-align{background-position: 0 -3640px; width: 16px; height: 16px; }
179
+ .icon-tile-view{background-position: 0 -3666px; width: 16px; height: 16px; }
180
+ .icon-torrent{background-position: 0 -3692px; width: 16px; height: 16px; }
181
+ .icon-undo{background-position: 0 -3718px; width: 16px; height: 16px; }
182
+ .icon-visual-studio{background-position: 0 -3744px; width: 16px; height: 16px; }
183
+ .icon-vlc-player{background-position: 0 -3770px; width: 16px; height: 16px; }
184
+ .icon-voice-mail{background-position: 0 -3796px; width: 16px; height: 16px; }
185
+ .icon-warning{background-position: 0 -3822px; width: 16px; height: 16px; }
186
+ .icon-warning-shield{background-position: 0 -3848px; width: 16px; height: 16px; }
187
+ .icon-winamp{background-position: 0 -3874px; width: 16px; height: 16px; }
188
+ .icon-window{background-position: 0 -3900px; width: 16px; height: 16px; }
189
+ .icon-window-delete{background-position: 0 -3926px; width: 16px; height: 16px; }
190
+ .icon-window-earth{background-position: 0 -3952px; width: 16px; height: 16px; }
191
+ .icon-window-environment{background-position: 0 -3978px; width: 16px; height: 16px; }
192
+ .icon-window-horizontal-split{background-position: 0 -4004px; width: 16px; height: 16px; }
193
+ .icon-window-information{background-position: 0 -4030px; width: 16px; height: 16px; }
194
+ .icon-window-new{background-position: 0 -4056px; width: 16px; height: 16px; }
195
+ .icon-windows{background-position: 0 -4082px; width: 16px; height: 16px; }
196
+ .icon-windows-8-login{background-position: 0 -4108px; width: 16px; height: 16px; }
197
+
198
+ //Mobile icons
199
+ .icon-add-1{background-position: 0 -4134px; width: 16px; height: 16px; }
200
+ .icon-alarm-clock{background-position: 0 -4160px; width: 16px; height: 16px; }
201
+ .icon-archive{background-position: 0 -4186px; width: 16px; height: 16px; }
202
+ .icon-audio-disk{background-position: 0 -4212px; width: 16px; height: 16px; }
203
+ .icon-battery-low{background-position: 0 -4238px; width: 16px; height: 16px; }
204
+ .icon-bin{background-position: 0 -4264px; width: 16px; height: 16px; }
205
+ .icon-bluetooth{background-position: 0 -4290px; width: 16px; height: 16px; }
206
+ .icon-board-pin{background-position: 0 -4316px; width: 16px; height: 16px; }
207
+ .icon-bookmark{background-position: 0 -4342px; width: 16px; height: 16px; }
208
+ .icon-burn-disk{background-position: 0 -4368px; width: 16px; height: 16px; }
209
+ .icon-camera2{background-position: 0 -4394px; width: 16px; height: 16px; }
210
+ .icon-cancel{background-position: 0 -4420px; width: 16px; height: 16px; }
211
+ .icon-car{background-position: 0 -4446px; width: 16px; height: 16px; }
212
+ .icon-chat{background-position: 0 -4472px; width: 16px; height: 16px; }
213
+ .icon-check-box{background-position: 0 -4498px; width: 16px; height: 16px; }
214
+ .icon-close{background-position: 0 -4524px; width: 16px; height: 16px; }
215
+ .icon-cloud-cyclone{background-position: 0 -4550px; width: 16px; height: 16px; }
216
+ .icon-cloud-overcast{background-position: 0 -4576px; width: 16px; height: 16px; }
217
+ .icon-cloud-rain{background-position: 0 -4602px; width: 16px; height: 16px; }
218
+ .icon-cloud-snow{background-position: 0 -4628px; width: 16px; height: 16px; }
219
+ .icon-cloud-sun{background-position: 0 -4654px; width: 16px; height: 16px; }
220
+ .icon-cloud-swirl{background-position: 0 -4680px; width: 16px; height: 16px; }
221
+ .icon-cloud-thunder{background-position: 0 -4706px; width: 16px; height: 16px; }
222
+ .icon-compass{background-position: 0 -4732px; width: 16px; height: 16px; }
223
+ .icon-conference-call-1{background-position: 0 -4758px; width: 16px; height: 16px; }
224
+ .icon-contact{background-position: 0 -4784px; width: 16px; height: 16px; }
225
+ .icon-contact-book{background-position: 0 -4810px; width: 16px; height: 16px; }
226
+ .icon-copy{background-position: 0 -4836px; width: 16px; height: 16px; }
227
+ .icon-cut{background-position: 0 -4862px; width: 16px; height: 16px; }
228
+ .icon-disc{background-position: 0 -4888px; width: 16px; height: 16px; }
229
+ .icon-document-download{background-position: 0 -4914px; width: 16px; height: 16px; }
230
+ .icon-document-upload{background-position: 0 -4940px; width: 16px; height: 16px; }
231
+ .icon-documents-1{background-position: 0 -4966px; width: 16px; height: 16px; }
232
+ .icon-download{background-position: 0 -4992px; width: 16px; height: 16px; }
233
+ .icon-edit-1{background-position: 0 -5018px; width: 16px; height: 16px; }
234
+ .icon-favorite{background-position: 0 -5044px; width: 16px; height: 16px; }
235
+ .icon-flag{background-position: 0 -5070px; width: 16px; height: 16px; }
236
+ .icon-flag-1{background-position: 0 -5096px; width: 16px; height: 16px; }
237
+ .icon-flag-4{background-position: 0 -5122px; width: 16px; height: 16px; }
238
+ .icon-flag-2{background-position: 0 -5148px; width: 16px; height: 16px; }
239
+ .icon-flash-drive{background-position: 0 -5174px; width: 16px; height: 16px; }
240
+ .icon-flash-off{background-position: 0 -5200px; width: 16px; height: 16px; }
241
+ .icon-flash-on{background-position: 0 -5226px; width: 16px; height: 16px; }
242
+ .icon-globe{background-position: 0 -5252px; width: 16px; height: 16px; }
243
+ .icon-gps-off{background-position: 0 -5278px; width: 16px; height: 16px; }
244
+ .icon-gps-on{background-position: 0 -5304px; width: 16px; height: 16px; }
245
+ .icon-gps-settings{background-position: 0 -5330px; width: 16px; height: 16px; }
246
+ .icon-hard-drive{background-position: 0 -5356px; width: 16px; height: 16px; }
247
+ .icon-head-phone{background-position: 0 -5382px; width: 16px; height: 16px; }
248
+ .icon-heart{background-position: 0 -5408px; width: 16px; height: 16px; }
249
+ .icon-help{background-position: 0 -5434px; width: 16px; height: 16px; }
250
+ .icon-home{background-position: 0 -5460px; width: 16px; height: 16px; }
251
+ .icon-in{background-position: 0 -5486px; width: 16px; height: 16px; }
252
+ .icon-information{background-position: 0 -5512px; width: 16px; height: 16px; }
253
+ .icon-key{background-position: 0 -5538px; width: 16px; height: 16px; }
254
+ .icon-left-arrow{background-position: 0 -5564px; width: 16px; height: 16px; }
255
+ .icon-location-marker{background-position: 0 -5590px; width: 16px; height: 16px; }
256
+ .icon-location-pin{background-position: 0 -5616px; width: 16px; height: 16px; }
257
+ .icon-lock{background-position: 0 -5642px; width: 16px; height: 16px; }
258
+ .icon-logout{background-position: 0 -5668px; width: 16px; height: 16px; }
259
+ .icon-mail{background-position: 0 -5694px; width: 16px; height: 16px; }
260
+ .icon-mailbox{background-position: 0 -5720px; width: 16px; height: 16px; }
261
+ .icon-media-fast-backward{background-position: 0 -5746px; width: 16px; height: 16px; }
262
+ .icon-media-fast-forward{background-position: 0 -5772px; width: 16px; height: 16px; }
263
+ .icon-media-player{background-position: 0 -5798px; width: 16px; height: 16px; }
264
+ .icon-message{background-position: 0 -5824px; width: 16px; height: 16px; }
265
+ .icon-messages{background-position: 0 -5850px; width: 16px; height: 16px; }
266
+ .icon-minus{background-position: 0 -5876px; width: 16px; height: 16px; }
267
+ .icon-moon{background-position: 0 -5902px; width: 16px; height: 16px; }
268
+ .icon-negative{background-position: 0 -5928px; width: 16px; height: 16px; }
269
+ .icon-new{background-position: 0 -5954px; width: 16px; height: 16px; }
270
+ .icon-next{background-position: 0 -5980px; width: 16px; height: 16px; }
271
+ .icon-node{background-position: 0 -6006px; width: 16px; height: 16px; }
272
+ .icon-open{background-position: 0 -6032px; width: 16px; height: 16px; }
273
+ .icon-out{background-position: 0 -6058px; width: 16px; height: 16px; }
274
+ .icon-paste-1{background-position: 0 -6084px; width: 16px; height: 16px; }
275
+ .icon-pause{background-position: 0 -6110px; width: 16px; height: 16px; }
276
+ .icon-picture{background-position: 0 -6136px; width: 16px; height: 16px; }
277
+ .icon-play{background-position: 0 -6162px; width: 16px; height: 16px; }
278
+ .icon-positive{background-position: 0 -6188px; width: 16px; height: 16px; }
279
+ .icon-power-button{background-position: 0 -6214px; width: 16px; height: 16px; }
280
+ .icon-preview{background-position: 0 -6240px; width: 16px; height: 16px; }
281
+ .icon-previous{background-position: 0 -6266px; width: 16px; height: 16px; }
282
+ .icon-printer{background-position: 0 -6292px; width: 16px; height: 16px; }
283
+ .icon-properties{background-position: 0 -6318px; width: 16px; height: 16px; }
284
+ .icon-qr-code{background-position: 0 -6344px; width: 16px; height: 16px; }
285
+ .icon-recycle-bin{background-position: 0 -6370px; width: 16px; height: 16px; }
286
+ .icon-redo-1{background-position: 0 -6396px; width: 16px; height: 16px; }
287
+ .icon-refresh-1{background-position: 0 -6422px; width: 16px; height: 16px; }
288
+ .icon-reload{background-position: 0 -6448px; width: 16px; height: 16px; }
289
+ .icon-rename{background-position: 0 -6474px; width: 16px; height: 16px; }
290
+ .icon-save{background-position: 0 -6500px; width: 16px; height: 16px; }
291
+ .icon-search{background-position: 0 -6526px; width: 16px; height: 16px; }
292
+ .icon-send{background-position: 0 -6552px; width: 16px; height: 16px; }
293
+ .icon-settings{background-position: 0 -6578px; width: 16px; height: 16px; }
294
+ .icon-share{background-position: 0 -6604px; width: 16px; height: 16px; }
295
+ .icon-share-1{background-position: 0 -6630px; width: 16px; height: 16px; }
296
+ .icon-share-2{background-position: 0 -6656px; width: 16px; height: 16px; }
297
+ .icon-share-3{background-position: 0 -6682px; width: 16px; height: 16px; }
298
+ .icon-shopping-bag{background-position: 0 -6708px; width: 16px; height: 16px; }
299
+ .icon-signal-bars{background-position: 0 -6734px; width: 16px; height: 16px; }
300
+ .icon-signal-bars-1{background-position: 0 -6760px; width: 16px; height: 16px; }
301
+ .icon-sms{background-position: 0 -6786px; width: 16px; height: 16px; }
302
+ .icon-speaker-volume{background-position: 0 -6812px; width: 16px; height: 16px; }
303
+ .icon-stock-index-down{background-position: 0 -6838px; width: 16px; height: 16px; }
304
+ .icon-stock-index-up{background-position: 0 -6864px; width: 16px; height: 16px; }
305
+ .icon-stop{background-position: 0 -6890px; width: 16px; height: 16px; }
306
+ .icon-swap-down{background-position: 0 -6916px; width: 16px; height: 16px; }
307
+ .icon-swap-left{background-position: 0 -6942px; width: 16px; height: 16px; }
308
+ .icon-swap-right{background-position: 0 -6968px; width: 16px; height: 16px; }
309
+ .icon-swap-up{background-position: 0 -6994px; width: 16px; height: 16px; }
310
+ .icon-synchronize-1{background-position: 0 -7020px; width: 16px; height: 16px; }
311
+ .icon-table-of-contents{background-position: 0 -7046px; width: 16px; height: 16px; }
312
+ .icon-tag{background-position: 0 -7072px; width: 16px; height: 16px; }
313
+ .icon-text-document{background-position: 0 -7098px; width: 16px; height: 16px; }
314
+ .icon-trophy{background-position: 0 -7124px; width: 16px; height: 16px; }
315
+ .icon-undo-1{background-position: 0 -7150px; width: 16px; height: 16px; }
316
+ .icon-upload{background-position: 0 -7176px; width: 16px; height: 16px; }
317
+ .icon-vibrate{background-position: 0 -7202px; width: 16px; height: 16px; }
318
+ .icon-vibrate-1{background-position: 0 -7228px; width: 16px; height: 16px; }
319
+ .icon-video-camera{background-position: 0 -7254px; width: 16px; height: 16px; }
320
+ .icon-voice-search{background-position: 0 -7280px; width: 16px; height: 16px; }
321
+ .icon-voicemail{background-position: 0 -7306px; width: 16px; height: 16px; }
322
+ .icon-warning-message{background-position: 0 -7332px; width: 16px; height: 16px; }
323
+ .icon-wifi{background-position: 0 -7358px; width: 16px; height: 16px; }
324
+ .icon-zoom{background-position: 0 -7384px; width: 16px; height: 16px; }
325
+ .icon-zoom-in{background-position: 0 -7410px; width: 16px; height: 16px; }
326
+ .icon-zoom-out{background-position: 0 -7436px; width: 16px; height: 16px; }