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,65 @@
1
+ /* --------------------------------------------------------------
2
+
3
+ forms.css
4
+ * Sets up some default styling for forms
5
+ * Gives you classes to enhance your forms
6
+
7
+ Usage:
8
+ * For text fields, use class .title or .text
9
+ * For inline forms, use .inline (even when using columns)
10
+
11
+ -------------------------------------------------------------- */
12
+
13
+ label { font-weight: bold; }
14
+ fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
15
+ legend { font-weight: bold; font-size:1.2em; }
16
+
17
+
18
+ /* Form fields
19
+ -------------------------------------------------------------- */
20
+
21
+ input[type=text], input[type=password],
22
+ input.text, input.title,
23
+ textarea, select {
24
+ background-color:#fff;
25
+ border:1px solid #bbb;
26
+ }
27
+ input[type=text]:focus, input[type=password]:focus,
28
+ input.text:focus, input.title:focus,
29
+ textarea:focus, select:focus {
30
+ border-color:#666;
31
+ }
32
+
33
+ input[type=text], input[type=password],
34
+ input.text, input.title,
35
+ textarea, select {
36
+ margin:0.5em 0;
37
+ }
38
+
39
+ input.text,
40
+ input.title { width: 300px; padding:5px; }
41
+ input.title { font-size:1.5em; }
42
+ textarea { width: 390px; height: 250px; padding:5px; }
43
+
44
+ input[type=checkbox], input[type=radio],
45
+ input.checkbox, input.radio {
46
+ position:relative; top:.25em;
47
+ }
48
+
49
+ form.inline { line-height:3; }
50
+ form.inline p { margin-bottom:0; }
51
+
52
+
53
+ /* Success, notice and error boxes
54
+ -------------------------------------------------------------- */
55
+
56
+ .error,
57
+ .notice,
58
+ .success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
59
+
60
+ .error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
61
+ .notice { background: #FFF6BF; color: #514721; border-color: #FFD324; }
62
+ .success { background: #E6EFC2; color: #264409; border-color: #C6D880; }
63
+ .error a { color: #8a1f11; }
64
+ .notice a { color: #514721; }
65
+ .success a { color: #264409; }
@@ -0,0 +1,280 @@
1
+ /* --------------------------------------------------------------
2
+
3
+ grid.css
4
+ * Sets up an easy-to-use grid of 24 columns.
5
+
6
+ By default, the grid is 950px wide, with 24 columns
7
+ spanning 30px, and a 10px margin between columns.
8
+
9
+ If you need fewer or more columns, namespaces or semantic
10
+ element names, use the compressor script (lib/compress.rb)
11
+
12
+ -------------------------------------------------------------- */
13
+
14
+ /* A container should group all your columns. */
15
+ .container {
16
+ width: 950px;
17
+ margin: 0 auto;
18
+ }
19
+
20
+ /* Use this class on any .span / container to see the grid. */
21
+ .showgrid {
22
+ background: url(src/grid.png);
23
+ }
24
+
25
+
26
+ /* Columns
27
+ -------------------------------------------------------------- */
28
+
29
+ /* Sets up basic grid floating and margin. */
30
+ .column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {
31
+ float: left;
32
+ margin-right: 10px;
33
+ }
34
+
35
+ /* The last column in a row needs this class. */
36
+ .last { margin-right: 0; }
37
+
38
+ /* Use these classes to set the width of a column. */
39
+ .span-1 {width: 30px;}
40
+
41
+ .span-2 {width: 70px;}
42
+ .span-3 {width: 110px;}
43
+ .span-4 {width: 150px;}
44
+ .span-5 {width: 190px;}
45
+ .span-6 {width: 230px;}
46
+ .span-7 {width: 270px;}
47
+ .span-8 {width: 310px;}
48
+ .span-9 {width: 350px;}
49
+ .span-10 {width: 390px;}
50
+ .span-11 {width: 430px;}
51
+ .span-12 {width: 470px;}
52
+ .span-13 {width: 510px;}
53
+ .span-14 {width: 550px;}
54
+ .span-15 {width: 590px;}
55
+ .span-16 {width: 630px;}
56
+ .span-17 {width: 670px;}
57
+ .span-18 {width: 710px;}
58
+ .span-19 {width: 750px;}
59
+ .span-20 {width: 790px;}
60
+ .span-21 {width: 830px;}
61
+ .span-22 {width: 870px;}
62
+ .span-23 {width: 910px;}
63
+ .span-24 {width:950px; margin-right:0;}
64
+
65
+ /* Use these classes to set the width of an input. */
66
+ input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {
67
+ border-left-width: 1px;
68
+ border-right-width: 1px;
69
+ padding-left: 5px;
70
+ padding-right: 5px;
71
+ }
72
+
73
+ input.span-1, textarea.span-1 { width: 18px; }
74
+ input.span-2, textarea.span-2 { width: 58px; }
75
+ input.span-3, textarea.span-3 { width: 98px; }
76
+ input.span-4, textarea.span-4 { width: 138px; }
77
+ input.span-5, textarea.span-5 { width: 178px; }
78
+ input.span-6, textarea.span-6 { width: 218px; }
79
+ input.span-7, textarea.span-7 { width: 258px; }
80
+ input.span-8, textarea.span-8 { width: 298px; }
81
+ input.span-9, textarea.span-9 { width: 338px; }
82
+ input.span-10, textarea.span-10 { width: 378px; }
83
+ input.span-11, textarea.span-11 { width: 418px; }
84
+ input.span-12, textarea.span-12 { width: 458px; }
85
+ input.span-13, textarea.span-13 { width: 498px; }
86
+ input.span-14, textarea.span-14 { width: 538px; }
87
+ input.span-15, textarea.span-15 { width: 578px; }
88
+ input.span-16, textarea.span-16 { width: 618px; }
89
+ input.span-17, textarea.span-17 { width: 658px; }
90
+ input.span-18, textarea.span-18 { width: 698px; }
91
+ input.span-19, textarea.span-19 { width: 738px; }
92
+ input.span-20, textarea.span-20 { width: 778px; }
93
+ input.span-21, textarea.span-21 { width: 818px; }
94
+ input.span-22, textarea.span-22 { width: 858px; }
95
+ input.span-23, textarea.span-23 { width: 898px; }
96
+ input.span-24, textarea.span-24 { width: 938px; }
97
+
98
+ /* Add these to a column to append empty cols. */
99
+
100
+ .append-1 { padding-right: 40px;}
101
+ .append-2 { padding-right: 80px;}
102
+ .append-3 { padding-right: 120px;}
103
+ .append-4 { padding-right: 160px;}
104
+ .append-5 { padding-right: 200px;}
105
+ .append-6 { padding-right: 240px;}
106
+ .append-7 { padding-right: 280px;}
107
+ .append-8 { padding-right: 320px;}
108
+ .append-9 { padding-right: 360px;}
109
+ .append-10 { padding-right: 400px;}
110
+ .append-11 { padding-right: 440px;}
111
+ .append-12 { padding-right: 480px;}
112
+ .append-13 { padding-right: 520px;}
113
+ .append-14 { padding-right: 560px;}
114
+ .append-15 { padding-right: 600px;}
115
+ .append-16 { padding-right: 640px;}
116
+ .append-17 { padding-right: 680px;}
117
+ .append-18 { padding-right: 720px;}
118
+ .append-19 { padding-right: 760px;}
119
+ .append-20 { padding-right: 800px;}
120
+ .append-21 { padding-right: 840px;}
121
+ .append-22 { padding-right: 880px;}
122
+ .append-23 { padding-right: 920px;}
123
+
124
+ /* Add these to a column to prepend empty cols. */
125
+
126
+ .prepend-1 { padding-left: 40px;}
127
+ .prepend-2 { padding-left: 80px;}
128
+ .prepend-3 { padding-left: 120px;}
129
+ .prepend-4 { padding-left: 160px;}
130
+ .prepend-5 { padding-left: 200px;}
131
+ .prepend-6 { padding-left: 240px;}
132
+ .prepend-7 { padding-left: 280px;}
133
+ .prepend-8 { padding-left: 320px;}
134
+ .prepend-9 { padding-left: 360px;}
135
+ .prepend-10 { padding-left: 400px;}
136
+ .prepend-11 { padding-left: 440px;}
137
+ .prepend-12 { padding-left: 480px;}
138
+ .prepend-13 { padding-left: 520px;}
139
+ .prepend-14 { padding-left: 560px;}
140
+ .prepend-15 { padding-left: 600px;}
141
+ .prepend-16 { padding-left: 640px;}
142
+ .prepend-17 { padding-left: 680px;}
143
+ .prepend-18 { padding-left: 720px;}
144
+ .prepend-19 { padding-left: 760px;}
145
+ .prepend-20 { padding-left: 800px;}
146
+ .prepend-21 { padding-left: 840px;}
147
+ .prepend-22 { padding-left: 880px;}
148
+ .prepend-23 { padding-left: 920px;}
149
+
150
+
151
+ /* Border on right hand side of a column. */
152
+ .border {
153
+ padding-right: 4px;
154
+ margin-right: 5px;
155
+ border-right: 1px solid #eee;
156
+ }
157
+
158
+ /* Border with more whitespace, spans one column. */
159
+ .colborder {
160
+ padding-right: 24px;
161
+ margin-right: 25px;
162
+ border-right: 1px solid #eee;
163
+ }
164
+
165
+
166
+ /* Use these classes on an element to push it into the
167
+ next column, or to pull it into the previous column. */
168
+
169
+
170
+ .pull-1 { margin-left: -40px; }
171
+ .pull-2 { margin-left: -80px; }
172
+ .pull-3 { margin-left: -120px; }
173
+ .pull-4 { margin-left: -160px; }
174
+ .pull-5 { margin-left: -200px; }
175
+ .pull-6 { margin-left: -240px; }
176
+ .pull-7 { margin-left: -280px; }
177
+ .pull-8 { margin-left: -320px; }
178
+ .pull-9 { margin-left: -360px; }
179
+ .pull-10 { margin-left: -400px; }
180
+ .pull-11 { margin-left: -440px; }
181
+ .pull-12 { margin-left: -480px; }
182
+ .pull-13 { margin-left: -520px; }
183
+ .pull-14 { margin-left: -560px; }
184
+ .pull-15 { margin-left: -600px; }
185
+ .pull-16 { margin-left: -640px; }
186
+ .pull-17 { margin-left: -680px; }
187
+ .pull-18 { margin-left: -720px; }
188
+ .pull-19 { margin-left: -760px; }
189
+ .pull-20 { margin-left: -800px; }
190
+ .pull-21 { margin-left: -840px; }
191
+ .pull-22 { margin-left: -880px; }
192
+ .pull-23 { margin-left: -920px; }
193
+ .pull-24 { margin-left: -960px; }
194
+
195
+ .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float: left; position:relative;}
196
+
197
+
198
+ .push-1 { margin: 0 -40px 1.5em 40px; }
199
+ .push-2 { margin: 0 -80px 1.5em 80px; }
200
+ .push-3 { margin: 0 -120px 1.5em 120px; }
201
+ .push-4 { margin: 0 -160px 1.5em 160px; }
202
+ .push-5 { margin: 0 -200px 1.5em 200px; }
203
+ .push-6 { margin: 0 -240px 1.5em 240px; }
204
+ .push-7 { margin: 0 -280px 1.5em 280px; }
205
+ .push-8 { margin: 0 -320px 1.5em 320px; }
206
+ .push-9 { margin: 0 -360px 1.5em 360px; }
207
+ .push-10 { margin: 0 -400px 1.5em 400px; }
208
+ .push-11 { margin: 0 -440px 1.5em 440px; }
209
+ .push-12 { margin: 0 -480px 1.5em 480px; }
210
+ .push-13 { margin: 0 -520px 1.5em 520px; }
211
+ .push-14 { margin: 0 -560px 1.5em 560px; }
212
+ .push-15 { margin: 0 -600px 1.5em 600px; }
213
+ .push-16 { margin: 0 -640px 1.5em 640px; }
214
+ .push-17 { margin: 0 -680px 1.5em 680px; }
215
+ .push-18 { margin: 0 -720px 1.5em 720px; }
216
+ .push-19 { margin: 0 -760px 1.5em 760px; }
217
+ .push-20 { margin: 0 -800px 1.5em 800px; }
218
+ .push-21 { margin: 0 -840px 1.5em 840px; }
219
+ .push-22 { margin: 0 -880px 1.5em 880px; }
220
+ .push-23 { margin: 0 -920px 1.5em 920px; }
221
+ .push-24 { margin: 0 -960px 1.5em 960px; }
222
+
223
+ .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float: right; position:relative;}
224
+
225
+
226
+ /* Misc classes and elements
227
+ -------------------------------------------------------------- */
228
+
229
+ /* In case you need to add a gutter above/below an element */
230
+ .prepend-top {
231
+ margin-top:1.5em;
232
+ }
233
+ .append-bottom {
234
+ margin-bottom:1.5em;
235
+ }
236
+
237
+ /* Use a .box to create a padded box inside a column. */
238
+ .box {
239
+ padding: 1.5em;
240
+ margin-bottom: 1.5em;
241
+ background: #E5ECF9;
242
+ }
243
+
244
+ /* Use this to create a horizontal ruler across a column. */
245
+ hr {
246
+ background: #ddd;
247
+ color: #ddd;
248
+ clear: both;
249
+ float: none;
250
+ width: 100%;
251
+ height: .1em;
252
+ margin: 0 0 1.45em;
253
+ border: none;
254
+ }
255
+
256
+ hr.space {
257
+ background: #fff;
258
+ color: #fff;
259
+ visibility: hidden;
260
+ }
261
+
262
+
263
+ /* Clearing floats without extra markup
264
+ Based on How To Clear Floats Without Structural Markup by PiE
265
+ [http://www.positioniseverything.net/easyclearing.html] */
266
+
267
+ .clearfix:after, .container:after {
268
+ content: "\0020";
269
+ display: block;
270
+ height: 0;
271
+ clear: both;
272
+ visibility: hidden;
273
+ overflow:hidden;
274
+ }
275
+ .clearfix, .container {display: block;}
276
+
277
+ /* Regular clearing
278
+ apply to column that should drop below previous ones. */
279
+
280
+ .clear { clear:both; }
@@ -0,0 +1,76 @@
1
+ /* --------------------------------------------------------------
2
+
3
+ ie.css
4
+
5
+ Contains every hack for Internet Explorer,
6
+ so that our core files stay sweet and nimble.
7
+
8
+ -------------------------------------------------------------- */
9
+
10
+ /* Make sure the layout is centered in IE5 */
11
+ body { text-align: center; }
12
+ .container { text-align: left; }
13
+
14
+ /* Fixes IE margin bugs */
15
+ * html .column, * html .span-1, * html .span-2,
16
+ * html .span-3, * html .span-4, * html .span-5,
17
+ * html .span-6, * html .span-7, * html .span-8,
18
+ * html .span-9, * html .span-10, * html .span-11,
19
+ * html .span-12, * html .span-13, * html .span-14,
20
+ * html .span-15, * html .span-16, * html .span-17,
21
+ * html .span-18, * html .span-19, * html .span-20,
22
+ * html .span-21, * html .span-22, * html .span-23,
23
+ * html .span-24 { display:inline; overflow-x: hidden; }
24
+
25
+
26
+ /* Elements
27
+ -------------------------------------------------------------- */
28
+
29
+ /* Fixes incorrect styling of legend in IE6. */
30
+ * html legend { margin:0px -8px 16px 0; padding:0; }
31
+
32
+ /* Fixes wrong line-height on sup/sub in IE. */
33
+ sup { vertical-align:text-top; }
34
+ sub { vertical-align:text-bottom; }
35
+
36
+ /* Fixes IE7 missing wrapping of code elements. */
37
+ html>body p code { *white-space: normal; }
38
+
39
+ /* IE 6&7 has problems with setting proper <hr> margins. */
40
+ hr { margin:-8px auto 11px; }
41
+
42
+ /* Explicitly set interpolation, allowing dynamically resized images to not look horrible */
43
+ img { -ms-interpolation-mode:bicubic; }
44
+
45
+ /* Clearing
46
+ -------------------------------------------------------------- */
47
+
48
+ /* Makes clearfix actually work in IE */
49
+ .clearfix, .container { display:inline-block; }
50
+ * html .clearfix,
51
+ * html .container { height:1%; }
52
+
53
+
54
+ /* Forms
55
+ -------------------------------------------------------------- */
56
+
57
+ /* Fixes padding on fieldset */
58
+ fieldset { padding-top:0; }
59
+
60
+ /* Makes classic textareas in IE 6 resemble other browsers */
61
+ textarea { overflow:auto; }
62
+
63
+ /* Fixes rule that IE 6 ignores */
64
+ input.text, input.title, textarea { background-color:#fff; border:1px solid #bbb; }
65
+ input.text:focus, input.title:focus { border-color:#666; }
66
+ input.text, input.title, textarea, select { margin:0.5em 0; }
67
+ input.checkbox, input.radio { position:relative; top:.25em; }
68
+
69
+ /* Fixes alignment of inline form elements */
70
+ form.inline div, form.inline p { vertical-align:middle; }
71
+ form.inline label { position:relative;top:-0.25em; }
72
+ form.inline input.checkbox, form.inline input.radio,
73
+ form.inline input.button, form.inline button {
74
+ margin:0.5em 0;
75
+ }
76
+ button, input.button { position:relative;top:0.25em; }
@@ -0,0 +1,85 @@
1
+ /* --------------------------------------------------------------
2
+
3
+ print.css
4
+ * Gives you some sensible styles for printing pages.
5
+ * See Readme file in this directory for further instructions.
6
+
7
+ Some additions you'll want to make, customized to your markup:
8
+ #header, #footer, #navigation { display:none; }
9
+
10
+ -------------------------------------------------------------- */
11
+
12
+ body {
13
+ line-height: 1.5;
14
+ font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
15
+ color:#000;
16
+ background: none;
17
+ font-size: 10pt;
18
+ }
19
+
20
+
21
+ /* Layout
22
+ -------------------------------------------------------------- */
23
+
24
+ .container {
25
+ background: none;
26
+ }
27
+
28
+ hr {
29
+ background:#ccc;
30
+ color:#ccc;
31
+ width:100%;
32
+ height:2px;
33
+ margin:2em 0;
34
+ padding:0;
35
+ border:none;
36
+ }
37
+ hr.space {
38
+ background: #fff;
39
+ color: #fff;
40
+ visibility: hidden;
41
+ }
42
+
43
+
44
+ /* Text
45
+ -------------------------------------------------------------- */
46
+
47
+ h1,h2,h3,h4,h5,h6 { font-family: "Helvetica Neue", Arial, "Lucida Grande", sans-serif; }
48
+ code { font:.9em "Courier New", Monaco, Courier, monospace; }
49
+
50
+ a img { border:none; }
51
+ p img.top { margin-top: 0; }
52
+
53
+ blockquote {
54
+ margin:1.5em;
55
+ padding:1em;
56
+ font-style:italic;
57
+ font-size:.9em;
58
+ }
59
+
60
+ .small { font-size: .9em; }
61
+ .large { font-size: 1.1em; }
62
+ .quiet { color: #999; }
63
+ .hide { display:none; }
64
+
65
+
66
+ /* Links
67
+ -------------------------------------------------------------- */
68
+
69
+ a:link, a:visited {
70
+ background: transparent;
71
+ font-weight:700;
72
+ text-decoration: underline;
73
+ }
74
+
75
+ a:link:after, a:visited:after {
76
+ content: " (" attr(href) ")";
77
+ font-size: 90%;
78
+ }
79
+
80
+ /* If you're having trouble printing relative links, uncomment and customize this:
81
+ (note: This is valid CSS3, but it still won't go through the W3C CSS Validator) */
82
+
83
+ /* a[href^="/"]:after {
84
+ content: " (http://www.yourdomain.com" attr(href) ") ";
85
+ } */