yamlcss 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (213) hide show
  1. checksums.yaml +7 -0
  2. data/.travis.yml +12 -0
  3. data/Gemfile +10 -0
  4. data/Gemfile.lock +56 -0
  5. data/LICENSE.txt +59 -0
  6. data/Rakefile +23 -0
  7. data/Readme.md +120 -0
  8. data/VERSIONS.md +5 -0
  9. data/bin/yamlcss +6 -0
  10. data/lib/yamlcss.rb +22 -0
  11. data/lib/yamlcss/engine.rb +7 -0
  12. data/lib/yamlcss/generator.rb +84 -0
  13. data/lib/yamlcss/version.rb +4 -0
  14. data/vendor/assets/stylesheets/_iehacks.scss +3 -0
  15. data/vendor/assets/stylesheets/_yaml.scss +3 -0
  16. data/yaml/Gruntfile.js +199 -0
  17. data/yaml/License.txt +36 -0
  18. data/yaml/Readme.md +64 -0
  19. data/yaml/changelog.md +307 -0
  20. data/yaml/config.rb +25 -0
  21. data/yaml/demos/css/custom-grids.css +27 -0
  22. data/yaml/demos/css/flexible-columns.css +26 -0
  23. data/yaml/demos/css/flexible-grids.css +26 -0
  24. data/yaml/demos/css/rtl-support.css +31 -0
  25. data/yaml/demos/css/screen/screen-custom-grids.css +41 -0
  26. data/yaml/demos/css/screen/screen-rtl-support.css +182 -0
  27. data/yaml/demos/custom-grid.html +129 -0
  28. data/yaml/demos/flexible-columns.html +124 -0
  29. data/yaml/demos/flexible-grid.html +142 -0
  30. data/yaml/demos/rtl-support.html +127 -0
  31. data/yaml/docs/assets/css/icons/external_link.png +0 -0
  32. data/yaml/docs/assets/css/icons/hcalendar.png +0 -0
  33. data/yaml/docs/assets/css/icons/hcard.png +0 -0
  34. data/yaml/docs/assets/css/icons/icon-geo.png +0 -0
  35. data/yaml/docs/assets/css/icons/icon-hatom.png +0 -0
  36. data/yaml/docs/assets/css/icons/icon-haudio.png +0 -0
  37. data/yaml/docs/assets/css/icons/icon-hcalendar-add.png +0 -0
  38. data/yaml/docs/assets/css/icons/icon-hcalendar-download.png +0 -0
  39. data/yaml/docs/assets/css/icons/icon-hcalendar.png +0 -0
  40. data/yaml/docs/assets/css/icons/icon-hcard-add.png +0 -0
  41. data/yaml/docs/assets/css/icons/icon-hcard-download.png +0 -0
  42. data/yaml/docs/assets/css/icons/icon-hcard.png +0 -0
  43. data/yaml/docs/assets/css/icons/icon-hresume.png +0 -0
  44. data/yaml/docs/assets/css/icons/icon-rel-tag.png +0 -0
  45. data/yaml/docs/assets/css/icons/icon-xfn.png +0 -0
  46. data/yaml/docs/assets/css/icons/xfn/xfn-child.png +0 -0
  47. data/yaml/docs/assets/css/icons/xfn/xfn-colleague-met.png +0 -0
  48. data/yaml/docs/assets/css/icons/xfn/xfn-colleague.png +0 -0
  49. data/yaml/docs/assets/css/icons/xfn/xfn-friend-met.png +0 -0
  50. data/yaml/docs/assets/css/icons/xfn/xfn-friend.png +0 -0
  51. data/yaml/docs/assets/css/icons/xfn/xfn-me.png +0 -0
  52. data/yaml/docs/assets/css/icons/xfn/xfn-parent.png +0 -0
  53. data/yaml/docs/assets/css/icons/xfn/xfn-small.png +0 -0
  54. data/yaml/docs/assets/css/icons/xfn/xfn-spouse.png +0 -0
  55. data/yaml/docs/assets/css/icons/xfn/xfn-sweetheart-met.png +0 -0
  56. data/yaml/docs/assets/css/icons/xfn/xfn-sweetheart.png +0 -0
  57. data/yaml/docs/assets/css/layout-min.css +3 -0
  58. data/yaml/docs/assets/css/layout.css +3262 -0
  59. data/yaml/docs/assets/images/demo-custom-grid.png +0 -0
  60. data/yaml/docs/assets/images/demo-flex-column.png +0 -0
  61. data/yaml/docs/assets/images/demo-flex-grid.png +0 -0
  62. data/yaml/docs/assets/images/demo-rtl.png +0 -0
  63. data/yaml/docs/assets/images/yaml-solo-transparent-small.png +0 -0
  64. data/yaml/docs/assets/images/yaml-solo-transparent.png +0 -0
  65. data/yaml/docs/assets/js/domscript.js +209 -0
  66. data/yaml/docs/assets/js/jquery.gridbuilder.js +131 -0
  67. data/yaml/docs/assets/js/snippet/ZeroClipboard.swf +0 -0
  68. data/yaml/docs/assets/js/snippet/jquery.snippet.css +116 -0
  69. data/yaml/docs/assets/js/snippet/jquery.snippet.js +782 -0
  70. data/yaml/docs/assets/js/snippet/jquery.snippet.min.css +40 -0
  71. data/yaml/docs/assets/js/snippet/jquery.snippet.min.js +12 -0
  72. data/yaml/docs/assets/js/snippet/snippet.css +296 -0
  73. data/yaml/docs/index.html +3845 -0
  74. data/yaml/lib/html5shiv/html5shiv-printshiv.js +11 -0
  75. data/yaml/lib/html5shiv/html5shiv.js +8 -0
  76. data/yaml/lib/jquery-1.10.1.min.js +6 -0
  77. data/yaml/lib/jquery-migrate-1.2.1.min.js +2 -0
  78. data/yaml/package.json +20 -0
  79. data/yaml/sass/docs/assets/css/_screen.scss +786 -0
  80. data/yaml/sass/docs/assets/css/layout.scss +28 -0
  81. data/yaml/sass/static-build/add-ons/accessible-tabs/tabs.scss +15 -0
  82. data/yaml/sass/static-build/add-ons/microformats/microformats.scss +18 -0
  83. data/yaml/sass/static-build/add-ons/rtl-support/core/base-rtl.scss +20 -0
  84. data/yaml/sass/static-build/add-ons/rtl-support/forms/gray-theme-rtl.scss +16 -0
  85. data/yaml/sass/static-build/add-ons/rtl-support/navigation/hlist-rtl.scss +18 -0
  86. data/yaml/sass/static-build/add-ons/rtl-support/navigation/vlist-rtl.scss +18 -0
  87. data/yaml/sass/static-build/add-ons/rtl-support/screen/typography-rtl.scss +16 -0
  88. data/yaml/sass/static-build/core/base.scss +19 -0
  89. data/yaml/sass/static-build/core/iehacks.scss +19 -0
  90. data/yaml/sass/static-build/forms/gray-theme.scss +14 -0
  91. data/yaml/sass/static-build/navigation/hlist.scss +16 -0
  92. data/yaml/sass/static-build/navigation/vlist.scss +16 -0
  93. data/yaml/sass/static-build/print/print.scss +15 -0
  94. data/yaml/sass/static-build/screen/grid-960gs-12.scss +15 -0
  95. data/yaml/sass/static-build/screen/grid-960gs-16.scss +15 -0
  96. data/yaml/sass/static-build/screen/grid-blueprint.scss +15 -0
  97. data/yaml/sass/static-build/screen/grid-fluid-12col.scss +15 -0
  98. data/yaml/sass/static-build/screen/screen-FULLPAGE-layout.scss +15 -0
  99. data/yaml/sass/static-build/screen/screen-PAGE-layout.scss +15 -0
  100. data/yaml/sass/static-build/screen/typography.scss +16 -0
  101. data/yaml/sass/yaml-sass/_yaml-var-globals.scss +39 -0
  102. data/yaml/sass/yaml-sass/_yaml-var-typography.scss +80 -0
  103. data/yaml/sass/yaml-sass/add-ons/accessible-tabs/_tabs.scss +139 -0
  104. data/yaml/sass/yaml-sass/add-ons/accessible-tabs/jquery.tabs.js +266 -0
  105. data/yaml/sass/yaml-sass/add-ons/microformats/_microformats.scss +179 -0
  106. data/yaml/sass/yaml-sass/add-ons/microformats/icons/external_link.png +0 -0
  107. data/yaml/sass/yaml-sass/add-ons/microformats/icons/hcalendar.png +0 -0
  108. data/yaml/sass/yaml-sass/add-ons/microformats/icons/hcard.png +0 -0
  109. data/yaml/sass/yaml-sass/add-ons/microformats/icons/icon-geo.png +0 -0
  110. data/yaml/sass/yaml-sass/add-ons/microformats/icons/icon-hatom.png +0 -0
  111. data/yaml/sass/yaml-sass/add-ons/microformats/icons/icon-haudio.png +0 -0
  112. data/yaml/sass/yaml-sass/add-ons/microformats/icons/icon-hcalendar-add.png +0 -0
  113. data/yaml/sass/yaml-sass/add-ons/microformats/icons/icon-hcalendar-download.png +0 -0
  114. data/yaml/sass/yaml-sass/add-ons/microformats/icons/icon-hcalendar.png +0 -0
  115. data/yaml/sass/yaml-sass/add-ons/microformats/icons/icon-hcard-add.png +0 -0
  116. data/yaml/sass/yaml-sass/add-ons/microformats/icons/icon-hcard-download.png +0 -0
  117. data/yaml/sass/yaml-sass/add-ons/microformats/icons/icon-hcard.png +0 -0
  118. data/yaml/sass/yaml-sass/add-ons/microformats/icons/icon-hresume.png +0 -0
  119. data/yaml/sass/yaml-sass/add-ons/microformats/icons/icon-rel-tag.png +0 -0
  120. data/yaml/sass/yaml-sass/add-ons/microformats/icons/icon-xfn.png +0 -0
  121. data/yaml/sass/yaml-sass/add-ons/microformats/icons/xfn/xfn-child.png +0 -0
  122. data/yaml/sass/yaml-sass/add-ons/microformats/icons/xfn/xfn-colleague-met.png +0 -0
  123. data/yaml/sass/yaml-sass/add-ons/microformats/icons/xfn/xfn-colleague.png +0 -0
  124. data/yaml/sass/yaml-sass/add-ons/microformats/icons/xfn/xfn-friend-met.png +0 -0
  125. data/yaml/sass/yaml-sass/add-ons/microformats/icons/xfn/xfn-friend.png +0 -0
  126. data/yaml/sass/yaml-sass/add-ons/microformats/icons/xfn/xfn-me.png +0 -0
  127. data/yaml/sass/yaml-sass/add-ons/microformats/icons/xfn/xfn-parent.png +0 -0
  128. data/yaml/sass/yaml-sass/add-ons/microformats/icons/xfn/xfn-small.png +0 -0
  129. data/yaml/sass/yaml-sass/add-ons/microformats/icons/xfn/xfn-spouse.png +0 -0
  130. data/yaml/sass/yaml-sass/add-ons/microformats/icons/xfn/xfn-sweetheart-met.png +0 -0
  131. data/yaml/sass/yaml-sass/add-ons/microformats/icons/xfn/xfn-sweetheart.png +0 -0
  132. data/yaml/sass/yaml-sass/add-ons/rtl-support/core/_base-rtl.scss +177 -0
  133. data/yaml/sass/yaml-sass/add-ons/rtl-support/forms/_gray-theme-rtl.scss +34 -0
  134. data/yaml/sass/yaml-sass/add-ons/rtl-support/navigation/_hlist-rtl.scss +42 -0
  135. data/yaml/sass/yaml-sass/add-ons/rtl-support/navigation/_vlist-rtl.scss +45 -0
  136. data/yaml/sass/yaml-sass/add-ons/rtl-support/screen/_typography-rtl.scss +30 -0
  137. data/yaml/sass/yaml-sass/add-ons/syncheight/jquery.syncheight.js +112 -0
  138. data/yaml/sass/yaml-sass/core/_base.scss +15 -0
  139. data/yaml/sass/yaml-sass/core/_iehacks.scss +426 -0
  140. data/yaml/sass/yaml-sass/core/base-modules/_accessibility.scss +48 -0
  141. data/yaml/sass/yaml-sass/core/base-modules/_columns.scss +27 -0
  142. data/yaml/sass/yaml-sass/core/base-modules/_float-handling.scss +32 -0
  143. data/yaml/sass/yaml-sass/core/base-modules/_forms-core.scss +296 -0
  144. data/yaml/sass/yaml-sass/core/base-modules/_grids-core.scss +55 -0
  145. data/yaml/sass/yaml-sass/core/base-modules/_normalization.scss +165 -0
  146. data/yaml/sass/yaml-sass/core/base-modules/_print-core.scss +36 -0
  147. data/yaml/sass/yaml-sass/core/js/yaml-focusfix.js +70 -0
  148. data/yaml/sass/yaml-sass/forms/_gray-theme.scss +475 -0
  149. data/yaml/sass/yaml-sass/mixins/_yaml-mixins-core.scss +248 -0
  150. data/yaml/sass/yaml-sass/navigation/_hlist.scss +106 -0
  151. data/yaml/sass/yaml-sass/navigation/_vlist.scss +129 -0
  152. data/yaml/sass/yaml-sass/print/_print.scss +61 -0
  153. data/yaml/sass/yaml-sass/screen/_grid-960gs-12.scss +4 -0
  154. data/yaml/sass/yaml-sass/screen/_grid-960gs-16.scss +4 -0
  155. data/yaml/sass/yaml-sass/screen/_grid-blueprint.scss +4 -0
  156. data/yaml/sass/yaml-sass/screen/_grid-fluid-12col.scss +4 -0
  157. data/yaml/sass/yaml-sass/screen/_screen-FULLPAGE-layout.scss +171 -0
  158. data/yaml/sass/yaml-sass/screen/_screen-PAGE-layout.scss +165 -0
  159. data/yaml/sass/yaml-sass/screen/_typography.scss +485 -0
  160. data/yaml/yaml/add-ons/accessible-tabs/jquery.tabs.js +266 -0
  161. data/yaml/yaml/add-ons/accessible-tabs/tabs.css +136 -0
  162. data/yaml/yaml/add-ons/microformats/icons/external_link.png +0 -0
  163. data/yaml/yaml/add-ons/microformats/icons/hcalendar.png +0 -0
  164. data/yaml/yaml/add-ons/microformats/icons/hcard.png +0 -0
  165. data/yaml/yaml/add-ons/microformats/icons/icon-geo.png +0 -0
  166. data/yaml/yaml/add-ons/microformats/icons/icon-hatom.png +0 -0
  167. data/yaml/yaml/add-ons/microformats/icons/icon-haudio.png +0 -0
  168. data/yaml/yaml/add-ons/microformats/icons/icon-hcalendar-add.png +0 -0
  169. data/yaml/yaml/add-ons/microformats/icons/icon-hcalendar-download.png +0 -0
  170. data/yaml/yaml/add-ons/microformats/icons/icon-hcalendar.png +0 -0
  171. data/yaml/yaml/add-ons/microformats/icons/icon-hcard-add.png +0 -0
  172. data/yaml/yaml/add-ons/microformats/icons/icon-hcard-download.png +0 -0
  173. data/yaml/yaml/add-ons/microformats/icons/icon-hcard.png +0 -0
  174. data/yaml/yaml/add-ons/microformats/icons/icon-hresume.png +0 -0
  175. data/yaml/yaml/add-ons/microformats/icons/icon-rel-tag.png +0 -0
  176. data/yaml/yaml/add-ons/microformats/icons/icon-xfn.png +0 -0
  177. data/yaml/yaml/add-ons/microformats/icons/xfn/xfn-child.png +0 -0
  178. data/yaml/yaml/add-ons/microformats/icons/xfn/xfn-colleague-met.png +0 -0
  179. data/yaml/yaml/add-ons/microformats/icons/xfn/xfn-colleague.png +0 -0
  180. data/yaml/yaml/add-ons/microformats/icons/xfn/xfn-friend-met.png +0 -0
  181. data/yaml/yaml/add-ons/microformats/icons/xfn/xfn-friend.png +0 -0
  182. data/yaml/yaml/add-ons/microformats/icons/xfn/xfn-me.png +0 -0
  183. data/yaml/yaml/add-ons/microformats/icons/xfn/xfn-parent.png +0 -0
  184. data/yaml/yaml/add-ons/microformats/icons/xfn/xfn-small.png +0 -0
  185. data/yaml/yaml/add-ons/microformats/icons/xfn/xfn-spouse.png +0 -0
  186. data/yaml/yaml/add-ons/microformats/icons/xfn/xfn-sweetheart-met.png +0 -0
  187. data/yaml/yaml/add-ons/microformats/icons/xfn/xfn-sweetheart.png +0 -0
  188. data/yaml/yaml/add-ons/microformats/microformats.css +167 -0
  189. data/yaml/yaml/add-ons/rtl-support/core/base-rtl.css +167 -0
  190. data/yaml/yaml/add-ons/rtl-support/core/base-rtl.min.css +3 -0
  191. data/yaml/yaml/add-ons/rtl-support/forms/gray-theme-rtl.css +44 -0
  192. data/yaml/yaml/add-ons/rtl-support/navigation/hlist-rtl.css +48 -0
  193. data/yaml/yaml/add-ons/rtl-support/navigation/vlist-rtl.css +54 -0
  194. data/yaml/yaml/add-ons/rtl-support/screen/typography-rtl.css +38 -0
  195. data/yaml/yaml/add-ons/syncheight/jquery.syncheight.js +112 -0
  196. data/yaml/yaml/core/base.css +705 -0
  197. data/yaml/yaml/core/base.min.css +3 -0
  198. data/yaml/yaml/core/iehacks.css +468 -0
  199. data/yaml/yaml/core/iehacks.min.css +3 -0
  200. data/yaml/yaml/core/js/yaml-focusfix.js +70 -0
  201. data/yaml/yaml/forms/gray-theme.css +676 -0
  202. data/yaml/yaml/navigation/hlist.css +109 -0
  203. data/yaml/yaml/navigation/vlist.css +144 -0
  204. data/yaml/yaml/print/print.css +42 -0
  205. data/yaml/yaml/screen/grid-960gs-12.css +164 -0
  206. data/yaml/yaml/screen/grid-960gs-16.css +212 -0
  207. data/yaml/yaml/screen/grid-blueprint.css +308 -0
  208. data/yaml/yaml/screen/grid-fluid-12col.css +164 -0
  209. data/yaml/yaml/screen/screen-FULLPAGE-layout.css +184 -0
  210. data/yaml/yaml/screen/screen-PAGE-layout.css +196 -0
  211. data/yaml/yaml/screen/typography.css +486 -0
  212. data/yamlcss.gemspec +30 -0
  213. metadata +314 -0
@@ -0,0 +1,212 @@
1
+ /**
2
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
3
+ *
4
+ * 960.gs port for YAML: 960px - 16 columns
5
+ *
6
+ * @copyright © 2005-2013, Dirk Jesse
7
+ * @license CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
8
+ * YAML-CDL (http://www.yaml.de/license.html)
9
+ * @link http://www.yaml.de
10
+ * @package yaml
11
+ * @version 4.1.2
12
+ */
13
+ .ym-wrapper {
14
+ width: 960px;
15
+ margin: 0 auto;
16
+ }
17
+
18
+ .ym-gbox {
19
+ padding-left: 0;
20
+ padding-right: 0;
21
+ margin-left: 10px;
22
+ margin-right: 10px;
23
+ }
24
+
25
+ [class*="ym-push-"],
26
+ [class*="ym-pull-"] {
27
+ position: relative;
28
+ }
29
+
30
+ .ym-g960-1 {
31
+ width: 60px;
32
+ }
33
+
34
+ .ym-g960-2 {
35
+ width: 120px;
36
+ }
37
+
38
+ .ym-g960-3 {
39
+ width: 180px;
40
+ }
41
+
42
+ .ym-g960-4 {
43
+ width: 240px;
44
+ }
45
+
46
+ .ym-g960-5 {
47
+ width: 300px;
48
+ }
49
+
50
+ .ym-g960-6 {
51
+ width: 360px;
52
+ }
53
+
54
+ .ym-g960-7 {
55
+ width: 420px;
56
+ }
57
+
58
+ .ym-g960-8 {
59
+ width: 480px;
60
+ }
61
+
62
+ .ym-g960-9 {
63
+ width: 540px;
64
+ }
65
+
66
+ .ym-g960-10 {
67
+ width: 600px;
68
+ }
69
+
70
+ .ym-g960-11 {
71
+ width: 660px;
72
+ }
73
+
74
+ .ym-g960-12 {
75
+ width: 720px;
76
+ }
77
+
78
+ .ym-g960-13 {
79
+ width: 780px;
80
+ }
81
+
82
+ .ym-g960-14 {
83
+ width: 840px;
84
+ }
85
+
86
+ .ym-g960-15 {
87
+ width: 900px;
88
+ }
89
+
90
+ .ym-g960-16 {
91
+ width: 960px;
92
+ }
93
+
94
+ .ym-push-1 {
95
+ left: 60px;
96
+ }
97
+
98
+ .ym-push-2 {
99
+ left: 120px;
100
+ }
101
+
102
+ .ym-push-3 {
103
+ left: 180px;
104
+ }
105
+
106
+ .ym-push-4 {
107
+ left: 240px;
108
+ }
109
+
110
+ .ym-push-5 {
111
+ left: 300px;
112
+ }
113
+
114
+ .ym-push-6 {
115
+ left: 360px;
116
+ }
117
+
118
+ .ym-push-7 {
119
+ left: 420px;
120
+ }
121
+
122
+ .ym-push-8 {
123
+ left: 480px;
124
+ }
125
+
126
+ .ym-push-9 {
127
+ left: 540px;
128
+ }
129
+
130
+ .ym-push-10 {
131
+ left: 600px;
132
+ }
133
+
134
+ .ym-push-11 {
135
+ left: 660px;
136
+ }
137
+
138
+ .ym-push-12 {
139
+ left: 720px;
140
+ }
141
+
142
+ .ym-push-13 {
143
+ left: 780px;
144
+ }
145
+
146
+ .ym-push-14 {
147
+ left: 840px;
148
+ }
149
+
150
+ .ym-push-15 {
151
+ left: 900px;
152
+ }
153
+
154
+ .ym-pull-1 {
155
+ left: -60px;
156
+ }
157
+
158
+ .ym-pull-2 {
159
+ left: -120px;
160
+ }
161
+
162
+ .ym-pull-3 {
163
+ left: -180px;
164
+ }
165
+
166
+ .ym-pull-4 {
167
+ left: -240px;
168
+ }
169
+
170
+ .ym-pull-5 {
171
+ left: -300px;
172
+ }
173
+
174
+ .ym-pull-6 {
175
+ left: -360px;
176
+ }
177
+
178
+ .ym-pull-7 {
179
+ left: -420px;
180
+ }
181
+
182
+ .ym-pull-8 {
183
+ left: -480px;
184
+ }
185
+
186
+ .ym-pull-9 {
187
+ left: -540px;
188
+ }
189
+
190
+ .ym-pull-10 {
191
+ left: -600px;
192
+ }
193
+
194
+ .ym-pull-11 {
195
+ left: -660px;
196
+ }
197
+
198
+ .ym-pull-12 {
199
+ left: -720px;
200
+ }
201
+
202
+ .ym-pull-13 {
203
+ left: -780px;
204
+ }
205
+
206
+ .ym-pull-14 {
207
+ left: -840px;
208
+ }
209
+
210
+ .ym-pull-15 {
211
+ left: -900px;
212
+ }
@@ -0,0 +1,308 @@
1
+ /**
2
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
3
+ *
4
+ * Blueprint CSS port for YAML - 24 columns
5
+ *
6
+ * @copyright © 2005-2013, Dirk Jesse
7
+ * @license CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
8
+ * YAML-CDL (http://www.yaml.de/license.html)
9
+ * @link http://www.yaml.de
10
+ * @package yaml
11
+ * @version 4.1.2
12
+ */
13
+ .ym-wrapper {
14
+ width: 960px;
15
+ margin: 0 auto;
16
+ }
17
+
18
+ .ym-gbox {
19
+ padding-left: 0;
20
+ padding-right: 0;
21
+ margin-left: 0;
22
+ margin-right: 10px;
23
+ }
24
+
25
+ [class*="ym-push-"],
26
+ [class*="ym-pull-"] {
27
+ position: relative;
28
+ }
29
+
30
+ .ym-span-1 {
31
+ width: 40px;
32
+ }
33
+
34
+ .ym-span-2 {
35
+ width: 80px;
36
+ }
37
+
38
+ .ym-span-3 {
39
+ width: 120px;
40
+ }
41
+
42
+ .ym-span-4 {
43
+ width: 160px;
44
+ }
45
+
46
+ .ym-span-5 {
47
+ width: 200px;
48
+ }
49
+
50
+ .ym-span-6 {
51
+ width: 240px;
52
+ }
53
+
54
+ .ym-span-7 {
55
+ width: 280px;
56
+ }
57
+
58
+ .ym-span-8 {
59
+ width: 320px;
60
+ }
61
+
62
+ .ym-span-9 {
63
+ width: 360px;
64
+ }
65
+
66
+ .ym-span-10 {
67
+ width: 400px;
68
+ }
69
+
70
+ .ym-span-11 {
71
+ width: 440px;
72
+ }
73
+
74
+ .ym-span-12 {
75
+ width: 480px;
76
+ }
77
+
78
+ .ym-span-13 {
79
+ width: 520px;
80
+ }
81
+
82
+ .ym-span-14 {
83
+ width: 560px;
84
+ }
85
+
86
+ .ym-span-15 {
87
+ width: 600px;
88
+ }
89
+
90
+ .ym-span-16 {
91
+ width: 640px;
92
+ }
93
+
94
+ .ym-span-17 {
95
+ width: 680px;
96
+ }
97
+
98
+ .ym-span-18 {
99
+ width: 720px;
100
+ }
101
+
102
+ .ym-span-19 {
103
+ width: 760px;
104
+ }
105
+
106
+ .ym-span-20 {
107
+ width: 800px;
108
+ }
109
+
110
+ .ym-span-21 {
111
+ width: 840px;
112
+ }
113
+
114
+ .ym-span-22 {
115
+ width: 880px;
116
+ }
117
+
118
+ .ym-span-23 {
119
+ width: 920px;
120
+ }
121
+
122
+ .ym-span-24 {
123
+ width: 960px;
124
+ }
125
+
126
+ .ym-push-1 {
127
+ left: 40px;
128
+ }
129
+
130
+ .ym-push-2 {
131
+ left: 80px;
132
+ }
133
+
134
+ .ym-push-3 {
135
+ left: 120px;
136
+ }
137
+
138
+ .ym-push-4 {
139
+ left: 160px;
140
+ }
141
+
142
+ .ym-push-5 {
143
+ left: 200px;
144
+ }
145
+
146
+ .ym-push-6 {
147
+ left: 240px;
148
+ }
149
+
150
+ .ym-push-7 {
151
+ left: 280px;
152
+ }
153
+
154
+ .ym-push-8 {
155
+ left: 320px;
156
+ }
157
+
158
+ .ym-push-9 {
159
+ left: 360px;
160
+ }
161
+
162
+ .ym-push-10 {
163
+ left: 400px;
164
+ }
165
+
166
+ .ym-push-11 {
167
+ left: 440px;
168
+ }
169
+
170
+ .ym-push-12 {
171
+ left: 480px;
172
+ }
173
+
174
+ .ym-push-13 {
175
+ left: 520px;
176
+ }
177
+
178
+ .ym-push-14 {
179
+ left: 560px;
180
+ }
181
+
182
+ .ym-push-15 {
183
+ left: 600px;
184
+ }
185
+
186
+ .ym-push-16 {
187
+ left: 640px;
188
+ }
189
+
190
+ .ym-push-17 {
191
+ left: 680px;
192
+ }
193
+
194
+ .ym-push-18 {
195
+ left: 720px;
196
+ }
197
+
198
+ .ym-push-19 {
199
+ left: 760px;
200
+ }
201
+
202
+ .ym-push-20 {
203
+ left: 800px;
204
+ }
205
+
206
+ .ym-push-21 {
207
+ left: 840px;
208
+ }
209
+
210
+ .ym-push-22 {
211
+ left: 880px;
212
+ }
213
+
214
+ .ym-push-23 {
215
+ left: 920px;
216
+ }
217
+
218
+ .ym-pull-1 {
219
+ left: -40px;
220
+ }
221
+
222
+ .ym-pull-2 {
223
+ left: -80px;
224
+ }
225
+
226
+ .ym-pull-3 {
227
+ left: -120px;
228
+ }
229
+
230
+ .ym-pull-4 {
231
+ left: -160px;
232
+ }
233
+
234
+ .ym-pull-5 {
235
+ left: -200px;
236
+ }
237
+
238
+ .ym-pull-6 {
239
+ left: -240px;
240
+ }
241
+
242
+ .ym-pull-7 {
243
+ left: -280px;
244
+ }
245
+
246
+ .ym-pull-8 {
247
+ left: -320px;
248
+ }
249
+
250
+ .ym-pull-9 {
251
+ left: -360px;
252
+ }
253
+
254
+ .ym-pull-10 {
255
+ left: -400px;
256
+ }
257
+
258
+ .ym-pull-11 {
259
+ left: -440px;
260
+ }
261
+
262
+ .ym-pull-12 {
263
+ left: -480px;
264
+ }
265
+
266
+ .ym-pull-13 {
267
+ left: -520px;
268
+ }
269
+
270
+ .ym-pull-14 {
271
+ left: -560px;
272
+ }
273
+
274
+ .ym-pull-15 {
275
+ left: -600px;
276
+ }
277
+
278
+ .ym-pull-16 {
279
+ left: -640px;
280
+ }
281
+
282
+ .ym-pull-17 {
283
+ left: -680px;
284
+ }
285
+
286
+ .ym-pull-18 {
287
+ left: -720px;
288
+ }
289
+
290
+ .ym-pull-19 {
291
+ left: -760px;
292
+ }
293
+
294
+ .ym-pull-20 {
295
+ left: -800px;
296
+ }
297
+
298
+ .ym-pull-21 {
299
+ left: -840px;
300
+ }
301
+
302
+ .ym-pull-22 {
303
+ left: -880px;
304
+ }
305
+
306
+ .ym-pull-23 {
307
+ left: -920px;
308
+ }