diff options
Diffstat (limited to 'webroot/code')
| -rw-r--r-- | webroot/code/.DS_Store | bin | 0 -> 6148 bytes | |||
| -rwxr-xr-x | webroot/code/css/960.css | 1 | ||||
| -rwxr-xr-x | webroot/code/css/reset.css | 1 | ||||
| -rwxr-xr-x | webroot/code/css/text.css | 1 | ||||
| -rwxr-xr-x | webroot/code/css/uncompressed/960.css | 409 | ||||
| -rwxr-xr-x | webroot/code/css/uncompressed/reset.css | 53 | ||||
| -rwxr-xr-x | webroot/code/css/uncompressed/text.css | 84 | ||||
| -rwxr-xr-x | webroot/code/demo.html | 592 | ||||
| -rwxr-xr-x | webroot/code/img/12_col.gif | bin | 0 -> 96 bytes | |||
| -rwxr-xr-x | webroot/code/img/16_col.gif | bin | 0 -> 101 bytes |
10 files changed, 1141 insertions, 0 deletions
diff --git a/webroot/code/.DS_Store b/webroot/code/.DS_Store Binary files differnew file mode 100644 index 0000000..2fcdccb --- /dev/null +++ b/webroot/code/.DS_Store diff --git a/webroot/code/css/960.css b/webroot/code/css/960.css new file mode 100755 index 0000000..1b17e2f --- /dev/null +++ b/webroot/code/css/960.css @@ -0,0 +1 @@ +.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}.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}html body div.clear,html body span.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
\ No newline at end of file diff --git a/webroot/code/css/reset.css b/webroot/code/css/reset.css new file mode 100755 index 0000000..99a0211 --- /dev/null +++ b/webroot/code/css/reset.css @@ -0,0 +1 @@ +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}
\ No newline at end of file diff --git a/webroot/code/css/text.css b/webroot/code/css/text.css new file mode 100755 index 0000000..b024b8c --- /dev/null +++ b/webroot/code/css/text.css @@ -0,0 +1 @@ +body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}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:square}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}
\ No newline at end of file diff --git a/webroot/code/css/uncompressed/960.css b/webroot/code/css/uncompressed/960.css new file mode 100755 index 0000000..9ef53ab --- /dev/null +++ b/webroot/code/css/uncompressed/960.css @@ -0,0 +1,409 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* `Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12, +.container_16 { + margin-left: auto; + margin-right: auto; + width: 960px; +} + +/* `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, +.grid_13, +.grid_14, +.grid_15, +.grid_16 { + display: inline; + float: left; + margin-left: 10px; + margin-right: 10px; +} + +.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; +} + +/* `Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* `Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.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; +} + +/* `Grid >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.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; +} + +/* `Prefix Extra Space >> Global +----------------------------------------------------------------------------------------------------*/ + +.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; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.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; +} + +/* `Prefix Extra Space >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.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; +} + +/* `Suffix Extra Space >> Global +----------------------------------------------------------------------------------------------------*/ + +.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; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.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; +} + +/* `Suffix Extra Space >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.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; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +html body div.clear, +html body span.clear { + background: none; + border: 0; + clear: both; + display: block; + float: none; + font-size: 0; + margin: 0; + padding: 0; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.positioniseverything.net/easyclearing.html */ + +.clearfix:after { + clear: both; + content: '.'; + display: block; + visibility: hidden; + height: 0; +} + +.clearfix { + display: inline-block; +} + +* html .clearfix { + height: 1%; +} + +.clearfix { + display: block; +}
\ No newline at end of file diff --git a/webroot/code/css/uncompressed/reset.css b/webroot/code/css/uncompressed/reset.css new file mode 100755 index 0000000..13f8e0a --- /dev/null +++ b/webroot/code/css/uncompressed/reset.css @@ -0,0 +1,53 @@ +/* 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; +}
\ No newline at end of file diff --git a/webroot/code/css/uncompressed/text.css b/webroot/code/css/uncompressed/text.css new file mode 100755 index 0000000..ef3bba0 --- /dev/null +++ b/webroot/code/css/uncompressed/text.css @@ -0,0 +1,84 @@ +/* + 960 Grid System ~ Text CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* `Basic HTML +----------------------------------------------------------------------------------------------------*/ + +body { + font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; +} + +a:focus { + outline: 1px dotted invert; +} + +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: square; +} + +li { + margin-left: 30px; +} + +p, +dl, +hr, +h1, +h2, +h3, +h4, +h5, +h6, +ol, +ul, +pre, +table, +address, +fieldset { + margin-bottom: 20px; +}
\ No newline at end of file diff --git a/webroot/code/demo.html b/webroot/code/demo.html new file mode 100755 index 0000000..5313039 --- /dev/null +++ b/webroot/code/demo.html @@ -0,0 +1,592 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> +<head> +<meta http-equiv="content-type" content="text/html; charset=utf-8" /> +<title>960 Grid System — Demo</title> +<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" /> +<style type="text/css" media="all"> + +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; +} + +</style> +</head> +<body> +<h1> + <a href="http://960.gs/">960 Grid System</a> +</h1> +<div class="container_12"> + <h2> + 12 Column Grid + </h2> + <div class="grid_12"> + <p> + 940px + </p> + </div> + <!-- end .grid_12 --> + <div class="clear"> </div> + <div class="grid_1"> + <p> + 60px + </p> + </div> + <!-- end .grid_1 --> + <div class="grid_11"> + <p> + 860px + </p> + </div> + <!-- end .grid_11 --> + <div class="clear"> </div> + <div class="grid_2"> + <p> + 140px + </p> + </div> + <!-- end .grid_2 --> + <div class="grid_10"> + <p> + 780px + </p> + </div> + <!-- end .grid_10 --> + <div class="clear"> </div> + <div class="grid_3"> + <p> + 220px + </p> + </div> + <!-- end .grid_3 --> + <div class="grid_9"> + <p> + 700px + </p> + </div> + <!-- end .grid_9 --> + <div class="clear"> </div> + <div class="grid_4"> + <p> + 300px + </p> + </div> + <!-- end .grid_4 --> + <div class="grid_8"> + <p> + 620px + </p> + </div> + <!-- end .grid_8 --> + <div class="clear"> </div> + <div class="grid_5"> + <p> + 380px + </p> + </div> + <!-- end .grid_5 --> + <div class="grid_7"> + <p> + 540px + </p> + </div> + <!-- end .grid_7 --> + <div class="clear"> </div> + <div class="grid_6"> + <p> + 460px + </p> + </div> + <!-- end .grid_6 --> + <div class="grid_6"> + <p> + 460px + </p> + </div> + <!-- end .grid_6 --> + <div class="clear"> </div> + <div class="grid_1 suffix_11"> + <p> + 60px + </p> + </div> + <!-- end .grid_1.suffix_11 --> + <div class="clear"> </div> + <div class="grid_1 prefix_1 suffix_10"> + <p> + 60px + </p> + </div> + <!-- end .grid_1.prefix_1.suffix_10 --> + <div class="clear"> </div> + <div class="grid_1 prefix_2 suffix_9"> + <p> + 60px + </p> + </div> + <!-- end .grid_1.prefix_2.suffix_9 --> + <div class="clear"> </div> + <div class="grid_1 prefix_3 suffix_8"> + <p> + 60px + </p> + </div> + <!-- end .grid_1.prefix_3.suffix_8 --> + <div class="clear"> </div> + <div class="grid_1 prefix_4 suffix_7"> + <p> + 60px + </p> + </div> + <!-- end .grid_1.prefix_4.suffix_7 --> + <div class="clear"> </div> + <div class="grid_1 prefix_5 suffix_6"> + <p> + 60px + </p> + </div> + <!-- end .grid_1.prefix_5.suffix_6 --> + <div class="clear"> </div> + <div class="grid_1 prefix_6 suffix_5"> + <p> + 60px + </p> + </div> + <!-- end .grid_1.prefix_6.suffix_5 --> + <div class="clear"> </div> + <div class="grid_1 prefix_7 suffix_4"> + <p> + 60px + </p> + </div> + <!-- end .grid_1.prefix_7.suffix_4 --> + <div class="clear"> </div> + <div class="grid_1 prefix_8 suffix_3"> + <p> + 60px + </p> + </div> + <!-- end .grid_1.prefix_8.suffix_3 --> + <div class="clear"> </div> + <div class="grid_1 prefix_9 suffix_2"> + <p> + 60px + </p> + </div> + <!-- end .grid_1.prefix_9.suffix_2 --> + <div class="clear"> </div> + <div class="grid_1 prefix_10 suffix_1"> + <p> + 60px + </p> + </div> + <!-- end .grid_1.prefix_10.suffix_1 --> + <div class="clear"> </div> + <div class="grid_1 prefix_11"> + <p> + 60px + </p> + </div> + <!-- end .grid_1.prefix_11 --> + <div class="clear"> </div> + <div class="grid_6"> + <div class="grid_1 alpha"> + <p> + 60px + </p> + </div> + <!-- end .grid_1.alpha --> + <div class="grid_5 omega"> + <p> + 380px + </p> + </div> + <!-- end .grid_5.omega --> + <div class="clear"> </div> + <div class="grid_3 alpha"> + <p> + 220px + </p> + </div> + <!-- end .grid_3.alpha --> + <div class="grid_3 omega"> + <p> + 220px + </p> + </div> + <!-- end .grid_3.omega --> + <div class="clear"> </div> + </div> + <!-- end .grid_6 --> + <div class="grid_6"> + <div class="grid_3 alpha"> + <p> + 220px + </p> + </div> + <!-- end .grid_3.alpha --> + <div class="grid_3 omega"> + <p> + 220px + </p> + </div> + <!-- end .grid_3.omega --> + <div class="clear"> </div> + <div class="grid_1 alpha"> + <p> + 60px + </p> + </div> + <!-- end .grid_1.alpha --> + <div class="grid_5 omega"> + <p> + 380px + </p> + </div> + <!-- end .grid_5.omega --> + <div class="clear"> </div> + </div> + <!-- end .grid_6 --> + <div class="clear"> </div> +</div> +<!-- end .container_12 --> +<div class="container_16"> + <h2> + 16 Column Grid + </h2> + <div class="grid_16"> + <p> + 940px + </p> + </div> + <!-- end .grid_16 --> + <div class="clear"> </div> + <div class="grid_1"> + <p> + 40px + </p> + </div> + <!-- end .grid_1 --> + <div class="grid_15"> + <p> + 880px + </p> + </div> + <!-- end .grid_15 --> + <div class="clear"> </div> + <div class="grid_2"> + <p> + 100px + </p> + </div> + <!-- end .grid_2 --> + <div class="grid_14"> + <p> + 820px + </p> + </div> + <!-- end .grid_14 --> + <div class="clear"> </div> + <div class="grid_3"> + <p> + 160px + </p> + </div> + <!-- end .grid_3 --> + <div class="grid_13"> + <p> + 760px + </p> + </div> + <!-- end .grid_13 --> + <div class="clear"> </div> + <div class="grid_4"> + <p> + 220px + </p> + </div> + <!-- end .grid_4 --> + <div class="grid_12"> + <p> + 700px + </p> + </div> + <!-- end .grid_12 --> + <div class="clear"> </div> + <div class="grid_5"> + <p> + 280px + </p> + </div> + <!-- end .grid_5 --> + <div class="grid_11"> + <p> + 640px + </p> + </div> + <!-- end .grid_11 --> + <div class="clear"> </div> + <div class="grid_6"> + <p> + 340px + </p> + </div> + <!-- end .grid_6 --> + <div class="grid_10"> + <p> + 580px + </p> + </div> + <!-- end .grid_10 --> + <div class="clear"> </div> + <div class="grid_7"> + <p> + 400px + </p> + </div> + <!-- end .grid_7 --> + <div class="grid_9"> + <p> + 520px + </p> + </div> + <!-- end .grid_9 --> + <div class="clear"> </div> + <div class="grid_8"> + <p> + 460px + </p> + </div> + <!-- end .grid_8 --> + <div class="grid_8"> + <p> + 460px + </p> + </div> + <!-- end .grid_8 --> + <div class="clear"> </div> + <div class="grid_1 suffix_15"> + <p> + 40px + </p> + </div> + <!-- end .grid_1.suffix_15 --> + <div class="clear"> </div> + <div class="grid_1 prefix_1 suffix_14"> + <p> + 40px + </p> + </div> + <!-- end .grid_1.prefix_1.suffix_14 --> + <div class="clear"> </div> + <div class="grid_1 prefix_2 suffix_13"> + <p> + 40px + </p> + </div> + <!-- end .grid_1.prefix_2.suffix_13 --> + <div class="clear"> </div> + <div class="grid_1 prefix_3 suffix_12"> + <p> + 40px + </p> + </div> + <!-- end .grid_1.prefix_3.suffix_12 --> + <div class="clear"> </div> + <div class="grid_1 prefix_4 suffix_11"> + <p> + 40px + </p> + </div> + <!-- end .grid_1.prefix_4.suffix_11 --> + <div class="clear"> </div> + <div class="grid_1 prefix_5 suffix_10"> + <p> + 40px + </p> + </div> + <!-- end .grid_1.prefix_5.suffix_10 --> + <div class="clear"> </div> + <div class="grid_1 prefix_6 suffix_9"> + <p> + 40px + </p> + </div> + <!-- end .grid_1.prefix_6.suffix_9 --> + <div class="clear"> </div> + <div class="grid_1 prefix_7 suffix_8"> + <p> + 40px + </p> + </div> + <!-- end .grid_1.prefix_7.suffix_8 --> + <div class="clear"> </div> + <div class="grid_1 prefix_8 suffix_7"> + <p> + 40px + </p> + </div> + <!-- end .grid_1.prefix_8.suffix_7 --> + <div class="clear"> </div> + <div class="grid_1 prefix_9 suffix_6"> + <p> + 40px + </p> + </div> + <!-- end .grid_1.prefix_9.suffix_6 --> + <div class="clear"> </div> + <div class="grid_1 prefix_10 suffix_5"> + <p> + 40px + </p> + </div> + <!-- end .grid_1.prefix_10.suffix_5 --> + <div class="clear"> </div> + <div class="grid_1 prefix_11 suffix_4"> + <p> + 40px + </p> + </div> + <!-- end .grid_1.prefix_11.suffix_4 --> + <div class="clear"> </div> + <div class="grid_1 prefix_12 suffix_3"> + <p> + 40px + </p> + </div> + <!-- end .grid_1.prefix_12.suffix_3 --> + <div class="clear"> </div> + <div class="grid_1 prefix_13 suffix_2"> + <p> + 40px + </p> + </div> + <!-- end .grid_1.prefix_13.suffix_2 --> + <div class="clear"> </div> + <div class="grid_1 prefix_14 suffix_1"> + <p> + 40px + </p> + </div> + <!-- end .grid_1.prefix_14.suffix_1 --> + <div class="clear"> </div> + <div class="grid_1 prefix_15"> + <p> + 40px + </p> + </div> + <!-- end .grid_1.prefix_15 --> + <div class="clear"> </div> + <div class="grid_8"> + <div class="grid_1 alpha"> + <p> + 40px + </p> + </div> + <!-- end .grid_1.alpha --> + <div class="grid_7 omega"> + <p> + 400px + </p> + </div> + <!-- end .grid_7.omega --> + <div class="clear"> </div> + <div class="grid_4 alpha"> + <p> + 220px + </p> + </div> + <!-- end .grid_4.alpha --> + <div class="grid_4 omega"> + <p> + 220px + </p> + </div> + <!-- end .grid_4.omega --> + <div class="clear"> </div> + </div> + <!-- end .grid_8 --> + <div class="grid_8"> + <div class="grid_4 alpha"> + <p> + 220px + </p> + </div> + <!-- end .grid_4.alpha --> + <div class="grid_4 omega"> + <p> + 220px + </p> + </div> + <!-- end .grid_4.omega --> + <div class="clear"> </div> + <div class="grid_1 alpha"> + <p> + 40px + </p> + </div> + <!-- end .grid_1.alpha --> + <div class="grid_7 omega"> + <p> + 400px + </p> + </div> + <!-- end .grid_7.omega --> + <div class="clear"> </div> + </div> + <!-- end .grid_8 --> + <div class="clear"> </div> +</div> +<!-- end .container_16 --> +</body> +</html>
\ No newline at end of file diff --git a/webroot/code/img/12_col.gif b/webroot/code/img/12_col.gif Binary files differnew file mode 100755 index 0000000..52833df --- /dev/null +++ b/webroot/code/img/12_col.gif diff --git a/webroot/code/img/16_col.gif b/webroot/code/img/16_col.gif Binary files differnew file mode 100755 index 0000000..93c1b1b --- /dev/null +++ b/webroot/code/img/16_col.gif |
