Fixed the 12 columns grid widths, minified the css and remove unused fixed width 960 grid

This commit is contained in:
Roberto Rosario
2011-05-11 23:42:52 -04:00
parent 2162e99543
commit 28b6c61876
83 changed files with 392 additions and 19985 deletions
+18 -18
View File
@@ -43,8 +43,6 @@
{% endblock %}
{% block content %}
<div class="">
{% if form %}
{% with "true" as read_only %}
<div class="">
@@ -57,25 +55,27 @@
{% endif %}
{% endwith %}
{% endif %}
{% for subtemplate in subtemplates_list %}
<div class="">
{% if subtemplate.form %}
{% render_subtemplate subtemplate.name subtemplate.context as rendered_subtemplate %}
{% with "true" as read_only %}
<div class="generic_subform">
<div class="container_12">
{% for subtemplate in subtemplates_list %}
<div class="grid_{{ subtemplate.grid|default:12 }}">
{% if subtemplate.form %}
{% render_subtemplate subtemplate.name subtemplate.context as rendered_subtemplate %}
{% with "true" as read_only %}
<div class="generic_subform">
{{ rendered_subtemplate }}
</div>
{% endwith %}
{% else %}
{% render_subtemplate subtemplate.name subtemplate.context as rendered_subtemplate %}
{{ rendered_subtemplate }}
</div>
{% endwith %}
{% else %}
{% render_subtemplate subtemplate.name subtemplate.context as rendered_subtemplate %}
{{ rendered_subtemplate }}
{% endif %}
{% endif %}
</div>
{% if subtemplate.grid_clear or not subtemplate.grid %}
<div class=""></div>
<div class="clear"></div>
{% endif %}
{% endfor %}
</div>
{% endfor %}
</div>
{% endblock %}
+15 -19
View File
@@ -20,18 +20,15 @@
{% endblock %}
{% block content %}
<div class="">
{% if form %}
<div class="">
{% include "generic_form_subtemplate.html" %}
</div>
{% if form.grid_clear or not form.grid %}
<div class=""></div>
{% endif %}
{% endif %}
{% for subtemplate in subtemplates_list %}
<div class="">
{% if form %}
<div class="generic_subform">
{% include "generic_form_subtemplate.html" %}
</div>
{% endif %}
<div class="container_12">
{% for subtemplate in subtemplates_list %}
<div class="grid_{{ subtemplate.grid|default:12 }}">
{% if subtemplate.form %}
{% render_subtemplate subtemplate.name subtemplate.context as rendered_subtemplate %}
<div class="generic_subform">
@@ -41,11 +38,10 @@
{% render_subtemplate subtemplate.name subtemplate.context as rendered_subtemplate %}
{{ rendered_subtemplate }}
{% endif %}
</div>
{% if subtemplate.grid_clear or not subtemplate.grid %}
<div class=""></div>
{% endif %}
{% endfor %}
</div>
</div>
{% if subtemplate.grid_clear or not subtemplate.grid %}
<div class="clear"></div>
{% endif %}
{% endfor %}
</div>
{% endblock %}
+5 -10
View File
@@ -211,9 +211,7 @@ def upload_document_with_type(request, multiple=True):
'context': {
'form': local_form,
'title': _(u'upload a local document'),
'grid': 6,
'grid_clear': False if USE_STAGING_DIRECTORY else True,
}
},
}
if USE_STAGING_DIRECTORY:
@@ -223,15 +221,16 @@ def upload_document_with_type(request, multiple=True):
messages.error(request, e)
filelist = []
finally:
local_upload_form.update({'grid': 6})
subtemplates_list.append(local_upload_form)
subtemplates_list.append(
{
'name': 'generic_form_subtemplate.html',
'grid': 6,
'grid_clear': True,
'context': {
'form': staging_form,
'title': _(u'upload a document from staging'),
'grid': 6,
'grid_clear': True,
}
},
)
@@ -247,14 +246,10 @@ def upload_document_with_type(request, multiple=True):
)
else:
subtemplates_list.append(local_upload_form)
context = {
'document_type_id': document_type_id,
'subtemplates_list': subtemplates_list,
}
context.update({
'sidebar_subtemplates_list': [
{
'name': 'generic_subtemplate.html',
@@ -264,7 +259,7 @@ def upload_document_with_type(request, multiple=True):
'paragraphs': metadata_repr_as_list(decode_metadata_from_url(request.GET))
}
}]
})
}
return render_to_response('generic_form.html', context,
context_instance=RequestContext(request))
+1 -1
View File
@@ -30,7 +30,7 @@
<link rel="stylesheet" href="{{ MEDIA_URL }}css/famfamfam-silk-sprite.css" type="text/css" media="screen" />
<link rel="stylesheet" href="{{ MEDIA_URL }}packages/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
{#<link rel="stylesheet" href="{{ MEDIA_URL }}packages/nathansmith-960-Grid-System-30906f2/code/css/960.css" type="text/css" media="screen" />#}
{#<link rel="stylesheet" href="{{ MEDIA_URL }}css/960-fluid.css" type="text/css" media="screen" />#}
<link rel="stylesheet" href="{{ MEDIA_URL }}css/960-fluid.css" type="text/css" media="screen" />
<style type="text/css">
#fancybox-left-ico {
left: 20px;
+3 -4
View File
@@ -234,21 +234,20 @@ def role_members(request, role_id):
'subtemplates_list': [
{
'name':'generic_form_subtemplate.html',
'grid': 6,
'context': {
'form': unselected_users_form,
'title': _(u'non members of role: %s') % role,
'grid': 6,
'grid_clear': False,
'submit_label': _(u'Add'),
}
},
{
'name':'generic_form_subtemplate.html',
'grid': 6,
'grid_clear': True,
'context': {
'form': selected_users_form,
'title': _(u'members of role: %s') % role,
'grid': 6,
'grid_clear': True,
'submit_label': _(u'Remove'),
}
},
+6 -6
View File
@@ -376,20 +376,20 @@ def group_members(request, group_id):
'context': {
'form': unselected_users_form,
'title': _(u'non members of group: %s') % group,
'grid': 6,
'grid_clear': False,
'submit_label': _(u'Add'),
}
},
'grid': 6,
'grid_clear': False,
},
{
'name': u'generic_form_subtemplate.html',
'context': {
'form': selected_users_form,
'title': _(u'members of group: %s') % group,
'grid': 6,
'grid_clear': True,
'submit_label': _(u'Remove'),
}
},
'grid': 6,
'grid_clear': True,
},
],
+343
View File
@@ -0,0 +1,343 @@
/*
Variable Grid System (Fluid Version).
Learn more ~ http://www.spry-soft.com/grids/
Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/
Licensed under GPL and MIT.
*/
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
width: 100%;
/*margin-left: 4%;
margin-right: 4%;*/
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.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;
position: relative;
/*margin-left: 1%;
margin-right: 1%;*/
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
margin-left: 0;
}
.omega {
margin-right: 0;
}
/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1 {
width:8.333%;
}
.container_12 .grid_2 {
width:16.667%;
}
.container_12 .grid_3 {
width:25.0%;
}
.container_12 .grid_4 {
width:33.333%;
}
.container_12 .grid_5 {
width:41.667%;
}
.container_12 .grid_6 {
width:50.0%;
}
.container_12 .grid_7 {
width:58.333%;
}
.container_12 .grid_8 {
width:66.667%;
}
.container_12 .grid_9 {
width:75.0%;
}
.container_12 .grid_10 {
width:83.333%;
}
.container_12 .grid_11 {
width:91.667%;
}
.container_12 .grid_12 {
width:100.0%;
}
/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1 {
padding-left:8.333%;
}
.container_12 .prefix_2 {
padding-left:16.667%;
}
.container_12 .prefix_3 {
padding-left:25.0%;
}
.container_12 .prefix_4 {
padding-left:33.333%;
}
.container_12 .prefix_5 {
padding-left:41.667%;
}
.container_12 .prefix_6 {
padding-left:50.0%;
}
.container_12 .prefix_7 {
padding-left:58.333%;
}
.container_12 .prefix_8 {
padding-left:66.667%;
}
.container_12 .prefix_9 {
padding-left:75.0%;
}
.container_12 .prefix_10 {
padding-left:83.333%;
}
.container_12 .prefix_11 {
padding-left:91.667%;
}
/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1 {
padding-right:8.333%;
}
.container_12 .suffix_2 {
padding-right:16.667%;
}
.container_12 .suffix_3 {
padding-right:25.0%;
}
.container_12 .suffix_4 {
padding-right:33.333%;
}
.container_12 .suffix_5 {
padding-right:41.667%;
}
.container_12 .suffix_6 {
padding-right:50.0%;
}
.container_12 .suffix_7 {
padding-right:58.333%;
}
.container_12 .suffix_8 {
padding-right:66.667%;
}
.container_12 .suffix_9 {
padding-right:75.0%;
}
.container_12 .suffix_10 {
padding-right:83.333%;
}
.container_12 .suffix_11 {
padding-right:91.667%;
}
/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .push_1 {
left:8.333%;
}
.container_12 .push_2 {
left:16.667%;
}
.container_12 .push_3 {
left:25.0%;
}
.container_12 .push_4 {
left:33.333%;
}
.container_12 .push_5 {
left:41.667%;
}
.container_12 .push_6 {
left:50.0%;
}
.container_12 .push_7 {
left:58.333%;
}
.container_12 .push_8 {
left:66.667%;
}
.container_12 .push_9 {
left:75.0%;
}
.container_12 .push_10 {
left:83.333%;
}
.container_12 .push_11 {
left:91.667%;
}
/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1 {
left:-8.333%;
}
.container_12 .pull_2 {
left:-16.667%;
}
.container_12 .pull_3 {
left:-25.0%;
}
.container_12 .pull_4 {
left:-33.333%;
}
.container_12 .pull_5 {
left:-41.667%;
}
.container_12 .pull_6 {
left:-50.0%;
}
.container_12 .pull_7 {
left:-58.333%;
}
.container_12 .pull_8 {
left:-66.667%;
}
.container_12 .pull_9 {
left:-75.0%;
}
.container_12 .pull_10 {
left:-83.333%;
}
.container_12 .pull_11 {
left:-91.667%;
}
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
+1 -343
View File
@@ -1,343 +1 @@
/*
Variable Grid System (Fluid Version).
Learn more ~ http://www.spry-soft.com/grids/
Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/
Licensed under GPL and MIT.
*/
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
width: 92%;
margin-left: 4%;
margin-right: 4%;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.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;
position: relative;
margin-left: 1%;
margin-right: 1%;
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
margin-left: 0;
}
.omega {
margin-right: 0;
}
/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1 {
width:6.333%;
}
.container_12 .grid_2 {
width:14.667%;
}
.container_12 .grid_3 {
width:23.0%;
}
.container_12 .grid_4 {
width:31.333%;
}
.container_12 .grid_5 {
width:39.667%;
}
.container_12 .grid_6 {
width:48.0%;
}
.container_12 .grid_7 {
width:56.333%;
}
.container_12 .grid_8 {
width:64.667%;
}
.container_12 .grid_9 {
width:73.0%;
}
.container_12 .grid_10 {
width:81.333%;
}
.container_12 .grid_11 {
width:89.667%;
}
.container_12 .grid_12 {
width:98.0%;
}
/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1 {
padding-left:8.333%;
}
.container_12 .prefix_2 {
padding-left:16.667%;
}
.container_12 .prefix_3 {
padding-left:25.0%;
}
.container_12 .prefix_4 {
padding-left:33.333%;
}
.container_12 .prefix_5 {
padding-left:41.667%;
}
.container_12 .prefix_6 {
padding-left:50.0%;
}
.container_12 .prefix_7 {
padding-left:58.333%;
}
.container_12 .prefix_8 {
padding-left:66.667%;
}
.container_12 .prefix_9 {
padding-left:75.0%;
}
.container_12 .prefix_10 {
padding-left:83.333%;
}
.container_12 .prefix_11 {
padding-left:91.667%;
}
/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1 {
padding-right:8.333%;
}
.container_12 .suffix_2 {
padding-right:16.667%;
}
.container_12 .suffix_3 {
padding-right:25.0%;
}
.container_12 .suffix_4 {
padding-right:33.333%;
}
.container_12 .suffix_5 {
padding-right:41.667%;
}
.container_12 .suffix_6 {
padding-right:50.0%;
}
.container_12 .suffix_7 {
padding-right:58.333%;
}
.container_12 .suffix_8 {
padding-right:66.667%;
}
.container_12 .suffix_9 {
padding-right:75.0%;
}
.container_12 .suffix_10 {
padding-right:83.333%;
}
.container_12 .suffix_11 {
padding-right:91.667%;
}
/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .push_1 {
left:8.333%;
}
.container_12 .push_2 {
left:16.667%;
}
.container_12 .push_3 {
left:25.0%;
}
.container_12 .push_4 {
left:33.333%;
}
.container_12 .push_5 {
left:41.667%;
}
.container_12 .push_6 {
left:50.0%;
}
.container_12 .push_7 {
left:58.333%;
}
.container_12 .push_8 {
left:66.667%;
}
.container_12 .push_9 {
left:75.0%;
}
.container_12 .push_10 {
left:83.333%;
}
.container_12 .push_11 {
left:91.667%;
}
/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1 {
left:-8.333%;
}
.container_12 .pull_2 {
left:-16.667%;
}
.container_12 .pull_3 {
left:-25.0%;
}
.container_12 .pull_4 {
left:-33.333%;
}
.container_12 .pull_5 {
left:-41.667%;
}
.container_12 .pull_6 {
left:-50.0%;
}
.container_12 .pull_7 {
left:-58.333%;
}
.container_12 .pull_8 {
left:-66.667%;
}
.container_12 .pull_9 {
left:-75.0%;
}
.container_12 .pull_10 {
left:-83.333%;
}
.container_12 .pull_11 {
left:-91.667%;
}
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
.container_12 {width: 100%;}.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;position: relative;}.alpha {margin-left: 0;}.omega {margin-right: 0;}.container_12 .grid_1 {width:8.333%;}.container_12 .grid_2 {width:16.667%;}.container_12 .grid_3 {width:25.0%;}.container_12 .grid_4 {width:33.333%;}.container_12 .grid_5 {width:41.667%;}.container_12 .grid_6 {width:50.0%;}.container_12 .grid_7 {width:58.333%;}.container_12 .grid_8 {width:66.667%;}.container_12 .grid_9 {width:75.0%;}.container_12 .grid_10 {width:83.333%;}.container_12 .grid_11 {width:91.667%;}.container_12 .grid_12 {width:100.0%;}.container_12 .prefix_1 {padding-left:8.333%;}.container_12 .prefix_2 {padding-left:16.667%;}.container_12 .prefix_3 {padding-left:25.0%;}.container_12 .prefix_4 {padding-left:33.333%;}.container_12 .prefix_5 {padding-left:41.667%;}.container_12 .prefix_6 {padding-left:50.0%;}.container_12 .prefix_7 {padding-left:58.333%;}.container_12 .prefix_8 {padding-left:66.667%;}.container_12 .prefix_9 {padding-left:75.0%;}.container_12 .prefix_10 {padding-left:83.333%;}.container_12 .prefix_11 {padding-left:91.667%;}.container_12 .suffix_1 {padding-right:8.333%;}.container_12 .suffix_2 {padding-right:16.667%;}.container_12 .suffix_3 {padding-right:25.0%;}.container_12 .suffix_4 {padding-right:33.333%;}.container_12 .suffix_5 {padding-right:41.667%;}.container_12 .suffix_6 {padding-right:50.0%;}.container_12 .suffix_7 {padding-right:58.333%;}.container_12 .suffix_8 {padding-right:66.667%;}.container_12 .suffix_9 {padding-right:75.0%;}.container_12 .suffix_10 {padding-right:83.333%;}.container_12 .suffix_11 {padding-right:91.667%;}.container_12 .push_1 {left:8.333%;}.container_12 .push_2 {left:16.667%;}.container_12 .push_3 {left:25.0%;}.container_12 .push_4 {left:33.333%;}.container_12 .push_5 {left:41.667%;}.container_12 .push_6 {left:50.0%;}.container_12 .push_7 {left:58.333%;}.container_12 .push_8 {left:66.667%;}.container_12 .push_9 {left:75.0%;}.container_12 .push_10 {left:83.333%;}.container_12 .push_11 {left:91.667%;}.container_12 .pull_1 {left:-8.333%;}.container_12 .pull_2 {left:-16.667%;}.container_12 .pull_3 {left:-25.0%;}.container_12 .pull_4 {left:-33.333%;}.container_12 .pull_5 {left:-41.667%;}.container_12 .pull_6 {left:-50.0%;}.container_12 .pull_7 {left:-58.333%;}.container_12 .pull_8 {left:-66.667%;}.container_12 .pull_9 {left:-75.0%;}.container_12 .pull_10 {left:-83.333%;}.container_12 .pull_11 {left:-91.667%;}.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}.clearfix {display: inline-block;}* html .clearfix {height: 1%;}.clearfix {display: block;}
@@ -1,52 +0,0 @@
===============
960 GRID SYSTEM
===============
Created by Nathan Smith. See the official site for more info: http://960.gs/
============================================================================
To install the Adobe Fireworks extension, simply double-click the *.mxp file
included in the /fireworks_extension directory. If you are running Windows 7
you will need admin permissions in order to install this extension properly.
============================================================================
Thank you for downloading the 960 Grid System. I hope it helps to streamline
web development workflow. Enclosed in the bundle are printable sketch sheets
and template files for Adobe Fireworks and Photoshop, OmniGraffle and Visio.
Also included is a lightweight CSS file, which contains the grid dimensions.
To use this file, simply include the 960.css in the <head> of the HTML page.
You may also use the reset.css and text.css files, or opt to leave them out.
Here is an example of the XHTML code necessary to incorporate the CSS files:
<head>
<link rel="stylesheet" type="text/css" media="all" href="css/reset.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/text.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/960.css" />
</head>
It is worth noting that these styles do not automatically make up a finished
site design. They are simply a starting point, ideally for rapid prototyping
or as a basis for creating your own designs. You should not feel constrained
by the way I have built the initial code. If you disagree with how something
has been done, feel free to revise it for the needs of your particular site.
The files in the 960 Grid System are free of charge, licensed under GPL/MIT.
============================================================================
Note that if you are building a site in a language which reads from right to
left, use the CSS files that begin with "rtl_" instead. Denote the language:
<html lang="..." dir="rtl">
Be sure to replace "..." with the appropriate two-letter abbreviation of the
language you are using. Example: lang="he" for Hebrew, lang="ar" for Arabic.
============================================================================
Special thanks to Eric Meyer for his comprehensive browser reset stylesheet.
http://meyerweb.com/eric/tools/css/reset/
@@ -1,9 +0,0 @@
NOTE:
To install this extension on Windows
you must run Adobe Extension Manager
with administrator level privileges.
Read more here...
http://forums.adobe.com/thread/498624
@@ -1,26 +0,0 @@
(function() {
var pattern = [10, 60, 10];
var p = pattern.length;
var columns = 12;
var x = 0;
var guides = [x];
for (var c = 0; c < columns; c++) {
for (var i = 0; i < p; i++) {
x += pattern[i];
guides.push(x);
}
}
var d = fw.getDocumentDOM();
d.removeAllGuides('horizontal');
d.removeAllGuides('vertical');
d.setShowGuides(true);
var padding = Math.round((d.width - x) / 2);
var g = guides.length;
for (var j = 0; j < g; j++) {
d.addGuide(padding + guides[j], 'vertical');
}
})();
@@ -1,26 +0,0 @@
(function() {
var pattern = [10, 40, 10];
var p = pattern.length;
var columns = 16;
var x = 0;
var guides = [x];
for (var c = 0; c < columns; c++) {
for (var i = 0; i < p; i++) {
x += pattern[i];
guides.push(x);
}
}
var d = fw.getDocumentDOM();
d.removeAllGuides('horizontal');
d.removeAllGuides('vertical');
d.setShowGuides(true);
var padding = Math.round((d.width - x) / 2);
var g = guides.length;
for (var j = 0; j < g; j++) {
d.addGuide(padding + guides[j], 'vertical');
}
})();
@@ -1,26 +0,0 @@
(function() {
var pattern = [5, 30, 5];
var p = pattern.length;
var columns = 24;
var x = 0;
var guides = [x];
for (var c = 0; c < columns; c++) {
for (var i = 0; i < p; i++) {
x += pattern[i];
guides.push(x);
}
}
var d = fw.getDocumentDOM();
d.removeAllGuides('horizontal');
d.removeAllGuides('vertical');
d.setShowGuides(true);
var padding = Math.round((d.width - x) / 2);
var g = guides.length;
for (var j = 0; j < g; j++) {
d.addGuide(padding + guides[j], 'vertical');
}
})();
@@ -1,22 +0,0 @@
<macromedia-extension name="960.gs Grid Generators" version="1.0.0" type="Command">
<author name="Nathan Smith" />
<products>
<product name="Fireworks" version="6" primary="true" />
</products>
<description>
<![CDATA[
This set of commands generates 960.gs grid guidelines in current file.
]]>
</description>
<ui-access>
<![CDATA[
You can run these commands from Commands menu.
]]>
</ui-access>
<files>
<file name="12 columns.jsf" destination="$fireworks/configuration/commands/960.gs" />
<file name="16 columns.jsf" destination="$fireworks/configuration/commands/960.gs" />
<file name="24 columns.jsf" destination="$fireworks/configuration/commands/960.gs" />
</files>
<configuration-changes></configuration-changes>
</macromedia-extension>
@@ -1,8 +0,0 @@
To install the Photoshop action, go to...
[Photoshop Directory] > Presets > Actions
Copy the 960_GRIDS.atn file there.
You will now be able to create templates
on the fly, by using the Actions panel.
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted}hr{border:0 #ccc solid;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{margin-bottom:20px}
@@ -1 +0,0 @@
body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted}hr{border:0 #ccc solid;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{margin-bottom:20px}
@@ -1,47 +0,0 @@
body {
background: #123;
border-top: 5px solid #000;
color: #333;
font-size: 11px;
padding: 20px 0 40px;
}
a {
color: #fff;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
h1 {
font-family: Georgia, serif;
font-weight: normal;
text-align: center;
}
h2 {
padding: 20px 0 0;
text-align: center;
}
p {
border: 1px solid #666;
overflow: hidden;
padding: 10px 0;
text-align: center;
}
.container_12 {
background: #fff url(../../img/12_col.gif) repeat-y;
margin-bottom: 20px;
}
.container_16 {
background: #fff url(../../img/16_col.gif) repeat-y;
}
.container_24 {
background: #fff url(../../img/24_col.gif) repeat-y;
}
@@ -1,53 +0,0 @@
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
@@ -1,84 +0,0 @@
/*
960 Grid System ~ Text CSS.
Learn more ~ http://960.gs/
Licensed under GPL and MIT.
*/
/* `Basic HTML
----------------------------------------------------------------------------------------------------*/
body {
font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}
a:focus {
outline: 1px dotted;
}
hr {
border: 0 #ccc solid;
border-top-width: 1px;
clear: both;
height: 0;
}
/* `Headings
----------------------------------------------------------------------------------------------------*/
h1 {
font-size: 25px;
}
h2 {
font-size: 23px;
}
h3 {
font-size: 21px;
}
h4 {
font-size: 19px;
}
h5 {
font-size: 17px;
}
h6 {
font-size: 15px;
}
/* `Spacing
----------------------------------------------------------------------------------------------------*/
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 {
margin-bottom: 20px;
}
@@ -1,84 +0,0 @@
/*
960 Grid System ~ Text CSS.
Learn more ~ http://960.gs/
Licensed under GPL and MIT.
*/
/* `Basic HTML
----------------------------------------------------------------------------------------------------*/
body {
font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}
a:focus {
outline: 1px dotted;
}
hr {
border: 0 #ccc solid;
border-top-width: 1px;
clear: both;
height: 0;
}
/* `Headings
----------------------------------------------------------------------------------------------------*/
h1 {
font-size: 25px;
}
h2 {
font-size: 23px;
}
h3 {
font-size: 21px;
}
h4 {
font-size: 19px;
}
h5 {
font-size: 17px;
}
h6 {
font-size: 15px;
}
/* `Spacing
----------------------------------------------------------------------------------------------------*/
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 {
margin-bottom: 20px;
}
File diff suppressed because it is too large Load Diff
@@ -1,411 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>960 Grid System &mdash; Demo</title>
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/text.css" />
<link rel="stylesheet" href="css/960_24_col.css" />
<link rel="stylesheet" href="css/uncompressed/demo.css" />
</head>
<body>
<h1>
<a href="http://960.gs/">960 Grid System</a>
</h1>
<div class="container_24">
<h2>
24 Column Grid
</h2>
<div class="grid_24">
<p>
950
</p>
</div>
<!-- end .grid_24 -->
<div class="clear"></div>
<div class="grid_1">
<p>
30
</p>
</div>
<!-- end .grid_1 -->
<div class="grid_23">
<p>
910
</p>
</div>
<!-- end .grid_23 -->
<div class="clear"></div>
<div class="grid_2">
<p>
70
</p>
</div>
<!-- end .grid_2 -->
<div class="grid_22">
<p>
870
</p>
</div>
<!-- end .grid_2 -->
<div class="clear"></div>
<div class="grid_3">
<p>
110
</p>
</div>
<!-- end .grid_3 -->
<div class="grid_21">
<p>
830
</p>
</div>
<!-- end .grid_21 -->
<div class="clear"></div>
<div class="grid_4">
<p>
150
</p>
</div>
<!-- end .grid_4 -->
<div class="grid_20">
<p>
790
</p>
</div>
<!-- end .grid_20 -->
<div class="clear"></div>
<div class="grid_5">
<p>
190
</p>
</div>
<!-- end .grid_5 -->
<div class="grid_19">
<p>
750
</p>
</div>
<!-- end .grid_19 -->
<div class="clear"></div>
<div class="grid_6">
<p>
230
</p>
</div>
<!-- end .grid_6 -->
<div class="grid_18">
<p>
710
</p>
</div>
<!-- end .grid_18 -->
<div class="clear"></div>
<div class="grid_7">
<p>
270
</p>
</div>
<!-- end .grid_7 -->
<div class="grid_17">
<p>
670
</p>
</div>
<!-- end .grid_17 -->
<div class="clear"></div>
<div class="grid_8">
<p>
310
</p>
</div>
<!-- end .grid_8 -->
<div class="grid_16">
<p>
630
</p>
</div>
<!-- end .grid_16 -->
<div class="clear"></div>
<div class="grid_9">
<p>
350
</p>
</div>
<!-- end .grid_9 -->
<div class="grid_15">
<p>
590
</p>
</div>
<!-- end .grid_15 -->
<div class="clear"></div>
<div class="grid_10">
<p>
390
</p>
</div>
<!-- end .grid_10 -->
<div class="grid_14">
<p>
550
</p>
</div>
<!-- end .grid_14 -->
<div class="clear"></div>
<div class="grid_11">
<p>
430
</p>
</div>
<!-- end .grid_11 -->
<div class="grid_13">
<p>
510
</p>
</div>
<!-- end .grid_13 -->
<div class="clear"></div>
<div class="grid_12">
<p>
470
</p>
</div>
<!-- end .grid_12 -->
<div class="grid_12">
<p>
470
</p>
</div>
<!-- end .grid_12 -->
<div class="clear"></div>
<div class="grid_1 suffix_23">
<p>
30
</p>
</div>
<!-- end .grid_1.suffix_23 -->
<div class="clear"></div>
<div class="grid_1 prefix_1 suffix_22">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_1.suffix_22 -->
<div class="clear"></div>
<div class="grid_1 prefix_2 suffix_21">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_2.suffix_21 -->
<div class="clear"></div>
<div class="grid_1 prefix_3 suffix_20">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_3.suffix_20 -->
<div class="clear"></div>
<div class="grid_1 prefix_4 suffix_19">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_4.suffix_19 -->
<div class="clear"></div>
<div class="grid_1 prefix_5 suffix_18">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_5.suffix_18 -->
<div class="clear"></div>
<div class="grid_1 prefix_6 suffix_17">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_6.suffix_17 -->
<div class="clear"></div>
<div class="grid_1 prefix_7 suffix_16">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_7.suffix_16 -->
<div class="clear"></div>
<div class="grid_1 prefix_8 suffix_15">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_8.suffix_15 -->
<div class="clear"></div>
<div class="grid_1 prefix_9 suffix_14">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_9.suffix_14 -->
<div class="clear"></div>
<div class="grid_1 prefix_10 suffix_13">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_10.suffix_13 -->
<div class="clear"></div>
<div class="grid_1 prefix_11 suffix_12">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_11.suffix_12 -->
<div class="grid_1 prefix_12 suffix_11">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_12.suffix_11 -->
<div class="clear"></div>
<div class="grid_1 prefix_13 suffix_10">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_13.suffix_10 -->
<div class="clear"></div>
<div class="grid_1 prefix_14 suffix_9">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_14.suffix_9 -->
<div class="clear"></div>
<div class="grid_1 prefix_15 suffix_8">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_15.suffix_8 -->
<div class="clear"></div>
<div class="grid_1 prefix_16 suffix_7">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_16.suffix_7 -->
<div class="clear"></div>
<div class="grid_1 prefix_17 suffix_6">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_17.suffix_6 -->
<div class="clear"></div>
<div class="grid_1 prefix_18 suffix_5">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_18.suffix_5 -->
<div class="clear"></div>
<div class="grid_1 prefix_19 suffix_4">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_19.suffix_4 -->
<div class="clear"></div>
<div class="grid_1 prefix_20 suffix_3">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_20.suffix_3 -->
<div class="clear"></div>
<div class="grid_1 prefix_21 suffix_2">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_21.suffix_2 -->
<div class="clear"></div>
<div class="grid_1 prefix_22 suffix_1">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_22.suffix_1 -->
<div class="clear"></div>
<div class="grid_1 prefix_23">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_23 -->
<div class="clear"></div>
<div class="grid_12 push_12">
<div class="grid_6 alpha">
<p>
230
</p>
</div>
<!-- end .grid_6.alpha -->
<div class="grid_6 omega">
<p>
230
</p>
</div>
<!-- end .grid_6.omega -->
<div class="clear"></div>
<div class="grid_1 alpha">
<p>
30
</p>
</div>
<!-- end .grid_1.alpha -->
<div class="grid_11 omega">
<p>
430
</p>
</div>
<!-- end .grid_11.omega -->
<div class="clear"></div>
</div>
<!-- end .grid_12.push_12 -->
<div class="grid_12 pull_12">
<div class="grid_1 alpha">
<p>
30
</p>
</div>
<!-- end .grid_1.alpha -->
<div class="grid_11 omega">
<p>
430
</p>
</div>
<!-- end .grid_11.omega -->
<div class="clear"></div>
<div class="grid_6 alpha">
<p>
230
</p>
</div>
<!-- end .grid_6.alpha -->
<div class="grid_6 omega">
<p>
230
</p>
</div>
<!-- end .grid_6.omega -->
<div class="clear"></div>
</div>
<!-- end .grid_12.pull_12 -->
<div class="clear"></div>
</div>
<!-- end .container_24 -->
</body>
</html>
Binary file not shown.

Before

Width:  |  Height:  |  Size: 96 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 101 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 105 B

File diff suppressed because it is too large Load Diff
@@ -1,411 +0,0 @@
<!DOCTYPE html>
<html lang="en" dir="rtl">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>960 Grid System &mdash; Demo</title>
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/rtl_text.css" />
<link rel="stylesheet" href="css/rtl_960_24_col.css" />
<link rel="stylesheet" href="css/uncompressed/demo.css" />
</head>
<body>
<h1>
<a href="http://960.gs/">960 Grid System</a>
</h1>
<div class="container_24">
<h2>
24 Column Grid
</h2>
<div class="grid_24">
<p>
950
</p>
</div>
<!-- end .grid_24 -->
<div class="clear"></div>
<div class="grid_1">
<p>
30
</p>
</div>
<!-- end .grid_1 -->
<div class="grid_23">
<p>
910
</p>
</div>
<!-- end .grid_23 -->
<div class="clear"></div>
<div class="grid_2">
<p>
70
</p>
</div>
<!-- end .grid_2 -->
<div class="grid_22">
<p>
870
</p>
</div>
<!-- end .grid_2 -->
<div class="clear"></div>
<div class="grid_3">
<p>
110
</p>
</div>
<!-- end .grid_3 -->
<div class="grid_21">
<p>
830
</p>
</div>
<!-- end .grid_21 -->
<div class="clear"></div>
<div class="grid_4">
<p>
150
</p>
</div>
<!-- end .grid_4 -->
<div class="grid_20">
<p>
790
</p>
</div>
<!-- end .grid_20 -->
<div class="clear"></div>
<div class="grid_5">
<p>
190
</p>
</div>
<!-- end .grid_5 -->
<div class="grid_19">
<p>
750
</p>
</div>
<!-- end .grid_19 -->
<div class="clear"></div>
<div class="grid_6">
<p>
230
</p>
</div>
<!-- end .grid_6 -->
<div class="grid_18">
<p>
710
</p>
</div>
<!-- end .grid_18 -->
<div class="clear"></div>
<div class="grid_7">
<p>
270
</p>
</div>
<!-- end .grid_7 -->
<div class="grid_17">
<p>
670
</p>
</div>
<!-- end .grid_17 -->
<div class="clear"></div>
<div class="grid_8">
<p>
310
</p>
</div>
<!-- end .grid_8 -->
<div class="grid_16">
<p>
630
</p>
</div>
<!-- end .grid_16 -->
<div class="clear"></div>
<div class="grid_9">
<p>
350
</p>
</div>
<!-- end .grid_9 -->
<div class="grid_15">
<p>
590
</p>
</div>
<!-- end .grid_15 -->
<div class="clear"></div>
<div class="grid_10">
<p>
390
</p>
</div>
<!-- end .grid_10 -->
<div class="grid_14">
<p>
550
</p>
</div>
<!-- end .grid_14 -->
<div class="clear"></div>
<div class="grid_11">
<p>
430
</p>
</div>
<!-- end .grid_11 -->
<div class="grid_13">
<p>
510
</p>
</div>
<!-- end .grid_13 -->
<div class="clear"></div>
<div class="grid_12">
<p>
470
</p>
</div>
<!-- end .grid_12 -->
<div class="grid_12">
<p>
470
</p>
</div>
<!-- end .grid_12 -->
<div class="clear"></div>
<div class="grid_1 suffix_23">
<p>
30
</p>
</div>
<!-- end .grid_1.suffix_23 -->
<div class="clear"></div>
<div class="grid_1 prefix_1 suffix_22">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_1.suffix_22 -->
<div class="clear"></div>
<div class="grid_1 prefix_2 suffix_21">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_2.suffix_21 -->
<div class="clear"></div>
<div class="grid_1 prefix_3 suffix_20">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_3.suffix_20 -->
<div class="clear"></div>
<div class="grid_1 prefix_4 suffix_19">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_4.suffix_19 -->
<div class="clear"></div>
<div class="grid_1 prefix_5 suffix_18">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_5.suffix_18 -->
<div class="clear"></div>
<div class="grid_1 prefix_6 suffix_17">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_6.suffix_17 -->
<div class="clear"></div>
<div class="grid_1 prefix_7 suffix_16">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_7.suffix_16 -->
<div class="clear"></div>
<div class="grid_1 prefix_8 suffix_15">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_8.suffix_15 -->
<div class="clear"></div>
<div class="grid_1 prefix_9 suffix_14">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_9.suffix_14 -->
<div class="clear"></div>
<div class="grid_1 prefix_10 suffix_13">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_10.suffix_13 -->
<div class="clear"></div>
<div class="grid_1 prefix_11 suffix_12">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_11.suffix_12 -->
<div class="grid_1 prefix_12 suffix_11">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_12.suffix_11 -->
<div class="clear"></div>
<div class="grid_1 prefix_13 suffix_10">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_13.suffix_10 -->
<div class="clear"></div>
<div class="grid_1 prefix_14 suffix_9">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_14.suffix_9 -->
<div class="clear"></div>
<div class="grid_1 prefix_15 suffix_8">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_15.suffix_8 -->
<div class="clear"></div>
<div class="grid_1 prefix_16 suffix_7">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_16.suffix_7 -->
<div class="clear"></div>
<div class="grid_1 prefix_17 suffix_6">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_17.suffix_6 -->
<div class="clear"></div>
<div class="grid_1 prefix_18 suffix_5">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_18.suffix_5 -->
<div class="clear"></div>
<div class="grid_1 prefix_19 suffix_4">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_19.suffix_4 -->
<div class="clear"></div>
<div class="grid_1 prefix_20 suffix_3">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_20.suffix_3 -->
<div class="clear"></div>
<div class="grid_1 prefix_21 suffix_2">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_21.suffix_2 -->
<div class="clear"></div>
<div class="grid_1 prefix_22 suffix_1">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_22.suffix_1 -->
<div class="clear"></div>
<div class="grid_1 prefix_23">
<p>
30
</p>
</div>
<!-- end .grid_1.prefix_23 -->
<div class="clear"></div>
<div class="grid_12 push_12">
<div class="grid_6 alpha">
<p>
230
</p>
</div>
<!-- end .grid_6.alpha -->
<div class="grid_6 omega">
<p>
230
</p>
</div>
<!-- end .grid_6.omega -->
<div class="clear"></div>
<div class="grid_1 alpha">
<p>
30
</p>
</div>
<!-- end .grid_1.alpha -->
<div class="grid_11 omega">
<p>
430
</p>
</div>
<!-- end .grid_11.omega -->
<div class="clear"></div>
</div>
<!-- end .grid_12.push_12 -->
<div class="grid_12 pull_12">
<div class="grid_1 alpha">
<p>
30
</p>
</div>
<!-- end .grid_1.alpha -->
<div class="grid_11 omega">
<p>
430
</p>
</div>
<!-- end .grid_11.omega -->
<div class="clear"></div>
<div class="grid_6 alpha">
<p>
230
</p>
</div>
<!-- end .grid_6.alpha -->
<div class="grid_6 omega">
<p>
230
</p>
</div>
<!-- end .grid_6.omega -->
<div class="clear"></div>
</div>
<!-- end .grid_12.pull_12 -->
<div class="clear"></div>
</div>
<!-- end .container_24 -->
</body>
</html>
@@ -1,20 +0,0 @@
Copyright (c) 2008 Nathan Smith, http://960.gs/
Permission is hereby granted, free of charge, to any person obtaining
a copy of this software and associated documentation files (the
"Software"), to deal in the Software without restriction, including
without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the Software, and to
permit persons to whom the Software is furnished to do so, subject to
the following conditions:
The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
Binary file not shown.

Before

Width:  |  Height:  |  Size: 55 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 58 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 57 KiB

File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1,217 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="1020"
height="1020"
id="svg2"
sodipodi:version="0.32"
inkscape:version="0.46"
version="1.0"
sodipodi:docname="960-12.svg"
inkscape:output_extension="org.inkscape.output.svg.inkscape">
<metadata
id="metadata2425">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs4" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
gridtolerance="10000"
guidetolerance="10"
objecttolerance="10"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.5245098"
inkscape:cx="510"
inkscape:cy="510"
inkscape:document-units="px"
inkscape:current-layer="svg2"
showgrid="true"
showguides="true"
inkscape:guide-bbox="true"
inkscape:window-width="1280"
inkscape:window-height="732"
inkscape:window-x="0"
inkscape:window-y="25">
<sodipodi:guide
position="30,0"
orientation="1,0"
id="guide-30" />
<sodipodi:guide
position="40,0"
orientation="1,0"
id="guide-40" />
<sodipodi:guide
position="100,0"
orientation="1,0"
id="guide-100" />
<sodipodi:guide
position="110,0"
orientation="1,0"
id="guide-110" />
<sodipodi:guide
position="120,0"
orientation="1,0"
id="guide-120" />
<sodipodi:guide
position="180,0"
orientation="1,0"
id="guide-180" />
<sodipodi:guide
position="190,0"
orientation="1,0"
id="guide-190" />
<sodipodi:guide
position="200,0"
orientation="1,0"
id="guide-200" />
<sodipodi:guide
position="260,0"
orientation="1,0"
id="guide-260" />
<sodipodi:guide
position="270,0"
orientation="1,0"
id="guide-270" />
<sodipodi:guide
position="280,0"
orientation="1,0"
id="guide-280" />
<sodipodi:guide
position="340,0"
orientation="1,0"
id="guide-340" />
<sodipodi:guide
position="350,0"
orientation="1,0"
id="guide-350" />
<sodipodi:guide
position="360,0"
orientation="1,0"
id="guide-360" />
<sodipodi:guide
position="420,0"
orientation="1,0"
id="guide-420" />
<sodipodi:guide
position="430,0"
orientation="1,0"
id="guide-430" />
<sodipodi:guide
position="440,0"
orientation="1,0"
id="guide-440" />
<sodipodi:guide
position="500,0"
orientation="1,0"
id="guide-500" />
<sodipodi:guide
position="510,0"
orientation="1,0"
id="guide-510" />
<sodipodi:guide
position="520,0"
orientation="1,0"
id="guide-520" />
<sodipodi:guide
position="580,0"
orientation="1,0"
id="guide-580" />
<sodipodi:guide
position="590,0"
orientation="1,0"
id="guide-590" />
<sodipodi:guide
position="600,0"
orientation="1,0"
id="guide-600" />
<sodipodi:guide
position="660,0"
orientation="1,0"
id="guide-660" />
<sodipodi:guide
position="670,0"
orientation="1,0"
id="guide-670" />
<sodipodi:guide
position="680,0"
orientation="1,0"
id="guide-680" />
<sodipodi:guide
position="740,0"
orientation="1,0"
id="guide-740" />
<sodipodi:guide
position="750,0"
orientation="1,0"
id="guide-750" />
<sodipodi:guide
position="760,0"
orientation="1,0"
id="guide-760" />
<sodipodi:guide
position="820,0"
orientation="1,0"
id="guide-820" />
<sodipodi:guide
position="830,0"
orientation="1,0"
id="guide-830" />
<sodipodi:guide
position="840,0"
orientation="1,0"
id="guide-840" />
<sodipodi:guide
position="900,0"
orientation="1,0"
id="guide-900" />
<sodipodi:guide
position="910,0"
orientation="1,0"
id="guide-910" />
<sodipodi:guide
position="920,0"
orientation="1,0"
id="guide-920" />
<sodipodi:guide
position="980,0"
orientation="1,0"
id="guide-980" />
<sodipodi:guide
position="990,0"
orientation="1,0"
id="guide-990" />
<inkscape:grid
type="xygrid"
id="grid2390"
visible="true"
enabled="true"
color="#0000ff"
opacity="0.0627451"
empcolor="#0000ff"
empopacity="0.1254902"
dotted="false"
spacingx="1px"
spacingy="1px"
originx="2.7755576e-17px"
originy="0px" />
</sodipodi:namedview>
</svg>

Before

Width:  |  Height:  |  Size: 5.3 KiB

@@ -1,265 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="1020"
height="1020"
id="svg2"
sodipodi:version="0.32"
inkscape:version="0.46"
version="1.0"
sodipodi:docname="960-16.svg"
inkscape:output_extension="org.inkscape.output.svg.inkscape">
<metadata
id="metadata2425">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs4" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
gridtolerance="10000"
guidetolerance="10"
objecttolerance="10"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.5245098"
inkscape:cx="510"
inkscape:cy="510"
inkscape:document-units="px"
inkscape:current-layer="svg2"
showgrid="true"
showguides="true"
inkscape:guide-bbox="true"
inkscape:window-width="1280"
inkscape:window-height="732"
inkscape:window-x="0"
inkscape:window-y="25">
<sodipodi:guide
position="30,0"
orientation="1,0"
id="guide-30" />
<sodipodi:guide
position="40,0"
orientation="1,0"
id="guide-40" />
<sodipodi:guide
position="80,0"
orientation="1,0"
id="guide-80" />
<sodipodi:guide
position="90,0"
orientation="1,0"
id="guide-90" />
<sodipodi:guide
position="100,0"
orientation="1,0"
id="guide-100" />
<sodipodi:guide
position="140,0"
orientation="1,0"
id="guide-140" />
<sodipodi:guide
position="150,0"
orientation="1,0"
id="guide-150" />
<sodipodi:guide
position="160,0"
orientation="1,0"
id="guide-160" />
<sodipodi:guide
position="200,0"
orientation="1,0"
id="guide-200" />
<sodipodi:guide
position="210,0"
orientation="1,0"
id="guide-210" />
<sodipodi:guide
position="220,0"
orientation="1,0"
id="guide-220" />
<sodipodi:guide
position="260,0"
orientation="1,0"
id="guide-260" />
<sodipodi:guide
position="270,0"
orientation="1,0"
id="guide-270" />
<sodipodi:guide
position="280,0"
orientation="1,0"
id="guide-280" />
<sodipodi:guide
position="320,0"
orientation="1,0"
id="guide-320" />
<sodipodi:guide
position="330,0"
orientation="1,0"
id="guide-330" />
<sodipodi:guide
position="340,0"
orientation="1,0"
id="guide-340" />
<sodipodi:guide
position="380,0"
orientation="1,0"
id="guide-380" />
<sodipodi:guide
position="390,0"
orientation="1,0"
id="guide-390" />
<sodipodi:guide
position="400,0"
orientation="1,0"
id="guide-400" />
<sodipodi:guide
position="440,0"
orientation="1,0"
id="guide-440" />
<sodipodi:guide
position="450,0"
orientation="1,0"
id="guide-450" />
<sodipodi:guide
position="460,0"
orientation="1,0"
id="guide-460" />
<sodipodi:guide
position="500,0"
orientation="1,0"
id="guide-500" />
<sodipodi:guide
position="510,0"
orientation="1,0"
id="guide-510" />
<sodipodi:guide
position="520,0"
orientation="1,0"
id="guide-520" />
<sodipodi:guide
position="560,0"
orientation="1,0"
id="guide-560" />
<sodipodi:guide
position="570,0"
orientation="1,0"
id="guide-570" />
<sodipodi:guide
position="580,0"
orientation="1,0"
id="guide-580" />
<sodipodi:guide
position="620,0"
orientation="1,0"
id="guide-620" />
<sodipodi:guide
position="630,0"
orientation="1,0"
id="guide-630" />
<sodipodi:guide
position="640,0"
orientation="1,0"
id="guide-640" />
<sodipodi:guide
position="680,0"
orientation="1,0"
id="guide-680" />
<sodipodi:guide
position="690,0"
orientation="1,0"
id="guide-690" />
<sodipodi:guide
position="700,0"
orientation="1,0"
id="guide-700" />
<sodipodi:guide
position="740,0"
orientation="1,0"
id="guide-740" />
<sodipodi:guide
position="750,0"
orientation="1,0"
id="guide-750" />
<sodipodi:guide
position="760,0"
orientation="1,0"
id="guide-760" />
<sodipodi:guide
position="800,0"
orientation="1,0"
id="guide-800" />
<sodipodi:guide
position="810,0"
orientation="1,0"
id="guide-810" />
<sodipodi:guide
position="820,0"
orientation="1,0"
id="guide-820" />
<sodipodi:guide
position="860,0"
orientation="1,0"
id="guide-860" />
<sodipodi:guide
position="870,0"
orientation="1,0"
id="guide-870" />
<sodipodi:guide
position="880,0"
orientation="1,0"
id="guide-880" />
<sodipodi:guide
position="920,0"
orientation="1,0"
id="guide-920" />
<sodipodi:guide
position="930,0"
orientation="1,0"
id="guide-930" />
<sodipodi:guide
position="940,0"
orientation="1,0"
id="guide-940" />
<sodipodi:guide
position="980,0"
orientation="1,0"
id="guide-980" />
<sodipodi:guide
position="990,0"
orientation="1,0"
id="guide-990" />
<inkscape:grid
type="xygrid"
id="grid2390"
visible="true"
enabled="true"
color="#0000ff"
opacity="0.0627451"
empcolor="#0000ff"
empopacity="0.1254902"
dotted="false"
spacingx="1px"
spacingy="1px"
originx="2.7755576e-17px"
originy="0px" />
</sodipodi:namedview>
</svg>

Before

Width:  |  Height:  |  Size: 6.4 KiB

@@ -1,174 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="1020"
height="1020"
id="svg2"
sodipodi:version="0.32"
inkscape:version="0.46"
version="1.0"
sodipodi:docname="960_grid_16_col.svg"
inkscape:output_extension="org.inkscape.output.svg.inkscape">
<metadata
id="metadata2425">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs4">
<inkscape:perspective
sodipodi:type="inkscape:persp3d"
inkscape:vp_x="0 : 510 : 1"
inkscape:vp_y="0 : 1000 : 0"
inkscape:vp_z="1020 : 510 : 1"
inkscape:persp3d-origin="510 : 340 : 1"
id="perspective56" />
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
gridtolerance="10000"
guidetolerance="10"
objecttolerance="10"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1.0490196"
inkscape:cx="276.2217"
inkscape:cy="787.24856"
inkscape:document-units="px"
inkscape:current-layer="svg2"
showgrid="true"
showguides="true"
inkscape:guide-bbox="true"
inkscape:window-width="1295"
inkscape:window-height="998"
inkscape:window-x="377"
inkscape:window-y="0">
<sodipodi:guide position="30,0" orientation="1,0" id="guide-30" />
<sodipodi:guide position="30,0" orientation="1,0" id="guide-30" />
<sodipodi:guide position="35,0" orientation="1,0" id="guide-35" />
<sodipodi:guide position="65,0" orientation="1,0" id="guide-65" />
<sodipodi:guide position="70,0" orientation="1,0" id="guide-70" />
<sodipodi:guide position="70,0" orientation="1,0" id="guide-70" />
<sodipodi:guide position="75,0" orientation="1,0" id="guide-75" />
<sodipodi:guide position="105,0" orientation="1,0" id="guide-105" />
<sodipodi:guide position="110,0" orientation="1,0" id="guide-110" />
<sodipodi:guide position="110,0" orientation="1,0" id="guide-110" />
<sodipodi:guide position="115,0" orientation="1,0" id="guide-115" />
<sodipodi:guide position="145,0" orientation="1,0" id="guide-145" />
<sodipodi:guide position="150,0" orientation="1,0" id="guide-150" />
<sodipodi:guide position="150,0" orientation="1,0" id="guide-150" />
<sodipodi:guide position="155,0" orientation="1,0" id="guide-155" />
<sodipodi:guide position="185,0" orientation="1,0" id="guide-185" />
<sodipodi:guide position="190,0" orientation="1,0" id="guide-190" />
<sodipodi:guide position="190,0" orientation="1,0" id="guide-190" />
<sodipodi:guide position="195,0" orientation="1,0" id="guide-195" />
<sodipodi:guide position="225,0" orientation="1,0" id="guide-225" />
<sodipodi:guide position="230,0" orientation="1,0" id="guide-230" />
<sodipodi:guide position="230,0" orientation="1,0" id="guide-230" />
<sodipodi:guide position="235,0" orientation="1,0" id="guide-235" />
<sodipodi:guide position="265,0" orientation="1,0" id="guide-265" />
<sodipodi:guide position="270,0" orientation="1,0" id="guide-270" />
<sodipodi:guide position="270,0" orientation="1,0" id="guide-270" />
<sodipodi:guide position="275,0" orientation="1,0" id="guide-275" />
<sodipodi:guide position="305,0" orientation="1,0" id="guide-305" />
<sodipodi:guide position="310,0" orientation="1,0" id="guide-310" />
<sodipodi:guide position="310,0" orientation="1,0" id="guide-310" />
<sodipodi:guide position="315,0" orientation="1,0" id="guide-315" />
<sodipodi:guide position="345,0" orientation="1,0" id="guide-345" />
<sodipodi:guide position="350,0" orientation="1,0" id="guide-350" />
<sodipodi:guide position="350,0" orientation="1,0" id="guide-350" />
<sodipodi:guide position="355,0" orientation="1,0" id="guide-355" />
<sodipodi:guide position="385,0" orientation="1,0" id="guide-385" />
<sodipodi:guide position="390,0" orientation="1,0" id="guide-390" />
<sodipodi:guide position="390,0" orientation="1,0" id="guide-390" />
<sodipodi:guide position="395,0" orientation="1,0" id="guide-395" />
<sodipodi:guide position="425,0" orientation="1,0" id="guide-425" />
<sodipodi:guide position="430,0" orientation="1,0" id="guide-430" />
<sodipodi:guide position="430,0" orientation="1,0" id="guide-430" />
<sodipodi:guide position="435,0" orientation="1,0" id="guide-435" />
<sodipodi:guide position="465,0" orientation="1,0" id="guide-465" />
<sodipodi:guide position="470,0" orientation="1,0" id="guide-470" />
<sodipodi:guide position="470,0" orientation="1,0" id="guide-470" />
<sodipodi:guide position="475,0" orientation="1,0" id="guide-475" />
<sodipodi:guide position="505,0" orientation="1,0" id="guide-505" />
<sodipodi:guide position="510,0" orientation="1,0" id="guide-510" />
<sodipodi:guide position="510,0" orientation="1,0" id="guide-510" />
<sodipodi:guide position="515,0" orientation="1,0" id="guide-515" />
<sodipodi:guide position="545,0" orientation="1,0" id="guide-545" />
<sodipodi:guide position="550,0" orientation="1,0" id="guide-550" />
<sodipodi:guide position="550,0" orientation="1,0" id="guide-550" />
<sodipodi:guide position="555,0" orientation="1,0" id="guide-555" />
<sodipodi:guide position="585,0" orientation="1,0" id="guide-585" />
<sodipodi:guide position="590,0" orientation="1,0" id="guide-590" />
<sodipodi:guide position="590,0" orientation="1,0" id="guide-590" />
<sodipodi:guide position="595,0" orientation="1,0" id="guide-595" />
<sodipodi:guide position="625,0" orientation="1,0" id="guide-625" />
<sodipodi:guide position="630,0" orientation="1,0" id="guide-630" />
<sodipodi:guide position="630,0" orientation="1,0" id="guide-630" />
<sodipodi:guide position="635,0" orientation="1,0" id="guide-635" />
<sodipodi:guide position="665,0" orientation="1,0" id="guide-665" />
<sodipodi:guide position="670,0" orientation="1,0" id="guide-670" />
<sodipodi:guide position="670,0" orientation="1,0" id="guide-670" />
<sodipodi:guide position="675,0" orientation="1,0" id="guide-675" />
<sodipodi:guide position="705,0" orientation="1,0" id="guide-705" />
<sodipodi:guide position="710,0" orientation="1,0" id="guide-710" />
<sodipodi:guide position="710,0" orientation="1,0" id="guide-710" />
<sodipodi:guide position="715,0" orientation="1,0" id="guide-715" />
<sodipodi:guide position="745,0" orientation="1,0" id="guide-745" />
<sodipodi:guide position="750,0" orientation="1,0" id="guide-750" />
<sodipodi:guide position="750,0" orientation="1,0" id="guide-750" />
<sodipodi:guide position="755,0" orientation="1,0" id="guide-755" />
<sodipodi:guide position="785,0" orientation="1,0" id="guide-785" />
<sodipodi:guide position="790,0" orientation="1,0" id="guide-790" />
<sodipodi:guide position="790,0" orientation="1,0" id="guide-790" />
<sodipodi:guide position="795,0" orientation="1,0" id="guide-795" />
<sodipodi:guide position="825,0" orientation="1,0" id="guide-825" />
<sodipodi:guide position="830,0" orientation="1,0" id="guide-830" />
<sodipodi:guide position="830,0" orientation="1,0" id="guide-830" />
<sodipodi:guide position="835,0" orientation="1,0" id="guide-835" />
<sodipodi:guide position="865,0" orientation="1,0" id="guide-865" />
<sodipodi:guide position="870,0" orientation="1,0" id="guide-870" />
<sodipodi:guide position="870,0" orientation="1,0" id="guide-870" />
<sodipodi:guide position="875,0" orientation="1,0" id="guide-875" />
<sodipodi:guide position="905,0" orientation="1,0" id="guide-905" />
<sodipodi:guide position="910,0" orientation="1,0" id="guide-910" />
<sodipodi:guide position="910,0" orientation="1,0" id="guide-910" />
<sodipodi:guide position="915,0" orientation="1,0" id="guide-915" />
<sodipodi:guide position="945,0" orientation="1,0" id="guide-945" />
<sodipodi:guide position="950,0" orientation="1,0" id="guide-950" />
<sodipodi:guide position="950,0" orientation="1,0" id="guide-950" />
<sodipodi:guide position="955,0" orientation="1,0" id="guide-955" />
<sodipodi:guide position="985,0" orientation="1,0" id="guide-985" />
<sodipodi:guide position="990,0" orientation="1,0" id="guide-990" />
<inkscape:grid
type="xygrid"
id="grid2390"
visible="true"
enabled="true"
color="#0000ff"
opacity="0.0627451"
empcolor="#0000ff"
empopacity="0.1254902"
dotted="false"
spacingx="1px"
spacingy="1px"
originx="5px"
originy="0px" />
</sodipodi:namedview>
</svg>

Before

Width:  |  Height:  |  Size: 9.1 KiB