spike 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (142) hide show
  1. data/.document +5 -0
  2. data/.gitignore +21 -0
  3. data/.gitmodules +6 -0
  4. data/LICENSE +20 -0
  5. data/README.md +45 -0
  6. data/Rakefile +56 -0
  7. data/VERSION +1 -0
  8. data/bin/spike +5 -0
  9. data/lib/initializers/960.rb +33 -0
  10. data/lib/initializers/jquery.rb +1 -0
  11. data/lib/spike.rb +61 -0
  12. data/lib/template/app.css +0 -0
  13. data/lib/template/css/960/README.txt +52 -0
  14. data/lib/template/css/960/code/css/960.css +1 -0
  15. data/lib/template/css/960/code/css/960_24_col.css +1 -0
  16. data/lib/template/css/960/code/css/reset.css +1 -0
  17. data/lib/template/css/960/code/css/rtl_960.css +1 -0
  18. data/lib/template/css/960/code/css/rtl_960_24_col.css +1 -0
  19. data/lib/template/css/960/code/css/rtl_text.css +1 -0
  20. data/lib/template/css/960/code/css/text.css +1 -0
  21. data/lib/template/css/960/code/css/uncompressed/960.css +628 -0
  22. data/lib/template/css/960/code/css/uncompressed/960_24_col.css +599 -0
  23. data/lib/template/css/960/code/css/uncompressed/demo.css +47 -0
  24. data/lib/template/css/960/code/css/uncompressed/reset.css +53 -0
  25. data/lib/template/css/960/code/css/uncompressed/rtl_960.css +628 -0
  26. data/lib/template/css/960/code/css/uncompressed/rtl_960_24_col.css +599 -0
  27. data/lib/template/css/960/code/css/uncompressed/rtl_text.css +84 -0
  28. data/lib/template/css/960/code/css/uncompressed/text.css +84 -0
  29. data/lib/template/css/960/code/demo.html +538 -0
  30. data/lib/template/css/960/code/demo_24_col.html +411 -0
  31. data/lib/template/css/960/code/img/12_col.gif +0 -0
  32. data/lib/template/css/960/code/img/16_col.gif +0 -0
  33. data/lib/template/css/960/code/img/24_col.gif +0 -0
  34. data/lib/template/css/960/code/rtl_demo.html +538 -0
  35. data/lib/template/css/960/code/rtl_demo_24_col.html +411 -0
  36. data/lib/template/css/960/fireworks_extension/960.gs Grid Commands.mxp +0 -0
  37. data/lib/template/css/960/fireworks_extension/_source/12 columns.jsf +26 -0
  38. data/lib/template/css/960/fireworks_extension/_source/16 columns.jsf +26 -0
  39. data/lib/template/css/960/fireworks_extension/_source/24 columns.jsf +26 -0
  40. data/lib/template/css/960/fireworks_extension/_source/960.gs Grid Commands.mxi +22 -0
  41. data/lib/template/css/960/licenses/GPL_license.txt +674 -0
  42. data/lib/template/css/960/licenses/MIT_license.txt +20 -0
  43. data/lib/template/css/960/sketch_sheets/960_sketch.pdf +0 -0
  44. data/lib/template/css/960/templates/acorn/960_grid_12_col.acorn +0 -0
  45. data/lib/template/css/960/templates/acorn/960_grid_16_col.acorn +0 -0
  46. data/lib/template/css/960/templates/acorn/960_grid_24_col.acorn +0 -0
  47. data/lib/template/css/960/templates/corel_draw/960_grid_12_col.cdt +0 -0
  48. data/lib/template/css/960/templates/corel_draw/960_grid_16_col.cdt +0 -0
  49. data/lib/template/css/960/templates/corel_draw/960_grid_24_col.cdt +0 -0
  50. data/lib/template/css/960/templates/expression_design/960_grid_12_col.design +0 -0
  51. data/lib/template/css/960/templates/expression_design/960_grid_16_col.design +0 -0
  52. data/lib/template/css/960/templates/expression_design/960_grid_24_col.design +0 -0
  53. data/lib/template/css/960/templates/fireworks/960_grid_12_col.png +0 -0
  54. data/lib/template/css/960/templates/fireworks/960_grid_16_col.png +0 -0
  55. data/lib/template/css/960/templates/fireworks/960_grid_24_col.png +0 -0
  56. data/lib/template/css/960/templates/flash/960_grid_12_col.fla +0 -0
  57. data/lib/template/css/960/templates/flash/960_grid_16_col.fla +0 -0
  58. data/lib/template/css/960/templates/flash/960_grid_24_col.fla +0 -0
  59. data/lib/template/css/960/templates/gimp/960_grid_12_col.xcf +0 -0
  60. data/lib/template/css/960/templates/gimp/960_grid_16_col.xcf +0 -0
  61. data/lib/template/css/960/templates/gimp/960_grid_24_col.xcf +0 -0
  62. data/lib/template/css/960/templates/illustrator/960_grid_12_col.ai +372 -0
  63. data/lib/template/css/960/templates/illustrator/960_grid_16_col.ai +361 -0
  64. data/lib/template/css/960/templates/indesign/960_grid_12_col.inx +1197 -0
  65. data/lib/template/css/960/templates/indesign/960_grid_16_col.inx +1214 -0
  66. data/lib/template/css/960/templates/inkscape/960_grid_12_col.svg +217 -0
  67. data/lib/template/css/960/templates/inkscape/960_grid_16_col.svg +265 -0
  68. data/lib/template/css/960/templates/inkscape/960_grid_24_col.svg +174 -0
  69. data/lib/template/css/960/templates/omnigraffle/960_graffle.graffle +0 -0
  70. data/lib/template/css/960/templates/photoshop/960_grid_12_col.psd +0 -0
  71. data/lib/template/css/960/templates/photoshop/960_grid_16_col.psd +0 -0
  72. data/lib/template/css/960/templates/photoshop/960_grid_24_col.psd +0 -0
  73. data/lib/template/css/960/templates/visio/960_visio.vsd +0 -0
  74. data/lib/template/css/blueprint/AUTHORS.textile +42 -0
  75. data/lib/template/css/blueprint/CHANGELOG +159 -0
  76. data/lib/template/css/blueprint/LICENSE +22 -0
  77. data/lib/template/css/blueprint/README.textile +81 -0
  78. data/lib/template/css/blueprint/TUTORIAL.textile +206 -0
  79. data/lib/template/css/blueprint/blueprint/ie.css +35 -0
  80. data/lib/template/css/blueprint/blueprint/plugins/buttons/icons/cross.png +0 -0
  81. data/lib/template/css/blueprint/blueprint/plugins/buttons/icons/key.png +0 -0
  82. data/lib/template/css/blueprint/blueprint/plugins/buttons/icons/tick.png +0 -0
  83. data/lib/template/css/blueprint/blueprint/plugins/buttons/readme.txt +32 -0
  84. data/lib/template/css/blueprint/blueprint/plugins/buttons/screen.css +97 -0
  85. data/lib/template/css/blueprint/blueprint/plugins/fancy-type/readme.txt +14 -0
  86. data/lib/template/css/blueprint/blueprint/plugins/fancy-type/screen.css +71 -0
  87. data/lib/template/css/blueprint/blueprint/plugins/link-icons/icons/doc.png +0 -0
  88. data/lib/template/css/blueprint/blueprint/plugins/link-icons/icons/email.png +0 -0
  89. data/lib/template/css/blueprint/blueprint/plugins/link-icons/icons/external.png +0 -0
  90. data/lib/template/css/blueprint/blueprint/plugins/link-icons/icons/feed.png +0 -0
  91. data/lib/template/css/blueprint/blueprint/plugins/link-icons/icons/im.png +0 -0
  92. data/lib/template/css/blueprint/blueprint/plugins/link-icons/icons/pdf.png +0 -0
  93. data/lib/template/css/blueprint/blueprint/plugins/link-icons/icons/visited.png +0 -0
  94. data/lib/template/css/blueprint/blueprint/plugins/link-icons/icons/xls.png +0 -0
  95. data/lib/template/css/blueprint/blueprint/plugins/link-icons/readme.txt +18 -0
  96. data/lib/template/css/blueprint/blueprint/plugins/link-icons/screen.css +40 -0
  97. data/lib/template/css/blueprint/blueprint/plugins/rtl/readme.txt +10 -0
  98. data/lib/template/css/blueprint/blueprint/plugins/rtl/screen.css +110 -0
  99. data/lib/template/css/blueprint/blueprint/print.css +29 -0
  100. data/lib/template/css/blueprint/blueprint/screen.css +258 -0
  101. data/lib/template/css/blueprint/blueprint/src/forms.css +65 -0
  102. data/lib/template/css/blueprint/blueprint/src/grid.css +280 -0
  103. data/lib/template/css/blueprint/blueprint/src/grid.png +0 -0
  104. data/lib/template/css/blueprint/blueprint/src/ie.css +76 -0
  105. data/lib/template/css/blueprint/blueprint/src/print.css +85 -0
  106. data/lib/template/css/blueprint/blueprint/src/reset.css +45 -0
  107. data/lib/template/css/blueprint/blueprint/src/typography.css +106 -0
  108. data/lib/template/css/blueprint/lib/blueprint/blueprint.rb +39 -0
  109. data/lib/template/css/blueprint/lib/blueprint/compressor.rb +290 -0
  110. data/lib/template/css/blueprint/lib/blueprint/core_ext.rb +39 -0
  111. data/lib/template/css/blueprint/lib/blueprint/css_parser.rb +72 -0
  112. data/lib/template/css/blueprint/lib/blueprint/custom_layout.rb +72 -0
  113. data/lib/template/css/blueprint/lib/blueprint/grid.css.erb +146 -0
  114. data/lib/template/css/blueprint/lib/blueprint/grid_builder.rb +63 -0
  115. data/lib/template/css/blueprint/lib/blueprint/namespace.rb +38 -0
  116. data/lib/template/css/blueprint/lib/blueprint/semantic_class_names.rb +64 -0
  117. data/lib/template/css/blueprint/lib/blueprint/validate/COPYRIGHT.html +93 -0
  118. data/lib/template/css/blueprint/lib/blueprint/validate/JIGSAW_COPYRIGHT +64 -0
  119. data/lib/template/css/blueprint/lib/blueprint/validate/README.html +83 -0
  120. data/lib/template/css/blueprint/lib/blueprint/validate/XERCES_COPYING.txt +56 -0
  121. data/lib/template/css/blueprint/lib/blueprint/validate/css-validator-javadoc.jar +0 -0
  122. data/lib/template/css/blueprint/lib/blueprint/validate/css-validator.jar +0 -0
  123. data/lib/template/css/blueprint/lib/blueprint/validate/jigsaw.jar +0 -0
  124. data/lib/template/css/blueprint/lib/blueprint/validate/xerces.jar +0 -0
  125. data/lib/template/css/blueprint/lib/blueprint/validator.rb +49 -0
  126. data/lib/template/css/blueprint/lib/compress.rb +167 -0
  127. data/lib/template/css/blueprint/lib/settings.example.yml +33 -0
  128. data/lib/template/css/blueprint/lib/validate.rb +15 -0
  129. data/lib/template/css/blueprint/templates/psd/fixed-width.psd +0 -0
  130. data/lib/template/css/blueprint/tests/index.html +83 -0
  131. data/lib/template/css/blueprint/tests/parts/elements.html +247 -0
  132. data/lib/template/css/blueprint/tests/parts/forms.html +191 -0
  133. data/lib/template/css/blueprint/tests/parts/grid.html +163 -0
  134. data/lib/template/css/blueprint/tests/parts/sample.html +75 -0
  135. data/lib/template/css/blueprint/tests/parts/test-small.jpg +0 -0
  136. data/lib/template/css/blueprint/tests/parts/test.jpg +0 -0
  137. data/lib/template/css/blueprint/tests/parts/valid.png +0 -0
  138. data/lib/template/index.html +16 -0
  139. data/spike.gemspec +190 -0
  140. data/test/helper.rb +10 -0
  141. data/test/test_spike.rb +7 -0
  142. metadata +227 -0
@@ -0,0 +1,47 @@
1
+ body {
2
+ background: #123;
3
+ border-top: 5px solid #000;
4
+ color: #333;
5
+ font-size: 11px;
6
+ padding: 20px 0 40px;
7
+ }
8
+
9
+ a {
10
+ color: #fff;
11
+ text-decoration: none;
12
+ }
13
+
14
+ a:hover {
15
+ text-decoration: underline;
16
+ }
17
+
18
+ h1 {
19
+ font-family: Georgia, serif;
20
+ font-weight: normal;
21
+ text-align: center;
22
+ }
23
+
24
+ h2 {
25
+ padding: 20px 0 0;
26
+ text-align: center;
27
+ }
28
+
29
+ p {
30
+ border: 1px solid #666;
31
+ overflow: hidden;
32
+ padding: 10px 0;
33
+ text-align: center;
34
+ }
35
+
36
+ .container_12 {
37
+ background: #fff url(../../img/12_col.gif) repeat-y;
38
+ margin-bottom: 20px;
39
+ }
40
+
41
+ .container_16 {
42
+ background: #fff url(../../img/16_col.gif) repeat-y;
43
+ }
44
+
45
+ .container_24 {
46
+ background: #fff url(../../img/24_col.gif) repeat-y;
47
+ }
@@ -0,0 +1,53 @@
1
+ /* http://meyerweb.com/eric/tools/css/reset/ */
2
+ /* v1.0 | 20080212 */
3
+
4
+ html, body, div, span, applet, object, iframe,
5
+ h1, h2, h3, h4, h5, h6, p, blockquote, pre,
6
+ a, abbr, acronym, address, big, cite, code,
7
+ del, dfn, em, font, img, ins, kbd, q, s, samp,
8
+ small, strike, strong, sub, sup, tt, var,
9
+ b, u, i, center,
10
+ dl, dt, dd, ol, ul, li,
11
+ fieldset, form, label, legend,
12
+ table, caption, tbody, tfoot, thead, tr, th, td {
13
+ margin: 0;
14
+ padding: 0;
15
+ border: 0;
16
+ outline: 0;
17
+ font-size: 100%;
18
+ vertical-align: baseline;
19
+ background: transparent;
20
+ }
21
+ body {
22
+ line-height: 1;
23
+ }
24
+ ol, ul {
25
+ list-style: none;
26
+ }
27
+ blockquote, q {
28
+ quotes: none;
29
+ }
30
+ blockquote:before, blockquote:after,
31
+ q:before, q:after {
32
+ content: '';
33
+ content: none;
34
+ }
35
+
36
+ /* remember to define focus styles! */
37
+ :focus {
38
+ outline: 0;
39
+ }
40
+
41
+ /* remember to highlight inserts somehow! */
42
+ ins {
43
+ text-decoration: none;
44
+ }
45
+ del {
46
+ text-decoration: line-through;
47
+ }
48
+
49
+ /* tables still need 'cellspacing="0"' in the markup */
50
+ table {
51
+ border-collapse: collapse;
52
+ border-spacing: 0;
53
+ }
@@ -0,0 +1,628 @@
1
+ /*
2
+ 960 Grid System ~ Core CSS.
3
+ Learn more ~ http://960.gs/
4
+
5
+ Licensed under GPL and MIT.
6
+ */
7
+
8
+ /* `Containers
9
+ ----------------------------------------------------------------------------------------------------*/
10
+
11
+ .container_12,
12
+ .container_16 {
13
+ margin-right: auto;
14
+ margin-left: auto;
15
+ width: 960px;
16
+ }
17
+
18
+ /* `Grid >> Global
19
+ ----------------------------------------------------------------------------------------------------*/
20
+
21
+ .grid_1,
22
+ .grid_2,
23
+ .grid_3,
24
+ .grid_4,
25
+ .grid_5,
26
+ .grid_6,
27
+ .grid_7,
28
+ .grid_8,
29
+ .grid_9,
30
+ .grid_10,
31
+ .grid_11,
32
+ .grid_12,
33
+ .grid_13,
34
+ .grid_14,
35
+ .grid_15,
36
+ .grid_16 {
37
+ display: inline;
38
+ float: right;
39
+ margin-right: 10px;
40
+ margin-left: 10px;
41
+ }
42
+
43
+ .push_1, .pull_1,
44
+ .push_2, .pull_2,
45
+ .push_3, .pull_3,
46
+ .push_4, .pull_4,
47
+ .push_5, .pull_5,
48
+ .push_6, .pull_6,
49
+ .push_7, .pull_7,
50
+ .push_8, .pull_8,
51
+ .push_9, .pull_9,
52
+ .push_10, .pull_10,
53
+ .push_11, .pull_11,
54
+ .push_12, .pull_12,
55
+ .push_13, .pull_13,
56
+ .push_14, .pull_14,
57
+ .push_15, .pull_15 {
58
+ position: relative;
59
+ }
60
+
61
+ .container_12 .grid_3,
62
+ .container_16 .grid_4 {
63
+ width: 220px;
64
+ }
65
+
66
+ .container_12 .grid_6,
67
+ .container_16 .grid_8 {
68
+ width: 460px;
69
+ }
70
+
71
+ .container_12 .grid_9,
72
+ .container_16 .grid_12 {
73
+ width: 700px;
74
+ }
75
+
76
+ .container_12 .grid_12,
77
+ .container_16 .grid_16 {
78
+ width: 940px;
79
+ }
80
+
81
+ /* `Grid >> Children (Alpha ~ First, Omega ~ Last)
82
+ ----------------------------------------------------------------------------------------------------*/
83
+
84
+ .alpha {
85
+ margin-right: 0;
86
+ }
87
+
88
+ .omega {
89
+ margin-left: 0;
90
+ }
91
+
92
+ /* `Grid >> 12 Columns
93
+ ----------------------------------------------------------------------------------------------------*/
94
+
95
+ .container_12 .grid_1 {
96
+ width: 60px;
97
+ }
98
+
99
+ .container_12 .grid_2 {
100
+ width: 140px;
101
+ }
102
+
103
+ .container_12 .grid_4 {
104
+ width: 300px;
105
+ }
106
+
107
+ .container_12 .grid_5 {
108
+ width: 380px;
109
+ }
110
+
111
+ .container_12 .grid_7 {
112
+ width: 540px;
113
+ }
114
+
115
+ .container_12 .grid_8 {
116
+ width: 620px;
117
+ }
118
+
119
+ .container_12 .grid_10 {
120
+ width: 780px;
121
+ }
122
+
123
+ .container_12 .grid_11 {
124
+ width: 860px;
125
+ }
126
+
127
+ /* `Grid >> 16 Columns
128
+ ----------------------------------------------------------------------------------------------------*/
129
+
130
+ .container_16 .grid_1 {
131
+ width: 40px;
132
+ }
133
+
134
+ .container_16 .grid_2 {
135
+ width: 100px;
136
+ }
137
+
138
+ .container_16 .grid_3 {
139
+ width: 160px;
140
+ }
141
+
142
+ .container_16 .grid_5 {
143
+ width: 280px;
144
+ }
145
+
146
+ .container_16 .grid_6 {
147
+ width: 340px;
148
+ }
149
+
150
+ .container_16 .grid_7 {
151
+ width: 400px;
152
+ }
153
+
154
+ .container_16 .grid_9 {
155
+ width: 520px;
156
+ }
157
+
158
+ .container_16 .grid_10 {
159
+ width: 580px;
160
+ }
161
+
162
+ .container_16 .grid_11 {
163
+ width: 640px;
164
+ }
165
+
166
+ .container_16 .grid_13 {
167
+ width: 760px;
168
+ }
169
+
170
+ .container_16 .grid_14 {
171
+ width: 820px;
172
+ }
173
+
174
+ .container_16 .grid_15 {
175
+ width: 880px;
176
+ }
177
+
178
+ /* `Prefix Extra Space >> Global
179
+ ----------------------------------------------------------------------------------------------------*/
180
+
181
+ .container_12 .prefix_3,
182
+ .container_16 .prefix_4 {
183
+ padding-right: 240px;
184
+ }
185
+
186
+ .container_12 .prefix_6,
187
+ .container_16 .prefix_8 {
188
+ padding-right: 480px;
189
+ }
190
+
191
+ .container_12 .prefix_9,
192
+ .container_16 .prefix_12 {
193
+ padding-right: 720px;
194
+ }
195
+
196
+ /* `Prefix Extra Space >> 12 Columns
197
+ ----------------------------------------------------------------------------------------------------*/
198
+
199
+ .container_12 .prefix_1 {
200
+ padding-right: 80px;
201
+ }
202
+
203
+ .container_12 .prefix_2 {
204
+ padding-right: 160px;
205
+ }
206
+
207
+ .container_12 .prefix_4 {
208
+ padding-right: 320px;
209
+ }
210
+
211
+ .container_12 .prefix_5 {
212
+ padding-right: 400px;
213
+ }
214
+
215
+ .container_12 .prefix_7 {
216
+ padding-right: 560px;
217
+ }
218
+
219
+ .container_12 .prefix_8 {
220
+ padding-right: 640px;
221
+ }
222
+
223
+ .container_12 .prefix_10 {
224
+ padding-right: 800px;
225
+ }
226
+
227
+ .container_12 .prefix_11 {
228
+ padding-right: 880px;
229
+ }
230
+
231
+ /* `Prefix Extra Space >> 16 Columns
232
+ ----------------------------------------------------------------------------------------------------*/
233
+
234
+ .container_16 .prefix_1 {
235
+ padding-right: 60px;
236
+ }
237
+
238
+ .container_16 .prefix_2 {
239
+ padding-right: 120px;
240
+ }
241
+
242
+ .container_16 .prefix_3 {
243
+ padding-right: 180px;
244
+ }
245
+
246
+ .container_16 .prefix_5 {
247
+ padding-right: 300px;
248
+ }
249
+
250
+ .container_16 .prefix_6 {
251
+ padding-right: 360px;
252
+ }
253
+
254
+ .container_16 .prefix_7 {
255
+ padding-right: 420px;
256
+ }
257
+
258
+ .container_16 .prefix_9 {
259
+ padding-right: 540px;
260
+ }
261
+
262
+ .container_16 .prefix_10 {
263
+ padding-right: 600px;
264
+ }
265
+
266
+ .container_16 .prefix_11 {
267
+ padding-right: 660px;
268
+ }
269
+
270
+ .container_16 .prefix_13 {
271
+ padding-right: 780px;
272
+ }
273
+
274
+ .container_16 .prefix_14 {
275
+ padding-right: 840px;
276
+ }
277
+
278
+ .container_16 .prefix_15 {
279
+ padding-right: 900px;
280
+ }
281
+
282
+ /* `Suffix Extra Space >> Global
283
+ ----------------------------------------------------------------------------------------------------*/
284
+
285
+ .container_12 .suffix_3,
286
+ .container_16 .suffix_4 {
287
+ padding-left: 240px;
288
+ }
289
+
290
+ .container_12 .suffix_6,
291
+ .container_16 .suffix_8 {
292
+ padding-left: 480px;
293
+ }
294
+
295
+ .container_12 .suffix_9,
296
+ .container_16 .suffix_12 {
297
+ padding-left: 720px;
298
+ }
299
+
300
+ /* `Suffix Extra Space >> 12 Columns
301
+ ----------------------------------------------------------------------------------------------------*/
302
+
303
+ .container_12 .suffix_1 {
304
+ padding-left: 80px;
305
+ }
306
+
307
+ .container_12 .suffix_2 {
308
+ padding-left: 160px;
309
+ }
310
+
311
+ .container_12 .suffix_4 {
312
+ padding-left: 320px;
313
+ }
314
+
315
+ .container_12 .suffix_5 {
316
+ padding-left: 400px;
317
+ }
318
+
319
+ .container_12 .suffix_7 {
320
+ padding-left: 560px;
321
+ }
322
+
323
+ .container_12 .suffix_8 {
324
+ padding-left: 640px;
325
+ }
326
+
327
+ .container_12 .suffix_10 {
328
+ padding-left: 800px;
329
+ }
330
+
331
+ .container_12 .suffix_11 {
332
+ padding-left: 880px;
333
+ }
334
+
335
+ /* `Suffix Extra Space >> 16 Columns
336
+ ----------------------------------------------------------------------------------------------------*/
337
+
338
+ .container_16 .suffix_1 {
339
+ padding-left: 60px;
340
+ }
341
+
342
+ .container_16 .suffix_2 {
343
+ padding-left: 120px;
344
+ }
345
+
346
+ .container_16 .suffix_3 {
347
+ padding-left: 180px;
348
+ }
349
+
350
+ .container_16 .suffix_5 {
351
+ padding-left: 300px;
352
+ }
353
+
354
+ .container_16 .suffix_6 {
355
+ padding-left: 360px;
356
+ }
357
+
358
+ .container_16 .suffix_7 {
359
+ padding-left: 420px;
360
+ }
361
+
362
+ .container_16 .suffix_9 {
363
+ padding-left: 540px;
364
+ }
365
+
366
+ .container_16 .suffix_10 {
367
+ padding-left: 600px;
368
+ }
369
+
370
+ .container_16 .suffix_11 {
371
+ padding-left: 660px;
372
+ }
373
+
374
+ .container_16 .suffix_13 {
375
+ padding-left: 780px;
376
+ }
377
+
378
+ .container_16 .suffix_14 {
379
+ padding-left: 840px;
380
+ }
381
+
382
+ .container_16 .suffix_15 {
383
+ padding-left: 900px;
384
+ }
385
+
386
+ /* `Push Space >> Global
387
+ ----------------------------------------------------------------------------------------------------*/
388
+
389
+ .container_12 .push_3,
390
+ .container_16 .push_4 {
391
+ right: 240px;
392
+ }
393
+
394
+ .container_12 .push_6,
395
+ .container_16 .push_8 {
396
+ right: 480px;
397
+ }
398
+
399
+ .container_12 .push_9,
400
+ .container_16 .push_12 {
401
+ right: 720px;
402
+ }
403
+
404
+ /* `Push Space >> 12 Columns
405
+ ----------------------------------------------------------------------------------------------------*/
406
+
407
+ .container_12 .push_1 {
408
+ right: 80px;
409
+ }
410
+
411
+ .container_12 .push_2 {
412
+ right: 160px;
413
+ }
414
+
415
+ .container_12 .push_4 {
416
+ right: 320px;
417
+ }
418
+
419
+ .container_12 .push_5 {
420
+ right: 400px;
421
+ }
422
+
423
+ .container_12 .push_7 {
424
+ right: 560px;
425
+ }
426
+
427
+ .container_12 .push_8 {
428
+ right: 640px;
429
+ }
430
+
431
+ .container_12 .push_10 {
432
+ right: 800px;
433
+ }
434
+
435
+ .container_12 .push_11 {
436
+ right: 880px;
437
+ }
438
+
439
+ /* `Push Space >> 16 Columns
440
+ ----------------------------------------------------------------------------------------------------*/
441
+
442
+ .container_16 .push_1 {
443
+ right: 60px;
444
+ }
445
+
446
+ .container_16 .push_2 {
447
+ right: 120px;
448
+ }
449
+
450
+ .container_16 .push_3 {
451
+ right: 180px;
452
+ }
453
+
454
+ .container_16 .push_5 {
455
+ right: 300px;
456
+ }
457
+
458
+ .container_16 .push_6 {
459
+ right: 360px;
460
+ }
461
+
462
+ .container_16 .push_7 {
463
+ right: 420px;
464
+ }
465
+
466
+ .container_16 .push_9 {
467
+ right: 540px;
468
+ }
469
+
470
+ .container_16 .push_10 {
471
+ right: 600px;
472
+ }
473
+
474
+ .container_16 .push_11 {
475
+ right: 660px;
476
+ }
477
+
478
+ .container_16 .push_13 {
479
+ right: 780px;
480
+ }
481
+
482
+ .container_16 .push_14 {
483
+ right: 840px;
484
+ }
485
+
486
+ .container_16 .push_15 {
487
+ right: 900px;
488
+ }
489
+
490
+ /* `Pull Space >> Global
491
+ ----------------------------------------------------------------------------------------------------*/
492
+
493
+ .container_12 .pull_3,
494
+ .container_16 .pull_4 {
495
+ right: -240px;
496
+ }
497
+
498
+ .container_12 .pull_6,
499
+ .container_16 .pull_8 {
500
+ right: -480px;
501
+ }
502
+
503
+ .container_12 .pull_9,
504
+ .container_16 .pull_12 {
505
+ right: -720px;
506
+ }
507
+
508
+ /* `Pull Space >> 12 Columns
509
+ ----------------------------------------------------------------------------------------------------*/
510
+
511
+ .container_12 .pull_1 {
512
+ right: -80px;
513
+ }
514
+
515
+ .container_12 .pull_2 {
516
+ right: -160px;
517
+ }
518
+
519
+ .container_12 .pull_4 {
520
+ right: -320px;
521
+ }
522
+
523
+ .container_12 .pull_5 {
524
+ right: -400px;
525
+ }
526
+
527
+ .container_12 .pull_7 {
528
+ right: -560px;
529
+ }
530
+
531
+ .container_12 .pull_8 {
532
+ right: -640px;
533
+ }
534
+
535
+ .container_12 .pull_10 {
536
+ right: -800px;
537
+ }
538
+
539
+ .container_12 .pull_11 {
540
+ right: -880px;
541
+ }
542
+
543
+ /* `Pull Space >> 16 Columns
544
+ ----------------------------------------------------------------------------------------------------*/
545
+
546
+ .container_16 .pull_1 {
547
+ right: -60px;
548
+ }
549
+
550
+ .container_16 .pull_2 {
551
+ right: -120px;
552
+ }
553
+
554
+ .container_16 .pull_3 {
555
+ right: -180px;
556
+ }
557
+
558
+ .container_16 .pull_5 {
559
+ right: -300px;
560
+ }
561
+
562
+ .container_16 .pull_6 {
563
+ right: -360px;
564
+ }
565
+
566
+ .container_16 .pull_7 {
567
+ right: -420px;
568
+ }
569
+
570
+ .container_16 .pull_9 {
571
+ right: -540px;
572
+ }
573
+
574
+ .container_16 .pull_10 {
575
+ right: -600px;
576
+ }
577
+
578
+ .container_16 .pull_11 {
579
+ right: -660px;
580
+ }
581
+
582
+ .container_16 .pull_13 {
583
+ right: -780px;
584
+ }
585
+
586
+ .container_16 .pull_14 {
587
+ right: -840px;
588
+ }
589
+
590
+ .container_16 .pull_15 {
591
+ right: -900px;
592
+ }
593
+
594
+ /* `Clear Floated Elements
595
+ ----------------------------------------------------------------------------------------------------*/
596
+
597
+ /* http://sonspring.com/journal/clearing-floats */
598
+
599
+ .clear {
600
+ clear: both;
601
+ display: block;
602
+ overflow: hidden;
603
+ visibility: hidden;
604
+ width: 0;
605
+ height: 0;
606
+ }
607
+
608
+ /* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */
609
+
610
+ .clearfix:after {
611
+ clear: both;
612
+ content: ' ';
613
+ display: block;
614
+ font-size: 0;
615
+ line-height: 0;
616
+ visibility: hidden;
617
+ width: 0;
618
+ height: 0;
619
+ }
620
+
621
+ /*
622
+ The following zoom:1 rule is specifically for IE6 + IE7.
623
+ Move to separate stylesheet if invalid CSS is a problem.
624
+ */
625
+ * html .clearfix,
626
+ *:first-child+html .clearfix {
627
+ zoom: 1;
628
+ }