├── .gitignore
├── README.md
├── app_plugins
├── fireworks
│ ├── 960.gs Grid Commands.mxp
│ ├── INSTALL.txt
│ └── _source
│ │ ├── 12 columns.jsf
│ │ ├── 16 columns.jsf
│ │ ├── 24 columns.jsf
│ │ └── 960.gs Grid Commands.mxi
└── photoshop
│ ├── 960_GRIDS.atn
│ └── INSTALL.txt
├── code
├── css
│ ├── 960.css
│ ├── 960_12_col.css
│ ├── 960_12_col_rtl.css
│ ├── 960_16_col.css
│ ├── 960_16_col_rtl.css
│ ├── 960_24_col.css
│ ├── 960_24_col_rtl.css
│ ├── 960_rtl.css
│ ├── demo.css
│ ├── min
│ │ ├── 960.css
│ │ ├── 960_12_col.css
│ │ ├── 960_12_col_rtl.css
│ │ ├── 960_16_col.css
│ │ ├── 960_16_col_rtl.css
│ │ ├── 960_24_col.css
│ │ ├── 960_24_col_rtl.css
│ │ ├── 960_rtl.css
│ │ ├── reset.css
│ │ ├── reset_rtl.css
│ │ ├── text.css
│ │ └── text_rtl.css
│ ├── reset.css
│ ├── reset_rtl.css
│ ├── text.css
│ └── text_rtl.css
├── demo.html
├── demo_24_col.html
├── demo_24_col_rtl.html
├── demo_rtl.html
└── img
│ ├── 12_col.gif
│ ├── 16_col.gif
│ └── 24_col.gif
├── licenses
├── GPL_license.txt
└── MIT_license.txt
├── logo_files
├── 960_logo.ai
├── 960_logo.eps
├── 960_logo.png
├── 960_logo.psd
└── LOGO_USAGE.txt
├── sketch_sheets
├── 960_sketch_12_col.pdf
├── 960_sketch_16_col.pdf
├── 960_sketch_24_col.pdf
└── 960_sketch_all.pdf
└── templates
├── acorn
├── 960_grid_12_col.acorn
├── 960_grid_16_col.acorn
└── 960_grid_24_col.acorn
├── affinity_designer
└── 960_grid_12_col.afdesign
├── balsamiq
└── 960_mockups.bmml
├── corel_draw
├── 960_grid_12_col.cdt
├── 960_grid_16_col.cdt
└── 960_grid_24_col.cdt
├── expression_design
├── 960_grid_12_col.design
├── 960_grid_16_col.design
└── 960_grid_24_col.design
├── fireworks
├── 960_grid_12_col.png
├── 960_grid_16_col.png
└── 960_grid_24_col.png
├── flash
├── 960_grid_12_col.fla
├── 960_grid_16_col.fla
└── 960_grid_24_col.fla
├── gimp
├── 960_grid_12_col.xcf
├── 960_grid_16_col.xcf
└── 960_grid_24_col.xcf
├── illustrator
├── 960_grid_12_col.ai
├── 960_grid_12_col_cs5.ait
├── 960_grid_16_col.ai
├── 960_grid_16_col_cs5.ait
├── 960_grid_24_col.ai
└── 960_grid_24_col_cs5.ait
├── indesign
├── cs3
│ ├── 960_grid_12_col.inx
│ ├── 960_grid_16_col.inx
│ └── 960_grid_24_col.inx
├── cs4
│ ├── 960_grid_12_col.idml
│ ├── 960_grid_16_col.idml
│ └── 960_grid_24_col.idml
└── cs5
│ ├── 960_grid_12_col.indt
│ ├── 960_grid_16_col.indt
│ └── 960_grid_24_col.indt
├── inkscape
├── 960_grid_12_col.svg
├── 960_grid_16_col.svg
└── 960_grid_24_col.svg
├── omnigraffle
└── 960_graffle.graffle
├── photoshop
├── 960_grid_12_col.psd
├── 960_grid_16_col.psd
└── 960_grid_24_col.psd
├── pixelmator
├── 960_grid_12_col.pxm
├── 960_grid_16_col.pxm
└── 960_grid_24_col.pxm
├── quarkxpress
├── qxp_version_5
│ ├── 960_grid_12_col.qwd
│ ├── 960_grid_16_col.qwd
│ └── 960_grid_24_col.qwd
├── qxp_version_6
│ ├── 960_grid_12_col.qxp
│ ├── 960_grid_16_col.qxp
│ └── 960_grid_24_col.qxp
├── qxp_version_7
│ ├── 960_grid_12_col.qxp
│ ├── 960_grid_16_col.qxp
│ └── 960_grid_24_col.qxp
├── qxp_version_8
│ ├── 960_grid_12_col.qxp
│ ├── 960_grid_16_col.qxp
│ └── 960_grid_24_col.qxp
└── qxp_version_9
│ ├── 960_grid_12_col.qxp
│ ├── 960_grid_16_col.qxp
│ └── 960_grid_24_col.qxp
├── visio
└── 960_visio.vsd
└── xara
├── 960-12-col-grid.xar
├── 960-16-col-grid.xar
└── 960-24-col-grid.xar
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | 960 Grid System
2 | ===============
3 |
4 | Created by Nathan Smith. See the official site for more info: http://960.gs
5 |
6 | To install the Adobe Fireworks extension, simply double-click the `*.mxp` file
7 | included in the `/app_plugins/fireworks` directory. If you are running Windows 7
8 | you will need admin permissions in order to install this extension properly.
9 |
10 | ----------------------------------------------------------------------------
11 |
12 | Thank you for downloading the 960 Grid System. I hope it helps to streamline
13 | web development workflow. Enclosed in the bundle are printable sketch sheets
14 | and template files for Adobe Fireworks and Photoshop, OmniGraffle and Visio.
15 |
16 | Also included is a lightweight CSS file, which contains the grid dimensions.
17 | To use this file, simply include the `960.css` in the `<head>` of the HTML page.
18 | You may also use the `reset.css` and `text.css` files, or opt to leave them out.
19 | Here is an example of the XHTML code necessary to incorporate the CSS files:
20 |
21 | ```html
22 | <head>
23 | <link rel="stylesheet" type="text/css" media="all" href="css/reset.css" />
24 | <link rel="stylesheet" type="text/css" media="all" href="css/text.css" />
25 | <link rel="stylesheet" type="text/css" media="all" href="css/960.css" />
26 | </head>
27 | ```
28 |
29 | It is worth noting that these styles do not automatically make up a finished
30 | site design. They are simply a starting point, ideally for rapid prototyping
31 | or as a basis for creating your own designs. You should not feel constrained
32 | by the way I have built the initial code. If you disagree with how something
33 | has been done, feel free to revise it for the needs of your particular site.
34 |
35 | The files in the 960 Grid System are free of charge, licensed under MIT/GPL.
36 |
37 | ----------------------------------------------------------------------------
38 |
39 | Note that if you are building a site in a language which reads from right to
40 | left, use the CSS files that end in `_rtl.css` instead. Denote the language:
41 |
42 | ```html
43 | <html lang="..." dir="rtl">
44 | ```
45 |
46 | Be sure to set `lang="..."` to the appropriate two-letter abbreviation of the
47 | language you are using. Example: lang="he" for Hebrew, lang="ar" for Arabic.
48 |
49 | ----------------------------------------------------------------------------
50 |
51 | GPL license:
52 | http://www.gnu.org/licenses/gpl.html
53 |
54 | MIT license:
55 | http://www.opensource.org/licenses/mit-license.php
56 |
--------------------------------------------------------------------------------
/app_plugins/fireworks/960.gs Grid Commands.mxp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/app_plugins/fireworks/960.gs Grid Commands.mxp
--------------------------------------------------------------------------------
/app_plugins/fireworks/INSTALL.txt:
--------------------------------------------------------------------------------
1 | NOTE:
2 |
3 | To install this extension on Windows
4 | you must run Adobe Extension Manager
5 | with administrator level privileges.
6 |
7 | Read more here...
8 |
9 | http://forums.adobe.com/thread/498624
--------------------------------------------------------------------------------
/app_plugins/fireworks/_source/12 columns.jsf:
--------------------------------------------------------------------------------
1 | (function() {
2 | var pattern = [10, 60, 10];
3 | var p = pattern.length;
4 | var columns = 12;
5 | var x = 0;
6 | var guides = [x];
7 |
8 | for (var c = 0; c < columns; c++) {
9 | for (var i = 0; i < p; i++) {
10 | x += pattern[i];
11 | guides.push(x);
12 | }
13 | }
14 |
15 | var d = fw.getDocumentDOM();
16 | d.removeAllGuides('horizontal');
17 | d.removeAllGuides('vertical');
18 | d.setShowGuides(true);
19 |
20 | var padding = Math.round((d.width - x) / 2);
21 | var g = guides.length;
22 |
23 | for (var j = 0; j < g; j++) {
24 | d.addGuide(padding + guides[j], 'vertical');
25 | }
26 | })();
--------------------------------------------------------------------------------
/app_plugins/fireworks/_source/16 columns.jsf:
--------------------------------------------------------------------------------
1 | (function() {
2 | var pattern = [10, 40, 10];
3 | var p = pattern.length;
4 | var columns = 16;
5 | var x = 0;
6 | var guides = [x];
7 |
8 | for (var c = 0; c < columns; c++) {
9 | for (var i = 0; i < p; i++) {
10 | x += pattern[i];
11 | guides.push(x);
12 | }
13 | }
14 |
15 | var d = fw.getDocumentDOM();
16 | d.removeAllGuides('horizontal');
17 | d.removeAllGuides('vertical');
18 | d.setShowGuides(true);
19 |
20 | var padding = Math.round((d.width - x) / 2);
21 | var g = guides.length;
22 |
23 | for (var j = 0; j < g; j++) {
24 | d.addGuide(padding + guides[j], 'vertical');
25 | }
26 | })();
--------------------------------------------------------------------------------
/app_plugins/fireworks/_source/24 columns.jsf:
--------------------------------------------------------------------------------
1 | (function() {
2 | var pattern = [5, 30, 5];
3 | var p = pattern.length;
4 | var columns = 24;
5 | var x = 0;
6 | var guides = [x];
7 |
8 | for (var c = 0; c < columns; c++) {
9 | for (var i = 0; i < p; i++) {
10 | x += pattern[i];
11 | guides.push(x);
12 | }
13 | }
14 |
15 | var d = fw.getDocumentDOM();
16 | d.removeAllGuides('horizontal');
17 | d.removeAllGuides('vertical');
18 | d.setShowGuides(true);
19 |
20 | var padding = Math.round((d.width - x) / 2);
21 | var g = guides.length;
22 |
23 | for (var j = 0; j < g; j++) {
24 | d.addGuide(padding + guides[j], 'vertical');
25 | }
26 | })();
--------------------------------------------------------------------------------
/app_plugins/fireworks/_source/960.gs Grid Commands.mxi:
--------------------------------------------------------------------------------
1 | <macromedia-extension name="960.gs Grid Generators" version="1.0.0" type="Command">
2 | <author name="Nathan Smith" />
3 | <products>
4 | <product name="Fireworks" version="6" primary="true" />
5 | </products>
6 | <description>
7 | <![CDATA[
8 | This set of commands generates 960.gs grid guidelines in current file.
9 | ]]>
10 | </description>
11 | <ui-access>
12 | <![CDATA[
13 | You can run these commands from Commands menu.
14 | ]]>
15 | </ui-access>
16 | <files>
17 | <file name="12 columns.jsf" destination="$fireworks/configuration/commands/960.gs" />
18 | <file name="16 columns.jsf" destination="$fireworks/configuration/commands/960.gs" />
19 | <file name="24 columns.jsf" destination="$fireworks/configuration/commands/960.gs" />
20 | </files>
21 | <configuration-changes></configuration-changes>
22 | </macromedia-extension>
--------------------------------------------------------------------------------
/app_plugins/photoshop/960_GRIDS.atn:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/app_plugins/photoshop/960_GRIDS.atn
--------------------------------------------------------------------------------
/app_plugins/photoshop/INSTALL.txt:
--------------------------------------------------------------------------------
1 | To install, choose "Load Actions..." from the menu in the Actions pallette.
2 |
3 | You will now be able to create templates on the fly, by using the Actions panel.
4 |
5 | For more info, see this GitHub thread:
6 |
7 | https://github.com/nathansmith/960-Grid-System/issues/26
8 |
--------------------------------------------------------------------------------
/code/css/960.css:
--------------------------------------------------------------------------------
1 | /*
2 | 960 Grid System ~ Core CSS.
3 | Learn more ~ http://960.gs/
4 |
5 | Licensed under GPL and MIT.
6 | */
7 |
8 | /*
9 | Forces backgrounds to span full width,
10 | even if there is horizontal scrolling.
11 | Increase this if your layout is wider.
12 |
13 | Note: IE6 works fine without this fix.
14 | */
15 |
16 | body {
17 | min-width: 960px;
18 | }
19 |
20 | /* `Container
21 | ----------------------------------------------------------------------------------------------------*/
22 |
23 | .container_12,
24 | .container_16 {
25 | margin-left: auto;
26 | margin-right: auto;
27 | width: 960px;
28 | }
29 |
30 | /* `Grid >> Global
31 | ----------------------------------------------------------------------------------------------------*/
32 |
33 | .grid_1,
34 | .grid_2,
35 | .grid_3,
36 | .grid_4,
37 | .grid_5,
38 | .grid_6,
39 | .grid_7,
40 | .grid_8,
41 | .grid_9,
42 | .grid_10,
43 | .grid_11,
44 | .grid_12,
45 | .grid_13,
46 | .grid_14,
47 | .grid_15,
48 | .grid_16 {
49 | display: inline;
50 | float: left;
51 | margin-left: 10px;
52 | margin-right: 10px;
53 | }
54 |
55 | .push_1, .pull_1,
56 | .push_2, .pull_2,
57 | .push_3, .pull_3,
58 | .push_4, .pull_4,
59 | .push_5, .pull_5,
60 | .push_6, .pull_6,
61 | .push_7, .pull_7,
62 | .push_8, .pull_8,
63 | .push_9, .pull_9,
64 | .push_10, .pull_10,
65 | .push_11, .pull_11,
66 | .push_12, .pull_12,
67 | .push_13, .pull_13,
68 | .push_14, .pull_14,
69 | .push_15, .pull_15 {
70 | position: relative;
71 | }
72 |
73 | .container_12 .grid_3,
74 | .container_16 .grid_4 {
75 | width: 220px;
76 | }
77 |
78 | .container_12 .grid_6,
79 | .container_16 .grid_8 {
80 | width: 460px;
81 | }
82 |
83 | .container_12 .grid_9,
84 | .container_16 .grid_12 {
85 | width: 700px;
86 | }
87 |
88 | .container_12 .grid_12,
89 | .container_16 .grid_16 {
90 | width: 940px;
91 | }
92 |
93 | /* `Grid >> Children (Alpha ~ First, Omega ~ Last)
94 | ----------------------------------------------------------------------------------------------------*/
95 |
96 | .alpha {
97 | margin-left: 0;
98 | }
99 |
100 | .omega {
101 | margin-right: 0;
102 | }
103 |
104 | /* `Grid >> 12 Columns
105 | ----------------------------------------------------------------------------------------------------*/
106 |
107 | .container_12 .grid_1 {
108 | width: 60px;
109 | }
110 |
111 | .container_12 .grid_2 {
112 | width: 140px;
113 | }
114 |
115 | .container_12 .grid_4 {
116 | width: 300px;
117 | }
118 |
119 | .container_12 .grid_5 {
120 | width: 380px;
121 | }
122 |
123 | .container_12 .grid_7 {
124 | width: 540px;
125 | }
126 |
127 | .container_12 .grid_8 {
128 | width: 620px;
129 | }
130 |
131 | .container_12 .grid_10 {
132 | width: 780px;
133 | }
134 |
135 | .container_12 .grid_11 {
136 | width: 860px;
137 | }
138 |
139 | /* `Grid >> 16 Columns
140 | ----------------------------------------------------------------------------------------------------*/
141 |
142 | .container_16 .grid_1 {
143 | width: 40px;
144 | }
145 |
146 | .container_16 .grid_2 {
147 | width: 100px;
148 | }
149 |
150 | .container_16 .grid_3 {
151 | width: 160px;
152 | }
153 |
154 | .container_16 .grid_5 {
155 | width: 280px;
156 | }
157 |
158 | .container_16 .grid_6 {
159 | width: 340px;
160 | }
161 |
162 | .container_16 .grid_7 {
163 | width: 400px;
164 | }
165 |
166 | .container_16 .grid_9 {
167 | width: 520px;
168 | }
169 |
170 | .container_16 .grid_10 {
171 | width: 580px;
172 | }
173 |
174 | .container_16 .grid_11 {
175 | width: 640px;
176 | }
177 |
178 | .container_16 .grid_13 {
179 | width: 760px;
180 | }
181 |
182 | .container_16 .grid_14 {
183 | width: 820px;
184 | }
185 |
186 | .container_16 .grid_15 {
187 | width: 880px;
188 | }
189 |
190 | /* `Prefix Extra Space >> Global
191 | ----------------------------------------------------------------------------------------------------*/
192 |
193 | .container_12 .prefix_3,
194 | .container_16 .prefix_4 {
195 | padding-left: 240px;
196 | }
197 |
198 | .container_12 .prefix_6,
199 | .container_16 .prefix_8 {
200 | padding-left: 480px;
201 | }
202 |
203 | .container_12 .prefix_9,
204 | .container_16 .prefix_12 {
205 | padding-left: 720px;
206 | }
207 |
208 | /* `Prefix Extra Space >> 12 Columns
209 | ----------------------------------------------------------------------------------------------------*/
210 |
211 | .container_12 .prefix_1 {
212 | padding-left: 80px;
213 | }
214 |
215 | .container_12 .prefix_2 {
216 | padding-left: 160px;
217 | }
218 |
219 | .container_12 .prefix_4 {
220 | padding-left: 320px;
221 | }
222 |
223 | .container_12 .prefix_5 {
224 | padding-left: 400px;
225 | }
226 |
227 | .container_12 .prefix_7 {
228 | padding-left: 560px;
229 | }
230 |
231 | .container_12 .prefix_8 {
232 | padding-left: 640px;
233 | }
234 |
235 | .container_12 .prefix_10 {
236 | padding-left: 800px;
237 | }
238 |
239 | .container_12 .prefix_11 {
240 | padding-left: 880px;
241 | }
242 |
243 | /* `Prefix Extra Space >> 16 Columns
244 | ----------------------------------------------------------------------------------------------------*/
245 |
246 | .container_16 .prefix_1 {
247 | padding-left: 60px;
248 | }
249 |
250 | .container_16 .prefix_2 {
251 | padding-left: 120px;
252 | }
253 |
254 | .container_16 .prefix_3 {
255 | padding-left: 180px;
256 | }
257 |
258 | .container_16 .prefix_5 {
259 | padding-left: 300px;
260 | }
261 |
262 | .container_16 .prefix_6 {
263 | padding-left: 360px;
264 | }
265 |
266 | .container_16 .prefix_7 {
267 | padding-left: 420px;
268 | }
269 |
270 | .container_16 .prefix_9 {
271 | padding-left: 540px;
272 | }
273 |
274 | .container_16 .prefix_10 {
275 | padding-left: 600px;
276 | }
277 |
278 | .container_16 .prefix_11 {
279 | padding-left: 660px;
280 | }
281 |
282 | .container_16 .prefix_13 {
283 | padding-left: 780px;
284 | }
285 |
286 | .container_16 .prefix_14 {
287 | padding-left: 840px;
288 | }
289 |
290 | .container_16 .prefix_15 {
291 | padding-left: 900px;
292 | }
293 |
294 | /* `Suffix Extra Space >> Global
295 | ----------------------------------------------------------------------------------------------------*/
296 |
297 | .container_12 .suffix_3,
298 | .container_16 .suffix_4 {
299 | padding-right: 240px;
300 | }
301 |
302 | .container_12 .suffix_6,
303 | .container_16 .suffix_8 {
304 | padding-right: 480px;
305 | }
306 |
307 | .container_12 .suffix_9,
308 | .container_16 .suffix_12 {
309 | padding-right: 720px;
310 | }
311 |
312 | /* `Suffix Extra Space >> 12 Columns
313 | ----------------------------------------------------------------------------------------------------*/
314 |
315 | .container_12 .suffix_1 {
316 | padding-right: 80px;
317 | }
318 |
319 | .container_12 .suffix_2 {
320 | padding-right: 160px;
321 | }
322 |
323 | .container_12 .suffix_4 {
324 | padding-right: 320px;
325 | }
326 |
327 | .container_12 .suffix_5 {
328 | padding-right: 400px;
329 | }
330 |
331 | .container_12 .suffix_7 {
332 | padding-right: 560px;
333 | }
334 |
335 | .container_12 .suffix_8 {
336 | padding-right: 640px;
337 | }
338 |
339 | .container_12 .suffix_10 {
340 | padding-right: 800px;
341 | }
342 |
343 | .container_12 .suffix_11 {
344 | padding-right: 880px;
345 | }
346 |
347 | /* `Suffix Extra Space >> 16 Columns
348 | ----------------------------------------------------------------------------------------------------*/
349 |
350 | .container_16 .suffix_1 {
351 | padding-right: 60px;
352 | }
353 |
354 | .container_16 .suffix_2 {
355 | padding-right: 120px;
356 | }
357 |
358 | .container_16 .suffix_3 {
359 | padding-right: 180px;
360 | }
361 |
362 | .container_16 .suffix_5 {
363 | padding-right: 300px;
364 | }
365 |
366 | .container_16 .suffix_6 {
367 | padding-right: 360px;
368 | }
369 |
370 | .container_16 .suffix_7 {
371 | padding-right: 420px;
372 | }
373 |
374 | .container_16 .suffix_9 {
375 | padding-right: 540px;
376 | }
377 |
378 | .container_16 .suffix_10 {
379 | padding-right: 600px;
380 | }
381 |
382 | .container_16 .suffix_11 {
383 | padding-right: 660px;
384 | }
385 |
386 | .container_16 .suffix_13 {
387 | padding-right: 780px;
388 | }
389 |
390 | .container_16 .suffix_14 {
391 | padding-right: 840px;
392 | }
393 |
394 | .container_16 .suffix_15 {
395 | padding-right: 900px;
396 | }
397 |
398 | /* `Push Space >> Global
399 | ----------------------------------------------------------------------------------------------------*/
400 |
401 | .container_12 .push_3,
402 | .container_16 .push_4 {
403 | left: 240px;
404 | }
405 |
406 | .container_12 .push_6,
407 | .container_16 .push_8 {
408 | left: 480px;
409 | }
410 |
411 | .container_12 .push_9,
412 | .container_16 .push_12 {
413 | left: 720px;
414 | }
415 |
416 | /* `Push Space >> 12 Columns
417 | ----------------------------------------------------------------------------------------------------*/
418 |
419 | .container_12 .push_1 {
420 | left: 80px;
421 | }
422 |
423 | .container_12 .push_2 {
424 | left: 160px;
425 | }
426 |
427 | .container_12 .push_4 {
428 | left: 320px;
429 | }
430 |
431 | .container_12 .push_5 {
432 | left: 400px;
433 | }
434 |
435 | .container_12 .push_7 {
436 | left: 560px;
437 | }
438 |
439 | .container_12 .push_8 {
440 | left: 640px;
441 | }
442 |
443 | .container_12 .push_10 {
444 | left: 800px;
445 | }
446 |
447 | .container_12 .push_11 {
448 | left: 880px;
449 | }
450 |
451 | /* `Push Space >> 16 Columns
452 | ----------------------------------------------------------------------------------------------------*/
453 |
454 | .container_16 .push_1 {
455 | left: 60px;
456 | }
457 |
458 | .container_16 .push_2 {
459 | left: 120px;
460 | }
461 |
462 | .container_16 .push_3 {
463 | left: 180px;
464 | }
465 |
466 | .container_16 .push_5 {
467 | left: 300px;
468 | }
469 |
470 | .container_16 .push_6 {
471 | left: 360px;
472 | }
473 |
474 | .container_16 .push_7 {
475 | left: 420px;
476 | }
477 |
478 | .container_16 .push_9 {
479 | left: 540px;
480 | }
481 |
482 | .container_16 .push_10 {
483 | left: 600px;
484 | }
485 |
486 | .container_16 .push_11 {
487 | left: 660px;
488 | }
489 |
490 | .container_16 .push_13 {
491 | left: 780px;
492 | }
493 |
494 | .container_16 .push_14 {
495 | left: 840px;
496 | }
497 |
498 | .container_16 .push_15 {
499 | left: 900px;
500 | }
501 |
502 | /* `Pull Space >> Global
503 | ----------------------------------------------------------------------------------------------------*/
504 |
505 | .container_12 .pull_3,
506 | .container_16 .pull_4 {
507 | left: -240px;
508 | }
509 |
510 | .container_12 .pull_6,
511 | .container_16 .pull_8 {
512 | left: -480px;
513 | }
514 |
515 | .container_12 .pull_9,
516 | .container_16 .pull_12 {
517 | left: -720px;
518 | }
519 |
520 | /* `Pull Space >> 12 Columns
521 | ----------------------------------------------------------------------------------------------------*/
522 |
523 | .container_12 .pull_1 {
524 | left: -80px;
525 | }
526 |
527 | .container_12 .pull_2 {
528 | left: -160px;
529 | }
530 |
531 | .container_12 .pull_4 {
532 | left: -320px;
533 | }
534 |
535 | .container_12 .pull_5 {
536 | left: -400px;
537 | }
538 |
539 | .container_12 .pull_7 {
540 | left: -560px;
541 | }
542 |
543 | .container_12 .pull_8 {
544 | left: -640px;
545 | }
546 |
547 | .container_12 .pull_10 {
548 | left: -800px;
549 | }
550 |
551 | .container_12 .pull_11 {
552 | left: -880px;
553 | }
554 |
555 | /* `Pull Space >> 16 Columns
556 | ----------------------------------------------------------------------------------------------------*/
557 |
558 | .container_16 .pull_1 {
559 | left: -60px;
560 | }
561 |
562 | .container_16 .pull_2 {
563 | left: -120px;
564 | }
565 |
566 | .container_16 .pull_3 {
567 | left: -180px;
568 | }
569 |
570 | .container_16 .pull_5 {
571 | left: -300px;
572 | }
573 |
574 | .container_16 .pull_6 {
575 | left: -360px;
576 | }
577 |
578 | .container_16 .pull_7 {
579 | left: -420px;
580 | }
581 |
582 | .container_16 .pull_9 {
583 | left: -540px;
584 | }
585 |
586 | .container_16 .pull_10 {
587 | left: -600px;
588 | }
589 |
590 | .container_16 .pull_11 {
591 | left: -660px;
592 | }
593 |
594 | .container_16 .pull_13 {
595 | left: -780px;
596 | }
597 |
598 | .container_16 .pull_14 {
599 | left: -840px;
600 | }
601 |
602 | .container_16 .pull_15 {
603 | left: -900px;
604 | }
605 |
606 | /* `Clear Floated Elements
607 | ----------------------------------------------------------------------------------------------------*/
608 |
609 | /* http://sonspring.com/journal/clearing-floats */
610 |
611 | .clear {
612 | clear: both;
613 | display: block;
614 | overflow: hidden;
615 | visibility: hidden;
616 | width: 0;
617 | height: 0;
618 | }
619 |
620 | /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
621 |
622 | .clearfix:before,
623 | .clearfix:after,
624 | .container_12:before,
625 | .container_12:after,
626 | .container_16:before,
627 | .container_16:after {
628 | content: '.';
629 | display: block;
630 | overflow: hidden;
631 | visibility: hidden;
632 | font-size: 0;
633 | line-height: 0;
634 | width: 0;
635 | height: 0;
636 | }
637 |
638 | .clearfix:after,
639 | .container_12:after,
640 | .container_16:after {
641 | clear: both;
642 | }
643 |
644 | /*
645 | The following zoom:1 rule is specifically for IE6 + IE7.
646 | Move to separate stylesheet if invalid CSS is a problem.
647 | */
648 |
649 | .clearfix,
650 | .container_12,
651 | .container_16 {
652 | zoom: 1;
653 | }
--------------------------------------------------------------------------------
/code/css/960_12_col.css:
--------------------------------------------------------------------------------
1 | /*
2 | 960 Grid System ~ Core CSS.
3 | Learn more ~ http://960.gs/
4 |
5 | Licensed under GPL and MIT.
6 | */
7 |
8 | /*
9 | Forces backgrounds to span full width,
10 | even if there is horizontal scrolling.
11 | Increase this if your layout is wider.
12 |
13 | Note: IE6 works fine without this fix.
14 | */
15 |
16 | body {
17 | min-width: 960px;
18 | }
19 |
20 | /* `Container
21 | ----------------------------------------------------------------------------------------------------*/
22 |
23 | .container_12 {
24 | margin-left: auto;
25 | margin-right: auto;
26 | width: 960px;
27 | }
28 |
29 | /* `Grid >> Global
30 | ----------------------------------------------------------------------------------------------------*/
31 |
32 | .grid_1,
33 | .grid_2,
34 | .grid_3,
35 | .grid_4,
36 | .grid_5,
37 | .grid_6,
38 | .grid_7,
39 | .grid_8,
40 | .grid_9,
41 | .grid_10,
42 | .grid_11,
43 | .grid_12 {
44 | display: inline;
45 | float: left;
46 | margin-left: 10px;
47 | margin-right: 10px;
48 | }
49 |
50 | .push_1, .pull_1,
51 | .push_2, .pull_2,
52 | .push_3, .pull_3,
53 | .push_4, .pull_4,
54 | .push_5, .pull_5,
55 | .push_6, .pull_6,
56 | .push_7, .pull_7,
57 | .push_8, .pull_8,
58 | .push_9, .pull_9,
59 | .push_10, .pull_10,
60 | .push_11, .pull_11 {
61 | position: relative;
62 | }
63 |
64 | /* `Grid >> Children (Alpha ~ First, Omega ~ Last)
65 | ----------------------------------------------------------------------------------------------------*/
66 |
67 | .alpha {
68 | margin-left: 0;
69 | }
70 |
71 | .omega {
72 | margin-right: 0;
73 | }
74 |
75 | /* `Grid >> 12 Columns
76 | ----------------------------------------------------------------------------------------------------*/
77 |
78 | .container_12 .grid_1 {
79 | width: 60px;
80 | }
81 |
82 | .container_12 .grid_2 {
83 | width: 140px;
84 | }
85 |
86 | .container_12 .grid_3 {
87 | width: 220px;
88 | }
89 |
90 | .container_12 .grid_4 {
91 | width: 300px;
92 | }
93 |
94 | .container_12 .grid_5 {
95 | width: 380px;
96 | }
97 |
98 | .container_12 .grid_6 {
99 | width: 460px;
100 | }
101 |
102 | .container_12 .grid_7 {
103 | width: 540px;
104 | }
105 |
106 | .container_12 .grid_8 {
107 | width: 620px;
108 | }
109 |
110 | .container_12 .grid_9 {
111 | width: 700px;
112 | }
113 |
114 | .container_12 .grid_10 {
115 | width: 780px;
116 | }
117 |
118 | .container_12 .grid_11 {
119 | width: 860px;
120 | }
121 |
122 | .container_12 .grid_12 {
123 | width: 940px;
124 | }
125 |
126 | /* `Prefix Extra Space >> 12 Columns
127 | ----------------------------------------------------------------------------------------------------*/
128 |
129 | .container_12 .prefix_1 {
130 | padding-left: 80px;
131 | }
132 |
133 | .container_12 .prefix_2 {
134 | padding-left: 160px;
135 | }
136 |
137 | .container_12 .prefix_3 {
138 | padding-left: 240px;
139 | }
140 |
141 | .container_12 .prefix_4 {
142 | padding-left: 320px;
143 | }
144 |
145 | .container_12 .prefix_5 {
146 | padding-left: 400px;
147 | }
148 |
149 | .container_12 .prefix_6 {
150 | padding-left: 480px;
151 | }
152 |
153 | .container_12 .prefix_7 {
154 | padding-left: 560px;
155 | }
156 |
157 | .container_12 .prefix_8 {
158 | padding-left: 640px;
159 | }
160 |
161 | .container_12 .prefix_9 {
162 | padding-left: 720px;
163 | }
164 |
165 | .container_12 .prefix_10 {
166 | padding-left: 800px;
167 | }
168 |
169 | .container_12 .prefix_11 {
170 | padding-left: 880px;
171 | }
172 |
173 | /* `Suffix Extra Space >> 12 Columns
174 | ----------------------------------------------------------------------------------------------------*/
175 |
176 | .container_12 .suffix_1 {
177 | padding-right: 80px;
178 | }
179 |
180 | .container_12 .suffix_2 {
181 | padding-right: 160px;
182 | }
183 |
184 | .container_12 .suffix_3 {
185 | padding-right: 240px;
186 | }
187 |
188 | .container_12 .suffix_4 {
189 | padding-right: 320px;
190 | }
191 |
192 | .container_12 .suffix_5 {
193 | padding-right: 400px;
194 | }
195 |
196 | .container_12 .suffix_6 {
197 | padding-right: 480px;
198 | }
199 |
200 | .container_12 .suffix_7 {
201 | padding-right: 560px;
202 | }
203 |
204 | .container_12 .suffix_8 {
205 | padding-right: 640px;
206 | }
207 |
208 | .container_12 .suffix_9 {
209 | padding-right: 720px;
210 | }
211 |
212 | .container_12 .suffix_10 {
213 | padding-right: 800px;
214 | }
215 |
216 | .container_12 .suffix_11 {
217 | padding-right: 880px;
218 | }
219 |
220 | /* `Push Space >> 12 Columns
221 | ----------------------------------------------------------------------------------------------------*/
222 |
223 | .container_12 .push_1 {
224 | left: 80px;
225 | }
226 |
227 | .container_12 .push_2 {
228 | left: 160px;
229 | }
230 |
231 | .container_12 .push_3 {
232 | left: 240px;
233 | }
234 |
235 | .container_12 .push_4 {
236 | left: 320px;
237 | }
238 |
239 | .container_12 .push_5 {
240 | left: 400px;
241 | }
242 |
243 | .container_12 .push_6 {
244 | left: 480px;
245 | }
246 |
247 | .container_12 .push_7 {
248 | left: 560px;
249 | }
250 |
251 | .container_12 .push_8 {
252 | left: 640px;
253 | }
254 |
255 | .container_12 .push_9 {
256 | left: 720px;
257 | }
258 |
259 | .container_12 .push_10 {
260 | left: 800px;
261 | }
262 |
263 | .container_12 .push_11 {
264 | left: 880px;
265 | }
266 |
267 | /* `Pull Space >> 12 Columns
268 | ----------------------------------------------------------------------------------------------------*/
269 |
270 | .container_12 .pull_1 {
271 | left: -80px;
272 | }
273 |
274 | .container_12 .pull_2 {
275 | left: -160px;
276 | }
277 |
278 | .container_12 .pull_3 {
279 | left: -240px;
280 | }
281 |
282 | .container_12 .pull_4 {
283 | left: -320px;
284 | }
285 |
286 | .container_12 .pull_5 {
287 | left: -400px;
288 | }
289 |
290 | .container_12 .pull_6 {
291 | left: -480px;
292 | }
293 |
294 | .container_12 .pull_7 {
295 | left: -560px;
296 | }
297 |
298 | .container_12 .pull_8 {
299 | left: -640px;
300 | }
301 |
302 | .container_12 .pull_9 {
303 | left: -720px;
304 | }
305 |
306 | .container_12 .pull_10 {
307 | left: -800px;
308 | }
309 |
310 | .container_12 .pull_11 {
311 | left: -880px;
312 | }
313 |
314 | /* `Clear Floated Elements
315 | ----------------------------------------------------------------------------------------------------*/
316 |
317 | /* http://sonspring.com/journal/clearing-floats */
318 |
319 | .clear {
320 | clear: both;
321 | display: block;
322 | overflow: hidden;
323 | visibility: hidden;
324 | width: 0;
325 | height: 0;
326 | }
327 |
328 | /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
329 |
330 | .clearfix:before,
331 | .clearfix:after,
332 | .container_12:before,
333 | .container_12:after {
334 | content: '.';
335 | display: block;
336 | overflow: hidden;
337 | visibility: hidden;
338 | font-size: 0;
339 | line-height: 0;
340 | width: 0;
341 | height: 0;
342 | }
343 |
344 | .clearfix:after,
345 | .container_12:after {
346 | clear: both;
347 | }
348 |
349 | /*
350 | The following zoom:1 rule is specifically for IE6 + IE7.
351 | Move to separate stylesheet if invalid CSS is a problem.
352 | */
353 |
354 | .clearfix,
355 | .container_12 {
356 | zoom: 1;
357 | }
--------------------------------------------------------------------------------
/code/css/960_12_col_rtl.css:
--------------------------------------------------------------------------------
1 | /*
2 | 960 Grid System ~ Core CSS.
3 | Learn more ~ http://960.gs/
4 |
5 | Licensed under GPL and MIT.
6 | */
7 |
8 | /*
9 | Forces backgrounds to span full width,
10 | even if there is horizontal scrolling.
11 | Increase this if your layout is wider.
12 |
13 | Note: IE6 works fine without this fix.
14 | */
15 |
16 | body {
17 | min-width: 960px;
18 | }
19 |
20 | /* `Container
21 | ----------------------------------------------------------------------------------------------------*/
22 |
23 | .container_12 {
24 | margin-right: auto;
25 | margin-left: auto;
26 | width: 960px;
27 | }
28 |
29 | /* `Grid >> Global
30 | ----------------------------------------------------------------------------------------------------*/
31 |
32 | .grid_1,
33 | .grid_2,
34 | .grid_3,
35 | .grid_4,
36 | .grid_5,
37 | .grid_6,
38 | .grid_7,
39 | .grid_8,
40 | .grid_9,
41 | .grid_10,
42 | .grid_11,
43 | .grid_12 {
44 | display: inline;
45 | float: right;
46 | margin-right: 10px;
47 | margin-left: 10px;
48 | }
49 |
50 | .push_1, .pull_1,
51 | .push_2, .pull_2,
52 | .push_3, .pull_3,
53 | .push_4, .pull_4,
54 | .push_5, .pull_5,
55 | .push_6, .pull_6,
56 | .push_7, .pull_7,
57 | .push_8, .pull_8,
58 | .push_9, .pull_9,
59 | .push_10, .pull_10,
60 | .push_11, .pull_11 {
61 | position: relative;
62 | }
63 |
64 | /* `Grid >> Children (Alpha ~ First, Omega ~ Last)
65 | ----------------------------------------------------------------------------------------------------*/
66 |
67 | .alpha {
68 | margin-right: 0;
69 | }
70 |
71 | .omega {
72 | margin-left: 0;
73 | }
74 |
75 | /* `Grid >> 12 Columns
76 | ----------------------------------------------------------------------------------------------------*/
77 |
78 | .container_12 .grid_1 {
79 | width: 60px;
80 | }
81 |
82 | .container_12 .grid_2 {
83 | width: 140px;
84 | }
85 |
86 | .container_12 .grid_3 {
87 | width: 220px;
88 | }
89 |
90 | .container_12 .grid_4 {
91 | width: 300px;
92 | }
93 |
94 | .container_12 .grid_5 {
95 | width: 380px;
96 | }
97 |
98 | .container_12 .grid_6 {
99 | width: 460px;
100 | }
101 |
102 | .container_12 .grid_7 {
103 | width: 540px;
104 | }
105 |
106 | .container_12 .grid_8 {
107 | width: 620px;
108 | }
109 |
110 | .container_12 .grid_9 {
111 | width: 700px;
112 | }
113 |
114 | .container_12 .grid_10 {
115 | width: 780px;
116 | }
117 |
118 | .container_12 .grid_11 {
119 | width: 860px;
120 | }
121 |
122 | .container_12 .grid_12 {
123 | width: 940px;
124 | }
125 |
126 | /* `Prefix Extra Space >> 12 Columns
127 | ----------------------------------------------------------------------------------------------------*/
128 |
129 | .container_12 .prefix_1 {
130 | padding-right: 80px;
131 | }
132 |
133 | .container_12 .prefix_2 {
134 | padding-right: 160px;
135 | }
136 |
137 | .container_12 .prefix_3 {
138 | padding-right: 240px;
139 | }
140 |
141 | .container_12 .prefix_4 {
142 | padding-right: 320px;
143 | }
144 |
145 | .container_12 .prefix_5 {
146 | padding-right: 400px;
147 | }
148 |
149 | .container_12 .prefix_6 {
150 | padding-right: 480px;
151 | }
152 |
153 | .container_12 .prefix_7 {
154 | padding-right: 560px;
155 | }
156 |
157 | .container_12 .prefix_8 {
158 | padding-right: 640px;
159 | }
160 |
161 | .container_12 .prefix_9 {
162 | padding-right: 720px;
163 | }
164 |
165 | .container_12 .prefix_10 {
166 | padding-right: 800px;
167 | }
168 |
169 | .container_12 .prefix_11 {
170 | padding-right: 880px;
171 | }
172 |
173 | /* `Suffix Extra Space >> 12 Columns
174 | ----------------------------------------------------------------------------------------------------*/
175 |
176 | .container_12 .suffix_1 {
177 | padding-left: 80px;
178 | }
179 |
180 | .container_12 .suffix_2 {
181 | padding-left: 160px;
182 | }
183 |
184 | .container_12 .suffix_3 {
185 | padding-left: 240px;
186 | }
187 |
188 | .container_12 .suffix_4 {
189 | padding-left: 320px;
190 | }
191 |
192 | .container_12 .suffix_5 {
193 | padding-left: 400px;
194 | }
195 |
196 | .container_12 .suffix_6 {
197 | padding-left: 480px;
198 | }
199 |
200 | .container_12 .suffix_7 {
201 | padding-left: 560px;
202 | }
203 |
204 | .container_12 .suffix_8 {
205 | padding-left: 640px;
206 | }
207 |
208 | .container_12 .suffix_9 {
209 | padding-left: 720px;
210 | }
211 |
212 | .container_12 .suffix_10 {
213 | padding-left: 800px;
214 | }
215 |
216 | .container_12 .suffix_11 {
217 | padding-left: 880px;
218 | }
219 |
220 | /* `Push Space >> 12 Columns
221 | ----------------------------------------------------------------------------------------------------*/
222 |
223 | .container_12 .push_1 {
224 | right: 80px;
225 | }
226 |
227 | .container_12 .push_2 {
228 | right: 160px;
229 | }
230 |
231 | .container_12 .push_3 {
232 | right: 240px;
233 | }
234 |
235 | .container_12 .push_4 {
236 | right: 320px;
237 | }
238 |
239 | .container_12 .push_5 {
240 | right: 400px;
241 | }
242 |
243 | .container_12 .push_6 {
244 | right: 480px;
245 | }
246 |
247 | .container_12 .push_7 {
248 | right: 560px;
249 | }
250 |
251 | .container_12 .push_8 {
252 | right: 640px;
253 | }
254 |
255 | .container_12 .push_9 {
256 | right: 720px;
257 | }
258 |
259 | .container_12 .push_10 {
260 | right: 800px;
261 | }
262 |
263 | .container_12 .push_11 {
264 | right: 880px;
265 | }
266 |
267 | /* `Pull Space >> 12 Columns
268 | ----------------------------------------------------------------------------------------------------*/
269 |
270 | .container_12 .pull_1 {
271 | right: -80px;
272 | }
273 |
274 | .container_12 .pull_2 {
275 | right: -160px;
276 | }
277 |
278 | .container_12 .pull_3 {
279 | right: -240px;
280 | }
281 |
282 | .container_12 .pull_4 {
283 | right: -320px;
284 | }
285 |
286 | .container_12 .pull_5 {
287 | right: -400px;
288 | }
289 |
290 | .container_12 .pull_6 {
291 | right: -480px;
292 | }
293 |
294 | .container_12 .pull_7 {
295 | right: -560px;
296 | }
297 |
298 | .container_12 .pull_8 {
299 | right: -640px;
300 | }
301 |
302 | .container_12 .pull_9 {
303 | right: -720px;
304 | }
305 |
306 | .container_12 .pull_10 {
307 | right: -800px;
308 | }
309 |
310 | .container_12 .pull_11 {
311 | right: -880px;
312 | }
313 |
314 | /* `Clear Floated Elements
315 | ----------------------------------------------------------------------------------------------------*/
316 |
317 | /* http://sonspring.com/journal/clearing-floats */
318 |
319 | .clear {
320 | clear: both;
321 | display: block;
322 | overflow: hidden;
323 | visibility: hidden;
324 | width: 0;
325 | height: 0;
326 | }
327 |
328 | /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
329 |
330 | .clearfix:before,
331 | .clearfix:after,
332 | .container_12:before,
333 | .container_12:after {
334 | content: '.';
335 | display: block;
336 | overflow: hidden;
337 | visibility: hidden;
338 | font-size: 0;
339 | line-height: 0;
340 | width: 0;
341 | height: 0;
342 | }
343 |
344 | .clearfix:after,
345 | .container_12:after {
346 | clear: both;
347 | }
348 |
349 | /*
350 | The following zoom:1 rule is specifically for IE6 + IE7.
351 | Move to separate stylesheet if invalid CSS is a problem.
352 | */
353 |
354 | .clearfix,
355 | .container_12 {
356 | zoom: 1;
357 | }
--------------------------------------------------------------------------------
/code/css/960_16_col.css:
--------------------------------------------------------------------------------
1 | /*
2 | 960 Grid System ~ Core CSS.
3 | Learn more ~ http://960.gs/
4 |
5 | Licensed under GPL and MIT.
6 | */
7 |
8 | /*
9 | Forces backgrounds to span full width,
10 | even if there is horizontal scrolling.
11 | Increase this if your layout is wider.
12 |
13 | Note: IE6 works fine without this fix.
14 | */
15 |
16 | body {
17 | min-width: 960px;
18 | }
19 |
20 | /* Container
21 | ----------------------------------------------------------------------------------------------------*/
22 |
23 | .container_16 {
24 | margin-left: auto;
25 | margin-right: auto;
26 | width: 960px;
27 | }
28 |
29 | /* Grid >> Global
30 | ----------------------------------------------------------------------------------------------------*/
31 |
32 | .grid_1,
33 | .grid_2,
34 | .grid_3,
35 | .grid_4,
36 | .grid_5,
37 | .grid_6,
38 | .grid_7,
39 | .grid_8,
40 | .grid_9,
41 | .grid_10,
42 | .grid_11,
43 | .grid_12,
44 | .grid_13,
45 | .grid_14,
46 | .grid_15,
47 | .grid_16 {
48 | display: inline;
49 | float: left;
50 | margin-left: 10px;
51 | margin-right: 10px;
52 | }
53 |
54 | .push_1, .pull_1,
55 | .push_2, .pull_2,
56 | .push_3, .pull_3,
57 | .push_4, .pull_4,
58 | .push_5, .pull_5,
59 | .push_6, .pull_6,
60 | .push_7, .pull_7,
61 | .push_8, .pull_8,
62 | .push_9, .pull_9,
63 | .push_10, .pull_10,
64 | .push_11, .pull_11,
65 | .push_12, .pull_12,
66 | .push_13, .pull_13,
67 | .push_14, .pull_14,
68 | .push_15, .pull_15,
69 | .push_16, .pull_16 {
70 | position: relative;
71 | }
72 |
73 | /* Grid >> Children (Alpha ~ First, Omega ~ Last)
74 | ----------------------------------------------------------------------------------------------------*/
75 |
76 | .alpha {
77 | margin-left: 0;
78 | }
79 |
80 | .omega {
81 | margin-right: 0;
82 | }
83 |
84 | /* Grid >> 16 Columns
85 | ----------------------------------------------------------------------------------------------------*/
86 |
87 | .container_16 .grid_1 {
88 | width: 40px;
89 | }
90 |
91 | .container_16 .grid_2 {
92 | width: 100px;
93 | }
94 |
95 | .container_16 .grid_3 {
96 | width: 160px;
97 | }
98 |
99 | .container_16 .grid_4 {
100 | width: 220px;
101 | }
102 |
103 | .container_16 .grid_5 {
104 | width: 280px;
105 | }
106 |
107 | .container_16 .grid_6 {
108 | width: 340px;
109 | }
110 |
111 | .container_16 .grid_7 {
112 | width: 400px;
113 | }
114 |
115 | .container_16 .grid_8 {
116 | width: 460px;
117 | }
118 |
119 | .container_16 .grid_9 {
120 | width: 520px;
121 | }
122 |
123 | .container_16 .grid_10 {
124 | width: 580px;
125 | }
126 |
127 | .container_16 .grid_11 {
128 | width: 640px;
129 | }
130 |
131 | .container_16 .grid_12 {
132 | width: 700px;
133 | }
134 |
135 | .container_16 .grid_13 {
136 | width: 760px;
137 | }
138 |
139 | .container_16 .grid_14 {
140 | width: 820px;
141 | }
142 |
143 | .container_16 .grid_15 {
144 | width: 880px;
145 | }
146 |
147 | .container_16 .grid_16 {
148 | width: 940px;
149 | }
150 |
151 | /* Prefix Extra Space >> 16 Columns
152 | ----------------------------------------------------------------------------------------------------*/
153 |
154 | .container_16 .prefix_1 {
155 | padding-left: 60px;
156 | }
157 |
158 | .container_16 .prefix_2 {
159 | padding-left: 120px;
160 | }
161 |
162 | .container_16 .prefix_3 {
163 | padding-left: 180px;
164 | }
165 |
166 | .container_16 .prefix_4 {
167 | padding-left: 240px;
168 | }
169 |
170 | .container_16 .prefix_5 {
171 | padding-left: 300px;
172 | }
173 |
174 | .container_16 .prefix_6 {
175 | padding-left: 360px;
176 | }
177 |
178 | .container_16 .prefix_7 {
179 | padding-left: 420px;
180 | }
181 |
182 | .container_16 .prefix_8 {
183 | padding-left: 480px;
184 | }
185 |
186 | .container_16 .prefix_9 {
187 | padding-left: 540px;
188 | }
189 |
190 | .container_16 .prefix_10 {
191 | padding-left: 600px;
192 | }
193 |
194 | .container_16 .prefix_11 {
195 | padding-left: 660px;
196 | }
197 |
198 | .container_16 .prefix_12 {
199 | padding-left: 720px;
200 | }
201 |
202 | .container_16 .prefix_13 {
203 | padding-left: 780px;
204 | }
205 |
206 | .container_16 .prefix_14 {
207 | padding-left: 840px;
208 | }
209 |
210 | .container_16 .prefix_15 {
211 | padding-left: 900px;
212 | }
213 |
214 | /* Suffix Extra Space >> 16 Columns
215 | ----------------------------------------------------------------------------------------------------*/
216 |
217 | .container_16 .suffix_1 {
218 | padding-right: 60px;
219 | }
220 |
221 | .container_16 .suffix_2 {
222 | padding-right: 120px;
223 | }
224 |
225 | .container_16 .suffix_3 {
226 | padding-right: 180px;
227 | }
228 |
229 | .container_16 .suffix_4 {
230 | padding-right: 240px;
231 | }
232 |
233 | .container_16 .suffix_5 {
234 | padding-right: 300px;
235 | }
236 |
237 | .container_16 .suffix_6 {
238 | padding-right: 360px;
239 | }
240 |
241 | .container_16 .suffix_7 {
242 | padding-right: 420px;
243 | }
244 |
245 | .container_16 .suffix_8 {
246 | padding-right: 480px;
247 | }
248 |
249 | .container_16 .suffix_9 {
250 | padding-right: 540px;
251 | }
252 |
253 | .container_16 .suffix_10 {
254 | padding-right: 600px;
255 | }
256 |
257 | .container_16 .suffix_11 {
258 | padding-right: 660px;
259 | }
260 |
261 | .container_16 .suffix_12 {
262 | padding-right: 720px;
263 | }
264 |
265 | .container_16 .suffix_13 {
266 | padding-right: 780px;
267 | }
268 |
269 | .container_16 .suffix_14 {
270 | padding-right: 840px;
271 | }
272 |
273 | .container_16 .suffix_15 {
274 | padding-right: 900px;
275 | }
276 |
277 | /* Push Space >> 16 Columns
278 | ----------------------------------------------------------------------------------------------------*/
279 |
280 | .container_16 .push_1 {
281 | left: 60px;
282 | }
283 |
284 | .container_16 .push_2 {
285 | left: 120px;
286 | }
287 |
288 | .container_16 .push_3 {
289 | left: 180px;
290 | }
291 |
292 | .container_16 .push_4 {
293 | left: 240px;
294 | }
295 |
296 | .container_16 .push_5 {
297 | left: 300px;
298 | }
299 |
300 | .container_16 .push_6 {
301 | left: 360px;
302 | }
303 |
304 | .container_16 .push_7 {
305 | left: 420px;
306 | }
307 |
308 | .container_16 .push_8 {
309 | left: 480px;
310 | }
311 |
312 | .container_16 .push_9 {
313 | left: 540px;
314 | }
315 |
316 | .container_16 .push_10 {
317 | left: 600px;
318 | }
319 |
320 | .container_16 .push_11 {
321 | left: 660px;
322 | }
323 |
324 | .container_16 .push_12 {
325 | left: 720px;
326 | }
327 |
328 | .container_16 .push_13 {
329 | left: 780px;
330 | }
331 |
332 | .container_16 .push_14 {
333 | left: 840px;
334 | }
335 |
336 | .container_16 .push_15 {
337 | left: 900px;
338 | }
339 |
340 | /* Pull Space >> 16 Columns
341 | ----------------------------------------------------------------------------------------------------*/
342 |
343 | .container_16 .pull_1 {
344 | left: -60px;
345 | }
346 |
347 | .container_16 .pull_2 {
348 | left: -120px;
349 | }
350 |
351 | .container_16 .pull_3 {
352 | left: -180px;
353 | }
354 |
355 | .container_16 .pull_4 {
356 | left: -240px;
357 | }
358 |
359 | .container_16 .pull_5 {
360 | left: -300px;
361 | }
362 |
363 | .container_16 .pull_6 {
364 | left: -360px;
365 | }
366 |
367 | .container_16 .pull_7 {
368 | left: -420px;
369 | }
370 |
371 | .container_16 .pull_8 {
372 | left: -480px;
373 | }
374 |
375 | .container_16 .pull_9 {
376 | left: -540px;
377 | }
378 |
379 | .container_16 .pull_10 {
380 | left: -600px;
381 | }
382 |
383 | .container_16 .pull_11 {
384 | left: -660px;
385 | }
386 |
387 | .container_16 .pull_12 {
388 | left: -720px;
389 | }
390 |
391 | .container_16 .pull_13 {
392 | left: -780px;
393 | }
394 |
395 | .container_16 .pull_14 {
396 | left: -840px;
397 | }
398 |
399 | .container_16 .pull_15 {
400 | left: -900px;
401 | }
402 |
403 | /* `Clear Floated Elements
404 | ----------------------------------------------------------------------------------------------------*/
405 |
406 | /* http://sonspring.com/journal/clearing-floats */
407 |
408 | .clear {
409 | clear: both;
410 | display: block;
411 | overflow: hidden;
412 | visibility: hidden;
413 | width: 0;
414 | height: 0;
415 | }
416 |
417 | /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
418 |
419 | .clearfix:before,
420 | .clearfix:after,
421 | .container_16:before,
422 | .container_16:after {
423 | content: '.';
424 | display: block;
425 | overflow: hidden;
426 | visibility: hidden;
427 | font-size: 0;
428 | line-height: 0;
429 | width: 0;
430 | height: 0;
431 | }
432 |
433 | .clearfix:after,
434 | .container_16:after {
435 | clear: both;
436 | }
437 |
438 | /*
439 | The following zoom:1 rule is specifically for IE6 + IE7.
440 | Move to separate stylesheet if invalid CSS is a problem.
441 | */
442 |
443 | .clearfix,
444 | .container_16 {
445 | zoom: 1;
446 | }
--------------------------------------------------------------------------------
/code/css/960_16_col_rtl.css:
--------------------------------------------------------------------------------
1 | /*
2 | 960 Grid System ~ Core CSS.
3 | Learn more ~ http://960.gs/
4 |
5 | Licensed under GPL and MIT.
6 | */
7 |
8 | /*
9 | Forces backgrounds to span full width,
10 | even if there is horizontal scrolling.
11 | Increase this if your layout is wider.
12 |
13 | Note: IE6 works fine without this fix.
14 | */
15 |
16 | body {
17 | min-width: 960px;
18 | }
19 |
20 | /* Container
21 | ----------------------------------------------------------------------------------------------------*/
22 |
23 | .container_16 {
24 | margin-right: auto;
25 | margin-left: auto;
26 | width: 960px;
27 | }
28 |
29 | /* Grid >> Global
30 | ----------------------------------------------------------------------------------------------------*/
31 |
32 | .grid_1,
33 | .grid_2,
34 | .grid_3,
35 | .grid_4,
36 | .grid_5,
37 | .grid_6,
38 | .grid_7,
39 | .grid_8,
40 | .grid_9,
41 | .grid_10,
42 | .grid_11,
43 | .grid_12,
44 | .grid_13,
45 | .grid_14,
46 | .grid_15,
47 | .grid_16 {
48 | display: inline;
49 | float: right;
50 | margin-right: 10px;
51 | margin-left: 10px;
52 | }
53 |
54 | .push_1, .pull_1,
55 | .push_2, .pull_2,
56 | .push_3, .pull_3,
57 | .push_4, .pull_4,
58 | .push_5, .pull_5,
59 | .push_6, .pull_6,
60 | .push_7, .pull_7,
61 | .push_8, .pull_8,
62 | .push_9, .pull_9,
63 | .push_10, .pull_10,
64 | .push_11, .pull_11,
65 | .push_12, .pull_12,
66 | .push_13, .pull_13,
67 | .push_14, .pull_14,
68 | .push_15, .pull_15,
69 | .push_16, .pull_16 {
70 | position: relative;
71 | }
72 |
73 | /* Grid >> Children (Alpha ~ First, Omega ~ Last)
74 | ----------------------------------------------------------------------------------------------------*/
75 |
76 | .alpha {
77 | margin-right: 0;
78 | }
79 |
80 | .omega {
81 | margin-left: 0;
82 | }
83 |
84 | /* Grid >> 16 Columns
85 | ----------------------------------------------------------------------------------------------------*/
86 |
87 | .container_16 .grid_1 {
88 | width: 40px;
89 | }
90 |
91 | .container_16 .grid_2 {
92 | width: 100px;
93 | }
94 |
95 | .container_16 .grid_3 {
96 | width: 160px;
97 | }
98 |
99 | .container_16 .grid_4 {
100 | width: 220px;
101 | }
102 |
103 | .container_16 .grid_5 {
104 | width: 280px;
105 | }
106 |
107 | .container_16 .grid_6 {
108 | width: 340px;
109 | }
110 |
111 | .container_16 .grid_7 {
112 | width: 400px;
113 | }
114 |
115 | .container_16 .grid_8 {
116 | width: 460px;
117 | }
118 |
119 | .container_16 .grid_9 {
120 | width: 520px;
121 | }
122 |
123 | .container_16 .grid_10 {
124 | width: 580px;
125 | }
126 |
127 | .container_16 .grid_11 {
128 | width: 640px;
129 | }
130 |
131 | .container_16 .grid_12 {
132 | width: 700px;
133 | }
134 |
135 | .container_16 .grid_13 {
136 | width: 760px;
137 | }
138 |
139 | .container_16 .grid_14 {
140 | width: 820px;
141 | }
142 |
143 | .container_16 .grid_15 {
144 | width: 880px;
145 | }
146 |
147 | .container_16 .grid_16 {
148 | width: 940px;
149 | }
150 |
151 | /* Prefix Extra Space >> 16 Columns
152 | ----------------------------------------------------------------------------------------------------*/
153 |
154 | .container_16 .prefix_1 {
155 | padding-right: 60px;
156 | }
157 |
158 | .container_16 .prefix_2 {
159 | padding-right: 120px;
160 | }
161 |
162 | .container_16 .prefix_3 {
163 | padding-right: 180px;
164 | }
165 |
166 | .container_16 .prefix_4 {
167 | padding-right: 240px;
168 | }
169 |
170 | .container_16 .prefix_5 {
171 | padding-right: 300px;
172 | }
173 |
174 | .container_16 .prefix_6 {
175 | padding-right: 360px;
176 | }
177 |
178 | .container_16 .prefix_7 {
179 | padding-right: 420px;
180 | }
181 |
182 | .container_16 .prefix_8 {
183 | padding-right: 480px;
184 | }
185 |
186 | .container_16 .prefix_9 {
187 | padding-right: 540px;
188 | }
189 |
190 | .container_16 .prefix_10 {
191 | padding-right: 600px;
192 | }
193 |
194 | .container_16 .prefix_11 {
195 | padding-right: 660px;
196 | }
197 |
198 | .container_16 .prefix_12 {
199 | padding-right: 720px;
200 | }
201 |
202 | .container_16 .prefix_13 {
203 | padding-right: 780px;
204 | }
205 |
206 | .container_16 .prefix_14 {
207 | padding-right: 840px;
208 | }
209 |
210 | .container_16 .prefix_15 {
211 | padding-right: 900px;
212 | }
213 |
214 | /* Suffix Extra Space >> 16 Columns
215 | ----------------------------------------------------------------------------------------------------*/
216 |
217 | .container_16 .suffix_1 {
218 | padding-left: 60px;
219 | }
220 |
221 | .container_16 .suffix_2 {
222 | padding-left: 120px;
223 | }
224 |
225 | .container_16 .suffix_3 {
226 | padding-left: 180px;
227 | }
228 |
229 | .container_16 .suffix_4 {
230 | padding-left: 240px;
231 | }
232 |
233 | .container_16 .suffix_5 {
234 | padding-left: 300px;
235 | }
236 |
237 | .container_16 .suffix_6 {
238 | padding-left: 360px;
239 | }
240 |
241 | .container_16 .suffix_7 {
242 | padding-left: 420px;
243 | }
244 |
245 | .container_16 .suffix_8 {
246 | padding-left: 480px;
247 | }
248 |
249 | .container_16 .suffix_9 {
250 | padding-left: 540px;
251 | }
252 |
253 | .container_16 .suffix_10 {
254 | padding-left: 600px;
255 | }
256 |
257 | .container_16 .suffix_11 {
258 | padding-left: 660px;
259 | }
260 |
261 | .container_16 .suffix_12 {
262 | padding-left: 720px;
263 | }
264 |
265 | .container_16 .suffix_13 {
266 | padding-left: 780px;
267 | }
268 |
269 | .container_16 .suffix_14 {
270 | padding-left: 840px;
271 | }
272 |
273 | .container_16 .suffix_15 {
274 | padding-left: 900px;
275 | }
276 |
277 | /* Push Space >> 16 Columns
278 | ----------------------------------------------------------------------------------------------------*/
279 |
280 | .container_16 .push_1 {
281 | right: 60px;
282 | }
283 |
284 | .container_16 .push_2 {
285 | right: 120px;
286 | }
287 |
288 | .container_16 .push_3 {
289 | right: 180px;
290 | }
291 |
292 | .container_16 .push_4 {
293 | right: 240px;
294 | }
295 |
296 | .container_16 .push_5 {
297 | right: 300px;
298 | }
299 |
300 | .container_16 .push_6 {
301 | right: 360px;
302 | }
303 |
304 | .container_16 .push_7 {
305 | right: 420px;
306 | }
307 |
308 | .container_16 .push_8 {
309 | right: 480px;
310 | }
311 |
312 | .container_16 .push_9 {
313 | right: 540px;
314 | }
315 |
316 | .container_16 .push_10 {
317 | right: 600px;
318 | }
319 |
320 | .container_16 .push_11 {
321 | right: 660px;
322 | }
323 |
324 | .container_16 .push_12 {
325 | right: 720px;
326 | }
327 |
328 | .container_16 .push_13 {
329 | right: 780px;
330 | }
331 |
332 | .container_16 .push_14 {
333 | right: 840px;
334 | }
335 |
336 | .container_16 .push_15 {
337 | right: 900px;
338 | }
339 |
340 | /* Pull Space >> 16 Columns
341 | ----------------------------------------------------------------------------------------------------*/
342 |
343 | .container_16 .pull_1 {
344 | right: -60px;
345 | }
346 |
347 | .container_16 .pull_2 {
348 | right: -120px;
349 | }
350 |
351 | .container_16 .pull_3 {
352 | right: -180px;
353 | }
354 |
355 | .container_16 .pull_4 {
356 | right: -240px;
357 | }
358 |
359 | .container_16 .pull_5 {
360 | right: -300px;
361 | }
362 |
363 | .container_16 .pull_6 {
364 | right: -360px;
365 | }
366 |
367 | .container_16 .pull_7 {
368 | right: -420px;
369 | }
370 |
371 | .container_16 .pull_8 {
372 | right: -480px;
373 | }
374 |
375 | .container_16 .pull_9 {
376 | right: -540px;
377 | }
378 |
379 | .container_16 .pull_10 {
380 | right: -600px;
381 | }
382 |
383 | .container_16 .pull_11 {
384 | right: -660px;
385 | }
386 |
387 | .container_16 .pull_12 {
388 | right: -720px;
389 | }
390 |
391 | .container_16 .pull_13 {
392 | right: -780px;
393 | }
394 |
395 | .container_16 .pull_14 {
396 | right: -840px;
397 | }
398 |
399 | .container_16 .pull_15 {
400 | right: -900px;
401 | }
402 |
403 | /* `Clear Floated Elements
404 | ----------------------------------------------------------------------------------------------------*/
405 |
406 | /* http://sonspring.com/journal/clearing-floats */
407 |
408 | .clear {
409 | clear: both;
410 | display: block;
411 | overflow: hidden;
412 | visibility: hidden;
413 | width: 0;
414 | height: 0;
415 | }
416 |
417 | /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
418 |
419 | .clearfix:before,
420 | .clearfix:after,
421 | .container_16:before,
422 | .container_16:after {
423 | content: '.';
424 | display: block;
425 | overflow: hidden;
426 | visibility: hidden;
427 | font-size: 0;
428 | line-height: 0;
429 | width: 0;
430 | height: 0;
431 | }
432 |
433 | .clearfix:after,
434 | .container_16:after {
435 | clear: both;
436 | }
437 |
438 | /*
439 | The following zoom:1 rule is specifically for IE6 + IE7.
440 | Move to separate stylesheet if invalid CSS is a problem.
441 | */
442 |
443 | .clearfix,
444 | .container_16 {
445 | zoom: 1;
446 | }
--------------------------------------------------------------------------------
/code/css/960_24_col.css:
--------------------------------------------------------------------------------
1 | /*
2 | 960 Grid System ~ Core CSS.
3 | Learn more ~ http://960.gs/
4 |
5 | Licensed under GPL and MIT.
6 | */
7 |
8 | /*
9 | Forces backgrounds to span full width,
10 | even if there is horizontal scrolling.
11 | Increase this if your layout is wider.
12 |
13 | Note: IE6 works fine without this fix.
14 | */
15 |
16 | body {
17 | min-width: 960px;
18 | }
19 |
20 | /* `Container
21 | ----------------------------------------------------------------------------------------------------*/
22 |
23 | .container_24 {
24 | margin-left: auto;
25 | margin-right: auto;
26 | width: 960px;
27 | }
28 |
29 | /* `Grid >> Global
30 | ----------------------------------------------------------------------------------------------------*/
31 |
32 | .grid_1,
33 | .grid_2,
34 | .grid_3,
35 | .grid_4,
36 | .grid_5,
37 | .grid_6,
38 | .grid_7,
39 | .grid_8,
40 | .grid_9,
41 | .grid_10,
42 | .grid_11,
43 | .grid_12,
44 | .grid_13,
45 | .grid_14,
46 | .grid_15,
47 | .grid_16,
48 | .grid_17,
49 | .grid_18,
50 | .grid_19,
51 | .grid_20,
52 | .grid_21,
53 | .grid_22,
54 | .grid_23,
55 | .grid_24 {
56 | display: inline;
57 | float: left;
58 | margin-left: 5px;
59 | margin-right: 5px;
60 | }
61 |
62 | .push_1, .pull_1,
63 | .push_2, .pull_2,
64 | .push_3, .pull_3,
65 | .push_4, .pull_4,
66 | .push_5, .pull_5,
67 | .push_6, .pull_6,
68 | .push_7, .pull_7,
69 | .push_8, .pull_8,
70 | .push_9, .pull_9,
71 | .push_10, .pull_10,
72 | .push_11, .pull_11,
73 | .push_12, .pull_12,
74 | .push_13, .pull_13,
75 | .push_14, .pull_14,
76 | .push_15, .pull_15,
77 | .push_16, .pull_16,
78 | .push_17, .pull_17,
79 | .push_18, .pull_18,
80 | .push_19, .pull_19,
81 | .push_20, .pull_20,
82 | .push_21, .pull_21,
83 | .push_22, .pull_22,
84 | .push_23, .pull_23 {
85 | position: relative;
86 | }
87 |
88 | /* `Grid >> Children (Alpha ~ First, Omega ~ Last)
89 | ----------------------------------------------------------------------------------------------------*/
90 |
91 | .alpha {
92 | margin-left: 0;
93 | }
94 |
95 | .omega {
96 | margin-right: 0;
97 | }
98 |
99 | /* `Grid >> 24 Columns
100 | ----------------------------------------------------------------------------------------------------*/
101 |
102 | .container_24 .grid_1 {
103 | width: 30px;
104 | }
105 |
106 | .container_24 .grid_2 {
107 | width: 70px;
108 | }
109 |
110 | .container_24 .grid_3 {
111 | width: 110px;
112 | }
113 |
114 | .container_24 .grid_4 {
115 | width: 150px;
116 | }
117 |
118 | .container_24 .grid_5 {
119 | width: 190px;
120 | }
121 |
122 | .container_24 .grid_6 {
123 | width: 230px;
124 | }
125 |
126 | .container_24 .grid_7 {
127 | width: 270px;
128 | }
129 |
130 | .container_24 .grid_8 {
131 | width: 310px;
132 | }
133 |
134 | .container_24 .grid_9 {
135 | width: 350px;
136 | }
137 |
138 | .container_24 .grid_10 {
139 | width: 390px;
140 | }
141 |
142 | .container_24 .grid_11 {
143 | width: 430px;
144 | }
145 |
146 | .container_24 .grid_12 {
147 | width: 470px;
148 | }
149 |
150 | .container_24 .grid_13 {
151 | width: 510px;
152 | }
153 |
154 | .container_24 .grid_14 {
155 | width: 550px;
156 | }
157 |
158 | .container_24 .grid_15 {
159 | width: 590px;
160 | }
161 |
162 | .container_24 .grid_16 {
163 | width: 630px;
164 | }
165 |
166 | .container_24 .grid_17 {
167 | width: 670px;
168 | }
169 |
170 | .container_24 .grid_18 {
171 | width: 710px;
172 | }
173 |
174 | .container_24 .grid_19 {
175 | width: 750px;
176 | }
177 |
178 | .container_24 .grid_20 {
179 | width: 790px;
180 | }
181 |
182 | .container_24 .grid_21 {
183 | width: 830px;
184 | }
185 |
186 | .container_24 .grid_22 {
187 | width: 870px;
188 | }
189 |
190 | .container_24 .grid_23 {
191 | width: 910px;
192 | }
193 |
194 | .container_24 .grid_24 {
195 | width: 950px;
196 | }
197 |
198 | /* `Prefix Extra Space >> 24 Columns
199 | ----------------------------------------------------------------------------------------------------*/
200 |
201 | .container_24 .prefix_1 {
202 | padding-left: 40px;
203 | }
204 |
205 | .container_24 .prefix_2 {
206 | padding-left: 80px;
207 | }
208 |
209 | .container_24 .prefix_3 {
210 | padding-left: 120px;
211 | }
212 |
213 | .container_24 .prefix_4 {
214 | padding-left: 160px;
215 | }
216 |
217 | .container_24 .prefix_5 {
218 | padding-left: 200px;
219 | }
220 |
221 | .container_24 .prefix_6 {
222 | padding-left: 240px;
223 | }
224 |
225 | .container_24 .prefix_7 {
226 | padding-left: 280px;
227 | }
228 |
229 | .container_24 .prefix_8 {
230 | padding-left: 320px;
231 | }
232 |
233 | .container_24 .prefix_9 {
234 | padding-left: 360px;
235 | }
236 |
237 | .container_24 .prefix_10 {
238 | padding-left: 400px;
239 | }
240 |
241 | .container_24 .prefix_11 {
242 | padding-left: 440px;
243 | }
244 |
245 | .container_24 .prefix_12 {
246 | padding-left: 480px;
247 | }
248 |
249 | .container_24 .prefix_13 {
250 | padding-left: 520px;
251 | }
252 |
253 | .container_24 .prefix_14 {
254 | padding-left: 560px;
255 | }
256 |
257 | .container_24 .prefix_15 {
258 | padding-left: 600px;
259 | }
260 |
261 | .container_24 .prefix_16 {
262 | padding-left: 640px;
263 | }
264 |
265 | .container_24 .prefix_17 {
266 | padding-left: 680px;
267 | }
268 |
269 | .container_24 .prefix_18 {
270 | padding-left: 720px;
271 | }
272 |
273 | .container_24 .prefix_19 {
274 | padding-left: 760px;
275 | }
276 |
277 | .container_24 .prefix_20 {
278 | padding-left: 800px;
279 | }
280 |
281 | .container_24 .prefix_21 {
282 | padding-left: 840px;
283 | }
284 |
285 | .container_24 .prefix_22 {
286 | padding-left: 880px;
287 | }
288 |
289 | .container_24 .prefix_23 {
290 | padding-left: 920px;
291 | }
292 |
293 | /* `Suffix Extra Space >> 24 Columns
294 | ----------------------------------------------------------------------------------------------------*/
295 |
296 | .container_24 .suffix_1 {
297 | padding-right: 40px;
298 | }
299 |
300 | .container_24 .suffix_2 {
301 | padding-right: 80px;
302 | }
303 |
304 | .container_24 .suffix_3 {
305 | padding-right: 120px;
306 | }
307 |
308 | .container_24 .suffix_4 {
309 | padding-right: 160px;
310 | }
311 |
312 | .container_24 .suffix_5 {
313 | padding-right: 200px;
314 | }
315 |
316 | .container_24 .suffix_6 {
317 | padding-right: 240px;
318 | }
319 |
320 | .container_24 .suffix_7 {
321 | padding-right: 280px;
322 | }
323 |
324 | .container_24 .suffix_8 {
325 | padding-right: 320px;
326 | }
327 |
328 | .container_24 .suffix_9 {
329 | padding-right: 360px;
330 | }
331 |
332 | .container_24 .suffix_10 {
333 | padding-right: 400px;
334 | }
335 |
336 | .container_24 .suffix_11 {
337 | padding-right: 440px;
338 | }
339 |
340 | .container_24 .suffix_12 {
341 | padding-right: 480px;
342 | }
343 |
344 | .container_24 .suffix_13 {
345 | padding-right: 520px;
346 | }
347 |
348 | .container_24 .suffix_14 {
349 | padding-right: 560px;
350 | }
351 |
352 | .container_24 .suffix_15 {
353 | padding-right: 600px;
354 | }
355 |
356 | .container_24 .suffix_16 {
357 | padding-right: 640px;
358 | }
359 |
360 | .container_24 .suffix_17 {
361 | padding-right: 680px;
362 | }
363 |
364 | .container_24 .suffix_18 {
365 | padding-right: 720px;
366 | }
367 |
368 | .container_24 .suffix_19 {
369 | padding-right: 760px;
370 | }
371 |
372 | .container_24 .suffix_20 {
373 | padding-right: 800px;
374 | }
375 |
376 | .container_24 .suffix_21 {
377 | padding-right: 840px;
378 | }
379 |
380 | .container_24 .suffix_22 {
381 | padding-right: 880px;
382 | }
383 |
384 | .container_24 .suffix_23 {
385 | padding-right: 920px;
386 | }
387 |
388 | /* `Push Space >> 24 Columns
389 | ----------------------------------------------------------------------------------------------------*/
390 |
391 | .container_24 .push_1 {
392 | left: 40px;
393 | }
394 |
395 | .container_24 .push_2 {
396 | left: 80px;
397 | }
398 |
399 | .container_24 .push_3 {
400 | left: 120px;
401 | }
402 |
403 | .container_24 .push_4 {
404 | left: 160px;
405 | }
406 |
407 | .container_24 .push_5 {
408 | left: 200px;
409 | }
410 |
411 | .container_24 .push_6 {
412 | left: 240px;
413 | }
414 |
415 | .container_24 .push_7 {
416 | left: 280px;
417 | }
418 |
419 | .container_24 .push_8 {
420 | left: 320px;
421 | }
422 |
423 | .container_24 .push_9 {
424 | left: 360px;
425 | }
426 |
427 | .container_24 .push_10 {
428 | left: 400px;
429 | }
430 |
431 | .container_24 .push_11 {
432 | left: 440px;
433 | }
434 |
435 | .container_24 .push_12 {
436 | left: 480px;
437 | }
438 |
439 | .container_24 .push_13 {
440 | left: 520px;
441 | }
442 |
443 | .container_24 .push_14 {
444 | left: 560px;
445 | }
446 |
447 | .container_24 .push_15 {
448 | left: 600px;
449 | }
450 |
451 | .container_24 .push_16 {
452 | left: 640px;
453 | }
454 |
455 | .container_24 .push_17 {
456 | left: 680px;
457 | }
458 |
459 | .container_24 .push_18 {
460 | left: 720px;
461 | }
462 |
463 | .container_24 .push_19 {
464 | left: 760px;
465 | }
466 |
467 | .container_24 .push_20 {
468 | left: 800px;
469 | }
470 |
471 | .container_24 .push_21 {
472 | left: 840px;
473 | }
474 |
475 | .container_24 .push_22 {
476 | left: 880px;
477 | }
478 |
479 | .container_24 .push_23 {
480 | left: 920px;
481 | }
482 |
483 | /* `Pull Space >> 24 Columns
484 | ----------------------------------------------------------------------------------------------------*/
485 |
486 | .container_24 .pull_1 {
487 | left: -40px;
488 | }
489 |
490 | .container_24 .pull_2 {
491 | left: -80px;
492 | }
493 |
494 | .container_24 .pull_3 {
495 | left: -120px;
496 | }
497 |
498 | .container_24 .pull_4 {
499 | left: -160px;
500 | }
501 |
502 | .container_24 .pull_5 {
503 | left: -200px;
504 | }
505 |
506 | .container_24 .pull_6 {
507 | left: -240px;
508 | }
509 |
510 | .container_24 .pull_7 {
511 | left: -280px;
512 | }
513 |
514 | .container_24 .pull_8 {
515 | left: -320px;
516 | }
517 |
518 | .container_24 .pull_9 {
519 | left: -360px;
520 | }
521 |
522 | .container_24 .pull_10 {
523 | left: -400px;
524 | }
525 |
526 | .container_24 .pull_11 {
527 | left: -440px;
528 | }
529 |
530 | .container_24 .pull_12 {
531 | left: -480px;
532 | }
533 |
534 | .container_24 .pull_13 {
535 | left: -520px;
536 | }
537 |
538 | .container_24 .pull_14 {
539 | left: -560px;
540 | }
541 |
542 | .container_24 .pull_15 {
543 | left: -600px;
544 | }
545 |
546 | .container_24 .pull_16 {
547 | left: -640px;
548 | }
549 |
550 | .container_24 .pull_17 {
551 | left: -680px;
552 | }
553 |
554 | .container_24 .pull_18 {
555 | left: -720px;
556 | }
557 |
558 | .container_24 .pull_19 {
559 | left: -760px;
560 | }
561 |
562 | .container_24 .pull_20 {
563 | left: -800px;
564 | }
565 |
566 | .container_24 .pull_21 {
567 | left: -840px;
568 | }
569 |
570 | .container_24 .pull_22 {
571 | left: -880px;
572 | }
573 |
574 | .container_24 .pull_23 {
575 | left: -920px;
576 | }
577 |
578 | /* `Clear Floated Elements
579 | ----------------------------------------------------------------------------------------------------*/
580 |
581 | /* http://sonspring.com/journal/clearing-floats */
582 |
583 | .clear {
584 | clear: both;
585 | display: block;
586 | overflow: hidden;
587 | visibility: hidden;
588 | width: 0;
589 | height: 0;
590 | }
591 |
592 | /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
593 |
594 | .clearfix:before,
595 | .clearfix:after,
596 | .container_24:before,
597 | .container_24:after {
598 | content: '.';
599 | display: block;
600 | overflow: hidden;
601 | visibility: hidden;
602 | font-size: 0;
603 | line-height: 0;
604 | width: 0;
605 | height: 0;
606 | }
607 |
608 | .clearfix:after,
609 | .container_24:after {
610 | clear: both;
611 | }
612 |
613 | /*
614 | The following zoom:1 rule is specifically for IE6 + IE7.
615 | Move to separate stylesheet if invalid CSS is a problem.
616 | */
617 |
618 | .clearfix,
619 | .container_24 {
620 | zoom: 1;
621 | }
--------------------------------------------------------------------------------
/code/css/960_24_col_rtl.css:
--------------------------------------------------------------------------------
1 | /*
2 | 960 Grid System ~ Core CSS.
3 | Learn more ~ http://960.gs/
4 |
5 | Licensed under GPL and MIT.
6 | */
7 |
8 | /*
9 | Forces backgrounds to span full width,
10 | even if there is horizontal scrolling.
11 | Increase this if your layout is wider.
12 |
13 | Note: IE6 works fine without this fix.
14 | */
15 |
16 | body {
17 | min-width: 960px;
18 | }
19 |
20 | /* `Container
21 | ----------------------------------------------------------------------------------------------------*/
22 |
23 | .container_24 {
24 | margin-right: auto;
25 | margin-left: auto;
26 | width: 960px;
27 | }
28 |
29 | /* `Grid >> Global
30 | ----------------------------------------------------------------------------------------------------*/
31 |
32 | .grid_1,
33 | .grid_2,
34 | .grid_3,
35 | .grid_4,
36 | .grid_5,
37 | .grid_6,
38 | .grid_7,
39 | .grid_8,
40 | .grid_9,
41 | .grid_10,
42 | .grid_11,
43 | .grid_12,
44 | .grid_13,
45 | .grid_14,
46 | .grid_15,
47 | .grid_16,
48 | .grid_17,
49 | .grid_18,
50 | .grid_19,
51 | .grid_20,
52 | .grid_21,
53 | .grid_22,
54 | .grid_23,
55 | .grid_24 {
56 | display: inline;
57 | float: right;
58 | margin-right: 5px;
59 | margin-left: 5px;
60 | }
61 |
62 | .push_1, .pull_1,
63 | .push_2, .pull_2,
64 | .push_3, .pull_3,
65 | .push_4, .pull_4,
66 | .push_5, .pull_5,
67 | .push_6, .pull_6,
68 | .push_7, .pull_7,
69 | .push_8, .pull_8,
70 | .push_9, .pull_9,
71 | .push_10, .pull_10,
72 | .push_11, .pull_11,
73 | .push_12, .pull_12,
74 | .push_13, .pull_13,
75 | .push_14, .pull_14,
76 | .push_15, .pull_15,
77 | .push_16, .pull_16,
78 | .push_17, .pull_17,
79 | .push_18, .pull_18,
80 | .push_19, .pull_19,
81 | .push_20, .pull_20,
82 | .push_21, .pull_21,
83 | .push_22, .pull_22,
84 | .push_23, .pull_23 {
85 | position: relative;
86 | }
87 |
88 | /* `Grid >> Children (Alpha ~ First, Omega ~ Last)
89 | ----------------------------------------------------------------------------------------------------*/
90 |
91 | .alpha {
92 | margin-right: 0;
93 | }
94 |
95 | .omega {
96 | margin-left: 0;
97 | }
98 |
99 | /* `Grid >> 24 Columns
100 | ----------------------------------------------------------------------------------------------------*/
101 |
102 | .container_24 .grid_1 {
103 | width: 30px;
104 | }
105 |
106 | .container_24 .grid_2 {
107 | width: 70px;
108 | }
109 |
110 | .container_24 .grid_3 {
111 | width: 110px;
112 | }
113 |
114 | .container_24 .grid_4 {
115 | width: 150px;
116 | }
117 |
118 | .container_24 .grid_5 {
119 | width: 190px;
120 | }
121 |
122 | .container_24 .grid_6 {
123 | width: 230px;
124 | }
125 |
126 | .container_24 .grid_7 {
127 | width: 270px;
128 | }
129 |
130 | .container_24 .grid_8 {
131 | width: 310px;
132 | }
133 |
134 | .container_24 .grid_9 {
135 | width: 350px;
136 | }
137 |
138 | .container_24 .grid_10 {
139 | width: 390px;
140 | }
141 |
142 | .container_24 .grid_11 {
143 | width: 430px;
144 | }
145 |
146 | .container_24 .grid_12 {
147 | width: 470px;
148 | }
149 |
150 | .container_24 .grid_13 {
151 | width: 510px;
152 | }
153 |
154 | .container_24 .grid_14 {
155 | width: 550px;
156 | }
157 |
158 | .container_24 .grid_15 {
159 | width: 590px;
160 | }
161 |
162 | .container_24 .grid_16 {
163 | width: 630px;
164 | }
165 |
166 | .container_24 .grid_17 {
167 | width: 670px;
168 | }
169 |
170 | .container_24 .grid_18 {
171 | width: 710px;
172 | }
173 |
174 | .container_24 .grid_19 {
175 | width: 750px;
176 | }
177 |
178 | .container_24 .grid_20 {
179 | width: 790px;
180 | }
181 |
182 | .container_24 .grid_21 {
183 | width: 830px;
184 | }
185 |
186 | .container_24 .grid_22 {
187 | width: 870px;
188 | }
189 |
190 | .container_24 .grid_23 {
191 | width: 910px;
192 | }
193 |
194 | .container_24 .grid_24 {
195 | width: 950px;
196 | }
197 |
198 | /* `Prefix Extra Space >> 24 Columns
199 | ----------------------------------------------------------------------------------------------------*/
200 |
201 | .container_24 .prefix_1 {
202 | padding-right: 40px;
203 | }
204 |
205 | .container_24 .prefix_2 {
206 | padding-right: 80px;
207 | }
208 |
209 | .container_24 .prefix_3 {
210 | padding-right: 120px;
211 | }
212 |
213 | .container_24 .prefix_4 {
214 | padding-right: 160px;
215 | }
216 |
217 | .container_24 .prefix_5 {
218 | padding-right: 200px;
219 | }
220 |
221 | .container_24 .prefix_6 {
222 | padding-right: 240px;
223 | }
224 |
225 | .container_24 .prefix_7 {
226 | padding-right: 280px;
227 | }
228 |
229 | .container_24 .prefix_8 {
230 | padding-right: 320px;
231 | }
232 |
233 | .container_24 .prefix_9 {
234 | padding-right: 360px;
235 | }
236 |
237 | .container_24 .prefix_10 {
238 | padding-right: 400px;
239 | }
240 |
241 | .container_24 .prefix_11 {
242 | padding-right: 440px;
243 | }
244 |
245 | .container_24 .prefix_12 {
246 | padding-right: 480px;
247 | }
248 |
249 | .container_24 .prefix_13 {
250 | padding-right: 520px;
251 | }
252 |
253 | .container_24 .prefix_14 {
254 | padding-right: 560px;
255 | }
256 |
257 | .container_24 .prefix_15 {
258 | padding-right: 600px;
259 | }
260 |
261 | .container_24 .prefix_16 {
262 | padding-right: 640px;
263 | }
264 |
265 | .container_24 .prefix_17 {
266 | padding-right: 680px;
267 | }
268 |
269 | .container_24 .prefix_18 {
270 | padding-right: 720px;
271 | }
272 |
273 | .container_24 .prefix_19 {
274 | padding-right: 760px;
275 | }
276 |
277 | .container_24 .prefix_20 {
278 | padding-right: 800px;
279 | }
280 |
281 | .container_24 .prefix_21 {
282 | padding-right: 840px;
283 | }
284 |
285 | .container_24 .prefix_22 {
286 | padding-right: 880px;
287 | }
288 |
289 | .container_24 .prefix_23 {
290 | padding-right: 920px;
291 | }
292 |
293 | /* `Suffix Extra Space >> 24 Columns
294 | ----------------------------------------------------------------------------------------------------*/
295 |
296 | .container_24 .suffix_1 {
297 | padding-left: 40px;
298 | }
299 |
300 | .container_24 .suffix_2 {
301 | padding-left: 80px;
302 | }
303 |
304 | .container_24 .suffix_3 {
305 | padding-left: 120px;
306 | }
307 |
308 | .container_24 .suffix_4 {
309 | padding-left: 160px;
310 | }
311 |
312 | .container_24 .suffix_5 {
313 | padding-left: 200px;
314 | }
315 |
316 | .container_24 .suffix_6 {
317 | padding-left: 240px;
318 | }
319 |
320 | .container_24 .suffix_7 {
321 | padding-left: 280px;
322 | }
323 |
324 | .container_24 .suffix_8 {
325 | padding-left: 320px;
326 | }
327 |
328 | .container_24 .suffix_9 {
329 | padding-left: 360px;
330 | }
331 |
332 | .container_24 .suffix_10 {
333 | padding-left: 400px;
334 | }
335 |
336 | .container_24 .suffix_11 {
337 | padding-left: 440px;
338 | }
339 |
340 | .container_24 .suffix_12 {
341 | padding-left: 480px;
342 | }
343 |
344 | .container_24 .suffix_13 {
345 | padding-left: 520px;
346 | }
347 |
348 | .container_24 .suffix_14 {
349 | padding-left: 560px;
350 | }
351 |
352 | .container_24 .suffix_15 {
353 | padding-left: 600px;
354 | }
355 |
356 | .container_24 .suffix_16 {
357 | padding-left: 640px;
358 | }
359 |
360 | .container_24 .suffix_17 {
361 | padding-left: 680px;
362 | }
363 |
364 | .container_24 .suffix_18 {
365 | padding-left: 720px;
366 | }
367 |
368 | .container_24 .suffix_19 {
369 | padding-left: 760px;
370 | }
371 |
372 | .container_24 .suffix_20 {
373 | padding-left: 800px;
374 | }
375 |
376 | .container_24 .suffix_21 {
377 | padding-left: 840px;
378 | }
379 |
380 | .container_24 .suffix_22 {
381 | padding-left: 880px;
382 | }
383 |
384 | .container_24 .suffix_23 {
385 | padding-left: 920px;
386 | }
387 |
388 | /* `Push Space >> 24 Columns
389 | ----------------------------------------------------------------------------------------------------*/
390 |
391 | .container_24 .push_1 {
392 | right: 40px;
393 | }
394 |
395 | .container_24 .push_2 {
396 | right: 80px;
397 | }
398 |
399 | .container_24 .push_3 {
400 | right: 120px;
401 | }
402 |
403 | .container_24 .push_4 {
404 | right: 160px;
405 | }
406 |
407 | .container_24 .push_5 {
408 | right: 200px;
409 | }
410 |
411 | .container_24 .push_6 {
412 | right: 240px;
413 | }
414 |
415 | .container_24 .push_7 {
416 | right: 280px;
417 | }
418 |
419 | .container_24 .push_8 {
420 | right: 320px;
421 | }
422 |
423 | .container_24 .push_9 {
424 | right: 360px;
425 | }
426 |
427 | .container_24 .push_10 {
428 | right: 400px;
429 | }
430 |
431 | .container_24 .push_11 {
432 | right: 440px;
433 | }
434 |
435 | .container_24 .push_12 {
436 | right: 480px;
437 | }
438 |
439 | .container_24 .push_13 {
440 | right: 520px;
441 | }
442 |
443 | .container_24 .push_14 {
444 | right: 560px;
445 | }
446 |
447 | .container_24 .push_15 {
448 | right: 600px;
449 | }
450 |
451 | .container_24 .push_16 {
452 | right: 640px;
453 | }
454 |
455 | .container_24 .push_17 {
456 | right: 680px;
457 | }
458 |
459 | .container_24 .push_18 {
460 | right: 720px;
461 | }
462 |
463 | .container_24 .push_19 {
464 | right: 760px;
465 | }
466 |
467 | .container_24 .push_20 {
468 | right: 800px;
469 | }
470 |
471 | .container_24 .push_21 {
472 | right: 840px;
473 | }
474 |
475 | .container_24 .push_22 {
476 | right: 880px;
477 | }
478 |
479 | .container_24 .push_23 {
480 | right: 920px;
481 | }
482 |
483 | /* `Pull Space >> 24 Columns
484 | ----------------------------------------------------------------------------------------------------*/
485 |
486 | .container_24 .pull_1 {
487 | right: -40px;
488 | }
489 |
490 | .container_24 .pull_2 {
491 | right: -80px;
492 | }
493 |
494 | .container_24 .pull_3 {
495 | right: -120px;
496 | }
497 |
498 | .container_24 .pull_4 {
499 | right: -160px;
500 | }
501 |
502 | .container_24 .pull_5 {
503 | right: -200px;
504 | }
505 |
506 | .container_24 .pull_6 {
507 | right: -240px;
508 | }
509 |
510 | .container_24 .pull_7 {
511 | right: -280px;
512 | }
513 |
514 | .container_24 .pull_8 {
515 | right: -320px;
516 | }
517 |
518 | .container_24 .pull_9 {
519 | right: -360px;
520 | }
521 |
522 | .container_24 .pull_10 {
523 | right: -400px;
524 | }
525 |
526 | .container_24 .pull_11 {
527 | right: -440px;
528 | }
529 |
530 | .container_24 .pull_12 {
531 | right: -480px;
532 | }
533 |
534 | .container_24 .pull_13 {
535 | right: -520px;
536 | }
537 |
538 | .container_24 .pull_14 {
539 | right: -560px;
540 | }
541 |
542 | .container_24 .pull_15 {
543 | right: -600px;
544 | }
545 |
546 | .container_24 .pull_16 {
547 | right: -640px;
548 | }
549 |
550 | .container_24 .pull_17 {
551 | right: -680px;
552 | }
553 |
554 | .container_24 .pull_18 {
555 | right: -720px;
556 | }
557 |
558 | .container_24 .pull_19 {
559 | right: -760px;
560 | }
561 |
562 | .container_24 .pull_20 {
563 | right: -800px;
564 | }
565 |
566 | .container_24 .pull_21 {
567 | right: -840px;
568 | }
569 |
570 | .container_24 .pull_22 {
571 | right: -880px;
572 | }
573 |
574 | .container_24 .pull_23 {
575 | right: -920px;
576 | }
577 |
578 | /* `Clear Floated Elements
579 | ----------------------------------------------------------------------------------------------------*/
580 |
581 | /* http://sonspring.com/journal/clearing-floats */
582 |
583 | .clear {
584 | clear: both;
585 | display: block;
586 | overflow: hidden;
587 | visibility: hidden;
588 | width: 0;
589 | height: 0;
590 | }
591 |
592 | /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
593 |
594 | .clearfix:before,
595 | .clearfix:after,
596 | .container_24:before,
597 | .container_24:after {
598 | content: '.';
599 | display: block;
600 | overflow: hidden;
601 | visibility: hidden;
602 | font-size: 0;
603 | line-height: 0;
604 | width: 0;
605 | height: 0;
606 | }
607 |
608 | .clearfix:after,
609 | .container_24:after {
610 | clear: both;
611 | }
612 |
613 | /*
614 | The following zoom:1 rule is specifically for IE6 + IE7.
615 | Move to separate stylesheet if invalid CSS is a problem.
616 | */
617 |
618 | .clearfix,
619 | .container_24 {
620 | zoom: 1;
621 | }
--------------------------------------------------------------------------------
/code/css/demo.css:
--------------------------------------------------------------------------------
1 | body {
2 | background: #123;
3 | color: #333;
4 | font-size: 11px;
5 | height: auto;
6 | padding-bottom: 20px;
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 | padding-top: 20px;
22 | text-align: center;
23 | }
24 |
25 | h2 {
26 | padding-top: 20px;
27 | text-align: center;
28 | }
29 |
30 | p {
31 | border: 1px solid #666;
32 | overflow: hidden;
33 | padding: 10px 0;
34 | text-align: center;
35 | }
36 |
37 | .container_12,
38 | .container_16,
39 | .container_24 {
40 | background-color: #fff;
41 | background-repeat: repeat-y;
42 | margin-bottom: 20px;
43 | }
44 |
45 | .container_12 {
46 | background-image: url(../img/12_col.gif);
47 | }
48 |
49 | .container_16 {
50 | background-image: url(../img/16_col.gif);
51 | }
52 |
53 | .container_24 {
54 | background-image: url(../img/24_col.gif);
55 | }
--------------------------------------------------------------------------------
/code/css/min/960.css:
--------------------------------------------------------------------------------
1 | body{min-width:960px}.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15{position:relative}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after,.container_16:before,.container_16:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after,.container_16:after{clear:both}.clearfix,.container_12,.container_16{zoom:1}
--------------------------------------------------------------------------------
/code/css/min/960_12_col.css:
--------------------------------------------------------------------------------
1 | body{min-width:960px}.container_12{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_3{width:220px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_6{width:460px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_9{width:700px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_12 .grid_12{width:940px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_3{padding-left:240px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_6{padding-left:480px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_9{padding-left:720px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_3{padding-right:240px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_6{padding-right:480px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_9{padding-right:720px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_3{left:240px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_6{left:480px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_9{left:720px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_3{left:-240px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_6{left:-480px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_9{left:-720px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1}
--------------------------------------------------------------------------------
/code/css/min/960_12_col_rtl.css:
--------------------------------------------------------------------------------
1 | body{min-width:960px}.container_12{margin-right:auto;margin-left:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:right;margin-right:10px;margin-left:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-right:0}.omega{margin-left:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_3{width:220px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_6{width:460px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_9{width:700px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_12 .grid_12{width:940px}.container_12 .prefix_1{padding-right:80px}.container_12 .prefix_2{padding-right:160px}.container_12 .prefix_3{padding-right:240px}.container_12 .prefix_4{padding-right:320px}.container_12 .prefix_5{padding-right:400px}.container_12 .prefix_6{padding-right:480px}.container_12 .prefix_7{padding-right:560px}.container_12 .prefix_8{padding-right:640px}.container_12 .prefix_9{padding-right:720px}.container_12 .prefix_10{padding-right:800px}.container_12 .prefix_11{padding-right:880px}.container_12 .suffix_1{padding-left:80px}.container_12 .suffix_2{padding-left:160px}.container_12 .suffix_3{padding-left:240px}.container_12 .suffix_4{padding-left:320px}.container_12 .suffix_5{padding-left:400px}.container_12 .suffix_6{padding-left:480px}.container_12 .suffix_7{padding-left:560px}.container_12 .suffix_8{padding-left:640px}.container_12 .suffix_9{padding-left:720px}.container_12 .suffix_10{padding-left:800px}.container_12 .suffix_11{padding-left:880px}.container_12 .push_1{right:80px}.container_12 .push_2{right:160px}.container_12 .push_3{right:240px}.container_12 .push_4{right:320px}.container_12 .push_5{right:400px}.container_12 .push_6{right:480px}.container_12 .push_7{right:560px}.container_12 .push_8{right:640px}.container_12 .push_9{right:720px}.container_12 .push_10{right:800px}.container_12 .push_11{right:880px}.container_12 .pull_1{right:-80px}.container_12 .pull_2{right:-160px}.container_12 .pull_3{right:-240px}.container_12 .pull_4{right:-320px}.container_12 .pull_5{right:-400px}.container_12 .pull_6{right:-480px}.container_12 .pull_7{right:-560px}.container_12 .pull_8{right:-640px}.container_12 .pull_9{right:-720px}.container_12 .pull_10{right:-800px}.container_12 .pull_11{right:-880px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1}
--------------------------------------------------------------------------------
/code/css/min/960_16_col.css:
--------------------------------------------------------------------------------
1 | body{min-width:960px}.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15,.push_16,.pull_16{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_4{width:220px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_8{width:460px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_12{width:700px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_16 .grid_16{width:940px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_4{padding-left:240px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_8{padding-left:480px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_12{padding-left:720px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_4{padding-right:240px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_8{padding-right:480px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_12{padding-right:720px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_4{left:240px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_8{left:480px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_12{left:720px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_4{left:-240px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_8{left:-480px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_12{left:-720px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_16:before,.container_16:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_16:after{clear:both}.clearfix,.container_16{zoom:1}
--------------------------------------------------------------------------------
/code/css/min/960_16_col_rtl.css:
--------------------------------------------------------------------------------
1 | body{min-width:960px}.container_16{margin-right:auto;margin-left:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:right;margin-right:10px;margin-left:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15,.push_16,.pull_16{position:relative}.alpha{margin-right:0}.omega{margin-left:0}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_4{width:220px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_8{width:460px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_12{width:700px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_16 .grid_16{width:940px}.container_16 .prefix_1{padding-right:60px}.container_16 .prefix_2{padding-right:120px}.container_16 .prefix_3{padding-right:180px}.container_16 .prefix_4{padding-right:240px}.container_16 .prefix_5{padding-right:300px}.container_16 .prefix_6{padding-right:360px}.container_16 .prefix_7{padding-right:420px}.container_16 .prefix_8{padding-right:480px}.container_16 .prefix_9{padding-right:540px}.container_16 .prefix_10{padding-right:600px}.container_16 .prefix_11{padding-right:660px}.container_16 .prefix_12{padding-right:720px}.container_16 .prefix_13{padding-right:780px}.container_16 .prefix_14{padding-right:840px}.container_16 .prefix_15{padding-right:900px}.container_16 .suffix_1{padding-left:60px}.container_16 .suffix_2{padding-left:120px}.container_16 .suffix_3{padding-left:180px}.container_16 .suffix_4{padding-left:240px}.container_16 .suffix_5{padding-left:300px}.container_16 .suffix_6{padding-left:360px}.container_16 .suffix_7{padding-left:420px}.container_16 .suffix_8{padding-left:480px}.container_16 .suffix_9{padding-left:540px}.container_16 .suffix_10{padding-left:600px}.container_16 .suffix_11{padding-left:660px}.container_16 .suffix_12{padding-left:720px}.container_16 .suffix_13{padding-left:780px}.container_16 .suffix_14{padding-left:840px}.container_16 .suffix_15{padding-left:900px}.container_16 .push_1{right:60px}.container_16 .push_2{right:120px}.container_16 .push_3{right:180px}.container_16 .push_4{right:240px}.container_16 .push_5{right:300px}.container_16 .push_6{right:360px}.container_16 .push_7{right:420px}.container_16 .push_8{right:480px}.container_16 .push_9{right:540px}.container_16 .push_10{right:600px}.container_16 .push_11{right:660px}.container_16 .push_12{right:720px}.container_16 .push_13{right:780px}.container_16 .push_14{right:840px}.container_16 .push_15{right:900px}.container_16 .pull_1{right:-60px}.container_16 .pull_2{right:-120px}.container_16 .pull_3{right:-180px}.container_16 .pull_4{right:-240px}.container_16 .pull_5{right:-300px}.container_16 .pull_6{right:-360px}.container_16 .pull_7{right:-420px}.container_16 .pull_8{right:-480px}.container_16 .pull_9{right:-540px}.container_16 .pull_10{right:-600px}.container_16 .pull_11{right:-660px}.container_16 .pull_12{right:-720px}.container_16 .pull_13{right:-780px}.container_16 .pull_14{right:-840px}.container_16 .pull_15{right:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_16:before,.container_16:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_16:after{clear:both}.clearfix,.container_16{zoom:1}
--------------------------------------------------------------------------------
/code/css/min/960_24_col.css:
--------------------------------------------------------------------------------
1 | body{min-width:960px}.container_24{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24{display:inline;float:left;margin-left:5px;margin-right:5px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15,.push_16,.pull_16,.push_17,.pull_17,.push_18,.pull_18,.push_19,.pull_19,.push_20,.pull_20,.push_21,.pull_21,.push_22,.pull_22,.push_23,.pull_23{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_24 .grid_1{width:30px}.container_24 .grid_2{width:70px}.container_24 .grid_3{width:110px}.container_24 .grid_4{width:150px}.container_24 .grid_5{width:190px}.container_24 .grid_6{width:230px}.container_24 .grid_7{width:270px}.container_24 .grid_8{width:310px}.container_24 .grid_9{width:350px}.container_24 .grid_10{width:390px}.container_24 .grid_11{width:430px}.container_24 .grid_12{width:470px}.container_24 .grid_13{width:510px}.container_24 .grid_14{width:550px}.container_24 .grid_15{width:590px}.container_24 .grid_16{width:630px}.container_24 .grid_17{width:670px}.container_24 .grid_18{width:710px}.container_24 .grid_19{width:750px}.container_24 .grid_20{width:790px}.container_24 .grid_21{width:830px}.container_24 .grid_22{width:870px}.container_24 .grid_23{width:910px}.container_24 .grid_24{width:950px}.container_24 .prefix_1{padding-left:40px}.container_24 .prefix_2{padding-left:80px}.container_24 .prefix_3{padding-left:120px}.container_24 .prefix_4{padding-left:160px}.container_24 .prefix_5{padding-left:200px}.container_24 .prefix_6{padding-left:240px}.container_24 .prefix_7{padding-left:280px}.container_24 .prefix_8{padding-left:320px}.container_24 .prefix_9{padding-left:360px}.container_24 .prefix_10{padding-left:400px}.container_24 .prefix_11{padding-left:440px}.container_24 .prefix_12{padding-left:480px}.container_24 .prefix_13{padding-left:520px}.container_24 .prefix_14{padding-left:560px}.container_24 .prefix_15{padding-left:600px}.container_24 .prefix_16{padding-left:640px}.container_24 .prefix_17{padding-left:680px}.container_24 .prefix_18{padding-left:720px}.container_24 .prefix_19{padding-left:760px}.container_24 .prefix_20{padding-left:800px}.container_24 .prefix_21{padding-left:840px}.container_24 .prefix_22{padding-left:880px}.container_24 .prefix_23{padding-left:920px}.container_24 .suffix_1{padding-right:40px}.container_24 .suffix_2{padding-right:80px}.container_24 .suffix_3{padding-right:120px}.container_24 .suffix_4{padding-right:160px}.container_24 .suffix_5{padding-right:200px}.container_24 .suffix_6{padding-right:240px}.container_24 .suffix_7{padding-right:280px}.container_24 .suffix_8{padding-right:320px}.container_24 .suffix_9{padding-right:360px}.container_24 .suffix_10{padding-right:400px}.container_24 .suffix_11{padding-right:440px}.container_24 .suffix_12{padding-right:480px}.container_24 .suffix_13{padding-right:520px}.container_24 .suffix_14{padding-right:560px}.container_24 .suffix_15{padding-right:600px}.container_24 .suffix_16{padding-right:640px}.container_24 .suffix_17{padding-right:680px}.container_24 .suffix_18{padding-right:720px}.container_24 .suffix_19{padding-right:760px}.container_24 .suffix_20{padding-right:800px}.container_24 .suffix_21{padding-right:840px}.container_24 .suffix_22{padding-right:880px}.container_24 .suffix_23{padding-right:920px}.container_24 .push_1{left:40px}.container_24 .push_2{left:80px}.container_24 .push_3{left:120px}.container_24 .push_4{left:160px}.container_24 .push_5{left:200px}.container_24 .push_6{left:240px}.container_24 .push_7{left:280px}.container_24 .push_8{left:320px}.container_24 .push_9{left:360px}.container_24 .push_10{left:400px}.container_24 .push_11{left:440px}.container_24 .push_12{left:480px}.container_24 .push_13{left:520px}.container_24 .push_14{left:560px}.container_24 .push_15{left:600px}.container_24 .push_16{left:640px}.container_24 .push_17{left:680px}.container_24 .push_18{left:720px}.container_24 .push_19{left:760px}.container_24 .push_20{left:800px}.container_24 .push_21{left:840px}.container_24 .push_22{left:880px}.container_24 .push_23{left:920px}.container_24 .pull_1{left:-40px}.container_24 .pull_2{left:-80px}.container_24 .pull_3{left:-120px}.container_24 .pull_4{left:-160px}.container_24 .pull_5{left:-200px}.container_24 .pull_6{left:-240px}.container_24 .pull_7{left:-280px}.container_24 .pull_8{left:-320px}.container_24 .pull_9{left:-360px}.container_24 .pull_10{left:-400px}.container_24 .pull_11{left:-440px}.container_24 .pull_12{left:-480px}.container_24 .pull_13{left:-520px}.container_24 .pull_14{left:-560px}.container_24 .pull_15{left:-600px}.container_24 .pull_16{left:-640px}.container_24 .pull_17{left:-680px}.container_24 .pull_18{left:-720px}.container_24 .pull_19{left:-760px}.container_24 .pull_20{left:-800px}.container_24 .pull_21{left:-840px}.container_24 .pull_22{left:-880px}.container_24 .pull_23{left:-920px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_24:before,.container_24:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_24:after{clear:both}.clearfix,.container_24{zoom:1}
--------------------------------------------------------------------------------
/code/css/min/960_24_col_rtl.css:
--------------------------------------------------------------------------------
1 | body{min-width:960px}.container_24{margin-right:auto;margin-left:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24{display:inline;float:right;margin-right:5px;margin-left:5px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15,.push_16,.pull_16,.push_17,.pull_17,.push_18,.pull_18,.push_19,.pull_19,.push_20,.pull_20,.push_21,.pull_21,.push_22,.pull_22,.push_23,.pull_23{position:relative}.alpha{margin-right:0}.omega{margin-left:0}.container_24 .grid_1{width:30px}.container_24 .grid_2{width:70px}.container_24 .grid_3{width:110px}.container_24 .grid_4{width:150px}.container_24 .grid_5{width:190px}.container_24 .grid_6{width:230px}.container_24 .grid_7{width:270px}.container_24 .grid_8{width:310px}.container_24 .grid_9{width:350px}.container_24 .grid_10{width:390px}.container_24 .grid_11{width:430px}.container_24 .grid_12{width:470px}.container_24 .grid_13{width:510px}.container_24 .grid_14{width:550px}.container_24 .grid_15{width:590px}.container_24 .grid_16{width:630px}.container_24 .grid_17{width:670px}.container_24 .grid_18{width:710px}.container_24 .grid_19{width:750px}.container_24 .grid_20{width:790px}.container_24 .grid_21{width:830px}.container_24 .grid_22{width:870px}.container_24 .grid_23{width:910px}.container_24 .grid_24{width:950px}.container_24 .prefix_1{padding-right:40px}.container_24 .prefix_2{padding-right:80px}.container_24 .prefix_3{padding-right:120px}.container_24 .prefix_4{padding-right:160px}.container_24 .prefix_5{padding-right:200px}.container_24 .prefix_6{padding-right:240px}.container_24 .prefix_7{padding-right:280px}.container_24 .prefix_8{padding-right:320px}.container_24 .prefix_9{padding-right:360px}.container_24 .prefix_10{padding-right:400px}.container_24 .prefix_11{padding-right:440px}.container_24 .prefix_12{padding-right:480px}.container_24 .prefix_13{padding-right:520px}.container_24 .prefix_14{padding-right:560px}.container_24 .prefix_15{padding-right:600px}.container_24 .prefix_16{padding-right:640px}.container_24 .prefix_17{padding-right:680px}.container_24 .prefix_18{padding-right:720px}.container_24 .prefix_19{padding-right:760px}.container_24 .prefix_20{padding-right:800px}.container_24 .prefix_21{padding-right:840px}.container_24 .prefix_22{padding-right:880px}.container_24 .prefix_23{padding-right:920px}.container_24 .suffix_1{padding-left:40px}.container_24 .suffix_2{padding-left:80px}.container_24 .suffix_3{padding-left:120px}.container_24 .suffix_4{padding-left:160px}.container_24 .suffix_5{padding-left:200px}.container_24 .suffix_6{padding-left:240px}.container_24 .suffix_7{padding-left:280px}.container_24 .suffix_8{padding-left:320px}.container_24 .suffix_9{padding-left:360px}.container_24 .suffix_10{padding-left:400px}.container_24 .suffix_11{padding-left:440px}.container_24 .suffix_12{padding-left:480px}.container_24 .suffix_13{padding-left:520px}.container_24 .suffix_14{padding-left:560px}.container_24 .suffix_15{padding-left:600px}.container_24 .suffix_16{padding-left:640px}.container_24 .suffix_17{padding-left:680px}.container_24 .suffix_18{padding-left:720px}.container_24 .suffix_19{padding-left:760px}.container_24 .suffix_20{padding-left:800px}.container_24 .suffix_21{padding-left:840px}.container_24 .suffix_22{padding-left:880px}.container_24 .suffix_23{padding-left:920px}.container_24 .push_1{right:40px}.container_24 .push_2{right:80px}.container_24 .push_3{right:120px}.container_24 .push_4{right:160px}.container_24 .push_5{right:200px}.container_24 .push_6{right:240px}.container_24 .push_7{right:280px}.container_24 .push_8{right:320px}.container_24 .push_9{right:360px}.container_24 .push_10{right:400px}.container_24 .push_11{right:440px}.container_24 .push_12{right:480px}.container_24 .push_13{right:520px}.container_24 .push_14{right:560px}.container_24 .push_15{right:600px}.container_24 .push_16{right:640px}.container_24 .push_17{right:680px}.container_24 .push_18{right:720px}.container_24 .push_19{right:760px}.container_24 .push_20{right:800px}.container_24 .push_21{right:840px}.container_24 .push_22{right:880px}.container_24 .push_23{right:920px}.container_24 .pull_1{right:-40px}.container_24 .pull_2{right:-80px}.container_24 .pull_3{right:-120px}.container_24 .pull_4{right:-160px}.container_24 .pull_5{right:-200px}.container_24 .pull_6{right:-240px}.container_24 .pull_7{right:-280px}.container_24 .pull_8{right:-320px}.container_24 .pull_9{right:-360px}.container_24 .pull_10{right:-400px}.container_24 .pull_11{right:-440px}.container_24 .pull_12{right:-480px}.container_24 .pull_13{right:-520px}.container_24 .pull_14{right:-560px}.container_24 .pull_15{right:-600px}.container_24 .pull_16{right:-640px}.container_24 .pull_17{right:-680px}.container_24 .pull_18{right:-720px}.container_24 .pull_19{right:-760px}.container_24 .pull_20{right:-800px}.container_24 .pull_21{right:-840px}.container_24 .pull_22{right:-880px}.container_24 .pull_23{right:-920px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_24:before,.container_24:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_24:after{clear:both}.clearfix,.container_24{zoom:1}
--------------------------------------------------------------------------------
/code/css/min/960_rtl.css:
--------------------------------------------------------------------------------
1 | body{min-width:960px}.container_12,.container_16{margin-right:auto;margin-left:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:right;margin-right:10px;margin-left:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15{position:relative}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-right:0}.omega{margin-left:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-right:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-right:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-right:720px}.container_12 .prefix_1{padding-right:80px}.container_12 .prefix_2{padding-right:160px}.container_12 .prefix_4{padding-right:320px}.container_12 .prefix_5{padding-right:400px}.container_12 .prefix_7{padding-right:560px}.container_12 .prefix_8{padding-right:640px}.container_12 .prefix_10{padding-right:800px}.container_12 .prefix_11{padding-right:880px}.container_16 .prefix_1{padding-right:60px}.container_16 .prefix_2{padding-right:120px}.container_16 .prefix_3{padding-right:180px}.container_16 .prefix_5{padding-right:300px}.container_16 .prefix_6{padding-right:360px}.container_16 .prefix_7{padding-right:420px}.container_16 .prefix_9{padding-right:540px}.container_16 .prefix_10{padding-right:600px}.container_16 .prefix_11{padding-right:660px}.container_16 .prefix_13{padding-right:780px}.container_16 .prefix_14{padding-right:840px}.container_16 .prefix_15{padding-right:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-left:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-left:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-left:720px}.container_12 .suffix_1{padding-left:80px}.container_12 .suffix_2{padding-left:160px}.container_12 .suffix_4{padding-left:320px}.container_12 .suffix_5{padding-left:400px}.container_12 .suffix_7{padding-left:560px}.container_12 .suffix_8{padding-left:640px}.container_12 .suffix_10{padding-left:800px}.container_12 .suffix_11{padding-left:880px}.container_16 .suffix_1{padding-left:60px}.container_16 .suffix_2{padding-left:120px}.container_16 .suffix_3{padding-left:180px}.container_16 .suffix_5{padding-left:300px}.container_16 .suffix_6{padding-left:360px}.container_16 .suffix_7{padding-left:420px}.container_16 .suffix_9{padding-left:540px}.container_16 .suffix_10{padding-left:600px}.container_16 .suffix_11{padding-left:660px}.container_16 .suffix_13{padding-left:780px}.container_16 .suffix_14{padding-left:840px}.container_16 .suffix_15{padding-left:900px}.container_12 .push_3,.container_16 .push_4{right:240px}.container_12 .push_6,.container_16 .push_8{right:480px}.container_12 .push_9,.container_16 .push_12{right:720px}.container_12 .push_1{right:80px}.container_12 .push_2{right:160px}.container_12 .push_4{right:320px}.container_12 .push_5{right:400px}.container_12 .push_7{right:560px}.container_12 .push_8{right:640px}.container_12 .push_10{right:800px}.container_12 .push_11{right:880px}.container_16 .push_1{right:60px}.container_16 .push_2{right:120px}.container_16 .push_3{right:180px}.container_16 .push_5{right:300px}.container_16 .push_6{right:360px}.container_16 .push_7{right:420px}.container_16 .push_9{right:540px}.container_16 .push_10{right:600px}.container_16 .push_11{right:660px}.container_16 .push_13{right:780px}.container_16 .push_14{right:840px}.container_16 .push_15{right:900px}.container_12 .pull_3,.container_16 .pull_4{right:-240px}.container_12 .pull_6,.container_16 .pull_8{right:-480px}.container_12 .pull_9,.container_16 .pull_12{right:-720px}.container_12 .pull_1{right:-80px}.container_12 .pull_2{right:-160px}.container_12 .pull_4{right:-320px}.container_12 .pull_5{right:-400px}.container_12 .pull_7{right:-560px}.container_12 .pull_8{right:-640px}.container_12 .pull_10{right:-800px}.container_12 .pull_11{right:-880px}.container_16 .pull_1{right:-60px}.container_16 .pull_2{right:-120px}.container_16 .pull_3{right:-180px}.container_16 .pull_5{right:-300px}.container_16 .pull_6{right:-360px}.container_16 .pull_7{right:-420px}.container_16 .pull_9{right:-540px}.container_16 .pull_10{right:-600px}.container_16 .pull_11{right:-660px}.container_16 .pull_13{right:-780px}.container_16 .pull_14{right:-840px}.container_16 .pull_15{right:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after,.container_16:before,.container_16:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after,.container_16:after{clear:both}.clearfix,.container_12,.container_16{zoom:1}
--------------------------------------------------------------------------------
/code/css/min/reset.css:
--------------------------------------------------------------------------------
1 | a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}html,body{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}b,strong{font-weight:bold}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item}table{border-collapse:collapse;border-spacing:0}th,td,caption{font-weight:normal;vertical-align:top;text-align:left}q{quotes:none}q:before,q:after{content:'';content:none}sub,sup,small{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}svg{overflow:hidden}
--------------------------------------------------------------------------------
/code/css/min/reset_rtl.css:
--------------------------------------------------------------------------------
1 | a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}html,body{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}b,strong{font-weight:bold}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item}table{border-collapse:collapse;border-spacing:0}th,td,caption{font-weight:normal;vertical-align:top;text-align:right}q{quotes:none}q:before,q:after{content:'';content:none}sub,sup,small{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}svg{overflow:hidden}
--------------------------------------------------------------------------------
/code/css/min/text.css:
--------------------------------------------------------------------------------
1 | body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}pre,code{font-family:'DejaVu Sans Mono',Menlo,Consolas,monospace}hr{border:0 solid #ccc;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,figure{margin-bottom:20px}
--------------------------------------------------------------------------------
/code/css/min/text_rtl.css:
--------------------------------------------------------------------------------
1 | body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}pre,code{font-family:'DejaVu Sans Mono',Menlo,Consolas,monospace}hr{border:0 solid #ccc;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-right:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,figure{margin-bottom:20px}
--------------------------------------------------------------------------------
/code/css/reset.css:
--------------------------------------------------------------------------------
1 | /* `XHTML, HTML4, HTML5 Reset
2 | ----------------------------------------------------------------------------------------------------*/
3 |
4 | a,
5 | abbr,
6 | acronym,
7 | address,
8 | applet,
9 | article,
10 | aside,
11 | audio,
12 | b,
13 | big,
14 | blockquote,
15 | body,
16 | canvas,
17 | caption,
18 | center,
19 | cite,
20 | code,
21 | dd,
22 | del,
23 | details,
24 | dfn,
25 | dialog,
26 | div,
27 | dl,
28 | dt,
29 | em,
30 | embed,
31 | fieldset,
32 | figcaption,
33 | figure,
34 | font,
35 | footer,
36 | form,
37 | h1,
38 | h2,
39 | h3,
40 | h4,
41 | h5,
42 | h6,
43 | header,
44 | hgroup,
45 | hr,
46 | html,
47 | i,
48 | iframe,
49 | img,
50 | ins,
51 | kbd,
52 | label,
53 | legend,
54 | li,
55 | main,
56 | mark,
57 | menu,
58 | meter,
59 | nav,
60 | object,
61 | ol,
62 | output,
63 | p,
64 | pre,
65 | progress,
66 | q,
67 | rp,
68 | rt,
69 | ruby,
70 | s,
71 | samp,
72 | section,
73 | small,
74 | span,
75 | strike,
76 | strong,
77 | sub,
78 | summary,
79 | sup,
80 | table,
81 | tbody,
82 | td,
83 | tfoot,
84 | th,
85 | thead,
86 | time,
87 | tr,
88 | tt,
89 | u,
90 | ul,
91 | var,
92 | video,
93 | xmp {
94 | border: 0;
95 | margin: 0;
96 | padding: 0;
97 | font-size: 100%;
98 | }
99 |
100 | html,
101 | body {
102 | height: 100%;
103 | }
104 |
105 | article,
106 | aside,
107 | details,
108 | figcaption,
109 | figure,
110 | footer,
111 | header,
112 | hgroup,
113 | main,
114 | menu,
115 | nav,
116 | section {
117 | /*
118 | Override the default (display: inline) for
119 | browsers that do not recognize HTML5 tags.
120 |
121 | IE8 (and lower) requires a shiv:
122 | http://ejohn.org/blog/html5-shiv
123 | */
124 | display: block;
125 | }
126 |
127 | b,
128 | strong {
129 | /*
130 | Makes browsers agree.
131 | IE + Opera = font-weight: bold.
132 | Gecko + WebKit = font-weight: bolder.
133 | */
134 | font-weight: bold;
135 | }
136 |
137 | img {
138 | color: transparent;
139 | font-size: 0;
140 | vertical-align: middle;
141 | /*
142 | For IE.
143 | http://css-tricks.com/ie-fix-bicubic-scaling-for-images
144 | */
145 | -ms-interpolation-mode: bicubic;
146 | }
147 |
148 | ol,
149 | ul {
150 | list-style: none;
151 | }
152 |
153 | li {
154 | /*
155 | For IE6 + IE7:
156 |
157 | "display: list-item" keeps bullets from
158 | disappearing if hasLayout is triggered.
159 | */
160 | display: list-item;
161 | }
162 |
163 | table {
164 | border-collapse: collapse;
165 | border-spacing: 0;
166 | }
167 |
168 | th,
169 | td,
170 | caption {
171 | font-weight: normal;
172 | vertical-align: top;
173 | text-align: left;
174 | }
175 |
176 | q {
177 | quotes: none;
178 | }
179 |
180 | q:before,
181 | q:after {
182 | content: "";
183 | content: none;
184 | }
185 |
186 | sub,
187 | sup,
188 | small {
189 | font-size: 75%;
190 | }
191 |
192 | sub,
193 | sup {
194 | line-height: 0;
195 | position: relative;
196 | vertical-align: baseline;
197 | }
198 |
199 | sub {
200 | bottom: -0.25em;
201 | }
202 |
203 | sup {
204 | top: -0.5em;
205 | }
206 |
207 | svg {
208 | /*
209 | For IE9. Without, occasionally draws shapes
210 | outside the boundaries of <svg> rectangle.
211 | */
212 | overflow: hidden;
213 | }
--------------------------------------------------------------------------------
/code/css/reset_rtl.css:
--------------------------------------------------------------------------------
1 | /* `XHTML, HTML4, HTML5 Reset
2 | ----------------------------------------------------------------------------------------------------*/
3 |
4 | a,
5 | abbr,
6 | acronym,
7 | address,
8 | applet,
9 | article,
10 | aside,
11 | audio,
12 | b,
13 | big,
14 | blockquote,
15 | body,
16 | canvas,
17 | caption,
18 | center,
19 | cite,
20 | code,
21 | dd,
22 | del,
23 | details,
24 | dfn,
25 | dialog,
26 | div,
27 | dl,
28 | dt,
29 | em,
30 | embed,
31 | fieldset,
32 | figcaption,
33 | figure,
34 | font,
35 | footer,
36 | form,
37 | h1,
38 | h2,
39 | h3,
40 | h4,
41 | h5,
42 | h6,
43 | header,
44 | hgroup,
45 | hr,
46 | html,
47 | i,
48 | iframe,
49 | img,
50 | ins,
51 | kbd,
52 | label,
53 | legend,
54 | li,
55 | main,
56 | mark,
57 | menu,
58 | meter,
59 | nav,
60 | object,
61 | ol,
62 | output,
63 | p,
64 | pre,
65 | progress,
66 | q,
67 | rp,
68 | rt,
69 | ruby,
70 | s,
71 | samp,
72 | section,
73 | small,
74 | span,
75 | strike,
76 | strong,
77 | sub,
78 | summary,
79 | sup,
80 | table,
81 | tbody,
82 | td,
83 | tfoot,
84 | th,
85 | thead,
86 | time,
87 | tr,
88 | tt,
89 | u,
90 | ul,
91 | var,
92 | video,
93 | xmp {
94 | border: 0;
95 | margin: 0;
96 | padding: 0;
97 | font-size: 100%;
98 | }
99 |
100 | html,
101 | body {
102 | height: 100%;
103 | }
104 |
105 | article,
106 | aside,
107 | details,
108 | figcaption,
109 | figure,
110 | footer,
111 | header,
112 | hgroup,
113 | main,
114 | menu,
115 | nav,
116 | section {
117 | /*
118 | Override the default (display: inline) for
119 | browsers that do not recognize HTML5 tags.
120 |
121 | IE8 (and lower) requires a shiv:
122 | http://ejohn.org/blog/html5-shiv
123 | */
124 | display: block;
125 | }
126 |
127 | b,
128 | strong {
129 | /*
130 | Makes browsers agree.
131 | IE + Opera = font-weight: bold.
132 | Gecko + WebKit = font-weight: bolder.
133 | */
134 | font-weight: bold;
135 | }
136 |
137 | img {
138 | color: transparent;
139 | font-size: 0;
140 | vertical-align: middle;
141 | /*
142 | For IE.
143 | http://css-tricks.com/ie-fix-bicubic-scaling-for-images
144 | */
145 | -ms-interpolation-mode: bicubic;
146 | }
147 |
148 | ol,
149 | ul {
150 | list-style: none;
151 | }
152 |
153 | li {
154 | /*
155 | For IE6 + IE7:
156 |
157 | "display: list-item" keeps bullets from
158 | disappearing if hasLayout is triggered.
159 | */
160 | display: list-item;
161 | }
162 |
163 | table {
164 | border-collapse: collapse;
165 | border-spacing: 0;
166 | }
167 |
168 | th,
169 | td,
170 | caption {
171 | font-weight: normal;
172 | vertical-align: top;
173 | text-align: right;
174 | }
175 |
176 | q {
177 | quotes: none;
178 | }
179 |
180 | q:before,
181 | q:after {
182 | content: "";
183 | content: none;
184 | }
185 |
186 | sub,
187 | sup,
188 | small {
189 | font-size: 75%;
190 | }
191 |
192 | sub,
193 | sup {
194 | line-height: 0;
195 | position: relative;
196 | vertical-align: baseline;
197 | }
198 |
199 | sub {
200 | bottom: -0.25em;
201 | }
202 |
203 | sup {
204 | top: -0.5em;
205 | }
206 |
207 | svg {
208 | /*
209 | For IE9. Without, occasionally draws shapes
210 | outside the boundaries of <svg> rectangle.
211 | */
212 | overflow: hidden;
213 | }
--------------------------------------------------------------------------------
/code/css/text.css:
--------------------------------------------------------------------------------
1 | /*
2 | 960 Grid System ~ Text CSS.
3 | Learn more ~ http://960.gs/
4 |
5 | Licensed under GPL and MIT.
6 | */
7 |
8 | /* `Basic HTML
9 | ----------------------------------------------------------------------------------------------------*/
10 |
11 | body {
12 | font: 13px/1.5 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
13 | }
14 |
15 | pre,
16 | code {
17 | font-family: "DejaVu Sans Mono", Menlo, Consolas, monospace;
18 | }
19 |
20 | hr {
21 | border: 0 solid #ccc;
22 | border-top-width: 1px;
23 | clear: both;
24 | height: 0;
25 | }
26 |
27 | /* `Headings
28 | ----------------------------------------------------------------------------------------------------*/
29 |
30 | h1 {
31 | font-size: 25px;
32 | }
33 |
34 | h2 {
35 | font-size: 23px;
36 | }
37 |
38 | h3 {
39 | font-size: 21px;
40 | }
41 |
42 | h4 {
43 | font-size: 19px;
44 | }
45 |
46 | h5 {
47 | font-size: 17px;
48 | }
49 |
50 | h6 {
51 | font-size: 15px;
52 | }
53 |
54 | /* `Spacing
55 | ----------------------------------------------------------------------------------------------------*/
56 |
57 | ol {
58 | list-style: decimal;
59 | }
60 |
61 | ul {
62 | list-style: disc;
63 | }
64 |
65 | li {
66 | margin-left: 30px;
67 | }
68 |
69 | p,
70 | dl,
71 | hr,
72 | h1,
73 | h2,
74 | h3,
75 | h4,
76 | h5,
77 | h6,
78 | ol,
79 | ul,
80 | pre,
81 | table,
82 | address,
83 | fieldset,
84 | figure {
85 | margin-bottom: 20px;
86 | }
--------------------------------------------------------------------------------
/code/css/text_rtl.css:
--------------------------------------------------------------------------------
1 | /*
2 | 960 Grid System ~ Text CSS.
3 | Learn more ~ http://960.gs/
4 |
5 | Licensed under GPL and MIT.
6 | */
7 |
8 | /* `Basic HTML
9 | ----------------------------------------------------------------------------------------------------*/
10 |
11 | body {
12 | font: 13px/1.5 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
13 | }
14 |
15 | pre,
16 | code {
17 | font-family: "DejaVu Sans Mono", Menlo, Consolas, monospace;
18 | }
19 |
20 | hr {
21 | border: 0 solid #ccc;
22 | border-top-width: 1px;
23 | clear: both;
24 | height: 0;
25 | }
26 |
27 | /* `Headings
28 | ----------------------------------------------------------------------------------------------------*/
29 |
30 | h1 {
31 | font-size: 25px;
32 | }
33 |
34 | h2 {
35 | font-size: 23px;
36 | }
37 |
38 | h3 {
39 | font-size: 21px;
40 | }
41 |
42 | h4 {
43 | font-size: 19px;
44 | }
45 |
46 | h5 {
47 | font-size: 17px;
48 | }
49 |
50 | h6 {
51 | font-size: 15px;
52 | }
53 |
54 | /* `Spacing
55 | ----------------------------------------------------------------------------------------------------*/
56 |
57 | ol {
58 | list-style: decimal;
59 | }
60 |
61 | ul {
62 | list-style: disc;
63 | }
64 |
65 | li {
66 | margin-right: 30px;
67 | }
68 |
69 | p,
70 | dl,
71 | hr,
72 | h1,
73 | h2,
74 | h3,
75 | h4,
76 | h5,
77 | h6,
78 | ol,
79 | ul,
80 | pre,
81 | table,
82 | address,
83 | fieldset,
84 | figure {
85 | margin-bottom: 20px;
86 | }
--------------------------------------------------------------------------------
/code/demo.html:
--------------------------------------------------------------------------------
1 | <!DOCTYPE html>
2 | <html lang="en">
3 | <head>
4 | <meta charset="utf-8" />
5 | <title>960 Grid System — Demo</title>
6 | <link rel="stylesheet" href="css/reset.css" />
7 | <link rel="stylesheet" href="css/text.css" />
8 | <link rel="stylesheet" href="css/960.css" />
9 | <link rel="stylesheet" href="css/demo.css" />
10 | </head>
11 | <body>
12 | <h1>
13 | <a href="http://960.gs/">960 Grid System</a>
14 | </h1>
15 | <div class="container_12">
16 | <h2>
17 | 12 Column Grid
18 | </h2>
19 | <div class="grid_12">
20 | <p>
21 | 940
22 | </p>
23 | </div>
24 | <!-- end .grid_12 -->
25 | <div class="clear"></div>
26 | <div class="grid_1">
27 | <p>
28 | 60
29 | </p>
30 | </div>
31 | <!-- end .grid_1 -->
32 | <div class="grid_11">
33 | <p>
34 | 860
35 | </p>
36 | </div>
37 | <!-- end .grid_11 -->
38 | <div class="clear"></div>
39 | <div class="grid_2">
40 | <p>
41 | 140
42 | </p>
43 | </div>
44 | <!-- end .grid_2 -->
45 | <div class="grid_10">
46 | <p>
47 | 780
48 | </p>
49 | </div>
50 | <!-- end .grid_10 -->
51 | <div class="clear"></div>
52 | <div class="grid_3">
53 | <p>
54 | 220
55 | </p>
56 | </div>
57 | <!-- end .grid_3 -->
58 | <div class="grid_9">
59 | <p>
60 | 700
61 | </p>
62 | </div>
63 | <!-- end .grid_9 -->
64 | <div class="clear"></div>
65 | <div class="grid_4">
66 | <p>
67 | 300
68 | </p>
69 | </div>
70 | <!-- end .grid_4 -->
71 | <div class="grid_8">
72 | <p>
73 | 620
74 | </p>
75 | </div>
76 | <!-- end .grid_8 -->
77 | <div class="clear"></div>
78 | <div class="grid_5">
79 | <p>
80 | 380
81 | </p>
82 | </div>
83 | <!-- end .grid_5 -->
84 | <div class="grid_7">
85 | <p>
86 | 540
87 | </p>
88 | </div>
89 | <!-- end .grid_7 -->
90 | <div class="clear"></div>
91 | <div class="grid_6">
92 | <p>
93 | 460
94 | </p>
95 | </div>
96 | <!-- end .grid_6 -->
97 | <div class="grid_6">
98 | <p>
99 | 460
100 | </p>
101 | </div>
102 | <!-- end .grid_6 -->
103 | <div class="clear"></div>
104 | <div class="grid_1 suffix_11">
105 | <p>
106 | 60
107 | </p>
108 | </div>
109 | <!-- end .grid_1.suffix_11 -->
110 | <div class="clear"></div>
111 | <div class="grid_1 prefix_1 suffix_10">
112 | <p>
113 | 60
114 | </p>
115 | </div>
116 | <!-- end .grid_1.prefix_1.suffix_10 -->
117 | <div class="clear"></div>
118 | <div class="grid_1 prefix_2 suffix_9">
119 | <p>
120 | 60
121 | </p>
122 | </div>
123 | <!-- end .grid_1.prefix_2.suffix_9 -->
124 | <div class="clear"></div>
125 | <div class="grid_1 prefix_3 suffix_8">
126 | <p>
127 | 60
128 | </p>
129 | </div>
130 | <!-- end .grid_1.prefix_3.suffix_8 -->
131 | <div class="clear"></div>
132 | <div class="grid_1 prefix_4 suffix_7">
133 | <p>
134 | 60
135 | </p>
136 | </div>
137 | <!-- end .grid_1.prefix_4.suffix_7 -->
138 | <div class="clear"></div>
139 | <div class="grid_1 prefix_5 suffix_6">
140 | <p>
141 | 60
142 | </p>
143 | </div>
144 | <!-- end .grid_1.prefix_5.suffix_6 -->
145 | <div class="clear"></div>
146 | <div class="grid_1 prefix_6 suffix_5">
147 | <p>
148 | 60
149 | </p>
150 | </div>
151 | <!-- end .grid_1.prefix_6.suffix_5 -->
152 | <div class="clear"></div>
153 | <div class="grid_1 prefix_7 suffix_4">
154 | <p>
155 | 60
156 | </p>
157 | </div>
158 | <!-- end .grid_1.prefix_7.suffix_4 -->
159 | <div class="clear"></div>
160 | <div class="grid_1 prefix_8 suffix_3">
161 | <p>
162 | 60
163 | </p>
164 | </div>
165 | <!-- end .grid_1.prefix_8.suffix_3 -->
166 | <div class="clear"></div>
167 | <div class="grid_1 prefix_9 suffix_2">
168 | <p>
169 | 60
170 | </p>
171 | </div>
172 | <!-- end .grid_1.prefix_9.suffix_2 -->
173 | <div class="clear"></div>
174 | <div class="grid_1 prefix_10 suffix_1">
175 | <p>
176 | 60
177 | </p>
178 | </div>
179 | <!-- end .grid_1.prefix_10.suffix_1 -->
180 | <div class="clear"></div>
181 | <div class="grid_1 prefix_11">
182 | <p>
183 | 60
184 | </p>
185 | </div>
186 | <!-- end .grid_1.prefix_11 -->
187 | <div class="clear"></div>
188 | <div class="grid_6 push_6">
189 | <div class="grid_1 alpha">
190 | <p>
191 | 60
192 | </p>
193 | </div>
194 | <!-- end .grid_1.alpha -->
195 | <div class="grid_5 omega">
196 | <p>
197 | 380
198 | </p>
199 | </div>
200 | <!-- end .grid_5.omega -->
201 | <div class="clear"></div>
202 | <div class="grid_3 alpha">
203 | <p>
204 | 220
205 | </p>
206 | </div>
207 | <!-- end .grid_3.alpha -->
208 | <div class="grid_3 omega">
209 | <p>
210 | 220
211 | </p>
212 | </div>
213 | <!-- end .grid_3.omega -->
214 | </div>
215 | <!-- end .grid_6.push_6 -->
216 | <div class="grid_6 pull_6">
217 | <div class="grid_3 alpha">
218 | <p>
219 | 220
220 | </p>
221 | </div>
222 | <!-- end .grid_3.alpha -->
223 | <div class="grid_3 omega">
224 | <p>
225 | 220
226 | </p>
227 | </div>
228 | <!-- end .grid_3.omega -->
229 | <div class="clear"></div>
230 | <div class="grid_1 alpha">
231 | <p>
232 | 60
233 | </p>
234 | </div>
235 | <!-- end .grid_1.alpha -->
236 | <div class="grid_5 omega">
237 | <p>
238 | 380
239 | </p>
240 | </div>
241 | <!-- end .grid_5.omega -->
242 | </div>
243 | <!-- end .grid_6.pull_6 -->
244 | </div>
245 | <!-- end .container_12 -->
246 | <div class="container_16">
247 | <h2>
248 | 16 Column Grid
249 | </h2>
250 | <div class="grid_16">
251 | <p>
252 | 940
253 | </p>
254 | </div>
255 | <!-- end .grid_16 -->
256 | <div class="clear"></div>
257 | <div class="grid_1">
258 | <p>
259 | 40
260 | </p>
261 | </div>
262 | <!-- end .grid_1 -->
263 | <div class="grid_15">
264 | <p>
265 | 880
266 | </p>
267 | </div>
268 | <!-- end .grid_15 -->
269 | <div class="clear"></div>
270 | <div class="grid_2">
271 | <p>
272 | 100
273 | </p>
274 | </div>
275 | <!-- end .grid_2 -->
276 | <div class="grid_14">
277 | <p>
278 | 820
279 | </p>
280 | </div>
281 | <!-- end .grid_14 -->
282 | <div class="clear"></div>
283 | <div class="grid_3">
284 | <p>
285 | 160
286 | </p>
287 | </div>
288 | <!-- end .grid_3 -->
289 | <div class="grid_13">
290 | <p>
291 | 760
292 | </p>
293 | </div>
294 | <!-- end .grid_13 -->
295 | <div class="clear"></div>
296 | <div class="grid_4">
297 | <p>
298 | 220
299 | </p>
300 | </div>
301 | <!-- end .grid_4 -->
302 | <div class="grid_12">
303 | <p>
304 | 700
305 | </p>
306 | </div>
307 | <!-- end .grid_12 -->
308 | <div class="clear"></div>
309 | <div class="grid_5">
310 | <p>
311 | 280
312 | </p>
313 | </div>
314 | <!-- end .grid_5 -->
315 | <div class="grid_11">
316 | <p>
317 | 640
318 | </p>
319 | </div>
320 | <!-- end .grid_11 -->
321 | <div class="clear"></div>
322 | <div class="grid_6">
323 | <p>
324 | 340
325 | </p>
326 | </div>
327 | <!-- end .grid_6 -->
328 | <div class="grid_10">
329 | <p>
330 | 580
331 | </p>
332 | </div>
333 | <!-- end .grid_10 -->
334 | <div class="clear"></div>
335 | <div class="grid_7">
336 | <p>
337 | 400
338 | </p>
339 | </div>
340 | <!-- end .grid_7 -->
341 | <div class="grid_9">
342 | <p>
343 | 520
344 | </p>
345 | </div>
346 | <!-- end .grid_9 -->
347 | <div class="clear"></div>
348 | <div class="grid_8">
349 | <p>
350 | 460
351 | </p>
352 | </div>
353 | <!-- end .grid_8 -->
354 | <div class="grid_8">
355 | <p>
356 | 460
357 | </p>
358 | </div>
359 | <!-- end .grid_8 -->
360 | <div class="clear"></div>
361 | <div class="grid_1 suffix_15">
362 | <p>
363 | 40
364 | </p>
365 | </div>
366 | <!-- end .grid_1.suffix_15 -->
367 | <div class="clear"></div>
368 | <div class="grid_1 prefix_1 suffix_14">
369 | <p>
370 | 40
371 | </p>
372 | </div>
373 | <!-- end .grid_1.prefix_1.suffix_14 -->
374 | <div class="clear"></div>
375 | <div class="grid_1 prefix_2 suffix_13">
376 | <p>
377 | 40
378 | </p>
379 | </div>
380 | <!-- end .grid_1.prefix_2.suffix_13 -->
381 | <div class="clear"></div>
382 | <div class="grid_1 prefix_3 suffix_12">
383 | <p>
384 | 40
385 | </p>
386 | </div>
387 | <!-- end .grid_1.prefix_3.suffix_12 -->
388 | <div class="clear"></div>
389 | <div class="grid_1 prefix_4 suffix_11">
390 | <p>
391 | 40
392 | </p>
393 | </div>
394 | <!-- end .grid_1.prefix_4.suffix_11 -->
395 | <div class="clear"></div>
396 | <div class="grid_1 prefix_5 suffix_10">
397 | <p>
398 | 40
399 | </p>
400 | </div>
401 | <!-- end .grid_1.prefix_5.suffix_10 -->
402 | <div class="clear"></div>
403 | <div class="grid_1 prefix_6 suffix_9">
404 | <p>
405 | 40
406 | </p>
407 | </div>
408 | <!-- end .grid_1.prefix_6.suffix_9 -->
409 | <div class="clear"></div>
410 | <div class="grid_1 prefix_7 suffix_8">
411 | <p>
412 | 40
413 | </p>
414 | </div>
415 | <!-- end .grid_1.prefix_7.suffix_8 -->
416 | <div class="clear"></div>
417 | <div class="grid_1 prefix_8 suffix_7">
418 | <p>
419 | 40
420 | </p>
421 | </div>
422 | <!-- end .grid_1.prefix_8.suffix_7 -->
423 | <div class="clear"></div>
424 | <div class="grid_1 prefix_9 suffix_6">
425 | <p>
426 | 40
427 | </p>
428 | </div>
429 | <!-- end .grid_1.prefix_9.suffix_6 -->
430 | <div class="clear"></div>
431 | <div class="grid_1 prefix_10 suffix_5">
432 | <p>
433 | 40
434 | </p>
435 | </div>
436 | <!-- end .grid_1.prefix_10.suffix_5 -->
437 | <div class="clear"></div>
438 | <div class="grid_1 prefix_11 suffix_4">
439 | <p>
440 | 40
441 | </p>
442 | </div>
443 | <!-- end .grid_1.prefix_11.suffix_4 -->
444 | <div class="clear"></div>
445 | <div class="grid_1 prefix_12 suffix_3">
446 | <p>
447 | 40
448 | </p>
449 | </div>
450 | <!-- end .grid_1.prefix_12.suffix_3 -->
451 | <div class="clear"></div>
452 | <div class="grid_1 prefix_13 suffix_2">
453 | <p>
454 | 40
455 | </p>
456 | </div>
457 | <!-- end .grid_1.prefix_13.suffix_2 -->
458 | <div class="clear"></div>
459 | <div class="grid_1 prefix_14 suffix_1">
460 | <p>
461 | 40
462 | </p>
463 | </div>
464 | <!-- end .grid_1.prefix_14.suffix_1 -->
465 | <div class="clear"></div>
466 | <div class="grid_1 prefix_15">
467 | <p>
468 | 40
469 | </p>
470 | </div>
471 | <!-- end .grid_1.prefix_15 -->
472 | <div class="clear"></div>
473 | <div class="grid_8 push_8">
474 | <div class="grid_1 alpha">
475 | <p>
476 | 40
477 | </p>
478 | </div>
479 | <!-- end .grid_1.alpha -->
480 | <div class="grid_7 omega">
481 | <p>
482 | 400
483 | </p>
484 | </div>
485 | <!-- end .grid_7.omega -->
486 | <div class="clear"></div>
487 | <div class="grid_4 alpha">
488 | <p>
489 | 220
490 | </p>
491 | </div>
492 | <!-- end .grid_4.alpha -->
493 | <div class="grid_4 omega">
494 | <p>
495 | 220
496 | </p>
497 | </div>
498 | <!-- end .grid_4.omega -->
499 | </div>
500 | <!-- end .grid_8.push_8 -->
501 | <div class="grid_8 pull_8">
502 | <div class="grid_4 alpha">
503 | <p>
504 | 220
505 | </p>
506 | </div>
507 | <!-- end .grid_4.alpha -->
508 | <div class="grid_4 omega">
509 | <p>
510 | 220
511 | </p>
512 | </div>
513 | <!-- end .grid_4.omega -->
514 | <div class="clear"></div>
515 | <div class="grid_1 alpha">
516 | <p>
517 | 40
518 | </p>
519 | </div>
520 | <!-- end .grid_1.alpha -->
521 | <div class="grid_7 omega">
522 | <p>
523 | 400
524 | </p>
525 | </div>
526 | <!-- end .grid_7.omega -->
527 | </div>
528 | <!-- end .grid_8.pull_8 -->
529 | </div>
530 | <!-- end .container_16 -->
531 | </body>
532 | </html>
--------------------------------------------------------------------------------
/code/demo_24_col.html:
--------------------------------------------------------------------------------
1 | <!DOCTYPE html>
2 | <html lang="en">
3 | <head>
4 | <meta charset="utf-8" />
5 | <title>960 Grid System — Demo</title>
6 | <link rel="stylesheet" href="css/reset.css" />
7 | <link rel="stylesheet" href="css/text.css" />
8 | <link rel="stylesheet" href="css/960_24_col.css" />
9 | <link rel="stylesheet" href="css/demo.css" />
10 | </head>
11 | <body>
12 | <h1>
13 | <a href="http://960.gs/">960 Grid System</a>
14 | </h1>
15 | <div class="container_24">
16 | <h2>
17 | 24 Column Grid
18 | </h2>
19 | <div class="grid_24">
20 | <p>
21 | 950
22 | </p>
23 | </div>
24 | <!-- end .grid_24 -->
25 | <div class="clear"></div>
26 | <div class="grid_1">
27 | <p>
28 | 30
29 | </p>
30 | </div>
31 | <!-- end .grid_1 -->
32 | <div class="grid_23">
33 | <p>
34 | 910
35 | </p>
36 | </div>
37 | <!-- end .grid_23 -->
38 | <div class="clear"></div>
39 | <div class="grid_2">
40 | <p>
41 | 70
42 | </p>
43 | </div>
44 | <!-- end .grid_2 -->
45 | <div class="grid_22">
46 | <p>
47 | 870
48 | </p>
49 | </div>
50 | <!-- end .grid_2 -->
51 | <div class="clear"></div>
52 | <div class="grid_3">
53 | <p>
54 | 110
55 | </p>
56 | </div>
57 | <!-- end .grid_3 -->
58 | <div class="grid_21">
59 | <p>
60 | 830
61 | </p>
62 | </div>
63 | <!-- end .grid_21 -->
64 | <div class="clear"></div>
65 | <div class="grid_4">
66 | <p>
67 | 150
68 | </p>
69 | </div>
70 | <!-- end .grid_4 -->
71 | <div class="grid_20">
72 | <p>
73 | 790
74 | </p>
75 | </div>
76 | <!-- end .grid_20 -->
77 | <div class="clear"></div>
78 | <div class="grid_5">
79 | <p>
80 | 190
81 | </p>
82 | </div>
83 | <!-- end .grid_5 -->
84 | <div class="grid_19">
85 | <p>
86 | 750
87 | </p>
88 | </div>
89 | <!-- end .grid_19 -->
90 | <div class="clear"></div>
91 | <div class="grid_6">
92 | <p>
93 | 230
94 | </p>
95 | </div>
96 | <!-- end .grid_6 -->
97 | <div class="grid_18">
98 | <p>
99 | 710
100 | </p>
101 | </div>
102 | <!-- end .grid_18 -->
103 | <div class="clear"></div>
104 | <div class="grid_7">
105 | <p>
106 | 270
107 | </p>
108 | </div>
109 | <!-- end .grid_7 -->
110 | <div class="grid_17">
111 | <p>
112 | 670
113 | </p>
114 | </div>
115 | <!-- end .grid_17 -->
116 | <div class="clear"></div>
117 | <div class="grid_8">
118 | <p>
119 | 310
120 | </p>
121 | </div>
122 | <!-- end .grid_8 -->
123 | <div class="grid_16">
124 | <p>
125 | 630
126 | </p>
127 | </div>
128 | <!-- end .grid_16 -->
129 | <div class="clear"></div>
130 | <div class="grid_9">
131 | <p>
132 | 350
133 | </p>
134 | </div>
135 | <!-- end .grid_9 -->
136 | <div class="grid_15">
137 | <p>
138 | 590
139 | </p>
140 | </div>
141 | <!-- end .grid_15 -->
142 | <div class="clear"></div>
143 | <div class="grid_10">
144 | <p>
145 | 390
146 | </p>
147 | </div>
148 | <!-- end .grid_10 -->
149 | <div class="grid_14">
150 | <p>
151 | 550
152 | </p>
153 | </div>
154 | <!-- end .grid_14 -->
155 | <div class="clear"></div>
156 | <div class="grid_11">
157 | <p>
158 | 430
159 | </p>
160 | </div>
161 | <!-- end .grid_11 -->
162 | <div class="grid_13">
163 | <p>
164 | 510
165 | </p>
166 | </div>
167 | <!-- end .grid_13 -->
168 | <div class="clear"></div>
169 | <div class="grid_12">
170 | <p>
171 | 470
172 | </p>
173 | </div>
174 | <!-- end .grid_12 -->
175 | <div class="grid_12">
176 | <p>
177 | 470
178 | </p>
179 | </div>
180 | <!-- end .grid_12 -->
181 | <div class="clear"></div>
182 | <div class="grid_1 suffix_23">
183 | <p>
184 | 30
185 | </p>
186 | </div>
187 | <!-- end .grid_1.suffix_23 -->
188 | <div class="clear"></div>
189 | <div class="grid_1 prefix_1 suffix_22">
190 | <p>
191 | 30
192 | </p>
193 | </div>
194 | <!-- end .grid_1.prefix_1.suffix_22 -->
195 | <div class="clear"></div>
196 | <div class="grid_1 prefix_2 suffix_21">
197 | <p>
198 | 30
199 | </p>
200 | </div>
201 | <!-- end .grid_1.prefix_2.suffix_21 -->
202 | <div class="clear"></div>
203 | <div class="grid_1 prefix_3 suffix_20">
204 | <p>
205 | 30
206 | </p>
207 | </div>
208 | <!-- end .grid_1.prefix_3.suffix_20 -->
209 | <div class="clear"></div>
210 | <div class="grid_1 prefix_4 suffix_19">
211 | <p>
212 | 30
213 | </p>
214 | </div>
215 | <!-- end .grid_1.prefix_4.suffix_19 -->
216 | <div class="clear"></div>
217 | <div class="grid_1 prefix_5 suffix_18">
218 | <p>
219 | 30
220 | </p>
221 | </div>
222 | <!-- end .grid_1.prefix_5.suffix_18 -->
223 | <div class="clear"></div>
224 | <div class="grid_1 prefix_6 suffix_17">
225 | <p>
226 | 30
227 | </p>
228 | </div>
229 | <!-- end .grid_1.prefix_6.suffix_17 -->
230 | <div class="clear"></div>
231 | <div class="grid_1 prefix_7 suffix_16">
232 | <p>
233 | 30
234 | </p>
235 | </div>
236 | <!-- end .grid_1.prefix_7.suffix_16 -->
237 | <div class="clear"></div>
238 | <div class="grid_1 prefix_8 suffix_15">
239 | <p>
240 | 30
241 | </p>
242 | </div>
243 | <!-- end .grid_1.prefix_8.suffix_15 -->
244 | <div class="clear"></div>
245 | <div class="grid_1 prefix_9 suffix_14">
246 | <p>
247 | 30
248 | </p>
249 | </div>
250 | <!-- end .grid_1.prefix_9.suffix_14 -->
251 | <div class="clear"></div>
252 | <div class="grid_1 prefix_10 suffix_13">
253 | <p>
254 | 30
255 | </p>
256 | </div>
257 | <!-- end .grid_1.prefix_10.suffix_13 -->
258 | <div class="clear"></div>
259 | <div class="grid_1 prefix_11 suffix_12">
260 | <p>
261 | 30
262 | </p>
263 | </div>
264 | <!-- end .grid_1.prefix_11.suffix_12 -->
265 | <div class="grid_1 prefix_12 suffix_11">
266 | <p>
267 | 30
268 | </p>
269 | </div>
270 | <!-- end .grid_1.prefix_12.suffix_11 -->
271 | <div class="clear"></div>
272 | <div class="grid_1 prefix_13 suffix_10">
273 | <p>
274 | 30
275 | </p>
276 | </div>
277 | <!-- end .grid_1.prefix_13.suffix_10 -->
278 | <div class="clear"></div>
279 | <div class="grid_1 prefix_14 suffix_9">
280 | <p>
281 | 30
282 | </p>
283 | </div>
284 | <!-- end .grid_1.prefix_14.suffix_9 -->
285 | <div class="clear"></div>
286 | <div class="grid_1 prefix_15 suffix_8">
287 | <p>
288 | 30
289 | </p>
290 | </div>
291 | <!-- end .grid_1.prefix_15.suffix_8 -->
292 | <div class="clear"></div>
293 | <div class="grid_1 prefix_16 suffix_7">
294 | <p>
295 | 30
296 | </p>
297 | </div>
298 | <!-- end .grid_1.prefix_16.suffix_7 -->
299 | <div class="clear"></div>
300 | <div class="grid_1 prefix_17 suffix_6">
301 | <p>
302 | 30
303 | </p>
304 | </div>
305 | <!-- end .grid_1.prefix_17.suffix_6 -->
306 | <div class="clear"></div>
307 | <div class="grid_1 prefix_18 suffix_5">
308 | <p>
309 | 30
310 | </p>
311 | </div>
312 | <!-- end .grid_1.prefix_18.suffix_5 -->
313 | <div class="clear"></div>
314 | <div class="grid_1 prefix_19 suffix_4">
315 | <p>
316 | 30
317 | </p>
318 | </div>
319 | <!-- end .grid_1.prefix_19.suffix_4 -->
320 | <div class="clear"></div>
321 | <div class="grid_1 prefix_20 suffix_3">
322 | <p>
323 | 30
324 | </p>
325 | </div>
326 | <!-- end .grid_1.prefix_20.suffix_3 -->
327 | <div class="clear"></div>
328 | <div class="grid_1 prefix_21 suffix_2">
329 | <p>
330 | 30
331 | </p>
332 | </div>
333 | <!-- end .grid_1.prefix_21.suffix_2 -->
334 | <div class="clear"></div>
335 | <div class="grid_1 prefix_22 suffix_1">
336 | <p>
337 | 30
338 | </p>
339 | </div>
340 | <!-- end .grid_1.prefix_22.suffix_1 -->
341 | <div class="clear"></div>
342 | <div class="grid_1 prefix_23">
343 | <p>
344 | 30
345 | </p>
346 | </div>
347 | <!-- end .grid_1.prefix_23 -->
348 | <div class="clear"></div>
349 | <div class="grid_12 push_12">
350 | <div class="grid_6 alpha">
351 | <p>
352 | 230
353 | </p>
354 | </div>
355 | <!-- end .grid_6.alpha -->
356 | <div class="grid_6 omega">
357 | <p>
358 | 230
359 | </p>
360 | </div>
361 | <!-- end .grid_6.omega -->
362 | <div class="clear"></div>
363 | <div class="grid_1 alpha">
364 | <p>
365 | 30
366 | </p>
367 | </div>
368 | <!-- end .grid_1.alpha -->
369 | <div class="grid_11 omega">
370 | <p>
371 | 430
372 | </p>
373 | </div>
374 | <!-- end .grid_11.omega -->
375 | </div>
376 | <!-- end .grid_12.push_12 -->
377 | <div class="grid_12 pull_12">
378 | <div class="grid_1 alpha">
379 | <p>
380 | 30
381 | </p>
382 | </div>
383 | <!-- end .grid_1.alpha -->
384 | <div class="grid_11 omega">
385 | <p>
386 | 430
387 | </p>
388 | </div>
389 | <!-- end .grid_11.omega -->
390 | <div class="clear"></div>
391 | <div class="grid_6 alpha">
392 | <p>
393 | 230
394 | </p>
395 | </div>
396 | <!-- end .grid_6.alpha -->
397 | <div class="grid_6 omega">
398 | <p>
399 | 230
400 | </p>
401 | </div>
402 | <!-- end .grid_6.omega -->
403 | </div>
404 | <!-- end .grid_12.pull_12 -->
405 | </div>
406 | <!-- end .container_24 -->
407 | </body>
408 | </html>
--------------------------------------------------------------------------------
/code/demo_24_col_rtl.html:
--------------------------------------------------------------------------------
1 | <!DOCTYPE html>
2 | <html lang="en" dir="rtl">
3 | <head>
4 | <meta charset="utf-8" />
5 | <title>960 Grid System — Demo</title>
6 | <link rel="stylesheet" href="css/reset_rtl.css" />
7 | <link rel="stylesheet" href="css/text_rtl.css" />
8 | <link rel="stylesheet" href="css/960_24_col_rtl.css" />
9 | <link rel="stylesheet" href="css/demo.css" />
10 | </head>
11 | <body>
12 | <h1>
13 | <a href="http://960.gs/">960 Grid System</a>
14 | </h1>
15 | <div class="container_24">
16 | <h2>
17 | 24 Column Grid
18 | </h2>
19 | <div class="grid_24">
20 | <p>
21 | 950
22 | </p>
23 | </div>
24 | <!-- end .grid_24 -->
25 | <div class="clear"></div>
26 | <div class="grid_1">
27 | <p>
28 | 30
29 | </p>
30 | </div>
31 | <!-- end .grid_1 -->
32 | <div class="grid_23">
33 | <p>
34 | 910
35 | </p>
36 | </div>
37 | <!-- end .grid_23 -->
38 | <div class="clear"></div>
39 | <div class="grid_2">
40 | <p>
41 | 70
42 | </p>
43 | </div>
44 | <!-- end .grid_2 -->
45 | <div class="grid_22">
46 | <p>
47 | 870
48 | </p>
49 | </div>
50 | <!-- end .grid_2 -->
51 | <div class="clear"></div>
52 | <div class="grid_3">
53 | <p>
54 | 110
55 | </p>
56 | </div>
57 | <!-- end .grid_3 -->
58 | <div class="grid_21">
59 | <p>
60 | 830
61 | </p>
62 | </div>
63 | <!-- end .grid_21 -->
64 | <div class="clear"></div>
65 | <div class="grid_4">
66 | <p>
67 | 150
68 | </p>
69 | </div>
70 | <!-- end .grid_4 -->
71 | <div class="grid_20">
72 | <p>
73 | 790
74 | </p>
75 | </div>
76 | <!-- end .grid_20 -->
77 | <div class="clear"></div>
78 | <div class="grid_5">
79 | <p>
80 | 190
81 | </p>
82 | </div>
83 | <!-- end .grid_5 -->
84 | <div class="grid_19">
85 | <p>
86 | 750
87 | </p>
88 | </div>
89 | <!-- end .grid_19 -->
90 | <div class="clear"></div>
91 | <div class="grid_6">
92 | <p>
93 | 230
94 | </p>
95 | </div>
96 | <!-- end .grid_6 -->
97 | <div class="grid_18">
98 | <p>
99 | 710
100 | </p>
101 | </div>
102 | <!-- end .grid_18 -->
103 | <div class="clear"></div>
104 | <div class="grid_7">
105 | <p>
106 | 270
107 | </p>
108 | </div>
109 | <!-- end .grid_7 -->
110 | <div class="grid_17">
111 | <p>
112 | 670
113 | </p>
114 | </div>
115 | <!-- end .grid_17 -->
116 | <div class="clear"></div>
117 | <div class="grid_8">
118 | <p>
119 | 310
120 | </p>
121 | </div>
122 | <!-- end .grid_8 -->
123 | <div class="grid_16">
124 | <p>
125 | 630
126 | </p>
127 | </div>
128 | <!-- end .grid_16 -->
129 | <div class="clear"></div>
130 | <div class="grid_9">
131 | <p>
132 | 350
133 | </p>
134 | </div>
135 | <!-- end .grid_9 -->
136 | <div class="grid_15">
137 | <p>
138 | 590
139 | </p>
140 | </div>
141 | <!-- end .grid_15 -->
142 | <div class="clear"></div>
143 | <div class="grid_10">
144 | <p>
145 | 390
146 | </p>
147 | </div>
148 | <!-- end .grid_10 -->
149 | <div class="grid_14">
150 | <p>
151 | 550
152 | </p>
153 | </div>
154 | <!-- end .grid_14 -->
155 | <div class="clear"></div>
156 | <div class="grid_11">
157 | <p>
158 | 430
159 | </p>
160 | </div>
161 | <!-- end .grid_11 -->
162 | <div class="grid_13">
163 | <p>
164 | 510
165 | </p>
166 | </div>
167 | <!-- end .grid_13 -->
168 | <div class="clear"></div>
169 | <div class="grid_12">
170 | <p>
171 | 470
172 | </p>
173 | </div>
174 | <!-- end .grid_12 -->
175 | <div class="grid_12">
176 | <p>
177 | 470
178 | </p>
179 | </div>
180 | <!-- end .grid_12 -->
181 | <div class="clear"></div>
182 | <div class="grid_1 suffix_23">
183 | <p>
184 | 30
185 | </p>
186 | </div>
187 | <!-- end .grid_1.suffix_23 -->
188 | <div class="clear"></div>
189 | <div class="grid_1 prefix_1 suffix_22">
190 | <p>
191 | 30
192 | </p>
193 | </div>
194 | <!-- end .grid_1.prefix_1.suffix_22 -->
195 | <div class="clear"></div>
196 | <div class="grid_1 prefix_2 suffix_21">
197 | <p>
198 | 30
199 | </p>
200 | </div>
201 | <!-- end .grid_1.prefix_2.suffix_21 -->
202 | <div class="clear"></div>
203 | <div class="grid_1 prefix_3 suffix_20">
204 | <p>
205 | 30
206 | </p>
207 | </div>
208 | <!-- end .grid_1.prefix_3.suffix_20 -->
209 | <div class="clear"></div>
210 | <div class="grid_1 prefix_4 suffix_19">
211 | <p>
212 | 30
213 | </p>
214 | </div>
215 | <!-- end .grid_1.prefix_4.suffix_19 -->
216 | <div class="clear"></div>
217 | <div class="grid_1 prefix_5 suffix_18">
218 | <p>
219 | 30
220 | </p>
221 | </div>
222 | <!-- end .grid_1.prefix_5.suffix_18 -->
223 | <div class="clear"></div>
224 | <div class="grid_1 prefix_6 suffix_17">
225 | <p>
226 | 30
227 | </p>
228 | </div>
229 | <!-- end .grid_1.prefix_6.suffix_17 -->
230 | <div class="clear"></div>
231 | <div class="grid_1 prefix_7 suffix_16">
232 | <p>
233 | 30
234 | </p>
235 | </div>
236 | <!-- end .grid_1.prefix_7.suffix_16 -->
237 | <div class="clear"></div>
238 | <div class="grid_1 prefix_8 suffix_15">
239 | <p>
240 | 30
241 | </p>
242 | </div>
243 | <!-- end .grid_1.prefix_8.suffix_15 -->
244 | <div class="clear"></div>
245 | <div class="grid_1 prefix_9 suffix_14">
246 | <p>
247 | 30
248 | </p>
249 | </div>
250 | <!-- end .grid_1.prefix_9.suffix_14 -->
251 | <div class="clear"></div>
252 | <div class="grid_1 prefix_10 suffix_13">
253 | <p>
254 | 30
255 | </p>
256 | </div>
257 | <!-- end .grid_1.prefix_10.suffix_13 -->
258 | <div class="clear"></div>
259 | <div class="grid_1 prefix_11 suffix_12">
260 | <p>
261 | 30
262 | </p>
263 | </div>
264 | <!-- end .grid_1.prefix_11.suffix_12 -->
265 | <div class="grid_1 prefix_12 suffix_11">
266 | <p>
267 | 30
268 | </p>
269 | </div>
270 | <!-- end .grid_1.prefix_12.suffix_11 -->
271 | <div class="clear"></div>
272 | <div class="grid_1 prefix_13 suffix_10">
273 | <p>
274 | 30
275 | </p>
276 | </div>
277 | <!-- end .grid_1.prefix_13.suffix_10 -->
278 | <div class="clear"></div>
279 | <div class="grid_1 prefix_14 suffix_9">
280 | <p>
281 | 30
282 | </p>
283 | </div>
284 | <!-- end .grid_1.prefix_14.suffix_9 -->
285 | <div class="clear"></div>
286 | <div class="grid_1 prefix_15 suffix_8">
287 | <p>
288 | 30
289 | </p>
290 | </div>
291 | <!-- end .grid_1.prefix_15.suffix_8 -->
292 | <div class="clear"></div>
293 | <div class="grid_1 prefix_16 suffix_7">
294 | <p>
295 | 30
296 | </p>
297 | </div>
298 | <!-- end .grid_1.prefix_16.suffix_7 -->
299 | <div class="clear"></div>
300 | <div class="grid_1 prefix_17 suffix_6">
301 | <p>
302 | 30
303 | </p>
304 | </div>
305 | <!-- end .grid_1.prefix_17.suffix_6 -->
306 | <div class="clear"></div>
307 | <div class="grid_1 prefix_18 suffix_5">
308 | <p>
309 | 30
310 | </p>
311 | </div>
312 | <!-- end .grid_1.prefix_18.suffix_5 -->
313 | <div class="clear"></div>
314 | <div class="grid_1 prefix_19 suffix_4">
315 | <p>
316 | 30
317 | </p>
318 | </div>
319 | <!-- end .grid_1.prefix_19.suffix_4 -->
320 | <div class="clear"></div>
321 | <div class="grid_1 prefix_20 suffix_3">
322 | <p>
323 | 30
324 | </p>
325 | </div>
326 | <!-- end .grid_1.prefix_20.suffix_3 -->
327 | <div class="clear"></div>
328 | <div class="grid_1 prefix_21 suffix_2">
329 | <p>
330 | 30
331 | </p>
332 | </div>
333 | <!-- end .grid_1.prefix_21.suffix_2 -->
334 | <div class="clear"></div>
335 | <div class="grid_1 prefix_22 suffix_1">
336 | <p>
337 | 30
338 | </p>
339 | </div>
340 | <!-- end .grid_1.prefix_22.suffix_1 -->
341 | <div class="clear"></div>
342 | <div class="grid_1 prefix_23">
343 | <p>
344 | 30
345 | </p>
346 | </div>
347 | <!-- end .grid_1.prefix_23 -->
348 | <div class="clear"></div>
349 | <div class="grid_12 push_12">
350 | <div class="grid_6 alpha">
351 | <p>
352 | 230
353 | </p>
354 | </div>
355 | <!-- end .grid_6.alpha -->
356 | <div class="grid_6 omega">
357 | <p>
358 | 230
359 | </p>
360 | </div>
361 | <!-- end .grid_6.omega -->
362 | <div class="clear"></div>
363 | <div class="grid_1 alpha">
364 | <p>
365 | 30
366 | </p>
367 | </div>
368 | <!-- end .grid_1.alpha -->
369 | <div class="grid_11 omega">
370 | <p>
371 | 430
372 | </p>
373 | </div>
374 | <!-- end .grid_11.omega -->
375 | </div>
376 | <!-- end .grid_12.push_12 -->
377 | <div class="grid_12 pull_12">
378 | <div class="grid_1 alpha">
379 | <p>
380 | 30
381 | </p>
382 | </div>
383 | <!-- end .grid_1.alpha -->
384 | <div class="grid_11 omega">
385 | <p>
386 | 430
387 | </p>
388 | </div>
389 | <!-- end .grid_11.omega -->
390 | <div class="clear"></div>
391 | <div class="grid_6 alpha">
392 | <p>
393 | 230
394 | </p>
395 | </div>
396 | <!-- end .grid_6.alpha -->
397 | <div class="grid_6 omega">
398 | <p>
399 | 230
400 | </p>
401 | </div>
402 | <!-- end .grid_6.omega -->
403 | </div>
404 | <!-- end .grid_12.pull_12 -->
405 | </div>
406 | <!-- end .container_24 -->
407 | </body>
408 | </html>
--------------------------------------------------------------------------------
/code/demo_rtl.html:
--------------------------------------------------------------------------------
1 | <!DOCTYPE html>
2 | <html lang="en" dir="rtl">
3 | <head>
4 | <meta charset="utf-8" />
5 | <title>960 Grid System — Demo</title>
6 | <link rel="stylesheet" href="css/reset_rtl.css" />
7 | <link rel="stylesheet" href="css/text_rtl.css" />
8 | <link rel="stylesheet" href="css/960_rtl.css" />
9 | <link rel="stylesheet" href="css/demo.css" />
10 | </head>
11 | <body>
12 | <h1>
13 | <a href="http://960.gs/">960 Grid System</a>
14 | </h1>
15 | <div class="container_12">
16 | <h2>
17 | 12 Column Grid
18 | </h2>
19 | <div class="grid_12">
20 | <p>
21 | 940
22 | </p>
23 | </div>
24 | <!-- end .grid_12 -->
25 | <div class="clear"></div>
26 | <div class="grid_1">
27 | <p>
28 | 60
29 | </p>
30 | </div>
31 | <!-- end .grid_1 -->
32 | <div class="grid_11">
33 | <p>
34 | 860
35 | </p>
36 | </div>
37 | <!-- end .grid_11 -->
38 | <div class="clear"></div>
39 | <div class="grid_2">
40 | <p>
41 | 140
42 | </p>
43 | </div>
44 | <!-- end .grid_2 -->
45 | <div class="grid_10">
46 | <p>
47 | 780
48 | </p>
49 | </div>
50 | <!-- end .grid_10 -->
51 | <div class="clear"></div>
52 | <div class="grid_3">
53 | <p>
54 | 220
55 | </p>
56 | </div>
57 | <!-- end .grid_3 -->
58 | <div class="grid_9">
59 | <p>
60 | 700
61 | </p>
62 | </div>
63 | <!-- end .grid_9 -->
64 | <div class="clear"></div>
65 | <div class="grid_4">
66 | <p>
67 | 300
68 | </p>
69 | </div>
70 | <!-- end .grid_4 -->
71 | <div class="grid_8">
72 | <p>
73 | 620
74 | </p>
75 | </div>
76 | <!-- end .grid_8 -->
77 | <div class="clear"></div>
78 | <div class="grid_5">
79 | <p>
80 | 380
81 | </p>
82 | </div>
83 | <!-- end .grid_5 -->
84 | <div class="grid_7">
85 | <p>
86 | 540
87 | </p>
88 | </div>
89 | <!-- end .grid_7 -->
90 | <div class="clear"></div>
91 | <div class="grid_6">
92 | <p>
93 | 460
94 | </p>
95 | </div>
96 | <!-- end .grid_6 -->
97 | <div class="grid_6">
98 | <p>
99 | 460
100 | </p>
101 | </div>
102 | <!-- end .grid_6 -->
103 | <div class="clear"></div>
104 | <div class="grid_1 suffix_11">
105 | <p>
106 | 60
107 | </p>
108 | </div>
109 | <!-- end .grid_1.suffix_11 -->
110 | <div class="clear"></div>
111 | <div class="grid_1 prefix_1 suffix_10">
112 | <p>
113 | 60
114 | </p>
115 | </div>
116 | <!-- end .grid_1.prefix_1.suffix_10 -->
117 | <div class="clear"></div>
118 | <div class="grid_1 prefix_2 suffix_9">
119 | <p>
120 | 60
121 | </p>
122 | </div>
123 | <!-- end .grid_1.prefix_2.suffix_9 -->
124 | <div class="clear"></div>
125 | <div class="grid_1 prefix_3 suffix_8">
126 | <p>
127 | 60
128 | </p>
129 | </div>
130 | <!-- end .grid_1.prefix_3.suffix_8 -->
131 | <div class="clear"></div>
132 | <div class="grid_1 prefix_4 suffix_7">
133 | <p>
134 | 60
135 | </p>
136 | </div>
137 | <!-- end .grid_1.prefix_4.suffix_7 -->
138 | <div class="clear"></div>
139 | <div class="grid_1 prefix_5 suffix_6">
140 | <p>
141 | 60
142 | </p>
143 | </div>
144 | <!-- end .grid_1.prefix_5.suffix_6 -->
145 | <div class="clear"></div>
146 | <div class="grid_1 prefix_6 suffix_5">
147 | <p>
148 | 60
149 | </p>
150 | </div>
151 | <!-- end .grid_1.prefix_6.suffix_5 -->
152 | <div class="clear"></div>
153 | <div class="grid_1 prefix_7 suffix_4">
154 | <p>
155 | 60
156 | </p>
157 | </div>
158 | <!-- end .grid_1.prefix_7.suffix_4 -->
159 | <div class="clear"></div>
160 | <div class="grid_1 prefix_8 suffix_3">
161 | <p>
162 | 60
163 | </p>
164 | </div>
165 | <!-- end .grid_1.prefix_8.suffix_3 -->
166 | <div class="clear"></div>
167 | <div class="grid_1 prefix_9 suffix_2">
168 | <p>
169 | 60
170 | </p>
171 | </div>
172 | <!-- end .grid_1.prefix_9.suffix_2 -->
173 | <div class="clear"></div>
174 | <div class="grid_1 prefix_10 suffix_1">
175 | <p>
176 | 60
177 | </p>
178 | </div>
179 | <!-- end .grid_1.prefix_10.suffix_1 -->
180 | <div class="clear"></div>
181 | <div class="grid_1 prefix_11">
182 | <p>
183 | 60
184 | </p>
185 | </div>
186 | <!-- end .grid_1.prefix_11 -->
187 | <div class="clear"></div>
188 | <div class="grid_6 push_6">
189 | <div class="grid_1 alpha">
190 | <p>
191 | 60
192 | </p>
193 | </div>
194 | <!-- end .grid_1.alpha -->
195 | <div class="grid_5 omega">
196 | <p>
197 | 380
198 | </p>
199 | </div>
200 | <!-- end .grid_5.omega -->
201 | <div class="clear"></div>
202 | <div class="grid_3 alpha">
203 | <p>
204 | 220
205 | </p>
206 | </div>
207 | <!-- end .grid_3.alpha -->
208 | <div class="grid_3 omega">
209 | <p>
210 | 220
211 | </p>
212 | </div>
213 | <!-- end .grid_3.omega -->
214 | </div>
215 | <!-- end .grid_6.push_6 -->
216 | <div class="grid_6 pull_6">
217 | <div class="grid_3 alpha">
218 | <p>
219 | 220
220 | </p>
221 | </div>
222 | <!-- end .grid_3.alpha -->
223 | <div class="grid_3 omega">
224 | <p>
225 | 220
226 | </p>
227 | </div>
228 | <!-- end .grid_3.omega -->
229 | <div class="clear"></div>
230 | <div class="grid_1 alpha">
231 | <p>
232 | 60
233 | </p>
234 | </div>
235 | <!-- end .grid_1.alpha -->
236 | <div class="grid_5 omega">
237 | <p>
238 | 380
239 | </p>
240 | </div>
241 | <!-- end .grid_5.omega -->
242 | </div>
243 | <!-- end .grid_6.pull_6 -->
244 | </div>
245 | <!-- end .container_12 -->
246 | <div class="container_16">
247 | <h2>
248 | 16 Column Grid
249 | </h2>
250 | <div class="grid_16">
251 | <p>
252 | 940
253 | </p>
254 | </div>
255 | <!-- end .grid_16 -->
256 | <div class="clear"></div>
257 | <div class="grid_1">
258 | <p>
259 | 40
260 | </p>
261 | </div>
262 | <!-- end .grid_1 -->
263 | <div class="grid_15">
264 | <p>
265 | 880
266 | </p>
267 | </div>
268 | <!-- end .grid_15 -->
269 | <div class="clear"></div>
270 | <div class="grid_2">
271 | <p>
272 | 100
273 | </p>
274 | </div>
275 | <!-- end .grid_2 -->
276 | <div class="grid_14">
277 | <p>
278 | 820
279 | </p>
280 | </div>
281 | <!-- end .grid_14 -->
282 | <div class="clear"></div>
283 | <div class="grid_3">
284 | <p>
285 | 160
286 | </p>
287 | </div>
288 | <!-- end .grid_3 -->
289 | <div class="grid_13">
290 | <p>
291 | 760
292 | </p>
293 | </div>
294 | <!-- end .grid_13 -->
295 | <div class="clear"></div>
296 | <div class="grid_4">
297 | <p>
298 | 220
299 | </p>
300 | </div>
301 | <!-- end .grid_4 -->
302 | <div class="grid_12">
303 | <p>
304 | 700
305 | </p>
306 | </div>
307 | <!-- end .grid_12 -->
308 | <div class="clear"></div>
309 | <div class="grid_5">
310 | <p>
311 | 280
312 | </p>
313 | </div>
314 | <!-- end .grid_5 -->
315 | <div class="grid_11">
316 | <p>
317 | 640
318 | </p>
319 | </div>
320 | <!-- end .grid_11 -->
321 | <div class="clear"></div>
322 | <div class="grid_6">
323 | <p>
324 | 340
325 | </p>
326 | </div>
327 | <!-- end .grid_6 -->
328 | <div class="grid_10">
329 | <p>
330 | 580
331 | </p>
332 | </div>
333 | <!-- end .grid_10 -->
334 | <div class="clear"></div>
335 | <div class="grid_7">
336 | <p>
337 | 400
338 | </p>
339 | </div>
340 | <!-- end .grid_7 -->
341 | <div class="grid_9">
342 | <p>
343 | 520
344 | </p>
345 | </div>
346 | <!-- end .grid_9 -->
347 | <div class="clear"></div>
348 | <div class="grid_8">
349 | <p>
350 | 460
351 | </p>
352 | </div>
353 | <!-- end .grid_8 -->
354 | <div class="grid_8">
355 | <p>
356 | 460
357 | </p>
358 | </div>
359 | <!-- end .grid_8 -->
360 | <div class="clear"></div>
361 | <div class="grid_1 suffix_15">
362 | <p>
363 | 40
364 | </p>
365 | </div>
366 | <!-- end .grid_1.suffix_15 -->
367 | <div class="clear"></div>
368 | <div class="grid_1 prefix_1 suffix_14">
369 | <p>
370 | 40
371 | </p>
372 | </div>
373 | <!-- end .grid_1.prefix_1.suffix_14 -->
374 | <div class="clear"></div>
375 | <div class="grid_1 prefix_2 suffix_13">
376 | <p>
377 | 40
378 | </p>
379 | </div>
380 | <!-- end .grid_1.prefix_2.suffix_13 -->
381 | <div class="clear"></div>
382 | <div class="grid_1 prefix_3 suffix_12">
383 | <p>
384 | 40
385 | </p>
386 | </div>
387 | <!-- end .grid_1.prefix_3.suffix_12 -->
388 | <div class="clear"></div>
389 | <div class="grid_1 prefix_4 suffix_11">
390 | <p>
391 | 40
392 | </p>
393 | </div>
394 | <!-- end .grid_1.prefix_4.suffix_11 -->
395 | <div class="clear"></div>
396 | <div class="grid_1 prefix_5 suffix_10">
397 | <p>
398 | 40
399 | </p>
400 | </div>
401 | <!-- end .grid_1.prefix_5.suffix_10 -->
402 | <div class="clear"></div>
403 | <div class="grid_1 prefix_6 suffix_9">
404 | <p>
405 | 40
406 | </p>
407 | </div>
408 | <!-- end .grid_1.prefix_6.suffix_9 -->
409 | <div class="clear"></div>
410 | <div class="grid_1 prefix_7 suffix_8">
411 | <p>
412 | 40
413 | </p>
414 | </div>
415 | <!-- end .grid_1.prefix_7.suffix_8 -->
416 | <div class="clear"></div>
417 | <div class="grid_1 prefix_8 suffix_7">
418 | <p>
419 | 40
420 | </p>
421 | </div>
422 | <!-- end .grid_1.prefix_8.suffix_7 -->
423 | <div class="clear"></div>
424 | <div class="grid_1 prefix_9 suffix_6">
425 | <p>
426 | 40
427 | </p>
428 | </div>
429 | <!-- end .grid_1.prefix_9.suffix_6 -->
430 | <div class="clear"></div>
431 | <div class="grid_1 prefix_10 suffix_5">
432 | <p>
433 | 40
434 | </p>
435 | </div>
436 | <!-- end .grid_1.prefix_10.suffix_5 -->
437 | <div class="clear"></div>
438 | <div class="grid_1 prefix_11 suffix_4">
439 | <p>
440 | 40
441 | </p>
442 | </div>
443 | <!-- end .grid_1.prefix_11.suffix_4 -->
444 | <div class="clear"></div>
445 | <div class="grid_1 prefix_12 suffix_3">
446 | <p>
447 | 40
448 | </p>
449 | </div>
450 | <!-- end .grid_1.prefix_12.suffix_3 -->
451 | <div class="clear"></div>
452 | <div class="grid_1 prefix_13 suffix_2">
453 | <p>
454 | 40
455 | </p>
456 | </div>
457 | <!-- end .grid_1.prefix_13.suffix_2 -->
458 | <div class="clear"></div>
459 | <div class="grid_1 prefix_14 suffix_1">
460 | <p>
461 | 40
462 | </p>
463 | </div>
464 | <!-- end .grid_1.prefix_14.suffix_1 -->
465 | <div class="clear"></div>
466 | <div class="grid_1 prefix_15">
467 | <p>
468 | 40
469 | </p>
470 | </div>
471 | <!-- end .grid_1.prefix_15 -->
472 | <div class="clear"></div>
473 | <div class="grid_8 push_8">
474 | <div class="grid_1 alpha">
475 | <p>
476 | 40
477 | </p>
478 | </div>
479 | <!-- end .grid_1.alpha -->
480 | <div class="grid_7 omega">
481 | <p>
482 | 400
483 | </p>
484 | </div>
485 | <!-- end .grid_7.omega -->
486 | <div class="clear"></div>
487 | <div class="grid_4 alpha">
488 | <p>
489 | 220
490 | </p>
491 | </div>
492 | <!-- end .grid_4.alpha -->
493 | <div class="grid_4 omega">
494 | <p>
495 | 220
496 | </p>
497 | </div>
498 | <!-- end .grid_4.omega -->
499 | </div>
500 | <!-- end .grid_8.push_8 -->
501 | <div class="grid_8 pull_8">
502 | <div class="grid_4 alpha">
503 | <p>
504 | 220
505 | </p>
506 | </div>
507 | <!-- end .grid_4.alpha -->
508 | <div class="grid_4 omega">
509 | <p>
510 | 220
511 | </p>
512 | </div>
513 | <!-- end .grid_4.omega -->
514 | <div class="clear"></div>
515 | <div class="grid_1 alpha">
516 | <p>
517 | 40
518 | </p>
519 | </div>
520 | <!-- end .grid_1.alpha -->
521 | <div class="grid_7 omega">
522 | <p>
523 | 400
524 | </p>
525 | </div>
526 | <!-- end .grid_7.omega -->
527 | </div>
528 | <!-- end .grid_8.pull_8 -->
529 | </div>
530 | <!-- end .container_16 -->
531 | </body>
532 | </html>
--------------------------------------------------------------------------------
/code/img/12_col.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/code/img/12_col.gif
--------------------------------------------------------------------------------
/code/img/16_col.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/code/img/16_col.gif
--------------------------------------------------------------------------------
/code/img/24_col.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/code/img/24_col.gif
--------------------------------------------------------------------------------
/licenses/MIT_license.txt:
--------------------------------------------------------------------------------
1 | Copyright (c) 2008 Nathan Smith, http://960.gs/
2 |
3 | Permission is hereby granted, free of charge, to any person obtaining
4 | a copy of this software and associated documentation files (the
5 | "Software"), to deal in the Software without restriction, including
6 | without limitation the rights to use, copy, modify, merge, publish,
7 | distribute, sublicense, and/or sell copies of the Software, and to
8 | permit persons to whom the Software is furnished to do so, subject to
9 | the following conditions:
10 |
11 | The above copyright notice and this permission notice shall be
12 | included in all copies or substantial portions of the Software.
13 |
14 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
15 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
16 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
17 | NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
18 | LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
19 | OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
20 | WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
--------------------------------------------------------------------------------
/logo_files/960_logo.ai:
--------------------------------------------------------------------------------
1 | %!PS-Adobe-3.0
2 | %%Creator: Adobe Fireworks CS5
3 | %%DocumentNeededResources: procset Adobe_level2_AI5 1.0 0
4 | %%+ procset Adobe_packedarray 2.0 0
5 | %%+ procset Adobe_cmykcolor 1.1 0
6 | %%+ procset Adobe_cshow 1.1 0
7 | %%+ procset Adobe_customcolor 1.0 0
8 | %%+ procset Adobe_typography_AI5 1.0 0
9 | %%+ procset Adobe_Illustrator_AI5 1.0 0
10 | %%BoundingBox:0 0 395 259
11 | %AI3_TemplateBox: 0 0 395 259
12 | %%PageOrigin:0 0
13 | %AI5_FileFormat 3
14 | %AI3_ColorUsage: Color
15 | %%DocumentProcessColors: Cyan Magenta Yellow Black
16 | %%EndComments
17 | %%BeginProlog
18 | %%EndProlog
19 | %%BeginSetup
20 | Adobe_packedarray /initialize get exec
21 | Adobe_cmykcolor /initialize get exec
22 | Adobe_cshow /initialize get exec
23 | Adobe_customcolor /initialize get exec
24 | Adobe_typography_AI5 /initialize get exec
25 | Adobe_Illustrator_AI5 /initialize get exec
26 | %%EndSetup
27 | 1 1 1 1 0 0 0 79 128 255 Lb
28 | (Layer 1) Ln
29 | *u
30 | 0.000 0.000 0.000 Xa
31 | 1 XR
32 | 106.38 152.97 m
33 | 106.38 142.47 103.26 130.27 97.87 117.79 c
34 | 86.52 109.28 76.59 105.31 65.81 105.31 c
35 | 50.78 105.31 41.42 115.80 41.42 132.82 c
36 | 41.42 161.48 58.72 183.04 80.85 183.04 c
37 | 97.01 183.04 106.38 171.41 106.38 152.97 c
38 | f
39 | 139.83 154.08 m
40 | 139.09 188.30 119.09 207.15 86.52 207.15 c
41 | 43.68 207.15 7.38 174.24 7.38 129.99 c
42 | 7.38 101.62 26.38 80.34 53.61 80.34 c
43 | 66.66 80.34 76.31 83.75 86.52 89.99 c
44 | 72.34 59.91 0.00 0.91 0.00 0.91 c
45 | 27.23 7.15 58.44 22.47 82.55 42.33 c
46 | 106.29 61.87 123.21 85.05 132.25 109.83 c
47 | 133.48 75.83 153.15 55.09 186.65 55.09 c
48 | 219.46 55.09 247.77 73.89 259.23 101.94 c
49 | 261.48 71.40 279.40 55.09 310.90 55.09 c
50 | 331.04 55.09 348.34 61.90 362.24 73.82 c
51 | 382.95 91.69 395.43 123.75 395.43 151.26 c
52 | 395.43 187.01 376.71 205.45 342.95 205.45 c
53 | 321.40 205.45 303.24 197.51 289.06 184.17 c
54 | 277.34 173.16 268.65 156.97 263.70 140.06 c
55 | 259.35 162.04 240.77 176.51 217.01 176.51 c
56 | 201.69 176.51 189.49 172.26 179.28 164.88 c
57 | 185.80 177.65 192.61 187.29 200.27 195.52 c
58 | 218.71 215.38 269.48 259.92 269.48 259.92 c
59 | 242.54 252.54 208.78 236.37 184.67 215.38 c
60 | 163.87 197.27 148.40 176.55 139.83 154.08 c
61 | f
62 | 230.91 126.30 m
63 | 230.91 99.92 213.60 78.92 191.19 78.92 c
64 | 175.02 78.92 165.09 90.84 165.09 109.28 c
65 | 165.09 118.92 167.36 130.27 171.05 139.92 c
66 | 184.38 147.86 196.01 151.83 206.79 151.83 c
67 | 221.54 151.83 230.91 143.32 230.91 126.30 c
68 | f
69 | 361.96 155.24 m
70 | 361.96 134.53 355.72 107.01 342.95 91.97 c
71 | 335.86 83.75 327.07 78.64 316.29 78.64 c
72 | 300.97 78.64 292.18 85.73 292.18 105.87 c
73 | 292.18 123.75 298.42 152.68 310.33 167.72 c
74 | 317.42 176.51 326.50 181.90 337.85 181.90 c
75 | 353.17 181.90 361.96 175.09 361.96 155.24 c
76 | f
77 | *U
78 | *u
79 | 0.000 0.000 0.000 Xa
80 | 1 XR
81 | 143.93 2.70 m
82 | 143.93 17.08 l
83 | 132.28 17.08 l
84 | 133.01 12.71 l
85 | 138.42 12.71 l
86 | 138.42 5.04 l
87 | 137.23 4.45 135.86 4.10 134.21 4.10 c
88 | 131.78 4.10 129.48 4.91 128.20 6.32 c
89 | 126.69 7.98 125.86 10.88 125.86 15.23 c
90 | 125.86 22.57 128.02 27.61 133.89 27.61 c
91 | 136.32 27.61 138.38 26.89 140.63 25.22 c
92 | 143.36 28.48 l
93 | 140.68 30.76 137.42 31.88 133.79 31.88 c
94 | 130.72 31.88 128.25 31.13 125.95 29.37 c
95 | 122.27 26.44 120.45 21.94 120.45 15.50 c
96 | 120.45 10.63 121.47 7.30 123.70 4.53 c
97 | 126.00 1.45 129.44 0.00 133.89 0.00 c
98 | 137.42 0.00 140.96 0.93 143.93 2.70 c
99 | f
100 | 159.32 27.55 m
101 | 164.02 27.55 165.78 25.80 165.78 22.40 c
102 | 165.78 20.65 165.22 19.24 164.35 18.32 c
103 | 163.38 17.30 161.90 16.93 159.13 16.93 c
104 | 156.41 16.93 l
105 | 156.41 27.55 l
106 | 159.32 27.55 l
107 | f
108 | 172.90 0.01 m
109 | 168.27 7.67 l
110 | 166.64 10.32 164.53 13.38 163.38 13.94 c
111 | 168.14 13.94 171.22 17.25 171.22 22.45 c
112 | 171.22 27.69 168.04 31.88 160.93 31.88 c
113 | 151.09 31.88 l
114 | 151.09 0.01 l
115 | 156.41 0.01 l
116 | 156.41 13.74 l
117 | 157.42 13.70 157.88 13.38 158.48 12.79 c
118 | 160.24 11.05 161.72 8.86 163.93 4.98 c
119 | 166.68 0.01 l
120 | 172.90 0.01 l
121 | f
122 | 183.87 0.01 m
123 | 183.87 31.76 l
124 | 178.32 31.76 l
125 | 178.32 0.01 l
126 | 183.87 0.01 l
127 | f
128 | 208.86 15.30 m
129 | 208.86 8.09 206.59 4.37 200.92 4.37 c
130 | 197.39 4.37 l
131 | 197.39 27.65 l
132 | 200.78 27.65 l
133 | 203.66 27.65 205.34 26.91 206.82 24.89 c
134 | 208.49 22.64 208.86 19.38 208.86 15.30 c
135 | f
136 | 214.28 15.85 m
137 | 214.28 20.81 213.26 24.62 211.11 27.32 c
138 | 208.31 30.76 204.73 31.88 198.69 31.88 c
139 | 191.94 31.88 l
140 | 191.94 0.00 l
141 | 199.95 0.00 l
142 | 205.94 0.00 208.72 1.07 211.19 4.51 c
143 | 213.18 7.26 214.28 11.03 214.28 15.85 c
144 | f
145 | 250.58 9.92 m
146 | 250.58 14.44 247.63 17.22 243.13 18.48 c
147 | 239.16 19.52 l
148 | 235.86 20.39 234.70 21.34 234.70 23.21 c
149 | 234.70 25.69 236.88 27.29 240.18 27.29 c
150 | 242.84 27.29 244.98 26.64 247.71 24.99 c
151 | 249.91 28.58 l
152 | 247.33 30.58 243.81 31.65 239.98 31.65 c
153 | 233.43 31.65 229.38 27.79 229.38 22.47 c
154 | 229.38 20.74 229.80 19.30 230.60 18.09 c
155 | 231.70 16.39 233.60 15.26 236.49 14.48 c
156 | 240.08 13.57 l
157 | 243.52 12.70 245.07 11.31 245.07 9.10 c
158 | 245.07 6.10 242.60 4.32 238.48 4.32 c
159 | 235.09 4.32 232.72 5.23 230.10 6.79 c
160 | 228.16 2.89 l
161 | 231.11 0.98 234.49 0.00 238.29 0.00 c
162 | 246.66 0.00 250.58 4.93 250.58 9.92 c
163 | f
164 | 277.65 31.76 m
165 | 271.57 31.76 l
166 | 266.76 21.74 l
167 | 265.94 20.00 265.04 17.75 265.04 17.75 c
168 | 265.04 17.75 264.31 19.81 263.36 21.83 c
169 | 258.64 31.76 l
170 | 252.33 31.76 l
171 | 262.22 12.90 l
172 | 262.22 0.01 l
173 | 267.62 0.01 l
174 | 267.62 12.86 l
175 | 277.65 31.76 l
176 | f
177 | 300.51 9.92 m
178 | 300.51 14.44 297.56 17.22 293.06 18.48 c
179 | 289.09 19.52 l
180 | 285.79 20.39 284.63 21.34 284.63 23.21 c
181 | 284.63 25.69 286.81 27.29 290.10 27.29 c
182 | 292.77 27.29 294.90 26.64 297.64 24.99 c
183 | 299.83 28.58 l
184 | 297.26 30.58 293.74 31.65 289.91 31.65 c
185 | 283.36 31.65 279.31 27.79 279.31 22.47 c
186 | 279.31 20.74 279.73 19.30 280.53 18.09 c
187 | 281.63 16.39 283.53 15.26 286.42 14.48 c
188 | 290.01 13.57 l
189 | 293.45 12.70 295.00 11.31 295.00 9.10 c
190 | 295.00 6.10 292.53 4.32 288.41 4.32 c
191 | 285.01 4.32 282.64 5.23 280.02 6.79 c
192 | 278.08 2.89 l
193 | 281.04 0.98 284.41 0.00 288.21 0.00 c
194 | 296.58 0.00 300.51 4.93 300.51 9.92 c
195 | f
196 | 326.20 31.80 m
197 | 304.27 31.80 l
198 | 304.27 27.50 l
199 | 312.21 27.50 l
200 | 312.21 0.01 l
201 | 317.62 0.01 l
202 | 317.62 27.50 l
203 | 325.52 27.50 l
204 | 326.20 31.80 l
205 | f
206 | 347.30 0.08 m
207 | 347.30 4.48 l
208 | 334.73 4.48 l
209 | 334.73 14.75 l
210 | 344.31 14.75 l
211 | 344.31 19.17 l
212 | 334.64 19.17 l
213 | 334.64 27.52 l
214 | 346.17 27.52 l
215 | 346.85 31.88 l
216 | 329.23 31.88 l
217 | 329.23 0.08 l
218 | 347.30 0.08 l
219 | f
220 | 385.10 0.01 m
221 | 382.33 31.76 l
222 | 375.39 31.76 l
223 | 370.44 13.73 l
224 | 369.85 11.53 369.45 9.52 369.31 8.56 c
225 | 369.13 9.52 368.86 11.16 368.13 13.82 c
226 | 363.32 31.76 l
227 | 356.38 31.76 l
228 | 353.52 0.01 l
229 | 358.65 0.01 l
230 | 360.01 19.22 l
231 | 360.14 21.19 360.32 24.07 360.32 25.12 c
232 | 360.51 24.07 361.10 21.37 361.69 19.27 c
233 | 366.90 0.01 l
234 | 371.35 0.01 l
235 | 377.07 20.13 l
236 | 377.66 22.15 378.07 24.02 378.29 25.08 c
237 | 378.29 24.12 378.39 21.74 378.52 19.72 c
238 | 379.97 0.01 l
239 | 385.10 0.01 l
240 | f
241 | *U
242 | LB
243 | %%PageTrailer
244 | gsave annotatepage grestore showpage
245 | %%Trailer
246 | Adobe_Illustrator_AI5 /terminate get exec
247 | Adobe_typography_AI5 /terminate get exec
248 | Adobe_customcolor /terminate get exec
249 | Adobe_cshow /terminate get exec
250 | Adobe_cmykcolor /terminate get exec
251 | Adobe_packedarray /terminate get exec
252 | %%EOF
253 |
--------------------------------------------------------------------------------
/logo_files/960_logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/logo_files/960_logo.png
--------------------------------------------------------------------------------
/logo_files/960_logo.psd:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/logo_files/960_logo.psd
--------------------------------------------------------------------------------
/logo_files/LOGO_USAGE.txt:
--------------------------------------------------------------------------------
1 | =======================
2 | 960 GRID SYSTEM - LOGOS
3 | =======================
4 |
5 | I've had several people ask for the 960 logo in various formats.
6 |
7 | These files are here for you to use, if you incorporate 960 into
8 | a third party theme, template, tool, etc. I just ask that if you
9 | do use this logo, that you do so to promote the 960 Grid System,
10 | but not repurpose it for your own company and/or personal brand.
11 |
12 | Thanks!
13 |
14 | -- Nathan Smith
--------------------------------------------------------------------------------
/sketch_sheets/960_sketch_12_col.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/sketch_sheets/960_sketch_12_col.pdf
--------------------------------------------------------------------------------
/sketch_sheets/960_sketch_16_col.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/sketch_sheets/960_sketch_16_col.pdf
--------------------------------------------------------------------------------
/sketch_sheets/960_sketch_24_col.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/sketch_sheets/960_sketch_24_col.pdf
--------------------------------------------------------------------------------
/sketch_sheets/960_sketch_all.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/sketch_sheets/960_sketch_all.pdf
--------------------------------------------------------------------------------
/templates/acorn/960_grid_12_col.acorn:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/acorn/960_grid_12_col.acorn
--------------------------------------------------------------------------------
/templates/acorn/960_grid_16_col.acorn:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/acorn/960_grid_16_col.acorn
--------------------------------------------------------------------------------
/templates/acorn/960_grid_24_col.acorn:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/acorn/960_grid_24_col.acorn
--------------------------------------------------------------------------------
/templates/affinity_designer/960_grid_12_col.afdesign:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/affinity_designer/960_grid_12_col.afdesign
--------------------------------------------------------------------------------
/templates/corel_draw/960_grid_12_col.cdt:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/corel_draw/960_grid_12_col.cdt
--------------------------------------------------------------------------------
/templates/corel_draw/960_grid_16_col.cdt:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/corel_draw/960_grid_16_col.cdt
--------------------------------------------------------------------------------
/templates/corel_draw/960_grid_24_col.cdt:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/corel_draw/960_grid_24_col.cdt
--------------------------------------------------------------------------------
/templates/expression_design/960_grid_12_col.design:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/expression_design/960_grid_12_col.design
--------------------------------------------------------------------------------
/templates/expression_design/960_grid_16_col.design:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/expression_design/960_grid_16_col.design
--------------------------------------------------------------------------------
/templates/expression_design/960_grid_24_col.design:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/expression_design/960_grid_24_col.design
--------------------------------------------------------------------------------
/templates/fireworks/960_grid_12_col.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/fireworks/960_grid_12_col.png
--------------------------------------------------------------------------------
/templates/fireworks/960_grid_16_col.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/fireworks/960_grid_16_col.png
--------------------------------------------------------------------------------
/templates/fireworks/960_grid_24_col.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/fireworks/960_grid_24_col.png
--------------------------------------------------------------------------------
/templates/flash/960_grid_12_col.fla:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/flash/960_grid_12_col.fla
--------------------------------------------------------------------------------
/templates/flash/960_grid_16_col.fla:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/flash/960_grid_16_col.fla
--------------------------------------------------------------------------------
/templates/flash/960_grid_24_col.fla:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/flash/960_grid_24_col.fla
--------------------------------------------------------------------------------
/templates/gimp/960_grid_12_col.xcf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/gimp/960_grid_12_col.xcf
--------------------------------------------------------------------------------
/templates/gimp/960_grid_16_col.xcf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/gimp/960_grid_16_col.xcf
--------------------------------------------------------------------------------
/templates/gimp/960_grid_24_col.xcf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/gimp/960_grid_24_col.xcf
--------------------------------------------------------------------------------
/templates/illustrator/960_grid_12_col.ai:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/illustrator/960_grid_12_col.ai
--------------------------------------------------------------------------------
/templates/illustrator/960_grid_12_col_cs5.ait:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/illustrator/960_grid_12_col_cs5.ait
--------------------------------------------------------------------------------
/templates/illustrator/960_grid_16_col.ai:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/illustrator/960_grid_16_col.ai
--------------------------------------------------------------------------------
/templates/illustrator/960_grid_16_col_cs5.ait:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/illustrator/960_grid_16_col_cs5.ait
--------------------------------------------------------------------------------
/templates/illustrator/960_grid_24_col.ai:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/illustrator/960_grid_24_col.ai
--------------------------------------------------------------------------------
/templates/illustrator/960_grid_24_col_cs5.ait:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/illustrator/960_grid_24_col_cs5.ait
--------------------------------------------------------------------------------
/templates/indesign/cs4/960_grid_12_col.idml:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/indesign/cs4/960_grid_12_col.idml
--------------------------------------------------------------------------------
/templates/indesign/cs4/960_grid_16_col.idml:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/indesign/cs4/960_grid_16_col.idml
--------------------------------------------------------------------------------
/templates/indesign/cs4/960_grid_24_col.idml:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/indesign/cs4/960_grid_24_col.idml
--------------------------------------------------------------------------------
/templates/indesign/cs5/960_grid_12_col.indt:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/indesign/cs5/960_grid_12_col.indt
--------------------------------------------------------------------------------
/templates/indesign/cs5/960_grid_16_col.indt:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/indesign/cs5/960_grid_16_col.indt
--------------------------------------------------------------------------------
/templates/indesign/cs5/960_grid_24_col.indt:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/indesign/cs5/960_grid_24_col.indt
--------------------------------------------------------------------------------
/templates/inkscape/960_grid_12_col.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2 | <!-- Created with Inkscape (http://www.inkscape.org/) -->
3 | <svg
4 | xmlns:dc="http://purl.org/dc/elements/1.1/"
5 | xmlns:cc="http://creativecommons.org/ns#"
6 | xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
7 | xmlns:svg="http://www.w3.org/2000/svg"
8 | xmlns="http://www.w3.org/2000/svg"
9 | xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
10 | xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
11 | width="1020"
12 | height="1020"
13 | id="svg2"
14 | sodipodi:version="0.32"
15 | inkscape:version="0.46"
16 | version="1.0"
17 | sodipodi:docname="960-12.svg"
18 | inkscape:output_extension="org.inkscape.output.svg.inkscape">
19 | <metadata
20 | id="metadata2425">
21 | <rdf:RDF>
22 | <cc:Work
23 | rdf:about="">
24 | <dc:format>image/svg+xml</dc:format>
25 | <dc:type
26 | rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
27 | </cc:Work>
28 | </rdf:RDF>
29 | </metadata>
30 | <defs
31 | id="defs4" />
32 | <sodipodi:namedview
33 | id="base"
34 | pagecolor="#ffffff"
35 | bordercolor="#666666"
36 | borderopacity="1.0"
37 | gridtolerance="10000"
38 | guidetolerance="10"
39 | objecttolerance="10"
40 | inkscape:pageopacity="0.0"
41 | inkscape:pageshadow="2"
42 | inkscape:zoom="0.5245098"
43 | inkscape:cx="510"
44 | inkscape:cy="510"
45 | inkscape:document-units="px"
46 | inkscape:current-layer="svg2"
47 | showgrid="true"
48 | showguides="true"
49 | inkscape:guide-bbox="true"
50 | inkscape:window-width="1280"
51 | inkscape:window-height="732"
52 | inkscape:window-x="0"
53 | inkscape:window-y="25">
54 | <sodipodi:guide
55 | position="30,0"
56 | orientation="1,0"
57 | id="guide-30" />
58 | <sodipodi:guide
59 | position="40,0"
60 | orientation="1,0"
61 | id="guide-40" />
62 | <sodipodi:guide
63 | position="100,0"
64 | orientation="1,0"
65 | id="guide-100" />
66 | <sodipodi:guide
67 | position="110,0"
68 | orientation="1,0"
69 | id="guide-110" />
70 | <sodipodi:guide
71 | position="120,0"
72 | orientation="1,0"
73 | id="guide-120" />
74 | <sodipodi:guide
75 | position="180,0"
76 | orientation="1,0"
77 | id="guide-180" />
78 | <sodipodi:guide
79 | position="190,0"
80 | orientation="1,0"
81 | id="guide-190" />
82 | <sodipodi:guide
83 | position="200,0"
84 | orientation="1,0"
85 | id="guide-200" />
86 | <sodipodi:guide
87 | position="260,0"
88 | orientation="1,0"
89 | id="guide-260" />
90 | <sodipodi:guide
91 | position="270,0"
92 | orientation="1,0"
93 | id="guide-270" />
94 | <sodipodi:guide
95 | position="280,0"
96 | orientation="1,0"
97 | id="guide-280" />
98 | <sodipodi:guide
99 | position="340,0"
100 | orientation="1,0"
101 | id="guide-340" />
102 | <sodipodi:guide
103 | position="350,0"
104 | orientation="1,0"
105 | id="guide-350" />
106 | <sodipodi:guide
107 | position="360,0"
108 | orientation="1,0"
109 | id="guide-360" />
110 | <sodipodi:guide
111 | position="420,0"
112 | orientation="1,0"
113 | id="guide-420" />
114 | <sodipodi:guide
115 | position="430,0"
116 | orientation="1,0"
117 | id="guide-430" />
118 | <sodipodi:guide
119 | position="440,0"
120 | orientation="1,0"
121 | id="guide-440" />
122 | <sodipodi:guide
123 | position="500,0"
124 | orientation="1,0"
125 | id="guide-500" />
126 | <sodipodi:guide
127 | position="510,0"
128 | orientation="1,0"
129 | id="guide-510" />
130 | <sodipodi:guide
131 | position="520,0"
132 | orientation="1,0"
133 | id="guide-520" />
134 | <sodipodi:guide
135 | position="580,0"
136 | orientation="1,0"
137 | id="guide-580" />
138 | <sodipodi:guide
139 | position="590,0"
140 | orientation="1,0"
141 | id="guide-590" />
142 | <sodipodi:guide
143 | position="600,0"
144 | orientation="1,0"
145 | id="guide-600" />
146 | <sodipodi:guide
147 | position="660,0"
148 | orientation="1,0"
149 | id="guide-660" />
150 | <sodipodi:guide
151 | position="670,0"
152 | orientation="1,0"
153 | id="guide-670" />
154 | <sodipodi:guide
155 | position="680,0"
156 | orientation="1,0"
157 | id="guide-680" />
158 | <sodipodi:guide
159 | position="740,0"
160 | orientation="1,0"
161 | id="guide-740" />
162 | <sodipodi:guide
163 | position="750,0"
164 | orientation="1,0"
165 | id="guide-750" />
166 | <sodipodi:guide
167 | position="760,0"
168 | orientation="1,0"
169 | id="guide-760" />
170 | <sodipodi:guide
171 | position="820,0"
172 | orientation="1,0"
173 | id="guide-820" />
174 | <sodipodi:guide
175 | position="830,0"
176 | orientation="1,0"
177 | id="guide-830" />
178 | <sodipodi:guide
179 | position="840,0"
180 | orientation="1,0"
181 | id="guide-840" />
182 | <sodipodi:guide
183 | position="900,0"
184 | orientation="1,0"
185 | id="guide-900" />
186 | <sodipodi:guide
187 | position="910,0"
188 | orientation="1,0"
189 | id="guide-910" />
190 | <sodipodi:guide
191 | position="920,0"
192 | orientation="1,0"
193 | id="guide-920" />
194 | <sodipodi:guide
195 | position="980,0"
196 | orientation="1,0"
197 | id="guide-980" />
198 | <sodipodi:guide
199 | position="990,0"
200 | orientation="1,0"
201 | id="guide-990" />
202 | <inkscape:grid
203 | type="xygrid"
204 | id="grid2390"
205 | visible="true"
206 | enabled="true"
207 | color="#0000ff"
208 | opacity="0.0627451"
209 | empcolor="#0000ff"
210 | empopacity="0.1254902"
211 | dotted="false"
212 | spacingx="1px"
213 | spacingy="1px"
214 | originx="2.7755576e-17px"
215 | originy="0px" />
216 | </sodipodi:namedview>
217 | </svg>
218 |
--------------------------------------------------------------------------------
/templates/inkscape/960_grid_16_col.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2 | <!-- Created with Inkscape (http://www.inkscape.org/) -->
3 | <svg
4 | xmlns:dc="http://purl.org/dc/elements/1.1/"
5 | xmlns:cc="http://creativecommons.org/ns#"
6 | xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
7 | xmlns:svg="http://www.w3.org/2000/svg"
8 | xmlns="http://www.w3.org/2000/svg"
9 | xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
10 | xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
11 | width="1020"
12 | height="1020"
13 | id="svg2"
14 | sodipodi:version="0.32"
15 | inkscape:version="0.46"
16 | version="1.0"
17 | sodipodi:docname="960-16.svg"
18 | inkscape:output_extension="org.inkscape.output.svg.inkscape">
19 | <metadata
20 | id="metadata2425">
21 | <rdf:RDF>
22 | <cc:Work
23 | rdf:about="">
24 | <dc:format>image/svg+xml</dc:format>
25 | <dc:type
26 | rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
27 | </cc:Work>
28 | </rdf:RDF>
29 | </metadata>
30 | <defs
31 | id="defs4" />
32 | <sodipodi:namedview
33 | id="base"
34 | pagecolor="#ffffff"
35 | bordercolor="#666666"
36 | borderopacity="1.0"
37 | gridtolerance="10000"
38 | guidetolerance="10"
39 | objecttolerance="10"
40 | inkscape:pageopacity="0.0"
41 | inkscape:pageshadow="2"
42 | inkscape:zoom="0.5245098"
43 | inkscape:cx="510"
44 | inkscape:cy="510"
45 | inkscape:document-units="px"
46 | inkscape:current-layer="svg2"
47 | showgrid="true"
48 | showguides="true"
49 | inkscape:guide-bbox="true"
50 | inkscape:window-width="1280"
51 | inkscape:window-height="732"
52 | inkscape:window-x="0"
53 | inkscape:window-y="25">
54 | <sodipodi:guide
55 | position="30,0"
56 | orientation="1,0"
57 | id="guide-30" />
58 | <sodipodi:guide
59 | position="40,0"
60 | orientation="1,0"
61 | id="guide-40" />
62 | <sodipodi:guide
63 | position="80,0"
64 | orientation="1,0"
65 | id="guide-80" />
66 | <sodipodi:guide
67 | position="90,0"
68 | orientation="1,0"
69 | id="guide-90" />
70 | <sodipodi:guide
71 | position="100,0"
72 | orientation="1,0"
73 | id="guide-100" />
74 | <sodipodi:guide
75 | position="140,0"
76 | orientation="1,0"
77 | id="guide-140" />
78 | <sodipodi:guide
79 | position="150,0"
80 | orientation="1,0"
81 | id="guide-150" />
82 | <sodipodi:guide
83 | position="160,0"
84 | orientation="1,0"
85 | id="guide-160" />
86 | <sodipodi:guide
87 | position="200,0"
88 | orientation="1,0"
89 | id="guide-200" />
90 | <sodipodi:guide
91 | position="210,0"
92 | orientation="1,0"
93 | id="guide-210" />
94 | <sodipodi:guide
95 | position="220,0"
96 | orientation="1,0"
97 | id="guide-220" />
98 | <sodipodi:guide
99 | position="260,0"
100 | orientation="1,0"
101 | id="guide-260" />
102 | <sodipodi:guide
103 | position="270,0"
104 | orientation="1,0"
105 | id="guide-270" />
106 | <sodipodi:guide
107 | position="280,0"
108 | orientation="1,0"
109 | id="guide-280" />
110 | <sodipodi:guide
111 | position="320,0"
112 | orientation="1,0"
113 | id="guide-320" />
114 | <sodipodi:guide
115 | position="330,0"
116 | orientation="1,0"
117 | id="guide-330" />
118 | <sodipodi:guide
119 | position="340,0"
120 | orientation="1,0"
121 | id="guide-340" />
122 | <sodipodi:guide
123 | position="380,0"
124 | orientation="1,0"
125 | id="guide-380" />
126 | <sodipodi:guide
127 | position="390,0"
128 | orientation="1,0"
129 | id="guide-390" />
130 | <sodipodi:guide
131 | position="400,0"
132 | orientation="1,0"
133 | id="guide-400" />
134 | <sodipodi:guide
135 | position="440,0"
136 | orientation="1,0"
137 | id="guide-440" />
138 | <sodipodi:guide
139 | position="450,0"
140 | orientation="1,0"
141 | id="guide-450" />
142 | <sodipodi:guide
143 | position="460,0"
144 | orientation="1,0"
145 | id="guide-460" />
146 | <sodipodi:guide
147 | position="500,0"
148 | orientation="1,0"
149 | id="guide-500" />
150 | <sodipodi:guide
151 | position="510,0"
152 | orientation="1,0"
153 | id="guide-510" />
154 | <sodipodi:guide
155 | position="520,0"
156 | orientation="1,0"
157 | id="guide-520" />
158 | <sodipodi:guide
159 | position="560,0"
160 | orientation="1,0"
161 | id="guide-560" />
162 | <sodipodi:guide
163 | position="570,0"
164 | orientation="1,0"
165 | id="guide-570" />
166 | <sodipodi:guide
167 | position="580,0"
168 | orientation="1,0"
169 | id="guide-580" />
170 | <sodipodi:guide
171 | position="620,0"
172 | orientation="1,0"
173 | id="guide-620" />
174 | <sodipodi:guide
175 | position="630,0"
176 | orientation="1,0"
177 | id="guide-630" />
178 | <sodipodi:guide
179 | position="640,0"
180 | orientation="1,0"
181 | id="guide-640" />
182 | <sodipodi:guide
183 | position="680,0"
184 | orientation="1,0"
185 | id="guide-680" />
186 | <sodipodi:guide
187 | position="690,0"
188 | orientation="1,0"
189 | id="guide-690" />
190 | <sodipodi:guide
191 | position="700,0"
192 | orientation="1,0"
193 | id="guide-700" />
194 | <sodipodi:guide
195 | position="740,0"
196 | orientation="1,0"
197 | id="guide-740" />
198 | <sodipodi:guide
199 | position="750,0"
200 | orientation="1,0"
201 | id="guide-750" />
202 | <sodipodi:guide
203 | position="760,0"
204 | orientation="1,0"
205 | id="guide-760" />
206 | <sodipodi:guide
207 | position="800,0"
208 | orientation="1,0"
209 | id="guide-800" />
210 | <sodipodi:guide
211 | position="810,0"
212 | orientation="1,0"
213 | id="guide-810" />
214 | <sodipodi:guide
215 | position="820,0"
216 | orientation="1,0"
217 | id="guide-820" />
218 | <sodipodi:guide
219 | position="860,0"
220 | orientation="1,0"
221 | id="guide-860" />
222 | <sodipodi:guide
223 | position="870,0"
224 | orientation="1,0"
225 | id="guide-870" />
226 | <sodipodi:guide
227 | position="880,0"
228 | orientation="1,0"
229 | id="guide-880" />
230 | <sodipodi:guide
231 | position="920,0"
232 | orientation="1,0"
233 | id="guide-920" />
234 | <sodipodi:guide
235 | position="930,0"
236 | orientation="1,0"
237 | id="guide-930" />
238 | <sodipodi:guide
239 | position="940,0"
240 | orientation="1,0"
241 | id="guide-940" />
242 | <sodipodi:guide
243 | position="980,0"
244 | orientation="1,0"
245 | id="guide-980" />
246 | <sodipodi:guide
247 | position="990,0"
248 | orientation="1,0"
249 | id="guide-990" />
250 | <inkscape:grid
251 | type="xygrid"
252 | id="grid2390"
253 | visible="true"
254 | enabled="true"
255 | color="#0000ff"
256 | opacity="0.0627451"
257 | empcolor="#0000ff"
258 | empopacity="0.1254902"
259 | dotted="false"
260 | spacingx="1px"
261 | spacingy="1px"
262 | originx="2.7755576e-17px"
263 | originy="0px" />
264 | </sodipodi:namedview>
265 | </svg>
266 |
--------------------------------------------------------------------------------
/templates/inkscape/960_grid_24_col.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2 | <!-- Created with Inkscape (http://www.inkscape.org/) -->
3 | <svg
4 | xmlns:dc="http://purl.org/dc/elements/1.1/"
5 | xmlns:cc="http://creativecommons.org/ns#"
6 | xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
7 | xmlns:svg="http://www.w3.org/2000/svg"
8 | xmlns="http://www.w3.org/2000/svg"
9 | xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
10 | xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
11 | width="1020"
12 | height="1020"
13 | id="svg2"
14 | sodipodi:version="0.32"
15 | inkscape:version="0.46"
16 | version="1.0"
17 | sodipodi:docname="960_grid_16_col.svg"
18 | inkscape:output_extension="org.inkscape.output.svg.inkscape">
19 | <metadata
20 | id="metadata2425">
21 | <rdf:RDF>
22 | <cc:Work
23 | rdf:about="">
24 | <dc:format>image/svg+xml</dc:format>
25 | <dc:type
26 | rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
27 | </cc:Work>
28 | </rdf:RDF>
29 | </metadata>
30 | <defs
31 | id="defs4">
32 | <inkscape:perspective
33 | sodipodi:type="inkscape:persp3d"
34 | inkscape:vp_x="0 : 510 : 1"
35 | inkscape:vp_y="0 : 1000 : 0"
36 | inkscape:vp_z="1020 : 510 : 1"
37 | inkscape:persp3d-origin="510 : 340 : 1"
38 | id="perspective56" />
39 | </defs>
40 | <sodipodi:namedview
41 | id="base"
42 | pagecolor="#ffffff"
43 | bordercolor="#666666"
44 | borderopacity="1.0"
45 | gridtolerance="10000"
46 | guidetolerance="10"
47 | objecttolerance="10"
48 | inkscape:pageopacity="0.0"
49 | inkscape:pageshadow="2"
50 | inkscape:zoom="1.0490196"
51 | inkscape:cx="276.2217"
52 | inkscape:cy="787.24856"
53 | inkscape:document-units="px"
54 | inkscape:current-layer="svg2"
55 | showgrid="true"
56 | showguides="true"
57 | inkscape:guide-bbox="true"
58 | inkscape:window-width="1295"
59 | inkscape:window-height="998"
60 | inkscape:window-x="377"
61 | inkscape:window-y="0">
62 | <sodipodi:guide position="30,0" orientation="1,0" id="guide-30" />
63 | <sodipodi:guide position="30,0" orientation="1,0" id="guide-30" />
64 | <sodipodi:guide position="35,0" orientation="1,0" id="guide-35" />
65 | <sodipodi:guide position="65,0" orientation="1,0" id="guide-65" />
66 | <sodipodi:guide position="70,0" orientation="1,0" id="guide-70" />
67 | <sodipodi:guide position="70,0" orientation="1,0" id="guide-70" />
68 | <sodipodi:guide position="75,0" orientation="1,0" id="guide-75" />
69 | <sodipodi:guide position="105,0" orientation="1,0" id="guide-105" />
70 | <sodipodi:guide position="110,0" orientation="1,0" id="guide-110" />
71 | <sodipodi:guide position="110,0" orientation="1,0" id="guide-110" />
72 | <sodipodi:guide position="115,0" orientation="1,0" id="guide-115" />
73 | <sodipodi:guide position="145,0" orientation="1,0" id="guide-145" />
74 | <sodipodi:guide position="150,0" orientation="1,0" id="guide-150" />
75 | <sodipodi:guide position="150,0" orientation="1,0" id="guide-150" />
76 | <sodipodi:guide position="155,0" orientation="1,0" id="guide-155" />
77 | <sodipodi:guide position="185,0" orientation="1,0" id="guide-185" />
78 | <sodipodi:guide position="190,0" orientation="1,0" id="guide-190" />
79 | <sodipodi:guide position="190,0" orientation="1,0" id="guide-190" />
80 | <sodipodi:guide position="195,0" orientation="1,0" id="guide-195" />
81 | <sodipodi:guide position="225,0" orientation="1,0" id="guide-225" />
82 | <sodipodi:guide position="230,0" orientation="1,0" id="guide-230" />
83 | <sodipodi:guide position="230,0" orientation="1,0" id="guide-230" />
84 | <sodipodi:guide position="235,0" orientation="1,0" id="guide-235" />
85 | <sodipodi:guide position="265,0" orientation="1,0" id="guide-265" />
86 | <sodipodi:guide position="270,0" orientation="1,0" id="guide-270" />
87 | <sodipodi:guide position="270,0" orientation="1,0" id="guide-270" />
88 | <sodipodi:guide position="275,0" orientation="1,0" id="guide-275" />
89 | <sodipodi:guide position="305,0" orientation="1,0" id="guide-305" />
90 | <sodipodi:guide position="310,0" orientation="1,0" id="guide-310" />
91 | <sodipodi:guide position="310,0" orientation="1,0" id="guide-310" />
92 | <sodipodi:guide position="315,0" orientation="1,0" id="guide-315" />
93 | <sodipodi:guide position="345,0" orientation="1,0" id="guide-345" />
94 | <sodipodi:guide position="350,0" orientation="1,0" id="guide-350" />
95 | <sodipodi:guide position="350,0" orientation="1,0" id="guide-350" />
96 | <sodipodi:guide position="355,0" orientation="1,0" id="guide-355" />
97 | <sodipodi:guide position="385,0" orientation="1,0" id="guide-385" />
98 | <sodipodi:guide position="390,0" orientation="1,0" id="guide-390" />
99 | <sodipodi:guide position="390,0" orientation="1,0" id="guide-390" />
100 | <sodipodi:guide position="395,0" orientation="1,0" id="guide-395" />
101 | <sodipodi:guide position="425,0" orientation="1,0" id="guide-425" />
102 | <sodipodi:guide position="430,0" orientation="1,0" id="guide-430" />
103 | <sodipodi:guide position="430,0" orientation="1,0" id="guide-430" />
104 | <sodipodi:guide position="435,0" orientation="1,0" id="guide-435" />
105 | <sodipodi:guide position="465,0" orientation="1,0" id="guide-465" />
106 | <sodipodi:guide position="470,0" orientation="1,0" id="guide-470" />
107 | <sodipodi:guide position="470,0" orientation="1,0" id="guide-470" />
108 | <sodipodi:guide position="475,0" orientation="1,0" id="guide-475" />
109 | <sodipodi:guide position="505,0" orientation="1,0" id="guide-505" />
110 | <sodipodi:guide position="510,0" orientation="1,0" id="guide-510" />
111 | <sodipodi:guide position="510,0" orientation="1,0" id="guide-510" />
112 | <sodipodi:guide position="515,0" orientation="1,0" id="guide-515" />
113 | <sodipodi:guide position="545,0" orientation="1,0" id="guide-545" />
114 | <sodipodi:guide position="550,0" orientation="1,0" id="guide-550" />
115 | <sodipodi:guide position="550,0" orientation="1,0" id="guide-550" />
116 | <sodipodi:guide position="555,0" orientation="1,0" id="guide-555" />
117 | <sodipodi:guide position="585,0" orientation="1,0" id="guide-585" />
118 | <sodipodi:guide position="590,0" orientation="1,0" id="guide-590" />
119 | <sodipodi:guide position="590,0" orientation="1,0" id="guide-590" />
120 | <sodipodi:guide position="595,0" orientation="1,0" id="guide-595" />
121 | <sodipodi:guide position="625,0" orientation="1,0" id="guide-625" />
122 | <sodipodi:guide position="630,0" orientation="1,0" id="guide-630" />
123 | <sodipodi:guide position="630,0" orientation="1,0" id="guide-630" />
124 | <sodipodi:guide position="635,0" orientation="1,0" id="guide-635" />
125 | <sodipodi:guide position="665,0" orientation="1,0" id="guide-665" />
126 | <sodipodi:guide position="670,0" orientation="1,0" id="guide-670" />
127 | <sodipodi:guide position="670,0" orientation="1,0" id="guide-670" />
128 | <sodipodi:guide position="675,0" orientation="1,0" id="guide-675" />
129 | <sodipodi:guide position="705,0" orientation="1,0" id="guide-705" />
130 | <sodipodi:guide position="710,0" orientation="1,0" id="guide-710" />
131 | <sodipodi:guide position="710,0" orientation="1,0" id="guide-710" />
132 | <sodipodi:guide position="715,0" orientation="1,0" id="guide-715" />
133 | <sodipodi:guide position="745,0" orientation="1,0" id="guide-745" />
134 | <sodipodi:guide position="750,0" orientation="1,0" id="guide-750" />
135 | <sodipodi:guide position="750,0" orientation="1,0" id="guide-750" />
136 | <sodipodi:guide position="755,0" orientation="1,0" id="guide-755" />
137 | <sodipodi:guide position="785,0" orientation="1,0" id="guide-785" />
138 | <sodipodi:guide position="790,0" orientation="1,0" id="guide-790" />
139 | <sodipodi:guide position="790,0" orientation="1,0" id="guide-790" />
140 | <sodipodi:guide position="795,0" orientation="1,0" id="guide-795" />
141 | <sodipodi:guide position="825,0" orientation="1,0" id="guide-825" />
142 | <sodipodi:guide position="830,0" orientation="1,0" id="guide-830" />
143 | <sodipodi:guide position="830,0" orientation="1,0" id="guide-830" />
144 | <sodipodi:guide position="835,0" orientation="1,0" id="guide-835" />
145 | <sodipodi:guide position="865,0" orientation="1,0" id="guide-865" />
146 | <sodipodi:guide position="870,0" orientation="1,0" id="guide-870" />
147 | <sodipodi:guide position="870,0" orientation="1,0" id="guide-870" />
148 | <sodipodi:guide position="875,0" orientation="1,0" id="guide-875" />
149 | <sodipodi:guide position="905,0" orientation="1,0" id="guide-905" />
150 | <sodipodi:guide position="910,0" orientation="1,0" id="guide-910" />
151 | <sodipodi:guide position="910,0" orientation="1,0" id="guide-910" />
152 | <sodipodi:guide position="915,0" orientation="1,0" id="guide-915" />
153 | <sodipodi:guide position="945,0" orientation="1,0" id="guide-945" />
154 | <sodipodi:guide position="950,0" orientation="1,0" id="guide-950" />
155 | <sodipodi:guide position="950,0" orientation="1,0" id="guide-950" />
156 | <sodipodi:guide position="955,0" orientation="1,0" id="guide-955" />
157 | <sodipodi:guide position="985,0" orientation="1,0" id="guide-985" />
158 | <sodipodi:guide position="990,0" orientation="1,0" id="guide-990" />
159 | <inkscape:grid
160 | type="xygrid"
161 | id="grid2390"
162 | visible="true"
163 | enabled="true"
164 | color="#0000ff"
165 | opacity="0.0627451"
166 | empcolor="#0000ff"
167 | empopacity="0.1254902"
168 | dotted="false"
169 | spacingx="1px"
170 | spacingy="1px"
171 | originx="5px"
172 | originy="0px" />
173 | </sodipodi:namedview>
174 | </svg>
175 |
--------------------------------------------------------------------------------
/templates/omnigraffle/960_graffle.graffle:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/omnigraffle/960_graffle.graffle
--------------------------------------------------------------------------------
/templates/photoshop/960_grid_12_col.psd:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/photoshop/960_grid_12_col.psd
--------------------------------------------------------------------------------
/templates/photoshop/960_grid_16_col.psd:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/photoshop/960_grid_16_col.psd
--------------------------------------------------------------------------------
/templates/photoshop/960_grid_24_col.psd:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/photoshop/960_grid_24_col.psd
--------------------------------------------------------------------------------
/templates/pixelmator/960_grid_12_col.pxm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/pixelmator/960_grid_12_col.pxm
--------------------------------------------------------------------------------
/templates/pixelmator/960_grid_16_col.pxm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/pixelmator/960_grid_16_col.pxm
--------------------------------------------------------------------------------
/templates/pixelmator/960_grid_24_col.pxm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/pixelmator/960_grid_24_col.pxm
--------------------------------------------------------------------------------
/templates/quarkxpress/qxp_version_5/960_grid_12_col.qwd:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/quarkxpress/qxp_version_5/960_grid_12_col.qwd
--------------------------------------------------------------------------------
/templates/quarkxpress/qxp_version_5/960_grid_16_col.qwd:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/quarkxpress/qxp_version_5/960_grid_16_col.qwd
--------------------------------------------------------------------------------
/templates/quarkxpress/qxp_version_5/960_grid_24_col.qwd:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/quarkxpress/qxp_version_5/960_grid_24_col.qwd
--------------------------------------------------------------------------------
/templates/quarkxpress/qxp_version_6/960_grid_12_col.qxp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/quarkxpress/qxp_version_6/960_grid_12_col.qxp
--------------------------------------------------------------------------------
/templates/quarkxpress/qxp_version_6/960_grid_16_col.qxp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/quarkxpress/qxp_version_6/960_grid_16_col.qxp
--------------------------------------------------------------------------------
/templates/quarkxpress/qxp_version_6/960_grid_24_col.qxp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/quarkxpress/qxp_version_6/960_grid_24_col.qxp
--------------------------------------------------------------------------------
/templates/quarkxpress/qxp_version_7/960_grid_12_col.qxp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/quarkxpress/qxp_version_7/960_grid_12_col.qxp
--------------------------------------------------------------------------------
/templates/quarkxpress/qxp_version_7/960_grid_16_col.qxp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/quarkxpress/qxp_version_7/960_grid_16_col.qxp
--------------------------------------------------------------------------------
/templates/quarkxpress/qxp_version_7/960_grid_24_col.qxp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/quarkxpress/qxp_version_7/960_grid_24_col.qxp
--------------------------------------------------------------------------------
/templates/quarkxpress/qxp_version_8/960_grid_12_col.qxp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/quarkxpress/qxp_version_8/960_grid_12_col.qxp
--------------------------------------------------------------------------------
/templates/quarkxpress/qxp_version_8/960_grid_16_col.qxp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/quarkxpress/qxp_version_8/960_grid_16_col.qxp
--------------------------------------------------------------------------------
/templates/quarkxpress/qxp_version_8/960_grid_24_col.qxp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/quarkxpress/qxp_version_8/960_grid_24_col.qxp
--------------------------------------------------------------------------------
/templates/quarkxpress/qxp_version_9/960_grid_12_col.qxp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/quarkxpress/qxp_version_9/960_grid_12_col.qxp
--------------------------------------------------------------------------------
/templates/quarkxpress/qxp_version_9/960_grid_16_col.qxp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/quarkxpress/qxp_version_9/960_grid_16_col.qxp
--------------------------------------------------------------------------------
/templates/quarkxpress/qxp_version_9/960_grid_24_col.qxp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/quarkxpress/qxp_version_9/960_grid_24_col.qxp
--------------------------------------------------------------------------------
/templates/visio/960_visio.vsd:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/visio/960_visio.vsd
--------------------------------------------------------------------------------
/templates/xara/960-12-col-grid.xar:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/xara/960-12-col-grid.xar
--------------------------------------------------------------------------------
/templates/xara/960-16-col-grid.xar:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/xara/960-16-col-grid.xar
--------------------------------------------------------------------------------
/templates/xara/960-24-col-grid.xar:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nathansmith/960-Grid-System/863977584b66722b390149ed2b39d810f1e4e4c6/templates/xara/960-24-col-grid.xar
--------------------------------------------------------------------------------