Permalink
Browse files

Added support for 9 columns, IE6/7 fixes

  • Loading branch information...
richardiux committed Jun 23, 2009
1 parent 2646594 commit a0e2fc411773c2362c28733d1664fd7d7323ed76
View
0 README 100644 → 100755
No changes.
View
194 demo.html 100644 → 100755

Large diffs are not rendered by default.

Oops, something went wrong.
View
@@ -1,17 +0,0 @@
-function adjustColumnHeight(group, item) {
- $(group).each(function() {
- $(this).each(function() {
- $(this).find(item).height($(this).height())
- });
- });
-};
-
-$(document).ready(function() {
- adjustColumnHeight(".section", ".column_content");
- $("div.section div:last-child").addClass("last_column_in_section");
-
-});
-
-// $(window).resize(function() {
-// adjustColumnHeight(".section", ".column");
-// });

Large diffs are not rendered by default.

Oops, something went wrong.
View
3 stylesheets/demo.css 100644 → 100755
@@ -1,3 +1,6 @@
+
+
+
/* typography */
body {font-size: 75%;}
html > body {font-size: 12px;}
View
67 stylesheets/fluid.gs.css 100644 → 100755
@@ -1,14 +1,67 @@
-body {min-width:860px; width:100%; font-family:helvetica; line-height:1.3em;}
+/*
+ * Fluid Grid System
+ * http://fluid.gs/
+ * http://fluid.newgoldleaf.com/
+ *
+ * Copyright (c) 2009 Joseph Silvashy and New Gold Leaf LP
+ * Licensed under the MIT, GPL, and CC licenses.
+ *
+ * Date: 2009-06-22 (Mon, 22 Jun 2009)
+ * Revision: 3
+ *
+ * Modifications and fixes made from:
+ * http://meyerweb.com/eric/tools/css/reset/
+ * http://code.google.com/p/blueprintcss/
+ */
+
/* .fluid_grid_layout is the main wrapper for grid system, comment out for 100% width of body */
.fluid_grid_layout {width:80%; margin:0 10%; position:relative;}
+/* min-width does not work in IE 6/7 */
+body {min-width:860px; width:100%;}
+
+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-type: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 {width:99%;}
+th, td {padding:4px 0px 4px 0;}
+tr:last-child td {border-bottom-width:0;}
+tfoot {font-style:italic;}
+caption {background:transparent;}
+
+body, blockquote * {font:12px/1.3 "Helvetica Neue", Helvetica, Arial, sans-serif;}
+h1, h2, h3, h4 {font-weight:normal;}
+ul {list-style-type:none; list-style-position:inside;}
+ol {list-style-type:decimal; list-style-position:inside;}
+abbr, acronym {border-bottom-width:0;}
+strong {font-weight:bold;}
+em {font-style:italic;}
+
+/* .section and .column are required in your HTML */
div.section {display:table; width:100%; border-collapse:collapse;}
div.column {display: table-cell;}
-div.one {width:15%;}
-div.two {width:30%;}
-div.three {width:45%;}
-div.four {width:60%;}
-div.five {width:75%;}
-div.six {width:90%;}
+/* .column widths, -10% of "precived width" for 6 column layouts */
+div.six_column.section div.one {width:15%;}
+div.six_column.section div.two {width:30%;}
+div.six_column.section div.three {width:45%;}
+div.six_column.section div.four {width:60%;}
+div.six_column.section div.five {width:75%;}
+div.six_column.section div.six {width:90%;}
+
+div.nine_column.section div.one {width:10%;}
+div.nine_column.section div.two {width:20%;}
+div.nine_column.section div.three {width:30%;}
+div.nine_column.section div.four {width:40%;}
+div.nine_column.section div.five {width:50%;}
+div.nine_column.section div.six {width:60%;}
+div.nine_column.section div.seven {width:70%;}
+div.nine_column.section div.eight {width:80%;}
+div.nine_column.section div.nine {width:90%;}
View
0 stylesheets/fluid.gs.lt_ie8.css 100644 → 100755
No changes.
View
@@ -1,46 +0,0 @@
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote,
-a, abbr, acronym, address, big, cite,
-del, dfn, em, font, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-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-weight: inherit;
- font-style: inherit;
- font-size: 100%;
- font-family: inherit;
- vertical-align: baseline;
-}
-/* remember to define focus styles! */
-:focus {
- outline: 0;
-}
-body {
- line-height: 1;
- color: black;
- background: white;
-}
-ol, ul {
- list-style: none;
-}
-/* tables still need 'cellspacing="0"' in the markup */
-table {
- border-collapse: separate;
- border-spacing: 0;
-}
-caption, th, td {
- text-align: left;
- font-weight: normal;
-}
-blockquote:before, blockquote:after,
-q:before, q:after {
- content: "";
-}
-blockquote, q {
- quotes: "" "";
-}

0 comments on commit a0e2fc4

Please sign in to comment.