From eac4d71a578fcf77dabdcaa67e29a49363d3901a Mon Sep 17 00:00:00 2001 From: Adam Wright Date: Tue, 28 Jan 2014 14:11:40 -0500 Subject: [PATCH 1/9] I have split the files into the proper colders based on the number of columns in the layout. This way the user will be able to point adapt.js to the folder with the correct number of columns. Everything else, theoretically, will work the same way! --- assets/css/{ => 12col}/1200.css | 0 assets/css/{ => 12col}/1200.min.css | 0 assets/css/{ => 12col}/1560.css | 0 assets/css/{ => 12col}/1560.min.css | 0 assets/css/{ => 12col}/1920.css | 0 assets/css/{ => 12col}/1920.min.css | 0 assets/css/{ => 12col}/2520.css | 0 assets/css/{ => 12col}/2520.min.css | 0 assets/css/{ => 12col}/720.css | 0 assets/css/{ => 12col}/720.min.css | 0 assets/css/{ => 12col}/960.css | 0 assets/css/{ => 12col}/960.min.css | 0 assets/css/{ => 12col}/master.css | 0 assets/css/{ => 12col}/mobile.css | 0 assets/css/{ => 12col}/mobile.min.css | 0 assets/css/{ => 12col}/reset.css | 0 assets/css/{ => 12col}/text.css | 0 assets/css/16col/1200.css | 357 +++++++++++++++++++++++++ assets/css/16col/1200.min.css | 1 + assets/css/16col/1560.css | 357 +++++++++++++++++++++++++ assets/css/16col/1560.min.css | 1 + assets/css/16col/1920.css | 358 +++++++++++++++++++++++++ assets/css/16col/1920.min.css | 1 + assets/css/16col/2520.css | 359 ++++++++++++++++++++++++++ assets/css/16col/2520.min.css | 1 + assets/css/16col/720.css | 357 +++++++++++++++++++++++++ assets/css/16col/720.min.css | 1 + assets/css/16col/960.css | 357 +++++++++++++++++++++++++ assets/css/16col/960.min.css | 1 + assets/css/16col/master.css | 120 +++++++++ assets/css/16col/mobile.css | 26 ++ assets/css/16col/mobile.min.css | 1 + assets/css/16col/reset.css | 207 +++++++++++++++ assets/css/16col/text.css | 81 ++++++ assets/css/24col/1200.css | 357 +++++++++++++++++++++++++ assets/css/24col/1200.min.css | 1 + assets/css/24col/1560.css | 357 +++++++++++++++++++++++++ assets/css/24col/1560.min.css | 1 + assets/css/24col/1920.css | 358 +++++++++++++++++++++++++ assets/css/24col/1920.min.css | 1 + assets/css/24col/2520.css | 359 ++++++++++++++++++++++++++ assets/css/24col/2520.min.css | 1 + assets/css/24col/720.css | 357 +++++++++++++++++++++++++ assets/css/24col/720.min.css | 1 + assets/css/24col/960.css | 357 +++++++++++++++++++++++++ assets/css/24col/960.min.css | 1 + assets/css/24col/master.css | 120 +++++++++ assets/css/24col/mobile.css | 26 ++ assets/css/24col/mobile.min.css | 1 + assets/css/24col/reset.css | 207 +++++++++++++++ assets/css/24col/text.css | 81 ++++++ assets/css/col12/1200.css | 357 +++++++++++++++++++++++++ assets/css/col12/1200.min.css | 1 + assets/css/col12/1560.css | 357 +++++++++++++++++++++++++ assets/css/col12/1560.min.css | 1 + assets/css/col12/1920.css | 358 +++++++++++++++++++++++++ assets/css/col12/1920.min.css | 1 + assets/css/col12/2520.css | 359 ++++++++++++++++++++++++++ assets/css/col12/2520.min.css | 1 + assets/css/col12/720.css | 357 +++++++++++++++++++++++++ assets/css/col12/720.min.css | 1 + assets/css/col12/960.css | 357 +++++++++++++++++++++++++ assets/css/col12/960.min.css | 1 + assets/css/col12/master.css | 120 +++++++++ assets/css/col12/mobile.css | 26 ++ assets/css/col12/mobile.min.css | 1 + assets/css/col12/reset.css | 207 +++++++++++++++ assets/css/col12/text.css | 81 ++++++ assets/css/col16/1200.css | 357 +++++++++++++++++++++++++ assets/css/col16/1560.css | 357 +++++++++++++++++++++++++ assets/css/col16/1920.css | 358 +++++++++++++++++++++++++ assets/css/col16/2520.css | 359 ++++++++++++++++++++++++++ assets/css/col16/720.css | 357 +++++++++++++++++++++++++ assets/css/col16/960.css | 357 +++++++++++++++++++++++++ assets/css/col16/master.css | 120 +++++++++ assets/css/col16/mobile.css | 26 ++ assets/css/col16/reset.css | 207 +++++++++++++++ assets/css/col16/text.css | 81 ++++++ assets/css/col24/1200.css | 357 +++++++++++++++++++++++++ assets/css/col24/1560.css | 357 +++++++++++++++++++++++++ assets/css/col24/1920.css | 358 +++++++++++++++++++++++++ assets/css/col24/2520.css | 359 ++++++++++++++++++++++++++ assets/css/col24/720.css | 357 +++++++++++++++++++++++++ assets/css/col24/960.css | 357 +++++++++++++++++++++++++ assets/css/col24/master.css | 120 +++++++++ assets/css/col24/mobile.css | 26 ++ assets/css/col24/reset.css | 207 +++++++++++++++ assets/css/col24/text.css | 81 ++++++ 88 files changed, 12916 insertions(+) rename assets/css/{ => 12col}/1200.css (100%) rename assets/css/{ => 12col}/1200.min.css (100%) rename assets/css/{ => 12col}/1560.css (100%) rename assets/css/{ => 12col}/1560.min.css (100%) rename assets/css/{ => 12col}/1920.css (100%) rename assets/css/{ => 12col}/1920.min.css (100%) rename assets/css/{ => 12col}/2520.css (100%) rename assets/css/{ => 12col}/2520.min.css (100%) rename assets/css/{ => 12col}/720.css (100%) rename assets/css/{ => 12col}/720.min.css (100%) rename assets/css/{ => 12col}/960.css (100%) rename assets/css/{ => 12col}/960.min.css (100%) rename assets/css/{ => 12col}/master.css (100%) rename assets/css/{ => 12col}/mobile.css (100%) rename assets/css/{ => 12col}/mobile.min.css (100%) rename assets/css/{ => 12col}/reset.css (100%) rename assets/css/{ => 12col}/text.css (100%) create mode 100755 assets/css/16col/1200.css create mode 100644 assets/css/16col/1200.min.css create mode 100755 assets/css/16col/1560.css create mode 100644 assets/css/16col/1560.min.css create mode 100644 assets/css/16col/1920.css create mode 100644 assets/css/16col/1920.min.css create mode 100644 assets/css/16col/2520.css create mode 100644 assets/css/16col/2520.min.css create mode 100755 assets/css/16col/720.css create mode 100644 assets/css/16col/720.min.css create mode 100644 assets/css/16col/960.css create mode 100644 assets/css/16col/960.min.css create mode 100644 assets/css/16col/master.css create mode 100644 assets/css/16col/mobile.css create mode 100644 assets/css/16col/mobile.min.css create mode 100644 assets/css/16col/reset.css create mode 100644 assets/css/16col/text.css create mode 100755 assets/css/24col/1200.css create mode 100644 assets/css/24col/1200.min.css create mode 100755 assets/css/24col/1560.css create mode 100644 assets/css/24col/1560.min.css create mode 100644 assets/css/24col/1920.css create mode 100644 assets/css/24col/1920.min.css create mode 100644 assets/css/24col/2520.css create mode 100644 assets/css/24col/2520.min.css create mode 100755 assets/css/24col/720.css create mode 100644 assets/css/24col/720.min.css create mode 100644 assets/css/24col/960.css create mode 100644 assets/css/24col/960.min.css create mode 100644 assets/css/24col/master.css create mode 100644 assets/css/24col/mobile.css create mode 100644 assets/css/24col/mobile.min.css create mode 100644 assets/css/24col/reset.css create mode 100644 assets/css/24col/text.css create mode 100755 assets/css/col12/1200.css create mode 100644 assets/css/col12/1200.min.css create mode 100755 assets/css/col12/1560.css create mode 100644 assets/css/col12/1560.min.css create mode 100644 assets/css/col12/1920.css create mode 100644 assets/css/col12/1920.min.css create mode 100644 assets/css/col12/2520.css create mode 100644 assets/css/col12/2520.min.css create mode 100755 assets/css/col12/720.css create mode 100644 assets/css/col12/720.min.css create mode 100644 assets/css/col12/960.css create mode 100644 assets/css/col12/960.min.css create mode 100644 assets/css/col12/master.css create mode 100644 assets/css/col12/mobile.css create mode 100644 assets/css/col12/mobile.min.css create mode 100644 assets/css/col12/reset.css create mode 100644 assets/css/col12/text.css create mode 100755 assets/css/col16/1200.css create mode 100755 assets/css/col16/1560.css create mode 100644 assets/css/col16/1920.css create mode 100644 assets/css/col16/2520.css create mode 100755 assets/css/col16/720.css create mode 100644 assets/css/col16/960.css create mode 100644 assets/css/col16/master.css create mode 100644 assets/css/col16/mobile.css create mode 100644 assets/css/col16/reset.css create mode 100644 assets/css/col16/text.css create mode 100755 assets/css/col24/1200.css create mode 100755 assets/css/col24/1560.css create mode 100644 assets/css/col24/1920.css create mode 100644 assets/css/col24/2520.css create mode 100755 assets/css/col24/720.css create mode 100644 assets/css/col24/960.css create mode 100644 assets/css/col24/master.css create mode 100644 assets/css/col24/mobile.css create mode 100644 assets/css/col24/reset.css create mode 100644 assets/css/col24/text.css diff --git a/assets/css/1200.css b/assets/css/12col/1200.css similarity index 100% rename from assets/css/1200.css rename to assets/css/12col/1200.css diff --git a/assets/css/1200.min.css b/assets/css/12col/1200.min.css similarity index 100% rename from assets/css/1200.min.css rename to assets/css/12col/1200.min.css diff --git a/assets/css/1560.css b/assets/css/12col/1560.css similarity index 100% rename from assets/css/1560.css rename to assets/css/12col/1560.css diff --git a/assets/css/1560.min.css b/assets/css/12col/1560.min.css similarity index 100% rename from assets/css/1560.min.css rename to assets/css/12col/1560.min.css diff --git a/assets/css/1920.css b/assets/css/12col/1920.css similarity index 100% rename from assets/css/1920.css rename to assets/css/12col/1920.css diff --git a/assets/css/1920.min.css b/assets/css/12col/1920.min.css similarity index 100% rename from assets/css/1920.min.css rename to assets/css/12col/1920.min.css diff --git a/assets/css/2520.css b/assets/css/12col/2520.css similarity index 100% rename from assets/css/2520.css rename to assets/css/12col/2520.css diff --git a/assets/css/2520.min.css b/assets/css/12col/2520.min.css similarity index 100% rename from assets/css/2520.min.css rename to assets/css/12col/2520.min.css diff --git a/assets/css/720.css b/assets/css/12col/720.css similarity index 100% rename from assets/css/720.css rename to assets/css/12col/720.css diff --git a/assets/css/720.min.css b/assets/css/12col/720.min.css similarity index 100% rename from assets/css/720.min.css rename to assets/css/12col/720.min.css diff --git a/assets/css/960.css b/assets/css/12col/960.css similarity index 100% rename from assets/css/960.css rename to assets/css/12col/960.css diff --git a/assets/css/960.min.css b/assets/css/12col/960.min.css similarity index 100% rename from assets/css/960.min.css rename to assets/css/12col/960.min.css diff --git a/assets/css/master.css b/assets/css/12col/master.css similarity index 100% rename from assets/css/master.css rename to assets/css/12col/master.css diff --git a/assets/css/mobile.css b/assets/css/12col/mobile.css similarity index 100% rename from assets/css/mobile.css rename to assets/css/12col/mobile.css diff --git a/assets/css/mobile.min.css b/assets/css/12col/mobile.min.css similarity index 100% rename from assets/css/mobile.min.css rename to assets/css/12col/mobile.min.css diff --git a/assets/css/reset.css b/assets/css/12col/reset.css similarity index 100% rename from assets/css/reset.css rename to assets/css/12col/reset.css diff --git a/assets/css/text.css b/assets/css/12col/text.css similarity index 100% rename from assets/css/text.css rename to assets/css/12col/text.css diff --git a/assets/css/16col/1200.css b/assets/css/16col/1200.css new file mode 100755 index 0000000..b9185c4 --- /dev/null +++ b/assets/css/16col/1200.css @@ -0,0 +1,357 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 1200px; +} + +/* `Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 1200px; +} + +/* `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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11 { + position: relative; +} + +/* `Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* `Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 80px; +} + +.container_12 .grid_2 { + width: 180px; +} + +.container_12 .grid_3 { + width: 280px; +} + +.container_12 .grid_4 { + width: 380px; +} + +.container_12 .grid_5 { + width: 480px; +} + +.container_12 .grid_6 { + width: 580px; +} + +.container_12 .grid_7 { + width: 680px; +} + +.container_12 .grid_8 { + width: 780px; +} + +.container_12 .grid_9 { + width: 880px; +} + +.container_12 .grid_10 { + width: 980px; +} + +.container_12 .grid_11 { + width: 1080px; +} + +.container_12 .grid_12 { + width: 1180px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 100px; +} + +.container_12 .prefix_2 { + padding-left: 200px; +} + +.container_12 .prefix_3 { + padding-left: 300px; +} + +.container_12 .prefix_4 { + padding-left: 400px; +} + +.container_12 .prefix_5 { + padding-left: 500px; +} + +.container_12 .prefix_6 { + padding-left: 600px; +} + +.container_12 .prefix_7 { + padding-left: 700px; +} + +.container_12 .prefix_8 { + padding-left: 800px; +} + +.container_12 .prefix_9 { + padding-left: 900px; +} + +.container_12 .prefix_10 { + padding-left: 1000px; +} + +.container_12 .prefix_11 { + padding-left: 1100px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 100px; +} + +.container_12 .suffix_2 { + padding-right: 200px; +} + +.container_12 .suffix_3 { + padding-right: 300px; +} + +.container_12 .suffix_4 { + padding-right: 400px; +} + +.container_12 .suffix_5 { + padding-right: 500px; +} + +.container_12 .suffix_6 { + padding-right: 600px; +} + +.container_12 .suffix_7 { + padding-right: 700px; +} + +.container_12 .suffix_8 { + padding-right: 800px; +} + +.container_12 .suffix_9 { + padding-right: 900px; +} + +.container_12 .suffix_10 { + padding-right: 1000px; +} + +.container_12 .suffix_11 { + padding-right: 1100px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 100px; +} + +.container_12 .push_2 { + left: 200px; +} + +.container_12 .push_3 { + left: 300px; +} + +.container_12 .push_4 { + left: 400px; +} + +.container_12 .push_5 { + left: 500px; +} + +.container_12 .push_6 { + left: 600px; +} + +.container_12 .push_7 { + left: 700px; +} + +.container_12 .push_8 { + left: 800px; +} + +.container_12 .push_9 { + left: 900px; +} + +.container_12 .push_10 { + left: 1000px; +} + +.container_12 .push_11 { + left: 1100px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -100px; +} + +.container_12 .pull_2 { + left: -200px; +} + +.container_12 .pull_3 { + left: -300px; +} + +.container_12 .pull_4 { + left: -400px; +} + +.container_12 .pull_5 { + left: -500px; +} + +.container_12 .pull_6 { + left: -600px; +} + +.container_12 .pull_7 { + left: -700px; +} + +.container_12 .pull_8 { + left: -800px; +} + +.container_12 .pull_9 { + left: -900px; +} + +.container_12 .pull_10 { + left: -1000px; +} + +.container_12 .pull_11 { + left: -1100px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/16col/1200.min.css b/assets/css/16col/1200.min.css new file mode 100644 index 0000000..53ec99b --- /dev/null +++ b/assets/css/16col/1200.min.css @@ -0,0 +1 @@ +body{min-width:1200px}.container_12{margin-left:auto;margin-right:auto;width:1200px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:80px}.container_12 .grid_2{width:180px}.container_12 .grid_3{width:280px}.container_12 .grid_4{width:380px}.container_12 .grid_5{width:480px}.container_12 .grid_6{width:580px}.container_12 .grid_7{width:680px}.container_12 .grid_8{width:780px}.container_12 .grid_9{width:880px}.container_12 .grid_10{width:980px}.container_12 .grid_11{width:1080px}.container_12 .grid_12{width:1180px}.container_12 .prefix_1{padding-left:100px}.container_12 .prefix_2{padding-left:200px}.container_12 .prefix_3{padding-left:300px}.container_12 .prefix_4{padding-left:400px}.container_12 .prefix_5{padding-left:500px}.container_12 .prefix_6{padding-left:600px}.container_12 .prefix_7{padding-left:700px}.container_12 .prefix_8{padding-left:800px}.container_12 .prefix_9{padding-left:900px}.container_12 .prefix_10{padding-left:1000px}.container_12 .prefix_11{padding-left:1100px}.container_12 .suffix_1{padding-right:100px}.container_12 .suffix_2{padding-right:200px}.container_12 .suffix_3{padding-right:300px}.container_12 .suffix_4{padding-right:400px}.container_12 .suffix_5{padding-right:500px}.container_12 .suffix_6{padding-right:600px}.container_12 .suffix_7{padding-right:700px}.container_12 .suffix_8{padding-right:800px}.container_12 .suffix_9{padding-right:900px}.container_12 .suffix_10{padding-right:1000px}.container_12 .suffix_11{padding-right:1100px}.container_12 .push_1{left:100px}.container_12 .push_2{left:200px}.container_12 .push_3{left:300px}.container_12 .push_4{left:400px}.container_12 .push_5{left:500px}.container_12 .push_6{left:600px}.container_12 .push_7{left:700px}.container_12 .push_8{left:800px}.container_12 .push_9{left:900px}.container_12 .push_10{left:1000px}.container_12 .push_11{left:1100px}.container_12 .pull_1{left:-100px}.container_12 .pull_2{left:-200px}.container_12 .pull_3{left:-300px}.container_12 .pull_4{left:-400px}.container_12 .pull_5{left:-500px}.container_12 .pull_6{left:-600px}.container_12 .pull_7{left:-700px}.container_12 .pull_8{left:-800px}.container_12 .pull_9{left:-900px}.container_12 .pull_10{left:-1000px}.container_12 .pull_11{left:-1100px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/16col/1560.css b/assets/css/16col/1560.css new file mode 100755 index 0000000..88af16b --- /dev/null +++ b/assets/css/16col/1560.css @@ -0,0 +1,357 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 1560px; +} + +/* `Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 1560px; +} + +/* `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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11 { + position: relative; +} + +/* `Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* `Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 110px; +} + +.container_12 .grid_2 { + width: 240px; +} + +.container_12 .grid_3 { + width: 370px; +} + +.container_12 .grid_4 { + width: 500px; +} + +.container_12 .grid_5 { + width: 630px; +} + +.container_12 .grid_6 { + width: 760px; +} + +.container_12 .grid_7 { + width: 890px; +} + +.container_12 .grid_8 { + width: 1020px; +} + +.container_12 .grid_9 { + width: 1150px; +} + +.container_12 .grid_10 { + width: 1280px; +} + +.container_12 .grid_11 { + width: 1410px; +} + +.container_12 .grid_12 { + width: 1540px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 130px; +} + +.container_12 .prefix_2 { + padding-left: 260px; +} + +.container_12 .prefix_3 { + padding-left: 390px; +} + +.container_12 .prefix_4 { + padding-left: 520px; +} + +.container_12 .prefix_5 { + padding-left: 650px; +} + +.container_12 .prefix_6 { + padding-left: 780px; +} + +.container_12 .prefix_7 { + padding-left: 910px; +} + +.container_12 .prefix_8 { + padding-left: 1040px; +} + +.container_12 .prefix_9 { + padding-left: 1170px; +} + +.container_12 .prefix_10 { + padding-left: 1300px; +} + +.container_12 .prefix_11 { + padding-left: 1430px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 130px; +} + +.container_12 .suffix_2 { + padding-right: 260px; +} + +.container_12 .suffix_3 { + padding-right: 390px; +} + +.container_12 .suffix_4 { + padding-right: 520px; +} + +.container_12 .suffix_5 { + padding-right: 650px; +} + +.container_12 .suffix_6 { + padding-right: 780px; +} + +.container_12 .suffix_7 { + padding-right: 910px; +} + +.container_12 .suffix_8 { + padding-right: 1040px; +} + +.container_12 .suffix_9 { + padding-right: 1170px; +} + +.container_12 .suffix_10 { + padding-right: 1300px; +} + +.container_12 .suffix_11 { + padding-right: 1430px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 130px; +} + +.container_12 .push_2 { + left: 260px; +} + +.container_12 .push_3 { + left: 390px; +} + +.container_12 .push_4 { + left: 520px; +} + +.container_12 .push_5 { + left: 650px; +} + +.container_12 .push_6 { + left: 780px; +} + +.container_12 .push_7 { + left: 910px; +} + +.container_12 .push_8 { + left: 1040px; +} + +.container_12 .push_9 { + left: 1170px; +} + +.container_12 .push_10 { + left: 1300px; +} + +.container_12 .push_11 { + left: 1430px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -130px; +} + +.container_12 .pull_2 { + left: -260px; +} + +.container_12 .pull_3 { + left: -390px; +} + +.container_12 .pull_4 { + left: -520px; +} + +.container_12 .pull_5 { + left: -650px; +} + +.container_12 .pull_6 { + left: -780px; +} + +.container_12 .pull_7 { + left: -910px; +} + +.container_12 .pull_8 { + left: -1040px; +} + +.container_12 .pull_9 { + left: -1170px; +} + +.container_12 .pull_10 { + left: -1300px; +} + +.container_12 .pull_11 { + left: -1430px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/16col/1560.min.css b/assets/css/16col/1560.min.css new file mode 100644 index 0000000..0b7aff6 --- /dev/null +++ b/assets/css/16col/1560.min.css @@ -0,0 +1 @@ +body{min-width:1560px}.container_12{margin-left:auto;margin-right:auto;width:1560px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:110px}.container_12 .grid_2{width:240px}.container_12 .grid_3{width:370px}.container_12 .grid_4{width:500px}.container_12 .grid_5{width:630px}.container_12 .grid_6{width:760px}.container_12 .grid_7{width:890px}.container_12 .grid_8{width:1020px}.container_12 .grid_9{width:1150px}.container_12 .grid_10{width:1280px}.container_12 .grid_11{width:1410px}.container_12 .grid_12{width:1540px}.container_12 .prefix_1{padding-left:130px}.container_12 .prefix_2{padding-left:260px}.container_12 .prefix_3{padding-left:390px}.container_12 .prefix_4{padding-left:520px}.container_12 .prefix_5{padding-left:650px}.container_12 .prefix_6{padding-left:780px}.container_12 .prefix_7{padding-left:910px}.container_12 .prefix_8{padding-left:1040px}.container_12 .prefix_9{padding-left:1170px}.container_12 .prefix_10{padding-left:1300px}.container_12 .prefix_11{padding-left:1430px}.container_12 .suffix_1{padding-right:130px}.container_12 .suffix_2{padding-right:260px}.container_12 .suffix_3{padding-right:390px}.container_12 .suffix_4{padding-right:520px}.container_12 .suffix_5{padding-right:650px}.container_12 .suffix_6{padding-right:780px}.container_12 .suffix_7{padding-right:910px}.container_12 .suffix_8{padding-right:1040px}.container_12 .suffix_9{padding-right:1170px}.container_12 .suffix_10{padding-right:1300px}.container_12 .suffix_11{padding-right:1430px}.container_12 .push_1{left:130px}.container_12 .push_2{left:260px}.container_12 .push_3{left:390px}.container_12 .push_4{left:520px}.container_12 .push_5{left:650px}.container_12 .push_6{left:780px}.container_12 .push_7{left:910px}.container_12 .push_8{left:1040px}.container_12 .push_9{left:1170px}.container_12 .push_10{left:1300px}.container_12 .push_11{left:1430px}.container_12 .pull_1{left:-130px}.container_12 .pull_2{left:-260px}.container_12 .pull_3{left:-390px}.container_12 .pull_4{left:-520px}.container_12 .pull_5{left:-650px}.container_12 .pull_6{left:-780px}.container_12 .pull_7{left:-910px}.container_12 .pull_8{left:-1040px}.container_12 .pull_9{left:-1170px}.container_12 .pull_10{left:-1300px}.container_12 .pull_11{left:-1430px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/16col/1920.css b/assets/css/16col/1920.css new file mode 100644 index 0000000..e9d303a --- /dev/null +++ b/assets/css/16col/1920.css @@ -0,0 +1,358 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 1920px; +} + +/* Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 1920px; +} + +/* 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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11, +.push_12, .pull_12 { + position: relative; +} + +/* Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 140px; +} + +.container_12 .grid_2 { + width: 300px; +} + +.container_12 .grid_3 { + width: 460px; +} + +.container_12 .grid_4 { + width: 620px; +} + +.container_12 .grid_5 { + width: 780px; +} + +.container_12 .grid_6 { + width: 940px; +} + +.container_12 .grid_7 { + width: 1100px; +} + +.container_12 .grid_8 { + width: 1260px; +} + +.container_12 .grid_9 { + width: 1420px; +} + +.container_12 .grid_10 { + width: 1580px; +} + +.container_12 .grid_11 { + width: 1740px; +} + +.container_12 .grid_12 { + width: 1900px; +} + +/* Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 160px; +} + +.container_12 .prefix_2 { + padding-left: 320px; +} + +.container_12 .prefix_3 { + padding-left: 480px; +} + +.container_12 .prefix_4 { + padding-left: 640px; +} + +.container_12 .prefix_5 { + padding-left: 800px; +} + +.container_12 .prefix_6 { + padding-left: 960px; +} + +.container_12 .prefix_7 { + padding-left: 1120px; +} + +.container_12 .prefix_8 { + padding-left: 1280px; +} + +.container_12 .prefix_9 { + padding-left: 1440px; +} + +.container_12 .prefix_10 { + padding-left: 1600px; +} + +.container_12 .prefix_11 { + padding-left: 1760px; +} + +/* Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 160px; +} + +.container_12 .suffix_2 { + padding-right: 320px; +} + +.container_12 .suffix_3 { + padding-right: 480px; +} + +.container_12 .suffix_4 { + padding-right: 640px; +} + +.container_12 .suffix_5 { + padding-right: 800px; +} + +.container_12 .suffix_6 { + padding-right: 960px; +} + +.container_12 .suffix_7 { + padding-right: 1120px; +} + +.container_12 .suffix_8 { + padding-right: 1280px; +} + +.container_12 .suffix_9 { + padding-right: 1440px; +} + +.container_12 .suffix_10 { + padding-right: 1600px; +} + +.container_12 .suffix_11 { + padding-right: 1760px; +} + +/* Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 160px; +} + +.container_12 .push_2 { + left: 320px; +} + +.container_12 .push_3 { + left: 480px; +} + +.container_12 .push_4 { + left: 640px; +} + +.container_12 .push_5 { + left: 800px; +} + +.container_12 .push_6 { + left: 960px; +} + +.container_12 .push_7 { + left: 1120px; +} + +.container_12 .push_8 { + left: 1280px; +} + +.container_12 .push_9 { + left: 1440px; +} + +.container_12 .push_10 { + left: 1600px; +} + +.container_12 .push_11 { + left: 1760px; +} + +/* Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -160px; +} + +.container_12 .pull_2 { + left: -320px; +} + +.container_12 .pull_3 { + left: -480px; +} + +.container_12 .pull_4 { + left: -640px; +} + +.container_12 .pull_5 { + left: -800px; +} + +.container_12 .pull_6 { + left: -960px; +} + +.container_12 .pull_7 { + left: -1120px; +} + +.container_12 .pull_8 { + left: -1280px; +} + +.container_12 .pull_9 { + left: -1440px; +} + +.container_12 .pull_10 { + left: -1600px; +} + +.container_12 .pull_11 { + left: -1760px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/16col/1920.min.css b/assets/css/16col/1920.min.css new file mode 100644 index 0000000..c330971 --- /dev/null +++ b/assets/css/16col/1920.min.css @@ -0,0 +1 @@ +body{min-width:1920px}.container_12{margin-left:auto;margin-right:auto;width:1920px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:140px}.container_12 .grid_2{width:300px}.container_12 .grid_3{width:460px}.container_12 .grid_4{width:620px}.container_12 .grid_5{width:780px}.container_12 .grid_6{width:940px}.container_12 .grid_7{width:1100px}.container_12 .grid_8{width:1260px}.container_12 .grid_9{width:1420px}.container_12 .grid_10{width:1580px}.container_12 .grid_11{width:1740px}.container_12 .grid_12{width:1900px}.container_12 .prefix_1{padding-left:160px}.container_12 .prefix_2{padding-left:320px}.container_12 .prefix_3{padding-left:480px}.container_12 .prefix_4{padding-left:640px}.container_12 .prefix_5{padding-left:800px}.container_12 .prefix_6{padding-left:960px}.container_12 .prefix_7{padding-left:1120px}.container_12 .prefix_8{padding-left:1280px}.container_12 .prefix_9{padding-left:1440px}.container_12 .prefix_10{padding-left:1600px}.container_12 .prefix_11{padding-left:1760px}.container_12 .suffix_1{padding-right:160px}.container_12 .suffix_2{padding-right:320px}.container_12 .suffix_3{padding-right:480px}.container_12 .suffix_4{padding-right:640px}.container_12 .suffix_5{padding-right:800px}.container_12 .suffix_6{padding-right:960px}.container_12 .suffix_7{padding-right:1120px}.container_12 .suffix_8{padding-right:1280px}.container_12 .suffix_9{padding-right:1440px}.container_12 .suffix_10{padding-right:1600px}.container_12 .suffix_11{padding-right:1760px}.container_12 .push_1{left:160px}.container_12 .push_2{left:320px}.container_12 .push_3{left:480px}.container_12 .push_4{left:640px}.container_12 .push_5{left:800px}.container_12 .push_6{left:960px}.container_12 .push_7{left:1120px}.container_12 .push_8{left:1280px}.container_12 .push_9{left:1440px}.container_12 .push_10{left:1600px}.container_12 .push_11{left:1760px}.container_12 .pull_1{left:-160px}.container_12 .pull_2{left:-320px}.container_12 .pull_3{left:-480px}.container_12 .pull_4{left:-640px}.container_12 .pull_5{left:-800px}.container_12 .pull_6{left:-960px}.container_12 .pull_7{left:-1120px}.container_12 .pull_8{left:-1280px}.container_12 .pull_9{left:-1440px}.container_12 .pull_10{left:-1600px}.container_12 .pull_11{left:-1760px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/16col/2520.css b/assets/css/16col/2520.css new file mode 100644 index 0000000..8045ce9 --- /dev/null +++ b/assets/css/16col/2520.css @@ -0,0 +1,359 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 2520px; +} + +/* Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 2520px; +} + +/* 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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11, +.push_12, .pull_12 { + position: relative; +} + +/* Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + + +.container_12 .grid_1 { + width: 190px; +} + +.container_12 .grid_2 { + width: 400px; +} + +.container_12 .grid_3 { + width: 610px; +} + +.container_12 .grid_4 { + width: 820px; +} + +.container_12 .grid_5 { + width: 1030px; +} + +.container_12 .grid_6 { + width: 1240px; +} + +.container_12 .grid_7 { + width: 1450px; +} + +.container_12 .grid_8 { + width: 1660px; +} + +.container_12 .grid_9 { + width: 1870px; +} + +.container_12 .grid_10 { + width: 2080px; +} + +.container_12 .grid_11 { + width: 2290px; +} + +.container_12 .grid_12 { + width: 2500px; +} + +/* Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 210px; +} + +.container_12 .prefix_2 { + padding-left: 420px; +} + +.container_12 .prefix_3 { + padding-left: 630px; +} + +.container_12 .prefix_4 { + padding-left: 840px; +} + +.container_12 .prefix_5 { + padding-left: 1050px; +} + +.container_12 .prefix_6 { + padding-left: 1260px; +} + +.container_12 .prefix_7 { + padding-left: 1470px; +} + +.container_12 .prefix_8 { + padding-left: 1680px; +} + +.container_12 .prefix_9 { + padding-left: 1890px; +} + +.container_12 .prefix_10 { + padding-left: 2100px; +} + +.container_12 .prefix_11 { + padding-left: 2310px; +} + +/* Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 210px; +} + +.container_12 .suffix_2 { + padding-right: 420px; +} + +.container_12 .suffix_3 { + padding-right: 630px; +} + +.container_12 .suffix_4 { + padding-right: 840px; +} + +.container_12 .suffix_5 { + padding-right: 1050px; +} + +.container_12 .suffix_6 { + padding-right: 1260px; +} + +.container_12 .suffix_7 { + padding-right: 1470px; +} + +.container_12 .suffix_8 { + padding-right: 1680px; +} + +.container_12 .suffix_9 { + padding-right: 1890px; +} + +.container_12 .suffix_10 { + padding-right: 2100px; +} + +.container_12 .suffix_11 { + padding-right: 2310px; +} + +/* Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 210px; +} + +.container_12 .push_2 { + left: 420px; +} + +.container_12 .push_3 { + left: 630px; +} + +.container_12 .push_4 { + left: 840px; +} + +.container_12 .push_5 { + left: 1050px; +} + +.container_12 .push_6 { + left: 1260px; +} + +.container_12 .push_7 { + left: 1470px; +} + +.container_12 .push_8 { + left: 1680px; +} + +.container_12 .push_9 { + left: 1890px; +} + +.container_12 .push_10 { + left: 2100px; +} + +.container_12 .push_11 { + left: 2310px; +} + +/* Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -210px; +} + +.container_12 .pull_2 { + left: -420px; +} + +.container_12 .pull_3 { + left: -630px; +} + +.container_12 .pull_4 { + left: -840px; +} + +.container_12 .pull_5 { + left: -1050px; +} + +.container_12 .pull_6 { + left: -1260px; +} + +.container_12 .pull_7 { + left: -1470px; +} + +.container_12 .pull_8 { + left: -1680px; +} + +.container_12 .pull_9 { + left: -1890px; +} + +.container_12 .pull_10 { + left: -2100px; +} + +.container_12 .pull_11 { + left: -2310px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/16col/2520.min.css b/assets/css/16col/2520.min.css new file mode 100644 index 0000000..e56fd2b --- /dev/null +++ b/assets/css/16col/2520.min.css @@ -0,0 +1 @@ +body{min-width:2520px}.container_12{margin-left:auto;margin-right:auto;width:2520px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:190px}.container_12 .grid_2{width:400px}.container_12 .grid_3{width:610px}.container_12 .grid_4{width:820px}.container_12 .grid_5{width:1030px}.container_12 .grid_6{width:1240px}.container_12 .grid_7{width:1450px}.container_12 .grid_8{width:1660px}.container_12 .grid_9{width:1870px}.container_12 .grid_10{width:2080px}.container_12 .grid_11{width:2290px}.container_12 .grid_12{width:2500px}.container_12 .prefix_1{padding-left:210px}.container_12 .prefix_2{padding-left:420px}.container_12 .prefix_3{padding-left:630px}.container_12 .prefix_4{padding-left:840px}.container_12 .prefix_5{padding-left:1050px}.container_12 .prefix_6{padding-left:1260px}.container_12 .prefix_7{padding-left:1470px}.container_12 .prefix_8{padding-left:1680px}.container_12 .prefix_9{padding-left:1890px}.container_12 .prefix_10{padding-left:2100px}.container_12 .prefix_11{padding-left:2310px}.container_12 .suffix_1{padding-right:210px}.container_12 .suffix_2{padding-right:420px}.container_12 .suffix_3{padding-right:630px}.container_12 .suffix_4{padding-right:840px}.container_12 .suffix_5{padding-right:1050px}.container_12 .suffix_6{padding-right:1260px}.container_12 .suffix_7{padding-right:1470px}.container_12 .suffix_8{padding-right:1680px}.container_12 .suffix_9{padding-right:1890px}.container_12 .suffix_10{padding-right:2100px}.container_12 .suffix_11{padding-right:2310px}.container_12 .push_1{left:210px}.container_12 .push_2{left:420px}.container_12 .push_3{left:630px}.container_12 .push_4{left:840px}.container_12 .push_5{left:1050px}.container_12 .push_6{left:1260px}.container_12 .push_7{left:1470px}.container_12 .push_8{left:1680px}.container_12 .push_9{left:1890px}.container_12 .push_10{left:2100px}.container_12 .push_11{left:2310px}.container_12 .pull_1{left:-210px}.container_12 .pull_2{left:-420px}.container_12 .pull_3{left:-630px}.container_12 .pull_4{left:-840px}.container_12 .pull_5{left:-1050px}.container_12 .pull_6{left:-1260px}.container_12 .pull_7{left:-1470px}.container_12 .pull_8{left:-1680px}.container_12 .pull_9{left:-1890px}.container_12 .pull_10{left:-2100px}.container_12 .pull_11{left:-2310px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/16col/720.css b/assets/css/16col/720.css new file mode 100755 index 0000000..ba66200 --- /dev/null +++ b/assets/css/16col/720.css @@ -0,0 +1,357 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 720px; +} + +/* `Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 720px; +} + +/* `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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11 { + position: relative; +} + +/* `Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* `Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 40px; +} + +.container_12 .grid_2 { + width: 100px; +} + +.container_12 .grid_3 { + width: 160px; +} + +.container_12 .grid_4 { + width: 220px; +} + +.container_12 .grid_5 { + width: 280px; +} + +.container_12 .grid_6 { + width: 340px; +} + +.container_12 .grid_7 { + width: 400px; +} + +.container_12 .grid_8 { + width: 460px; +} + +.container_12 .grid_9 { + width: 520px; +} + +.container_12 .grid_10 { + width: 580px; +} + +.container_12 .grid_11 { + width: 640px; +} + +.container_12 .grid_12 { + width: 700px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 60px; +} + +.container_12 .prefix_2 { + padding-left: 120px; +} + +.container_12 .prefix_3 { + padding-left: 180px; +} + +.container_12 .prefix_4 { + padding-left: 240px; +} + +.container_12 .prefix_5 { + padding-left: 300px; +} + +.container_12 .prefix_6 { + padding-left: 360px; +} + +.container_12 .prefix_7 { + padding-left: 420px; +} + +.container_12 .prefix_8 { + padding-left: 480px; +} + +.container_12 .prefix_9 { + padding-left: 540px; +} + +.container_12 .prefix_10 { + padding-left: 600px; +} + +.container_12 .prefix_11 { + padding-left: 660px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 60px; +} + +.container_12 .suffix_2 { + padding-right: 120px; +} + +.container_12 .suffix_3 { + padding-right: 180px; +} + +.container_12 .suffix_4 { + padding-right: 240px; +} + +.container_12 .suffix_5 { + padding-right: 300px; +} + +.container_12 .suffix_6 { + padding-right: 360px; +} + +.container_12 .suffix_7 { + padding-right: 420px; +} + +.container_12 .suffix_8 { + padding-right: 480px; +} + +.container_12 .suffix_9 { + padding-right: 540px; +} + +.container_12 .suffix_10 { + padding-right: 600px; +} + +.container_12 .suffix_11 { + padding-right: 660px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 60px; +} + +.container_12 .push_2 { + left: 120px; +} + +.container_12 .push_3 { + left: 180px; +} + +.container_12 .push_4 { + left: 240px; +} + +.container_12 .push_5 { + left: 300px; +} + +.container_12 .push_6 { + left: 360px; +} + +.container_12 .push_7 { + left: 420px; +} + +.container_12 .push_8 { + left: 480px; +} + +.container_12 .push_9 { + left: 540px; +} + +.container_12 .push_10 { + left: 600px; +} + +.container_12 .push_11 { + left: 660px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -60px; +} + +.container_12 .pull_2 { + left: -120px; +} + +.container_12 .pull_3 { + left: -180px; +} + +.container_12 .pull_4 { + left: -240px; +} + +.container_12 .pull_5 { + left: -300px; +} + +.container_12 .pull_6 { + left: -360px; +} + +.container_12 .pull_7 { + left: -420px; +} + +.container_12 .pull_8 { + left: -480px; +} + +.container_12 .pull_9 { + left: -540px; +} + +.container_12 .pull_10 { + left: -600px; +} + +.container_12 .pull_11 { + left: -660px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/16col/720.min.css b/assets/css/16col/720.min.css new file mode 100644 index 0000000..ed4ac41 --- /dev/null +++ b/assets/css/16col/720.min.css @@ -0,0 +1 @@ +body{min-width:720px}.container_12{margin-left:auto;margin-right:auto;width:720px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:40px}.container_12 .grid_2{width:100px}.container_12 .grid_3{width:160px}.container_12 .grid_4{width:220px}.container_12 .grid_5{width:280px}.container_12 .grid_6{width:340px}.container_12 .grid_7{width:400px}.container_12 .grid_8{width:460px}.container_12 .grid_9{width:520px}.container_12 .grid_10{width:580px}.container_12 .grid_11{width:640px}.container_12 .grid_12{width:700px}.container_12 .prefix_1{padding-left:60px}.container_12 .prefix_2{padding-left:120px}.container_12 .prefix_3{padding-left:180px}.container_12 .prefix_4{padding-left:240px}.container_12 .prefix_5{padding-left:300px}.container_12 .prefix_6{padding-left:360px}.container_12 .prefix_7{padding-left:420px}.container_12 .prefix_8{padding-left:480px}.container_12 .prefix_9{padding-left:540px}.container_12 .prefix_10{padding-left:600px}.container_12 .prefix_11{padding-left:660px}.container_12 .suffix_1{padding-right:60px}.container_12 .suffix_2{padding-right:120px}.container_12 .suffix_3{padding-right:180px}.container_12 .suffix_4{padding-right:240px}.container_12 .suffix_5{padding-right:300px}.container_12 .suffix_6{padding-right:360px}.container_12 .suffix_7{padding-right:420px}.container_12 .suffix_8{padding-right:480px}.container_12 .suffix_9{padding-right:540px}.container_12 .suffix_10{padding-right:600px}.container_12 .suffix_11{padding-right:660px}.container_12 .push_1{left:60px}.container_12 .push_2{left:120px}.container_12 .push_3{left:180px}.container_12 .push_4{left:240px}.container_12 .push_5{left:300px}.container_12 .push_6{left:360px}.container_12 .push_7{left:420px}.container_12 .push_8{left:480px}.container_12 .push_9{left:540px}.container_12 .push_10{left:600px}.container_12 .push_11{left:660px}.container_12 .pull_1{left:-60px}.container_12 .pull_2{left:-120px}.container_12 .pull_3{left:-180px}.container_12 .pull_4{left:-240px}.container_12 .pull_5{left:-300px}.container_12 .pull_6{left:-360px}.container_12 .pull_7{left:-420px}.container_12 .pull_8{left:-480px}.container_12 .pull_9{left:-540px}.container_12 .pull_10{left:-600px}.container_12 .pull_11{left:-660px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/16col/960.css b/assets/css/16col/960.css new file mode 100644 index 0000000..bdb7324 --- /dev/null +++ b/assets/css/16col/960.css @@ -0,0 +1,357 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 960px; +} + +/* `Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + 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 { + display: inline; + float: left; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11 { + position: relative; +} + +/* `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_3 { + width: 220px; +} + +.container_12 .grid_4 { + width: 300px; +} + +.container_12 .grid_5 { + width: 380px; +} + +.container_12 .grid_6 { + width: 460px; +} + +.container_12 .grid_7 { + width: 540px; +} + +.container_12 .grid_8 { + width: 620px; +} + +.container_12 .grid_9 { + width: 700px; +} + +.container_12 .grid_10 { + width: 780px; +} + +.container_12 .grid_11 { + width: 860px; +} + +.container_12 .grid_12 { + width: 940px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 80px; +} + +.container_12 .prefix_2 { + padding-left: 160px; +} + +.container_12 .prefix_3 { + padding-left: 240px; +} + +.container_12 .prefix_4 { + padding-left: 320px; +} + +.container_12 .prefix_5 { + padding-left: 400px; +} + +.container_12 .prefix_6 { + padding-left: 480px; +} + +.container_12 .prefix_7 { + padding-left: 560px; +} + +.container_12 .prefix_8 { + padding-left: 640px; +} + +.container_12 .prefix_9 { + padding-left: 720px; +} + +.container_12 .prefix_10 { + padding-left: 800px; +} + +.container_12 .prefix_11 { + padding-left: 880px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 80px; +} + +.container_12 .suffix_2 { + padding-right: 160px; +} + +.container_12 .suffix_3 { + padding-right: 240px; +} + +.container_12 .suffix_4 { + padding-right: 320px; +} + +.container_12 .suffix_5 { + padding-right: 400px; +} + +.container_12 .suffix_6 { + padding-right: 480px; +} + +.container_12 .suffix_7 { + padding-right: 560px; +} + +.container_12 .suffix_8 { + padding-right: 640px; +} + +.container_12 .suffix_9 { + padding-right: 720px; +} + +.container_12 .suffix_10 { + padding-right: 800px; +} + +.container_12 .suffix_11 { + padding-right: 880px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 80px; +} + +.container_12 .push_2 { + left: 160px; +} + +.container_12 .push_3 { + left: 240px; +} + +.container_12 .push_4 { + left: 320px; +} + +.container_12 .push_5 { + left: 400px; +} + +.container_12 .push_6 { + left: 480px; +} + +.container_12 .push_7 { + left: 560px; +} + +.container_12 .push_8 { + left: 640px; +} + +.container_12 .push_9 { + left: 720px; +} + +.container_12 .push_10 { + left: 800px; +} + +.container_12 .push_11 { + left: 880px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -80px; +} + +.container_12 .pull_2 { + left: -160px; +} + +.container_12 .pull_3 { + left: -240px; +} + +.container_12 .pull_4 { + left: -320px; +} + +.container_12 .pull_5 { + left: -400px; +} + +.container_12 .pull_6 { + left: -480px; +} + +.container_12 .pull_7 { + left: -560px; +} + +.container_12 .pull_8 { + left: -640px; +} + +.container_12 .pull_9 { + left: -720px; +} + +.container_12 .pull_10 { + left: -800px; +} + +.container_12 .pull_11 { + left: -880px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/16col/960.min.css b/assets/css/16col/960.min.css new file mode 100644 index 0000000..7dc6fe6 --- /dev/null +++ b/assets/css/16col/960.min.css @@ -0,0 +1 @@ +body{min-width:960px}.container_12{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_3{width:220px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_6{width:460px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_9{width:700px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_12 .grid_12{width:940px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_3{padding-left:240px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_6{padding-left:480px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_9{padding-left:720px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_3{padding-right:240px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_6{padding-right:480px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_9{padding-right:720px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_3{left:240px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_6{left:480px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_9{left:720px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_3{left:-240px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_6{left:-480px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_9{left:-720px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/16col/master.css b/assets/css/16col/master.css new file mode 100644 index 0000000..149b514 --- /dev/null +++ b/assets/css/16col/master.css @@ -0,0 +1,120 @@ +@import 'reset.css'; +@import 'text.css'; + +/* `Basic HTML +----------------------------------------------------------------------------------------------------*/ + +body { + background: #fff; + color: #333; +} + +h1 { + background: #eee url(../images/h1.png) no-repeat right center; + border-bottom: 1px solid #ccc; + padding: 10px 90px 10px 15px; + text-shadow: #fff 0 1px 0; +} + +h2, +h3, +h4, +h5, +h6 { + line-height: 1; +} + +a { + color: #06c; +} + +a:hover { + color: #c60; +} + +small { + font-size: 11px; +} + +/* `Misc Classes +----------------------------------------------------------------------------------------------------*/ + +.align_center { + text-align: center; +} + +.align_right { + text-align: right; +} + +/* `Data Table +----------------------------------------------------------------------------------------------------*/ + +.data, +.data th, +.data td { + border-style: solid; + border-color: #ddd; +} + +.data { + border-width: 0 1px 1px; + width: 100%; +} + +.data caption { + padding: 0 10px 5px; + text-transform: uppercase; +} + +.data th, +.data td { + border-top-width: 1px; + padding: 5px 10px; +} + +.data th { + white-space: nowrap; +} + +.data thead th { + background: #eee; + font-weight: bold; + text-shadow: #fff 0 1px 0; +} + +.data tbody th { + width: 1px; +} + +.data tr th:first-child { + text-align: right; +} + +/* `Code +----------------------------------------------------------------------------------------------------*/ + +pre, +code { + font-size: 12px; + font-family: Menlo, Courier, monospace; +} + +pre, +.notice { + background: #ffe; + border: 1px solid; + border-color: #eed #ccb #bba #ddc; + overflow: auto; + padding: 10px 0 10px 10px; +} + +* html pre { + overflow: hidden; + width: 97%; +} + +code { + background: #ff9; + padding: 0 2px; +} \ No newline at end of file diff --git a/assets/css/16col/mobile.css b/assets/css/16col/mobile.css new file mode 100644 index 0000000..1351cf2 --- /dev/null +++ b/assets/css/16col/mobile.css @@ -0,0 +1,26 @@ +.grid_1, +.grid_2, +.grid_3, +.grid_4, +.grid_5, +.grid_6, +.grid_7, +.grid_8, +.grid_9, +.grid_10, +.grid_11, +.grid_12 { + margin-left: 10px; + margin-right: 10px; +} + +.alpha, +.omega { + margin-left: 0; + margin-right: 0; +} + +.align_center, +.align_right { + text-align: left; +} \ No newline at end of file diff --git a/assets/css/16col/mobile.min.css b/assets/css/16col/mobile.min.css new file mode 100644 index 0000000..a085546 --- /dev/null +++ b/assets/css/16col/mobile.min.css @@ -0,0 +1 @@ +.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{margin-left:10px;margin-right:10px}.alpha,.omega{margin-left:0;margin-right:0}.align_center,.align_right{text-align:left} \ No newline at end of file diff --git a/assets/css/16col/reset.css b/assets/css/16col/reset.css new file mode 100644 index 0000000..0af7c26 --- /dev/null +++ b/assets/css/16col/reset.css @@ -0,0 +1,207 @@ +/* `XHTML, HTML4, HTML5 Reset +----------------------------------------------------------------------------------------------------*/ + +a, +abbr, +acronym, +address, +applet, +article, +aside, +audio, +b, +big, +blockquote, +body, +canvas, +caption, +center, +cite, +code, +dd, +del, +details, +dfn, +dialog, +div, +dl, +dt, +em, +embed, +fieldset, +figcaption, +figure, +font, +footer, +form, +h1, +h2, +h3, +h4, +h5, +h6, +header, +hgroup, +hr, +html, +i, +iframe, +img, +ins, +kbd, +label, +legend, +li, +mark, +menu, +meter, +nav, +object, +ol, +output, +p, +pre, +progress, +q, +rp, +rt, +ruby, +s, +samp, +section, +small, +span, +strike, +strong, +sub, +summary, +sup, +table, +tbody, +td, +tfoot, +th, +thead, +time, +tr, +tt, +u, +ul, +var, +video, +xmp { + border: 0; + margin: 0; + padding: 0; + font-size: 100%; +} + +html, +body { + height: 100%; +} + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { +/* + Override the default (display: inline) for + browsers that do not recognize HTML5 tags. + + IE8 (and lower) requires a shiv: + http://ejohn.org/blog/html5-shiv +*/ + display: block; +} + +b, +strong { +/* + Makes browsers agree. + IE + Opera = font-weight: bold. + Gecko + WebKit = font-weight: bolder. +*/ + font-weight: bold; +} + +img { + color: transparent; + font-size: 0; + vertical-align: middle; +/* + For IE. + http://css-tricks.com/ie-fix-bicubic-scaling-for-images +*/ + -ms-interpolation-mode: bicubic; +} + +li { +/* + For IE6 + IE7: + + "display: list-item" keeps bullets from + disappearing if hasLayout is triggered. +*/ + display: list-item; + list-style: none; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +th, +td, +caption { + font-weight: normal; + vertical-align: top; + text-align: left; +} + +q { + quotes: none; +} + +q:before, +q:after { + content: ''; + content: none; +} + +sub, +sup, +small { + font-size: 75%; +} + +sub, +sup { + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +svg { +/* + For IE9. Without, occasionally draws shapes + outside the boundaries of rectangle. +*/ + overflow: hidden; +} \ No newline at end of file diff --git a/assets/css/16col/text.css b/assets/css/16col/text.css new file mode 100644 index 0000000..af8df54 --- /dev/null +++ b/assets/css/16col/text.css @@ -0,0 +1,81 @@ +/* + 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; +} + +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, +figure { + margin-bottom: 20px; +} \ No newline at end of file diff --git a/assets/css/24col/1200.css b/assets/css/24col/1200.css new file mode 100755 index 0000000..b9185c4 --- /dev/null +++ b/assets/css/24col/1200.css @@ -0,0 +1,357 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 1200px; +} + +/* `Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 1200px; +} + +/* `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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11 { + position: relative; +} + +/* `Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* `Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 80px; +} + +.container_12 .grid_2 { + width: 180px; +} + +.container_12 .grid_3 { + width: 280px; +} + +.container_12 .grid_4 { + width: 380px; +} + +.container_12 .grid_5 { + width: 480px; +} + +.container_12 .grid_6 { + width: 580px; +} + +.container_12 .grid_7 { + width: 680px; +} + +.container_12 .grid_8 { + width: 780px; +} + +.container_12 .grid_9 { + width: 880px; +} + +.container_12 .grid_10 { + width: 980px; +} + +.container_12 .grid_11 { + width: 1080px; +} + +.container_12 .grid_12 { + width: 1180px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 100px; +} + +.container_12 .prefix_2 { + padding-left: 200px; +} + +.container_12 .prefix_3 { + padding-left: 300px; +} + +.container_12 .prefix_4 { + padding-left: 400px; +} + +.container_12 .prefix_5 { + padding-left: 500px; +} + +.container_12 .prefix_6 { + padding-left: 600px; +} + +.container_12 .prefix_7 { + padding-left: 700px; +} + +.container_12 .prefix_8 { + padding-left: 800px; +} + +.container_12 .prefix_9 { + padding-left: 900px; +} + +.container_12 .prefix_10 { + padding-left: 1000px; +} + +.container_12 .prefix_11 { + padding-left: 1100px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 100px; +} + +.container_12 .suffix_2 { + padding-right: 200px; +} + +.container_12 .suffix_3 { + padding-right: 300px; +} + +.container_12 .suffix_4 { + padding-right: 400px; +} + +.container_12 .suffix_5 { + padding-right: 500px; +} + +.container_12 .suffix_6 { + padding-right: 600px; +} + +.container_12 .suffix_7 { + padding-right: 700px; +} + +.container_12 .suffix_8 { + padding-right: 800px; +} + +.container_12 .suffix_9 { + padding-right: 900px; +} + +.container_12 .suffix_10 { + padding-right: 1000px; +} + +.container_12 .suffix_11 { + padding-right: 1100px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 100px; +} + +.container_12 .push_2 { + left: 200px; +} + +.container_12 .push_3 { + left: 300px; +} + +.container_12 .push_4 { + left: 400px; +} + +.container_12 .push_5 { + left: 500px; +} + +.container_12 .push_6 { + left: 600px; +} + +.container_12 .push_7 { + left: 700px; +} + +.container_12 .push_8 { + left: 800px; +} + +.container_12 .push_9 { + left: 900px; +} + +.container_12 .push_10 { + left: 1000px; +} + +.container_12 .push_11 { + left: 1100px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -100px; +} + +.container_12 .pull_2 { + left: -200px; +} + +.container_12 .pull_3 { + left: -300px; +} + +.container_12 .pull_4 { + left: -400px; +} + +.container_12 .pull_5 { + left: -500px; +} + +.container_12 .pull_6 { + left: -600px; +} + +.container_12 .pull_7 { + left: -700px; +} + +.container_12 .pull_8 { + left: -800px; +} + +.container_12 .pull_9 { + left: -900px; +} + +.container_12 .pull_10 { + left: -1000px; +} + +.container_12 .pull_11 { + left: -1100px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/24col/1200.min.css b/assets/css/24col/1200.min.css new file mode 100644 index 0000000..53ec99b --- /dev/null +++ b/assets/css/24col/1200.min.css @@ -0,0 +1 @@ +body{min-width:1200px}.container_12{margin-left:auto;margin-right:auto;width:1200px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:80px}.container_12 .grid_2{width:180px}.container_12 .grid_3{width:280px}.container_12 .grid_4{width:380px}.container_12 .grid_5{width:480px}.container_12 .grid_6{width:580px}.container_12 .grid_7{width:680px}.container_12 .grid_8{width:780px}.container_12 .grid_9{width:880px}.container_12 .grid_10{width:980px}.container_12 .grid_11{width:1080px}.container_12 .grid_12{width:1180px}.container_12 .prefix_1{padding-left:100px}.container_12 .prefix_2{padding-left:200px}.container_12 .prefix_3{padding-left:300px}.container_12 .prefix_4{padding-left:400px}.container_12 .prefix_5{padding-left:500px}.container_12 .prefix_6{padding-left:600px}.container_12 .prefix_7{padding-left:700px}.container_12 .prefix_8{padding-left:800px}.container_12 .prefix_9{padding-left:900px}.container_12 .prefix_10{padding-left:1000px}.container_12 .prefix_11{padding-left:1100px}.container_12 .suffix_1{padding-right:100px}.container_12 .suffix_2{padding-right:200px}.container_12 .suffix_3{padding-right:300px}.container_12 .suffix_4{padding-right:400px}.container_12 .suffix_5{padding-right:500px}.container_12 .suffix_6{padding-right:600px}.container_12 .suffix_7{padding-right:700px}.container_12 .suffix_8{padding-right:800px}.container_12 .suffix_9{padding-right:900px}.container_12 .suffix_10{padding-right:1000px}.container_12 .suffix_11{padding-right:1100px}.container_12 .push_1{left:100px}.container_12 .push_2{left:200px}.container_12 .push_3{left:300px}.container_12 .push_4{left:400px}.container_12 .push_5{left:500px}.container_12 .push_6{left:600px}.container_12 .push_7{left:700px}.container_12 .push_8{left:800px}.container_12 .push_9{left:900px}.container_12 .push_10{left:1000px}.container_12 .push_11{left:1100px}.container_12 .pull_1{left:-100px}.container_12 .pull_2{left:-200px}.container_12 .pull_3{left:-300px}.container_12 .pull_4{left:-400px}.container_12 .pull_5{left:-500px}.container_12 .pull_6{left:-600px}.container_12 .pull_7{left:-700px}.container_12 .pull_8{left:-800px}.container_12 .pull_9{left:-900px}.container_12 .pull_10{left:-1000px}.container_12 .pull_11{left:-1100px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/24col/1560.css b/assets/css/24col/1560.css new file mode 100755 index 0000000..88af16b --- /dev/null +++ b/assets/css/24col/1560.css @@ -0,0 +1,357 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 1560px; +} + +/* `Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 1560px; +} + +/* `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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11 { + position: relative; +} + +/* `Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* `Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 110px; +} + +.container_12 .grid_2 { + width: 240px; +} + +.container_12 .grid_3 { + width: 370px; +} + +.container_12 .grid_4 { + width: 500px; +} + +.container_12 .grid_5 { + width: 630px; +} + +.container_12 .grid_6 { + width: 760px; +} + +.container_12 .grid_7 { + width: 890px; +} + +.container_12 .grid_8 { + width: 1020px; +} + +.container_12 .grid_9 { + width: 1150px; +} + +.container_12 .grid_10 { + width: 1280px; +} + +.container_12 .grid_11 { + width: 1410px; +} + +.container_12 .grid_12 { + width: 1540px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 130px; +} + +.container_12 .prefix_2 { + padding-left: 260px; +} + +.container_12 .prefix_3 { + padding-left: 390px; +} + +.container_12 .prefix_4 { + padding-left: 520px; +} + +.container_12 .prefix_5 { + padding-left: 650px; +} + +.container_12 .prefix_6 { + padding-left: 780px; +} + +.container_12 .prefix_7 { + padding-left: 910px; +} + +.container_12 .prefix_8 { + padding-left: 1040px; +} + +.container_12 .prefix_9 { + padding-left: 1170px; +} + +.container_12 .prefix_10 { + padding-left: 1300px; +} + +.container_12 .prefix_11 { + padding-left: 1430px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 130px; +} + +.container_12 .suffix_2 { + padding-right: 260px; +} + +.container_12 .suffix_3 { + padding-right: 390px; +} + +.container_12 .suffix_4 { + padding-right: 520px; +} + +.container_12 .suffix_5 { + padding-right: 650px; +} + +.container_12 .suffix_6 { + padding-right: 780px; +} + +.container_12 .suffix_7 { + padding-right: 910px; +} + +.container_12 .suffix_8 { + padding-right: 1040px; +} + +.container_12 .suffix_9 { + padding-right: 1170px; +} + +.container_12 .suffix_10 { + padding-right: 1300px; +} + +.container_12 .suffix_11 { + padding-right: 1430px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 130px; +} + +.container_12 .push_2 { + left: 260px; +} + +.container_12 .push_3 { + left: 390px; +} + +.container_12 .push_4 { + left: 520px; +} + +.container_12 .push_5 { + left: 650px; +} + +.container_12 .push_6 { + left: 780px; +} + +.container_12 .push_7 { + left: 910px; +} + +.container_12 .push_8 { + left: 1040px; +} + +.container_12 .push_9 { + left: 1170px; +} + +.container_12 .push_10 { + left: 1300px; +} + +.container_12 .push_11 { + left: 1430px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -130px; +} + +.container_12 .pull_2 { + left: -260px; +} + +.container_12 .pull_3 { + left: -390px; +} + +.container_12 .pull_4 { + left: -520px; +} + +.container_12 .pull_5 { + left: -650px; +} + +.container_12 .pull_6 { + left: -780px; +} + +.container_12 .pull_7 { + left: -910px; +} + +.container_12 .pull_8 { + left: -1040px; +} + +.container_12 .pull_9 { + left: -1170px; +} + +.container_12 .pull_10 { + left: -1300px; +} + +.container_12 .pull_11 { + left: -1430px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/24col/1560.min.css b/assets/css/24col/1560.min.css new file mode 100644 index 0000000..0b7aff6 --- /dev/null +++ b/assets/css/24col/1560.min.css @@ -0,0 +1 @@ +body{min-width:1560px}.container_12{margin-left:auto;margin-right:auto;width:1560px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:110px}.container_12 .grid_2{width:240px}.container_12 .grid_3{width:370px}.container_12 .grid_4{width:500px}.container_12 .grid_5{width:630px}.container_12 .grid_6{width:760px}.container_12 .grid_7{width:890px}.container_12 .grid_8{width:1020px}.container_12 .grid_9{width:1150px}.container_12 .grid_10{width:1280px}.container_12 .grid_11{width:1410px}.container_12 .grid_12{width:1540px}.container_12 .prefix_1{padding-left:130px}.container_12 .prefix_2{padding-left:260px}.container_12 .prefix_3{padding-left:390px}.container_12 .prefix_4{padding-left:520px}.container_12 .prefix_5{padding-left:650px}.container_12 .prefix_6{padding-left:780px}.container_12 .prefix_7{padding-left:910px}.container_12 .prefix_8{padding-left:1040px}.container_12 .prefix_9{padding-left:1170px}.container_12 .prefix_10{padding-left:1300px}.container_12 .prefix_11{padding-left:1430px}.container_12 .suffix_1{padding-right:130px}.container_12 .suffix_2{padding-right:260px}.container_12 .suffix_3{padding-right:390px}.container_12 .suffix_4{padding-right:520px}.container_12 .suffix_5{padding-right:650px}.container_12 .suffix_6{padding-right:780px}.container_12 .suffix_7{padding-right:910px}.container_12 .suffix_8{padding-right:1040px}.container_12 .suffix_9{padding-right:1170px}.container_12 .suffix_10{padding-right:1300px}.container_12 .suffix_11{padding-right:1430px}.container_12 .push_1{left:130px}.container_12 .push_2{left:260px}.container_12 .push_3{left:390px}.container_12 .push_4{left:520px}.container_12 .push_5{left:650px}.container_12 .push_6{left:780px}.container_12 .push_7{left:910px}.container_12 .push_8{left:1040px}.container_12 .push_9{left:1170px}.container_12 .push_10{left:1300px}.container_12 .push_11{left:1430px}.container_12 .pull_1{left:-130px}.container_12 .pull_2{left:-260px}.container_12 .pull_3{left:-390px}.container_12 .pull_4{left:-520px}.container_12 .pull_5{left:-650px}.container_12 .pull_6{left:-780px}.container_12 .pull_7{left:-910px}.container_12 .pull_8{left:-1040px}.container_12 .pull_9{left:-1170px}.container_12 .pull_10{left:-1300px}.container_12 .pull_11{left:-1430px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/24col/1920.css b/assets/css/24col/1920.css new file mode 100644 index 0000000..e9d303a --- /dev/null +++ b/assets/css/24col/1920.css @@ -0,0 +1,358 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 1920px; +} + +/* Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 1920px; +} + +/* 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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11, +.push_12, .pull_12 { + position: relative; +} + +/* Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 140px; +} + +.container_12 .grid_2 { + width: 300px; +} + +.container_12 .grid_3 { + width: 460px; +} + +.container_12 .grid_4 { + width: 620px; +} + +.container_12 .grid_5 { + width: 780px; +} + +.container_12 .grid_6 { + width: 940px; +} + +.container_12 .grid_7 { + width: 1100px; +} + +.container_12 .grid_8 { + width: 1260px; +} + +.container_12 .grid_9 { + width: 1420px; +} + +.container_12 .grid_10 { + width: 1580px; +} + +.container_12 .grid_11 { + width: 1740px; +} + +.container_12 .grid_12 { + width: 1900px; +} + +/* Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 160px; +} + +.container_12 .prefix_2 { + padding-left: 320px; +} + +.container_12 .prefix_3 { + padding-left: 480px; +} + +.container_12 .prefix_4 { + padding-left: 640px; +} + +.container_12 .prefix_5 { + padding-left: 800px; +} + +.container_12 .prefix_6 { + padding-left: 960px; +} + +.container_12 .prefix_7 { + padding-left: 1120px; +} + +.container_12 .prefix_8 { + padding-left: 1280px; +} + +.container_12 .prefix_9 { + padding-left: 1440px; +} + +.container_12 .prefix_10 { + padding-left: 1600px; +} + +.container_12 .prefix_11 { + padding-left: 1760px; +} + +/* Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 160px; +} + +.container_12 .suffix_2 { + padding-right: 320px; +} + +.container_12 .suffix_3 { + padding-right: 480px; +} + +.container_12 .suffix_4 { + padding-right: 640px; +} + +.container_12 .suffix_5 { + padding-right: 800px; +} + +.container_12 .suffix_6 { + padding-right: 960px; +} + +.container_12 .suffix_7 { + padding-right: 1120px; +} + +.container_12 .suffix_8 { + padding-right: 1280px; +} + +.container_12 .suffix_9 { + padding-right: 1440px; +} + +.container_12 .suffix_10 { + padding-right: 1600px; +} + +.container_12 .suffix_11 { + padding-right: 1760px; +} + +/* Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 160px; +} + +.container_12 .push_2 { + left: 320px; +} + +.container_12 .push_3 { + left: 480px; +} + +.container_12 .push_4 { + left: 640px; +} + +.container_12 .push_5 { + left: 800px; +} + +.container_12 .push_6 { + left: 960px; +} + +.container_12 .push_7 { + left: 1120px; +} + +.container_12 .push_8 { + left: 1280px; +} + +.container_12 .push_9 { + left: 1440px; +} + +.container_12 .push_10 { + left: 1600px; +} + +.container_12 .push_11 { + left: 1760px; +} + +/* Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -160px; +} + +.container_12 .pull_2 { + left: -320px; +} + +.container_12 .pull_3 { + left: -480px; +} + +.container_12 .pull_4 { + left: -640px; +} + +.container_12 .pull_5 { + left: -800px; +} + +.container_12 .pull_6 { + left: -960px; +} + +.container_12 .pull_7 { + left: -1120px; +} + +.container_12 .pull_8 { + left: -1280px; +} + +.container_12 .pull_9 { + left: -1440px; +} + +.container_12 .pull_10 { + left: -1600px; +} + +.container_12 .pull_11 { + left: -1760px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/24col/1920.min.css b/assets/css/24col/1920.min.css new file mode 100644 index 0000000..c330971 --- /dev/null +++ b/assets/css/24col/1920.min.css @@ -0,0 +1 @@ +body{min-width:1920px}.container_12{margin-left:auto;margin-right:auto;width:1920px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:140px}.container_12 .grid_2{width:300px}.container_12 .grid_3{width:460px}.container_12 .grid_4{width:620px}.container_12 .grid_5{width:780px}.container_12 .grid_6{width:940px}.container_12 .grid_7{width:1100px}.container_12 .grid_8{width:1260px}.container_12 .grid_9{width:1420px}.container_12 .grid_10{width:1580px}.container_12 .grid_11{width:1740px}.container_12 .grid_12{width:1900px}.container_12 .prefix_1{padding-left:160px}.container_12 .prefix_2{padding-left:320px}.container_12 .prefix_3{padding-left:480px}.container_12 .prefix_4{padding-left:640px}.container_12 .prefix_5{padding-left:800px}.container_12 .prefix_6{padding-left:960px}.container_12 .prefix_7{padding-left:1120px}.container_12 .prefix_8{padding-left:1280px}.container_12 .prefix_9{padding-left:1440px}.container_12 .prefix_10{padding-left:1600px}.container_12 .prefix_11{padding-left:1760px}.container_12 .suffix_1{padding-right:160px}.container_12 .suffix_2{padding-right:320px}.container_12 .suffix_3{padding-right:480px}.container_12 .suffix_4{padding-right:640px}.container_12 .suffix_5{padding-right:800px}.container_12 .suffix_6{padding-right:960px}.container_12 .suffix_7{padding-right:1120px}.container_12 .suffix_8{padding-right:1280px}.container_12 .suffix_9{padding-right:1440px}.container_12 .suffix_10{padding-right:1600px}.container_12 .suffix_11{padding-right:1760px}.container_12 .push_1{left:160px}.container_12 .push_2{left:320px}.container_12 .push_3{left:480px}.container_12 .push_4{left:640px}.container_12 .push_5{left:800px}.container_12 .push_6{left:960px}.container_12 .push_7{left:1120px}.container_12 .push_8{left:1280px}.container_12 .push_9{left:1440px}.container_12 .push_10{left:1600px}.container_12 .push_11{left:1760px}.container_12 .pull_1{left:-160px}.container_12 .pull_2{left:-320px}.container_12 .pull_3{left:-480px}.container_12 .pull_4{left:-640px}.container_12 .pull_5{left:-800px}.container_12 .pull_6{left:-960px}.container_12 .pull_7{left:-1120px}.container_12 .pull_8{left:-1280px}.container_12 .pull_9{left:-1440px}.container_12 .pull_10{left:-1600px}.container_12 .pull_11{left:-1760px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/24col/2520.css b/assets/css/24col/2520.css new file mode 100644 index 0000000..8045ce9 --- /dev/null +++ b/assets/css/24col/2520.css @@ -0,0 +1,359 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 2520px; +} + +/* Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 2520px; +} + +/* 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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11, +.push_12, .pull_12 { + position: relative; +} + +/* Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + + +.container_12 .grid_1 { + width: 190px; +} + +.container_12 .grid_2 { + width: 400px; +} + +.container_12 .grid_3 { + width: 610px; +} + +.container_12 .grid_4 { + width: 820px; +} + +.container_12 .grid_5 { + width: 1030px; +} + +.container_12 .grid_6 { + width: 1240px; +} + +.container_12 .grid_7 { + width: 1450px; +} + +.container_12 .grid_8 { + width: 1660px; +} + +.container_12 .grid_9 { + width: 1870px; +} + +.container_12 .grid_10 { + width: 2080px; +} + +.container_12 .grid_11 { + width: 2290px; +} + +.container_12 .grid_12 { + width: 2500px; +} + +/* Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 210px; +} + +.container_12 .prefix_2 { + padding-left: 420px; +} + +.container_12 .prefix_3 { + padding-left: 630px; +} + +.container_12 .prefix_4 { + padding-left: 840px; +} + +.container_12 .prefix_5 { + padding-left: 1050px; +} + +.container_12 .prefix_6 { + padding-left: 1260px; +} + +.container_12 .prefix_7 { + padding-left: 1470px; +} + +.container_12 .prefix_8 { + padding-left: 1680px; +} + +.container_12 .prefix_9 { + padding-left: 1890px; +} + +.container_12 .prefix_10 { + padding-left: 2100px; +} + +.container_12 .prefix_11 { + padding-left: 2310px; +} + +/* Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 210px; +} + +.container_12 .suffix_2 { + padding-right: 420px; +} + +.container_12 .suffix_3 { + padding-right: 630px; +} + +.container_12 .suffix_4 { + padding-right: 840px; +} + +.container_12 .suffix_5 { + padding-right: 1050px; +} + +.container_12 .suffix_6 { + padding-right: 1260px; +} + +.container_12 .suffix_7 { + padding-right: 1470px; +} + +.container_12 .suffix_8 { + padding-right: 1680px; +} + +.container_12 .suffix_9 { + padding-right: 1890px; +} + +.container_12 .suffix_10 { + padding-right: 2100px; +} + +.container_12 .suffix_11 { + padding-right: 2310px; +} + +/* Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 210px; +} + +.container_12 .push_2 { + left: 420px; +} + +.container_12 .push_3 { + left: 630px; +} + +.container_12 .push_4 { + left: 840px; +} + +.container_12 .push_5 { + left: 1050px; +} + +.container_12 .push_6 { + left: 1260px; +} + +.container_12 .push_7 { + left: 1470px; +} + +.container_12 .push_8 { + left: 1680px; +} + +.container_12 .push_9 { + left: 1890px; +} + +.container_12 .push_10 { + left: 2100px; +} + +.container_12 .push_11 { + left: 2310px; +} + +/* Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -210px; +} + +.container_12 .pull_2 { + left: -420px; +} + +.container_12 .pull_3 { + left: -630px; +} + +.container_12 .pull_4 { + left: -840px; +} + +.container_12 .pull_5 { + left: -1050px; +} + +.container_12 .pull_6 { + left: -1260px; +} + +.container_12 .pull_7 { + left: -1470px; +} + +.container_12 .pull_8 { + left: -1680px; +} + +.container_12 .pull_9 { + left: -1890px; +} + +.container_12 .pull_10 { + left: -2100px; +} + +.container_12 .pull_11 { + left: -2310px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/24col/2520.min.css b/assets/css/24col/2520.min.css new file mode 100644 index 0000000..e56fd2b --- /dev/null +++ b/assets/css/24col/2520.min.css @@ -0,0 +1 @@ +body{min-width:2520px}.container_12{margin-left:auto;margin-right:auto;width:2520px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:190px}.container_12 .grid_2{width:400px}.container_12 .grid_3{width:610px}.container_12 .grid_4{width:820px}.container_12 .grid_5{width:1030px}.container_12 .grid_6{width:1240px}.container_12 .grid_7{width:1450px}.container_12 .grid_8{width:1660px}.container_12 .grid_9{width:1870px}.container_12 .grid_10{width:2080px}.container_12 .grid_11{width:2290px}.container_12 .grid_12{width:2500px}.container_12 .prefix_1{padding-left:210px}.container_12 .prefix_2{padding-left:420px}.container_12 .prefix_3{padding-left:630px}.container_12 .prefix_4{padding-left:840px}.container_12 .prefix_5{padding-left:1050px}.container_12 .prefix_6{padding-left:1260px}.container_12 .prefix_7{padding-left:1470px}.container_12 .prefix_8{padding-left:1680px}.container_12 .prefix_9{padding-left:1890px}.container_12 .prefix_10{padding-left:2100px}.container_12 .prefix_11{padding-left:2310px}.container_12 .suffix_1{padding-right:210px}.container_12 .suffix_2{padding-right:420px}.container_12 .suffix_3{padding-right:630px}.container_12 .suffix_4{padding-right:840px}.container_12 .suffix_5{padding-right:1050px}.container_12 .suffix_6{padding-right:1260px}.container_12 .suffix_7{padding-right:1470px}.container_12 .suffix_8{padding-right:1680px}.container_12 .suffix_9{padding-right:1890px}.container_12 .suffix_10{padding-right:2100px}.container_12 .suffix_11{padding-right:2310px}.container_12 .push_1{left:210px}.container_12 .push_2{left:420px}.container_12 .push_3{left:630px}.container_12 .push_4{left:840px}.container_12 .push_5{left:1050px}.container_12 .push_6{left:1260px}.container_12 .push_7{left:1470px}.container_12 .push_8{left:1680px}.container_12 .push_9{left:1890px}.container_12 .push_10{left:2100px}.container_12 .push_11{left:2310px}.container_12 .pull_1{left:-210px}.container_12 .pull_2{left:-420px}.container_12 .pull_3{left:-630px}.container_12 .pull_4{left:-840px}.container_12 .pull_5{left:-1050px}.container_12 .pull_6{left:-1260px}.container_12 .pull_7{left:-1470px}.container_12 .pull_8{left:-1680px}.container_12 .pull_9{left:-1890px}.container_12 .pull_10{left:-2100px}.container_12 .pull_11{left:-2310px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/24col/720.css b/assets/css/24col/720.css new file mode 100755 index 0000000..ba66200 --- /dev/null +++ b/assets/css/24col/720.css @@ -0,0 +1,357 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 720px; +} + +/* `Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 720px; +} + +/* `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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11 { + position: relative; +} + +/* `Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* `Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 40px; +} + +.container_12 .grid_2 { + width: 100px; +} + +.container_12 .grid_3 { + width: 160px; +} + +.container_12 .grid_4 { + width: 220px; +} + +.container_12 .grid_5 { + width: 280px; +} + +.container_12 .grid_6 { + width: 340px; +} + +.container_12 .grid_7 { + width: 400px; +} + +.container_12 .grid_8 { + width: 460px; +} + +.container_12 .grid_9 { + width: 520px; +} + +.container_12 .grid_10 { + width: 580px; +} + +.container_12 .grid_11 { + width: 640px; +} + +.container_12 .grid_12 { + width: 700px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 60px; +} + +.container_12 .prefix_2 { + padding-left: 120px; +} + +.container_12 .prefix_3 { + padding-left: 180px; +} + +.container_12 .prefix_4 { + padding-left: 240px; +} + +.container_12 .prefix_5 { + padding-left: 300px; +} + +.container_12 .prefix_6 { + padding-left: 360px; +} + +.container_12 .prefix_7 { + padding-left: 420px; +} + +.container_12 .prefix_8 { + padding-left: 480px; +} + +.container_12 .prefix_9 { + padding-left: 540px; +} + +.container_12 .prefix_10 { + padding-left: 600px; +} + +.container_12 .prefix_11 { + padding-left: 660px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 60px; +} + +.container_12 .suffix_2 { + padding-right: 120px; +} + +.container_12 .suffix_3 { + padding-right: 180px; +} + +.container_12 .suffix_4 { + padding-right: 240px; +} + +.container_12 .suffix_5 { + padding-right: 300px; +} + +.container_12 .suffix_6 { + padding-right: 360px; +} + +.container_12 .suffix_7 { + padding-right: 420px; +} + +.container_12 .suffix_8 { + padding-right: 480px; +} + +.container_12 .suffix_9 { + padding-right: 540px; +} + +.container_12 .suffix_10 { + padding-right: 600px; +} + +.container_12 .suffix_11 { + padding-right: 660px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 60px; +} + +.container_12 .push_2 { + left: 120px; +} + +.container_12 .push_3 { + left: 180px; +} + +.container_12 .push_4 { + left: 240px; +} + +.container_12 .push_5 { + left: 300px; +} + +.container_12 .push_6 { + left: 360px; +} + +.container_12 .push_7 { + left: 420px; +} + +.container_12 .push_8 { + left: 480px; +} + +.container_12 .push_9 { + left: 540px; +} + +.container_12 .push_10 { + left: 600px; +} + +.container_12 .push_11 { + left: 660px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -60px; +} + +.container_12 .pull_2 { + left: -120px; +} + +.container_12 .pull_3 { + left: -180px; +} + +.container_12 .pull_4 { + left: -240px; +} + +.container_12 .pull_5 { + left: -300px; +} + +.container_12 .pull_6 { + left: -360px; +} + +.container_12 .pull_7 { + left: -420px; +} + +.container_12 .pull_8 { + left: -480px; +} + +.container_12 .pull_9 { + left: -540px; +} + +.container_12 .pull_10 { + left: -600px; +} + +.container_12 .pull_11 { + left: -660px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/24col/720.min.css b/assets/css/24col/720.min.css new file mode 100644 index 0000000..ed4ac41 --- /dev/null +++ b/assets/css/24col/720.min.css @@ -0,0 +1 @@ +body{min-width:720px}.container_12{margin-left:auto;margin-right:auto;width:720px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:40px}.container_12 .grid_2{width:100px}.container_12 .grid_3{width:160px}.container_12 .grid_4{width:220px}.container_12 .grid_5{width:280px}.container_12 .grid_6{width:340px}.container_12 .grid_7{width:400px}.container_12 .grid_8{width:460px}.container_12 .grid_9{width:520px}.container_12 .grid_10{width:580px}.container_12 .grid_11{width:640px}.container_12 .grid_12{width:700px}.container_12 .prefix_1{padding-left:60px}.container_12 .prefix_2{padding-left:120px}.container_12 .prefix_3{padding-left:180px}.container_12 .prefix_4{padding-left:240px}.container_12 .prefix_5{padding-left:300px}.container_12 .prefix_6{padding-left:360px}.container_12 .prefix_7{padding-left:420px}.container_12 .prefix_8{padding-left:480px}.container_12 .prefix_9{padding-left:540px}.container_12 .prefix_10{padding-left:600px}.container_12 .prefix_11{padding-left:660px}.container_12 .suffix_1{padding-right:60px}.container_12 .suffix_2{padding-right:120px}.container_12 .suffix_3{padding-right:180px}.container_12 .suffix_4{padding-right:240px}.container_12 .suffix_5{padding-right:300px}.container_12 .suffix_6{padding-right:360px}.container_12 .suffix_7{padding-right:420px}.container_12 .suffix_8{padding-right:480px}.container_12 .suffix_9{padding-right:540px}.container_12 .suffix_10{padding-right:600px}.container_12 .suffix_11{padding-right:660px}.container_12 .push_1{left:60px}.container_12 .push_2{left:120px}.container_12 .push_3{left:180px}.container_12 .push_4{left:240px}.container_12 .push_5{left:300px}.container_12 .push_6{left:360px}.container_12 .push_7{left:420px}.container_12 .push_8{left:480px}.container_12 .push_9{left:540px}.container_12 .push_10{left:600px}.container_12 .push_11{left:660px}.container_12 .pull_1{left:-60px}.container_12 .pull_2{left:-120px}.container_12 .pull_3{left:-180px}.container_12 .pull_4{left:-240px}.container_12 .pull_5{left:-300px}.container_12 .pull_6{left:-360px}.container_12 .pull_7{left:-420px}.container_12 .pull_8{left:-480px}.container_12 .pull_9{left:-540px}.container_12 .pull_10{left:-600px}.container_12 .pull_11{left:-660px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/24col/960.css b/assets/css/24col/960.css new file mode 100644 index 0000000..bdb7324 --- /dev/null +++ b/assets/css/24col/960.css @@ -0,0 +1,357 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 960px; +} + +/* `Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + 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 { + display: inline; + float: left; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11 { + position: relative; +} + +/* `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_3 { + width: 220px; +} + +.container_12 .grid_4 { + width: 300px; +} + +.container_12 .grid_5 { + width: 380px; +} + +.container_12 .grid_6 { + width: 460px; +} + +.container_12 .grid_7 { + width: 540px; +} + +.container_12 .grid_8 { + width: 620px; +} + +.container_12 .grid_9 { + width: 700px; +} + +.container_12 .grid_10 { + width: 780px; +} + +.container_12 .grid_11 { + width: 860px; +} + +.container_12 .grid_12 { + width: 940px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 80px; +} + +.container_12 .prefix_2 { + padding-left: 160px; +} + +.container_12 .prefix_3 { + padding-left: 240px; +} + +.container_12 .prefix_4 { + padding-left: 320px; +} + +.container_12 .prefix_5 { + padding-left: 400px; +} + +.container_12 .prefix_6 { + padding-left: 480px; +} + +.container_12 .prefix_7 { + padding-left: 560px; +} + +.container_12 .prefix_8 { + padding-left: 640px; +} + +.container_12 .prefix_9 { + padding-left: 720px; +} + +.container_12 .prefix_10 { + padding-left: 800px; +} + +.container_12 .prefix_11 { + padding-left: 880px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 80px; +} + +.container_12 .suffix_2 { + padding-right: 160px; +} + +.container_12 .suffix_3 { + padding-right: 240px; +} + +.container_12 .suffix_4 { + padding-right: 320px; +} + +.container_12 .suffix_5 { + padding-right: 400px; +} + +.container_12 .suffix_6 { + padding-right: 480px; +} + +.container_12 .suffix_7 { + padding-right: 560px; +} + +.container_12 .suffix_8 { + padding-right: 640px; +} + +.container_12 .suffix_9 { + padding-right: 720px; +} + +.container_12 .suffix_10 { + padding-right: 800px; +} + +.container_12 .suffix_11 { + padding-right: 880px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 80px; +} + +.container_12 .push_2 { + left: 160px; +} + +.container_12 .push_3 { + left: 240px; +} + +.container_12 .push_4 { + left: 320px; +} + +.container_12 .push_5 { + left: 400px; +} + +.container_12 .push_6 { + left: 480px; +} + +.container_12 .push_7 { + left: 560px; +} + +.container_12 .push_8 { + left: 640px; +} + +.container_12 .push_9 { + left: 720px; +} + +.container_12 .push_10 { + left: 800px; +} + +.container_12 .push_11 { + left: 880px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -80px; +} + +.container_12 .pull_2 { + left: -160px; +} + +.container_12 .pull_3 { + left: -240px; +} + +.container_12 .pull_4 { + left: -320px; +} + +.container_12 .pull_5 { + left: -400px; +} + +.container_12 .pull_6 { + left: -480px; +} + +.container_12 .pull_7 { + left: -560px; +} + +.container_12 .pull_8 { + left: -640px; +} + +.container_12 .pull_9 { + left: -720px; +} + +.container_12 .pull_10 { + left: -800px; +} + +.container_12 .pull_11 { + left: -880px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/24col/960.min.css b/assets/css/24col/960.min.css new file mode 100644 index 0000000..7dc6fe6 --- /dev/null +++ b/assets/css/24col/960.min.css @@ -0,0 +1 @@ +body{min-width:960px}.container_12{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_3{width:220px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_6{width:460px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_9{width:700px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_12 .grid_12{width:940px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_3{padding-left:240px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_6{padding-left:480px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_9{padding-left:720px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_3{padding-right:240px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_6{padding-right:480px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_9{padding-right:720px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_3{left:240px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_6{left:480px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_9{left:720px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_3{left:-240px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_6{left:-480px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_9{left:-720px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/24col/master.css b/assets/css/24col/master.css new file mode 100644 index 0000000..149b514 --- /dev/null +++ b/assets/css/24col/master.css @@ -0,0 +1,120 @@ +@import 'reset.css'; +@import 'text.css'; + +/* `Basic HTML +----------------------------------------------------------------------------------------------------*/ + +body { + background: #fff; + color: #333; +} + +h1 { + background: #eee url(../images/h1.png) no-repeat right center; + border-bottom: 1px solid #ccc; + padding: 10px 90px 10px 15px; + text-shadow: #fff 0 1px 0; +} + +h2, +h3, +h4, +h5, +h6 { + line-height: 1; +} + +a { + color: #06c; +} + +a:hover { + color: #c60; +} + +small { + font-size: 11px; +} + +/* `Misc Classes +----------------------------------------------------------------------------------------------------*/ + +.align_center { + text-align: center; +} + +.align_right { + text-align: right; +} + +/* `Data Table +----------------------------------------------------------------------------------------------------*/ + +.data, +.data th, +.data td { + border-style: solid; + border-color: #ddd; +} + +.data { + border-width: 0 1px 1px; + width: 100%; +} + +.data caption { + padding: 0 10px 5px; + text-transform: uppercase; +} + +.data th, +.data td { + border-top-width: 1px; + padding: 5px 10px; +} + +.data th { + white-space: nowrap; +} + +.data thead th { + background: #eee; + font-weight: bold; + text-shadow: #fff 0 1px 0; +} + +.data tbody th { + width: 1px; +} + +.data tr th:first-child { + text-align: right; +} + +/* `Code +----------------------------------------------------------------------------------------------------*/ + +pre, +code { + font-size: 12px; + font-family: Menlo, Courier, monospace; +} + +pre, +.notice { + background: #ffe; + border: 1px solid; + border-color: #eed #ccb #bba #ddc; + overflow: auto; + padding: 10px 0 10px 10px; +} + +* html pre { + overflow: hidden; + width: 97%; +} + +code { + background: #ff9; + padding: 0 2px; +} \ No newline at end of file diff --git a/assets/css/24col/mobile.css b/assets/css/24col/mobile.css new file mode 100644 index 0000000..1351cf2 --- /dev/null +++ b/assets/css/24col/mobile.css @@ -0,0 +1,26 @@ +.grid_1, +.grid_2, +.grid_3, +.grid_4, +.grid_5, +.grid_6, +.grid_7, +.grid_8, +.grid_9, +.grid_10, +.grid_11, +.grid_12 { + margin-left: 10px; + margin-right: 10px; +} + +.alpha, +.omega { + margin-left: 0; + margin-right: 0; +} + +.align_center, +.align_right { + text-align: left; +} \ No newline at end of file diff --git a/assets/css/24col/mobile.min.css b/assets/css/24col/mobile.min.css new file mode 100644 index 0000000..a085546 --- /dev/null +++ b/assets/css/24col/mobile.min.css @@ -0,0 +1 @@ +.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{margin-left:10px;margin-right:10px}.alpha,.omega{margin-left:0;margin-right:0}.align_center,.align_right{text-align:left} \ No newline at end of file diff --git a/assets/css/24col/reset.css b/assets/css/24col/reset.css new file mode 100644 index 0000000..0af7c26 --- /dev/null +++ b/assets/css/24col/reset.css @@ -0,0 +1,207 @@ +/* `XHTML, HTML4, HTML5 Reset +----------------------------------------------------------------------------------------------------*/ + +a, +abbr, +acronym, +address, +applet, +article, +aside, +audio, +b, +big, +blockquote, +body, +canvas, +caption, +center, +cite, +code, +dd, +del, +details, +dfn, +dialog, +div, +dl, +dt, +em, +embed, +fieldset, +figcaption, +figure, +font, +footer, +form, +h1, +h2, +h3, +h4, +h5, +h6, +header, +hgroup, +hr, +html, +i, +iframe, +img, +ins, +kbd, +label, +legend, +li, +mark, +menu, +meter, +nav, +object, +ol, +output, +p, +pre, +progress, +q, +rp, +rt, +ruby, +s, +samp, +section, +small, +span, +strike, +strong, +sub, +summary, +sup, +table, +tbody, +td, +tfoot, +th, +thead, +time, +tr, +tt, +u, +ul, +var, +video, +xmp { + border: 0; + margin: 0; + padding: 0; + font-size: 100%; +} + +html, +body { + height: 100%; +} + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { +/* + Override the default (display: inline) for + browsers that do not recognize HTML5 tags. + + IE8 (and lower) requires a shiv: + http://ejohn.org/blog/html5-shiv +*/ + display: block; +} + +b, +strong { +/* + Makes browsers agree. + IE + Opera = font-weight: bold. + Gecko + WebKit = font-weight: bolder. +*/ + font-weight: bold; +} + +img { + color: transparent; + font-size: 0; + vertical-align: middle; +/* + For IE. + http://css-tricks.com/ie-fix-bicubic-scaling-for-images +*/ + -ms-interpolation-mode: bicubic; +} + +li { +/* + For IE6 + IE7: + + "display: list-item" keeps bullets from + disappearing if hasLayout is triggered. +*/ + display: list-item; + list-style: none; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +th, +td, +caption { + font-weight: normal; + vertical-align: top; + text-align: left; +} + +q { + quotes: none; +} + +q:before, +q:after { + content: ''; + content: none; +} + +sub, +sup, +small { + font-size: 75%; +} + +sub, +sup { + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +svg { +/* + For IE9. Without, occasionally draws shapes + outside the boundaries of rectangle. +*/ + overflow: hidden; +} \ No newline at end of file diff --git a/assets/css/24col/text.css b/assets/css/24col/text.css new file mode 100644 index 0000000..af8df54 --- /dev/null +++ b/assets/css/24col/text.css @@ -0,0 +1,81 @@ +/* + 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; +} + +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, +figure { + margin-bottom: 20px; +} \ No newline at end of file diff --git a/assets/css/col12/1200.css b/assets/css/col12/1200.css new file mode 100755 index 0000000..b9185c4 --- /dev/null +++ b/assets/css/col12/1200.css @@ -0,0 +1,357 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 1200px; +} + +/* `Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 1200px; +} + +/* `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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11 { + position: relative; +} + +/* `Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* `Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 80px; +} + +.container_12 .grid_2 { + width: 180px; +} + +.container_12 .grid_3 { + width: 280px; +} + +.container_12 .grid_4 { + width: 380px; +} + +.container_12 .grid_5 { + width: 480px; +} + +.container_12 .grid_6 { + width: 580px; +} + +.container_12 .grid_7 { + width: 680px; +} + +.container_12 .grid_8 { + width: 780px; +} + +.container_12 .grid_9 { + width: 880px; +} + +.container_12 .grid_10 { + width: 980px; +} + +.container_12 .grid_11 { + width: 1080px; +} + +.container_12 .grid_12 { + width: 1180px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 100px; +} + +.container_12 .prefix_2 { + padding-left: 200px; +} + +.container_12 .prefix_3 { + padding-left: 300px; +} + +.container_12 .prefix_4 { + padding-left: 400px; +} + +.container_12 .prefix_5 { + padding-left: 500px; +} + +.container_12 .prefix_6 { + padding-left: 600px; +} + +.container_12 .prefix_7 { + padding-left: 700px; +} + +.container_12 .prefix_8 { + padding-left: 800px; +} + +.container_12 .prefix_9 { + padding-left: 900px; +} + +.container_12 .prefix_10 { + padding-left: 1000px; +} + +.container_12 .prefix_11 { + padding-left: 1100px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 100px; +} + +.container_12 .suffix_2 { + padding-right: 200px; +} + +.container_12 .suffix_3 { + padding-right: 300px; +} + +.container_12 .suffix_4 { + padding-right: 400px; +} + +.container_12 .suffix_5 { + padding-right: 500px; +} + +.container_12 .suffix_6 { + padding-right: 600px; +} + +.container_12 .suffix_7 { + padding-right: 700px; +} + +.container_12 .suffix_8 { + padding-right: 800px; +} + +.container_12 .suffix_9 { + padding-right: 900px; +} + +.container_12 .suffix_10 { + padding-right: 1000px; +} + +.container_12 .suffix_11 { + padding-right: 1100px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 100px; +} + +.container_12 .push_2 { + left: 200px; +} + +.container_12 .push_3 { + left: 300px; +} + +.container_12 .push_4 { + left: 400px; +} + +.container_12 .push_5 { + left: 500px; +} + +.container_12 .push_6 { + left: 600px; +} + +.container_12 .push_7 { + left: 700px; +} + +.container_12 .push_8 { + left: 800px; +} + +.container_12 .push_9 { + left: 900px; +} + +.container_12 .push_10 { + left: 1000px; +} + +.container_12 .push_11 { + left: 1100px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -100px; +} + +.container_12 .pull_2 { + left: -200px; +} + +.container_12 .pull_3 { + left: -300px; +} + +.container_12 .pull_4 { + left: -400px; +} + +.container_12 .pull_5 { + left: -500px; +} + +.container_12 .pull_6 { + left: -600px; +} + +.container_12 .pull_7 { + left: -700px; +} + +.container_12 .pull_8 { + left: -800px; +} + +.container_12 .pull_9 { + left: -900px; +} + +.container_12 .pull_10 { + left: -1000px; +} + +.container_12 .pull_11 { + left: -1100px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/col12/1200.min.css b/assets/css/col12/1200.min.css new file mode 100644 index 0000000..53ec99b --- /dev/null +++ b/assets/css/col12/1200.min.css @@ -0,0 +1 @@ +body{min-width:1200px}.container_12{margin-left:auto;margin-right:auto;width:1200px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:80px}.container_12 .grid_2{width:180px}.container_12 .grid_3{width:280px}.container_12 .grid_4{width:380px}.container_12 .grid_5{width:480px}.container_12 .grid_6{width:580px}.container_12 .grid_7{width:680px}.container_12 .grid_8{width:780px}.container_12 .grid_9{width:880px}.container_12 .grid_10{width:980px}.container_12 .grid_11{width:1080px}.container_12 .grid_12{width:1180px}.container_12 .prefix_1{padding-left:100px}.container_12 .prefix_2{padding-left:200px}.container_12 .prefix_3{padding-left:300px}.container_12 .prefix_4{padding-left:400px}.container_12 .prefix_5{padding-left:500px}.container_12 .prefix_6{padding-left:600px}.container_12 .prefix_7{padding-left:700px}.container_12 .prefix_8{padding-left:800px}.container_12 .prefix_9{padding-left:900px}.container_12 .prefix_10{padding-left:1000px}.container_12 .prefix_11{padding-left:1100px}.container_12 .suffix_1{padding-right:100px}.container_12 .suffix_2{padding-right:200px}.container_12 .suffix_3{padding-right:300px}.container_12 .suffix_4{padding-right:400px}.container_12 .suffix_5{padding-right:500px}.container_12 .suffix_6{padding-right:600px}.container_12 .suffix_7{padding-right:700px}.container_12 .suffix_8{padding-right:800px}.container_12 .suffix_9{padding-right:900px}.container_12 .suffix_10{padding-right:1000px}.container_12 .suffix_11{padding-right:1100px}.container_12 .push_1{left:100px}.container_12 .push_2{left:200px}.container_12 .push_3{left:300px}.container_12 .push_4{left:400px}.container_12 .push_5{left:500px}.container_12 .push_6{left:600px}.container_12 .push_7{left:700px}.container_12 .push_8{left:800px}.container_12 .push_9{left:900px}.container_12 .push_10{left:1000px}.container_12 .push_11{left:1100px}.container_12 .pull_1{left:-100px}.container_12 .pull_2{left:-200px}.container_12 .pull_3{left:-300px}.container_12 .pull_4{left:-400px}.container_12 .pull_5{left:-500px}.container_12 .pull_6{left:-600px}.container_12 .pull_7{left:-700px}.container_12 .pull_8{left:-800px}.container_12 .pull_9{left:-900px}.container_12 .pull_10{left:-1000px}.container_12 .pull_11{left:-1100px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/col12/1560.css b/assets/css/col12/1560.css new file mode 100755 index 0000000..88af16b --- /dev/null +++ b/assets/css/col12/1560.css @@ -0,0 +1,357 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 1560px; +} + +/* `Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 1560px; +} + +/* `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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11 { + position: relative; +} + +/* `Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* `Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 110px; +} + +.container_12 .grid_2 { + width: 240px; +} + +.container_12 .grid_3 { + width: 370px; +} + +.container_12 .grid_4 { + width: 500px; +} + +.container_12 .grid_5 { + width: 630px; +} + +.container_12 .grid_6 { + width: 760px; +} + +.container_12 .grid_7 { + width: 890px; +} + +.container_12 .grid_8 { + width: 1020px; +} + +.container_12 .grid_9 { + width: 1150px; +} + +.container_12 .grid_10 { + width: 1280px; +} + +.container_12 .grid_11 { + width: 1410px; +} + +.container_12 .grid_12 { + width: 1540px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 130px; +} + +.container_12 .prefix_2 { + padding-left: 260px; +} + +.container_12 .prefix_3 { + padding-left: 390px; +} + +.container_12 .prefix_4 { + padding-left: 520px; +} + +.container_12 .prefix_5 { + padding-left: 650px; +} + +.container_12 .prefix_6 { + padding-left: 780px; +} + +.container_12 .prefix_7 { + padding-left: 910px; +} + +.container_12 .prefix_8 { + padding-left: 1040px; +} + +.container_12 .prefix_9 { + padding-left: 1170px; +} + +.container_12 .prefix_10 { + padding-left: 1300px; +} + +.container_12 .prefix_11 { + padding-left: 1430px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 130px; +} + +.container_12 .suffix_2 { + padding-right: 260px; +} + +.container_12 .suffix_3 { + padding-right: 390px; +} + +.container_12 .suffix_4 { + padding-right: 520px; +} + +.container_12 .suffix_5 { + padding-right: 650px; +} + +.container_12 .suffix_6 { + padding-right: 780px; +} + +.container_12 .suffix_7 { + padding-right: 910px; +} + +.container_12 .suffix_8 { + padding-right: 1040px; +} + +.container_12 .suffix_9 { + padding-right: 1170px; +} + +.container_12 .suffix_10 { + padding-right: 1300px; +} + +.container_12 .suffix_11 { + padding-right: 1430px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 130px; +} + +.container_12 .push_2 { + left: 260px; +} + +.container_12 .push_3 { + left: 390px; +} + +.container_12 .push_4 { + left: 520px; +} + +.container_12 .push_5 { + left: 650px; +} + +.container_12 .push_6 { + left: 780px; +} + +.container_12 .push_7 { + left: 910px; +} + +.container_12 .push_8 { + left: 1040px; +} + +.container_12 .push_9 { + left: 1170px; +} + +.container_12 .push_10 { + left: 1300px; +} + +.container_12 .push_11 { + left: 1430px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -130px; +} + +.container_12 .pull_2 { + left: -260px; +} + +.container_12 .pull_3 { + left: -390px; +} + +.container_12 .pull_4 { + left: -520px; +} + +.container_12 .pull_5 { + left: -650px; +} + +.container_12 .pull_6 { + left: -780px; +} + +.container_12 .pull_7 { + left: -910px; +} + +.container_12 .pull_8 { + left: -1040px; +} + +.container_12 .pull_9 { + left: -1170px; +} + +.container_12 .pull_10 { + left: -1300px; +} + +.container_12 .pull_11 { + left: -1430px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/col12/1560.min.css b/assets/css/col12/1560.min.css new file mode 100644 index 0000000..0b7aff6 --- /dev/null +++ b/assets/css/col12/1560.min.css @@ -0,0 +1 @@ +body{min-width:1560px}.container_12{margin-left:auto;margin-right:auto;width:1560px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:110px}.container_12 .grid_2{width:240px}.container_12 .grid_3{width:370px}.container_12 .grid_4{width:500px}.container_12 .grid_5{width:630px}.container_12 .grid_6{width:760px}.container_12 .grid_7{width:890px}.container_12 .grid_8{width:1020px}.container_12 .grid_9{width:1150px}.container_12 .grid_10{width:1280px}.container_12 .grid_11{width:1410px}.container_12 .grid_12{width:1540px}.container_12 .prefix_1{padding-left:130px}.container_12 .prefix_2{padding-left:260px}.container_12 .prefix_3{padding-left:390px}.container_12 .prefix_4{padding-left:520px}.container_12 .prefix_5{padding-left:650px}.container_12 .prefix_6{padding-left:780px}.container_12 .prefix_7{padding-left:910px}.container_12 .prefix_8{padding-left:1040px}.container_12 .prefix_9{padding-left:1170px}.container_12 .prefix_10{padding-left:1300px}.container_12 .prefix_11{padding-left:1430px}.container_12 .suffix_1{padding-right:130px}.container_12 .suffix_2{padding-right:260px}.container_12 .suffix_3{padding-right:390px}.container_12 .suffix_4{padding-right:520px}.container_12 .suffix_5{padding-right:650px}.container_12 .suffix_6{padding-right:780px}.container_12 .suffix_7{padding-right:910px}.container_12 .suffix_8{padding-right:1040px}.container_12 .suffix_9{padding-right:1170px}.container_12 .suffix_10{padding-right:1300px}.container_12 .suffix_11{padding-right:1430px}.container_12 .push_1{left:130px}.container_12 .push_2{left:260px}.container_12 .push_3{left:390px}.container_12 .push_4{left:520px}.container_12 .push_5{left:650px}.container_12 .push_6{left:780px}.container_12 .push_7{left:910px}.container_12 .push_8{left:1040px}.container_12 .push_9{left:1170px}.container_12 .push_10{left:1300px}.container_12 .push_11{left:1430px}.container_12 .pull_1{left:-130px}.container_12 .pull_2{left:-260px}.container_12 .pull_3{left:-390px}.container_12 .pull_4{left:-520px}.container_12 .pull_5{left:-650px}.container_12 .pull_6{left:-780px}.container_12 .pull_7{left:-910px}.container_12 .pull_8{left:-1040px}.container_12 .pull_9{left:-1170px}.container_12 .pull_10{left:-1300px}.container_12 .pull_11{left:-1430px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/col12/1920.css b/assets/css/col12/1920.css new file mode 100644 index 0000000..e9d303a --- /dev/null +++ b/assets/css/col12/1920.css @@ -0,0 +1,358 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 1920px; +} + +/* Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 1920px; +} + +/* 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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11, +.push_12, .pull_12 { + position: relative; +} + +/* Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 140px; +} + +.container_12 .grid_2 { + width: 300px; +} + +.container_12 .grid_3 { + width: 460px; +} + +.container_12 .grid_4 { + width: 620px; +} + +.container_12 .grid_5 { + width: 780px; +} + +.container_12 .grid_6 { + width: 940px; +} + +.container_12 .grid_7 { + width: 1100px; +} + +.container_12 .grid_8 { + width: 1260px; +} + +.container_12 .grid_9 { + width: 1420px; +} + +.container_12 .grid_10 { + width: 1580px; +} + +.container_12 .grid_11 { + width: 1740px; +} + +.container_12 .grid_12 { + width: 1900px; +} + +/* Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 160px; +} + +.container_12 .prefix_2 { + padding-left: 320px; +} + +.container_12 .prefix_3 { + padding-left: 480px; +} + +.container_12 .prefix_4 { + padding-left: 640px; +} + +.container_12 .prefix_5 { + padding-left: 800px; +} + +.container_12 .prefix_6 { + padding-left: 960px; +} + +.container_12 .prefix_7 { + padding-left: 1120px; +} + +.container_12 .prefix_8 { + padding-left: 1280px; +} + +.container_12 .prefix_9 { + padding-left: 1440px; +} + +.container_12 .prefix_10 { + padding-left: 1600px; +} + +.container_12 .prefix_11 { + padding-left: 1760px; +} + +/* Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 160px; +} + +.container_12 .suffix_2 { + padding-right: 320px; +} + +.container_12 .suffix_3 { + padding-right: 480px; +} + +.container_12 .suffix_4 { + padding-right: 640px; +} + +.container_12 .suffix_5 { + padding-right: 800px; +} + +.container_12 .suffix_6 { + padding-right: 960px; +} + +.container_12 .suffix_7 { + padding-right: 1120px; +} + +.container_12 .suffix_8 { + padding-right: 1280px; +} + +.container_12 .suffix_9 { + padding-right: 1440px; +} + +.container_12 .suffix_10 { + padding-right: 1600px; +} + +.container_12 .suffix_11 { + padding-right: 1760px; +} + +/* Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 160px; +} + +.container_12 .push_2 { + left: 320px; +} + +.container_12 .push_3 { + left: 480px; +} + +.container_12 .push_4 { + left: 640px; +} + +.container_12 .push_5 { + left: 800px; +} + +.container_12 .push_6 { + left: 960px; +} + +.container_12 .push_7 { + left: 1120px; +} + +.container_12 .push_8 { + left: 1280px; +} + +.container_12 .push_9 { + left: 1440px; +} + +.container_12 .push_10 { + left: 1600px; +} + +.container_12 .push_11 { + left: 1760px; +} + +/* Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -160px; +} + +.container_12 .pull_2 { + left: -320px; +} + +.container_12 .pull_3 { + left: -480px; +} + +.container_12 .pull_4 { + left: -640px; +} + +.container_12 .pull_5 { + left: -800px; +} + +.container_12 .pull_6 { + left: -960px; +} + +.container_12 .pull_7 { + left: -1120px; +} + +.container_12 .pull_8 { + left: -1280px; +} + +.container_12 .pull_9 { + left: -1440px; +} + +.container_12 .pull_10 { + left: -1600px; +} + +.container_12 .pull_11 { + left: -1760px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/col12/1920.min.css b/assets/css/col12/1920.min.css new file mode 100644 index 0000000..c330971 --- /dev/null +++ b/assets/css/col12/1920.min.css @@ -0,0 +1 @@ +body{min-width:1920px}.container_12{margin-left:auto;margin-right:auto;width:1920px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:140px}.container_12 .grid_2{width:300px}.container_12 .grid_3{width:460px}.container_12 .grid_4{width:620px}.container_12 .grid_5{width:780px}.container_12 .grid_6{width:940px}.container_12 .grid_7{width:1100px}.container_12 .grid_8{width:1260px}.container_12 .grid_9{width:1420px}.container_12 .grid_10{width:1580px}.container_12 .grid_11{width:1740px}.container_12 .grid_12{width:1900px}.container_12 .prefix_1{padding-left:160px}.container_12 .prefix_2{padding-left:320px}.container_12 .prefix_3{padding-left:480px}.container_12 .prefix_4{padding-left:640px}.container_12 .prefix_5{padding-left:800px}.container_12 .prefix_6{padding-left:960px}.container_12 .prefix_7{padding-left:1120px}.container_12 .prefix_8{padding-left:1280px}.container_12 .prefix_9{padding-left:1440px}.container_12 .prefix_10{padding-left:1600px}.container_12 .prefix_11{padding-left:1760px}.container_12 .suffix_1{padding-right:160px}.container_12 .suffix_2{padding-right:320px}.container_12 .suffix_3{padding-right:480px}.container_12 .suffix_4{padding-right:640px}.container_12 .suffix_5{padding-right:800px}.container_12 .suffix_6{padding-right:960px}.container_12 .suffix_7{padding-right:1120px}.container_12 .suffix_8{padding-right:1280px}.container_12 .suffix_9{padding-right:1440px}.container_12 .suffix_10{padding-right:1600px}.container_12 .suffix_11{padding-right:1760px}.container_12 .push_1{left:160px}.container_12 .push_2{left:320px}.container_12 .push_3{left:480px}.container_12 .push_4{left:640px}.container_12 .push_5{left:800px}.container_12 .push_6{left:960px}.container_12 .push_7{left:1120px}.container_12 .push_8{left:1280px}.container_12 .push_9{left:1440px}.container_12 .push_10{left:1600px}.container_12 .push_11{left:1760px}.container_12 .pull_1{left:-160px}.container_12 .pull_2{left:-320px}.container_12 .pull_3{left:-480px}.container_12 .pull_4{left:-640px}.container_12 .pull_5{left:-800px}.container_12 .pull_6{left:-960px}.container_12 .pull_7{left:-1120px}.container_12 .pull_8{left:-1280px}.container_12 .pull_9{left:-1440px}.container_12 .pull_10{left:-1600px}.container_12 .pull_11{left:-1760px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/col12/2520.css b/assets/css/col12/2520.css new file mode 100644 index 0000000..8045ce9 --- /dev/null +++ b/assets/css/col12/2520.css @@ -0,0 +1,359 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 2520px; +} + +/* Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 2520px; +} + +/* 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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11, +.push_12, .pull_12 { + position: relative; +} + +/* Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + + +.container_12 .grid_1 { + width: 190px; +} + +.container_12 .grid_2 { + width: 400px; +} + +.container_12 .grid_3 { + width: 610px; +} + +.container_12 .grid_4 { + width: 820px; +} + +.container_12 .grid_5 { + width: 1030px; +} + +.container_12 .grid_6 { + width: 1240px; +} + +.container_12 .grid_7 { + width: 1450px; +} + +.container_12 .grid_8 { + width: 1660px; +} + +.container_12 .grid_9 { + width: 1870px; +} + +.container_12 .grid_10 { + width: 2080px; +} + +.container_12 .grid_11 { + width: 2290px; +} + +.container_12 .grid_12 { + width: 2500px; +} + +/* Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 210px; +} + +.container_12 .prefix_2 { + padding-left: 420px; +} + +.container_12 .prefix_3 { + padding-left: 630px; +} + +.container_12 .prefix_4 { + padding-left: 840px; +} + +.container_12 .prefix_5 { + padding-left: 1050px; +} + +.container_12 .prefix_6 { + padding-left: 1260px; +} + +.container_12 .prefix_7 { + padding-left: 1470px; +} + +.container_12 .prefix_8 { + padding-left: 1680px; +} + +.container_12 .prefix_9 { + padding-left: 1890px; +} + +.container_12 .prefix_10 { + padding-left: 2100px; +} + +.container_12 .prefix_11 { + padding-left: 2310px; +} + +/* Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 210px; +} + +.container_12 .suffix_2 { + padding-right: 420px; +} + +.container_12 .suffix_3 { + padding-right: 630px; +} + +.container_12 .suffix_4 { + padding-right: 840px; +} + +.container_12 .suffix_5 { + padding-right: 1050px; +} + +.container_12 .suffix_6 { + padding-right: 1260px; +} + +.container_12 .suffix_7 { + padding-right: 1470px; +} + +.container_12 .suffix_8 { + padding-right: 1680px; +} + +.container_12 .suffix_9 { + padding-right: 1890px; +} + +.container_12 .suffix_10 { + padding-right: 2100px; +} + +.container_12 .suffix_11 { + padding-right: 2310px; +} + +/* Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 210px; +} + +.container_12 .push_2 { + left: 420px; +} + +.container_12 .push_3 { + left: 630px; +} + +.container_12 .push_4 { + left: 840px; +} + +.container_12 .push_5 { + left: 1050px; +} + +.container_12 .push_6 { + left: 1260px; +} + +.container_12 .push_7 { + left: 1470px; +} + +.container_12 .push_8 { + left: 1680px; +} + +.container_12 .push_9 { + left: 1890px; +} + +.container_12 .push_10 { + left: 2100px; +} + +.container_12 .push_11 { + left: 2310px; +} + +/* Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -210px; +} + +.container_12 .pull_2 { + left: -420px; +} + +.container_12 .pull_3 { + left: -630px; +} + +.container_12 .pull_4 { + left: -840px; +} + +.container_12 .pull_5 { + left: -1050px; +} + +.container_12 .pull_6 { + left: -1260px; +} + +.container_12 .pull_7 { + left: -1470px; +} + +.container_12 .pull_8 { + left: -1680px; +} + +.container_12 .pull_9 { + left: -1890px; +} + +.container_12 .pull_10 { + left: -2100px; +} + +.container_12 .pull_11 { + left: -2310px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/col12/2520.min.css b/assets/css/col12/2520.min.css new file mode 100644 index 0000000..e56fd2b --- /dev/null +++ b/assets/css/col12/2520.min.css @@ -0,0 +1 @@ +body{min-width:2520px}.container_12{margin-left:auto;margin-right:auto;width:2520px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:190px}.container_12 .grid_2{width:400px}.container_12 .grid_3{width:610px}.container_12 .grid_4{width:820px}.container_12 .grid_5{width:1030px}.container_12 .grid_6{width:1240px}.container_12 .grid_7{width:1450px}.container_12 .grid_8{width:1660px}.container_12 .grid_9{width:1870px}.container_12 .grid_10{width:2080px}.container_12 .grid_11{width:2290px}.container_12 .grid_12{width:2500px}.container_12 .prefix_1{padding-left:210px}.container_12 .prefix_2{padding-left:420px}.container_12 .prefix_3{padding-left:630px}.container_12 .prefix_4{padding-left:840px}.container_12 .prefix_5{padding-left:1050px}.container_12 .prefix_6{padding-left:1260px}.container_12 .prefix_7{padding-left:1470px}.container_12 .prefix_8{padding-left:1680px}.container_12 .prefix_9{padding-left:1890px}.container_12 .prefix_10{padding-left:2100px}.container_12 .prefix_11{padding-left:2310px}.container_12 .suffix_1{padding-right:210px}.container_12 .suffix_2{padding-right:420px}.container_12 .suffix_3{padding-right:630px}.container_12 .suffix_4{padding-right:840px}.container_12 .suffix_5{padding-right:1050px}.container_12 .suffix_6{padding-right:1260px}.container_12 .suffix_7{padding-right:1470px}.container_12 .suffix_8{padding-right:1680px}.container_12 .suffix_9{padding-right:1890px}.container_12 .suffix_10{padding-right:2100px}.container_12 .suffix_11{padding-right:2310px}.container_12 .push_1{left:210px}.container_12 .push_2{left:420px}.container_12 .push_3{left:630px}.container_12 .push_4{left:840px}.container_12 .push_5{left:1050px}.container_12 .push_6{left:1260px}.container_12 .push_7{left:1470px}.container_12 .push_8{left:1680px}.container_12 .push_9{left:1890px}.container_12 .push_10{left:2100px}.container_12 .push_11{left:2310px}.container_12 .pull_1{left:-210px}.container_12 .pull_2{left:-420px}.container_12 .pull_3{left:-630px}.container_12 .pull_4{left:-840px}.container_12 .pull_5{left:-1050px}.container_12 .pull_6{left:-1260px}.container_12 .pull_7{left:-1470px}.container_12 .pull_8{left:-1680px}.container_12 .pull_9{left:-1890px}.container_12 .pull_10{left:-2100px}.container_12 .pull_11{left:-2310px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/col12/720.css b/assets/css/col12/720.css new file mode 100755 index 0000000..ba66200 --- /dev/null +++ b/assets/css/col12/720.css @@ -0,0 +1,357 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 720px; +} + +/* `Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 720px; +} + +/* `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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11 { + position: relative; +} + +/* `Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* `Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 40px; +} + +.container_12 .grid_2 { + width: 100px; +} + +.container_12 .grid_3 { + width: 160px; +} + +.container_12 .grid_4 { + width: 220px; +} + +.container_12 .grid_5 { + width: 280px; +} + +.container_12 .grid_6 { + width: 340px; +} + +.container_12 .grid_7 { + width: 400px; +} + +.container_12 .grid_8 { + width: 460px; +} + +.container_12 .grid_9 { + width: 520px; +} + +.container_12 .grid_10 { + width: 580px; +} + +.container_12 .grid_11 { + width: 640px; +} + +.container_12 .grid_12 { + width: 700px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 60px; +} + +.container_12 .prefix_2 { + padding-left: 120px; +} + +.container_12 .prefix_3 { + padding-left: 180px; +} + +.container_12 .prefix_4 { + padding-left: 240px; +} + +.container_12 .prefix_5 { + padding-left: 300px; +} + +.container_12 .prefix_6 { + padding-left: 360px; +} + +.container_12 .prefix_7 { + padding-left: 420px; +} + +.container_12 .prefix_8 { + padding-left: 480px; +} + +.container_12 .prefix_9 { + padding-left: 540px; +} + +.container_12 .prefix_10 { + padding-left: 600px; +} + +.container_12 .prefix_11 { + padding-left: 660px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 60px; +} + +.container_12 .suffix_2 { + padding-right: 120px; +} + +.container_12 .suffix_3 { + padding-right: 180px; +} + +.container_12 .suffix_4 { + padding-right: 240px; +} + +.container_12 .suffix_5 { + padding-right: 300px; +} + +.container_12 .suffix_6 { + padding-right: 360px; +} + +.container_12 .suffix_7 { + padding-right: 420px; +} + +.container_12 .suffix_8 { + padding-right: 480px; +} + +.container_12 .suffix_9 { + padding-right: 540px; +} + +.container_12 .suffix_10 { + padding-right: 600px; +} + +.container_12 .suffix_11 { + padding-right: 660px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 60px; +} + +.container_12 .push_2 { + left: 120px; +} + +.container_12 .push_3 { + left: 180px; +} + +.container_12 .push_4 { + left: 240px; +} + +.container_12 .push_5 { + left: 300px; +} + +.container_12 .push_6 { + left: 360px; +} + +.container_12 .push_7 { + left: 420px; +} + +.container_12 .push_8 { + left: 480px; +} + +.container_12 .push_9 { + left: 540px; +} + +.container_12 .push_10 { + left: 600px; +} + +.container_12 .push_11 { + left: 660px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -60px; +} + +.container_12 .pull_2 { + left: -120px; +} + +.container_12 .pull_3 { + left: -180px; +} + +.container_12 .pull_4 { + left: -240px; +} + +.container_12 .pull_5 { + left: -300px; +} + +.container_12 .pull_6 { + left: -360px; +} + +.container_12 .pull_7 { + left: -420px; +} + +.container_12 .pull_8 { + left: -480px; +} + +.container_12 .pull_9 { + left: -540px; +} + +.container_12 .pull_10 { + left: -600px; +} + +.container_12 .pull_11 { + left: -660px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/col12/720.min.css b/assets/css/col12/720.min.css new file mode 100644 index 0000000..ed4ac41 --- /dev/null +++ b/assets/css/col12/720.min.css @@ -0,0 +1 @@ +body{min-width:720px}.container_12{margin-left:auto;margin-right:auto;width:720px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:40px}.container_12 .grid_2{width:100px}.container_12 .grid_3{width:160px}.container_12 .grid_4{width:220px}.container_12 .grid_5{width:280px}.container_12 .grid_6{width:340px}.container_12 .grid_7{width:400px}.container_12 .grid_8{width:460px}.container_12 .grid_9{width:520px}.container_12 .grid_10{width:580px}.container_12 .grid_11{width:640px}.container_12 .grid_12{width:700px}.container_12 .prefix_1{padding-left:60px}.container_12 .prefix_2{padding-left:120px}.container_12 .prefix_3{padding-left:180px}.container_12 .prefix_4{padding-left:240px}.container_12 .prefix_5{padding-left:300px}.container_12 .prefix_6{padding-left:360px}.container_12 .prefix_7{padding-left:420px}.container_12 .prefix_8{padding-left:480px}.container_12 .prefix_9{padding-left:540px}.container_12 .prefix_10{padding-left:600px}.container_12 .prefix_11{padding-left:660px}.container_12 .suffix_1{padding-right:60px}.container_12 .suffix_2{padding-right:120px}.container_12 .suffix_3{padding-right:180px}.container_12 .suffix_4{padding-right:240px}.container_12 .suffix_5{padding-right:300px}.container_12 .suffix_6{padding-right:360px}.container_12 .suffix_7{padding-right:420px}.container_12 .suffix_8{padding-right:480px}.container_12 .suffix_9{padding-right:540px}.container_12 .suffix_10{padding-right:600px}.container_12 .suffix_11{padding-right:660px}.container_12 .push_1{left:60px}.container_12 .push_2{left:120px}.container_12 .push_3{left:180px}.container_12 .push_4{left:240px}.container_12 .push_5{left:300px}.container_12 .push_6{left:360px}.container_12 .push_7{left:420px}.container_12 .push_8{left:480px}.container_12 .push_9{left:540px}.container_12 .push_10{left:600px}.container_12 .push_11{left:660px}.container_12 .pull_1{left:-60px}.container_12 .pull_2{left:-120px}.container_12 .pull_3{left:-180px}.container_12 .pull_4{left:-240px}.container_12 .pull_5{left:-300px}.container_12 .pull_6{left:-360px}.container_12 .pull_7{left:-420px}.container_12 .pull_8{left:-480px}.container_12 .pull_9{left:-540px}.container_12 .pull_10{left:-600px}.container_12 .pull_11{left:-660px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/col12/960.css b/assets/css/col12/960.css new file mode 100644 index 0000000..bdb7324 --- /dev/null +++ b/assets/css/col12/960.css @@ -0,0 +1,357 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 960px; +} + +/* `Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + 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 { + display: inline; + float: left; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11 { + position: relative; +} + +/* `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_3 { + width: 220px; +} + +.container_12 .grid_4 { + width: 300px; +} + +.container_12 .grid_5 { + width: 380px; +} + +.container_12 .grid_6 { + width: 460px; +} + +.container_12 .grid_7 { + width: 540px; +} + +.container_12 .grid_8 { + width: 620px; +} + +.container_12 .grid_9 { + width: 700px; +} + +.container_12 .grid_10 { + width: 780px; +} + +.container_12 .grid_11 { + width: 860px; +} + +.container_12 .grid_12 { + width: 940px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 80px; +} + +.container_12 .prefix_2 { + padding-left: 160px; +} + +.container_12 .prefix_3 { + padding-left: 240px; +} + +.container_12 .prefix_4 { + padding-left: 320px; +} + +.container_12 .prefix_5 { + padding-left: 400px; +} + +.container_12 .prefix_6 { + padding-left: 480px; +} + +.container_12 .prefix_7 { + padding-left: 560px; +} + +.container_12 .prefix_8 { + padding-left: 640px; +} + +.container_12 .prefix_9 { + padding-left: 720px; +} + +.container_12 .prefix_10 { + padding-left: 800px; +} + +.container_12 .prefix_11 { + padding-left: 880px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 80px; +} + +.container_12 .suffix_2 { + padding-right: 160px; +} + +.container_12 .suffix_3 { + padding-right: 240px; +} + +.container_12 .suffix_4 { + padding-right: 320px; +} + +.container_12 .suffix_5 { + padding-right: 400px; +} + +.container_12 .suffix_6 { + padding-right: 480px; +} + +.container_12 .suffix_7 { + padding-right: 560px; +} + +.container_12 .suffix_8 { + padding-right: 640px; +} + +.container_12 .suffix_9 { + padding-right: 720px; +} + +.container_12 .suffix_10 { + padding-right: 800px; +} + +.container_12 .suffix_11 { + padding-right: 880px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 80px; +} + +.container_12 .push_2 { + left: 160px; +} + +.container_12 .push_3 { + left: 240px; +} + +.container_12 .push_4 { + left: 320px; +} + +.container_12 .push_5 { + left: 400px; +} + +.container_12 .push_6 { + left: 480px; +} + +.container_12 .push_7 { + left: 560px; +} + +.container_12 .push_8 { + left: 640px; +} + +.container_12 .push_9 { + left: 720px; +} + +.container_12 .push_10 { + left: 800px; +} + +.container_12 .push_11 { + left: 880px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -80px; +} + +.container_12 .pull_2 { + left: -160px; +} + +.container_12 .pull_3 { + left: -240px; +} + +.container_12 .pull_4 { + left: -320px; +} + +.container_12 .pull_5 { + left: -400px; +} + +.container_12 .pull_6 { + left: -480px; +} + +.container_12 .pull_7 { + left: -560px; +} + +.container_12 .pull_8 { + left: -640px; +} + +.container_12 .pull_9 { + left: -720px; +} + +.container_12 .pull_10 { + left: -800px; +} + +.container_12 .pull_11 { + left: -880px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/col12/960.min.css b/assets/css/col12/960.min.css new file mode 100644 index 0000000..7dc6fe6 --- /dev/null +++ b/assets/css/col12/960.min.css @@ -0,0 +1 @@ +body{min-width:960px}.container_12{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_3{width:220px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_6{width:460px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_9{width:700px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_12 .grid_12{width:940px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_3{padding-left:240px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_6{padding-left:480px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_9{padding-left:720px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_3{padding-right:240px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_6{padding-right:480px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_9{padding-right:720px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_3{left:240px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_6{left:480px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_9{left:720px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_3{left:-240px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_6{left:-480px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_9{left:-720px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/col12/master.css b/assets/css/col12/master.css new file mode 100644 index 0000000..149b514 --- /dev/null +++ b/assets/css/col12/master.css @@ -0,0 +1,120 @@ +@import 'reset.css'; +@import 'text.css'; + +/* `Basic HTML +----------------------------------------------------------------------------------------------------*/ + +body { + background: #fff; + color: #333; +} + +h1 { + background: #eee url(../images/h1.png) no-repeat right center; + border-bottom: 1px solid #ccc; + padding: 10px 90px 10px 15px; + text-shadow: #fff 0 1px 0; +} + +h2, +h3, +h4, +h5, +h6 { + line-height: 1; +} + +a { + color: #06c; +} + +a:hover { + color: #c60; +} + +small { + font-size: 11px; +} + +/* `Misc Classes +----------------------------------------------------------------------------------------------------*/ + +.align_center { + text-align: center; +} + +.align_right { + text-align: right; +} + +/* `Data Table +----------------------------------------------------------------------------------------------------*/ + +.data, +.data th, +.data td { + border-style: solid; + border-color: #ddd; +} + +.data { + border-width: 0 1px 1px; + width: 100%; +} + +.data caption { + padding: 0 10px 5px; + text-transform: uppercase; +} + +.data th, +.data td { + border-top-width: 1px; + padding: 5px 10px; +} + +.data th { + white-space: nowrap; +} + +.data thead th { + background: #eee; + font-weight: bold; + text-shadow: #fff 0 1px 0; +} + +.data tbody th { + width: 1px; +} + +.data tr th:first-child { + text-align: right; +} + +/* `Code +----------------------------------------------------------------------------------------------------*/ + +pre, +code { + font-size: 12px; + font-family: Menlo, Courier, monospace; +} + +pre, +.notice { + background: #ffe; + border: 1px solid; + border-color: #eed #ccb #bba #ddc; + overflow: auto; + padding: 10px 0 10px 10px; +} + +* html pre { + overflow: hidden; + width: 97%; +} + +code { + background: #ff9; + padding: 0 2px; +} \ No newline at end of file diff --git a/assets/css/col12/mobile.css b/assets/css/col12/mobile.css new file mode 100644 index 0000000..1351cf2 --- /dev/null +++ b/assets/css/col12/mobile.css @@ -0,0 +1,26 @@ +.grid_1, +.grid_2, +.grid_3, +.grid_4, +.grid_5, +.grid_6, +.grid_7, +.grid_8, +.grid_9, +.grid_10, +.grid_11, +.grid_12 { + margin-left: 10px; + margin-right: 10px; +} + +.alpha, +.omega { + margin-left: 0; + margin-right: 0; +} + +.align_center, +.align_right { + text-align: left; +} \ No newline at end of file diff --git a/assets/css/col12/mobile.min.css b/assets/css/col12/mobile.min.css new file mode 100644 index 0000000..a085546 --- /dev/null +++ b/assets/css/col12/mobile.min.css @@ -0,0 +1 @@ +.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{margin-left:10px;margin-right:10px}.alpha,.omega{margin-left:0;margin-right:0}.align_center,.align_right{text-align:left} \ No newline at end of file diff --git a/assets/css/col12/reset.css b/assets/css/col12/reset.css new file mode 100644 index 0000000..0af7c26 --- /dev/null +++ b/assets/css/col12/reset.css @@ -0,0 +1,207 @@ +/* `XHTML, HTML4, HTML5 Reset +----------------------------------------------------------------------------------------------------*/ + +a, +abbr, +acronym, +address, +applet, +article, +aside, +audio, +b, +big, +blockquote, +body, +canvas, +caption, +center, +cite, +code, +dd, +del, +details, +dfn, +dialog, +div, +dl, +dt, +em, +embed, +fieldset, +figcaption, +figure, +font, +footer, +form, +h1, +h2, +h3, +h4, +h5, +h6, +header, +hgroup, +hr, +html, +i, +iframe, +img, +ins, +kbd, +label, +legend, +li, +mark, +menu, +meter, +nav, +object, +ol, +output, +p, +pre, +progress, +q, +rp, +rt, +ruby, +s, +samp, +section, +small, +span, +strike, +strong, +sub, +summary, +sup, +table, +tbody, +td, +tfoot, +th, +thead, +time, +tr, +tt, +u, +ul, +var, +video, +xmp { + border: 0; + margin: 0; + padding: 0; + font-size: 100%; +} + +html, +body { + height: 100%; +} + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { +/* + Override the default (display: inline) for + browsers that do not recognize HTML5 tags. + + IE8 (and lower) requires a shiv: + http://ejohn.org/blog/html5-shiv +*/ + display: block; +} + +b, +strong { +/* + Makes browsers agree. + IE + Opera = font-weight: bold. + Gecko + WebKit = font-weight: bolder. +*/ + font-weight: bold; +} + +img { + color: transparent; + font-size: 0; + vertical-align: middle; +/* + For IE. + http://css-tricks.com/ie-fix-bicubic-scaling-for-images +*/ + -ms-interpolation-mode: bicubic; +} + +li { +/* + For IE6 + IE7: + + "display: list-item" keeps bullets from + disappearing if hasLayout is triggered. +*/ + display: list-item; + list-style: none; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +th, +td, +caption { + font-weight: normal; + vertical-align: top; + text-align: left; +} + +q { + quotes: none; +} + +q:before, +q:after { + content: ''; + content: none; +} + +sub, +sup, +small { + font-size: 75%; +} + +sub, +sup { + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +svg { +/* + For IE9. Without, occasionally draws shapes + outside the boundaries of rectangle. +*/ + overflow: hidden; +} \ No newline at end of file diff --git a/assets/css/col12/text.css b/assets/css/col12/text.css new file mode 100644 index 0000000..af8df54 --- /dev/null +++ b/assets/css/col12/text.css @@ -0,0 +1,81 @@ +/* + 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; +} + +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, +figure { + margin-bottom: 20px; +} \ No newline at end of file diff --git a/assets/css/col16/1200.css b/assets/css/col16/1200.css new file mode 100755 index 0000000..b9185c4 --- /dev/null +++ b/assets/css/col16/1200.css @@ -0,0 +1,357 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 1200px; +} + +/* `Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 1200px; +} + +/* `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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11 { + position: relative; +} + +/* `Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* `Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 80px; +} + +.container_12 .grid_2 { + width: 180px; +} + +.container_12 .grid_3 { + width: 280px; +} + +.container_12 .grid_4 { + width: 380px; +} + +.container_12 .grid_5 { + width: 480px; +} + +.container_12 .grid_6 { + width: 580px; +} + +.container_12 .grid_7 { + width: 680px; +} + +.container_12 .grid_8 { + width: 780px; +} + +.container_12 .grid_9 { + width: 880px; +} + +.container_12 .grid_10 { + width: 980px; +} + +.container_12 .grid_11 { + width: 1080px; +} + +.container_12 .grid_12 { + width: 1180px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 100px; +} + +.container_12 .prefix_2 { + padding-left: 200px; +} + +.container_12 .prefix_3 { + padding-left: 300px; +} + +.container_12 .prefix_4 { + padding-left: 400px; +} + +.container_12 .prefix_5 { + padding-left: 500px; +} + +.container_12 .prefix_6 { + padding-left: 600px; +} + +.container_12 .prefix_7 { + padding-left: 700px; +} + +.container_12 .prefix_8 { + padding-left: 800px; +} + +.container_12 .prefix_9 { + padding-left: 900px; +} + +.container_12 .prefix_10 { + padding-left: 1000px; +} + +.container_12 .prefix_11 { + padding-left: 1100px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 100px; +} + +.container_12 .suffix_2 { + padding-right: 200px; +} + +.container_12 .suffix_3 { + padding-right: 300px; +} + +.container_12 .suffix_4 { + padding-right: 400px; +} + +.container_12 .suffix_5 { + padding-right: 500px; +} + +.container_12 .suffix_6 { + padding-right: 600px; +} + +.container_12 .suffix_7 { + padding-right: 700px; +} + +.container_12 .suffix_8 { + padding-right: 800px; +} + +.container_12 .suffix_9 { + padding-right: 900px; +} + +.container_12 .suffix_10 { + padding-right: 1000px; +} + +.container_12 .suffix_11 { + padding-right: 1100px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 100px; +} + +.container_12 .push_2 { + left: 200px; +} + +.container_12 .push_3 { + left: 300px; +} + +.container_12 .push_4 { + left: 400px; +} + +.container_12 .push_5 { + left: 500px; +} + +.container_12 .push_6 { + left: 600px; +} + +.container_12 .push_7 { + left: 700px; +} + +.container_12 .push_8 { + left: 800px; +} + +.container_12 .push_9 { + left: 900px; +} + +.container_12 .push_10 { + left: 1000px; +} + +.container_12 .push_11 { + left: 1100px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -100px; +} + +.container_12 .pull_2 { + left: -200px; +} + +.container_12 .pull_3 { + left: -300px; +} + +.container_12 .pull_4 { + left: -400px; +} + +.container_12 .pull_5 { + left: -500px; +} + +.container_12 .pull_6 { + left: -600px; +} + +.container_12 .pull_7 { + left: -700px; +} + +.container_12 .pull_8 { + left: -800px; +} + +.container_12 .pull_9 { + left: -900px; +} + +.container_12 .pull_10 { + left: -1000px; +} + +.container_12 .pull_11 { + left: -1100px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/col16/1560.css b/assets/css/col16/1560.css new file mode 100755 index 0000000..88af16b --- /dev/null +++ b/assets/css/col16/1560.css @@ -0,0 +1,357 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 1560px; +} + +/* `Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 1560px; +} + +/* `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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11 { + position: relative; +} + +/* `Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* `Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 110px; +} + +.container_12 .grid_2 { + width: 240px; +} + +.container_12 .grid_3 { + width: 370px; +} + +.container_12 .grid_4 { + width: 500px; +} + +.container_12 .grid_5 { + width: 630px; +} + +.container_12 .grid_6 { + width: 760px; +} + +.container_12 .grid_7 { + width: 890px; +} + +.container_12 .grid_8 { + width: 1020px; +} + +.container_12 .grid_9 { + width: 1150px; +} + +.container_12 .grid_10 { + width: 1280px; +} + +.container_12 .grid_11 { + width: 1410px; +} + +.container_12 .grid_12 { + width: 1540px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 130px; +} + +.container_12 .prefix_2 { + padding-left: 260px; +} + +.container_12 .prefix_3 { + padding-left: 390px; +} + +.container_12 .prefix_4 { + padding-left: 520px; +} + +.container_12 .prefix_5 { + padding-left: 650px; +} + +.container_12 .prefix_6 { + padding-left: 780px; +} + +.container_12 .prefix_7 { + padding-left: 910px; +} + +.container_12 .prefix_8 { + padding-left: 1040px; +} + +.container_12 .prefix_9 { + padding-left: 1170px; +} + +.container_12 .prefix_10 { + padding-left: 1300px; +} + +.container_12 .prefix_11 { + padding-left: 1430px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 130px; +} + +.container_12 .suffix_2 { + padding-right: 260px; +} + +.container_12 .suffix_3 { + padding-right: 390px; +} + +.container_12 .suffix_4 { + padding-right: 520px; +} + +.container_12 .suffix_5 { + padding-right: 650px; +} + +.container_12 .suffix_6 { + padding-right: 780px; +} + +.container_12 .suffix_7 { + padding-right: 910px; +} + +.container_12 .suffix_8 { + padding-right: 1040px; +} + +.container_12 .suffix_9 { + padding-right: 1170px; +} + +.container_12 .suffix_10 { + padding-right: 1300px; +} + +.container_12 .suffix_11 { + padding-right: 1430px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 130px; +} + +.container_12 .push_2 { + left: 260px; +} + +.container_12 .push_3 { + left: 390px; +} + +.container_12 .push_4 { + left: 520px; +} + +.container_12 .push_5 { + left: 650px; +} + +.container_12 .push_6 { + left: 780px; +} + +.container_12 .push_7 { + left: 910px; +} + +.container_12 .push_8 { + left: 1040px; +} + +.container_12 .push_9 { + left: 1170px; +} + +.container_12 .push_10 { + left: 1300px; +} + +.container_12 .push_11 { + left: 1430px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -130px; +} + +.container_12 .pull_2 { + left: -260px; +} + +.container_12 .pull_3 { + left: -390px; +} + +.container_12 .pull_4 { + left: -520px; +} + +.container_12 .pull_5 { + left: -650px; +} + +.container_12 .pull_6 { + left: -780px; +} + +.container_12 .pull_7 { + left: -910px; +} + +.container_12 .pull_8 { + left: -1040px; +} + +.container_12 .pull_9 { + left: -1170px; +} + +.container_12 .pull_10 { + left: -1300px; +} + +.container_12 .pull_11 { + left: -1430px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/col16/1920.css b/assets/css/col16/1920.css new file mode 100644 index 0000000..e9d303a --- /dev/null +++ b/assets/css/col16/1920.css @@ -0,0 +1,358 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 1920px; +} + +/* Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 1920px; +} + +/* 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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11, +.push_12, .pull_12 { + position: relative; +} + +/* Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 140px; +} + +.container_12 .grid_2 { + width: 300px; +} + +.container_12 .grid_3 { + width: 460px; +} + +.container_12 .grid_4 { + width: 620px; +} + +.container_12 .grid_5 { + width: 780px; +} + +.container_12 .grid_6 { + width: 940px; +} + +.container_12 .grid_7 { + width: 1100px; +} + +.container_12 .grid_8 { + width: 1260px; +} + +.container_12 .grid_9 { + width: 1420px; +} + +.container_12 .grid_10 { + width: 1580px; +} + +.container_12 .grid_11 { + width: 1740px; +} + +.container_12 .grid_12 { + width: 1900px; +} + +/* Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 160px; +} + +.container_12 .prefix_2 { + padding-left: 320px; +} + +.container_12 .prefix_3 { + padding-left: 480px; +} + +.container_12 .prefix_4 { + padding-left: 640px; +} + +.container_12 .prefix_5 { + padding-left: 800px; +} + +.container_12 .prefix_6 { + padding-left: 960px; +} + +.container_12 .prefix_7 { + padding-left: 1120px; +} + +.container_12 .prefix_8 { + padding-left: 1280px; +} + +.container_12 .prefix_9 { + padding-left: 1440px; +} + +.container_12 .prefix_10 { + padding-left: 1600px; +} + +.container_12 .prefix_11 { + padding-left: 1760px; +} + +/* Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 160px; +} + +.container_12 .suffix_2 { + padding-right: 320px; +} + +.container_12 .suffix_3 { + padding-right: 480px; +} + +.container_12 .suffix_4 { + padding-right: 640px; +} + +.container_12 .suffix_5 { + padding-right: 800px; +} + +.container_12 .suffix_6 { + padding-right: 960px; +} + +.container_12 .suffix_7 { + padding-right: 1120px; +} + +.container_12 .suffix_8 { + padding-right: 1280px; +} + +.container_12 .suffix_9 { + padding-right: 1440px; +} + +.container_12 .suffix_10 { + padding-right: 1600px; +} + +.container_12 .suffix_11 { + padding-right: 1760px; +} + +/* Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 160px; +} + +.container_12 .push_2 { + left: 320px; +} + +.container_12 .push_3 { + left: 480px; +} + +.container_12 .push_4 { + left: 640px; +} + +.container_12 .push_5 { + left: 800px; +} + +.container_12 .push_6 { + left: 960px; +} + +.container_12 .push_7 { + left: 1120px; +} + +.container_12 .push_8 { + left: 1280px; +} + +.container_12 .push_9 { + left: 1440px; +} + +.container_12 .push_10 { + left: 1600px; +} + +.container_12 .push_11 { + left: 1760px; +} + +/* Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -160px; +} + +.container_12 .pull_2 { + left: -320px; +} + +.container_12 .pull_3 { + left: -480px; +} + +.container_12 .pull_4 { + left: -640px; +} + +.container_12 .pull_5 { + left: -800px; +} + +.container_12 .pull_6 { + left: -960px; +} + +.container_12 .pull_7 { + left: -1120px; +} + +.container_12 .pull_8 { + left: -1280px; +} + +.container_12 .pull_9 { + left: -1440px; +} + +.container_12 .pull_10 { + left: -1600px; +} + +.container_12 .pull_11 { + left: -1760px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/col16/2520.css b/assets/css/col16/2520.css new file mode 100644 index 0000000..8045ce9 --- /dev/null +++ b/assets/css/col16/2520.css @@ -0,0 +1,359 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 2520px; +} + +/* Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 2520px; +} + +/* 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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11, +.push_12, .pull_12 { + position: relative; +} + +/* Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + + +.container_12 .grid_1 { + width: 190px; +} + +.container_12 .grid_2 { + width: 400px; +} + +.container_12 .grid_3 { + width: 610px; +} + +.container_12 .grid_4 { + width: 820px; +} + +.container_12 .grid_5 { + width: 1030px; +} + +.container_12 .grid_6 { + width: 1240px; +} + +.container_12 .grid_7 { + width: 1450px; +} + +.container_12 .grid_8 { + width: 1660px; +} + +.container_12 .grid_9 { + width: 1870px; +} + +.container_12 .grid_10 { + width: 2080px; +} + +.container_12 .grid_11 { + width: 2290px; +} + +.container_12 .grid_12 { + width: 2500px; +} + +/* Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 210px; +} + +.container_12 .prefix_2 { + padding-left: 420px; +} + +.container_12 .prefix_3 { + padding-left: 630px; +} + +.container_12 .prefix_4 { + padding-left: 840px; +} + +.container_12 .prefix_5 { + padding-left: 1050px; +} + +.container_12 .prefix_6 { + padding-left: 1260px; +} + +.container_12 .prefix_7 { + padding-left: 1470px; +} + +.container_12 .prefix_8 { + padding-left: 1680px; +} + +.container_12 .prefix_9 { + padding-left: 1890px; +} + +.container_12 .prefix_10 { + padding-left: 2100px; +} + +.container_12 .prefix_11 { + padding-left: 2310px; +} + +/* Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 210px; +} + +.container_12 .suffix_2 { + padding-right: 420px; +} + +.container_12 .suffix_3 { + padding-right: 630px; +} + +.container_12 .suffix_4 { + padding-right: 840px; +} + +.container_12 .suffix_5 { + padding-right: 1050px; +} + +.container_12 .suffix_6 { + padding-right: 1260px; +} + +.container_12 .suffix_7 { + padding-right: 1470px; +} + +.container_12 .suffix_8 { + padding-right: 1680px; +} + +.container_12 .suffix_9 { + padding-right: 1890px; +} + +.container_12 .suffix_10 { + padding-right: 2100px; +} + +.container_12 .suffix_11 { + padding-right: 2310px; +} + +/* Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 210px; +} + +.container_12 .push_2 { + left: 420px; +} + +.container_12 .push_3 { + left: 630px; +} + +.container_12 .push_4 { + left: 840px; +} + +.container_12 .push_5 { + left: 1050px; +} + +.container_12 .push_6 { + left: 1260px; +} + +.container_12 .push_7 { + left: 1470px; +} + +.container_12 .push_8 { + left: 1680px; +} + +.container_12 .push_9 { + left: 1890px; +} + +.container_12 .push_10 { + left: 2100px; +} + +.container_12 .push_11 { + left: 2310px; +} + +/* Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -210px; +} + +.container_12 .pull_2 { + left: -420px; +} + +.container_12 .pull_3 { + left: -630px; +} + +.container_12 .pull_4 { + left: -840px; +} + +.container_12 .pull_5 { + left: -1050px; +} + +.container_12 .pull_6 { + left: -1260px; +} + +.container_12 .pull_7 { + left: -1470px; +} + +.container_12 .pull_8 { + left: -1680px; +} + +.container_12 .pull_9 { + left: -1890px; +} + +.container_12 .pull_10 { + left: -2100px; +} + +.container_12 .pull_11 { + left: -2310px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/col16/720.css b/assets/css/col16/720.css new file mode 100755 index 0000000..ba66200 --- /dev/null +++ b/assets/css/col16/720.css @@ -0,0 +1,357 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 720px; +} + +/* `Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 720px; +} + +/* `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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11 { + position: relative; +} + +/* `Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* `Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 40px; +} + +.container_12 .grid_2 { + width: 100px; +} + +.container_12 .grid_3 { + width: 160px; +} + +.container_12 .grid_4 { + width: 220px; +} + +.container_12 .grid_5 { + width: 280px; +} + +.container_12 .grid_6 { + width: 340px; +} + +.container_12 .grid_7 { + width: 400px; +} + +.container_12 .grid_8 { + width: 460px; +} + +.container_12 .grid_9 { + width: 520px; +} + +.container_12 .grid_10 { + width: 580px; +} + +.container_12 .grid_11 { + width: 640px; +} + +.container_12 .grid_12 { + width: 700px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 60px; +} + +.container_12 .prefix_2 { + padding-left: 120px; +} + +.container_12 .prefix_3 { + padding-left: 180px; +} + +.container_12 .prefix_4 { + padding-left: 240px; +} + +.container_12 .prefix_5 { + padding-left: 300px; +} + +.container_12 .prefix_6 { + padding-left: 360px; +} + +.container_12 .prefix_7 { + padding-left: 420px; +} + +.container_12 .prefix_8 { + padding-left: 480px; +} + +.container_12 .prefix_9 { + padding-left: 540px; +} + +.container_12 .prefix_10 { + padding-left: 600px; +} + +.container_12 .prefix_11 { + padding-left: 660px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 60px; +} + +.container_12 .suffix_2 { + padding-right: 120px; +} + +.container_12 .suffix_3 { + padding-right: 180px; +} + +.container_12 .suffix_4 { + padding-right: 240px; +} + +.container_12 .suffix_5 { + padding-right: 300px; +} + +.container_12 .suffix_6 { + padding-right: 360px; +} + +.container_12 .suffix_7 { + padding-right: 420px; +} + +.container_12 .suffix_8 { + padding-right: 480px; +} + +.container_12 .suffix_9 { + padding-right: 540px; +} + +.container_12 .suffix_10 { + padding-right: 600px; +} + +.container_12 .suffix_11 { + padding-right: 660px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 60px; +} + +.container_12 .push_2 { + left: 120px; +} + +.container_12 .push_3 { + left: 180px; +} + +.container_12 .push_4 { + left: 240px; +} + +.container_12 .push_5 { + left: 300px; +} + +.container_12 .push_6 { + left: 360px; +} + +.container_12 .push_7 { + left: 420px; +} + +.container_12 .push_8 { + left: 480px; +} + +.container_12 .push_9 { + left: 540px; +} + +.container_12 .push_10 { + left: 600px; +} + +.container_12 .push_11 { + left: 660px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -60px; +} + +.container_12 .pull_2 { + left: -120px; +} + +.container_12 .pull_3 { + left: -180px; +} + +.container_12 .pull_4 { + left: -240px; +} + +.container_12 .pull_5 { + left: -300px; +} + +.container_12 .pull_6 { + left: -360px; +} + +.container_12 .pull_7 { + left: -420px; +} + +.container_12 .pull_8 { + left: -480px; +} + +.container_12 .pull_9 { + left: -540px; +} + +.container_12 .pull_10 { + left: -600px; +} + +.container_12 .pull_11 { + left: -660px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/col16/960.css b/assets/css/col16/960.css new file mode 100644 index 0000000..bdb7324 --- /dev/null +++ b/assets/css/col16/960.css @@ -0,0 +1,357 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 960px; +} + +/* `Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + 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 { + display: inline; + float: left; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11 { + position: relative; +} + +/* `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_3 { + width: 220px; +} + +.container_12 .grid_4 { + width: 300px; +} + +.container_12 .grid_5 { + width: 380px; +} + +.container_12 .grid_6 { + width: 460px; +} + +.container_12 .grid_7 { + width: 540px; +} + +.container_12 .grid_8 { + width: 620px; +} + +.container_12 .grid_9 { + width: 700px; +} + +.container_12 .grid_10 { + width: 780px; +} + +.container_12 .grid_11 { + width: 860px; +} + +.container_12 .grid_12 { + width: 940px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 80px; +} + +.container_12 .prefix_2 { + padding-left: 160px; +} + +.container_12 .prefix_3 { + padding-left: 240px; +} + +.container_12 .prefix_4 { + padding-left: 320px; +} + +.container_12 .prefix_5 { + padding-left: 400px; +} + +.container_12 .prefix_6 { + padding-left: 480px; +} + +.container_12 .prefix_7 { + padding-left: 560px; +} + +.container_12 .prefix_8 { + padding-left: 640px; +} + +.container_12 .prefix_9 { + padding-left: 720px; +} + +.container_12 .prefix_10 { + padding-left: 800px; +} + +.container_12 .prefix_11 { + padding-left: 880px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 80px; +} + +.container_12 .suffix_2 { + padding-right: 160px; +} + +.container_12 .suffix_3 { + padding-right: 240px; +} + +.container_12 .suffix_4 { + padding-right: 320px; +} + +.container_12 .suffix_5 { + padding-right: 400px; +} + +.container_12 .suffix_6 { + padding-right: 480px; +} + +.container_12 .suffix_7 { + padding-right: 560px; +} + +.container_12 .suffix_8 { + padding-right: 640px; +} + +.container_12 .suffix_9 { + padding-right: 720px; +} + +.container_12 .suffix_10 { + padding-right: 800px; +} + +.container_12 .suffix_11 { + padding-right: 880px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 80px; +} + +.container_12 .push_2 { + left: 160px; +} + +.container_12 .push_3 { + left: 240px; +} + +.container_12 .push_4 { + left: 320px; +} + +.container_12 .push_5 { + left: 400px; +} + +.container_12 .push_6 { + left: 480px; +} + +.container_12 .push_7 { + left: 560px; +} + +.container_12 .push_8 { + left: 640px; +} + +.container_12 .push_9 { + left: 720px; +} + +.container_12 .push_10 { + left: 800px; +} + +.container_12 .push_11 { + left: 880px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -80px; +} + +.container_12 .pull_2 { + left: -160px; +} + +.container_12 .pull_3 { + left: -240px; +} + +.container_12 .pull_4 { + left: -320px; +} + +.container_12 .pull_5 { + left: -400px; +} + +.container_12 .pull_6 { + left: -480px; +} + +.container_12 .pull_7 { + left: -560px; +} + +.container_12 .pull_8 { + left: -640px; +} + +.container_12 .pull_9 { + left: -720px; +} + +.container_12 .pull_10 { + left: -800px; +} + +.container_12 .pull_11 { + left: -880px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/col16/master.css b/assets/css/col16/master.css new file mode 100644 index 0000000..149b514 --- /dev/null +++ b/assets/css/col16/master.css @@ -0,0 +1,120 @@ +@import 'reset.css'; +@import 'text.css'; + +/* `Basic HTML +----------------------------------------------------------------------------------------------------*/ + +body { + background: #fff; + color: #333; +} + +h1 { + background: #eee url(../images/h1.png) no-repeat right center; + border-bottom: 1px solid #ccc; + padding: 10px 90px 10px 15px; + text-shadow: #fff 0 1px 0; +} + +h2, +h3, +h4, +h5, +h6 { + line-height: 1; +} + +a { + color: #06c; +} + +a:hover { + color: #c60; +} + +small { + font-size: 11px; +} + +/* `Misc Classes +----------------------------------------------------------------------------------------------------*/ + +.align_center { + text-align: center; +} + +.align_right { + text-align: right; +} + +/* `Data Table +----------------------------------------------------------------------------------------------------*/ + +.data, +.data th, +.data td { + border-style: solid; + border-color: #ddd; +} + +.data { + border-width: 0 1px 1px; + width: 100%; +} + +.data caption { + padding: 0 10px 5px; + text-transform: uppercase; +} + +.data th, +.data td { + border-top-width: 1px; + padding: 5px 10px; +} + +.data th { + white-space: nowrap; +} + +.data thead th { + background: #eee; + font-weight: bold; + text-shadow: #fff 0 1px 0; +} + +.data tbody th { + width: 1px; +} + +.data tr th:first-child { + text-align: right; +} + +/* `Code +----------------------------------------------------------------------------------------------------*/ + +pre, +code { + font-size: 12px; + font-family: Menlo, Courier, monospace; +} + +pre, +.notice { + background: #ffe; + border: 1px solid; + border-color: #eed #ccb #bba #ddc; + overflow: auto; + padding: 10px 0 10px 10px; +} + +* html pre { + overflow: hidden; + width: 97%; +} + +code { + background: #ff9; + padding: 0 2px; +} \ No newline at end of file diff --git a/assets/css/col16/mobile.css b/assets/css/col16/mobile.css new file mode 100644 index 0000000..1351cf2 --- /dev/null +++ b/assets/css/col16/mobile.css @@ -0,0 +1,26 @@ +.grid_1, +.grid_2, +.grid_3, +.grid_4, +.grid_5, +.grid_6, +.grid_7, +.grid_8, +.grid_9, +.grid_10, +.grid_11, +.grid_12 { + margin-left: 10px; + margin-right: 10px; +} + +.alpha, +.omega { + margin-left: 0; + margin-right: 0; +} + +.align_center, +.align_right { + text-align: left; +} \ No newline at end of file diff --git a/assets/css/col16/reset.css b/assets/css/col16/reset.css new file mode 100644 index 0000000..0af7c26 --- /dev/null +++ b/assets/css/col16/reset.css @@ -0,0 +1,207 @@ +/* `XHTML, HTML4, HTML5 Reset +----------------------------------------------------------------------------------------------------*/ + +a, +abbr, +acronym, +address, +applet, +article, +aside, +audio, +b, +big, +blockquote, +body, +canvas, +caption, +center, +cite, +code, +dd, +del, +details, +dfn, +dialog, +div, +dl, +dt, +em, +embed, +fieldset, +figcaption, +figure, +font, +footer, +form, +h1, +h2, +h3, +h4, +h5, +h6, +header, +hgroup, +hr, +html, +i, +iframe, +img, +ins, +kbd, +label, +legend, +li, +mark, +menu, +meter, +nav, +object, +ol, +output, +p, +pre, +progress, +q, +rp, +rt, +ruby, +s, +samp, +section, +small, +span, +strike, +strong, +sub, +summary, +sup, +table, +tbody, +td, +tfoot, +th, +thead, +time, +tr, +tt, +u, +ul, +var, +video, +xmp { + border: 0; + margin: 0; + padding: 0; + font-size: 100%; +} + +html, +body { + height: 100%; +} + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { +/* + Override the default (display: inline) for + browsers that do not recognize HTML5 tags. + + IE8 (and lower) requires a shiv: + http://ejohn.org/blog/html5-shiv +*/ + display: block; +} + +b, +strong { +/* + Makes browsers agree. + IE + Opera = font-weight: bold. + Gecko + WebKit = font-weight: bolder. +*/ + font-weight: bold; +} + +img { + color: transparent; + font-size: 0; + vertical-align: middle; +/* + For IE. + http://css-tricks.com/ie-fix-bicubic-scaling-for-images +*/ + -ms-interpolation-mode: bicubic; +} + +li { +/* + For IE6 + IE7: + + "display: list-item" keeps bullets from + disappearing if hasLayout is triggered. +*/ + display: list-item; + list-style: none; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +th, +td, +caption { + font-weight: normal; + vertical-align: top; + text-align: left; +} + +q { + quotes: none; +} + +q:before, +q:after { + content: ''; + content: none; +} + +sub, +sup, +small { + font-size: 75%; +} + +sub, +sup { + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +svg { +/* + For IE9. Without, occasionally draws shapes + outside the boundaries of rectangle. +*/ + overflow: hidden; +} \ No newline at end of file diff --git a/assets/css/col16/text.css b/assets/css/col16/text.css new file mode 100644 index 0000000..af8df54 --- /dev/null +++ b/assets/css/col16/text.css @@ -0,0 +1,81 @@ +/* + 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; +} + +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, +figure { + margin-bottom: 20px; +} \ No newline at end of file diff --git a/assets/css/col24/1200.css b/assets/css/col24/1200.css new file mode 100755 index 0000000..b9185c4 --- /dev/null +++ b/assets/css/col24/1200.css @@ -0,0 +1,357 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 1200px; +} + +/* `Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 1200px; +} + +/* `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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11 { + position: relative; +} + +/* `Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* `Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 80px; +} + +.container_12 .grid_2 { + width: 180px; +} + +.container_12 .grid_3 { + width: 280px; +} + +.container_12 .grid_4 { + width: 380px; +} + +.container_12 .grid_5 { + width: 480px; +} + +.container_12 .grid_6 { + width: 580px; +} + +.container_12 .grid_7 { + width: 680px; +} + +.container_12 .grid_8 { + width: 780px; +} + +.container_12 .grid_9 { + width: 880px; +} + +.container_12 .grid_10 { + width: 980px; +} + +.container_12 .grid_11 { + width: 1080px; +} + +.container_12 .grid_12 { + width: 1180px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 100px; +} + +.container_12 .prefix_2 { + padding-left: 200px; +} + +.container_12 .prefix_3 { + padding-left: 300px; +} + +.container_12 .prefix_4 { + padding-left: 400px; +} + +.container_12 .prefix_5 { + padding-left: 500px; +} + +.container_12 .prefix_6 { + padding-left: 600px; +} + +.container_12 .prefix_7 { + padding-left: 700px; +} + +.container_12 .prefix_8 { + padding-left: 800px; +} + +.container_12 .prefix_9 { + padding-left: 900px; +} + +.container_12 .prefix_10 { + padding-left: 1000px; +} + +.container_12 .prefix_11 { + padding-left: 1100px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 100px; +} + +.container_12 .suffix_2 { + padding-right: 200px; +} + +.container_12 .suffix_3 { + padding-right: 300px; +} + +.container_12 .suffix_4 { + padding-right: 400px; +} + +.container_12 .suffix_5 { + padding-right: 500px; +} + +.container_12 .suffix_6 { + padding-right: 600px; +} + +.container_12 .suffix_7 { + padding-right: 700px; +} + +.container_12 .suffix_8 { + padding-right: 800px; +} + +.container_12 .suffix_9 { + padding-right: 900px; +} + +.container_12 .suffix_10 { + padding-right: 1000px; +} + +.container_12 .suffix_11 { + padding-right: 1100px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 100px; +} + +.container_12 .push_2 { + left: 200px; +} + +.container_12 .push_3 { + left: 300px; +} + +.container_12 .push_4 { + left: 400px; +} + +.container_12 .push_5 { + left: 500px; +} + +.container_12 .push_6 { + left: 600px; +} + +.container_12 .push_7 { + left: 700px; +} + +.container_12 .push_8 { + left: 800px; +} + +.container_12 .push_9 { + left: 900px; +} + +.container_12 .push_10 { + left: 1000px; +} + +.container_12 .push_11 { + left: 1100px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -100px; +} + +.container_12 .pull_2 { + left: -200px; +} + +.container_12 .pull_3 { + left: -300px; +} + +.container_12 .pull_4 { + left: -400px; +} + +.container_12 .pull_5 { + left: -500px; +} + +.container_12 .pull_6 { + left: -600px; +} + +.container_12 .pull_7 { + left: -700px; +} + +.container_12 .pull_8 { + left: -800px; +} + +.container_12 .pull_9 { + left: -900px; +} + +.container_12 .pull_10 { + left: -1000px; +} + +.container_12 .pull_11 { + left: -1100px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/col24/1560.css b/assets/css/col24/1560.css new file mode 100755 index 0000000..88af16b --- /dev/null +++ b/assets/css/col24/1560.css @@ -0,0 +1,357 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 1560px; +} + +/* `Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 1560px; +} + +/* `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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11 { + position: relative; +} + +/* `Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* `Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 110px; +} + +.container_12 .grid_2 { + width: 240px; +} + +.container_12 .grid_3 { + width: 370px; +} + +.container_12 .grid_4 { + width: 500px; +} + +.container_12 .grid_5 { + width: 630px; +} + +.container_12 .grid_6 { + width: 760px; +} + +.container_12 .grid_7 { + width: 890px; +} + +.container_12 .grid_8 { + width: 1020px; +} + +.container_12 .grid_9 { + width: 1150px; +} + +.container_12 .grid_10 { + width: 1280px; +} + +.container_12 .grid_11 { + width: 1410px; +} + +.container_12 .grid_12 { + width: 1540px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 130px; +} + +.container_12 .prefix_2 { + padding-left: 260px; +} + +.container_12 .prefix_3 { + padding-left: 390px; +} + +.container_12 .prefix_4 { + padding-left: 520px; +} + +.container_12 .prefix_5 { + padding-left: 650px; +} + +.container_12 .prefix_6 { + padding-left: 780px; +} + +.container_12 .prefix_7 { + padding-left: 910px; +} + +.container_12 .prefix_8 { + padding-left: 1040px; +} + +.container_12 .prefix_9 { + padding-left: 1170px; +} + +.container_12 .prefix_10 { + padding-left: 1300px; +} + +.container_12 .prefix_11 { + padding-left: 1430px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 130px; +} + +.container_12 .suffix_2 { + padding-right: 260px; +} + +.container_12 .suffix_3 { + padding-right: 390px; +} + +.container_12 .suffix_4 { + padding-right: 520px; +} + +.container_12 .suffix_5 { + padding-right: 650px; +} + +.container_12 .suffix_6 { + padding-right: 780px; +} + +.container_12 .suffix_7 { + padding-right: 910px; +} + +.container_12 .suffix_8 { + padding-right: 1040px; +} + +.container_12 .suffix_9 { + padding-right: 1170px; +} + +.container_12 .suffix_10 { + padding-right: 1300px; +} + +.container_12 .suffix_11 { + padding-right: 1430px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 130px; +} + +.container_12 .push_2 { + left: 260px; +} + +.container_12 .push_3 { + left: 390px; +} + +.container_12 .push_4 { + left: 520px; +} + +.container_12 .push_5 { + left: 650px; +} + +.container_12 .push_6 { + left: 780px; +} + +.container_12 .push_7 { + left: 910px; +} + +.container_12 .push_8 { + left: 1040px; +} + +.container_12 .push_9 { + left: 1170px; +} + +.container_12 .push_10 { + left: 1300px; +} + +.container_12 .push_11 { + left: 1430px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -130px; +} + +.container_12 .pull_2 { + left: -260px; +} + +.container_12 .pull_3 { + left: -390px; +} + +.container_12 .pull_4 { + left: -520px; +} + +.container_12 .pull_5 { + left: -650px; +} + +.container_12 .pull_6 { + left: -780px; +} + +.container_12 .pull_7 { + left: -910px; +} + +.container_12 .pull_8 { + left: -1040px; +} + +.container_12 .pull_9 { + left: -1170px; +} + +.container_12 .pull_10 { + left: -1300px; +} + +.container_12 .pull_11 { + left: -1430px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/col24/1920.css b/assets/css/col24/1920.css new file mode 100644 index 0000000..e9d303a --- /dev/null +++ b/assets/css/col24/1920.css @@ -0,0 +1,358 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 1920px; +} + +/* Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 1920px; +} + +/* 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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11, +.push_12, .pull_12 { + position: relative; +} + +/* Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 140px; +} + +.container_12 .grid_2 { + width: 300px; +} + +.container_12 .grid_3 { + width: 460px; +} + +.container_12 .grid_4 { + width: 620px; +} + +.container_12 .grid_5 { + width: 780px; +} + +.container_12 .grid_6 { + width: 940px; +} + +.container_12 .grid_7 { + width: 1100px; +} + +.container_12 .grid_8 { + width: 1260px; +} + +.container_12 .grid_9 { + width: 1420px; +} + +.container_12 .grid_10 { + width: 1580px; +} + +.container_12 .grid_11 { + width: 1740px; +} + +.container_12 .grid_12 { + width: 1900px; +} + +/* Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 160px; +} + +.container_12 .prefix_2 { + padding-left: 320px; +} + +.container_12 .prefix_3 { + padding-left: 480px; +} + +.container_12 .prefix_4 { + padding-left: 640px; +} + +.container_12 .prefix_5 { + padding-left: 800px; +} + +.container_12 .prefix_6 { + padding-left: 960px; +} + +.container_12 .prefix_7 { + padding-left: 1120px; +} + +.container_12 .prefix_8 { + padding-left: 1280px; +} + +.container_12 .prefix_9 { + padding-left: 1440px; +} + +.container_12 .prefix_10 { + padding-left: 1600px; +} + +.container_12 .prefix_11 { + padding-left: 1760px; +} + +/* Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 160px; +} + +.container_12 .suffix_2 { + padding-right: 320px; +} + +.container_12 .suffix_3 { + padding-right: 480px; +} + +.container_12 .suffix_4 { + padding-right: 640px; +} + +.container_12 .suffix_5 { + padding-right: 800px; +} + +.container_12 .suffix_6 { + padding-right: 960px; +} + +.container_12 .suffix_7 { + padding-right: 1120px; +} + +.container_12 .suffix_8 { + padding-right: 1280px; +} + +.container_12 .suffix_9 { + padding-right: 1440px; +} + +.container_12 .suffix_10 { + padding-right: 1600px; +} + +.container_12 .suffix_11 { + padding-right: 1760px; +} + +/* Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 160px; +} + +.container_12 .push_2 { + left: 320px; +} + +.container_12 .push_3 { + left: 480px; +} + +.container_12 .push_4 { + left: 640px; +} + +.container_12 .push_5 { + left: 800px; +} + +.container_12 .push_6 { + left: 960px; +} + +.container_12 .push_7 { + left: 1120px; +} + +.container_12 .push_8 { + left: 1280px; +} + +.container_12 .push_9 { + left: 1440px; +} + +.container_12 .push_10 { + left: 1600px; +} + +.container_12 .push_11 { + left: 1760px; +} + +/* Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -160px; +} + +.container_12 .pull_2 { + left: -320px; +} + +.container_12 .pull_3 { + left: -480px; +} + +.container_12 .pull_4 { + left: -640px; +} + +.container_12 .pull_5 { + left: -800px; +} + +.container_12 .pull_6 { + left: -960px; +} + +.container_12 .pull_7 { + left: -1120px; +} + +.container_12 .pull_8 { + left: -1280px; +} + +.container_12 .pull_9 { + left: -1440px; +} + +.container_12 .pull_10 { + left: -1600px; +} + +.container_12 .pull_11 { + left: -1760px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/col24/2520.css b/assets/css/col24/2520.css new file mode 100644 index 0000000..8045ce9 --- /dev/null +++ b/assets/css/col24/2520.css @@ -0,0 +1,359 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 2520px; +} + +/* Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 2520px; +} + +/* 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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11, +.push_12, .pull_12 { + position: relative; +} + +/* Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + + +.container_12 .grid_1 { + width: 190px; +} + +.container_12 .grid_2 { + width: 400px; +} + +.container_12 .grid_3 { + width: 610px; +} + +.container_12 .grid_4 { + width: 820px; +} + +.container_12 .grid_5 { + width: 1030px; +} + +.container_12 .grid_6 { + width: 1240px; +} + +.container_12 .grid_7 { + width: 1450px; +} + +.container_12 .grid_8 { + width: 1660px; +} + +.container_12 .grid_9 { + width: 1870px; +} + +.container_12 .grid_10 { + width: 2080px; +} + +.container_12 .grid_11 { + width: 2290px; +} + +.container_12 .grid_12 { + width: 2500px; +} + +/* Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 210px; +} + +.container_12 .prefix_2 { + padding-left: 420px; +} + +.container_12 .prefix_3 { + padding-left: 630px; +} + +.container_12 .prefix_4 { + padding-left: 840px; +} + +.container_12 .prefix_5 { + padding-left: 1050px; +} + +.container_12 .prefix_6 { + padding-left: 1260px; +} + +.container_12 .prefix_7 { + padding-left: 1470px; +} + +.container_12 .prefix_8 { + padding-left: 1680px; +} + +.container_12 .prefix_9 { + padding-left: 1890px; +} + +.container_12 .prefix_10 { + padding-left: 2100px; +} + +.container_12 .prefix_11 { + padding-left: 2310px; +} + +/* Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 210px; +} + +.container_12 .suffix_2 { + padding-right: 420px; +} + +.container_12 .suffix_3 { + padding-right: 630px; +} + +.container_12 .suffix_4 { + padding-right: 840px; +} + +.container_12 .suffix_5 { + padding-right: 1050px; +} + +.container_12 .suffix_6 { + padding-right: 1260px; +} + +.container_12 .suffix_7 { + padding-right: 1470px; +} + +.container_12 .suffix_8 { + padding-right: 1680px; +} + +.container_12 .suffix_9 { + padding-right: 1890px; +} + +.container_12 .suffix_10 { + padding-right: 2100px; +} + +.container_12 .suffix_11 { + padding-right: 2310px; +} + +/* Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 210px; +} + +.container_12 .push_2 { + left: 420px; +} + +.container_12 .push_3 { + left: 630px; +} + +.container_12 .push_4 { + left: 840px; +} + +.container_12 .push_5 { + left: 1050px; +} + +.container_12 .push_6 { + left: 1260px; +} + +.container_12 .push_7 { + left: 1470px; +} + +.container_12 .push_8 { + left: 1680px; +} + +.container_12 .push_9 { + left: 1890px; +} + +.container_12 .push_10 { + left: 2100px; +} + +.container_12 .push_11 { + left: 2310px; +} + +/* Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -210px; +} + +.container_12 .pull_2 { + left: -420px; +} + +.container_12 .pull_3 { + left: -630px; +} + +.container_12 .pull_4 { + left: -840px; +} + +.container_12 .pull_5 { + left: -1050px; +} + +.container_12 .pull_6 { + left: -1260px; +} + +.container_12 .pull_7 { + left: -1470px; +} + +.container_12 .pull_8 { + left: -1680px; +} + +.container_12 .pull_9 { + left: -1890px; +} + +.container_12 .pull_10 { + left: -2100px; +} + +.container_12 .pull_11 { + left: -2310px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/col24/720.css b/assets/css/col24/720.css new file mode 100755 index 0000000..ba66200 --- /dev/null +++ b/assets/css/col24/720.css @@ -0,0 +1,357 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 720px; +} + +/* `Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 720px; +} + +/* `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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11 { + position: relative; +} + +/* `Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* `Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 40px; +} + +.container_12 .grid_2 { + width: 100px; +} + +.container_12 .grid_3 { + width: 160px; +} + +.container_12 .grid_4 { + width: 220px; +} + +.container_12 .grid_5 { + width: 280px; +} + +.container_12 .grid_6 { + width: 340px; +} + +.container_12 .grid_7 { + width: 400px; +} + +.container_12 .grid_8 { + width: 460px; +} + +.container_12 .grid_9 { + width: 520px; +} + +.container_12 .grid_10 { + width: 580px; +} + +.container_12 .grid_11 { + width: 640px; +} + +.container_12 .grid_12 { + width: 700px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 60px; +} + +.container_12 .prefix_2 { + padding-left: 120px; +} + +.container_12 .prefix_3 { + padding-left: 180px; +} + +.container_12 .prefix_4 { + padding-left: 240px; +} + +.container_12 .prefix_5 { + padding-left: 300px; +} + +.container_12 .prefix_6 { + padding-left: 360px; +} + +.container_12 .prefix_7 { + padding-left: 420px; +} + +.container_12 .prefix_8 { + padding-left: 480px; +} + +.container_12 .prefix_9 { + padding-left: 540px; +} + +.container_12 .prefix_10 { + padding-left: 600px; +} + +.container_12 .prefix_11 { + padding-left: 660px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 60px; +} + +.container_12 .suffix_2 { + padding-right: 120px; +} + +.container_12 .suffix_3 { + padding-right: 180px; +} + +.container_12 .suffix_4 { + padding-right: 240px; +} + +.container_12 .suffix_5 { + padding-right: 300px; +} + +.container_12 .suffix_6 { + padding-right: 360px; +} + +.container_12 .suffix_7 { + padding-right: 420px; +} + +.container_12 .suffix_8 { + padding-right: 480px; +} + +.container_12 .suffix_9 { + padding-right: 540px; +} + +.container_12 .suffix_10 { + padding-right: 600px; +} + +.container_12 .suffix_11 { + padding-right: 660px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 60px; +} + +.container_12 .push_2 { + left: 120px; +} + +.container_12 .push_3 { + left: 180px; +} + +.container_12 .push_4 { + left: 240px; +} + +.container_12 .push_5 { + left: 300px; +} + +.container_12 .push_6 { + left: 360px; +} + +.container_12 .push_7 { + left: 420px; +} + +.container_12 .push_8 { + left: 480px; +} + +.container_12 .push_9 { + left: 540px; +} + +.container_12 .push_10 { + left: 600px; +} + +.container_12 .push_11 { + left: 660px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -60px; +} + +.container_12 .pull_2 { + left: -120px; +} + +.container_12 .pull_3 { + left: -180px; +} + +.container_12 .pull_4 { + left: -240px; +} + +.container_12 .pull_5 { + left: -300px; +} + +.container_12 .pull_6 { + left: -360px; +} + +.container_12 .pull_7 { + left: -420px; +} + +.container_12 .pull_8 { + left: -480px; +} + +.container_12 .pull_9 { + left: -540px; +} + +.container_12 .pull_10 { + left: -600px; +} + +.container_12 .pull_11 { + left: -660px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/col24/960.css b/assets/css/col24/960.css new file mode 100644 index 0000000..bdb7324 --- /dev/null +++ b/assets/css/col24/960.css @@ -0,0 +1,357 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 960px; +} + +/* `Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + 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 { + display: inline; + float: left; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11 { + position: relative; +} + +/* `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_3 { + width: 220px; +} + +.container_12 .grid_4 { + width: 300px; +} + +.container_12 .grid_5 { + width: 380px; +} + +.container_12 .grid_6 { + width: 460px; +} + +.container_12 .grid_7 { + width: 540px; +} + +.container_12 .grid_8 { + width: 620px; +} + +.container_12 .grid_9 { + width: 700px; +} + +.container_12 .grid_10 { + width: 780px; +} + +.container_12 .grid_11 { + width: 860px; +} + +.container_12 .grid_12 { + width: 940px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 80px; +} + +.container_12 .prefix_2 { + padding-left: 160px; +} + +.container_12 .prefix_3 { + padding-left: 240px; +} + +.container_12 .prefix_4 { + padding-left: 320px; +} + +.container_12 .prefix_5 { + padding-left: 400px; +} + +.container_12 .prefix_6 { + padding-left: 480px; +} + +.container_12 .prefix_7 { + padding-left: 560px; +} + +.container_12 .prefix_8 { + padding-left: 640px; +} + +.container_12 .prefix_9 { + padding-left: 720px; +} + +.container_12 .prefix_10 { + padding-left: 800px; +} + +.container_12 .prefix_11 { + padding-left: 880px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 80px; +} + +.container_12 .suffix_2 { + padding-right: 160px; +} + +.container_12 .suffix_3 { + padding-right: 240px; +} + +.container_12 .suffix_4 { + padding-right: 320px; +} + +.container_12 .suffix_5 { + padding-right: 400px; +} + +.container_12 .suffix_6 { + padding-right: 480px; +} + +.container_12 .suffix_7 { + padding-right: 560px; +} + +.container_12 .suffix_8 { + padding-right: 640px; +} + +.container_12 .suffix_9 { + padding-right: 720px; +} + +.container_12 .suffix_10 { + padding-right: 800px; +} + +.container_12 .suffix_11 { + padding-right: 880px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 80px; +} + +.container_12 .push_2 { + left: 160px; +} + +.container_12 .push_3 { + left: 240px; +} + +.container_12 .push_4 { + left: 320px; +} + +.container_12 .push_5 { + left: 400px; +} + +.container_12 .push_6 { + left: 480px; +} + +.container_12 .push_7 { + left: 560px; +} + +.container_12 .push_8 { + left: 640px; +} + +.container_12 .push_9 { + left: 720px; +} + +.container_12 .push_10 { + left: 800px; +} + +.container_12 .push_11 { + left: 880px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -80px; +} + +.container_12 .pull_2 { + left: -160px; +} + +.container_12 .pull_3 { + left: -240px; +} + +.container_12 .pull_4 { + left: -320px; +} + +.container_12 .pull_5 { + left: -400px; +} + +.container_12 .pull_6 { + left: -480px; +} + +.container_12 .pull_7 { + left: -560px; +} + +.container_12 .pull_8 { + left: -640px; +} + +.container_12 .pull_9 { + left: -720px; +} + +.container_12 .pull_10 { + left: -800px; +} + +.container_12 .pull_11 { + left: -880px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/col24/master.css b/assets/css/col24/master.css new file mode 100644 index 0000000..149b514 --- /dev/null +++ b/assets/css/col24/master.css @@ -0,0 +1,120 @@ +@import 'reset.css'; +@import 'text.css'; + +/* `Basic HTML +----------------------------------------------------------------------------------------------------*/ + +body { + background: #fff; + color: #333; +} + +h1 { + background: #eee url(../images/h1.png) no-repeat right center; + border-bottom: 1px solid #ccc; + padding: 10px 90px 10px 15px; + text-shadow: #fff 0 1px 0; +} + +h2, +h3, +h4, +h5, +h6 { + line-height: 1; +} + +a { + color: #06c; +} + +a:hover { + color: #c60; +} + +small { + font-size: 11px; +} + +/* `Misc Classes +----------------------------------------------------------------------------------------------------*/ + +.align_center { + text-align: center; +} + +.align_right { + text-align: right; +} + +/* `Data Table +----------------------------------------------------------------------------------------------------*/ + +.data, +.data th, +.data td { + border-style: solid; + border-color: #ddd; +} + +.data { + border-width: 0 1px 1px; + width: 100%; +} + +.data caption { + padding: 0 10px 5px; + text-transform: uppercase; +} + +.data th, +.data td { + border-top-width: 1px; + padding: 5px 10px; +} + +.data th { + white-space: nowrap; +} + +.data thead th { + background: #eee; + font-weight: bold; + text-shadow: #fff 0 1px 0; +} + +.data tbody th { + width: 1px; +} + +.data tr th:first-child { + text-align: right; +} + +/* `Code +----------------------------------------------------------------------------------------------------*/ + +pre, +code { + font-size: 12px; + font-family: Menlo, Courier, monospace; +} + +pre, +.notice { + background: #ffe; + border: 1px solid; + border-color: #eed #ccb #bba #ddc; + overflow: auto; + padding: 10px 0 10px 10px; +} + +* html pre { + overflow: hidden; + width: 97%; +} + +code { + background: #ff9; + padding: 0 2px; +} \ No newline at end of file diff --git a/assets/css/col24/mobile.css b/assets/css/col24/mobile.css new file mode 100644 index 0000000..1351cf2 --- /dev/null +++ b/assets/css/col24/mobile.css @@ -0,0 +1,26 @@ +.grid_1, +.grid_2, +.grid_3, +.grid_4, +.grid_5, +.grid_6, +.grid_7, +.grid_8, +.grid_9, +.grid_10, +.grid_11, +.grid_12 { + margin-left: 10px; + margin-right: 10px; +} + +.alpha, +.omega { + margin-left: 0; + margin-right: 0; +} + +.align_center, +.align_right { + text-align: left; +} \ No newline at end of file diff --git a/assets/css/col24/reset.css b/assets/css/col24/reset.css new file mode 100644 index 0000000..0af7c26 --- /dev/null +++ b/assets/css/col24/reset.css @@ -0,0 +1,207 @@ +/* `XHTML, HTML4, HTML5 Reset +----------------------------------------------------------------------------------------------------*/ + +a, +abbr, +acronym, +address, +applet, +article, +aside, +audio, +b, +big, +blockquote, +body, +canvas, +caption, +center, +cite, +code, +dd, +del, +details, +dfn, +dialog, +div, +dl, +dt, +em, +embed, +fieldset, +figcaption, +figure, +font, +footer, +form, +h1, +h2, +h3, +h4, +h5, +h6, +header, +hgroup, +hr, +html, +i, +iframe, +img, +ins, +kbd, +label, +legend, +li, +mark, +menu, +meter, +nav, +object, +ol, +output, +p, +pre, +progress, +q, +rp, +rt, +ruby, +s, +samp, +section, +small, +span, +strike, +strong, +sub, +summary, +sup, +table, +tbody, +td, +tfoot, +th, +thead, +time, +tr, +tt, +u, +ul, +var, +video, +xmp { + border: 0; + margin: 0; + padding: 0; + font-size: 100%; +} + +html, +body { + height: 100%; +} + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { +/* + Override the default (display: inline) for + browsers that do not recognize HTML5 tags. + + IE8 (and lower) requires a shiv: + http://ejohn.org/blog/html5-shiv +*/ + display: block; +} + +b, +strong { +/* + Makes browsers agree. + IE + Opera = font-weight: bold. + Gecko + WebKit = font-weight: bolder. +*/ + font-weight: bold; +} + +img { + color: transparent; + font-size: 0; + vertical-align: middle; +/* + For IE. + http://css-tricks.com/ie-fix-bicubic-scaling-for-images +*/ + -ms-interpolation-mode: bicubic; +} + +li { +/* + For IE6 + IE7: + + "display: list-item" keeps bullets from + disappearing if hasLayout is triggered. +*/ + display: list-item; + list-style: none; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +th, +td, +caption { + font-weight: normal; + vertical-align: top; + text-align: left; +} + +q { + quotes: none; +} + +q:before, +q:after { + content: ''; + content: none; +} + +sub, +sup, +small { + font-size: 75%; +} + +sub, +sup { + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +svg { +/* + For IE9. Without, occasionally draws shapes + outside the boundaries of rectangle. +*/ + overflow: hidden; +} \ No newline at end of file diff --git a/assets/css/col24/text.css b/assets/css/col24/text.css new file mode 100644 index 0000000..af8df54 --- /dev/null +++ b/assets/css/col24/text.css @@ -0,0 +1,81 @@ +/* + 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; +} + +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, +figure { + margin-bottom: 20px; +} \ No newline at end of file From b584e912d2ae7860dcc48ff258b214eedf6ad7bb Mon Sep 17 00:00:00 2001 From: Adam Wright Date: Tue, 28 Jan 2014 14:16:23 -0500 Subject: [PATCH 2/9] Renamed folders --- assets/css/12col/1200.css | 357 ------------------------------- assets/css/12col/1200.min.css | 1 - assets/css/12col/1560.css | 357 ------------------------------- assets/css/12col/1560.min.css | 1 - assets/css/12col/1920.css | 358 ------------------------------- assets/css/12col/1920.min.css | 1 - assets/css/12col/2520.css | 359 -------------------------------- assets/css/12col/2520.min.css | 1 - assets/css/12col/720.css | 357 ------------------------------- assets/css/12col/720.min.css | 1 - assets/css/12col/960.css | 357 ------------------------------- assets/css/12col/960.min.css | 1 - assets/css/12col/master.css | 120 ----------- assets/css/12col/mobile.css | 26 --- assets/css/12col/mobile.min.css | 1 - assets/css/12col/reset.css | 207 ------------------ assets/css/12col/text.css | 81 ------- assets/css/16col/1200.css | 357 ------------------------------- assets/css/16col/1200.min.css | 1 - assets/css/16col/1560.css | 357 ------------------------------- assets/css/16col/1560.min.css | 1 - assets/css/16col/1920.css | 358 ------------------------------- assets/css/16col/1920.min.css | 1 - assets/css/16col/2520.css | 359 -------------------------------- assets/css/16col/2520.min.css | 1 - assets/css/16col/720.css | 357 ------------------------------- assets/css/16col/720.min.css | 1 - assets/css/16col/960.css | 357 ------------------------------- assets/css/16col/960.min.css | 1 - assets/css/16col/master.css | 120 ----------- assets/css/16col/mobile.css | 26 --- assets/css/16col/mobile.min.css | 1 - assets/css/16col/reset.css | 207 ------------------ assets/css/16col/text.css | 81 ------- assets/css/24col/1200.css | 357 ------------------------------- assets/css/24col/1200.min.css | 1 - assets/css/24col/1560.css | 357 ------------------------------- assets/css/24col/1560.min.css | 1 - assets/css/24col/1920.css | 358 ------------------------------- assets/css/24col/1920.min.css | 1 - assets/css/24col/2520.css | 359 -------------------------------- assets/css/24col/2520.min.css | 1 - assets/css/24col/720.css | 357 ------------------------------- assets/css/24col/720.min.css | 1 - assets/css/24col/960.css | 357 ------------------------------- assets/css/24col/960.min.css | 1 - assets/css/24col/master.css | 120 ----------- assets/css/24col/mobile.css | 26 --- assets/css/24col/mobile.min.css | 1 - assets/css/24col/reset.css | 207 ------------------ assets/css/24col/text.css | 81 ------- 51 files changed, 7758 deletions(-) delete mode 100755 assets/css/12col/1200.css delete mode 100644 assets/css/12col/1200.min.css delete mode 100755 assets/css/12col/1560.css delete mode 100644 assets/css/12col/1560.min.css delete mode 100644 assets/css/12col/1920.css delete mode 100644 assets/css/12col/1920.min.css delete mode 100644 assets/css/12col/2520.css delete mode 100644 assets/css/12col/2520.min.css delete mode 100755 assets/css/12col/720.css delete mode 100644 assets/css/12col/720.min.css delete mode 100644 assets/css/12col/960.css delete mode 100644 assets/css/12col/960.min.css delete mode 100644 assets/css/12col/master.css delete mode 100644 assets/css/12col/mobile.css delete mode 100644 assets/css/12col/mobile.min.css delete mode 100644 assets/css/12col/reset.css delete mode 100644 assets/css/12col/text.css delete mode 100755 assets/css/16col/1200.css delete mode 100644 assets/css/16col/1200.min.css delete mode 100755 assets/css/16col/1560.css delete mode 100644 assets/css/16col/1560.min.css delete mode 100644 assets/css/16col/1920.css delete mode 100644 assets/css/16col/1920.min.css delete mode 100644 assets/css/16col/2520.css delete mode 100644 assets/css/16col/2520.min.css delete mode 100755 assets/css/16col/720.css delete mode 100644 assets/css/16col/720.min.css delete mode 100644 assets/css/16col/960.css delete mode 100644 assets/css/16col/960.min.css delete mode 100644 assets/css/16col/master.css delete mode 100644 assets/css/16col/mobile.css delete mode 100644 assets/css/16col/mobile.min.css delete mode 100644 assets/css/16col/reset.css delete mode 100644 assets/css/16col/text.css delete mode 100755 assets/css/24col/1200.css delete mode 100644 assets/css/24col/1200.min.css delete mode 100755 assets/css/24col/1560.css delete mode 100644 assets/css/24col/1560.min.css delete mode 100644 assets/css/24col/1920.css delete mode 100644 assets/css/24col/1920.min.css delete mode 100644 assets/css/24col/2520.css delete mode 100644 assets/css/24col/2520.min.css delete mode 100755 assets/css/24col/720.css delete mode 100644 assets/css/24col/720.min.css delete mode 100644 assets/css/24col/960.css delete mode 100644 assets/css/24col/960.min.css delete mode 100644 assets/css/24col/master.css delete mode 100644 assets/css/24col/mobile.css delete mode 100644 assets/css/24col/mobile.min.css delete mode 100644 assets/css/24col/reset.css delete mode 100644 assets/css/24col/text.css diff --git a/assets/css/12col/1200.css b/assets/css/12col/1200.css deleted file mode 100755 index b9185c4..0000000 --- a/assets/css/12col/1200.css +++ /dev/null @@ -1,357 +0,0 @@ -/* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. - - Note: IE6 works fine without this fix. -*/ - -body { - min-width: 1200px; -} - -/* `Containers -----------------------------------------------------------------------------------------------------*/ - -.container_12 { - margin-left: auto; - margin-right: auto; - width: 1200px; -} - -/* `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; - margin-left: 10px; - margin-right: 10px; -} - -.push_1, .pull_1, -.push_2, .pull_2, -.push_3, .pull_3, -.push_4, .pull_4, -.push_5, .pull_5, -.push_6, .pull_6, -.push_7, .pull_7, -.push_8, .pull_8, -.push_9, .pull_9, -.push_10, .pull_10, -.push_11, .pull_11 { - position: relative; -} - -/* `Grid >> Children (Alpha ~ First, Omega ~ Last) -----------------------------------------------------------------------------------------------------*/ - -.alpha { - margin-left: 0; -} - -.omega { - margin-right: 0; -} - -/* `Grid >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .grid_1 { - width: 80px; -} - -.container_12 .grid_2 { - width: 180px; -} - -.container_12 .grid_3 { - width: 280px; -} - -.container_12 .grid_4 { - width: 380px; -} - -.container_12 .grid_5 { - width: 480px; -} - -.container_12 .grid_6 { - width: 580px; -} - -.container_12 .grid_7 { - width: 680px; -} - -.container_12 .grid_8 { - width: 780px; -} - -.container_12 .grid_9 { - width: 880px; -} - -.container_12 .grid_10 { - width: 980px; -} - -.container_12 .grid_11 { - width: 1080px; -} - -.container_12 .grid_12 { - width: 1180px; -} - -/* `Prefix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .prefix_1 { - padding-left: 100px; -} - -.container_12 .prefix_2 { - padding-left: 200px; -} - -.container_12 .prefix_3 { - padding-left: 300px; -} - -.container_12 .prefix_4 { - padding-left: 400px; -} - -.container_12 .prefix_5 { - padding-left: 500px; -} - -.container_12 .prefix_6 { - padding-left: 600px; -} - -.container_12 .prefix_7 { - padding-left: 700px; -} - -.container_12 .prefix_8 { - padding-left: 800px; -} - -.container_12 .prefix_9 { - padding-left: 900px; -} - -.container_12 .prefix_10 { - padding-left: 1000px; -} - -.container_12 .prefix_11 { - padding-left: 1100px; -} - -/* `Suffix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .suffix_1 { - padding-right: 100px; -} - -.container_12 .suffix_2 { - padding-right: 200px; -} - -.container_12 .suffix_3 { - padding-right: 300px; -} - -.container_12 .suffix_4 { - padding-right: 400px; -} - -.container_12 .suffix_5 { - padding-right: 500px; -} - -.container_12 .suffix_6 { - padding-right: 600px; -} - -.container_12 .suffix_7 { - padding-right: 700px; -} - -.container_12 .suffix_8 { - padding-right: 800px; -} - -.container_12 .suffix_9 { - padding-right: 900px; -} - -.container_12 .suffix_10 { - padding-right: 1000px; -} - -.container_12 .suffix_11 { - padding-right: 1100px; -} - -/* `Push Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .push_1 { - left: 100px; -} - -.container_12 .push_2 { - left: 200px; -} - -.container_12 .push_3 { - left: 300px; -} - -.container_12 .push_4 { - left: 400px; -} - -.container_12 .push_5 { - left: 500px; -} - -.container_12 .push_6 { - left: 600px; -} - -.container_12 .push_7 { - left: 700px; -} - -.container_12 .push_8 { - left: 800px; -} - -.container_12 .push_9 { - left: 900px; -} - -.container_12 .push_10 { - left: 1000px; -} - -.container_12 .push_11 { - left: 1100px; -} - -/* `Pull Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .pull_1 { - left: -100px; -} - -.container_12 .pull_2 { - left: -200px; -} - -.container_12 .pull_3 { - left: -300px; -} - -.container_12 .pull_4 { - left: -400px; -} - -.container_12 .pull_5 { - left: -500px; -} - -.container_12 .pull_6 { - left: -600px; -} - -.container_12 .pull_7 { - left: -700px; -} - -.container_12 .pull_8 { - left: -800px; -} - -.container_12 .pull_9 { - left: -900px; -} - -.container_12 .pull_10 { - left: -1000px; -} - -.container_12 .pull_11 { - left: -1100px; -} - -/* `Clear Floated Elements -----------------------------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ - -.clearfix:before, -.clearfix:after, -.container_12:before, -.container_12:after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.clearfix:after, -.container_12:after { - clear: both; -} - -/* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. -*/ - -.clearfix, -.container_12 { - zoom: 1; -} \ No newline at end of file diff --git a/assets/css/12col/1200.min.css b/assets/css/12col/1200.min.css deleted file mode 100644 index 53ec99b..0000000 --- a/assets/css/12col/1200.min.css +++ /dev/null @@ -1 +0,0 @@ -body{min-width:1200px}.container_12{margin-left:auto;margin-right:auto;width:1200px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:80px}.container_12 .grid_2{width:180px}.container_12 .grid_3{width:280px}.container_12 .grid_4{width:380px}.container_12 .grid_5{width:480px}.container_12 .grid_6{width:580px}.container_12 .grid_7{width:680px}.container_12 .grid_8{width:780px}.container_12 .grid_9{width:880px}.container_12 .grid_10{width:980px}.container_12 .grid_11{width:1080px}.container_12 .grid_12{width:1180px}.container_12 .prefix_1{padding-left:100px}.container_12 .prefix_2{padding-left:200px}.container_12 .prefix_3{padding-left:300px}.container_12 .prefix_4{padding-left:400px}.container_12 .prefix_5{padding-left:500px}.container_12 .prefix_6{padding-left:600px}.container_12 .prefix_7{padding-left:700px}.container_12 .prefix_8{padding-left:800px}.container_12 .prefix_9{padding-left:900px}.container_12 .prefix_10{padding-left:1000px}.container_12 .prefix_11{padding-left:1100px}.container_12 .suffix_1{padding-right:100px}.container_12 .suffix_2{padding-right:200px}.container_12 .suffix_3{padding-right:300px}.container_12 .suffix_4{padding-right:400px}.container_12 .suffix_5{padding-right:500px}.container_12 .suffix_6{padding-right:600px}.container_12 .suffix_7{padding-right:700px}.container_12 .suffix_8{padding-right:800px}.container_12 .suffix_9{padding-right:900px}.container_12 .suffix_10{padding-right:1000px}.container_12 .suffix_11{padding-right:1100px}.container_12 .push_1{left:100px}.container_12 .push_2{left:200px}.container_12 .push_3{left:300px}.container_12 .push_4{left:400px}.container_12 .push_5{left:500px}.container_12 .push_6{left:600px}.container_12 .push_7{left:700px}.container_12 .push_8{left:800px}.container_12 .push_9{left:900px}.container_12 .push_10{left:1000px}.container_12 .push_11{left:1100px}.container_12 .pull_1{left:-100px}.container_12 .pull_2{left:-200px}.container_12 .pull_3{left:-300px}.container_12 .pull_4{left:-400px}.container_12 .pull_5{left:-500px}.container_12 .pull_6{left:-600px}.container_12 .pull_7{left:-700px}.container_12 .pull_8{left:-800px}.container_12 .pull_9{left:-900px}.container_12 .pull_10{left:-1000px}.container_12 .pull_11{left:-1100px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/12col/1560.css b/assets/css/12col/1560.css deleted file mode 100755 index 88af16b..0000000 --- a/assets/css/12col/1560.css +++ /dev/null @@ -1,357 +0,0 @@ -/* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. - - Note: IE6 works fine without this fix. -*/ - -body { - min-width: 1560px; -} - -/* `Containers -----------------------------------------------------------------------------------------------------*/ - -.container_12 { - margin-left: auto; - margin-right: auto; - width: 1560px; -} - -/* `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; - margin-left: 10px; - margin-right: 10px; -} - -.push_1, .pull_1, -.push_2, .pull_2, -.push_3, .pull_3, -.push_4, .pull_4, -.push_5, .pull_5, -.push_6, .pull_6, -.push_7, .pull_7, -.push_8, .pull_8, -.push_9, .pull_9, -.push_10, .pull_10, -.push_11, .pull_11 { - position: relative; -} - -/* `Grid >> Children (Alpha ~ First, Omega ~ Last) -----------------------------------------------------------------------------------------------------*/ - -.alpha { - margin-left: 0; -} - -.omega { - margin-right: 0; -} - -/* `Grid >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .grid_1 { - width: 110px; -} - -.container_12 .grid_2 { - width: 240px; -} - -.container_12 .grid_3 { - width: 370px; -} - -.container_12 .grid_4 { - width: 500px; -} - -.container_12 .grid_5 { - width: 630px; -} - -.container_12 .grid_6 { - width: 760px; -} - -.container_12 .grid_7 { - width: 890px; -} - -.container_12 .grid_8 { - width: 1020px; -} - -.container_12 .grid_9 { - width: 1150px; -} - -.container_12 .grid_10 { - width: 1280px; -} - -.container_12 .grid_11 { - width: 1410px; -} - -.container_12 .grid_12 { - width: 1540px; -} - -/* `Prefix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .prefix_1 { - padding-left: 130px; -} - -.container_12 .prefix_2 { - padding-left: 260px; -} - -.container_12 .prefix_3 { - padding-left: 390px; -} - -.container_12 .prefix_4 { - padding-left: 520px; -} - -.container_12 .prefix_5 { - padding-left: 650px; -} - -.container_12 .prefix_6 { - padding-left: 780px; -} - -.container_12 .prefix_7 { - padding-left: 910px; -} - -.container_12 .prefix_8 { - padding-left: 1040px; -} - -.container_12 .prefix_9 { - padding-left: 1170px; -} - -.container_12 .prefix_10 { - padding-left: 1300px; -} - -.container_12 .prefix_11 { - padding-left: 1430px; -} - -/* `Suffix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .suffix_1 { - padding-right: 130px; -} - -.container_12 .suffix_2 { - padding-right: 260px; -} - -.container_12 .suffix_3 { - padding-right: 390px; -} - -.container_12 .suffix_4 { - padding-right: 520px; -} - -.container_12 .suffix_5 { - padding-right: 650px; -} - -.container_12 .suffix_6 { - padding-right: 780px; -} - -.container_12 .suffix_7 { - padding-right: 910px; -} - -.container_12 .suffix_8 { - padding-right: 1040px; -} - -.container_12 .suffix_9 { - padding-right: 1170px; -} - -.container_12 .suffix_10 { - padding-right: 1300px; -} - -.container_12 .suffix_11 { - padding-right: 1430px; -} - -/* `Push Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .push_1 { - left: 130px; -} - -.container_12 .push_2 { - left: 260px; -} - -.container_12 .push_3 { - left: 390px; -} - -.container_12 .push_4 { - left: 520px; -} - -.container_12 .push_5 { - left: 650px; -} - -.container_12 .push_6 { - left: 780px; -} - -.container_12 .push_7 { - left: 910px; -} - -.container_12 .push_8 { - left: 1040px; -} - -.container_12 .push_9 { - left: 1170px; -} - -.container_12 .push_10 { - left: 1300px; -} - -.container_12 .push_11 { - left: 1430px; -} - -/* `Pull Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .pull_1 { - left: -130px; -} - -.container_12 .pull_2 { - left: -260px; -} - -.container_12 .pull_3 { - left: -390px; -} - -.container_12 .pull_4 { - left: -520px; -} - -.container_12 .pull_5 { - left: -650px; -} - -.container_12 .pull_6 { - left: -780px; -} - -.container_12 .pull_7 { - left: -910px; -} - -.container_12 .pull_8 { - left: -1040px; -} - -.container_12 .pull_9 { - left: -1170px; -} - -.container_12 .pull_10 { - left: -1300px; -} - -.container_12 .pull_11 { - left: -1430px; -} - -/* `Clear Floated Elements -----------------------------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ - -.clearfix:before, -.clearfix:after, -.container_12:before, -.container_12:after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.clearfix:after, -.container_12:after { - clear: both; -} - -/* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. -*/ - -.clearfix, -.container_12 { - zoom: 1; -} \ No newline at end of file diff --git a/assets/css/12col/1560.min.css b/assets/css/12col/1560.min.css deleted file mode 100644 index 0b7aff6..0000000 --- a/assets/css/12col/1560.min.css +++ /dev/null @@ -1 +0,0 @@ -body{min-width:1560px}.container_12{margin-left:auto;margin-right:auto;width:1560px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:110px}.container_12 .grid_2{width:240px}.container_12 .grid_3{width:370px}.container_12 .grid_4{width:500px}.container_12 .grid_5{width:630px}.container_12 .grid_6{width:760px}.container_12 .grid_7{width:890px}.container_12 .grid_8{width:1020px}.container_12 .grid_9{width:1150px}.container_12 .grid_10{width:1280px}.container_12 .grid_11{width:1410px}.container_12 .grid_12{width:1540px}.container_12 .prefix_1{padding-left:130px}.container_12 .prefix_2{padding-left:260px}.container_12 .prefix_3{padding-left:390px}.container_12 .prefix_4{padding-left:520px}.container_12 .prefix_5{padding-left:650px}.container_12 .prefix_6{padding-left:780px}.container_12 .prefix_7{padding-left:910px}.container_12 .prefix_8{padding-left:1040px}.container_12 .prefix_9{padding-left:1170px}.container_12 .prefix_10{padding-left:1300px}.container_12 .prefix_11{padding-left:1430px}.container_12 .suffix_1{padding-right:130px}.container_12 .suffix_2{padding-right:260px}.container_12 .suffix_3{padding-right:390px}.container_12 .suffix_4{padding-right:520px}.container_12 .suffix_5{padding-right:650px}.container_12 .suffix_6{padding-right:780px}.container_12 .suffix_7{padding-right:910px}.container_12 .suffix_8{padding-right:1040px}.container_12 .suffix_9{padding-right:1170px}.container_12 .suffix_10{padding-right:1300px}.container_12 .suffix_11{padding-right:1430px}.container_12 .push_1{left:130px}.container_12 .push_2{left:260px}.container_12 .push_3{left:390px}.container_12 .push_4{left:520px}.container_12 .push_5{left:650px}.container_12 .push_6{left:780px}.container_12 .push_7{left:910px}.container_12 .push_8{left:1040px}.container_12 .push_9{left:1170px}.container_12 .push_10{left:1300px}.container_12 .push_11{left:1430px}.container_12 .pull_1{left:-130px}.container_12 .pull_2{left:-260px}.container_12 .pull_3{left:-390px}.container_12 .pull_4{left:-520px}.container_12 .pull_5{left:-650px}.container_12 .pull_6{left:-780px}.container_12 .pull_7{left:-910px}.container_12 .pull_8{left:-1040px}.container_12 .pull_9{left:-1170px}.container_12 .pull_10{left:-1300px}.container_12 .pull_11{left:-1430px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/12col/1920.css b/assets/css/12col/1920.css deleted file mode 100644 index e9d303a..0000000 --- a/assets/css/12col/1920.css +++ /dev/null @@ -1,358 +0,0 @@ -/* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. - - Note: IE6 works fine without this fix. -*/ - -body { - min-width: 1920px; -} - -/* Containers -----------------------------------------------------------------------------------------------------*/ - -.container_12 { - margin-left: auto; - margin-right: auto; - width: 1920px; -} - -/* 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; - margin-left: 10px; - margin-right: 10px; -} - -.push_1, .pull_1, -.push_2, .pull_2, -.push_3, .pull_3, -.push_4, .pull_4, -.push_5, .pull_5, -.push_6, .pull_6, -.push_7, .pull_7, -.push_8, .pull_8, -.push_9, .pull_9, -.push_10, .pull_10, -.push_11, .pull_11, -.push_12, .pull_12 { - position: relative; -} - -/* Grid >> Children (Alpha ~ First, Omega ~ Last) -----------------------------------------------------------------------------------------------------*/ - -.alpha { - margin-left: 0; -} - -.omega { - margin-right: 0; -} - -/* Grid >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .grid_1 { - width: 140px; -} - -.container_12 .grid_2 { - width: 300px; -} - -.container_12 .grid_3 { - width: 460px; -} - -.container_12 .grid_4 { - width: 620px; -} - -.container_12 .grid_5 { - width: 780px; -} - -.container_12 .grid_6 { - width: 940px; -} - -.container_12 .grid_7 { - width: 1100px; -} - -.container_12 .grid_8 { - width: 1260px; -} - -.container_12 .grid_9 { - width: 1420px; -} - -.container_12 .grid_10 { - width: 1580px; -} - -.container_12 .grid_11 { - width: 1740px; -} - -.container_12 .grid_12 { - width: 1900px; -} - -/* Prefix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .prefix_1 { - padding-left: 160px; -} - -.container_12 .prefix_2 { - padding-left: 320px; -} - -.container_12 .prefix_3 { - padding-left: 480px; -} - -.container_12 .prefix_4 { - padding-left: 640px; -} - -.container_12 .prefix_5 { - padding-left: 800px; -} - -.container_12 .prefix_6 { - padding-left: 960px; -} - -.container_12 .prefix_7 { - padding-left: 1120px; -} - -.container_12 .prefix_8 { - padding-left: 1280px; -} - -.container_12 .prefix_9 { - padding-left: 1440px; -} - -.container_12 .prefix_10 { - padding-left: 1600px; -} - -.container_12 .prefix_11 { - padding-left: 1760px; -} - -/* Suffix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .suffix_1 { - padding-right: 160px; -} - -.container_12 .suffix_2 { - padding-right: 320px; -} - -.container_12 .suffix_3 { - padding-right: 480px; -} - -.container_12 .suffix_4 { - padding-right: 640px; -} - -.container_12 .suffix_5 { - padding-right: 800px; -} - -.container_12 .suffix_6 { - padding-right: 960px; -} - -.container_12 .suffix_7 { - padding-right: 1120px; -} - -.container_12 .suffix_8 { - padding-right: 1280px; -} - -.container_12 .suffix_9 { - padding-right: 1440px; -} - -.container_12 .suffix_10 { - padding-right: 1600px; -} - -.container_12 .suffix_11 { - padding-right: 1760px; -} - -/* Push Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .push_1 { - left: 160px; -} - -.container_12 .push_2 { - left: 320px; -} - -.container_12 .push_3 { - left: 480px; -} - -.container_12 .push_4 { - left: 640px; -} - -.container_12 .push_5 { - left: 800px; -} - -.container_12 .push_6 { - left: 960px; -} - -.container_12 .push_7 { - left: 1120px; -} - -.container_12 .push_8 { - left: 1280px; -} - -.container_12 .push_9 { - left: 1440px; -} - -.container_12 .push_10 { - left: 1600px; -} - -.container_12 .push_11 { - left: 1760px; -} - -/* Pull Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .pull_1 { - left: -160px; -} - -.container_12 .pull_2 { - left: -320px; -} - -.container_12 .pull_3 { - left: -480px; -} - -.container_12 .pull_4 { - left: -640px; -} - -.container_12 .pull_5 { - left: -800px; -} - -.container_12 .pull_6 { - left: -960px; -} - -.container_12 .pull_7 { - left: -1120px; -} - -.container_12 .pull_8 { - left: -1280px; -} - -.container_12 .pull_9 { - left: -1440px; -} - -.container_12 .pull_10 { - left: -1600px; -} - -.container_12 .pull_11 { - left: -1760px; -} - -/* `Clear Floated Elements -----------------------------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ - -.clearfix:before, -.clearfix:after, -.container_12:before, -.container_12:after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.clearfix:after, -.container_12:after { - clear: both; -} - -/* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. -*/ - -.clearfix, -.container_12 { - zoom: 1; -} \ No newline at end of file diff --git a/assets/css/12col/1920.min.css b/assets/css/12col/1920.min.css deleted file mode 100644 index c330971..0000000 --- a/assets/css/12col/1920.min.css +++ /dev/null @@ -1 +0,0 @@ -body{min-width:1920px}.container_12{margin-left:auto;margin-right:auto;width:1920px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:140px}.container_12 .grid_2{width:300px}.container_12 .grid_3{width:460px}.container_12 .grid_4{width:620px}.container_12 .grid_5{width:780px}.container_12 .grid_6{width:940px}.container_12 .grid_7{width:1100px}.container_12 .grid_8{width:1260px}.container_12 .grid_9{width:1420px}.container_12 .grid_10{width:1580px}.container_12 .grid_11{width:1740px}.container_12 .grid_12{width:1900px}.container_12 .prefix_1{padding-left:160px}.container_12 .prefix_2{padding-left:320px}.container_12 .prefix_3{padding-left:480px}.container_12 .prefix_4{padding-left:640px}.container_12 .prefix_5{padding-left:800px}.container_12 .prefix_6{padding-left:960px}.container_12 .prefix_7{padding-left:1120px}.container_12 .prefix_8{padding-left:1280px}.container_12 .prefix_9{padding-left:1440px}.container_12 .prefix_10{padding-left:1600px}.container_12 .prefix_11{padding-left:1760px}.container_12 .suffix_1{padding-right:160px}.container_12 .suffix_2{padding-right:320px}.container_12 .suffix_3{padding-right:480px}.container_12 .suffix_4{padding-right:640px}.container_12 .suffix_5{padding-right:800px}.container_12 .suffix_6{padding-right:960px}.container_12 .suffix_7{padding-right:1120px}.container_12 .suffix_8{padding-right:1280px}.container_12 .suffix_9{padding-right:1440px}.container_12 .suffix_10{padding-right:1600px}.container_12 .suffix_11{padding-right:1760px}.container_12 .push_1{left:160px}.container_12 .push_2{left:320px}.container_12 .push_3{left:480px}.container_12 .push_4{left:640px}.container_12 .push_5{left:800px}.container_12 .push_6{left:960px}.container_12 .push_7{left:1120px}.container_12 .push_8{left:1280px}.container_12 .push_9{left:1440px}.container_12 .push_10{left:1600px}.container_12 .push_11{left:1760px}.container_12 .pull_1{left:-160px}.container_12 .pull_2{left:-320px}.container_12 .pull_3{left:-480px}.container_12 .pull_4{left:-640px}.container_12 .pull_5{left:-800px}.container_12 .pull_6{left:-960px}.container_12 .pull_7{left:-1120px}.container_12 .pull_8{left:-1280px}.container_12 .pull_9{left:-1440px}.container_12 .pull_10{left:-1600px}.container_12 .pull_11{left:-1760px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/12col/2520.css b/assets/css/12col/2520.css deleted file mode 100644 index 8045ce9..0000000 --- a/assets/css/12col/2520.css +++ /dev/null @@ -1,359 +0,0 @@ -/* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. - - Note: IE6 works fine without this fix. -*/ - -body { - min-width: 2520px; -} - -/* Containers -----------------------------------------------------------------------------------------------------*/ - -.container_12 { - margin-left: auto; - margin-right: auto; - width: 2520px; -} - -/* 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; - margin-left: 10px; - margin-right: 10px; -} - -.push_1, .pull_1, -.push_2, .pull_2, -.push_3, .pull_3, -.push_4, .pull_4, -.push_5, .pull_5, -.push_6, .pull_6, -.push_7, .pull_7, -.push_8, .pull_8, -.push_9, .pull_9, -.push_10, .pull_10, -.push_11, .pull_11, -.push_12, .pull_12 { - position: relative; -} - -/* Grid >> Children (Alpha ~ First, Omega ~ Last) -----------------------------------------------------------------------------------------------------*/ - -.alpha { - margin-left: 0; -} - -.omega { - margin-right: 0; -} - -/* Grid >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - - -.container_12 .grid_1 { - width: 190px; -} - -.container_12 .grid_2 { - width: 400px; -} - -.container_12 .grid_3 { - width: 610px; -} - -.container_12 .grid_4 { - width: 820px; -} - -.container_12 .grid_5 { - width: 1030px; -} - -.container_12 .grid_6 { - width: 1240px; -} - -.container_12 .grid_7 { - width: 1450px; -} - -.container_12 .grid_8 { - width: 1660px; -} - -.container_12 .grid_9 { - width: 1870px; -} - -.container_12 .grid_10 { - width: 2080px; -} - -.container_12 .grid_11 { - width: 2290px; -} - -.container_12 .grid_12 { - width: 2500px; -} - -/* Prefix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .prefix_1 { - padding-left: 210px; -} - -.container_12 .prefix_2 { - padding-left: 420px; -} - -.container_12 .prefix_3 { - padding-left: 630px; -} - -.container_12 .prefix_4 { - padding-left: 840px; -} - -.container_12 .prefix_5 { - padding-left: 1050px; -} - -.container_12 .prefix_6 { - padding-left: 1260px; -} - -.container_12 .prefix_7 { - padding-left: 1470px; -} - -.container_12 .prefix_8 { - padding-left: 1680px; -} - -.container_12 .prefix_9 { - padding-left: 1890px; -} - -.container_12 .prefix_10 { - padding-left: 2100px; -} - -.container_12 .prefix_11 { - padding-left: 2310px; -} - -/* Suffix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .suffix_1 { - padding-right: 210px; -} - -.container_12 .suffix_2 { - padding-right: 420px; -} - -.container_12 .suffix_3 { - padding-right: 630px; -} - -.container_12 .suffix_4 { - padding-right: 840px; -} - -.container_12 .suffix_5 { - padding-right: 1050px; -} - -.container_12 .suffix_6 { - padding-right: 1260px; -} - -.container_12 .suffix_7 { - padding-right: 1470px; -} - -.container_12 .suffix_8 { - padding-right: 1680px; -} - -.container_12 .suffix_9 { - padding-right: 1890px; -} - -.container_12 .suffix_10 { - padding-right: 2100px; -} - -.container_12 .suffix_11 { - padding-right: 2310px; -} - -/* Push Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .push_1 { - left: 210px; -} - -.container_12 .push_2 { - left: 420px; -} - -.container_12 .push_3 { - left: 630px; -} - -.container_12 .push_4 { - left: 840px; -} - -.container_12 .push_5 { - left: 1050px; -} - -.container_12 .push_6 { - left: 1260px; -} - -.container_12 .push_7 { - left: 1470px; -} - -.container_12 .push_8 { - left: 1680px; -} - -.container_12 .push_9 { - left: 1890px; -} - -.container_12 .push_10 { - left: 2100px; -} - -.container_12 .push_11 { - left: 2310px; -} - -/* Pull Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .pull_1 { - left: -210px; -} - -.container_12 .pull_2 { - left: -420px; -} - -.container_12 .pull_3 { - left: -630px; -} - -.container_12 .pull_4 { - left: -840px; -} - -.container_12 .pull_5 { - left: -1050px; -} - -.container_12 .pull_6 { - left: -1260px; -} - -.container_12 .pull_7 { - left: -1470px; -} - -.container_12 .pull_8 { - left: -1680px; -} - -.container_12 .pull_9 { - left: -1890px; -} - -.container_12 .pull_10 { - left: -2100px; -} - -.container_12 .pull_11 { - left: -2310px; -} - -/* `Clear Floated Elements -----------------------------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ - -.clearfix:before, -.clearfix:after, -.container_12:before, -.container_12:after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.clearfix:after, -.container_12:after { - clear: both; -} - -/* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. -*/ - -.clearfix, -.container_12 { - zoom: 1; -} \ No newline at end of file diff --git a/assets/css/12col/2520.min.css b/assets/css/12col/2520.min.css deleted file mode 100644 index e56fd2b..0000000 --- a/assets/css/12col/2520.min.css +++ /dev/null @@ -1 +0,0 @@ -body{min-width:2520px}.container_12{margin-left:auto;margin-right:auto;width:2520px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:190px}.container_12 .grid_2{width:400px}.container_12 .grid_3{width:610px}.container_12 .grid_4{width:820px}.container_12 .grid_5{width:1030px}.container_12 .grid_6{width:1240px}.container_12 .grid_7{width:1450px}.container_12 .grid_8{width:1660px}.container_12 .grid_9{width:1870px}.container_12 .grid_10{width:2080px}.container_12 .grid_11{width:2290px}.container_12 .grid_12{width:2500px}.container_12 .prefix_1{padding-left:210px}.container_12 .prefix_2{padding-left:420px}.container_12 .prefix_3{padding-left:630px}.container_12 .prefix_4{padding-left:840px}.container_12 .prefix_5{padding-left:1050px}.container_12 .prefix_6{padding-left:1260px}.container_12 .prefix_7{padding-left:1470px}.container_12 .prefix_8{padding-left:1680px}.container_12 .prefix_9{padding-left:1890px}.container_12 .prefix_10{padding-left:2100px}.container_12 .prefix_11{padding-left:2310px}.container_12 .suffix_1{padding-right:210px}.container_12 .suffix_2{padding-right:420px}.container_12 .suffix_3{padding-right:630px}.container_12 .suffix_4{padding-right:840px}.container_12 .suffix_5{padding-right:1050px}.container_12 .suffix_6{padding-right:1260px}.container_12 .suffix_7{padding-right:1470px}.container_12 .suffix_8{padding-right:1680px}.container_12 .suffix_9{padding-right:1890px}.container_12 .suffix_10{padding-right:2100px}.container_12 .suffix_11{padding-right:2310px}.container_12 .push_1{left:210px}.container_12 .push_2{left:420px}.container_12 .push_3{left:630px}.container_12 .push_4{left:840px}.container_12 .push_5{left:1050px}.container_12 .push_6{left:1260px}.container_12 .push_7{left:1470px}.container_12 .push_8{left:1680px}.container_12 .push_9{left:1890px}.container_12 .push_10{left:2100px}.container_12 .push_11{left:2310px}.container_12 .pull_1{left:-210px}.container_12 .pull_2{left:-420px}.container_12 .pull_3{left:-630px}.container_12 .pull_4{left:-840px}.container_12 .pull_5{left:-1050px}.container_12 .pull_6{left:-1260px}.container_12 .pull_7{left:-1470px}.container_12 .pull_8{left:-1680px}.container_12 .pull_9{left:-1890px}.container_12 .pull_10{left:-2100px}.container_12 .pull_11{left:-2310px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/12col/720.css b/assets/css/12col/720.css deleted file mode 100755 index ba66200..0000000 --- a/assets/css/12col/720.css +++ /dev/null @@ -1,357 +0,0 @@ -/* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. - - Note: IE6 works fine without this fix. -*/ - -body { - min-width: 720px; -} - -/* `Containers -----------------------------------------------------------------------------------------------------*/ - -.container_12 { - margin-left: auto; - margin-right: auto; - width: 720px; -} - -/* `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; - margin-left: 10px; - margin-right: 10px; -} - -.push_1, .pull_1, -.push_2, .pull_2, -.push_3, .pull_3, -.push_4, .pull_4, -.push_5, .pull_5, -.push_6, .pull_6, -.push_7, .pull_7, -.push_8, .pull_8, -.push_9, .pull_9, -.push_10, .pull_10, -.push_11, .pull_11 { - position: relative; -} - -/* `Grid >> Children (Alpha ~ First, Omega ~ Last) -----------------------------------------------------------------------------------------------------*/ - -.alpha { - margin-left: 0; -} - -.omega { - margin-right: 0; -} - -/* `Grid >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .grid_1 { - width: 40px; -} - -.container_12 .grid_2 { - width: 100px; -} - -.container_12 .grid_3 { - width: 160px; -} - -.container_12 .grid_4 { - width: 220px; -} - -.container_12 .grid_5 { - width: 280px; -} - -.container_12 .grid_6 { - width: 340px; -} - -.container_12 .grid_7 { - width: 400px; -} - -.container_12 .grid_8 { - width: 460px; -} - -.container_12 .grid_9 { - width: 520px; -} - -.container_12 .grid_10 { - width: 580px; -} - -.container_12 .grid_11 { - width: 640px; -} - -.container_12 .grid_12 { - width: 700px; -} - -/* `Prefix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .prefix_1 { - padding-left: 60px; -} - -.container_12 .prefix_2 { - padding-left: 120px; -} - -.container_12 .prefix_3 { - padding-left: 180px; -} - -.container_12 .prefix_4 { - padding-left: 240px; -} - -.container_12 .prefix_5 { - padding-left: 300px; -} - -.container_12 .prefix_6 { - padding-left: 360px; -} - -.container_12 .prefix_7 { - padding-left: 420px; -} - -.container_12 .prefix_8 { - padding-left: 480px; -} - -.container_12 .prefix_9 { - padding-left: 540px; -} - -.container_12 .prefix_10 { - padding-left: 600px; -} - -.container_12 .prefix_11 { - padding-left: 660px; -} - -/* `Suffix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .suffix_1 { - padding-right: 60px; -} - -.container_12 .suffix_2 { - padding-right: 120px; -} - -.container_12 .suffix_3 { - padding-right: 180px; -} - -.container_12 .suffix_4 { - padding-right: 240px; -} - -.container_12 .suffix_5 { - padding-right: 300px; -} - -.container_12 .suffix_6 { - padding-right: 360px; -} - -.container_12 .suffix_7 { - padding-right: 420px; -} - -.container_12 .suffix_8 { - padding-right: 480px; -} - -.container_12 .suffix_9 { - padding-right: 540px; -} - -.container_12 .suffix_10 { - padding-right: 600px; -} - -.container_12 .suffix_11 { - padding-right: 660px; -} - -/* `Push Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .push_1 { - left: 60px; -} - -.container_12 .push_2 { - left: 120px; -} - -.container_12 .push_3 { - left: 180px; -} - -.container_12 .push_4 { - left: 240px; -} - -.container_12 .push_5 { - left: 300px; -} - -.container_12 .push_6 { - left: 360px; -} - -.container_12 .push_7 { - left: 420px; -} - -.container_12 .push_8 { - left: 480px; -} - -.container_12 .push_9 { - left: 540px; -} - -.container_12 .push_10 { - left: 600px; -} - -.container_12 .push_11 { - left: 660px; -} - -/* `Pull Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .pull_1 { - left: -60px; -} - -.container_12 .pull_2 { - left: -120px; -} - -.container_12 .pull_3 { - left: -180px; -} - -.container_12 .pull_4 { - left: -240px; -} - -.container_12 .pull_5 { - left: -300px; -} - -.container_12 .pull_6 { - left: -360px; -} - -.container_12 .pull_7 { - left: -420px; -} - -.container_12 .pull_8 { - left: -480px; -} - -.container_12 .pull_9 { - left: -540px; -} - -.container_12 .pull_10 { - left: -600px; -} - -.container_12 .pull_11 { - left: -660px; -} - -/* `Clear Floated Elements -----------------------------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ - -.clearfix:before, -.clearfix:after, -.container_12:before, -.container_12:after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.clearfix:after, -.container_12:after { - clear: both; -} - -/* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. -*/ - -.clearfix, -.container_12 { - zoom: 1; -} \ No newline at end of file diff --git a/assets/css/12col/720.min.css b/assets/css/12col/720.min.css deleted file mode 100644 index ed4ac41..0000000 --- a/assets/css/12col/720.min.css +++ /dev/null @@ -1 +0,0 @@ -body{min-width:720px}.container_12{margin-left:auto;margin-right:auto;width:720px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:40px}.container_12 .grid_2{width:100px}.container_12 .grid_3{width:160px}.container_12 .grid_4{width:220px}.container_12 .grid_5{width:280px}.container_12 .grid_6{width:340px}.container_12 .grid_7{width:400px}.container_12 .grid_8{width:460px}.container_12 .grid_9{width:520px}.container_12 .grid_10{width:580px}.container_12 .grid_11{width:640px}.container_12 .grid_12{width:700px}.container_12 .prefix_1{padding-left:60px}.container_12 .prefix_2{padding-left:120px}.container_12 .prefix_3{padding-left:180px}.container_12 .prefix_4{padding-left:240px}.container_12 .prefix_5{padding-left:300px}.container_12 .prefix_6{padding-left:360px}.container_12 .prefix_7{padding-left:420px}.container_12 .prefix_8{padding-left:480px}.container_12 .prefix_9{padding-left:540px}.container_12 .prefix_10{padding-left:600px}.container_12 .prefix_11{padding-left:660px}.container_12 .suffix_1{padding-right:60px}.container_12 .suffix_2{padding-right:120px}.container_12 .suffix_3{padding-right:180px}.container_12 .suffix_4{padding-right:240px}.container_12 .suffix_5{padding-right:300px}.container_12 .suffix_6{padding-right:360px}.container_12 .suffix_7{padding-right:420px}.container_12 .suffix_8{padding-right:480px}.container_12 .suffix_9{padding-right:540px}.container_12 .suffix_10{padding-right:600px}.container_12 .suffix_11{padding-right:660px}.container_12 .push_1{left:60px}.container_12 .push_2{left:120px}.container_12 .push_3{left:180px}.container_12 .push_4{left:240px}.container_12 .push_5{left:300px}.container_12 .push_6{left:360px}.container_12 .push_7{left:420px}.container_12 .push_8{left:480px}.container_12 .push_9{left:540px}.container_12 .push_10{left:600px}.container_12 .push_11{left:660px}.container_12 .pull_1{left:-60px}.container_12 .pull_2{left:-120px}.container_12 .pull_3{left:-180px}.container_12 .pull_4{left:-240px}.container_12 .pull_5{left:-300px}.container_12 .pull_6{left:-360px}.container_12 .pull_7{left:-420px}.container_12 .pull_8{left:-480px}.container_12 .pull_9{left:-540px}.container_12 .pull_10{left:-600px}.container_12 .pull_11{left:-660px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/12col/960.css b/assets/css/12col/960.css deleted file mode 100644 index bdb7324..0000000 --- a/assets/css/12col/960.css +++ /dev/null @@ -1,357 +0,0 @@ -/* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. - - Note: IE6 works fine without this fix. -*/ - -body { - min-width: 960px; -} - -/* `Containers -----------------------------------------------------------------------------------------------------*/ - -.container_12 { - 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 { - display: inline; - float: left; - margin-left: 10px; - margin-right: 10px; -} - -.push_1, .pull_1, -.push_2, .pull_2, -.push_3, .pull_3, -.push_4, .pull_4, -.push_5, .pull_5, -.push_6, .pull_6, -.push_7, .pull_7, -.push_8, .pull_8, -.push_9, .pull_9, -.push_10, .pull_10, -.push_11, .pull_11 { - position: relative; -} - -/* `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_3 { - width: 220px; -} - -.container_12 .grid_4 { - width: 300px; -} - -.container_12 .grid_5 { - width: 380px; -} - -.container_12 .grid_6 { - width: 460px; -} - -.container_12 .grid_7 { - width: 540px; -} - -.container_12 .grid_8 { - width: 620px; -} - -.container_12 .grid_9 { - width: 700px; -} - -.container_12 .grid_10 { - width: 780px; -} - -.container_12 .grid_11 { - width: 860px; -} - -.container_12 .grid_12 { - width: 940px; -} - -/* `Prefix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .prefix_1 { - padding-left: 80px; -} - -.container_12 .prefix_2 { - padding-left: 160px; -} - -.container_12 .prefix_3 { - padding-left: 240px; -} - -.container_12 .prefix_4 { - padding-left: 320px; -} - -.container_12 .prefix_5 { - padding-left: 400px; -} - -.container_12 .prefix_6 { - padding-left: 480px; -} - -.container_12 .prefix_7 { - padding-left: 560px; -} - -.container_12 .prefix_8 { - padding-left: 640px; -} - -.container_12 .prefix_9 { - padding-left: 720px; -} - -.container_12 .prefix_10 { - padding-left: 800px; -} - -.container_12 .prefix_11 { - padding-left: 880px; -} - -/* `Suffix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .suffix_1 { - padding-right: 80px; -} - -.container_12 .suffix_2 { - padding-right: 160px; -} - -.container_12 .suffix_3 { - padding-right: 240px; -} - -.container_12 .suffix_4 { - padding-right: 320px; -} - -.container_12 .suffix_5 { - padding-right: 400px; -} - -.container_12 .suffix_6 { - padding-right: 480px; -} - -.container_12 .suffix_7 { - padding-right: 560px; -} - -.container_12 .suffix_8 { - padding-right: 640px; -} - -.container_12 .suffix_9 { - padding-right: 720px; -} - -.container_12 .suffix_10 { - padding-right: 800px; -} - -.container_12 .suffix_11 { - padding-right: 880px; -} - -/* `Push Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .push_1 { - left: 80px; -} - -.container_12 .push_2 { - left: 160px; -} - -.container_12 .push_3 { - left: 240px; -} - -.container_12 .push_4 { - left: 320px; -} - -.container_12 .push_5 { - left: 400px; -} - -.container_12 .push_6 { - left: 480px; -} - -.container_12 .push_7 { - left: 560px; -} - -.container_12 .push_8 { - left: 640px; -} - -.container_12 .push_9 { - left: 720px; -} - -.container_12 .push_10 { - left: 800px; -} - -.container_12 .push_11 { - left: 880px; -} - -/* `Pull Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .pull_1 { - left: -80px; -} - -.container_12 .pull_2 { - left: -160px; -} - -.container_12 .pull_3 { - left: -240px; -} - -.container_12 .pull_4 { - left: -320px; -} - -.container_12 .pull_5 { - left: -400px; -} - -.container_12 .pull_6 { - left: -480px; -} - -.container_12 .pull_7 { - left: -560px; -} - -.container_12 .pull_8 { - left: -640px; -} - -.container_12 .pull_9 { - left: -720px; -} - -.container_12 .pull_10 { - left: -800px; -} - -.container_12 .pull_11 { - left: -880px; -} - -/* `Clear Floated Elements -----------------------------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ - -.clearfix:before, -.clearfix:after, -.container_12:before, -.container_12:after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.clearfix:after, -.container_12:after { - clear: both; -} - -/* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. -*/ - -.clearfix, -.container_12 { - zoom: 1; -} \ No newline at end of file diff --git a/assets/css/12col/960.min.css b/assets/css/12col/960.min.css deleted file mode 100644 index 7dc6fe6..0000000 --- a/assets/css/12col/960.min.css +++ /dev/null @@ -1 +0,0 @@ -body{min-width:960px}.container_12{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_3{width:220px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_6{width:460px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_9{width:700px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_12 .grid_12{width:940px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_3{padding-left:240px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_6{padding-left:480px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_9{padding-left:720px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_3{padding-right:240px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_6{padding-right:480px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_9{padding-right:720px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_3{left:240px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_6{left:480px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_9{left:720px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_3{left:-240px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_6{left:-480px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_9{left:-720px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/12col/master.css b/assets/css/12col/master.css deleted file mode 100644 index 149b514..0000000 --- a/assets/css/12col/master.css +++ /dev/null @@ -1,120 +0,0 @@ -@import 'reset.css'; -@import 'text.css'; - -/* `Basic HTML -----------------------------------------------------------------------------------------------------*/ - -body { - background: #fff; - color: #333; -} - -h1 { - background: #eee url(../images/h1.png) no-repeat right center; - border-bottom: 1px solid #ccc; - padding: 10px 90px 10px 15px; - text-shadow: #fff 0 1px 0; -} - -h2, -h3, -h4, -h5, -h6 { - line-height: 1; -} - -a { - color: #06c; -} - -a:hover { - color: #c60; -} - -small { - font-size: 11px; -} - -/* `Misc Classes -----------------------------------------------------------------------------------------------------*/ - -.align_center { - text-align: center; -} - -.align_right { - text-align: right; -} - -/* `Data Table -----------------------------------------------------------------------------------------------------*/ - -.data, -.data th, -.data td { - border-style: solid; - border-color: #ddd; -} - -.data { - border-width: 0 1px 1px; - width: 100%; -} - -.data caption { - padding: 0 10px 5px; - text-transform: uppercase; -} - -.data th, -.data td { - border-top-width: 1px; - padding: 5px 10px; -} - -.data th { - white-space: nowrap; -} - -.data thead th { - background: #eee; - font-weight: bold; - text-shadow: #fff 0 1px 0; -} - -.data tbody th { - width: 1px; -} - -.data tr th:first-child { - text-align: right; -} - -/* `Code -----------------------------------------------------------------------------------------------------*/ - -pre, -code { - font-size: 12px; - font-family: Menlo, Courier, monospace; -} - -pre, -.notice { - background: #ffe; - border: 1px solid; - border-color: #eed #ccb #bba #ddc; - overflow: auto; - padding: 10px 0 10px 10px; -} - -* html pre { - overflow: hidden; - width: 97%; -} - -code { - background: #ff9; - padding: 0 2px; -} \ No newline at end of file diff --git a/assets/css/12col/mobile.css b/assets/css/12col/mobile.css deleted file mode 100644 index 1351cf2..0000000 --- a/assets/css/12col/mobile.css +++ /dev/null @@ -1,26 +0,0 @@ -.grid_1, -.grid_2, -.grid_3, -.grid_4, -.grid_5, -.grid_6, -.grid_7, -.grid_8, -.grid_9, -.grid_10, -.grid_11, -.grid_12 { - margin-left: 10px; - margin-right: 10px; -} - -.alpha, -.omega { - margin-left: 0; - margin-right: 0; -} - -.align_center, -.align_right { - text-align: left; -} \ No newline at end of file diff --git a/assets/css/12col/mobile.min.css b/assets/css/12col/mobile.min.css deleted file mode 100644 index a085546..0000000 --- a/assets/css/12col/mobile.min.css +++ /dev/null @@ -1 +0,0 @@ -.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{margin-left:10px;margin-right:10px}.alpha,.omega{margin-left:0;margin-right:0}.align_center,.align_right{text-align:left} \ No newline at end of file diff --git a/assets/css/12col/reset.css b/assets/css/12col/reset.css deleted file mode 100644 index 0af7c26..0000000 --- a/assets/css/12col/reset.css +++ /dev/null @@ -1,207 +0,0 @@ -/* `XHTML, HTML4, HTML5 Reset -----------------------------------------------------------------------------------------------------*/ - -a, -abbr, -acronym, -address, -applet, -article, -aside, -audio, -b, -big, -blockquote, -body, -canvas, -caption, -center, -cite, -code, -dd, -del, -details, -dfn, -dialog, -div, -dl, -dt, -em, -embed, -fieldset, -figcaption, -figure, -font, -footer, -form, -h1, -h2, -h3, -h4, -h5, -h6, -header, -hgroup, -hr, -html, -i, -iframe, -img, -ins, -kbd, -label, -legend, -li, -mark, -menu, -meter, -nav, -object, -ol, -output, -p, -pre, -progress, -q, -rp, -rt, -ruby, -s, -samp, -section, -small, -span, -strike, -strong, -sub, -summary, -sup, -table, -tbody, -td, -tfoot, -th, -thead, -time, -tr, -tt, -u, -ul, -var, -video, -xmp { - border: 0; - margin: 0; - padding: 0; - font-size: 100%; -} - -html, -body { - height: 100%; -} - -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -menu, -nav, -section { -/* - Override the default (display: inline) for - browsers that do not recognize HTML5 tags. - - IE8 (and lower) requires a shiv: - http://ejohn.org/blog/html5-shiv -*/ - display: block; -} - -b, -strong { -/* - Makes browsers agree. - IE + Opera = font-weight: bold. - Gecko + WebKit = font-weight: bolder. -*/ - font-weight: bold; -} - -img { - color: transparent; - font-size: 0; - vertical-align: middle; -/* - For IE. - http://css-tricks.com/ie-fix-bicubic-scaling-for-images -*/ - -ms-interpolation-mode: bicubic; -} - -li { -/* - For IE6 + IE7: - - "display: list-item" keeps bullets from - disappearing if hasLayout is triggered. -*/ - display: list-item; - list-style: none; -} - -table { - border-collapse: collapse; - border-spacing: 0; -} - -th, -td, -caption { - font-weight: normal; - vertical-align: top; - text-align: left; -} - -q { - quotes: none; -} - -q:before, -q:after { - content: ''; - content: none; -} - -sub, -sup, -small { - font-size: 75%; -} - -sub, -sup { - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -svg { -/* - For IE9. Without, occasionally draws shapes - outside the boundaries of rectangle. -*/ - overflow: hidden; -} \ No newline at end of file diff --git a/assets/css/12col/text.css b/assets/css/12col/text.css deleted file mode 100644 index af8df54..0000000 --- a/assets/css/12col/text.css +++ /dev/null @@ -1,81 +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; -} - -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, -figure { - margin-bottom: 20px; -} \ No newline at end of file diff --git a/assets/css/16col/1200.css b/assets/css/16col/1200.css deleted file mode 100755 index b9185c4..0000000 --- a/assets/css/16col/1200.css +++ /dev/null @@ -1,357 +0,0 @@ -/* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. - - Note: IE6 works fine without this fix. -*/ - -body { - min-width: 1200px; -} - -/* `Containers -----------------------------------------------------------------------------------------------------*/ - -.container_12 { - margin-left: auto; - margin-right: auto; - width: 1200px; -} - -/* `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; - margin-left: 10px; - margin-right: 10px; -} - -.push_1, .pull_1, -.push_2, .pull_2, -.push_3, .pull_3, -.push_4, .pull_4, -.push_5, .pull_5, -.push_6, .pull_6, -.push_7, .pull_7, -.push_8, .pull_8, -.push_9, .pull_9, -.push_10, .pull_10, -.push_11, .pull_11 { - position: relative; -} - -/* `Grid >> Children (Alpha ~ First, Omega ~ Last) -----------------------------------------------------------------------------------------------------*/ - -.alpha { - margin-left: 0; -} - -.omega { - margin-right: 0; -} - -/* `Grid >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .grid_1 { - width: 80px; -} - -.container_12 .grid_2 { - width: 180px; -} - -.container_12 .grid_3 { - width: 280px; -} - -.container_12 .grid_4 { - width: 380px; -} - -.container_12 .grid_5 { - width: 480px; -} - -.container_12 .grid_6 { - width: 580px; -} - -.container_12 .grid_7 { - width: 680px; -} - -.container_12 .grid_8 { - width: 780px; -} - -.container_12 .grid_9 { - width: 880px; -} - -.container_12 .grid_10 { - width: 980px; -} - -.container_12 .grid_11 { - width: 1080px; -} - -.container_12 .grid_12 { - width: 1180px; -} - -/* `Prefix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .prefix_1 { - padding-left: 100px; -} - -.container_12 .prefix_2 { - padding-left: 200px; -} - -.container_12 .prefix_3 { - padding-left: 300px; -} - -.container_12 .prefix_4 { - padding-left: 400px; -} - -.container_12 .prefix_5 { - padding-left: 500px; -} - -.container_12 .prefix_6 { - padding-left: 600px; -} - -.container_12 .prefix_7 { - padding-left: 700px; -} - -.container_12 .prefix_8 { - padding-left: 800px; -} - -.container_12 .prefix_9 { - padding-left: 900px; -} - -.container_12 .prefix_10 { - padding-left: 1000px; -} - -.container_12 .prefix_11 { - padding-left: 1100px; -} - -/* `Suffix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .suffix_1 { - padding-right: 100px; -} - -.container_12 .suffix_2 { - padding-right: 200px; -} - -.container_12 .suffix_3 { - padding-right: 300px; -} - -.container_12 .suffix_4 { - padding-right: 400px; -} - -.container_12 .suffix_5 { - padding-right: 500px; -} - -.container_12 .suffix_6 { - padding-right: 600px; -} - -.container_12 .suffix_7 { - padding-right: 700px; -} - -.container_12 .suffix_8 { - padding-right: 800px; -} - -.container_12 .suffix_9 { - padding-right: 900px; -} - -.container_12 .suffix_10 { - padding-right: 1000px; -} - -.container_12 .suffix_11 { - padding-right: 1100px; -} - -/* `Push Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .push_1 { - left: 100px; -} - -.container_12 .push_2 { - left: 200px; -} - -.container_12 .push_3 { - left: 300px; -} - -.container_12 .push_4 { - left: 400px; -} - -.container_12 .push_5 { - left: 500px; -} - -.container_12 .push_6 { - left: 600px; -} - -.container_12 .push_7 { - left: 700px; -} - -.container_12 .push_8 { - left: 800px; -} - -.container_12 .push_9 { - left: 900px; -} - -.container_12 .push_10 { - left: 1000px; -} - -.container_12 .push_11 { - left: 1100px; -} - -/* `Pull Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .pull_1 { - left: -100px; -} - -.container_12 .pull_2 { - left: -200px; -} - -.container_12 .pull_3 { - left: -300px; -} - -.container_12 .pull_4 { - left: -400px; -} - -.container_12 .pull_5 { - left: -500px; -} - -.container_12 .pull_6 { - left: -600px; -} - -.container_12 .pull_7 { - left: -700px; -} - -.container_12 .pull_8 { - left: -800px; -} - -.container_12 .pull_9 { - left: -900px; -} - -.container_12 .pull_10 { - left: -1000px; -} - -.container_12 .pull_11 { - left: -1100px; -} - -/* `Clear Floated Elements -----------------------------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ - -.clearfix:before, -.clearfix:after, -.container_12:before, -.container_12:after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.clearfix:after, -.container_12:after { - clear: both; -} - -/* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. -*/ - -.clearfix, -.container_12 { - zoom: 1; -} \ No newline at end of file diff --git a/assets/css/16col/1200.min.css b/assets/css/16col/1200.min.css deleted file mode 100644 index 53ec99b..0000000 --- a/assets/css/16col/1200.min.css +++ /dev/null @@ -1 +0,0 @@ -body{min-width:1200px}.container_12{margin-left:auto;margin-right:auto;width:1200px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:80px}.container_12 .grid_2{width:180px}.container_12 .grid_3{width:280px}.container_12 .grid_4{width:380px}.container_12 .grid_5{width:480px}.container_12 .grid_6{width:580px}.container_12 .grid_7{width:680px}.container_12 .grid_8{width:780px}.container_12 .grid_9{width:880px}.container_12 .grid_10{width:980px}.container_12 .grid_11{width:1080px}.container_12 .grid_12{width:1180px}.container_12 .prefix_1{padding-left:100px}.container_12 .prefix_2{padding-left:200px}.container_12 .prefix_3{padding-left:300px}.container_12 .prefix_4{padding-left:400px}.container_12 .prefix_5{padding-left:500px}.container_12 .prefix_6{padding-left:600px}.container_12 .prefix_7{padding-left:700px}.container_12 .prefix_8{padding-left:800px}.container_12 .prefix_9{padding-left:900px}.container_12 .prefix_10{padding-left:1000px}.container_12 .prefix_11{padding-left:1100px}.container_12 .suffix_1{padding-right:100px}.container_12 .suffix_2{padding-right:200px}.container_12 .suffix_3{padding-right:300px}.container_12 .suffix_4{padding-right:400px}.container_12 .suffix_5{padding-right:500px}.container_12 .suffix_6{padding-right:600px}.container_12 .suffix_7{padding-right:700px}.container_12 .suffix_8{padding-right:800px}.container_12 .suffix_9{padding-right:900px}.container_12 .suffix_10{padding-right:1000px}.container_12 .suffix_11{padding-right:1100px}.container_12 .push_1{left:100px}.container_12 .push_2{left:200px}.container_12 .push_3{left:300px}.container_12 .push_4{left:400px}.container_12 .push_5{left:500px}.container_12 .push_6{left:600px}.container_12 .push_7{left:700px}.container_12 .push_8{left:800px}.container_12 .push_9{left:900px}.container_12 .push_10{left:1000px}.container_12 .push_11{left:1100px}.container_12 .pull_1{left:-100px}.container_12 .pull_2{left:-200px}.container_12 .pull_3{left:-300px}.container_12 .pull_4{left:-400px}.container_12 .pull_5{left:-500px}.container_12 .pull_6{left:-600px}.container_12 .pull_7{left:-700px}.container_12 .pull_8{left:-800px}.container_12 .pull_9{left:-900px}.container_12 .pull_10{left:-1000px}.container_12 .pull_11{left:-1100px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/16col/1560.css b/assets/css/16col/1560.css deleted file mode 100755 index 88af16b..0000000 --- a/assets/css/16col/1560.css +++ /dev/null @@ -1,357 +0,0 @@ -/* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. - - Note: IE6 works fine without this fix. -*/ - -body { - min-width: 1560px; -} - -/* `Containers -----------------------------------------------------------------------------------------------------*/ - -.container_12 { - margin-left: auto; - margin-right: auto; - width: 1560px; -} - -/* `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; - margin-left: 10px; - margin-right: 10px; -} - -.push_1, .pull_1, -.push_2, .pull_2, -.push_3, .pull_3, -.push_4, .pull_4, -.push_5, .pull_5, -.push_6, .pull_6, -.push_7, .pull_7, -.push_8, .pull_8, -.push_9, .pull_9, -.push_10, .pull_10, -.push_11, .pull_11 { - position: relative; -} - -/* `Grid >> Children (Alpha ~ First, Omega ~ Last) -----------------------------------------------------------------------------------------------------*/ - -.alpha { - margin-left: 0; -} - -.omega { - margin-right: 0; -} - -/* `Grid >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .grid_1 { - width: 110px; -} - -.container_12 .grid_2 { - width: 240px; -} - -.container_12 .grid_3 { - width: 370px; -} - -.container_12 .grid_4 { - width: 500px; -} - -.container_12 .grid_5 { - width: 630px; -} - -.container_12 .grid_6 { - width: 760px; -} - -.container_12 .grid_7 { - width: 890px; -} - -.container_12 .grid_8 { - width: 1020px; -} - -.container_12 .grid_9 { - width: 1150px; -} - -.container_12 .grid_10 { - width: 1280px; -} - -.container_12 .grid_11 { - width: 1410px; -} - -.container_12 .grid_12 { - width: 1540px; -} - -/* `Prefix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .prefix_1 { - padding-left: 130px; -} - -.container_12 .prefix_2 { - padding-left: 260px; -} - -.container_12 .prefix_3 { - padding-left: 390px; -} - -.container_12 .prefix_4 { - padding-left: 520px; -} - -.container_12 .prefix_5 { - padding-left: 650px; -} - -.container_12 .prefix_6 { - padding-left: 780px; -} - -.container_12 .prefix_7 { - padding-left: 910px; -} - -.container_12 .prefix_8 { - padding-left: 1040px; -} - -.container_12 .prefix_9 { - padding-left: 1170px; -} - -.container_12 .prefix_10 { - padding-left: 1300px; -} - -.container_12 .prefix_11 { - padding-left: 1430px; -} - -/* `Suffix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .suffix_1 { - padding-right: 130px; -} - -.container_12 .suffix_2 { - padding-right: 260px; -} - -.container_12 .suffix_3 { - padding-right: 390px; -} - -.container_12 .suffix_4 { - padding-right: 520px; -} - -.container_12 .suffix_5 { - padding-right: 650px; -} - -.container_12 .suffix_6 { - padding-right: 780px; -} - -.container_12 .suffix_7 { - padding-right: 910px; -} - -.container_12 .suffix_8 { - padding-right: 1040px; -} - -.container_12 .suffix_9 { - padding-right: 1170px; -} - -.container_12 .suffix_10 { - padding-right: 1300px; -} - -.container_12 .suffix_11 { - padding-right: 1430px; -} - -/* `Push Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .push_1 { - left: 130px; -} - -.container_12 .push_2 { - left: 260px; -} - -.container_12 .push_3 { - left: 390px; -} - -.container_12 .push_4 { - left: 520px; -} - -.container_12 .push_5 { - left: 650px; -} - -.container_12 .push_6 { - left: 780px; -} - -.container_12 .push_7 { - left: 910px; -} - -.container_12 .push_8 { - left: 1040px; -} - -.container_12 .push_9 { - left: 1170px; -} - -.container_12 .push_10 { - left: 1300px; -} - -.container_12 .push_11 { - left: 1430px; -} - -/* `Pull Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .pull_1 { - left: -130px; -} - -.container_12 .pull_2 { - left: -260px; -} - -.container_12 .pull_3 { - left: -390px; -} - -.container_12 .pull_4 { - left: -520px; -} - -.container_12 .pull_5 { - left: -650px; -} - -.container_12 .pull_6 { - left: -780px; -} - -.container_12 .pull_7 { - left: -910px; -} - -.container_12 .pull_8 { - left: -1040px; -} - -.container_12 .pull_9 { - left: -1170px; -} - -.container_12 .pull_10 { - left: -1300px; -} - -.container_12 .pull_11 { - left: -1430px; -} - -/* `Clear Floated Elements -----------------------------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ - -.clearfix:before, -.clearfix:after, -.container_12:before, -.container_12:after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.clearfix:after, -.container_12:after { - clear: both; -} - -/* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. -*/ - -.clearfix, -.container_12 { - zoom: 1; -} \ No newline at end of file diff --git a/assets/css/16col/1560.min.css b/assets/css/16col/1560.min.css deleted file mode 100644 index 0b7aff6..0000000 --- a/assets/css/16col/1560.min.css +++ /dev/null @@ -1 +0,0 @@ -body{min-width:1560px}.container_12{margin-left:auto;margin-right:auto;width:1560px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:110px}.container_12 .grid_2{width:240px}.container_12 .grid_3{width:370px}.container_12 .grid_4{width:500px}.container_12 .grid_5{width:630px}.container_12 .grid_6{width:760px}.container_12 .grid_7{width:890px}.container_12 .grid_8{width:1020px}.container_12 .grid_9{width:1150px}.container_12 .grid_10{width:1280px}.container_12 .grid_11{width:1410px}.container_12 .grid_12{width:1540px}.container_12 .prefix_1{padding-left:130px}.container_12 .prefix_2{padding-left:260px}.container_12 .prefix_3{padding-left:390px}.container_12 .prefix_4{padding-left:520px}.container_12 .prefix_5{padding-left:650px}.container_12 .prefix_6{padding-left:780px}.container_12 .prefix_7{padding-left:910px}.container_12 .prefix_8{padding-left:1040px}.container_12 .prefix_9{padding-left:1170px}.container_12 .prefix_10{padding-left:1300px}.container_12 .prefix_11{padding-left:1430px}.container_12 .suffix_1{padding-right:130px}.container_12 .suffix_2{padding-right:260px}.container_12 .suffix_3{padding-right:390px}.container_12 .suffix_4{padding-right:520px}.container_12 .suffix_5{padding-right:650px}.container_12 .suffix_6{padding-right:780px}.container_12 .suffix_7{padding-right:910px}.container_12 .suffix_8{padding-right:1040px}.container_12 .suffix_9{padding-right:1170px}.container_12 .suffix_10{padding-right:1300px}.container_12 .suffix_11{padding-right:1430px}.container_12 .push_1{left:130px}.container_12 .push_2{left:260px}.container_12 .push_3{left:390px}.container_12 .push_4{left:520px}.container_12 .push_5{left:650px}.container_12 .push_6{left:780px}.container_12 .push_7{left:910px}.container_12 .push_8{left:1040px}.container_12 .push_9{left:1170px}.container_12 .push_10{left:1300px}.container_12 .push_11{left:1430px}.container_12 .pull_1{left:-130px}.container_12 .pull_2{left:-260px}.container_12 .pull_3{left:-390px}.container_12 .pull_4{left:-520px}.container_12 .pull_5{left:-650px}.container_12 .pull_6{left:-780px}.container_12 .pull_7{left:-910px}.container_12 .pull_8{left:-1040px}.container_12 .pull_9{left:-1170px}.container_12 .pull_10{left:-1300px}.container_12 .pull_11{left:-1430px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/16col/1920.css b/assets/css/16col/1920.css deleted file mode 100644 index e9d303a..0000000 --- a/assets/css/16col/1920.css +++ /dev/null @@ -1,358 +0,0 @@ -/* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. - - Note: IE6 works fine without this fix. -*/ - -body { - min-width: 1920px; -} - -/* Containers -----------------------------------------------------------------------------------------------------*/ - -.container_12 { - margin-left: auto; - margin-right: auto; - width: 1920px; -} - -/* 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; - margin-left: 10px; - margin-right: 10px; -} - -.push_1, .pull_1, -.push_2, .pull_2, -.push_3, .pull_3, -.push_4, .pull_4, -.push_5, .pull_5, -.push_6, .pull_6, -.push_7, .pull_7, -.push_8, .pull_8, -.push_9, .pull_9, -.push_10, .pull_10, -.push_11, .pull_11, -.push_12, .pull_12 { - position: relative; -} - -/* Grid >> Children (Alpha ~ First, Omega ~ Last) -----------------------------------------------------------------------------------------------------*/ - -.alpha { - margin-left: 0; -} - -.omega { - margin-right: 0; -} - -/* Grid >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .grid_1 { - width: 140px; -} - -.container_12 .grid_2 { - width: 300px; -} - -.container_12 .grid_3 { - width: 460px; -} - -.container_12 .grid_4 { - width: 620px; -} - -.container_12 .grid_5 { - width: 780px; -} - -.container_12 .grid_6 { - width: 940px; -} - -.container_12 .grid_7 { - width: 1100px; -} - -.container_12 .grid_8 { - width: 1260px; -} - -.container_12 .grid_9 { - width: 1420px; -} - -.container_12 .grid_10 { - width: 1580px; -} - -.container_12 .grid_11 { - width: 1740px; -} - -.container_12 .grid_12 { - width: 1900px; -} - -/* Prefix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .prefix_1 { - padding-left: 160px; -} - -.container_12 .prefix_2 { - padding-left: 320px; -} - -.container_12 .prefix_3 { - padding-left: 480px; -} - -.container_12 .prefix_4 { - padding-left: 640px; -} - -.container_12 .prefix_5 { - padding-left: 800px; -} - -.container_12 .prefix_6 { - padding-left: 960px; -} - -.container_12 .prefix_7 { - padding-left: 1120px; -} - -.container_12 .prefix_8 { - padding-left: 1280px; -} - -.container_12 .prefix_9 { - padding-left: 1440px; -} - -.container_12 .prefix_10 { - padding-left: 1600px; -} - -.container_12 .prefix_11 { - padding-left: 1760px; -} - -/* Suffix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .suffix_1 { - padding-right: 160px; -} - -.container_12 .suffix_2 { - padding-right: 320px; -} - -.container_12 .suffix_3 { - padding-right: 480px; -} - -.container_12 .suffix_4 { - padding-right: 640px; -} - -.container_12 .suffix_5 { - padding-right: 800px; -} - -.container_12 .suffix_6 { - padding-right: 960px; -} - -.container_12 .suffix_7 { - padding-right: 1120px; -} - -.container_12 .suffix_8 { - padding-right: 1280px; -} - -.container_12 .suffix_9 { - padding-right: 1440px; -} - -.container_12 .suffix_10 { - padding-right: 1600px; -} - -.container_12 .suffix_11 { - padding-right: 1760px; -} - -/* Push Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .push_1 { - left: 160px; -} - -.container_12 .push_2 { - left: 320px; -} - -.container_12 .push_3 { - left: 480px; -} - -.container_12 .push_4 { - left: 640px; -} - -.container_12 .push_5 { - left: 800px; -} - -.container_12 .push_6 { - left: 960px; -} - -.container_12 .push_7 { - left: 1120px; -} - -.container_12 .push_8 { - left: 1280px; -} - -.container_12 .push_9 { - left: 1440px; -} - -.container_12 .push_10 { - left: 1600px; -} - -.container_12 .push_11 { - left: 1760px; -} - -/* Pull Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .pull_1 { - left: -160px; -} - -.container_12 .pull_2 { - left: -320px; -} - -.container_12 .pull_3 { - left: -480px; -} - -.container_12 .pull_4 { - left: -640px; -} - -.container_12 .pull_5 { - left: -800px; -} - -.container_12 .pull_6 { - left: -960px; -} - -.container_12 .pull_7 { - left: -1120px; -} - -.container_12 .pull_8 { - left: -1280px; -} - -.container_12 .pull_9 { - left: -1440px; -} - -.container_12 .pull_10 { - left: -1600px; -} - -.container_12 .pull_11 { - left: -1760px; -} - -/* `Clear Floated Elements -----------------------------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ - -.clearfix:before, -.clearfix:after, -.container_12:before, -.container_12:after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.clearfix:after, -.container_12:after { - clear: both; -} - -/* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. -*/ - -.clearfix, -.container_12 { - zoom: 1; -} \ No newline at end of file diff --git a/assets/css/16col/1920.min.css b/assets/css/16col/1920.min.css deleted file mode 100644 index c330971..0000000 --- a/assets/css/16col/1920.min.css +++ /dev/null @@ -1 +0,0 @@ -body{min-width:1920px}.container_12{margin-left:auto;margin-right:auto;width:1920px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:140px}.container_12 .grid_2{width:300px}.container_12 .grid_3{width:460px}.container_12 .grid_4{width:620px}.container_12 .grid_5{width:780px}.container_12 .grid_6{width:940px}.container_12 .grid_7{width:1100px}.container_12 .grid_8{width:1260px}.container_12 .grid_9{width:1420px}.container_12 .grid_10{width:1580px}.container_12 .grid_11{width:1740px}.container_12 .grid_12{width:1900px}.container_12 .prefix_1{padding-left:160px}.container_12 .prefix_2{padding-left:320px}.container_12 .prefix_3{padding-left:480px}.container_12 .prefix_4{padding-left:640px}.container_12 .prefix_5{padding-left:800px}.container_12 .prefix_6{padding-left:960px}.container_12 .prefix_7{padding-left:1120px}.container_12 .prefix_8{padding-left:1280px}.container_12 .prefix_9{padding-left:1440px}.container_12 .prefix_10{padding-left:1600px}.container_12 .prefix_11{padding-left:1760px}.container_12 .suffix_1{padding-right:160px}.container_12 .suffix_2{padding-right:320px}.container_12 .suffix_3{padding-right:480px}.container_12 .suffix_4{padding-right:640px}.container_12 .suffix_5{padding-right:800px}.container_12 .suffix_6{padding-right:960px}.container_12 .suffix_7{padding-right:1120px}.container_12 .suffix_8{padding-right:1280px}.container_12 .suffix_9{padding-right:1440px}.container_12 .suffix_10{padding-right:1600px}.container_12 .suffix_11{padding-right:1760px}.container_12 .push_1{left:160px}.container_12 .push_2{left:320px}.container_12 .push_3{left:480px}.container_12 .push_4{left:640px}.container_12 .push_5{left:800px}.container_12 .push_6{left:960px}.container_12 .push_7{left:1120px}.container_12 .push_8{left:1280px}.container_12 .push_9{left:1440px}.container_12 .push_10{left:1600px}.container_12 .push_11{left:1760px}.container_12 .pull_1{left:-160px}.container_12 .pull_2{left:-320px}.container_12 .pull_3{left:-480px}.container_12 .pull_4{left:-640px}.container_12 .pull_5{left:-800px}.container_12 .pull_6{left:-960px}.container_12 .pull_7{left:-1120px}.container_12 .pull_8{left:-1280px}.container_12 .pull_9{left:-1440px}.container_12 .pull_10{left:-1600px}.container_12 .pull_11{left:-1760px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/16col/2520.css b/assets/css/16col/2520.css deleted file mode 100644 index 8045ce9..0000000 --- a/assets/css/16col/2520.css +++ /dev/null @@ -1,359 +0,0 @@ -/* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. - - Note: IE6 works fine without this fix. -*/ - -body { - min-width: 2520px; -} - -/* Containers -----------------------------------------------------------------------------------------------------*/ - -.container_12 { - margin-left: auto; - margin-right: auto; - width: 2520px; -} - -/* 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; - margin-left: 10px; - margin-right: 10px; -} - -.push_1, .pull_1, -.push_2, .pull_2, -.push_3, .pull_3, -.push_4, .pull_4, -.push_5, .pull_5, -.push_6, .pull_6, -.push_7, .pull_7, -.push_8, .pull_8, -.push_9, .pull_9, -.push_10, .pull_10, -.push_11, .pull_11, -.push_12, .pull_12 { - position: relative; -} - -/* Grid >> Children (Alpha ~ First, Omega ~ Last) -----------------------------------------------------------------------------------------------------*/ - -.alpha { - margin-left: 0; -} - -.omega { - margin-right: 0; -} - -/* Grid >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - - -.container_12 .grid_1 { - width: 190px; -} - -.container_12 .grid_2 { - width: 400px; -} - -.container_12 .grid_3 { - width: 610px; -} - -.container_12 .grid_4 { - width: 820px; -} - -.container_12 .grid_5 { - width: 1030px; -} - -.container_12 .grid_6 { - width: 1240px; -} - -.container_12 .grid_7 { - width: 1450px; -} - -.container_12 .grid_8 { - width: 1660px; -} - -.container_12 .grid_9 { - width: 1870px; -} - -.container_12 .grid_10 { - width: 2080px; -} - -.container_12 .grid_11 { - width: 2290px; -} - -.container_12 .grid_12 { - width: 2500px; -} - -/* Prefix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .prefix_1 { - padding-left: 210px; -} - -.container_12 .prefix_2 { - padding-left: 420px; -} - -.container_12 .prefix_3 { - padding-left: 630px; -} - -.container_12 .prefix_4 { - padding-left: 840px; -} - -.container_12 .prefix_5 { - padding-left: 1050px; -} - -.container_12 .prefix_6 { - padding-left: 1260px; -} - -.container_12 .prefix_7 { - padding-left: 1470px; -} - -.container_12 .prefix_8 { - padding-left: 1680px; -} - -.container_12 .prefix_9 { - padding-left: 1890px; -} - -.container_12 .prefix_10 { - padding-left: 2100px; -} - -.container_12 .prefix_11 { - padding-left: 2310px; -} - -/* Suffix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .suffix_1 { - padding-right: 210px; -} - -.container_12 .suffix_2 { - padding-right: 420px; -} - -.container_12 .suffix_3 { - padding-right: 630px; -} - -.container_12 .suffix_4 { - padding-right: 840px; -} - -.container_12 .suffix_5 { - padding-right: 1050px; -} - -.container_12 .suffix_6 { - padding-right: 1260px; -} - -.container_12 .suffix_7 { - padding-right: 1470px; -} - -.container_12 .suffix_8 { - padding-right: 1680px; -} - -.container_12 .suffix_9 { - padding-right: 1890px; -} - -.container_12 .suffix_10 { - padding-right: 2100px; -} - -.container_12 .suffix_11 { - padding-right: 2310px; -} - -/* Push Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .push_1 { - left: 210px; -} - -.container_12 .push_2 { - left: 420px; -} - -.container_12 .push_3 { - left: 630px; -} - -.container_12 .push_4 { - left: 840px; -} - -.container_12 .push_5 { - left: 1050px; -} - -.container_12 .push_6 { - left: 1260px; -} - -.container_12 .push_7 { - left: 1470px; -} - -.container_12 .push_8 { - left: 1680px; -} - -.container_12 .push_9 { - left: 1890px; -} - -.container_12 .push_10 { - left: 2100px; -} - -.container_12 .push_11 { - left: 2310px; -} - -/* Pull Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .pull_1 { - left: -210px; -} - -.container_12 .pull_2 { - left: -420px; -} - -.container_12 .pull_3 { - left: -630px; -} - -.container_12 .pull_4 { - left: -840px; -} - -.container_12 .pull_5 { - left: -1050px; -} - -.container_12 .pull_6 { - left: -1260px; -} - -.container_12 .pull_7 { - left: -1470px; -} - -.container_12 .pull_8 { - left: -1680px; -} - -.container_12 .pull_9 { - left: -1890px; -} - -.container_12 .pull_10 { - left: -2100px; -} - -.container_12 .pull_11 { - left: -2310px; -} - -/* `Clear Floated Elements -----------------------------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ - -.clearfix:before, -.clearfix:after, -.container_12:before, -.container_12:after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.clearfix:after, -.container_12:after { - clear: both; -} - -/* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. -*/ - -.clearfix, -.container_12 { - zoom: 1; -} \ No newline at end of file diff --git a/assets/css/16col/2520.min.css b/assets/css/16col/2520.min.css deleted file mode 100644 index e56fd2b..0000000 --- a/assets/css/16col/2520.min.css +++ /dev/null @@ -1 +0,0 @@ -body{min-width:2520px}.container_12{margin-left:auto;margin-right:auto;width:2520px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:190px}.container_12 .grid_2{width:400px}.container_12 .grid_3{width:610px}.container_12 .grid_4{width:820px}.container_12 .grid_5{width:1030px}.container_12 .grid_6{width:1240px}.container_12 .grid_7{width:1450px}.container_12 .grid_8{width:1660px}.container_12 .grid_9{width:1870px}.container_12 .grid_10{width:2080px}.container_12 .grid_11{width:2290px}.container_12 .grid_12{width:2500px}.container_12 .prefix_1{padding-left:210px}.container_12 .prefix_2{padding-left:420px}.container_12 .prefix_3{padding-left:630px}.container_12 .prefix_4{padding-left:840px}.container_12 .prefix_5{padding-left:1050px}.container_12 .prefix_6{padding-left:1260px}.container_12 .prefix_7{padding-left:1470px}.container_12 .prefix_8{padding-left:1680px}.container_12 .prefix_9{padding-left:1890px}.container_12 .prefix_10{padding-left:2100px}.container_12 .prefix_11{padding-left:2310px}.container_12 .suffix_1{padding-right:210px}.container_12 .suffix_2{padding-right:420px}.container_12 .suffix_3{padding-right:630px}.container_12 .suffix_4{padding-right:840px}.container_12 .suffix_5{padding-right:1050px}.container_12 .suffix_6{padding-right:1260px}.container_12 .suffix_7{padding-right:1470px}.container_12 .suffix_8{padding-right:1680px}.container_12 .suffix_9{padding-right:1890px}.container_12 .suffix_10{padding-right:2100px}.container_12 .suffix_11{padding-right:2310px}.container_12 .push_1{left:210px}.container_12 .push_2{left:420px}.container_12 .push_3{left:630px}.container_12 .push_4{left:840px}.container_12 .push_5{left:1050px}.container_12 .push_6{left:1260px}.container_12 .push_7{left:1470px}.container_12 .push_8{left:1680px}.container_12 .push_9{left:1890px}.container_12 .push_10{left:2100px}.container_12 .push_11{left:2310px}.container_12 .pull_1{left:-210px}.container_12 .pull_2{left:-420px}.container_12 .pull_3{left:-630px}.container_12 .pull_4{left:-840px}.container_12 .pull_5{left:-1050px}.container_12 .pull_6{left:-1260px}.container_12 .pull_7{left:-1470px}.container_12 .pull_8{left:-1680px}.container_12 .pull_9{left:-1890px}.container_12 .pull_10{left:-2100px}.container_12 .pull_11{left:-2310px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/16col/720.css b/assets/css/16col/720.css deleted file mode 100755 index ba66200..0000000 --- a/assets/css/16col/720.css +++ /dev/null @@ -1,357 +0,0 @@ -/* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. - - Note: IE6 works fine without this fix. -*/ - -body { - min-width: 720px; -} - -/* `Containers -----------------------------------------------------------------------------------------------------*/ - -.container_12 { - margin-left: auto; - margin-right: auto; - width: 720px; -} - -/* `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; - margin-left: 10px; - margin-right: 10px; -} - -.push_1, .pull_1, -.push_2, .pull_2, -.push_3, .pull_3, -.push_4, .pull_4, -.push_5, .pull_5, -.push_6, .pull_6, -.push_7, .pull_7, -.push_8, .pull_8, -.push_9, .pull_9, -.push_10, .pull_10, -.push_11, .pull_11 { - position: relative; -} - -/* `Grid >> Children (Alpha ~ First, Omega ~ Last) -----------------------------------------------------------------------------------------------------*/ - -.alpha { - margin-left: 0; -} - -.omega { - margin-right: 0; -} - -/* `Grid >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .grid_1 { - width: 40px; -} - -.container_12 .grid_2 { - width: 100px; -} - -.container_12 .grid_3 { - width: 160px; -} - -.container_12 .grid_4 { - width: 220px; -} - -.container_12 .grid_5 { - width: 280px; -} - -.container_12 .grid_6 { - width: 340px; -} - -.container_12 .grid_7 { - width: 400px; -} - -.container_12 .grid_8 { - width: 460px; -} - -.container_12 .grid_9 { - width: 520px; -} - -.container_12 .grid_10 { - width: 580px; -} - -.container_12 .grid_11 { - width: 640px; -} - -.container_12 .grid_12 { - width: 700px; -} - -/* `Prefix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .prefix_1 { - padding-left: 60px; -} - -.container_12 .prefix_2 { - padding-left: 120px; -} - -.container_12 .prefix_3 { - padding-left: 180px; -} - -.container_12 .prefix_4 { - padding-left: 240px; -} - -.container_12 .prefix_5 { - padding-left: 300px; -} - -.container_12 .prefix_6 { - padding-left: 360px; -} - -.container_12 .prefix_7 { - padding-left: 420px; -} - -.container_12 .prefix_8 { - padding-left: 480px; -} - -.container_12 .prefix_9 { - padding-left: 540px; -} - -.container_12 .prefix_10 { - padding-left: 600px; -} - -.container_12 .prefix_11 { - padding-left: 660px; -} - -/* `Suffix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .suffix_1 { - padding-right: 60px; -} - -.container_12 .suffix_2 { - padding-right: 120px; -} - -.container_12 .suffix_3 { - padding-right: 180px; -} - -.container_12 .suffix_4 { - padding-right: 240px; -} - -.container_12 .suffix_5 { - padding-right: 300px; -} - -.container_12 .suffix_6 { - padding-right: 360px; -} - -.container_12 .suffix_7 { - padding-right: 420px; -} - -.container_12 .suffix_8 { - padding-right: 480px; -} - -.container_12 .suffix_9 { - padding-right: 540px; -} - -.container_12 .suffix_10 { - padding-right: 600px; -} - -.container_12 .suffix_11 { - padding-right: 660px; -} - -/* `Push Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .push_1 { - left: 60px; -} - -.container_12 .push_2 { - left: 120px; -} - -.container_12 .push_3 { - left: 180px; -} - -.container_12 .push_4 { - left: 240px; -} - -.container_12 .push_5 { - left: 300px; -} - -.container_12 .push_6 { - left: 360px; -} - -.container_12 .push_7 { - left: 420px; -} - -.container_12 .push_8 { - left: 480px; -} - -.container_12 .push_9 { - left: 540px; -} - -.container_12 .push_10 { - left: 600px; -} - -.container_12 .push_11 { - left: 660px; -} - -/* `Pull Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .pull_1 { - left: -60px; -} - -.container_12 .pull_2 { - left: -120px; -} - -.container_12 .pull_3 { - left: -180px; -} - -.container_12 .pull_4 { - left: -240px; -} - -.container_12 .pull_5 { - left: -300px; -} - -.container_12 .pull_6 { - left: -360px; -} - -.container_12 .pull_7 { - left: -420px; -} - -.container_12 .pull_8 { - left: -480px; -} - -.container_12 .pull_9 { - left: -540px; -} - -.container_12 .pull_10 { - left: -600px; -} - -.container_12 .pull_11 { - left: -660px; -} - -/* `Clear Floated Elements -----------------------------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ - -.clearfix:before, -.clearfix:after, -.container_12:before, -.container_12:after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.clearfix:after, -.container_12:after { - clear: both; -} - -/* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. -*/ - -.clearfix, -.container_12 { - zoom: 1; -} \ No newline at end of file diff --git a/assets/css/16col/720.min.css b/assets/css/16col/720.min.css deleted file mode 100644 index ed4ac41..0000000 --- a/assets/css/16col/720.min.css +++ /dev/null @@ -1 +0,0 @@ -body{min-width:720px}.container_12{margin-left:auto;margin-right:auto;width:720px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:40px}.container_12 .grid_2{width:100px}.container_12 .grid_3{width:160px}.container_12 .grid_4{width:220px}.container_12 .grid_5{width:280px}.container_12 .grid_6{width:340px}.container_12 .grid_7{width:400px}.container_12 .grid_8{width:460px}.container_12 .grid_9{width:520px}.container_12 .grid_10{width:580px}.container_12 .grid_11{width:640px}.container_12 .grid_12{width:700px}.container_12 .prefix_1{padding-left:60px}.container_12 .prefix_2{padding-left:120px}.container_12 .prefix_3{padding-left:180px}.container_12 .prefix_4{padding-left:240px}.container_12 .prefix_5{padding-left:300px}.container_12 .prefix_6{padding-left:360px}.container_12 .prefix_7{padding-left:420px}.container_12 .prefix_8{padding-left:480px}.container_12 .prefix_9{padding-left:540px}.container_12 .prefix_10{padding-left:600px}.container_12 .prefix_11{padding-left:660px}.container_12 .suffix_1{padding-right:60px}.container_12 .suffix_2{padding-right:120px}.container_12 .suffix_3{padding-right:180px}.container_12 .suffix_4{padding-right:240px}.container_12 .suffix_5{padding-right:300px}.container_12 .suffix_6{padding-right:360px}.container_12 .suffix_7{padding-right:420px}.container_12 .suffix_8{padding-right:480px}.container_12 .suffix_9{padding-right:540px}.container_12 .suffix_10{padding-right:600px}.container_12 .suffix_11{padding-right:660px}.container_12 .push_1{left:60px}.container_12 .push_2{left:120px}.container_12 .push_3{left:180px}.container_12 .push_4{left:240px}.container_12 .push_5{left:300px}.container_12 .push_6{left:360px}.container_12 .push_7{left:420px}.container_12 .push_8{left:480px}.container_12 .push_9{left:540px}.container_12 .push_10{left:600px}.container_12 .push_11{left:660px}.container_12 .pull_1{left:-60px}.container_12 .pull_2{left:-120px}.container_12 .pull_3{left:-180px}.container_12 .pull_4{left:-240px}.container_12 .pull_5{left:-300px}.container_12 .pull_6{left:-360px}.container_12 .pull_7{left:-420px}.container_12 .pull_8{left:-480px}.container_12 .pull_9{left:-540px}.container_12 .pull_10{left:-600px}.container_12 .pull_11{left:-660px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/16col/960.css b/assets/css/16col/960.css deleted file mode 100644 index bdb7324..0000000 --- a/assets/css/16col/960.css +++ /dev/null @@ -1,357 +0,0 @@ -/* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. - - Note: IE6 works fine without this fix. -*/ - -body { - min-width: 960px; -} - -/* `Containers -----------------------------------------------------------------------------------------------------*/ - -.container_12 { - 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 { - display: inline; - float: left; - margin-left: 10px; - margin-right: 10px; -} - -.push_1, .pull_1, -.push_2, .pull_2, -.push_3, .pull_3, -.push_4, .pull_4, -.push_5, .pull_5, -.push_6, .pull_6, -.push_7, .pull_7, -.push_8, .pull_8, -.push_9, .pull_9, -.push_10, .pull_10, -.push_11, .pull_11 { - position: relative; -} - -/* `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_3 { - width: 220px; -} - -.container_12 .grid_4 { - width: 300px; -} - -.container_12 .grid_5 { - width: 380px; -} - -.container_12 .grid_6 { - width: 460px; -} - -.container_12 .grid_7 { - width: 540px; -} - -.container_12 .grid_8 { - width: 620px; -} - -.container_12 .grid_9 { - width: 700px; -} - -.container_12 .grid_10 { - width: 780px; -} - -.container_12 .grid_11 { - width: 860px; -} - -.container_12 .grid_12 { - width: 940px; -} - -/* `Prefix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .prefix_1 { - padding-left: 80px; -} - -.container_12 .prefix_2 { - padding-left: 160px; -} - -.container_12 .prefix_3 { - padding-left: 240px; -} - -.container_12 .prefix_4 { - padding-left: 320px; -} - -.container_12 .prefix_5 { - padding-left: 400px; -} - -.container_12 .prefix_6 { - padding-left: 480px; -} - -.container_12 .prefix_7 { - padding-left: 560px; -} - -.container_12 .prefix_8 { - padding-left: 640px; -} - -.container_12 .prefix_9 { - padding-left: 720px; -} - -.container_12 .prefix_10 { - padding-left: 800px; -} - -.container_12 .prefix_11 { - padding-left: 880px; -} - -/* `Suffix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .suffix_1 { - padding-right: 80px; -} - -.container_12 .suffix_2 { - padding-right: 160px; -} - -.container_12 .suffix_3 { - padding-right: 240px; -} - -.container_12 .suffix_4 { - padding-right: 320px; -} - -.container_12 .suffix_5 { - padding-right: 400px; -} - -.container_12 .suffix_6 { - padding-right: 480px; -} - -.container_12 .suffix_7 { - padding-right: 560px; -} - -.container_12 .suffix_8 { - padding-right: 640px; -} - -.container_12 .suffix_9 { - padding-right: 720px; -} - -.container_12 .suffix_10 { - padding-right: 800px; -} - -.container_12 .suffix_11 { - padding-right: 880px; -} - -/* `Push Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .push_1 { - left: 80px; -} - -.container_12 .push_2 { - left: 160px; -} - -.container_12 .push_3 { - left: 240px; -} - -.container_12 .push_4 { - left: 320px; -} - -.container_12 .push_5 { - left: 400px; -} - -.container_12 .push_6 { - left: 480px; -} - -.container_12 .push_7 { - left: 560px; -} - -.container_12 .push_8 { - left: 640px; -} - -.container_12 .push_9 { - left: 720px; -} - -.container_12 .push_10 { - left: 800px; -} - -.container_12 .push_11 { - left: 880px; -} - -/* `Pull Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .pull_1 { - left: -80px; -} - -.container_12 .pull_2 { - left: -160px; -} - -.container_12 .pull_3 { - left: -240px; -} - -.container_12 .pull_4 { - left: -320px; -} - -.container_12 .pull_5 { - left: -400px; -} - -.container_12 .pull_6 { - left: -480px; -} - -.container_12 .pull_7 { - left: -560px; -} - -.container_12 .pull_8 { - left: -640px; -} - -.container_12 .pull_9 { - left: -720px; -} - -.container_12 .pull_10 { - left: -800px; -} - -.container_12 .pull_11 { - left: -880px; -} - -/* `Clear Floated Elements -----------------------------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ - -.clearfix:before, -.clearfix:after, -.container_12:before, -.container_12:after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.clearfix:after, -.container_12:after { - clear: both; -} - -/* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. -*/ - -.clearfix, -.container_12 { - zoom: 1; -} \ No newline at end of file diff --git a/assets/css/16col/960.min.css b/assets/css/16col/960.min.css deleted file mode 100644 index 7dc6fe6..0000000 --- a/assets/css/16col/960.min.css +++ /dev/null @@ -1 +0,0 @@ -body{min-width:960px}.container_12{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_3{width:220px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_6{width:460px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_9{width:700px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_12 .grid_12{width:940px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_3{padding-left:240px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_6{padding-left:480px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_9{padding-left:720px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_3{padding-right:240px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_6{padding-right:480px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_9{padding-right:720px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_3{left:240px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_6{left:480px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_9{left:720px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_3{left:-240px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_6{left:-480px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_9{left:-720px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/16col/master.css b/assets/css/16col/master.css deleted file mode 100644 index 149b514..0000000 --- a/assets/css/16col/master.css +++ /dev/null @@ -1,120 +0,0 @@ -@import 'reset.css'; -@import 'text.css'; - -/* `Basic HTML -----------------------------------------------------------------------------------------------------*/ - -body { - background: #fff; - color: #333; -} - -h1 { - background: #eee url(../images/h1.png) no-repeat right center; - border-bottom: 1px solid #ccc; - padding: 10px 90px 10px 15px; - text-shadow: #fff 0 1px 0; -} - -h2, -h3, -h4, -h5, -h6 { - line-height: 1; -} - -a { - color: #06c; -} - -a:hover { - color: #c60; -} - -small { - font-size: 11px; -} - -/* `Misc Classes -----------------------------------------------------------------------------------------------------*/ - -.align_center { - text-align: center; -} - -.align_right { - text-align: right; -} - -/* `Data Table -----------------------------------------------------------------------------------------------------*/ - -.data, -.data th, -.data td { - border-style: solid; - border-color: #ddd; -} - -.data { - border-width: 0 1px 1px; - width: 100%; -} - -.data caption { - padding: 0 10px 5px; - text-transform: uppercase; -} - -.data th, -.data td { - border-top-width: 1px; - padding: 5px 10px; -} - -.data th { - white-space: nowrap; -} - -.data thead th { - background: #eee; - font-weight: bold; - text-shadow: #fff 0 1px 0; -} - -.data tbody th { - width: 1px; -} - -.data tr th:first-child { - text-align: right; -} - -/* `Code -----------------------------------------------------------------------------------------------------*/ - -pre, -code { - font-size: 12px; - font-family: Menlo, Courier, monospace; -} - -pre, -.notice { - background: #ffe; - border: 1px solid; - border-color: #eed #ccb #bba #ddc; - overflow: auto; - padding: 10px 0 10px 10px; -} - -* html pre { - overflow: hidden; - width: 97%; -} - -code { - background: #ff9; - padding: 0 2px; -} \ No newline at end of file diff --git a/assets/css/16col/mobile.css b/assets/css/16col/mobile.css deleted file mode 100644 index 1351cf2..0000000 --- a/assets/css/16col/mobile.css +++ /dev/null @@ -1,26 +0,0 @@ -.grid_1, -.grid_2, -.grid_3, -.grid_4, -.grid_5, -.grid_6, -.grid_7, -.grid_8, -.grid_9, -.grid_10, -.grid_11, -.grid_12 { - margin-left: 10px; - margin-right: 10px; -} - -.alpha, -.omega { - margin-left: 0; - margin-right: 0; -} - -.align_center, -.align_right { - text-align: left; -} \ No newline at end of file diff --git a/assets/css/16col/mobile.min.css b/assets/css/16col/mobile.min.css deleted file mode 100644 index a085546..0000000 --- a/assets/css/16col/mobile.min.css +++ /dev/null @@ -1 +0,0 @@ -.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{margin-left:10px;margin-right:10px}.alpha,.omega{margin-left:0;margin-right:0}.align_center,.align_right{text-align:left} \ No newline at end of file diff --git a/assets/css/16col/reset.css b/assets/css/16col/reset.css deleted file mode 100644 index 0af7c26..0000000 --- a/assets/css/16col/reset.css +++ /dev/null @@ -1,207 +0,0 @@ -/* `XHTML, HTML4, HTML5 Reset -----------------------------------------------------------------------------------------------------*/ - -a, -abbr, -acronym, -address, -applet, -article, -aside, -audio, -b, -big, -blockquote, -body, -canvas, -caption, -center, -cite, -code, -dd, -del, -details, -dfn, -dialog, -div, -dl, -dt, -em, -embed, -fieldset, -figcaption, -figure, -font, -footer, -form, -h1, -h2, -h3, -h4, -h5, -h6, -header, -hgroup, -hr, -html, -i, -iframe, -img, -ins, -kbd, -label, -legend, -li, -mark, -menu, -meter, -nav, -object, -ol, -output, -p, -pre, -progress, -q, -rp, -rt, -ruby, -s, -samp, -section, -small, -span, -strike, -strong, -sub, -summary, -sup, -table, -tbody, -td, -tfoot, -th, -thead, -time, -tr, -tt, -u, -ul, -var, -video, -xmp { - border: 0; - margin: 0; - padding: 0; - font-size: 100%; -} - -html, -body { - height: 100%; -} - -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -menu, -nav, -section { -/* - Override the default (display: inline) for - browsers that do not recognize HTML5 tags. - - IE8 (and lower) requires a shiv: - http://ejohn.org/blog/html5-shiv -*/ - display: block; -} - -b, -strong { -/* - Makes browsers agree. - IE + Opera = font-weight: bold. - Gecko + WebKit = font-weight: bolder. -*/ - font-weight: bold; -} - -img { - color: transparent; - font-size: 0; - vertical-align: middle; -/* - For IE. - http://css-tricks.com/ie-fix-bicubic-scaling-for-images -*/ - -ms-interpolation-mode: bicubic; -} - -li { -/* - For IE6 + IE7: - - "display: list-item" keeps bullets from - disappearing if hasLayout is triggered. -*/ - display: list-item; - list-style: none; -} - -table { - border-collapse: collapse; - border-spacing: 0; -} - -th, -td, -caption { - font-weight: normal; - vertical-align: top; - text-align: left; -} - -q { - quotes: none; -} - -q:before, -q:after { - content: ''; - content: none; -} - -sub, -sup, -small { - font-size: 75%; -} - -sub, -sup { - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -svg { -/* - For IE9. Without, occasionally draws shapes - outside the boundaries of rectangle. -*/ - overflow: hidden; -} \ No newline at end of file diff --git a/assets/css/16col/text.css b/assets/css/16col/text.css deleted file mode 100644 index af8df54..0000000 --- a/assets/css/16col/text.css +++ /dev/null @@ -1,81 +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; -} - -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, -figure { - margin-bottom: 20px; -} \ No newline at end of file diff --git a/assets/css/24col/1200.css b/assets/css/24col/1200.css deleted file mode 100755 index b9185c4..0000000 --- a/assets/css/24col/1200.css +++ /dev/null @@ -1,357 +0,0 @@ -/* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. - - Note: IE6 works fine without this fix. -*/ - -body { - min-width: 1200px; -} - -/* `Containers -----------------------------------------------------------------------------------------------------*/ - -.container_12 { - margin-left: auto; - margin-right: auto; - width: 1200px; -} - -/* `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; - margin-left: 10px; - margin-right: 10px; -} - -.push_1, .pull_1, -.push_2, .pull_2, -.push_3, .pull_3, -.push_4, .pull_4, -.push_5, .pull_5, -.push_6, .pull_6, -.push_7, .pull_7, -.push_8, .pull_8, -.push_9, .pull_9, -.push_10, .pull_10, -.push_11, .pull_11 { - position: relative; -} - -/* `Grid >> Children (Alpha ~ First, Omega ~ Last) -----------------------------------------------------------------------------------------------------*/ - -.alpha { - margin-left: 0; -} - -.omega { - margin-right: 0; -} - -/* `Grid >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .grid_1 { - width: 80px; -} - -.container_12 .grid_2 { - width: 180px; -} - -.container_12 .grid_3 { - width: 280px; -} - -.container_12 .grid_4 { - width: 380px; -} - -.container_12 .grid_5 { - width: 480px; -} - -.container_12 .grid_6 { - width: 580px; -} - -.container_12 .grid_7 { - width: 680px; -} - -.container_12 .grid_8 { - width: 780px; -} - -.container_12 .grid_9 { - width: 880px; -} - -.container_12 .grid_10 { - width: 980px; -} - -.container_12 .grid_11 { - width: 1080px; -} - -.container_12 .grid_12 { - width: 1180px; -} - -/* `Prefix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .prefix_1 { - padding-left: 100px; -} - -.container_12 .prefix_2 { - padding-left: 200px; -} - -.container_12 .prefix_3 { - padding-left: 300px; -} - -.container_12 .prefix_4 { - padding-left: 400px; -} - -.container_12 .prefix_5 { - padding-left: 500px; -} - -.container_12 .prefix_6 { - padding-left: 600px; -} - -.container_12 .prefix_7 { - padding-left: 700px; -} - -.container_12 .prefix_8 { - padding-left: 800px; -} - -.container_12 .prefix_9 { - padding-left: 900px; -} - -.container_12 .prefix_10 { - padding-left: 1000px; -} - -.container_12 .prefix_11 { - padding-left: 1100px; -} - -/* `Suffix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .suffix_1 { - padding-right: 100px; -} - -.container_12 .suffix_2 { - padding-right: 200px; -} - -.container_12 .suffix_3 { - padding-right: 300px; -} - -.container_12 .suffix_4 { - padding-right: 400px; -} - -.container_12 .suffix_5 { - padding-right: 500px; -} - -.container_12 .suffix_6 { - padding-right: 600px; -} - -.container_12 .suffix_7 { - padding-right: 700px; -} - -.container_12 .suffix_8 { - padding-right: 800px; -} - -.container_12 .suffix_9 { - padding-right: 900px; -} - -.container_12 .suffix_10 { - padding-right: 1000px; -} - -.container_12 .suffix_11 { - padding-right: 1100px; -} - -/* `Push Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .push_1 { - left: 100px; -} - -.container_12 .push_2 { - left: 200px; -} - -.container_12 .push_3 { - left: 300px; -} - -.container_12 .push_4 { - left: 400px; -} - -.container_12 .push_5 { - left: 500px; -} - -.container_12 .push_6 { - left: 600px; -} - -.container_12 .push_7 { - left: 700px; -} - -.container_12 .push_8 { - left: 800px; -} - -.container_12 .push_9 { - left: 900px; -} - -.container_12 .push_10 { - left: 1000px; -} - -.container_12 .push_11 { - left: 1100px; -} - -/* `Pull Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .pull_1 { - left: -100px; -} - -.container_12 .pull_2 { - left: -200px; -} - -.container_12 .pull_3 { - left: -300px; -} - -.container_12 .pull_4 { - left: -400px; -} - -.container_12 .pull_5 { - left: -500px; -} - -.container_12 .pull_6 { - left: -600px; -} - -.container_12 .pull_7 { - left: -700px; -} - -.container_12 .pull_8 { - left: -800px; -} - -.container_12 .pull_9 { - left: -900px; -} - -.container_12 .pull_10 { - left: -1000px; -} - -.container_12 .pull_11 { - left: -1100px; -} - -/* `Clear Floated Elements -----------------------------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ - -.clearfix:before, -.clearfix:after, -.container_12:before, -.container_12:after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.clearfix:after, -.container_12:after { - clear: both; -} - -/* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. -*/ - -.clearfix, -.container_12 { - zoom: 1; -} \ No newline at end of file diff --git a/assets/css/24col/1200.min.css b/assets/css/24col/1200.min.css deleted file mode 100644 index 53ec99b..0000000 --- a/assets/css/24col/1200.min.css +++ /dev/null @@ -1 +0,0 @@ -body{min-width:1200px}.container_12{margin-left:auto;margin-right:auto;width:1200px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:80px}.container_12 .grid_2{width:180px}.container_12 .grid_3{width:280px}.container_12 .grid_4{width:380px}.container_12 .grid_5{width:480px}.container_12 .grid_6{width:580px}.container_12 .grid_7{width:680px}.container_12 .grid_8{width:780px}.container_12 .grid_9{width:880px}.container_12 .grid_10{width:980px}.container_12 .grid_11{width:1080px}.container_12 .grid_12{width:1180px}.container_12 .prefix_1{padding-left:100px}.container_12 .prefix_2{padding-left:200px}.container_12 .prefix_3{padding-left:300px}.container_12 .prefix_4{padding-left:400px}.container_12 .prefix_5{padding-left:500px}.container_12 .prefix_6{padding-left:600px}.container_12 .prefix_7{padding-left:700px}.container_12 .prefix_8{padding-left:800px}.container_12 .prefix_9{padding-left:900px}.container_12 .prefix_10{padding-left:1000px}.container_12 .prefix_11{padding-left:1100px}.container_12 .suffix_1{padding-right:100px}.container_12 .suffix_2{padding-right:200px}.container_12 .suffix_3{padding-right:300px}.container_12 .suffix_4{padding-right:400px}.container_12 .suffix_5{padding-right:500px}.container_12 .suffix_6{padding-right:600px}.container_12 .suffix_7{padding-right:700px}.container_12 .suffix_8{padding-right:800px}.container_12 .suffix_9{padding-right:900px}.container_12 .suffix_10{padding-right:1000px}.container_12 .suffix_11{padding-right:1100px}.container_12 .push_1{left:100px}.container_12 .push_2{left:200px}.container_12 .push_3{left:300px}.container_12 .push_4{left:400px}.container_12 .push_5{left:500px}.container_12 .push_6{left:600px}.container_12 .push_7{left:700px}.container_12 .push_8{left:800px}.container_12 .push_9{left:900px}.container_12 .push_10{left:1000px}.container_12 .push_11{left:1100px}.container_12 .pull_1{left:-100px}.container_12 .pull_2{left:-200px}.container_12 .pull_3{left:-300px}.container_12 .pull_4{left:-400px}.container_12 .pull_5{left:-500px}.container_12 .pull_6{left:-600px}.container_12 .pull_7{left:-700px}.container_12 .pull_8{left:-800px}.container_12 .pull_9{left:-900px}.container_12 .pull_10{left:-1000px}.container_12 .pull_11{left:-1100px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/24col/1560.css b/assets/css/24col/1560.css deleted file mode 100755 index 88af16b..0000000 --- a/assets/css/24col/1560.css +++ /dev/null @@ -1,357 +0,0 @@ -/* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. - - Note: IE6 works fine without this fix. -*/ - -body { - min-width: 1560px; -} - -/* `Containers -----------------------------------------------------------------------------------------------------*/ - -.container_12 { - margin-left: auto; - margin-right: auto; - width: 1560px; -} - -/* `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; - margin-left: 10px; - margin-right: 10px; -} - -.push_1, .pull_1, -.push_2, .pull_2, -.push_3, .pull_3, -.push_4, .pull_4, -.push_5, .pull_5, -.push_6, .pull_6, -.push_7, .pull_7, -.push_8, .pull_8, -.push_9, .pull_9, -.push_10, .pull_10, -.push_11, .pull_11 { - position: relative; -} - -/* `Grid >> Children (Alpha ~ First, Omega ~ Last) -----------------------------------------------------------------------------------------------------*/ - -.alpha { - margin-left: 0; -} - -.omega { - margin-right: 0; -} - -/* `Grid >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .grid_1 { - width: 110px; -} - -.container_12 .grid_2 { - width: 240px; -} - -.container_12 .grid_3 { - width: 370px; -} - -.container_12 .grid_4 { - width: 500px; -} - -.container_12 .grid_5 { - width: 630px; -} - -.container_12 .grid_6 { - width: 760px; -} - -.container_12 .grid_7 { - width: 890px; -} - -.container_12 .grid_8 { - width: 1020px; -} - -.container_12 .grid_9 { - width: 1150px; -} - -.container_12 .grid_10 { - width: 1280px; -} - -.container_12 .grid_11 { - width: 1410px; -} - -.container_12 .grid_12 { - width: 1540px; -} - -/* `Prefix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .prefix_1 { - padding-left: 130px; -} - -.container_12 .prefix_2 { - padding-left: 260px; -} - -.container_12 .prefix_3 { - padding-left: 390px; -} - -.container_12 .prefix_4 { - padding-left: 520px; -} - -.container_12 .prefix_5 { - padding-left: 650px; -} - -.container_12 .prefix_6 { - padding-left: 780px; -} - -.container_12 .prefix_7 { - padding-left: 910px; -} - -.container_12 .prefix_8 { - padding-left: 1040px; -} - -.container_12 .prefix_9 { - padding-left: 1170px; -} - -.container_12 .prefix_10 { - padding-left: 1300px; -} - -.container_12 .prefix_11 { - padding-left: 1430px; -} - -/* `Suffix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .suffix_1 { - padding-right: 130px; -} - -.container_12 .suffix_2 { - padding-right: 260px; -} - -.container_12 .suffix_3 { - padding-right: 390px; -} - -.container_12 .suffix_4 { - padding-right: 520px; -} - -.container_12 .suffix_5 { - padding-right: 650px; -} - -.container_12 .suffix_6 { - padding-right: 780px; -} - -.container_12 .suffix_7 { - padding-right: 910px; -} - -.container_12 .suffix_8 { - padding-right: 1040px; -} - -.container_12 .suffix_9 { - padding-right: 1170px; -} - -.container_12 .suffix_10 { - padding-right: 1300px; -} - -.container_12 .suffix_11 { - padding-right: 1430px; -} - -/* `Push Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .push_1 { - left: 130px; -} - -.container_12 .push_2 { - left: 260px; -} - -.container_12 .push_3 { - left: 390px; -} - -.container_12 .push_4 { - left: 520px; -} - -.container_12 .push_5 { - left: 650px; -} - -.container_12 .push_6 { - left: 780px; -} - -.container_12 .push_7 { - left: 910px; -} - -.container_12 .push_8 { - left: 1040px; -} - -.container_12 .push_9 { - left: 1170px; -} - -.container_12 .push_10 { - left: 1300px; -} - -.container_12 .push_11 { - left: 1430px; -} - -/* `Pull Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .pull_1 { - left: -130px; -} - -.container_12 .pull_2 { - left: -260px; -} - -.container_12 .pull_3 { - left: -390px; -} - -.container_12 .pull_4 { - left: -520px; -} - -.container_12 .pull_5 { - left: -650px; -} - -.container_12 .pull_6 { - left: -780px; -} - -.container_12 .pull_7 { - left: -910px; -} - -.container_12 .pull_8 { - left: -1040px; -} - -.container_12 .pull_9 { - left: -1170px; -} - -.container_12 .pull_10 { - left: -1300px; -} - -.container_12 .pull_11 { - left: -1430px; -} - -/* `Clear Floated Elements -----------------------------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ - -.clearfix:before, -.clearfix:after, -.container_12:before, -.container_12:after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.clearfix:after, -.container_12:after { - clear: both; -} - -/* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. -*/ - -.clearfix, -.container_12 { - zoom: 1; -} \ No newline at end of file diff --git a/assets/css/24col/1560.min.css b/assets/css/24col/1560.min.css deleted file mode 100644 index 0b7aff6..0000000 --- a/assets/css/24col/1560.min.css +++ /dev/null @@ -1 +0,0 @@ -body{min-width:1560px}.container_12{margin-left:auto;margin-right:auto;width:1560px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:110px}.container_12 .grid_2{width:240px}.container_12 .grid_3{width:370px}.container_12 .grid_4{width:500px}.container_12 .grid_5{width:630px}.container_12 .grid_6{width:760px}.container_12 .grid_7{width:890px}.container_12 .grid_8{width:1020px}.container_12 .grid_9{width:1150px}.container_12 .grid_10{width:1280px}.container_12 .grid_11{width:1410px}.container_12 .grid_12{width:1540px}.container_12 .prefix_1{padding-left:130px}.container_12 .prefix_2{padding-left:260px}.container_12 .prefix_3{padding-left:390px}.container_12 .prefix_4{padding-left:520px}.container_12 .prefix_5{padding-left:650px}.container_12 .prefix_6{padding-left:780px}.container_12 .prefix_7{padding-left:910px}.container_12 .prefix_8{padding-left:1040px}.container_12 .prefix_9{padding-left:1170px}.container_12 .prefix_10{padding-left:1300px}.container_12 .prefix_11{padding-left:1430px}.container_12 .suffix_1{padding-right:130px}.container_12 .suffix_2{padding-right:260px}.container_12 .suffix_3{padding-right:390px}.container_12 .suffix_4{padding-right:520px}.container_12 .suffix_5{padding-right:650px}.container_12 .suffix_6{padding-right:780px}.container_12 .suffix_7{padding-right:910px}.container_12 .suffix_8{padding-right:1040px}.container_12 .suffix_9{padding-right:1170px}.container_12 .suffix_10{padding-right:1300px}.container_12 .suffix_11{padding-right:1430px}.container_12 .push_1{left:130px}.container_12 .push_2{left:260px}.container_12 .push_3{left:390px}.container_12 .push_4{left:520px}.container_12 .push_5{left:650px}.container_12 .push_6{left:780px}.container_12 .push_7{left:910px}.container_12 .push_8{left:1040px}.container_12 .push_9{left:1170px}.container_12 .push_10{left:1300px}.container_12 .push_11{left:1430px}.container_12 .pull_1{left:-130px}.container_12 .pull_2{left:-260px}.container_12 .pull_3{left:-390px}.container_12 .pull_4{left:-520px}.container_12 .pull_5{left:-650px}.container_12 .pull_6{left:-780px}.container_12 .pull_7{left:-910px}.container_12 .pull_8{left:-1040px}.container_12 .pull_9{left:-1170px}.container_12 .pull_10{left:-1300px}.container_12 .pull_11{left:-1430px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/24col/1920.css b/assets/css/24col/1920.css deleted file mode 100644 index e9d303a..0000000 --- a/assets/css/24col/1920.css +++ /dev/null @@ -1,358 +0,0 @@ -/* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. - - Note: IE6 works fine without this fix. -*/ - -body { - min-width: 1920px; -} - -/* Containers -----------------------------------------------------------------------------------------------------*/ - -.container_12 { - margin-left: auto; - margin-right: auto; - width: 1920px; -} - -/* 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; - margin-left: 10px; - margin-right: 10px; -} - -.push_1, .pull_1, -.push_2, .pull_2, -.push_3, .pull_3, -.push_4, .pull_4, -.push_5, .pull_5, -.push_6, .pull_6, -.push_7, .pull_7, -.push_8, .pull_8, -.push_9, .pull_9, -.push_10, .pull_10, -.push_11, .pull_11, -.push_12, .pull_12 { - position: relative; -} - -/* Grid >> Children (Alpha ~ First, Omega ~ Last) -----------------------------------------------------------------------------------------------------*/ - -.alpha { - margin-left: 0; -} - -.omega { - margin-right: 0; -} - -/* Grid >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .grid_1 { - width: 140px; -} - -.container_12 .grid_2 { - width: 300px; -} - -.container_12 .grid_3 { - width: 460px; -} - -.container_12 .grid_4 { - width: 620px; -} - -.container_12 .grid_5 { - width: 780px; -} - -.container_12 .grid_6 { - width: 940px; -} - -.container_12 .grid_7 { - width: 1100px; -} - -.container_12 .grid_8 { - width: 1260px; -} - -.container_12 .grid_9 { - width: 1420px; -} - -.container_12 .grid_10 { - width: 1580px; -} - -.container_12 .grid_11 { - width: 1740px; -} - -.container_12 .grid_12 { - width: 1900px; -} - -/* Prefix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .prefix_1 { - padding-left: 160px; -} - -.container_12 .prefix_2 { - padding-left: 320px; -} - -.container_12 .prefix_3 { - padding-left: 480px; -} - -.container_12 .prefix_4 { - padding-left: 640px; -} - -.container_12 .prefix_5 { - padding-left: 800px; -} - -.container_12 .prefix_6 { - padding-left: 960px; -} - -.container_12 .prefix_7 { - padding-left: 1120px; -} - -.container_12 .prefix_8 { - padding-left: 1280px; -} - -.container_12 .prefix_9 { - padding-left: 1440px; -} - -.container_12 .prefix_10 { - padding-left: 1600px; -} - -.container_12 .prefix_11 { - padding-left: 1760px; -} - -/* Suffix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .suffix_1 { - padding-right: 160px; -} - -.container_12 .suffix_2 { - padding-right: 320px; -} - -.container_12 .suffix_3 { - padding-right: 480px; -} - -.container_12 .suffix_4 { - padding-right: 640px; -} - -.container_12 .suffix_5 { - padding-right: 800px; -} - -.container_12 .suffix_6 { - padding-right: 960px; -} - -.container_12 .suffix_7 { - padding-right: 1120px; -} - -.container_12 .suffix_8 { - padding-right: 1280px; -} - -.container_12 .suffix_9 { - padding-right: 1440px; -} - -.container_12 .suffix_10 { - padding-right: 1600px; -} - -.container_12 .suffix_11 { - padding-right: 1760px; -} - -/* Push Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .push_1 { - left: 160px; -} - -.container_12 .push_2 { - left: 320px; -} - -.container_12 .push_3 { - left: 480px; -} - -.container_12 .push_4 { - left: 640px; -} - -.container_12 .push_5 { - left: 800px; -} - -.container_12 .push_6 { - left: 960px; -} - -.container_12 .push_7 { - left: 1120px; -} - -.container_12 .push_8 { - left: 1280px; -} - -.container_12 .push_9 { - left: 1440px; -} - -.container_12 .push_10 { - left: 1600px; -} - -.container_12 .push_11 { - left: 1760px; -} - -/* Pull Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .pull_1 { - left: -160px; -} - -.container_12 .pull_2 { - left: -320px; -} - -.container_12 .pull_3 { - left: -480px; -} - -.container_12 .pull_4 { - left: -640px; -} - -.container_12 .pull_5 { - left: -800px; -} - -.container_12 .pull_6 { - left: -960px; -} - -.container_12 .pull_7 { - left: -1120px; -} - -.container_12 .pull_8 { - left: -1280px; -} - -.container_12 .pull_9 { - left: -1440px; -} - -.container_12 .pull_10 { - left: -1600px; -} - -.container_12 .pull_11 { - left: -1760px; -} - -/* `Clear Floated Elements -----------------------------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ - -.clearfix:before, -.clearfix:after, -.container_12:before, -.container_12:after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.clearfix:after, -.container_12:after { - clear: both; -} - -/* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. -*/ - -.clearfix, -.container_12 { - zoom: 1; -} \ No newline at end of file diff --git a/assets/css/24col/1920.min.css b/assets/css/24col/1920.min.css deleted file mode 100644 index c330971..0000000 --- a/assets/css/24col/1920.min.css +++ /dev/null @@ -1 +0,0 @@ -body{min-width:1920px}.container_12{margin-left:auto;margin-right:auto;width:1920px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:140px}.container_12 .grid_2{width:300px}.container_12 .grid_3{width:460px}.container_12 .grid_4{width:620px}.container_12 .grid_5{width:780px}.container_12 .grid_6{width:940px}.container_12 .grid_7{width:1100px}.container_12 .grid_8{width:1260px}.container_12 .grid_9{width:1420px}.container_12 .grid_10{width:1580px}.container_12 .grid_11{width:1740px}.container_12 .grid_12{width:1900px}.container_12 .prefix_1{padding-left:160px}.container_12 .prefix_2{padding-left:320px}.container_12 .prefix_3{padding-left:480px}.container_12 .prefix_4{padding-left:640px}.container_12 .prefix_5{padding-left:800px}.container_12 .prefix_6{padding-left:960px}.container_12 .prefix_7{padding-left:1120px}.container_12 .prefix_8{padding-left:1280px}.container_12 .prefix_9{padding-left:1440px}.container_12 .prefix_10{padding-left:1600px}.container_12 .prefix_11{padding-left:1760px}.container_12 .suffix_1{padding-right:160px}.container_12 .suffix_2{padding-right:320px}.container_12 .suffix_3{padding-right:480px}.container_12 .suffix_4{padding-right:640px}.container_12 .suffix_5{padding-right:800px}.container_12 .suffix_6{padding-right:960px}.container_12 .suffix_7{padding-right:1120px}.container_12 .suffix_8{padding-right:1280px}.container_12 .suffix_9{padding-right:1440px}.container_12 .suffix_10{padding-right:1600px}.container_12 .suffix_11{padding-right:1760px}.container_12 .push_1{left:160px}.container_12 .push_2{left:320px}.container_12 .push_3{left:480px}.container_12 .push_4{left:640px}.container_12 .push_5{left:800px}.container_12 .push_6{left:960px}.container_12 .push_7{left:1120px}.container_12 .push_8{left:1280px}.container_12 .push_9{left:1440px}.container_12 .push_10{left:1600px}.container_12 .push_11{left:1760px}.container_12 .pull_1{left:-160px}.container_12 .pull_2{left:-320px}.container_12 .pull_3{left:-480px}.container_12 .pull_4{left:-640px}.container_12 .pull_5{left:-800px}.container_12 .pull_6{left:-960px}.container_12 .pull_7{left:-1120px}.container_12 .pull_8{left:-1280px}.container_12 .pull_9{left:-1440px}.container_12 .pull_10{left:-1600px}.container_12 .pull_11{left:-1760px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/24col/2520.css b/assets/css/24col/2520.css deleted file mode 100644 index 8045ce9..0000000 --- a/assets/css/24col/2520.css +++ /dev/null @@ -1,359 +0,0 @@ -/* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. - - Note: IE6 works fine without this fix. -*/ - -body { - min-width: 2520px; -} - -/* Containers -----------------------------------------------------------------------------------------------------*/ - -.container_12 { - margin-left: auto; - margin-right: auto; - width: 2520px; -} - -/* 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; - margin-left: 10px; - margin-right: 10px; -} - -.push_1, .pull_1, -.push_2, .pull_2, -.push_3, .pull_3, -.push_4, .pull_4, -.push_5, .pull_5, -.push_6, .pull_6, -.push_7, .pull_7, -.push_8, .pull_8, -.push_9, .pull_9, -.push_10, .pull_10, -.push_11, .pull_11, -.push_12, .pull_12 { - position: relative; -} - -/* Grid >> Children (Alpha ~ First, Omega ~ Last) -----------------------------------------------------------------------------------------------------*/ - -.alpha { - margin-left: 0; -} - -.omega { - margin-right: 0; -} - -/* Grid >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - - -.container_12 .grid_1 { - width: 190px; -} - -.container_12 .grid_2 { - width: 400px; -} - -.container_12 .grid_3 { - width: 610px; -} - -.container_12 .grid_4 { - width: 820px; -} - -.container_12 .grid_5 { - width: 1030px; -} - -.container_12 .grid_6 { - width: 1240px; -} - -.container_12 .grid_7 { - width: 1450px; -} - -.container_12 .grid_8 { - width: 1660px; -} - -.container_12 .grid_9 { - width: 1870px; -} - -.container_12 .grid_10 { - width: 2080px; -} - -.container_12 .grid_11 { - width: 2290px; -} - -.container_12 .grid_12 { - width: 2500px; -} - -/* Prefix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .prefix_1 { - padding-left: 210px; -} - -.container_12 .prefix_2 { - padding-left: 420px; -} - -.container_12 .prefix_3 { - padding-left: 630px; -} - -.container_12 .prefix_4 { - padding-left: 840px; -} - -.container_12 .prefix_5 { - padding-left: 1050px; -} - -.container_12 .prefix_6 { - padding-left: 1260px; -} - -.container_12 .prefix_7 { - padding-left: 1470px; -} - -.container_12 .prefix_8 { - padding-left: 1680px; -} - -.container_12 .prefix_9 { - padding-left: 1890px; -} - -.container_12 .prefix_10 { - padding-left: 2100px; -} - -.container_12 .prefix_11 { - padding-left: 2310px; -} - -/* Suffix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .suffix_1 { - padding-right: 210px; -} - -.container_12 .suffix_2 { - padding-right: 420px; -} - -.container_12 .suffix_3 { - padding-right: 630px; -} - -.container_12 .suffix_4 { - padding-right: 840px; -} - -.container_12 .suffix_5 { - padding-right: 1050px; -} - -.container_12 .suffix_6 { - padding-right: 1260px; -} - -.container_12 .suffix_7 { - padding-right: 1470px; -} - -.container_12 .suffix_8 { - padding-right: 1680px; -} - -.container_12 .suffix_9 { - padding-right: 1890px; -} - -.container_12 .suffix_10 { - padding-right: 2100px; -} - -.container_12 .suffix_11 { - padding-right: 2310px; -} - -/* Push Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .push_1 { - left: 210px; -} - -.container_12 .push_2 { - left: 420px; -} - -.container_12 .push_3 { - left: 630px; -} - -.container_12 .push_4 { - left: 840px; -} - -.container_12 .push_5 { - left: 1050px; -} - -.container_12 .push_6 { - left: 1260px; -} - -.container_12 .push_7 { - left: 1470px; -} - -.container_12 .push_8 { - left: 1680px; -} - -.container_12 .push_9 { - left: 1890px; -} - -.container_12 .push_10 { - left: 2100px; -} - -.container_12 .push_11 { - left: 2310px; -} - -/* Pull Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .pull_1 { - left: -210px; -} - -.container_12 .pull_2 { - left: -420px; -} - -.container_12 .pull_3 { - left: -630px; -} - -.container_12 .pull_4 { - left: -840px; -} - -.container_12 .pull_5 { - left: -1050px; -} - -.container_12 .pull_6 { - left: -1260px; -} - -.container_12 .pull_7 { - left: -1470px; -} - -.container_12 .pull_8 { - left: -1680px; -} - -.container_12 .pull_9 { - left: -1890px; -} - -.container_12 .pull_10 { - left: -2100px; -} - -.container_12 .pull_11 { - left: -2310px; -} - -/* `Clear Floated Elements -----------------------------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ - -.clearfix:before, -.clearfix:after, -.container_12:before, -.container_12:after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.clearfix:after, -.container_12:after { - clear: both; -} - -/* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. -*/ - -.clearfix, -.container_12 { - zoom: 1; -} \ No newline at end of file diff --git a/assets/css/24col/2520.min.css b/assets/css/24col/2520.min.css deleted file mode 100644 index e56fd2b..0000000 --- a/assets/css/24col/2520.min.css +++ /dev/null @@ -1 +0,0 @@ -body{min-width:2520px}.container_12{margin-left:auto;margin-right:auto;width:2520px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:190px}.container_12 .grid_2{width:400px}.container_12 .grid_3{width:610px}.container_12 .grid_4{width:820px}.container_12 .grid_5{width:1030px}.container_12 .grid_6{width:1240px}.container_12 .grid_7{width:1450px}.container_12 .grid_8{width:1660px}.container_12 .grid_9{width:1870px}.container_12 .grid_10{width:2080px}.container_12 .grid_11{width:2290px}.container_12 .grid_12{width:2500px}.container_12 .prefix_1{padding-left:210px}.container_12 .prefix_2{padding-left:420px}.container_12 .prefix_3{padding-left:630px}.container_12 .prefix_4{padding-left:840px}.container_12 .prefix_5{padding-left:1050px}.container_12 .prefix_6{padding-left:1260px}.container_12 .prefix_7{padding-left:1470px}.container_12 .prefix_8{padding-left:1680px}.container_12 .prefix_9{padding-left:1890px}.container_12 .prefix_10{padding-left:2100px}.container_12 .prefix_11{padding-left:2310px}.container_12 .suffix_1{padding-right:210px}.container_12 .suffix_2{padding-right:420px}.container_12 .suffix_3{padding-right:630px}.container_12 .suffix_4{padding-right:840px}.container_12 .suffix_5{padding-right:1050px}.container_12 .suffix_6{padding-right:1260px}.container_12 .suffix_7{padding-right:1470px}.container_12 .suffix_8{padding-right:1680px}.container_12 .suffix_9{padding-right:1890px}.container_12 .suffix_10{padding-right:2100px}.container_12 .suffix_11{padding-right:2310px}.container_12 .push_1{left:210px}.container_12 .push_2{left:420px}.container_12 .push_3{left:630px}.container_12 .push_4{left:840px}.container_12 .push_5{left:1050px}.container_12 .push_6{left:1260px}.container_12 .push_7{left:1470px}.container_12 .push_8{left:1680px}.container_12 .push_9{left:1890px}.container_12 .push_10{left:2100px}.container_12 .push_11{left:2310px}.container_12 .pull_1{left:-210px}.container_12 .pull_2{left:-420px}.container_12 .pull_3{left:-630px}.container_12 .pull_4{left:-840px}.container_12 .pull_5{left:-1050px}.container_12 .pull_6{left:-1260px}.container_12 .pull_7{left:-1470px}.container_12 .pull_8{left:-1680px}.container_12 .pull_9{left:-1890px}.container_12 .pull_10{left:-2100px}.container_12 .pull_11{left:-2310px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/24col/720.css b/assets/css/24col/720.css deleted file mode 100755 index ba66200..0000000 --- a/assets/css/24col/720.css +++ /dev/null @@ -1,357 +0,0 @@ -/* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. - - Note: IE6 works fine without this fix. -*/ - -body { - min-width: 720px; -} - -/* `Containers -----------------------------------------------------------------------------------------------------*/ - -.container_12 { - margin-left: auto; - margin-right: auto; - width: 720px; -} - -/* `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; - margin-left: 10px; - margin-right: 10px; -} - -.push_1, .pull_1, -.push_2, .pull_2, -.push_3, .pull_3, -.push_4, .pull_4, -.push_5, .pull_5, -.push_6, .pull_6, -.push_7, .pull_7, -.push_8, .pull_8, -.push_9, .pull_9, -.push_10, .pull_10, -.push_11, .pull_11 { - position: relative; -} - -/* `Grid >> Children (Alpha ~ First, Omega ~ Last) -----------------------------------------------------------------------------------------------------*/ - -.alpha { - margin-left: 0; -} - -.omega { - margin-right: 0; -} - -/* `Grid >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .grid_1 { - width: 40px; -} - -.container_12 .grid_2 { - width: 100px; -} - -.container_12 .grid_3 { - width: 160px; -} - -.container_12 .grid_4 { - width: 220px; -} - -.container_12 .grid_5 { - width: 280px; -} - -.container_12 .grid_6 { - width: 340px; -} - -.container_12 .grid_7 { - width: 400px; -} - -.container_12 .grid_8 { - width: 460px; -} - -.container_12 .grid_9 { - width: 520px; -} - -.container_12 .grid_10 { - width: 580px; -} - -.container_12 .grid_11 { - width: 640px; -} - -.container_12 .grid_12 { - width: 700px; -} - -/* `Prefix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .prefix_1 { - padding-left: 60px; -} - -.container_12 .prefix_2 { - padding-left: 120px; -} - -.container_12 .prefix_3 { - padding-left: 180px; -} - -.container_12 .prefix_4 { - padding-left: 240px; -} - -.container_12 .prefix_5 { - padding-left: 300px; -} - -.container_12 .prefix_6 { - padding-left: 360px; -} - -.container_12 .prefix_7 { - padding-left: 420px; -} - -.container_12 .prefix_8 { - padding-left: 480px; -} - -.container_12 .prefix_9 { - padding-left: 540px; -} - -.container_12 .prefix_10 { - padding-left: 600px; -} - -.container_12 .prefix_11 { - padding-left: 660px; -} - -/* `Suffix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .suffix_1 { - padding-right: 60px; -} - -.container_12 .suffix_2 { - padding-right: 120px; -} - -.container_12 .suffix_3 { - padding-right: 180px; -} - -.container_12 .suffix_4 { - padding-right: 240px; -} - -.container_12 .suffix_5 { - padding-right: 300px; -} - -.container_12 .suffix_6 { - padding-right: 360px; -} - -.container_12 .suffix_7 { - padding-right: 420px; -} - -.container_12 .suffix_8 { - padding-right: 480px; -} - -.container_12 .suffix_9 { - padding-right: 540px; -} - -.container_12 .suffix_10 { - padding-right: 600px; -} - -.container_12 .suffix_11 { - padding-right: 660px; -} - -/* `Push Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .push_1 { - left: 60px; -} - -.container_12 .push_2 { - left: 120px; -} - -.container_12 .push_3 { - left: 180px; -} - -.container_12 .push_4 { - left: 240px; -} - -.container_12 .push_5 { - left: 300px; -} - -.container_12 .push_6 { - left: 360px; -} - -.container_12 .push_7 { - left: 420px; -} - -.container_12 .push_8 { - left: 480px; -} - -.container_12 .push_9 { - left: 540px; -} - -.container_12 .push_10 { - left: 600px; -} - -.container_12 .push_11 { - left: 660px; -} - -/* `Pull Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .pull_1 { - left: -60px; -} - -.container_12 .pull_2 { - left: -120px; -} - -.container_12 .pull_3 { - left: -180px; -} - -.container_12 .pull_4 { - left: -240px; -} - -.container_12 .pull_5 { - left: -300px; -} - -.container_12 .pull_6 { - left: -360px; -} - -.container_12 .pull_7 { - left: -420px; -} - -.container_12 .pull_8 { - left: -480px; -} - -.container_12 .pull_9 { - left: -540px; -} - -.container_12 .pull_10 { - left: -600px; -} - -.container_12 .pull_11 { - left: -660px; -} - -/* `Clear Floated Elements -----------------------------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ - -.clearfix:before, -.clearfix:after, -.container_12:before, -.container_12:after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.clearfix:after, -.container_12:after { - clear: both; -} - -/* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. -*/ - -.clearfix, -.container_12 { - zoom: 1; -} \ No newline at end of file diff --git a/assets/css/24col/720.min.css b/assets/css/24col/720.min.css deleted file mode 100644 index ed4ac41..0000000 --- a/assets/css/24col/720.min.css +++ /dev/null @@ -1 +0,0 @@ -body{min-width:720px}.container_12{margin-left:auto;margin-right:auto;width:720px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:40px}.container_12 .grid_2{width:100px}.container_12 .grid_3{width:160px}.container_12 .grid_4{width:220px}.container_12 .grid_5{width:280px}.container_12 .grid_6{width:340px}.container_12 .grid_7{width:400px}.container_12 .grid_8{width:460px}.container_12 .grid_9{width:520px}.container_12 .grid_10{width:580px}.container_12 .grid_11{width:640px}.container_12 .grid_12{width:700px}.container_12 .prefix_1{padding-left:60px}.container_12 .prefix_2{padding-left:120px}.container_12 .prefix_3{padding-left:180px}.container_12 .prefix_4{padding-left:240px}.container_12 .prefix_5{padding-left:300px}.container_12 .prefix_6{padding-left:360px}.container_12 .prefix_7{padding-left:420px}.container_12 .prefix_8{padding-left:480px}.container_12 .prefix_9{padding-left:540px}.container_12 .prefix_10{padding-left:600px}.container_12 .prefix_11{padding-left:660px}.container_12 .suffix_1{padding-right:60px}.container_12 .suffix_2{padding-right:120px}.container_12 .suffix_3{padding-right:180px}.container_12 .suffix_4{padding-right:240px}.container_12 .suffix_5{padding-right:300px}.container_12 .suffix_6{padding-right:360px}.container_12 .suffix_7{padding-right:420px}.container_12 .suffix_8{padding-right:480px}.container_12 .suffix_9{padding-right:540px}.container_12 .suffix_10{padding-right:600px}.container_12 .suffix_11{padding-right:660px}.container_12 .push_1{left:60px}.container_12 .push_2{left:120px}.container_12 .push_3{left:180px}.container_12 .push_4{left:240px}.container_12 .push_5{left:300px}.container_12 .push_6{left:360px}.container_12 .push_7{left:420px}.container_12 .push_8{left:480px}.container_12 .push_9{left:540px}.container_12 .push_10{left:600px}.container_12 .push_11{left:660px}.container_12 .pull_1{left:-60px}.container_12 .pull_2{left:-120px}.container_12 .pull_3{left:-180px}.container_12 .pull_4{left:-240px}.container_12 .pull_5{left:-300px}.container_12 .pull_6{left:-360px}.container_12 .pull_7{left:-420px}.container_12 .pull_8{left:-480px}.container_12 .pull_9{left:-540px}.container_12 .pull_10{left:-600px}.container_12 .pull_11{left:-660px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/24col/960.css b/assets/css/24col/960.css deleted file mode 100644 index bdb7324..0000000 --- a/assets/css/24col/960.css +++ /dev/null @@ -1,357 +0,0 @@ -/* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. - - Note: IE6 works fine without this fix. -*/ - -body { - min-width: 960px; -} - -/* `Containers -----------------------------------------------------------------------------------------------------*/ - -.container_12 { - 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 { - display: inline; - float: left; - margin-left: 10px; - margin-right: 10px; -} - -.push_1, .pull_1, -.push_2, .pull_2, -.push_3, .pull_3, -.push_4, .pull_4, -.push_5, .pull_5, -.push_6, .pull_6, -.push_7, .pull_7, -.push_8, .pull_8, -.push_9, .pull_9, -.push_10, .pull_10, -.push_11, .pull_11 { - position: relative; -} - -/* `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_3 { - width: 220px; -} - -.container_12 .grid_4 { - width: 300px; -} - -.container_12 .grid_5 { - width: 380px; -} - -.container_12 .grid_6 { - width: 460px; -} - -.container_12 .grid_7 { - width: 540px; -} - -.container_12 .grid_8 { - width: 620px; -} - -.container_12 .grid_9 { - width: 700px; -} - -.container_12 .grid_10 { - width: 780px; -} - -.container_12 .grid_11 { - width: 860px; -} - -.container_12 .grid_12 { - width: 940px; -} - -/* `Prefix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .prefix_1 { - padding-left: 80px; -} - -.container_12 .prefix_2 { - padding-left: 160px; -} - -.container_12 .prefix_3 { - padding-left: 240px; -} - -.container_12 .prefix_4 { - padding-left: 320px; -} - -.container_12 .prefix_5 { - padding-left: 400px; -} - -.container_12 .prefix_6 { - padding-left: 480px; -} - -.container_12 .prefix_7 { - padding-left: 560px; -} - -.container_12 .prefix_8 { - padding-left: 640px; -} - -.container_12 .prefix_9 { - padding-left: 720px; -} - -.container_12 .prefix_10 { - padding-left: 800px; -} - -.container_12 .prefix_11 { - padding-left: 880px; -} - -/* `Suffix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .suffix_1 { - padding-right: 80px; -} - -.container_12 .suffix_2 { - padding-right: 160px; -} - -.container_12 .suffix_3 { - padding-right: 240px; -} - -.container_12 .suffix_4 { - padding-right: 320px; -} - -.container_12 .suffix_5 { - padding-right: 400px; -} - -.container_12 .suffix_6 { - padding-right: 480px; -} - -.container_12 .suffix_7 { - padding-right: 560px; -} - -.container_12 .suffix_8 { - padding-right: 640px; -} - -.container_12 .suffix_9 { - padding-right: 720px; -} - -.container_12 .suffix_10 { - padding-right: 800px; -} - -.container_12 .suffix_11 { - padding-right: 880px; -} - -/* `Push Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .push_1 { - left: 80px; -} - -.container_12 .push_2 { - left: 160px; -} - -.container_12 .push_3 { - left: 240px; -} - -.container_12 .push_4 { - left: 320px; -} - -.container_12 .push_5 { - left: 400px; -} - -.container_12 .push_6 { - left: 480px; -} - -.container_12 .push_7 { - left: 560px; -} - -.container_12 .push_8 { - left: 640px; -} - -.container_12 .push_9 { - left: 720px; -} - -.container_12 .push_10 { - left: 800px; -} - -.container_12 .push_11 { - left: 880px; -} - -/* `Pull Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .pull_1 { - left: -80px; -} - -.container_12 .pull_2 { - left: -160px; -} - -.container_12 .pull_3 { - left: -240px; -} - -.container_12 .pull_4 { - left: -320px; -} - -.container_12 .pull_5 { - left: -400px; -} - -.container_12 .pull_6 { - left: -480px; -} - -.container_12 .pull_7 { - left: -560px; -} - -.container_12 .pull_8 { - left: -640px; -} - -.container_12 .pull_9 { - left: -720px; -} - -.container_12 .pull_10 { - left: -800px; -} - -.container_12 .pull_11 { - left: -880px; -} - -/* `Clear Floated Elements -----------------------------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ - -.clearfix:before, -.clearfix:after, -.container_12:before, -.container_12:after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.clearfix:after, -.container_12:after { - clear: both; -} - -/* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. -*/ - -.clearfix, -.container_12 { - zoom: 1; -} \ No newline at end of file diff --git a/assets/css/24col/960.min.css b/assets/css/24col/960.min.css deleted file mode 100644 index 7dc6fe6..0000000 --- a/assets/css/24col/960.min.css +++ /dev/null @@ -1 +0,0 @@ -body{min-width:960px}.container_12{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_3{width:220px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_6{width:460px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_9{width:700px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_12 .grid_12{width:940px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_3{padding-left:240px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_6{padding-left:480px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_9{padding-left:720px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_3{padding-right:240px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_6{padding-right:480px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_9{padding-right:720px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_3{left:240px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_6{left:480px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_9{left:720px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_3{left:-240px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_6{left:-480px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_9{left:-720px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/24col/master.css b/assets/css/24col/master.css deleted file mode 100644 index 149b514..0000000 --- a/assets/css/24col/master.css +++ /dev/null @@ -1,120 +0,0 @@ -@import 'reset.css'; -@import 'text.css'; - -/* `Basic HTML -----------------------------------------------------------------------------------------------------*/ - -body { - background: #fff; - color: #333; -} - -h1 { - background: #eee url(../images/h1.png) no-repeat right center; - border-bottom: 1px solid #ccc; - padding: 10px 90px 10px 15px; - text-shadow: #fff 0 1px 0; -} - -h2, -h3, -h4, -h5, -h6 { - line-height: 1; -} - -a { - color: #06c; -} - -a:hover { - color: #c60; -} - -small { - font-size: 11px; -} - -/* `Misc Classes -----------------------------------------------------------------------------------------------------*/ - -.align_center { - text-align: center; -} - -.align_right { - text-align: right; -} - -/* `Data Table -----------------------------------------------------------------------------------------------------*/ - -.data, -.data th, -.data td { - border-style: solid; - border-color: #ddd; -} - -.data { - border-width: 0 1px 1px; - width: 100%; -} - -.data caption { - padding: 0 10px 5px; - text-transform: uppercase; -} - -.data th, -.data td { - border-top-width: 1px; - padding: 5px 10px; -} - -.data th { - white-space: nowrap; -} - -.data thead th { - background: #eee; - font-weight: bold; - text-shadow: #fff 0 1px 0; -} - -.data tbody th { - width: 1px; -} - -.data tr th:first-child { - text-align: right; -} - -/* `Code -----------------------------------------------------------------------------------------------------*/ - -pre, -code { - font-size: 12px; - font-family: Menlo, Courier, monospace; -} - -pre, -.notice { - background: #ffe; - border: 1px solid; - border-color: #eed #ccb #bba #ddc; - overflow: auto; - padding: 10px 0 10px 10px; -} - -* html pre { - overflow: hidden; - width: 97%; -} - -code { - background: #ff9; - padding: 0 2px; -} \ No newline at end of file diff --git a/assets/css/24col/mobile.css b/assets/css/24col/mobile.css deleted file mode 100644 index 1351cf2..0000000 --- a/assets/css/24col/mobile.css +++ /dev/null @@ -1,26 +0,0 @@ -.grid_1, -.grid_2, -.grid_3, -.grid_4, -.grid_5, -.grid_6, -.grid_7, -.grid_8, -.grid_9, -.grid_10, -.grid_11, -.grid_12 { - margin-left: 10px; - margin-right: 10px; -} - -.alpha, -.omega { - margin-left: 0; - margin-right: 0; -} - -.align_center, -.align_right { - text-align: left; -} \ No newline at end of file diff --git a/assets/css/24col/mobile.min.css b/assets/css/24col/mobile.min.css deleted file mode 100644 index a085546..0000000 --- a/assets/css/24col/mobile.min.css +++ /dev/null @@ -1 +0,0 @@ -.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{margin-left:10px;margin-right:10px}.alpha,.omega{margin-left:0;margin-right:0}.align_center,.align_right{text-align:left} \ No newline at end of file diff --git a/assets/css/24col/reset.css b/assets/css/24col/reset.css deleted file mode 100644 index 0af7c26..0000000 --- a/assets/css/24col/reset.css +++ /dev/null @@ -1,207 +0,0 @@ -/* `XHTML, HTML4, HTML5 Reset -----------------------------------------------------------------------------------------------------*/ - -a, -abbr, -acronym, -address, -applet, -article, -aside, -audio, -b, -big, -blockquote, -body, -canvas, -caption, -center, -cite, -code, -dd, -del, -details, -dfn, -dialog, -div, -dl, -dt, -em, -embed, -fieldset, -figcaption, -figure, -font, -footer, -form, -h1, -h2, -h3, -h4, -h5, -h6, -header, -hgroup, -hr, -html, -i, -iframe, -img, -ins, -kbd, -label, -legend, -li, -mark, -menu, -meter, -nav, -object, -ol, -output, -p, -pre, -progress, -q, -rp, -rt, -ruby, -s, -samp, -section, -small, -span, -strike, -strong, -sub, -summary, -sup, -table, -tbody, -td, -tfoot, -th, -thead, -time, -tr, -tt, -u, -ul, -var, -video, -xmp { - border: 0; - margin: 0; - padding: 0; - font-size: 100%; -} - -html, -body { - height: 100%; -} - -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -menu, -nav, -section { -/* - Override the default (display: inline) for - browsers that do not recognize HTML5 tags. - - IE8 (and lower) requires a shiv: - http://ejohn.org/blog/html5-shiv -*/ - display: block; -} - -b, -strong { -/* - Makes browsers agree. - IE + Opera = font-weight: bold. - Gecko + WebKit = font-weight: bolder. -*/ - font-weight: bold; -} - -img { - color: transparent; - font-size: 0; - vertical-align: middle; -/* - For IE. - http://css-tricks.com/ie-fix-bicubic-scaling-for-images -*/ - -ms-interpolation-mode: bicubic; -} - -li { -/* - For IE6 + IE7: - - "display: list-item" keeps bullets from - disappearing if hasLayout is triggered. -*/ - display: list-item; - list-style: none; -} - -table { - border-collapse: collapse; - border-spacing: 0; -} - -th, -td, -caption { - font-weight: normal; - vertical-align: top; - text-align: left; -} - -q { - quotes: none; -} - -q:before, -q:after { - content: ''; - content: none; -} - -sub, -sup, -small { - font-size: 75%; -} - -sub, -sup { - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -svg { -/* - For IE9. Without, occasionally draws shapes - outside the boundaries of rectangle. -*/ - overflow: hidden; -} \ No newline at end of file diff --git a/assets/css/24col/text.css b/assets/css/24col/text.css deleted file mode 100644 index af8df54..0000000 --- a/assets/css/24col/text.css +++ /dev/null @@ -1,81 +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; -} - -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, -figure { - margin-bottom: 20px; -} \ No newline at end of file From d9510e4b591d55b9dbe55344991811c56d5f626a Mon Sep 17 00:00:00 2001 From: Adam Wright Date: Tue, 28 Jan 2014 14:24:23 -0500 Subject: [PATCH 3/9] Adding in folders for left to right (ltr and right to left (rtl) layouts --- assets/css/col12/ltr/1200.css | 357 +++++++++++++++++++++++++++ assets/css/col12/ltr/1200.min.css | 1 + assets/css/col12/ltr/1560.css | 357 +++++++++++++++++++++++++++ assets/css/col12/ltr/1560.min.css | 1 + assets/css/col12/ltr/1920.css | 358 +++++++++++++++++++++++++++ assets/css/col12/ltr/1920.min.css | 1 + assets/css/col12/ltr/2520.css | 359 ++++++++++++++++++++++++++++ assets/css/col12/ltr/2520.min.css | 1 + assets/css/col12/ltr/720.css | 357 +++++++++++++++++++++++++++ assets/css/col12/ltr/720.min.css | 1 + assets/css/col12/ltr/960.css | 357 +++++++++++++++++++++++++++ assets/css/col12/ltr/960.min.css | 1 + assets/css/col12/ltr/master.css | 120 ++++++++++ assets/css/col12/ltr/mobile.css | 26 ++ assets/css/col12/ltr/mobile.min.css | 1 + assets/css/col12/ltr/reset.css | 207 ++++++++++++++++ assets/css/col12/ltr/text.css | 81 +++++++ assets/css/col16/ltr/1200.css | 357 +++++++++++++++++++++++++++ assets/css/col16/ltr/1560.css | 357 +++++++++++++++++++++++++++ assets/css/col16/ltr/1920.css | 358 +++++++++++++++++++++++++++ assets/css/col16/ltr/2520.css | 359 ++++++++++++++++++++++++++++ assets/css/col16/ltr/720.css | 357 +++++++++++++++++++++++++++ assets/css/col16/ltr/960.css | 357 +++++++++++++++++++++++++++ assets/css/col16/ltr/master.css | 120 ++++++++++ assets/css/col16/ltr/mobile.css | 26 ++ assets/css/col16/ltr/reset.css | 207 ++++++++++++++++ assets/css/col16/ltr/text.css | 81 +++++++ assets/css/col24/ltr/1200.css | 357 +++++++++++++++++++++++++++ assets/css/col24/ltr/1560.css | 357 +++++++++++++++++++++++++++ assets/css/col24/ltr/1920.css | 358 +++++++++++++++++++++++++++ assets/css/col24/ltr/2520.css | 359 ++++++++++++++++++++++++++++ assets/css/col24/ltr/720.css | 357 +++++++++++++++++++++++++++ assets/css/col24/ltr/960.css | 357 +++++++++++++++++++++++++++ assets/css/col24/ltr/master.css | 120 ++++++++++ assets/css/col24/ltr/mobile.css | 26 ++ assets/css/col24/ltr/reset.css | 207 ++++++++++++++++ assets/css/col24/ltr/text.css | 81 +++++++ 37 files changed, 7744 insertions(+) create mode 100755 assets/css/col12/ltr/1200.css create mode 100644 assets/css/col12/ltr/1200.min.css create mode 100755 assets/css/col12/ltr/1560.css create mode 100644 assets/css/col12/ltr/1560.min.css create mode 100644 assets/css/col12/ltr/1920.css create mode 100644 assets/css/col12/ltr/1920.min.css create mode 100644 assets/css/col12/ltr/2520.css create mode 100644 assets/css/col12/ltr/2520.min.css create mode 100755 assets/css/col12/ltr/720.css create mode 100644 assets/css/col12/ltr/720.min.css create mode 100644 assets/css/col12/ltr/960.css create mode 100644 assets/css/col12/ltr/960.min.css create mode 100644 assets/css/col12/ltr/master.css create mode 100644 assets/css/col12/ltr/mobile.css create mode 100644 assets/css/col12/ltr/mobile.min.css create mode 100644 assets/css/col12/ltr/reset.css create mode 100644 assets/css/col12/ltr/text.css create mode 100755 assets/css/col16/ltr/1200.css create mode 100755 assets/css/col16/ltr/1560.css create mode 100644 assets/css/col16/ltr/1920.css create mode 100644 assets/css/col16/ltr/2520.css create mode 100755 assets/css/col16/ltr/720.css create mode 100644 assets/css/col16/ltr/960.css create mode 100644 assets/css/col16/ltr/master.css create mode 100644 assets/css/col16/ltr/mobile.css create mode 100644 assets/css/col16/ltr/reset.css create mode 100644 assets/css/col16/ltr/text.css create mode 100755 assets/css/col24/ltr/1200.css create mode 100755 assets/css/col24/ltr/1560.css create mode 100644 assets/css/col24/ltr/1920.css create mode 100644 assets/css/col24/ltr/2520.css create mode 100755 assets/css/col24/ltr/720.css create mode 100644 assets/css/col24/ltr/960.css create mode 100644 assets/css/col24/ltr/master.css create mode 100644 assets/css/col24/ltr/mobile.css create mode 100644 assets/css/col24/ltr/reset.css create mode 100644 assets/css/col24/ltr/text.css diff --git a/assets/css/col12/ltr/1200.css b/assets/css/col12/ltr/1200.css new file mode 100755 index 0000000..b9185c4 --- /dev/null +++ b/assets/css/col12/ltr/1200.css @@ -0,0 +1,357 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 1200px; +} + +/* `Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 1200px; +} + +/* `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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11 { + position: relative; +} + +/* `Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* `Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 80px; +} + +.container_12 .grid_2 { + width: 180px; +} + +.container_12 .grid_3 { + width: 280px; +} + +.container_12 .grid_4 { + width: 380px; +} + +.container_12 .grid_5 { + width: 480px; +} + +.container_12 .grid_6 { + width: 580px; +} + +.container_12 .grid_7 { + width: 680px; +} + +.container_12 .grid_8 { + width: 780px; +} + +.container_12 .grid_9 { + width: 880px; +} + +.container_12 .grid_10 { + width: 980px; +} + +.container_12 .grid_11 { + width: 1080px; +} + +.container_12 .grid_12 { + width: 1180px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 100px; +} + +.container_12 .prefix_2 { + padding-left: 200px; +} + +.container_12 .prefix_3 { + padding-left: 300px; +} + +.container_12 .prefix_4 { + padding-left: 400px; +} + +.container_12 .prefix_5 { + padding-left: 500px; +} + +.container_12 .prefix_6 { + padding-left: 600px; +} + +.container_12 .prefix_7 { + padding-left: 700px; +} + +.container_12 .prefix_8 { + padding-left: 800px; +} + +.container_12 .prefix_9 { + padding-left: 900px; +} + +.container_12 .prefix_10 { + padding-left: 1000px; +} + +.container_12 .prefix_11 { + padding-left: 1100px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 100px; +} + +.container_12 .suffix_2 { + padding-right: 200px; +} + +.container_12 .suffix_3 { + padding-right: 300px; +} + +.container_12 .suffix_4 { + padding-right: 400px; +} + +.container_12 .suffix_5 { + padding-right: 500px; +} + +.container_12 .suffix_6 { + padding-right: 600px; +} + +.container_12 .suffix_7 { + padding-right: 700px; +} + +.container_12 .suffix_8 { + padding-right: 800px; +} + +.container_12 .suffix_9 { + padding-right: 900px; +} + +.container_12 .suffix_10 { + padding-right: 1000px; +} + +.container_12 .suffix_11 { + padding-right: 1100px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 100px; +} + +.container_12 .push_2 { + left: 200px; +} + +.container_12 .push_3 { + left: 300px; +} + +.container_12 .push_4 { + left: 400px; +} + +.container_12 .push_5 { + left: 500px; +} + +.container_12 .push_6 { + left: 600px; +} + +.container_12 .push_7 { + left: 700px; +} + +.container_12 .push_8 { + left: 800px; +} + +.container_12 .push_9 { + left: 900px; +} + +.container_12 .push_10 { + left: 1000px; +} + +.container_12 .push_11 { + left: 1100px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -100px; +} + +.container_12 .pull_2 { + left: -200px; +} + +.container_12 .pull_3 { + left: -300px; +} + +.container_12 .pull_4 { + left: -400px; +} + +.container_12 .pull_5 { + left: -500px; +} + +.container_12 .pull_6 { + left: -600px; +} + +.container_12 .pull_7 { + left: -700px; +} + +.container_12 .pull_8 { + left: -800px; +} + +.container_12 .pull_9 { + left: -900px; +} + +.container_12 .pull_10 { + left: -1000px; +} + +.container_12 .pull_11 { + left: -1100px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/col12/ltr/1200.min.css b/assets/css/col12/ltr/1200.min.css new file mode 100644 index 0000000..53ec99b --- /dev/null +++ b/assets/css/col12/ltr/1200.min.css @@ -0,0 +1 @@ +body{min-width:1200px}.container_12{margin-left:auto;margin-right:auto;width:1200px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:80px}.container_12 .grid_2{width:180px}.container_12 .grid_3{width:280px}.container_12 .grid_4{width:380px}.container_12 .grid_5{width:480px}.container_12 .grid_6{width:580px}.container_12 .grid_7{width:680px}.container_12 .grid_8{width:780px}.container_12 .grid_9{width:880px}.container_12 .grid_10{width:980px}.container_12 .grid_11{width:1080px}.container_12 .grid_12{width:1180px}.container_12 .prefix_1{padding-left:100px}.container_12 .prefix_2{padding-left:200px}.container_12 .prefix_3{padding-left:300px}.container_12 .prefix_4{padding-left:400px}.container_12 .prefix_5{padding-left:500px}.container_12 .prefix_6{padding-left:600px}.container_12 .prefix_7{padding-left:700px}.container_12 .prefix_8{padding-left:800px}.container_12 .prefix_9{padding-left:900px}.container_12 .prefix_10{padding-left:1000px}.container_12 .prefix_11{padding-left:1100px}.container_12 .suffix_1{padding-right:100px}.container_12 .suffix_2{padding-right:200px}.container_12 .suffix_3{padding-right:300px}.container_12 .suffix_4{padding-right:400px}.container_12 .suffix_5{padding-right:500px}.container_12 .suffix_6{padding-right:600px}.container_12 .suffix_7{padding-right:700px}.container_12 .suffix_8{padding-right:800px}.container_12 .suffix_9{padding-right:900px}.container_12 .suffix_10{padding-right:1000px}.container_12 .suffix_11{padding-right:1100px}.container_12 .push_1{left:100px}.container_12 .push_2{left:200px}.container_12 .push_3{left:300px}.container_12 .push_4{left:400px}.container_12 .push_5{left:500px}.container_12 .push_6{left:600px}.container_12 .push_7{left:700px}.container_12 .push_8{left:800px}.container_12 .push_9{left:900px}.container_12 .push_10{left:1000px}.container_12 .push_11{left:1100px}.container_12 .pull_1{left:-100px}.container_12 .pull_2{left:-200px}.container_12 .pull_3{left:-300px}.container_12 .pull_4{left:-400px}.container_12 .pull_5{left:-500px}.container_12 .pull_6{left:-600px}.container_12 .pull_7{left:-700px}.container_12 .pull_8{left:-800px}.container_12 .pull_9{left:-900px}.container_12 .pull_10{left:-1000px}.container_12 .pull_11{left:-1100px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/col12/ltr/1560.css b/assets/css/col12/ltr/1560.css new file mode 100755 index 0000000..88af16b --- /dev/null +++ b/assets/css/col12/ltr/1560.css @@ -0,0 +1,357 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 1560px; +} + +/* `Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 1560px; +} + +/* `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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11 { + position: relative; +} + +/* `Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* `Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 110px; +} + +.container_12 .grid_2 { + width: 240px; +} + +.container_12 .grid_3 { + width: 370px; +} + +.container_12 .grid_4 { + width: 500px; +} + +.container_12 .grid_5 { + width: 630px; +} + +.container_12 .grid_6 { + width: 760px; +} + +.container_12 .grid_7 { + width: 890px; +} + +.container_12 .grid_8 { + width: 1020px; +} + +.container_12 .grid_9 { + width: 1150px; +} + +.container_12 .grid_10 { + width: 1280px; +} + +.container_12 .grid_11 { + width: 1410px; +} + +.container_12 .grid_12 { + width: 1540px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 130px; +} + +.container_12 .prefix_2 { + padding-left: 260px; +} + +.container_12 .prefix_3 { + padding-left: 390px; +} + +.container_12 .prefix_4 { + padding-left: 520px; +} + +.container_12 .prefix_5 { + padding-left: 650px; +} + +.container_12 .prefix_6 { + padding-left: 780px; +} + +.container_12 .prefix_7 { + padding-left: 910px; +} + +.container_12 .prefix_8 { + padding-left: 1040px; +} + +.container_12 .prefix_9 { + padding-left: 1170px; +} + +.container_12 .prefix_10 { + padding-left: 1300px; +} + +.container_12 .prefix_11 { + padding-left: 1430px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 130px; +} + +.container_12 .suffix_2 { + padding-right: 260px; +} + +.container_12 .suffix_3 { + padding-right: 390px; +} + +.container_12 .suffix_4 { + padding-right: 520px; +} + +.container_12 .suffix_5 { + padding-right: 650px; +} + +.container_12 .suffix_6 { + padding-right: 780px; +} + +.container_12 .suffix_7 { + padding-right: 910px; +} + +.container_12 .suffix_8 { + padding-right: 1040px; +} + +.container_12 .suffix_9 { + padding-right: 1170px; +} + +.container_12 .suffix_10 { + padding-right: 1300px; +} + +.container_12 .suffix_11 { + padding-right: 1430px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 130px; +} + +.container_12 .push_2 { + left: 260px; +} + +.container_12 .push_3 { + left: 390px; +} + +.container_12 .push_4 { + left: 520px; +} + +.container_12 .push_5 { + left: 650px; +} + +.container_12 .push_6 { + left: 780px; +} + +.container_12 .push_7 { + left: 910px; +} + +.container_12 .push_8 { + left: 1040px; +} + +.container_12 .push_9 { + left: 1170px; +} + +.container_12 .push_10 { + left: 1300px; +} + +.container_12 .push_11 { + left: 1430px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -130px; +} + +.container_12 .pull_2 { + left: -260px; +} + +.container_12 .pull_3 { + left: -390px; +} + +.container_12 .pull_4 { + left: -520px; +} + +.container_12 .pull_5 { + left: -650px; +} + +.container_12 .pull_6 { + left: -780px; +} + +.container_12 .pull_7 { + left: -910px; +} + +.container_12 .pull_8 { + left: -1040px; +} + +.container_12 .pull_9 { + left: -1170px; +} + +.container_12 .pull_10 { + left: -1300px; +} + +.container_12 .pull_11 { + left: -1430px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/col12/ltr/1560.min.css b/assets/css/col12/ltr/1560.min.css new file mode 100644 index 0000000..0b7aff6 --- /dev/null +++ b/assets/css/col12/ltr/1560.min.css @@ -0,0 +1 @@ +body{min-width:1560px}.container_12{margin-left:auto;margin-right:auto;width:1560px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:110px}.container_12 .grid_2{width:240px}.container_12 .grid_3{width:370px}.container_12 .grid_4{width:500px}.container_12 .grid_5{width:630px}.container_12 .grid_6{width:760px}.container_12 .grid_7{width:890px}.container_12 .grid_8{width:1020px}.container_12 .grid_9{width:1150px}.container_12 .grid_10{width:1280px}.container_12 .grid_11{width:1410px}.container_12 .grid_12{width:1540px}.container_12 .prefix_1{padding-left:130px}.container_12 .prefix_2{padding-left:260px}.container_12 .prefix_3{padding-left:390px}.container_12 .prefix_4{padding-left:520px}.container_12 .prefix_5{padding-left:650px}.container_12 .prefix_6{padding-left:780px}.container_12 .prefix_7{padding-left:910px}.container_12 .prefix_8{padding-left:1040px}.container_12 .prefix_9{padding-left:1170px}.container_12 .prefix_10{padding-left:1300px}.container_12 .prefix_11{padding-left:1430px}.container_12 .suffix_1{padding-right:130px}.container_12 .suffix_2{padding-right:260px}.container_12 .suffix_3{padding-right:390px}.container_12 .suffix_4{padding-right:520px}.container_12 .suffix_5{padding-right:650px}.container_12 .suffix_6{padding-right:780px}.container_12 .suffix_7{padding-right:910px}.container_12 .suffix_8{padding-right:1040px}.container_12 .suffix_9{padding-right:1170px}.container_12 .suffix_10{padding-right:1300px}.container_12 .suffix_11{padding-right:1430px}.container_12 .push_1{left:130px}.container_12 .push_2{left:260px}.container_12 .push_3{left:390px}.container_12 .push_4{left:520px}.container_12 .push_5{left:650px}.container_12 .push_6{left:780px}.container_12 .push_7{left:910px}.container_12 .push_8{left:1040px}.container_12 .push_9{left:1170px}.container_12 .push_10{left:1300px}.container_12 .push_11{left:1430px}.container_12 .pull_1{left:-130px}.container_12 .pull_2{left:-260px}.container_12 .pull_3{left:-390px}.container_12 .pull_4{left:-520px}.container_12 .pull_5{left:-650px}.container_12 .pull_6{left:-780px}.container_12 .pull_7{left:-910px}.container_12 .pull_8{left:-1040px}.container_12 .pull_9{left:-1170px}.container_12 .pull_10{left:-1300px}.container_12 .pull_11{left:-1430px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/col12/ltr/1920.css b/assets/css/col12/ltr/1920.css new file mode 100644 index 0000000..e9d303a --- /dev/null +++ b/assets/css/col12/ltr/1920.css @@ -0,0 +1,358 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 1920px; +} + +/* Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 1920px; +} + +/* 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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11, +.push_12, .pull_12 { + position: relative; +} + +/* Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 140px; +} + +.container_12 .grid_2 { + width: 300px; +} + +.container_12 .grid_3 { + width: 460px; +} + +.container_12 .grid_4 { + width: 620px; +} + +.container_12 .grid_5 { + width: 780px; +} + +.container_12 .grid_6 { + width: 940px; +} + +.container_12 .grid_7 { + width: 1100px; +} + +.container_12 .grid_8 { + width: 1260px; +} + +.container_12 .grid_9 { + width: 1420px; +} + +.container_12 .grid_10 { + width: 1580px; +} + +.container_12 .grid_11 { + width: 1740px; +} + +.container_12 .grid_12 { + width: 1900px; +} + +/* Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 160px; +} + +.container_12 .prefix_2 { + padding-left: 320px; +} + +.container_12 .prefix_3 { + padding-left: 480px; +} + +.container_12 .prefix_4 { + padding-left: 640px; +} + +.container_12 .prefix_5 { + padding-left: 800px; +} + +.container_12 .prefix_6 { + padding-left: 960px; +} + +.container_12 .prefix_7 { + padding-left: 1120px; +} + +.container_12 .prefix_8 { + padding-left: 1280px; +} + +.container_12 .prefix_9 { + padding-left: 1440px; +} + +.container_12 .prefix_10 { + padding-left: 1600px; +} + +.container_12 .prefix_11 { + padding-left: 1760px; +} + +/* Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 160px; +} + +.container_12 .suffix_2 { + padding-right: 320px; +} + +.container_12 .suffix_3 { + padding-right: 480px; +} + +.container_12 .suffix_4 { + padding-right: 640px; +} + +.container_12 .suffix_5 { + padding-right: 800px; +} + +.container_12 .suffix_6 { + padding-right: 960px; +} + +.container_12 .suffix_7 { + padding-right: 1120px; +} + +.container_12 .suffix_8 { + padding-right: 1280px; +} + +.container_12 .suffix_9 { + padding-right: 1440px; +} + +.container_12 .suffix_10 { + padding-right: 1600px; +} + +.container_12 .suffix_11 { + padding-right: 1760px; +} + +/* Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 160px; +} + +.container_12 .push_2 { + left: 320px; +} + +.container_12 .push_3 { + left: 480px; +} + +.container_12 .push_4 { + left: 640px; +} + +.container_12 .push_5 { + left: 800px; +} + +.container_12 .push_6 { + left: 960px; +} + +.container_12 .push_7 { + left: 1120px; +} + +.container_12 .push_8 { + left: 1280px; +} + +.container_12 .push_9 { + left: 1440px; +} + +.container_12 .push_10 { + left: 1600px; +} + +.container_12 .push_11 { + left: 1760px; +} + +/* Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -160px; +} + +.container_12 .pull_2 { + left: -320px; +} + +.container_12 .pull_3 { + left: -480px; +} + +.container_12 .pull_4 { + left: -640px; +} + +.container_12 .pull_5 { + left: -800px; +} + +.container_12 .pull_6 { + left: -960px; +} + +.container_12 .pull_7 { + left: -1120px; +} + +.container_12 .pull_8 { + left: -1280px; +} + +.container_12 .pull_9 { + left: -1440px; +} + +.container_12 .pull_10 { + left: -1600px; +} + +.container_12 .pull_11 { + left: -1760px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/col12/ltr/1920.min.css b/assets/css/col12/ltr/1920.min.css new file mode 100644 index 0000000..c330971 --- /dev/null +++ b/assets/css/col12/ltr/1920.min.css @@ -0,0 +1 @@ +body{min-width:1920px}.container_12{margin-left:auto;margin-right:auto;width:1920px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:140px}.container_12 .grid_2{width:300px}.container_12 .grid_3{width:460px}.container_12 .grid_4{width:620px}.container_12 .grid_5{width:780px}.container_12 .grid_6{width:940px}.container_12 .grid_7{width:1100px}.container_12 .grid_8{width:1260px}.container_12 .grid_9{width:1420px}.container_12 .grid_10{width:1580px}.container_12 .grid_11{width:1740px}.container_12 .grid_12{width:1900px}.container_12 .prefix_1{padding-left:160px}.container_12 .prefix_2{padding-left:320px}.container_12 .prefix_3{padding-left:480px}.container_12 .prefix_4{padding-left:640px}.container_12 .prefix_5{padding-left:800px}.container_12 .prefix_6{padding-left:960px}.container_12 .prefix_7{padding-left:1120px}.container_12 .prefix_8{padding-left:1280px}.container_12 .prefix_9{padding-left:1440px}.container_12 .prefix_10{padding-left:1600px}.container_12 .prefix_11{padding-left:1760px}.container_12 .suffix_1{padding-right:160px}.container_12 .suffix_2{padding-right:320px}.container_12 .suffix_3{padding-right:480px}.container_12 .suffix_4{padding-right:640px}.container_12 .suffix_5{padding-right:800px}.container_12 .suffix_6{padding-right:960px}.container_12 .suffix_7{padding-right:1120px}.container_12 .suffix_8{padding-right:1280px}.container_12 .suffix_9{padding-right:1440px}.container_12 .suffix_10{padding-right:1600px}.container_12 .suffix_11{padding-right:1760px}.container_12 .push_1{left:160px}.container_12 .push_2{left:320px}.container_12 .push_3{left:480px}.container_12 .push_4{left:640px}.container_12 .push_5{left:800px}.container_12 .push_6{left:960px}.container_12 .push_7{left:1120px}.container_12 .push_8{left:1280px}.container_12 .push_9{left:1440px}.container_12 .push_10{left:1600px}.container_12 .push_11{left:1760px}.container_12 .pull_1{left:-160px}.container_12 .pull_2{left:-320px}.container_12 .pull_3{left:-480px}.container_12 .pull_4{left:-640px}.container_12 .pull_5{left:-800px}.container_12 .pull_6{left:-960px}.container_12 .pull_7{left:-1120px}.container_12 .pull_8{left:-1280px}.container_12 .pull_9{left:-1440px}.container_12 .pull_10{left:-1600px}.container_12 .pull_11{left:-1760px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/col12/ltr/2520.css b/assets/css/col12/ltr/2520.css new file mode 100644 index 0000000..8045ce9 --- /dev/null +++ b/assets/css/col12/ltr/2520.css @@ -0,0 +1,359 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 2520px; +} + +/* Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 2520px; +} + +/* 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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11, +.push_12, .pull_12 { + position: relative; +} + +/* Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + + +.container_12 .grid_1 { + width: 190px; +} + +.container_12 .grid_2 { + width: 400px; +} + +.container_12 .grid_3 { + width: 610px; +} + +.container_12 .grid_4 { + width: 820px; +} + +.container_12 .grid_5 { + width: 1030px; +} + +.container_12 .grid_6 { + width: 1240px; +} + +.container_12 .grid_7 { + width: 1450px; +} + +.container_12 .grid_8 { + width: 1660px; +} + +.container_12 .grid_9 { + width: 1870px; +} + +.container_12 .grid_10 { + width: 2080px; +} + +.container_12 .grid_11 { + width: 2290px; +} + +.container_12 .grid_12 { + width: 2500px; +} + +/* Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 210px; +} + +.container_12 .prefix_2 { + padding-left: 420px; +} + +.container_12 .prefix_3 { + padding-left: 630px; +} + +.container_12 .prefix_4 { + padding-left: 840px; +} + +.container_12 .prefix_5 { + padding-left: 1050px; +} + +.container_12 .prefix_6 { + padding-left: 1260px; +} + +.container_12 .prefix_7 { + padding-left: 1470px; +} + +.container_12 .prefix_8 { + padding-left: 1680px; +} + +.container_12 .prefix_9 { + padding-left: 1890px; +} + +.container_12 .prefix_10 { + padding-left: 2100px; +} + +.container_12 .prefix_11 { + padding-left: 2310px; +} + +/* Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 210px; +} + +.container_12 .suffix_2 { + padding-right: 420px; +} + +.container_12 .suffix_3 { + padding-right: 630px; +} + +.container_12 .suffix_4 { + padding-right: 840px; +} + +.container_12 .suffix_5 { + padding-right: 1050px; +} + +.container_12 .suffix_6 { + padding-right: 1260px; +} + +.container_12 .suffix_7 { + padding-right: 1470px; +} + +.container_12 .suffix_8 { + padding-right: 1680px; +} + +.container_12 .suffix_9 { + padding-right: 1890px; +} + +.container_12 .suffix_10 { + padding-right: 2100px; +} + +.container_12 .suffix_11 { + padding-right: 2310px; +} + +/* Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 210px; +} + +.container_12 .push_2 { + left: 420px; +} + +.container_12 .push_3 { + left: 630px; +} + +.container_12 .push_4 { + left: 840px; +} + +.container_12 .push_5 { + left: 1050px; +} + +.container_12 .push_6 { + left: 1260px; +} + +.container_12 .push_7 { + left: 1470px; +} + +.container_12 .push_8 { + left: 1680px; +} + +.container_12 .push_9 { + left: 1890px; +} + +.container_12 .push_10 { + left: 2100px; +} + +.container_12 .push_11 { + left: 2310px; +} + +/* Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -210px; +} + +.container_12 .pull_2 { + left: -420px; +} + +.container_12 .pull_3 { + left: -630px; +} + +.container_12 .pull_4 { + left: -840px; +} + +.container_12 .pull_5 { + left: -1050px; +} + +.container_12 .pull_6 { + left: -1260px; +} + +.container_12 .pull_7 { + left: -1470px; +} + +.container_12 .pull_8 { + left: -1680px; +} + +.container_12 .pull_9 { + left: -1890px; +} + +.container_12 .pull_10 { + left: -2100px; +} + +.container_12 .pull_11 { + left: -2310px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/col12/ltr/2520.min.css b/assets/css/col12/ltr/2520.min.css new file mode 100644 index 0000000..e56fd2b --- /dev/null +++ b/assets/css/col12/ltr/2520.min.css @@ -0,0 +1 @@ +body{min-width:2520px}.container_12{margin-left:auto;margin-right:auto;width:2520px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:190px}.container_12 .grid_2{width:400px}.container_12 .grid_3{width:610px}.container_12 .grid_4{width:820px}.container_12 .grid_5{width:1030px}.container_12 .grid_6{width:1240px}.container_12 .grid_7{width:1450px}.container_12 .grid_8{width:1660px}.container_12 .grid_9{width:1870px}.container_12 .grid_10{width:2080px}.container_12 .grid_11{width:2290px}.container_12 .grid_12{width:2500px}.container_12 .prefix_1{padding-left:210px}.container_12 .prefix_2{padding-left:420px}.container_12 .prefix_3{padding-left:630px}.container_12 .prefix_4{padding-left:840px}.container_12 .prefix_5{padding-left:1050px}.container_12 .prefix_6{padding-left:1260px}.container_12 .prefix_7{padding-left:1470px}.container_12 .prefix_8{padding-left:1680px}.container_12 .prefix_9{padding-left:1890px}.container_12 .prefix_10{padding-left:2100px}.container_12 .prefix_11{padding-left:2310px}.container_12 .suffix_1{padding-right:210px}.container_12 .suffix_2{padding-right:420px}.container_12 .suffix_3{padding-right:630px}.container_12 .suffix_4{padding-right:840px}.container_12 .suffix_5{padding-right:1050px}.container_12 .suffix_6{padding-right:1260px}.container_12 .suffix_7{padding-right:1470px}.container_12 .suffix_8{padding-right:1680px}.container_12 .suffix_9{padding-right:1890px}.container_12 .suffix_10{padding-right:2100px}.container_12 .suffix_11{padding-right:2310px}.container_12 .push_1{left:210px}.container_12 .push_2{left:420px}.container_12 .push_3{left:630px}.container_12 .push_4{left:840px}.container_12 .push_5{left:1050px}.container_12 .push_6{left:1260px}.container_12 .push_7{left:1470px}.container_12 .push_8{left:1680px}.container_12 .push_9{left:1890px}.container_12 .push_10{left:2100px}.container_12 .push_11{left:2310px}.container_12 .pull_1{left:-210px}.container_12 .pull_2{left:-420px}.container_12 .pull_3{left:-630px}.container_12 .pull_4{left:-840px}.container_12 .pull_5{left:-1050px}.container_12 .pull_6{left:-1260px}.container_12 .pull_7{left:-1470px}.container_12 .pull_8{left:-1680px}.container_12 .pull_9{left:-1890px}.container_12 .pull_10{left:-2100px}.container_12 .pull_11{left:-2310px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/col12/ltr/720.css b/assets/css/col12/ltr/720.css new file mode 100755 index 0000000..ba66200 --- /dev/null +++ b/assets/css/col12/ltr/720.css @@ -0,0 +1,357 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 720px; +} + +/* `Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 720px; +} + +/* `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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11 { + position: relative; +} + +/* `Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* `Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 40px; +} + +.container_12 .grid_2 { + width: 100px; +} + +.container_12 .grid_3 { + width: 160px; +} + +.container_12 .grid_4 { + width: 220px; +} + +.container_12 .grid_5 { + width: 280px; +} + +.container_12 .grid_6 { + width: 340px; +} + +.container_12 .grid_7 { + width: 400px; +} + +.container_12 .grid_8 { + width: 460px; +} + +.container_12 .grid_9 { + width: 520px; +} + +.container_12 .grid_10 { + width: 580px; +} + +.container_12 .grid_11 { + width: 640px; +} + +.container_12 .grid_12 { + width: 700px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 60px; +} + +.container_12 .prefix_2 { + padding-left: 120px; +} + +.container_12 .prefix_3 { + padding-left: 180px; +} + +.container_12 .prefix_4 { + padding-left: 240px; +} + +.container_12 .prefix_5 { + padding-left: 300px; +} + +.container_12 .prefix_6 { + padding-left: 360px; +} + +.container_12 .prefix_7 { + padding-left: 420px; +} + +.container_12 .prefix_8 { + padding-left: 480px; +} + +.container_12 .prefix_9 { + padding-left: 540px; +} + +.container_12 .prefix_10 { + padding-left: 600px; +} + +.container_12 .prefix_11 { + padding-left: 660px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 60px; +} + +.container_12 .suffix_2 { + padding-right: 120px; +} + +.container_12 .suffix_3 { + padding-right: 180px; +} + +.container_12 .suffix_4 { + padding-right: 240px; +} + +.container_12 .suffix_5 { + padding-right: 300px; +} + +.container_12 .suffix_6 { + padding-right: 360px; +} + +.container_12 .suffix_7 { + padding-right: 420px; +} + +.container_12 .suffix_8 { + padding-right: 480px; +} + +.container_12 .suffix_9 { + padding-right: 540px; +} + +.container_12 .suffix_10 { + padding-right: 600px; +} + +.container_12 .suffix_11 { + padding-right: 660px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 60px; +} + +.container_12 .push_2 { + left: 120px; +} + +.container_12 .push_3 { + left: 180px; +} + +.container_12 .push_4 { + left: 240px; +} + +.container_12 .push_5 { + left: 300px; +} + +.container_12 .push_6 { + left: 360px; +} + +.container_12 .push_7 { + left: 420px; +} + +.container_12 .push_8 { + left: 480px; +} + +.container_12 .push_9 { + left: 540px; +} + +.container_12 .push_10 { + left: 600px; +} + +.container_12 .push_11 { + left: 660px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -60px; +} + +.container_12 .pull_2 { + left: -120px; +} + +.container_12 .pull_3 { + left: -180px; +} + +.container_12 .pull_4 { + left: -240px; +} + +.container_12 .pull_5 { + left: -300px; +} + +.container_12 .pull_6 { + left: -360px; +} + +.container_12 .pull_7 { + left: -420px; +} + +.container_12 .pull_8 { + left: -480px; +} + +.container_12 .pull_9 { + left: -540px; +} + +.container_12 .pull_10 { + left: -600px; +} + +.container_12 .pull_11 { + left: -660px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/col12/ltr/720.min.css b/assets/css/col12/ltr/720.min.css new file mode 100644 index 0000000..ed4ac41 --- /dev/null +++ b/assets/css/col12/ltr/720.min.css @@ -0,0 +1 @@ +body{min-width:720px}.container_12{margin-left:auto;margin-right:auto;width:720px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:40px}.container_12 .grid_2{width:100px}.container_12 .grid_3{width:160px}.container_12 .grid_4{width:220px}.container_12 .grid_5{width:280px}.container_12 .grid_6{width:340px}.container_12 .grid_7{width:400px}.container_12 .grid_8{width:460px}.container_12 .grid_9{width:520px}.container_12 .grid_10{width:580px}.container_12 .grid_11{width:640px}.container_12 .grid_12{width:700px}.container_12 .prefix_1{padding-left:60px}.container_12 .prefix_2{padding-left:120px}.container_12 .prefix_3{padding-left:180px}.container_12 .prefix_4{padding-left:240px}.container_12 .prefix_5{padding-left:300px}.container_12 .prefix_6{padding-left:360px}.container_12 .prefix_7{padding-left:420px}.container_12 .prefix_8{padding-left:480px}.container_12 .prefix_9{padding-left:540px}.container_12 .prefix_10{padding-left:600px}.container_12 .prefix_11{padding-left:660px}.container_12 .suffix_1{padding-right:60px}.container_12 .suffix_2{padding-right:120px}.container_12 .suffix_3{padding-right:180px}.container_12 .suffix_4{padding-right:240px}.container_12 .suffix_5{padding-right:300px}.container_12 .suffix_6{padding-right:360px}.container_12 .suffix_7{padding-right:420px}.container_12 .suffix_8{padding-right:480px}.container_12 .suffix_9{padding-right:540px}.container_12 .suffix_10{padding-right:600px}.container_12 .suffix_11{padding-right:660px}.container_12 .push_1{left:60px}.container_12 .push_2{left:120px}.container_12 .push_3{left:180px}.container_12 .push_4{left:240px}.container_12 .push_5{left:300px}.container_12 .push_6{left:360px}.container_12 .push_7{left:420px}.container_12 .push_8{left:480px}.container_12 .push_9{left:540px}.container_12 .push_10{left:600px}.container_12 .push_11{left:660px}.container_12 .pull_1{left:-60px}.container_12 .pull_2{left:-120px}.container_12 .pull_3{left:-180px}.container_12 .pull_4{left:-240px}.container_12 .pull_5{left:-300px}.container_12 .pull_6{left:-360px}.container_12 .pull_7{left:-420px}.container_12 .pull_8{left:-480px}.container_12 .pull_9{left:-540px}.container_12 .pull_10{left:-600px}.container_12 .pull_11{left:-660px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/col12/ltr/960.css b/assets/css/col12/ltr/960.css new file mode 100644 index 0000000..bdb7324 --- /dev/null +++ b/assets/css/col12/ltr/960.css @@ -0,0 +1,357 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 960px; +} + +/* `Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + 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 { + display: inline; + float: left; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11 { + position: relative; +} + +/* `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_3 { + width: 220px; +} + +.container_12 .grid_4 { + width: 300px; +} + +.container_12 .grid_5 { + width: 380px; +} + +.container_12 .grid_6 { + width: 460px; +} + +.container_12 .grid_7 { + width: 540px; +} + +.container_12 .grid_8 { + width: 620px; +} + +.container_12 .grid_9 { + width: 700px; +} + +.container_12 .grid_10 { + width: 780px; +} + +.container_12 .grid_11 { + width: 860px; +} + +.container_12 .grid_12 { + width: 940px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 80px; +} + +.container_12 .prefix_2 { + padding-left: 160px; +} + +.container_12 .prefix_3 { + padding-left: 240px; +} + +.container_12 .prefix_4 { + padding-left: 320px; +} + +.container_12 .prefix_5 { + padding-left: 400px; +} + +.container_12 .prefix_6 { + padding-left: 480px; +} + +.container_12 .prefix_7 { + padding-left: 560px; +} + +.container_12 .prefix_8 { + padding-left: 640px; +} + +.container_12 .prefix_9 { + padding-left: 720px; +} + +.container_12 .prefix_10 { + padding-left: 800px; +} + +.container_12 .prefix_11 { + padding-left: 880px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 80px; +} + +.container_12 .suffix_2 { + padding-right: 160px; +} + +.container_12 .suffix_3 { + padding-right: 240px; +} + +.container_12 .suffix_4 { + padding-right: 320px; +} + +.container_12 .suffix_5 { + padding-right: 400px; +} + +.container_12 .suffix_6 { + padding-right: 480px; +} + +.container_12 .suffix_7 { + padding-right: 560px; +} + +.container_12 .suffix_8 { + padding-right: 640px; +} + +.container_12 .suffix_9 { + padding-right: 720px; +} + +.container_12 .suffix_10 { + padding-right: 800px; +} + +.container_12 .suffix_11 { + padding-right: 880px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 80px; +} + +.container_12 .push_2 { + left: 160px; +} + +.container_12 .push_3 { + left: 240px; +} + +.container_12 .push_4 { + left: 320px; +} + +.container_12 .push_5 { + left: 400px; +} + +.container_12 .push_6 { + left: 480px; +} + +.container_12 .push_7 { + left: 560px; +} + +.container_12 .push_8 { + left: 640px; +} + +.container_12 .push_9 { + left: 720px; +} + +.container_12 .push_10 { + left: 800px; +} + +.container_12 .push_11 { + left: 880px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -80px; +} + +.container_12 .pull_2 { + left: -160px; +} + +.container_12 .pull_3 { + left: -240px; +} + +.container_12 .pull_4 { + left: -320px; +} + +.container_12 .pull_5 { + left: -400px; +} + +.container_12 .pull_6 { + left: -480px; +} + +.container_12 .pull_7 { + left: -560px; +} + +.container_12 .pull_8 { + left: -640px; +} + +.container_12 .pull_9 { + left: -720px; +} + +.container_12 .pull_10 { + left: -800px; +} + +.container_12 .pull_11 { + left: -880px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/col12/ltr/960.min.css b/assets/css/col12/ltr/960.min.css new file mode 100644 index 0000000..7dc6fe6 --- /dev/null +++ b/assets/css/col12/ltr/960.min.css @@ -0,0 +1 @@ +body{min-width:960px}.container_12{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_3{width:220px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_6{width:460px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_9{width:700px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_12 .grid_12{width:940px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_3{padding-left:240px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_6{padding-left:480px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_9{padding-left:720px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_3{padding-right:240px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_6{padding-right:480px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_9{padding-right:720px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_3{left:240px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_6{left:480px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_9{left:720px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_3{left:-240px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_6{left:-480px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_9{left:-720px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/col12/ltr/master.css b/assets/css/col12/ltr/master.css new file mode 100644 index 0000000..149b514 --- /dev/null +++ b/assets/css/col12/ltr/master.css @@ -0,0 +1,120 @@ +@import 'reset.css'; +@import 'text.css'; + +/* `Basic HTML +----------------------------------------------------------------------------------------------------*/ + +body { + background: #fff; + color: #333; +} + +h1 { + background: #eee url(../images/h1.png) no-repeat right center; + border-bottom: 1px solid #ccc; + padding: 10px 90px 10px 15px; + text-shadow: #fff 0 1px 0; +} + +h2, +h3, +h4, +h5, +h6 { + line-height: 1; +} + +a { + color: #06c; +} + +a:hover { + color: #c60; +} + +small { + font-size: 11px; +} + +/* `Misc Classes +----------------------------------------------------------------------------------------------------*/ + +.align_center { + text-align: center; +} + +.align_right { + text-align: right; +} + +/* `Data Table +----------------------------------------------------------------------------------------------------*/ + +.data, +.data th, +.data td { + border-style: solid; + border-color: #ddd; +} + +.data { + border-width: 0 1px 1px; + width: 100%; +} + +.data caption { + padding: 0 10px 5px; + text-transform: uppercase; +} + +.data th, +.data td { + border-top-width: 1px; + padding: 5px 10px; +} + +.data th { + white-space: nowrap; +} + +.data thead th { + background: #eee; + font-weight: bold; + text-shadow: #fff 0 1px 0; +} + +.data tbody th { + width: 1px; +} + +.data tr th:first-child { + text-align: right; +} + +/* `Code +----------------------------------------------------------------------------------------------------*/ + +pre, +code { + font-size: 12px; + font-family: Menlo, Courier, monospace; +} + +pre, +.notice { + background: #ffe; + border: 1px solid; + border-color: #eed #ccb #bba #ddc; + overflow: auto; + padding: 10px 0 10px 10px; +} + +* html pre { + overflow: hidden; + width: 97%; +} + +code { + background: #ff9; + padding: 0 2px; +} \ No newline at end of file diff --git a/assets/css/col12/ltr/mobile.css b/assets/css/col12/ltr/mobile.css new file mode 100644 index 0000000..1351cf2 --- /dev/null +++ b/assets/css/col12/ltr/mobile.css @@ -0,0 +1,26 @@ +.grid_1, +.grid_2, +.grid_3, +.grid_4, +.grid_5, +.grid_6, +.grid_7, +.grid_8, +.grid_9, +.grid_10, +.grid_11, +.grid_12 { + margin-left: 10px; + margin-right: 10px; +} + +.alpha, +.omega { + margin-left: 0; + margin-right: 0; +} + +.align_center, +.align_right { + text-align: left; +} \ No newline at end of file diff --git a/assets/css/col12/ltr/mobile.min.css b/assets/css/col12/ltr/mobile.min.css new file mode 100644 index 0000000..a085546 --- /dev/null +++ b/assets/css/col12/ltr/mobile.min.css @@ -0,0 +1 @@ +.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{margin-left:10px;margin-right:10px}.alpha,.omega{margin-left:0;margin-right:0}.align_center,.align_right{text-align:left} \ No newline at end of file diff --git a/assets/css/col12/ltr/reset.css b/assets/css/col12/ltr/reset.css new file mode 100644 index 0000000..0af7c26 --- /dev/null +++ b/assets/css/col12/ltr/reset.css @@ -0,0 +1,207 @@ +/* `XHTML, HTML4, HTML5 Reset +----------------------------------------------------------------------------------------------------*/ + +a, +abbr, +acronym, +address, +applet, +article, +aside, +audio, +b, +big, +blockquote, +body, +canvas, +caption, +center, +cite, +code, +dd, +del, +details, +dfn, +dialog, +div, +dl, +dt, +em, +embed, +fieldset, +figcaption, +figure, +font, +footer, +form, +h1, +h2, +h3, +h4, +h5, +h6, +header, +hgroup, +hr, +html, +i, +iframe, +img, +ins, +kbd, +label, +legend, +li, +mark, +menu, +meter, +nav, +object, +ol, +output, +p, +pre, +progress, +q, +rp, +rt, +ruby, +s, +samp, +section, +small, +span, +strike, +strong, +sub, +summary, +sup, +table, +tbody, +td, +tfoot, +th, +thead, +time, +tr, +tt, +u, +ul, +var, +video, +xmp { + border: 0; + margin: 0; + padding: 0; + font-size: 100%; +} + +html, +body { + height: 100%; +} + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { +/* + Override the default (display: inline) for + browsers that do not recognize HTML5 tags. + + IE8 (and lower) requires a shiv: + http://ejohn.org/blog/html5-shiv +*/ + display: block; +} + +b, +strong { +/* + Makes browsers agree. + IE + Opera = font-weight: bold. + Gecko + WebKit = font-weight: bolder. +*/ + font-weight: bold; +} + +img { + color: transparent; + font-size: 0; + vertical-align: middle; +/* + For IE. + http://css-tricks.com/ie-fix-bicubic-scaling-for-images +*/ + -ms-interpolation-mode: bicubic; +} + +li { +/* + For IE6 + IE7: + + "display: list-item" keeps bullets from + disappearing if hasLayout is triggered. +*/ + display: list-item; + list-style: none; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +th, +td, +caption { + font-weight: normal; + vertical-align: top; + text-align: left; +} + +q { + quotes: none; +} + +q:before, +q:after { + content: ''; + content: none; +} + +sub, +sup, +small { + font-size: 75%; +} + +sub, +sup { + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +svg { +/* + For IE9. Without, occasionally draws shapes + outside the boundaries of rectangle. +*/ + overflow: hidden; +} \ No newline at end of file diff --git a/assets/css/col12/ltr/text.css b/assets/css/col12/ltr/text.css new file mode 100644 index 0000000..af8df54 --- /dev/null +++ b/assets/css/col12/ltr/text.css @@ -0,0 +1,81 @@ +/* + 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; +} + +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, +figure { + margin-bottom: 20px; +} \ No newline at end of file diff --git a/assets/css/col16/ltr/1200.css b/assets/css/col16/ltr/1200.css new file mode 100755 index 0000000..b9185c4 --- /dev/null +++ b/assets/css/col16/ltr/1200.css @@ -0,0 +1,357 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 1200px; +} + +/* `Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 1200px; +} + +/* `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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11 { + position: relative; +} + +/* `Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* `Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 80px; +} + +.container_12 .grid_2 { + width: 180px; +} + +.container_12 .grid_3 { + width: 280px; +} + +.container_12 .grid_4 { + width: 380px; +} + +.container_12 .grid_5 { + width: 480px; +} + +.container_12 .grid_6 { + width: 580px; +} + +.container_12 .grid_7 { + width: 680px; +} + +.container_12 .grid_8 { + width: 780px; +} + +.container_12 .grid_9 { + width: 880px; +} + +.container_12 .grid_10 { + width: 980px; +} + +.container_12 .grid_11 { + width: 1080px; +} + +.container_12 .grid_12 { + width: 1180px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 100px; +} + +.container_12 .prefix_2 { + padding-left: 200px; +} + +.container_12 .prefix_3 { + padding-left: 300px; +} + +.container_12 .prefix_4 { + padding-left: 400px; +} + +.container_12 .prefix_5 { + padding-left: 500px; +} + +.container_12 .prefix_6 { + padding-left: 600px; +} + +.container_12 .prefix_7 { + padding-left: 700px; +} + +.container_12 .prefix_8 { + padding-left: 800px; +} + +.container_12 .prefix_9 { + padding-left: 900px; +} + +.container_12 .prefix_10 { + padding-left: 1000px; +} + +.container_12 .prefix_11 { + padding-left: 1100px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 100px; +} + +.container_12 .suffix_2 { + padding-right: 200px; +} + +.container_12 .suffix_3 { + padding-right: 300px; +} + +.container_12 .suffix_4 { + padding-right: 400px; +} + +.container_12 .suffix_5 { + padding-right: 500px; +} + +.container_12 .suffix_6 { + padding-right: 600px; +} + +.container_12 .suffix_7 { + padding-right: 700px; +} + +.container_12 .suffix_8 { + padding-right: 800px; +} + +.container_12 .suffix_9 { + padding-right: 900px; +} + +.container_12 .suffix_10 { + padding-right: 1000px; +} + +.container_12 .suffix_11 { + padding-right: 1100px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 100px; +} + +.container_12 .push_2 { + left: 200px; +} + +.container_12 .push_3 { + left: 300px; +} + +.container_12 .push_4 { + left: 400px; +} + +.container_12 .push_5 { + left: 500px; +} + +.container_12 .push_6 { + left: 600px; +} + +.container_12 .push_7 { + left: 700px; +} + +.container_12 .push_8 { + left: 800px; +} + +.container_12 .push_9 { + left: 900px; +} + +.container_12 .push_10 { + left: 1000px; +} + +.container_12 .push_11 { + left: 1100px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -100px; +} + +.container_12 .pull_2 { + left: -200px; +} + +.container_12 .pull_3 { + left: -300px; +} + +.container_12 .pull_4 { + left: -400px; +} + +.container_12 .pull_5 { + left: -500px; +} + +.container_12 .pull_6 { + left: -600px; +} + +.container_12 .pull_7 { + left: -700px; +} + +.container_12 .pull_8 { + left: -800px; +} + +.container_12 .pull_9 { + left: -900px; +} + +.container_12 .pull_10 { + left: -1000px; +} + +.container_12 .pull_11 { + left: -1100px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/col16/ltr/1560.css b/assets/css/col16/ltr/1560.css new file mode 100755 index 0000000..88af16b --- /dev/null +++ b/assets/css/col16/ltr/1560.css @@ -0,0 +1,357 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 1560px; +} + +/* `Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 1560px; +} + +/* `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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11 { + position: relative; +} + +/* `Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* `Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 110px; +} + +.container_12 .grid_2 { + width: 240px; +} + +.container_12 .grid_3 { + width: 370px; +} + +.container_12 .grid_4 { + width: 500px; +} + +.container_12 .grid_5 { + width: 630px; +} + +.container_12 .grid_6 { + width: 760px; +} + +.container_12 .grid_7 { + width: 890px; +} + +.container_12 .grid_8 { + width: 1020px; +} + +.container_12 .grid_9 { + width: 1150px; +} + +.container_12 .grid_10 { + width: 1280px; +} + +.container_12 .grid_11 { + width: 1410px; +} + +.container_12 .grid_12 { + width: 1540px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 130px; +} + +.container_12 .prefix_2 { + padding-left: 260px; +} + +.container_12 .prefix_3 { + padding-left: 390px; +} + +.container_12 .prefix_4 { + padding-left: 520px; +} + +.container_12 .prefix_5 { + padding-left: 650px; +} + +.container_12 .prefix_6 { + padding-left: 780px; +} + +.container_12 .prefix_7 { + padding-left: 910px; +} + +.container_12 .prefix_8 { + padding-left: 1040px; +} + +.container_12 .prefix_9 { + padding-left: 1170px; +} + +.container_12 .prefix_10 { + padding-left: 1300px; +} + +.container_12 .prefix_11 { + padding-left: 1430px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 130px; +} + +.container_12 .suffix_2 { + padding-right: 260px; +} + +.container_12 .suffix_3 { + padding-right: 390px; +} + +.container_12 .suffix_4 { + padding-right: 520px; +} + +.container_12 .suffix_5 { + padding-right: 650px; +} + +.container_12 .suffix_6 { + padding-right: 780px; +} + +.container_12 .suffix_7 { + padding-right: 910px; +} + +.container_12 .suffix_8 { + padding-right: 1040px; +} + +.container_12 .suffix_9 { + padding-right: 1170px; +} + +.container_12 .suffix_10 { + padding-right: 1300px; +} + +.container_12 .suffix_11 { + padding-right: 1430px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 130px; +} + +.container_12 .push_2 { + left: 260px; +} + +.container_12 .push_3 { + left: 390px; +} + +.container_12 .push_4 { + left: 520px; +} + +.container_12 .push_5 { + left: 650px; +} + +.container_12 .push_6 { + left: 780px; +} + +.container_12 .push_7 { + left: 910px; +} + +.container_12 .push_8 { + left: 1040px; +} + +.container_12 .push_9 { + left: 1170px; +} + +.container_12 .push_10 { + left: 1300px; +} + +.container_12 .push_11 { + left: 1430px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -130px; +} + +.container_12 .pull_2 { + left: -260px; +} + +.container_12 .pull_3 { + left: -390px; +} + +.container_12 .pull_4 { + left: -520px; +} + +.container_12 .pull_5 { + left: -650px; +} + +.container_12 .pull_6 { + left: -780px; +} + +.container_12 .pull_7 { + left: -910px; +} + +.container_12 .pull_8 { + left: -1040px; +} + +.container_12 .pull_9 { + left: -1170px; +} + +.container_12 .pull_10 { + left: -1300px; +} + +.container_12 .pull_11 { + left: -1430px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/col16/ltr/1920.css b/assets/css/col16/ltr/1920.css new file mode 100644 index 0000000..e9d303a --- /dev/null +++ b/assets/css/col16/ltr/1920.css @@ -0,0 +1,358 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 1920px; +} + +/* Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 1920px; +} + +/* 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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11, +.push_12, .pull_12 { + position: relative; +} + +/* Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 140px; +} + +.container_12 .grid_2 { + width: 300px; +} + +.container_12 .grid_3 { + width: 460px; +} + +.container_12 .grid_4 { + width: 620px; +} + +.container_12 .grid_5 { + width: 780px; +} + +.container_12 .grid_6 { + width: 940px; +} + +.container_12 .grid_7 { + width: 1100px; +} + +.container_12 .grid_8 { + width: 1260px; +} + +.container_12 .grid_9 { + width: 1420px; +} + +.container_12 .grid_10 { + width: 1580px; +} + +.container_12 .grid_11 { + width: 1740px; +} + +.container_12 .grid_12 { + width: 1900px; +} + +/* Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 160px; +} + +.container_12 .prefix_2 { + padding-left: 320px; +} + +.container_12 .prefix_3 { + padding-left: 480px; +} + +.container_12 .prefix_4 { + padding-left: 640px; +} + +.container_12 .prefix_5 { + padding-left: 800px; +} + +.container_12 .prefix_6 { + padding-left: 960px; +} + +.container_12 .prefix_7 { + padding-left: 1120px; +} + +.container_12 .prefix_8 { + padding-left: 1280px; +} + +.container_12 .prefix_9 { + padding-left: 1440px; +} + +.container_12 .prefix_10 { + padding-left: 1600px; +} + +.container_12 .prefix_11 { + padding-left: 1760px; +} + +/* Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 160px; +} + +.container_12 .suffix_2 { + padding-right: 320px; +} + +.container_12 .suffix_3 { + padding-right: 480px; +} + +.container_12 .suffix_4 { + padding-right: 640px; +} + +.container_12 .suffix_5 { + padding-right: 800px; +} + +.container_12 .suffix_6 { + padding-right: 960px; +} + +.container_12 .suffix_7 { + padding-right: 1120px; +} + +.container_12 .suffix_8 { + padding-right: 1280px; +} + +.container_12 .suffix_9 { + padding-right: 1440px; +} + +.container_12 .suffix_10 { + padding-right: 1600px; +} + +.container_12 .suffix_11 { + padding-right: 1760px; +} + +/* Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 160px; +} + +.container_12 .push_2 { + left: 320px; +} + +.container_12 .push_3 { + left: 480px; +} + +.container_12 .push_4 { + left: 640px; +} + +.container_12 .push_5 { + left: 800px; +} + +.container_12 .push_6 { + left: 960px; +} + +.container_12 .push_7 { + left: 1120px; +} + +.container_12 .push_8 { + left: 1280px; +} + +.container_12 .push_9 { + left: 1440px; +} + +.container_12 .push_10 { + left: 1600px; +} + +.container_12 .push_11 { + left: 1760px; +} + +/* Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -160px; +} + +.container_12 .pull_2 { + left: -320px; +} + +.container_12 .pull_3 { + left: -480px; +} + +.container_12 .pull_4 { + left: -640px; +} + +.container_12 .pull_5 { + left: -800px; +} + +.container_12 .pull_6 { + left: -960px; +} + +.container_12 .pull_7 { + left: -1120px; +} + +.container_12 .pull_8 { + left: -1280px; +} + +.container_12 .pull_9 { + left: -1440px; +} + +.container_12 .pull_10 { + left: -1600px; +} + +.container_12 .pull_11 { + left: -1760px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/col16/ltr/2520.css b/assets/css/col16/ltr/2520.css new file mode 100644 index 0000000..8045ce9 --- /dev/null +++ b/assets/css/col16/ltr/2520.css @@ -0,0 +1,359 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 2520px; +} + +/* Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 2520px; +} + +/* 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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11, +.push_12, .pull_12 { + position: relative; +} + +/* Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + + +.container_12 .grid_1 { + width: 190px; +} + +.container_12 .grid_2 { + width: 400px; +} + +.container_12 .grid_3 { + width: 610px; +} + +.container_12 .grid_4 { + width: 820px; +} + +.container_12 .grid_5 { + width: 1030px; +} + +.container_12 .grid_6 { + width: 1240px; +} + +.container_12 .grid_7 { + width: 1450px; +} + +.container_12 .grid_8 { + width: 1660px; +} + +.container_12 .grid_9 { + width: 1870px; +} + +.container_12 .grid_10 { + width: 2080px; +} + +.container_12 .grid_11 { + width: 2290px; +} + +.container_12 .grid_12 { + width: 2500px; +} + +/* Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 210px; +} + +.container_12 .prefix_2 { + padding-left: 420px; +} + +.container_12 .prefix_3 { + padding-left: 630px; +} + +.container_12 .prefix_4 { + padding-left: 840px; +} + +.container_12 .prefix_5 { + padding-left: 1050px; +} + +.container_12 .prefix_6 { + padding-left: 1260px; +} + +.container_12 .prefix_7 { + padding-left: 1470px; +} + +.container_12 .prefix_8 { + padding-left: 1680px; +} + +.container_12 .prefix_9 { + padding-left: 1890px; +} + +.container_12 .prefix_10 { + padding-left: 2100px; +} + +.container_12 .prefix_11 { + padding-left: 2310px; +} + +/* Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 210px; +} + +.container_12 .suffix_2 { + padding-right: 420px; +} + +.container_12 .suffix_3 { + padding-right: 630px; +} + +.container_12 .suffix_4 { + padding-right: 840px; +} + +.container_12 .suffix_5 { + padding-right: 1050px; +} + +.container_12 .suffix_6 { + padding-right: 1260px; +} + +.container_12 .suffix_7 { + padding-right: 1470px; +} + +.container_12 .suffix_8 { + padding-right: 1680px; +} + +.container_12 .suffix_9 { + padding-right: 1890px; +} + +.container_12 .suffix_10 { + padding-right: 2100px; +} + +.container_12 .suffix_11 { + padding-right: 2310px; +} + +/* Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 210px; +} + +.container_12 .push_2 { + left: 420px; +} + +.container_12 .push_3 { + left: 630px; +} + +.container_12 .push_4 { + left: 840px; +} + +.container_12 .push_5 { + left: 1050px; +} + +.container_12 .push_6 { + left: 1260px; +} + +.container_12 .push_7 { + left: 1470px; +} + +.container_12 .push_8 { + left: 1680px; +} + +.container_12 .push_9 { + left: 1890px; +} + +.container_12 .push_10 { + left: 2100px; +} + +.container_12 .push_11 { + left: 2310px; +} + +/* Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -210px; +} + +.container_12 .pull_2 { + left: -420px; +} + +.container_12 .pull_3 { + left: -630px; +} + +.container_12 .pull_4 { + left: -840px; +} + +.container_12 .pull_5 { + left: -1050px; +} + +.container_12 .pull_6 { + left: -1260px; +} + +.container_12 .pull_7 { + left: -1470px; +} + +.container_12 .pull_8 { + left: -1680px; +} + +.container_12 .pull_9 { + left: -1890px; +} + +.container_12 .pull_10 { + left: -2100px; +} + +.container_12 .pull_11 { + left: -2310px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/col16/ltr/720.css b/assets/css/col16/ltr/720.css new file mode 100755 index 0000000..ba66200 --- /dev/null +++ b/assets/css/col16/ltr/720.css @@ -0,0 +1,357 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 720px; +} + +/* `Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 720px; +} + +/* `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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11 { + position: relative; +} + +/* `Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* `Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 40px; +} + +.container_12 .grid_2 { + width: 100px; +} + +.container_12 .grid_3 { + width: 160px; +} + +.container_12 .grid_4 { + width: 220px; +} + +.container_12 .grid_5 { + width: 280px; +} + +.container_12 .grid_6 { + width: 340px; +} + +.container_12 .grid_7 { + width: 400px; +} + +.container_12 .grid_8 { + width: 460px; +} + +.container_12 .grid_9 { + width: 520px; +} + +.container_12 .grid_10 { + width: 580px; +} + +.container_12 .grid_11 { + width: 640px; +} + +.container_12 .grid_12 { + width: 700px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 60px; +} + +.container_12 .prefix_2 { + padding-left: 120px; +} + +.container_12 .prefix_3 { + padding-left: 180px; +} + +.container_12 .prefix_4 { + padding-left: 240px; +} + +.container_12 .prefix_5 { + padding-left: 300px; +} + +.container_12 .prefix_6 { + padding-left: 360px; +} + +.container_12 .prefix_7 { + padding-left: 420px; +} + +.container_12 .prefix_8 { + padding-left: 480px; +} + +.container_12 .prefix_9 { + padding-left: 540px; +} + +.container_12 .prefix_10 { + padding-left: 600px; +} + +.container_12 .prefix_11 { + padding-left: 660px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 60px; +} + +.container_12 .suffix_2 { + padding-right: 120px; +} + +.container_12 .suffix_3 { + padding-right: 180px; +} + +.container_12 .suffix_4 { + padding-right: 240px; +} + +.container_12 .suffix_5 { + padding-right: 300px; +} + +.container_12 .suffix_6 { + padding-right: 360px; +} + +.container_12 .suffix_7 { + padding-right: 420px; +} + +.container_12 .suffix_8 { + padding-right: 480px; +} + +.container_12 .suffix_9 { + padding-right: 540px; +} + +.container_12 .suffix_10 { + padding-right: 600px; +} + +.container_12 .suffix_11 { + padding-right: 660px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 60px; +} + +.container_12 .push_2 { + left: 120px; +} + +.container_12 .push_3 { + left: 180px; +} + +.container_12 .push_4 { + left: 240px; +} + +.container_12 .push_5 { + left: 300px; +} + +.container_12 .push_6 { + left: 360px; +} + +.container_12 .push_7 { + left: 420px; +} + +.container_12 .push_8 { + left: 480px; +} + +.container_12 .push_9 { + left: 540px; +} + +.container_12 .push_10 { + left: 600px; +} + +.container_12 .push_11 { + left: 660px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -60px; +} + +.container_12 .pull_2 { + left: -120px; +} + +.container_12 .pull_3 { + left: -180px; +} + +.container_12 .pull_4 { + left: -240px; +} + +.container_12 .pull_5 { + left: -300px; +} + +.container_12 .pull_6 { + left: -360px; +} + +.container_12 .pull_7 { + left: -420px; +} + +.container_12 .pull_8 { + left: -480px; +} + +.container_12 .pull_9 { + left: -540px; +} + +.container_12 .pull_10 { + left: -600px; +} + +.container_12 .pull_11 { + left: -660px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/col16/ltr/960.css b/assets/css/col16/ltr/960.css new file mode 100644 index 0000000..bdb7324 --- /dev/null +++ b/assets/css/col16/ltr/960.css @@ -0,0 +1,357 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 960px; +} + +/* `Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + 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 { + display: inline; + float: left; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11 { + position: relative; +} + +/* `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_3 { + width: 220px; +} + +.container_12 .grid_4 { + width: 300px; +} + +.container_12 .grid_5 { + width: 380px; +} + +.container_12 .grid_6 { + width: 460px; +} + +.container_12 .grid_7 { + width: 540px; +} + +.container_12 .grid_8 { + width: 620px; +} + +.container_12 .grid_9 { + width: 700px; +} + +.container_12 .grid_10 { + width: 780px; +} + +.container_12 .grid_11 { + width: 860px; +} + +.container_12 .grid_12 { + width: 940px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 80px; +} + +.container_12 .prefix_2 { + padding-left: 160px; +} + +.container_12 .prefix_3 { + padding-left: 240px; +} + +.container_12 .prefix_4 { + padding-left: 320px; +} + +.container_12 .prefix_5 { + padding-left: 400px; +} + +.container_12 .prefix_6 { + padding-left: 480px; +} + +.container_12 .prefix_7 { + padding-left: 560px; +} + +.container_12 .prefix_8 { + padding-left: 640px; +} + +.container_12 .prefix_9 { + padding-left: 720px; +} + +.container_12 .prefix_10 { + padding-left: 800px; +} + +.container_12 .prefix_11 { + padding-left: 880px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 80px; +} + +.container_12 .suffix_2 { + padding-right: 160px; +} + +.container_12 .suffix_3 { + padding-right: 240px; +} + +.container_12 .suffix_4 { + padding-right: 320px; +} + +.container_12 .suffix_5 { + padding-right: 400px; +} + +.container_12 .suffix_6 { + padding-right: 480px; +} + +.container_12 .suffix_7 { + padding-right: 560px; +} + +.container_12 .suffix_8 { + padding-right: 640px; +} + +.container_12 .suffix_9 { + padding-right: 720px; +} + +.container_12 .suffix_10 { + padding-right: 800px; +} + +.container_12 .suffix_11 { + padding-right: 880px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 80px; +} + +.container_12 .push_2 { + left: 160px; +} + +.container_12 .push_3 { + left: 240px; +} + +.container_12 .push_4 { + left: 320px; +} + +.container_12 .push_5 { + left: 400px; +} + +.container_12 .push_6 { + left: 480px; +} + +.container_12 .push_7 { + left: 560px; +} + +.container_12 .push_8 { + left: 640px; +} + +.container_12 .push_9 { + left: 720px; +} + +.container_12 .push_10 { + left: 800px; +} + +.container_12 .push_11 { + left: 880px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -80px; +} + +.container_12 .pull_2 { + left: -160px; +} + +.container_12 .pull_3 { + left: -240px; +} + +.container_12 .pull_4 { + left: -320px; +} + +.container_12 .pull_5 { + left: -400px; +} + +.container_12 .pull_6 { + left: -480px; +} + +.container_12 .pull_7 { + left: -560px; +} + +.container_12 .pull_8 { + left: -640px; +} + +.container_12 .pull_9 { + left: -720px; +} + +.container_12 .pull_10 { + left: -800px; +} + +.container_12 .pull_11 { + left: -880px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/col16/ltr/master.css b/assets/css/col16/ltr/master.css new file mode 100644 index 0000000..149b514 --- /dev/null +++ b/assets/css/col16/ltr/master.css @@ -0,0 +1,120 @@ +@import 'reset.css'; +@import 'text.css'; + +/* `Basic HTML +----------------------------------------------------------------------------------------------------*/ + +body { + background: #fff; + color: #333; +} + +h1 { + background: #eee url(../images/h1.png) no-repeat right center; + border-bottom: 1px solid #ccc; + padding: 10px 90px 10px 15px; + text-shadow: #fff 0 1px 0; +} + +h2, +h3, +h4, +h5, +h6 { + line-height: 1; +} + +a { + color: #06c; +} + +a:hover { + color: #c60; +} + +small { + font-size: 11px; +} + +/* `Misc Classes +----------------------------------------------------------------------------------------------------*/ + +.align_center { + text-align: center; +} + +.align_right { + text-align: right; +} + +/* `Data Table +----------------------------------------------------------------------------------------------------*/ + +.data, +.data th, +.data td { + border-style: solid; + border-color: #ddd; +} + +.data { + border-width: 0 1px 1px; + width: 100%; +} + +.data caption { + padding: 0 10px 5px; + text-transform: uppercase; +} + +.data th, +.data td { + border-top-width: 1px; + padding: 5px 10px; +} + +.data th { + white-space: nowrap; +} + +.data thead th { + background: #eee; + font-weight: bold; + text-shadow: #fff 0 1px 0; +} + +.data tbody th { + width: 1px; +} + +.data tr th:first-child { + text-align: right; +} + +/* `Code +----------------------------------------------------------------------------------------------------*/ + +pre, +code { + font-size: 12px; + font-family: Menlo, Courier, monospace; +} + +pre, +.notice { + background: #ffe; + border: 1px solid; + border-color: #eed #ccb #bba #ddc; + overflow: auto; + padding: 10px 0 10px 10px; +} + +* html pre { + overflow: hidden; + width: 97%; +} + +code { + background: #ff9; + padding: 0 2px; +} \ No newline at end of file diff --git a/assets/css/col16/ltr/mobile.css b/assets/css/col16/ltr/mobile.css new file mode 100644 index 0000000..1351cf2 --- /dev/null +++ b/assets/css/col16/ltr/mobile.css @@ -0,0 +1,26 @@ +.grid_1, +.grid_2, +.grid_3, +.grid_4, +.grid_5, +.grid_6, +.grid_7, +.grid_8, +.grid_9, +.grid_10, +.grid_11, +.grid_12 { + margin-left: 10px; + margin-right: 10px; +} + +.alpha, +.omega { + margin-left: 0; + margin-right: 0; +} + +.align_center, +.align_right { + text-align: left; +} \ No newline at end of file diff --git a/assets/css/col16/ltr/reset.css b/assets/css/col16/ltr/reset.css new file mode 100644 index 0000000..0af7c26 --- /dev/null +++ b/assets/css/col16/ltr/reset.css @@ -0,0 +1,207 @@ +/* `XHTML, HTML4, HTML5 Reset +----------------------------------------------------------------------------------------------------*/ + +a, +abbr, +acronym, +address, +applet, +article, +aside, +audio, +b, +big, +blockquote, +body, +canvas, +caption, +center, +cite, +code, +dd, +del, +details, +dfn, +dialog, +div, +dl, +dt, +em, +embed, +fieldset, +figcaption, +figure, +font, +footer, +form, +h1, +h2, +h3, +h4, +h5, +h6, +header, +hgroup, +hr, +html, +i, +iframe, +img, +ins, +kbd, +label, +legend, +li, +mark, +menu, +meter, +nav, +object, +ol, +output, +p, +pre, +progress, +q, +rp, +rt, +ruby, +s, +samp, +section, +small, +span, +strike, +strong, +sub, +summary, +sup, +table, +tbody, +td, +tfoot, +th, +thead, +time, +tr, +tt, +u, +ul, +var, +video, +xmp { + border: 0; + margin: 0; + padding: 0; + font-size: 100%; +} + +html, +body { + height: 100%; +} + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { +/* + Override the default (display: inline) for + browsers that do not recognize HTML5 tags. + + IE8 (and lower) requires a shiv: + http://ejohn.org/blog/html5-shiv +*/ + display: block; +} + +b, +strong { +/* + Makes browsers agree. + IE + Opera = font-weight: bold. + Gecko + WebKit = font-weight: bolder. +*/ + font-weight: bold; +} + +img { + color: transparent; + font-size: 0; + vertical-align: middle; +/* + For IE. + http://css-tricks.com/ie-fix-bicubic-scaling-for-images +*/ + -ms-interpolation-mode: bicubic; +} + +li { +/* + For IE6 + IE7: + + "display: list-item" keeps bullets from + disappearing if hasLayout is triggered. +*/ + display: list-item; + list-style: none; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +th, +td, +caption { + font-weight: normal; + vertical-align: top; + text-align: left; +} + +q { + quotes: none; +} + +q:before, +q:after { + content: ''; + content: none; +} + +sub, +sup, +small { + font-size: 75%; +} + +sub, +sup { + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +svg { +/* + For IE9. Without, occasionally draws shapes + outside the boundaries of rectangle. +*/ + overflow: hidden; +} \ No newline at end of file diff --git a/assets/css/col16/ltr/text.css b/assets/css/col16/ltr/text.css new file mode 100644 index 0000000..af8df54 --- /dev/null +++ b/assets/css/col16/ltr/text.css @@ -0,0 +1,81 @@ +/* + 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; +} + +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, +figure { + margin-bottom: 20px; +} \ No newline at end of file diff --git a/assets/css/col24/ltr/1200.css b/assets/css/col24/ltr/1200.css new file mode 100755 index 0000000..b9185c4 --- /dev/null +++ b/assets/css/col24/ltr/1200.css @@ -0,0 +1,357 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 1200px; +} + +/* `Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 1200px; +} + +/* `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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11 { + position: relative; +} + +/* `Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* `Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 80px; +} + +.container_12 .grid_2 { + width: 180px; +} + +.container_12 .grid_3 { + width: 280px; +} + +.container_12 .grid_4 { + width: 380px; +} + +.container_12 .grid_5 { + width: 480px; +} + +.container_12 .grid_6 { + width: 580px; +} + +.container_12 .grid_7 { + width: 680px; +} + +.container_12 .grid_8 { + width: 780px; +} + +.container_12 .grid_9 { + width: 880px; +} + +.container_12 .grid_10 { + width: 980px; +} + +.container_12 .grid_11 { + width: 1080px; +} + +.container_12 .grid_12 { + width: 1180px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 100px; +} + +.container_12 .prefix_2 { + padding-left: 200px; +} + +.container_12 .prefix_3 { + padding-left: 300px; +} + +.container_12 .prefix_4 { + padding-left: 400px; +} + +.container_12 .prefix_5 { + padding-left: 500px; +} + +.container_12 .prefix_6 { + padding-left: 600px; +} + +.container_12 .prefix_7 { + padding-left: 700px; +} + +.container_12 .prefix_8 { + padding-left: 800px; +} + +.container_12 .prefix_9 { + padding-left: 900px; +} + +.container_12 .prefix_10 { + padding-left: 1000px; +} + +.container_12 .prefix_11 { + padding-left: 1100px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 100px; +} + +.container_12 .suffix_2 { + padding-right: 200px; +} + +.container_12 .suffix_3 { + padding-right: 300px; +} + +.container_12 .suffix_4 { + padding-right: 400px; +} + +.container_12 .suffix_5 { + padding-right: 500px; +} + +.container_12 .suffix_6 { + padding-right: 600px; +} + +.container_12 .suffix_7 { + padding-right: 700px; +} + +.container_12 .suffix_8 { + padding-right: 800px; +} + +.container_12 .suffix_9 { + padding-right: 900px; +} + +.container_12 .suffix_10 { + padding-right: 1000px; +} + +.container_12 .suffix_11 { + padding-right: 1100px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 100px; +} + +.container_12 .push_2 { + left: 200px; +} + +.container_12 .push_3 { + left: 300px; +} + +.container_12 .push_4 { + left: 400px; +} + +.container_12 .push_5 { + left: 500px; +} + +.container_12 .push_6 { + left: 600px; +} + +.container_12 .push_7 { + left: 700px; +} + +.container_12 .push_8 { + left: 800px; +} + +.container_12 .push_9 { + left: 900px; +} + +.container_12 .push_10 { + left: 1000px; +} + +.container_12 .push_11 { + left: 1100px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -100px; +} + +.container_12 .pull_2 { + left: -200px; +} + +.container_12 .pull_3 { + left: -300px; +} + +.container_12 .pull_4 { + left: -400px; +} + +.container_12 .pull_5 { + left: -500px; +} + +.container_12 .pull_6 { + left: -600px; +} + +.container_12 .pull_7 { + left: -700px; +} + +.container_12 .pull_8 { + left: -800px; +} + +.container_12 .pull_9 { + left: -900px; +} + +.container_12 .pull_10 { + left: -1000px; +} + +.container_12 .pull_11 { + left: -1100px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/col24/ltr/1560.css b/assets/css/col24/ltr/1560.css new file mode 100755 index 0000000..88af16b --- /dev/null +++ b/assets/css/col24/ltr/1560.css @@ -0,0 +1,357 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 1560px; +} + +/* `Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 1560px; +} + +/* `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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11 { + position: relative; +} + +/* `Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* `Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 110px; +} + +.container_12 .grid_2 { + width: 240px; +} + +.container_12 .grid_3 { + width: 370px; +} + +.container_12 .grid_4 { + width: 500px; +} + +.container_12 .grid_5 { + width: 630px; +} + +.container_12 .grid_6 { + width: 760px; +} + +.container_12 .grid_7 { + width: 890px; +} + +.container_12 .grid_8 { + width: 1020px; +} + +.container_12 .grid_9 { + width: 1150px; +} + +.container_12 .grid_10 { + width: 1280px; +} + +.container_12 .grid_11 { + width: 1410px; +} + +.container_12 .grid_12 { + width: 1540px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 130px; +} + +.container_12 .prefix_2 { + padding-left: 260px; +} + +.container_12 .prefix_3 { + padding-left: 390px; +} + +.container_12 .prefix_4 { + padding-left: 520px; +} + +.container_12 .prefix_5 { + padding-left: 650px; +} + +.container_12 .prefix_6 { + padding-left: 780px; +} + +.container_12 .prefix_7 { + padding-left: 910px; +} + +.container_12 .prefix_8 { + padding-left: 1040px; +} + +.container_12 .prefix_9 { + padding-left: 1170px; +} + +.container_12 .prefix_10 { + padding-left: 1300px; +} + +.container_12 .prefix_11 { + padding-left: 1430px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 130px; +} + +.container_12 .suffix_2 { + padding-right: 260px; +} + +.container_12 .suffix_3 { + padding-right: 390px; +} + +.container_12 .suffix_4 { + padding-right: 520px; +} + +.container_12 .suffix_5 { + padding-right: 650px; +} + +.container_12 .suffix_6 { + padding-right: 780px; +} + +.container_12 .suffix_7 { + padding-right: 910px; +} + +.container_12 .suffix_8 { + padding-right: 1040px; +} + +.container_12 .suffix_9 { + padding-right: 1170px; +} + +.container_12 .suffix_10 { + padding-right: 1300px; +} + +.container_12 .suffix_11 { + padding-right: 1430px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 130px; +} + +.container_12 .push_2 { + left: 260px; +} + +.container_12 .push_3 { + left: 390px; +} + +.container_12 .push_4 { + left: 520px; +} + +.container_12 .push_5 { + left: 650px; +} + +.container_12 .push_6 { + left: 780px; +} + +.container_12 .push_7 { + left: 910px; +} + +.container_12 .push_8 { + left: 1040px; +} + +.container_12 .push_9 { + left: 1170px; +} + +.container_12 .push_10 { + left: 1300px; +} + +.container_12 .push_11 { + left: 1430px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -130px; +} + +.container_12 .pull_2 { + left: -260px; +} + +.container_12 .pull_3 { + left: -390px; +} + +.container_12 .pull_4 { + left: -520px; +} + +.container_12 .pull_5 { + left: -650px; +} + +.container_12 .pull_6 { + left: -780px; +} + +.container_12 .pull_7 { + left: -910px; +} + +.container_12 .pull_8 { + left: -1040px; +} + +.container_12 .pull_9 { + left: -1170px; +} + +.container_12 .pull_10 { + left: -1300px; +} + +.container_12 .pull_11 { + left: -1430px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/col24/ltr/1920.css b/assets/css/col24/ltr/1920.css new file mode 100644 index 0000000..e9d303a --- /dev/null +++ b/assets/css/col24/ltr/1920.css @@ -0,0 +1,358 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 1920px; +} + +/* Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 1920px; +} + +/* 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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11, +.push_12, .pull_12 { + position: relative; +} + +/* Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 140px; +} + +.container_12 .grid_2 { + width: 300px; +} + +.container_12 .grid_3 { + width: 460px; +} + +.container_12 .grid_4 { + width: 620px; +} + +.container_12 .grid_5 { + width: 780px; +} + +.container_12 .grid_6 { + width: 940px; +} + +.container_12 .grid_7 { + width: 1100px; +} + +.container_12 .grid_8 { + width: 1260px; +} + +.container_12 .grid_9 { + width: 1420px; +} + +.container_12 .grid_10 { + width: 1580px; +} + +.container_12 .grid_11 { + width: 1740px; +} + +.container_12 .grid_12 { + width: 1900px; +} + +/* Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 160px; +} + +.container_12 .prefix_2 { + padding-left: 320px; +} + +.container_12 .prefix_3 { + padding-left: 480px; +} + +.container_12 .prefix_4 { + padding-left: 640px; +} + +.container_12 .prefix_5 { + padding-left: 800px; +} + +.container_12 .prefix_6 { + padding-left: 960px; +} + +.container_12 .prefix_7 { + padding-left: 1120px; +} + +.container_12 .prefix_8 { + padding-left: 1280px; +} + +.container_12 .prefix_9 { + padding-left: 1440px; +} + +.container_12 .prefix_10 { + padding-left: 1600px; +} + +.container_12 .prefix_11 { + padding-left: 1760px; +} + +/* Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 160px; +} + +.container_12 .suffix_2 { + padding-right: 320px; +} + +.container_12 .suffix_3 { + padding-right: 480px; +} + +.container_12 .suffix_4 { + padding-right: 640px; +} + +.container_12 .suffix_5 { + padding-right: 800px; +} + +.container_12 .suffix_6 { + padding-right: 960px; +} + +.container_12 .suffix_7 { + padding-right: 1120px; +} + +.container_12 .suffix_8 { + padding-right: 1280px; +} + +.container_12 .suffix_9 { + padding-right: 1440px; +} + +.container_12 .suffix_10 { + padding-right: 1600px; +} + +.container_12 .suffix_11 { + padding-right: 1760px; +} + +/* Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 160px; +} + +.container_12 .push_2 { + left: 320px; +} + +.container_12 .push_3 { + left: 480px; +} + +.container_12 .push_4 { + left: 640px; +} + +.container_12 .push_5 { + left: 800px; +} + +.container_12 .push_6 { + left: 960px; +} + +.container_12 .push_7 { + left: 1120px; +} + +.container_12 .push_8 { + left: 1280px; +} + +.container_12 .push_9 { + left: 1440px; +} + +.container_12 .push_10 { + left: 1600px; +} + +.container_12 .push_11 { + left: 1760px; +} + +/* Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -160px; +} + +.container_12 .pull_2 { + left: -320px; +} + +.container_12 .pull_3 { + left: -480px; +} + +.container_12 .pull_4 { + left: -640px; +} + +.container_12 .pull_5 { + left: -800px; +} + +.container_12 .pull_6 { + left: -960px; +} + +.container_12 .pull_7 { + left: -1120px; +} + +.container_12 .pull_8 { + left: -1280px; +} + +.container_12 .pull_9 { + left: -1440px; +} + +.container_12 .pull_10 { + left: -1600px; +} + +.container_12 .pull_11 { + left: -1760px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/col24/ltr/2520.css b/assets/css/col24/ltr/2520.css new file mode 100644 index 0000000..8045ce9 --- /dev/null +++ b/assets/css/col24/ltr/2520.css @@ -0,0 +1,359 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 2520px; +} + +/* Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 2520px; +} + +/* 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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11, +.push_12, .pull_12 { + position: relative; +} + +/* Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + + +.container_12 .grid_1 { + width: 190px; +} + +.container_12 .grid_2 { + width: 400px; +} + +.container_12 .grid_3 { + width: 610px; +} + +.container_12 .grid_4 { + width: 820px; +} + +.container_12 .grid_5 { + width: 1030px; +} + +.container_12 .grid_6 { + width: 1240px; +} + +.container_12 .grid_7 { + width: 1450px; +} + +.container_12 .grid_8 { + width: 1660px; +} + +.container_12 .grid_9 { + width: 1870px; +} + +.container_12 .grid_10 { + width: 2080px; +} + +.container_12 .grid_11 { + width: 2290px; +} + +.container_12 .grid_12 { + width: 2500px; +} + +/* Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 210px; +} + +.container_12 .prefix_2 { + padding-left: 420px; +} + +.container_12 .prefix_3 { + padding-left: 630px; +} + +.container_12 .prefix_4 { + padding-left: 840px; +} + +.container_12 .prefix_5 { + padding-left: 1050px; +} + +.container_12 .prefix_6 { + padding-left: 1260px; +} + +.container_12 .prefix_7 { + padding-left: 1470px; +} + +.container_12 .prefix_8 { + padding-left: 1680px; +} + +.container_12 .prefix_9 { + padding-left: 1890px; +} + +.container_12 .prefix_10 { + padding-left: 2100px; +} + +.container_12 .prefix_11 { + padding-left: 2310px; +} + +/* Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 210px; +} + +.container_12 .suffix_2 { + padding-right: 420px; +} + +.container_12 .suffix_3 { + padding-right: 630px; +} + +.container_12 .suffix_4 { + padding-right: 840px; +} + +.container_12 .suffix_5 { + padding-right: 1050px; +} + +.container_12 .suffix_6 { + padding-right: 1260px; +} + +.container_12 .suffix_7 { + padding-right: 1470px; +} + +.container_12 .suffix_8 { + padding-right: 1680px; +} + +.container_12 .suffix_9 { + padding-right: 1890px; +} + +.container_12 .suffix_10 { + padding-right: 2100px; +} + +.container_12 .suffix_11 { + padding-right: 2310px; +} + +/* Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 210px; +} + +.container_12 .push_2 { + left: 420px; +} + +.container_12 .push_3 { + left: 630px; +} + +.container_12 .push_4 { + left: 840px; +} + +.container_12 .push_5 { + left: 1050px; +} + +.container_12 .push_6 { + left: 1260px; +} + +.container_12 .push_7 { + left: 1470px; +} + +.container_12 .push_8 { + left: 1680px; +} + +.container_12 .push_9 { + left: 1890px; +} + +.container_12 .push_10 { + left: 2100px; +} + +.container_12 .push_11 { + left: 2310px; +} + +/* Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -210px; +} + +.container_12 .pull_2 { + left: -420px; +} + +.container_12 .pull_3 { + left: -630px; +} + +.container_12 .pull_4 { + left: -840px; +} + +.container_12 .pull_5 { + left: -1050px; +} + +.container_12 .pull_6 { + left: -1260px; +} + +.container_12 .pull_7 { + left: -1470px; +} + +.container_12 .pull_8 { + left: -1680px; +} + +.container_12 .pull_9 { + left: -1890px; +} + +.container_12 .pull_10 { + left: -2100px; +} + +.container_12 .pull_11 { + left: -2310px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/col24/ltr/720.css b/assets/css/col24/ltr/720.css new file mode 100755 index 0000000..ba66200 --- /dev/null +++ b/assets/css/col24/ltr/720.css @@ -0,0 +1,357 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 720px; +} + +/* `Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + margin-left: auto; + margin-right: auto; + width: 720px; +} + +/* `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; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11 { + position: relative; +} + +/* `Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* `Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 40px; +} + +.container_12 .grid_2 { + width: 100px; +} + +.container_12 .grid_3 { + width: 160px; +} + +.container_12 .grid_4 { + width: 220px; +} + +.container_12 .grid_5 { + width: 280px; +} + +.container_12 .grid_6 { + width: 340px; +} + +.container_12 .grid_7 { + width: 400px; +} + +.container_12 .grid_8 { + width: 460px; +} + +.container_12 .grid_9 { + width: 520px; +} + +.container_12 .grid_10 { + width: 580px; +} + +.container_12 .grid_11 { + width: 640px; +} + +.container_12 .grid_12 { + width: 700px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 60px; +} + +.container_12 .prefix_2 { + padding-left: 120px; +} + +.container_12 .prefix_3 { + padding-left: 180px; +} + +.container_12 .prefix_4 { + padding-left: 240px; +} + +.container_12 .prefix_5 { + padding-left: 300px; +} + +.container_12 .prefix_6 { + padding-left: 360px; +} + +.container_12 .prefix_7 { + padding-left: 420px; +} + +.container_12 .prefix_8 { + padding-left: 480px; +} + +.container_12 .prefix_9 { + padding-left: 540px; +} + +.container_12 .prefix_10 { + padding-left: 600px; +} + +.container_12 .prefix_11 { + padding-left: 660px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 60px; +} + +.container_12 .suffix_2 { + padding-right: 120px; +} + +.container_12 .suffix_3 { + padding-right: 180px; +} + +.container_12 .suffix_4 { + padding-right: 240px; +} + +.container_12 .suffix_5 { + padding-right: 300px; +} + +.container_12 .suffix_6 { + padding-right: 360px; +} + +.container_12 .suffix_7 { + padding-right: 420px; +} + +.container_12 .suffix_8 { + padding-right: 480px; +} + +.container_12 .suffix_9 { + padding-right: 540px; +} + +.container_12 .suffix_10 { + padding-right: 600px; +} + +.container_12 .suffix_11 { + padding-right: 660px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 60px; +} + +.container_12 .push_2 { + left: 120px; +} + +.container_12 .push_3 { + left: 180px; +} + +.container_12 .push_4 { + left: 240px; +} + +.container_12 .push_5 { + left: 300px; +} + +.container_12 .push_6 { + left: 360px; +} + +.container_12 .push_7 { + left: 420px; +} + +.container_12 .push_8 { + left: 480px; +} + +.container_12 .push_9 { + left: 540px; +} + +.container_12 .push_10 { + left: 600px; +} + +.container_12 .push_11 { + left: 660px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -60px; +} + +.container_12 .pull_2 { + left: -120px; +} + +.container_12 .pull_3 { + left: -180px; +} + +.container_12 .pull_4 { + left: -240px; +} + +.container_12 .pull_5 { + left: -300px; +} + +.container_12 .pull_6 { + left: -360px; +} + +.container_12 .pull_7 { + left: -420px; +} + +.container_12 .pull_8 { + left: -480px; +} + +.container_12 .pull_9 { + left: -540px; +} + +.container_12 .pull_10 { + left: -600px; +} + +.container_12 .pull_11 { + left: -660px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/col24/ltr/960.css b/assets/css/col24/ltr/960.css new file mode 100644 index 0000000..bdb7324 --- /dev/null +++ b/assets/css/col24/ltr/960.css @@ -0,0 +1,357 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* + Forces backgrounds to span full width, + even if there is horizontal scrolling. + Increase this if your layout is wider. + + Note: IE6 works fine without this fix. +*/ + +body { + min-width: 960px; +} + +/* `Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + 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 { + display: inline; + float: left; + margin-left: 10px; + margin-right: 10px; +} + +.push_1, .pull_1, +.push_2, .pull_2, +.push_3, .pull_3, +.push_4, .pull_4, +.push_5, .pull_5, +.push_6, .pull_6, +.push_7, .pull_7, +.push_8, .pull_8, +.push_9, .pull_9, +.push_10, .pull_10, +.push_11, .pull_11 { + position: relative; +} + +/* `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_3 { + width: 220px; +} + +.container_12 .grid_4 { + width: 300px; +} + +.container_12 .grid_5 { + width: 380px; +} + +.container_12 .grid_6 { + width: 460px; +} + +.container_12 .grid_7 { + width: 540px; +} + +.container_12 .grid_8 { + width: 620px; +} + +.container_12 .grid_9 { + width: 700px; +} + +.container_12 .grid_10 { + width: 780px; +} + +.container_12 .grid_11 { + width: 860px; +} + +.container_12 .grid_12 { + width: 940px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 80px; +} + +.container_12 .prefix_2 { + padding-left: 160px; +} + +.container_12 .prefix_3 { + padding-left: 240px; +} + +.container_12 .prefix_4 { + padding-left: 320px; +} + +.container_12 .prefix_5 { + padding-left: 400px; +} + +.container_12 .prefix_6 { + padding-left: 480px; +} + +.container_12 .prefix_7 { + padding-left: 560px; +} + +.container_12 .prefix_8 { + padding-left: 640px; +} + +.container_12 .prefix_9 { + padding-left: 720px; +} + +.container_12 .prefix_10 { + padding-left: 800px; +} + +.container_12 .prefix_11 { + padding-left: 880px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 80px; +} + +.container_12 .suffix_2 { + padding-right: 160px; +} + +.container_12 .suffix_3 { + padding-right: 240px; +} + +.container_12 .suffix_4 { + padding-right: 320px; +} + +.container_12 .suffix_5 { + padding-right: 400px; +} + +.container_12 .suffix_6 { + padding-right: 480px; +} + +.container_12 .suffix_7 { + padding-right: 560px; +} + +.container_12 .suffix_8 { + padding-right: 640px; +} + +.container_12 .suffix_9 { + padding-right: 720px; +} + +.container_12 .suffix_10 { + padding-right: 800px; +} + +.container_12 .suffix_11 { + padding-right: 880px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 80px; +} + +.container_12 .push_2 { + left: 160px; +} + +.container_12 .push_3 { + left: 240px; +} + +.container_12 .push_4 { + left: 320px; +} + +.container_12 .push_5 { + left: 400px; +} + +.container_12 .push_6 { + left: 480px; +} + +.container_12 .push_7 { + left: 560px; +} + +.container_12 .push_8 { + left: 640px; +} + +.container_12 .push_9 { + left: 720px; +} + +.container_12 .push_10 { + left: 800px; +} + +.container_12 .push_11 { + left: 880px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -80px; +} + +.container_12 .pull_2 { + left: -160px; +} + +.container_12 .pull_3 { + left: -240px; +} + +.container_12 .pull_4 { + left: -320px; +} + +.container_12 .pull_5 { + left: -400px; +} + +.container_12 .pull_6 { + left: -480px; +} + +.container_12 .pull_7 { + left: -560px; +} + +.container_12 .pull_8 { + left: -640px; +} + +.container_12 .pull_9 { + left: -720px; +} + +.container_12 .pull_10 { + left: -800px; +} + +.container_12 .pull_11 { + left: -880px; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after, +.container_12:before, +.container_12:after { + content: '.'; + display: block; + overflow: hidden; + visibility: hidden; + font-size: 0; + line-height: 0; + width: 0; + height: 0; +} + +.clearfix:after, +.container_12:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix, +.container_12 { + zoom: 1; +} \ No newline at end of file diff --git a/assets/css/col24/ltr/master.css b/assets/css/col24/ltr/master.css new file mode 100644 index 0000000..149b514 --- /dev/null +++ b/assets/css/col24/ltr/master.css @@ -0,0 +1,120 @@ +@import 'reset.css'; +@import 'text.css'; + +/* `Basic HTML +----------------------------------------------------------------------------------------------------*/ + +body { + background: #fff; + color: #333; +} + +h1 { + background: #eee url(../images/h1.png) no-repeat right center; + border-bottom: 1px solid #ccc; + padding: 10px 90px 10px 15px; + text-shadow: #fff 0 1px 0; +} + +h2, +h3, +h4, +h5, +h6 { + line-height: 1; +} + +a { + color: #06c; +} + +a:hover { + color: #c60; +} + +small { + font-size: 11px; +} + +/* `Misc Classes +----------------------------------------------------------------------------------------------------*/ + +.align_center { + text-align: center; +} + +.align_right { + text-align: right; +} + +/* `Data Table +----------------------------------------------------------------------------------------------------*/ + +.data, +.data th, +.data td { + border-style: solid; + border-color: #ddd; +} + +.data { + border-width: 0 1px 1px; + width: 100%; +} + +.data caption { + padding: 0 10px 5px; + text-transform: uppercase; +} + +.data th, +.data td { + border-top-width: 1px; + padding: 5px 10px; +} + +.data th { + white-space: nowrap; +} + +.data thead th { + background: #eee; + font-weight: bold; + text-shadow: #fff 0 1px 0; +} + +.data tbody th { + width: 1px; +} + +.data tr th:first-child { + text-align: right; +} + +/* `Code +----------------------------------------------------------------------------------------------------*/ + +pre, +code { + font-size: 12px; + font-family: Menlo, Courier, monospace; +} + +pre, +.notice { + background: #ffe; + border: 1px solid; + border-color: #eed #ccb #bba #ddc; + overflow: auto; + padding: 10px 0 10px 10px; +} + +* html pre { + overflow: hidden; + width: 97%; +} + +code { + background: #ff9; + padding: 0 2px; +} \ No newline at end of file diff --git a/assets/css/col24/ltr/mobile.css b/assets/css/col24/ltr/mobile.css new file mode 100644 index 0000000..1351cf2 --- /dev/null +++ b/assets/css/col24/ltr/mobile.css @@ -0,0 +1,26 @@ +.grid_1, +.grid_2, +.grid_3, +.grid_4, +.grid_5, +.grid_6, +.grid_7, +.grid_8, +.grid_9, +.grid_10, +.grid_11, +.grid_12 { + margin-left: 10px; + margin-right: 10px; +} + +.alpha, +.omega { + margin-left: 0; + margin-right: 0; +} + +.align_center, +.align_right { + text-align: left; +} \ No newline at end of file diff --git a/assets/css/col24/ltr/reset.css b/assets/css/col24/ltr/reset.css new file mode 100644 index 0000000..0af7c26 --- /dev/null +++ b/assets/css/col24/ltr/reset.css @@ -0,0 +1,207 @@ +/* `XHTML, HTML4, HTML5 Reset +----------------------------------------------------------------------------------------------------*/ + +a, +abbr, +acronym, +address, +applet, +article, +aside, +audio, +b, +big, +blockquote, +body, +canvas, +caption, +center, +cite, +code, +dd, +del, +details, +dfn, +dialog, +div, +dl, +dt, +em, +embed, +fieldset, +figcaption, +figure, +font, +footer, +form, +h1, +h2, +h3, +h4, +h5, +h6, +header, +hgroup, +hr, +html, +i, +iframe, +img, +ins, +kbd, +label, +legend, +li, +mark, +menu, +meter, +nav, +object, +ol, +output, +p, +pre, +progress, +q, +rp, +rt, +ruby, +s, +samp, +section, +small, +span, +strike, +strong, +sub, +summary, +sup, +table, +tbody, +td, +tfoot, +th, +thead, +time, +tr, +tt, +u, +ul, +var, +video, +xmp { + border: 0; + margin: 0; + padding: 0; + font-size: 100%; +} + +html, +body { + height: 100%; +} + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { +/* + Override the default (display: inline) for + browsers that do not recognize HTML5 tags. + + IE8 (and lower) requires a shiv: + http://ejohn.org/blog/html5-shiv +*/ + display: block; +} + +b, +strong { +/* + Makes browsers agree. + IE + Opera = font-weight: bold. + Gecko + WebKit = font-weight: bolder. +*/ + font-weight: bold; +} + +img { + color: transparent; + font-size: 0; + vertical-align: middle; +/* + For IE. + http://css-tricks.com/ie-fix-bicubic-scaling-for-images +*/ + -ms-interpolation-mode: bicubic; +} + +li { +/* + For IE6 + IE7: + + "display: list-item" keeps bullets from + disappearing if hasLayout is triggered. +*/ + display: list-item; + list-style: none; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +th, +td, +caption { + font-weight: normal; + vertical-align: top; + text-align: left; +} + +q { + quotes: none; +} + +q:before, +q:after { + content: ''; + content: none; +} + +sub, +sup, +small { + font-size: 75%; +} + +sub, +sup { + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +svg { +/* + For IE9. Without, occasionally draws shapes + outside the boundaries of rectangle. +*/ + overflow: hidden; +} \ No newline at end of file diff --git a/assets/css/col24/ltr/text.css b/assets/css/col24/ltr/text.css new file mode 100644 index 0000000..af8df54 --- /dev/null +++ b/assets/css/col24/ltr/text.css @@ -0,0 +1,81 @@ +/* + 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; +} + +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, +figure { + margin-bottom: 20px; +} \ No newline at end of file From fde9d0e766d75fb9a43f0a54ca5c176bc5500331 Mon Sep 17 00:00:00 2001 From: Adam Wright Date: Tue, 28 Jan 2014 14:36:49 -0500 Subject: [PATCH 4/9] Made it so that files were properly in their folder. Kinda relearning git... its comming back to me! --- assets/css/col12/1200.css | 357 ------------------------------- assets/css/col12/1200.min.css | 1 - assets/css/col12/1560.css | 357 ------------------------------- assets/css/col12/1560.min.css | 1 - assets/css/col12/1920.css | 358 ------------------------------- assets/css/col12/1920.min.css | 1 - assets/css/col12/2520.css | 359 -------------------------------- assets/css/col12/2520.min.css | 1 - assets/css/col12/720.css | 357 ------------------------------- assets/css/col12/720.min.css | 1 - assets/css/col12/960.css | 357 ------------------------------- assets/css/col12/960.min.css | 1 - assets/css/col12/master.css | 120 ----------- assets/css/col12/mobile.css | 26 --- assets/css/col12/mobile.min.css | 1 - assets/css/col12/reset.css | 207 ------------------ assets/css/col12/text.css | 81 ------- assets/css/col16/1200.css | 357 ------------------------------- assets/css/col16/1560.css | 357 ------------------------------- assets/css/col16/1920.css | 358 ------------------------------- assets/css/col16/2520.css | 359 -------------------------------- assets/css/col16/720.css | 357 ------------------------------- assets/css/col16/960.css | 357 ------------------------------- assets/css/col16/master.css | 120 ----------- assets/css/col16/mobile.css | 26 --- assets/css/col16/reset.css | 207 ------------------ assets/css/col16/text.css | 81 ------- assets/css/col24/1200.css | 357 ------------------------------- assets/css/col24/1560.css | 357 ------------------------------- assets/css/col24/1920.css | 358 ------------------------------- assets/css/col24/2520.css | 359 -------------------------------- assets/css/col24/720.css | 357 ------------------------------- assets/css/col24/960.css | 357 ------------------------------- assets/css/col24/master.css | 120 ----------- assets/css/col24/mobile.css | 26 --- assets/css/col24/reset.css | 207 ------------------ assets/css/col24/text.css | 81 ------- 37 files changed, 7744 deletions(-) delete mode 100755 assets/css/col12/1200.css delete mode 100644 assets/css/col12/1200.min.css delete mode 100755 assets/css/col12/1560.css delete mode 100644 assets/css/col12/1560.min.css delete mode 100644 assets/css/col12/1920.css delete mode 100644 assets/css/col12/1920.min.css delete mode 100644 assets/css/col12/2520.css delete mode 100644 assets/css/col12/2520.min.css delete mode 100755 assets/css/col12/720.css delete mode 100644 assets/css/col12/720.min.css delete mode 100644 assets/css/col12/960.css delete mode 100644 assets/css/col12/960.min.css delete mode 100644 assets/css/col12/master.css delete mode 100644 assets/css/col12/mobile.css delete mode 100644 assets/css/col12/mobile.min.css delete mode 100644 assets/css/col12/reset.css delete mode 100644 assets/css/col12/text.css delete mode 100755 assets/css/col16/1200.css delete mode 100755 assets/css/col16/1560.css delete mode 100644 assets/css/col16/1920.css delete mode 100644 assets/css/col16/2520.css delete mode 100755 assets/css/col16/720.css delete mode 100644 assets/css/col16/960.css delete mode 100644 assets/css/col16/master.css delete mode 100644 assets/css/col16/mobile.css delete mode 100644 assets/css/col16/reset.css delete mode 100644 assets/css/col16/text.css delete mode 100755 assets/css/col24/1200.css delete mode 100755 assets/css/col24/1560.css delete mode 100644 assets/css/col24/1920.css delete mode 100644 assets/css/col24/2520.css delete mode 100755 assets/css/col24/720.css delete mode 100644 assets/css/col24/960.css delete mode 100644 assets/css/col24/master.css delete mode 100644 assets/css/col24/mobile.css delete mode 100644 assets/css/col24/reset.css delete mode 100644 assets/css/col24/text.css diff --git a/assets/css/col12/1200.css b/assets/css/col12/1200.css deleted file mode 100755 index b9185c4..0000000 --- a/assets/css/col12/1200.css +++ /dev/null @@ -1,357 +0,0 @@ -/* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. - - Note: IE6 works fine without this fix. -*/ - -body { - min-width: 1200px; -} - -/* `Containers -----------------------------------------------------------------------------------------------------*/ - -.container_12 { - margin-left: auto; - margin-right: auto; - width: 1200px; -} - -/* `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; - margin-left: 10px; - margin-right: 10px; -} - -.push_1, .pull_1, -.push_2, .pull_2, -.push_3, .pull_3, -.push_4, .pull_4, -.push_5, .pull_5, -.push_6, .pull_6, -.push_7, .pull_7, -.push_8, .pull_8, -.push_9, .pull_9, -.push_10, .pull_10, -.push_11, .pull_11 { - position: relative; -} - -/* `Grid >> Children (Alpha ~ First, Omega ~ Last) -----------------------------------------------------------------------------------------------------*/ - -.alpha { - margin-left: 0; -} - -.omega { - margin-right: 0; -} - -/* `Grid >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .grid_1 { - width: 80px; -} - -.container_12 .grid_2 { - width: 180px; -} - -.container_12 .grid_3 { - width: 280px; -} - -.container_12 .grid_4 { - width: 380px; -} - -.container_12 .grid_5 { - width: 480px; -} - -.container_12 .grid_6 { - width: 580px; -} - -.container_12 .grid_7 { - width: 680px; -} - -.container_12 .grid_8 { - width: 780px; -} - -.container_12 .grid_9 { - width: 880px; -} - -.container_12 .grid_10 { - width: 980px; -} - -.container_12 .grid_11 { - width: 1080px; -} - -.container_12 .grid_12 { - width: 1180px; -} - -/* `Prefix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .prefix_1 { - padding-left: 100px; -} - -.container_12 .prefix_2 { - padding-left: 200px; -} - -.container_12 .prefix_3 { - padding-left: 300px; -} - -.container_12 .prefix_4 { - padding-left: 400px; -} - -.container_12 .prefix_5 { - padding-left: 500px; -} - -.container_12 .prefix_6 { - padding-left: 600px; -} - -.container_12 .prefix_7 { - padding-left: 700px; -} - -.container_12 .prefix_8 { - padding-left: 800px; -} - -.container_12 .prefix_9 { - padding-left: 900px; -} - -.container_12 .prefix_10 { - padding-left: 1000px; -} - -.container_12 .prefix_11 { - padding-left: 1100px; -} - -/* `Suffix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .suffix_1 { - padding-right: 100px; -} - -.container_12 .suffix_2 { - padding-right: 200px; -} - -.container_12 .suffix_3 { - padding-right: 300px; -} - -.container_12 .suffix_4 { - padding-right: 400px; -} - -.container_12 .suffix_5 { - padding-right: 500px; -} - -.container_12 .suffix_6 { - padding-right: 600px; -} - -.container_12 .suffix_7 { - padding-right: 700px; -} - -.container_12 .suffix_8 { - padding-right: 800px; -} - -.container_12 .suffix_9 { - padding-right: 900px; -} - -.container_12 .suffix_10 { - padding-right: 1000px; -} - -.container_12 .suffix_11 { - padding-right: 1100px; -} - -/* `Push Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .push_1 { - left: 100px; -} - -.container_12 .push_2 { - left: 200px; -} - -.container_12 .push_3 { - left: 300px; -} - -.container_12 .push_4 { - left: 400px; -} - -.container_12 .push_5 { - left: 500px; -} - -.container_12 .push_6 { - left: 600px; -} - -.container_12 .push_7 { - left: 700px; -} - -.container_12 .push_8 { - left: 800px; -} - -.container_12 .push_9 { - left: 900px; -} - -.container_12 .push_10 { - left: 1000px; -} - -.container_12 .push_11 { - left: 1100px; -} - -/* `Pull Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .pull_1 { - left: -100px; -} - -.container_12 .pull_2 { - left: -200px; -} - -.container_12 .pull_3 { - left: -300px; -} - -.container_12 .pull_4 { - left: -400px; -} - -.container_12 .pull_5 { - left: -500px; -} - -.container_12 .pull_6 { - left: -600px; -} - -.container_12 .pull_7 { - left: -700px; -} - -.container_12 .pull_8 { - left: -800px; -} - -.container_12 .pull_9 { - left: -900px; -} - -.container_12 .pull_10 { - left: -1000px; -} - -.container_12 .pull_11 { - left: -1100px; -} - -/* `Clear Floated Elements -----------------------------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ - -.clearfix:before, -.clearfix:after, -.container_12:before, -.container_12:after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.clearfix:after, -.container_12:after { - clear: both; -} - -/* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. -*/ - -.clearfix, -.container_12 { - zoom: 1; -} \ No newline at end of file diff --git a/assets/css/col12/1200.min.css b/assets/css/col12/1200.min.css deleted file mode 100644 index 53ec99b..0000000 --- a/assets/css/col12/1200.min.css +++ /dev/null @@ -1 +0,0 @@ -body{min-width:1200px}.container_12{margin-left:auto;margin-right:auto;width:1200px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:80px}.container_12 .grid_2{width:180px}.container_12 .grid_3{width:280px}.container_12 .grid_4{width:380px}.container_12 .grid_5{width:480px}.container_12 .grid_6{width:580px}.container_12 .grid_7{width:680px}.container_12 .grid_8{width:780px}.container_12 .grid_9{width:880px}.container_12 .grid_10{width:980px}.container_12 .grid_11{width:1080px}.container_12 .grid_12{width:1180px}.container_12 .prefix_1{padding-left:100px}.container_12 .prefix_2{padding-left:200px}.container_12 .prefix_3{padding-left:300px}.container_12 .prefix_4{padding-left:400px}.container_12 .prefix_5{padding-left:500px}.container_12 .prefix_6{padding-left:600px}.container_12 .prefix_7{padding-left:700px}.container_12 .prefix_8{padding-left:800px}.container_12 .prefix_9{padding-left:900px}.container_12 .prefix_10{padding-left:1000px}.container_12 .prefix_11{padding-left:1100px}.container_12 .suffix_1{padding-right:100px}.container_12 .suffix_2{padding-right:200px}.container_12 .suffix_3{padding-right:300px}.container_12 .suffix_4{padding-right:400px}.container_12 .suffix_5{padding-right:500px}.container_12 .suffix_6{padding-right:600px}.container_12 .suffix_7{padding-right:700px}.container_12 .suffix_8{padding-right:800px}.container_12 .suffix_9{padding-right:900px}.container_12 .suffix_10{padding-right:1000px}.container_12 .suffix_11{padding-right:1100px}.container_12 .push_1{left:100px}.container_12 .push_2{left:200px}.container_12 .push_3{left:300px}.container_12 .push_4{left:400px}.container_12 .push_5{left:500px}.container_12 .push_6{left:600px}.container_12 .push_7{left:700px}.container_12 .push_8{left:800px}.container_12 .push_9{left:900px}.container_12 .push_10{left:1000px}.container_12 .push_11{left:1100px}.container_12 .pull_1{left:-100px}.container_12 .pull_2{left:-200px}.container_12 .pull_3{left:-300px}.container_12 .pull_4{left:-400px}.container_12 .pull_5{left:-500px}.container_12 .pull_6{left:-600px}.container_12 .pull_7{left:-700px}.container_12 .pull_8{left:-800px}.container_12 .pull_9{left:-900px}.container_12 .pull_10{left:-1000px}.container_12 .pull_11{left:-1100px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/col12/1560.css b/assets/css/col12/1560.css deleted file mode 100755 index 88af16b..0000000 --- a/assets/css/col12/1560.css +++ /dev/null @@ -1,357 +0,0 @@ -/* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. - - Note: IE6 works fine without this fix. -*/ - -body { - min-width: 1560px; -} - -/* `Containers -----------------------------------------------------------------------------------------------------*/ - -.container_12 { - margin-left: auto; - margin-right: auto; - width: 1560px; -} - -/* `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; - margin-left: 10px; - margin-right: 10px; -} - -.push_1, .pull_1, -.push_2, .pull_2, -.push_3, .pull_3, -.push_4, .pull_4, -.push_5, .pull_5, -.push_6, .pull_6, -.push_7, .pull_7, -.push_8, .pull_8, -.push_9, .pull_9, -.push_10, .pull_10, -.push_11, .pull_11 { - position: relative; -} - -/* `Grid >> Children (Alpha ~ First, Omega ~ Last) -----------------------------------------------------------------------------------------------------*/ - -.alpha { - margin-left: 0; -} - -.omega { - margin-right: 0; -} - -/* `Grid >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .grid_1 { - width: 110px; -} - -.container_12 .grid_2 { - width: 240px; -} - -.container_12 .grid_3 { - width: 370px; -} - -.container_12 .grid_4 { - width: 500px; -} - -.container_12 .grid_5 { - width: 630px; -} - -.container_12 .grid_6 { - width: 760px; -} - -.container_12 .grid_7 { - width: 890px; -} - -.container_12 .grid_8 { - width: 1020px; -} - -.container_12 .grid_9 { - width: 1150px; -} - -.container_12 .grid_10 { - width: 1280px; -} - -.container_12 .grid_11 { - width: 1410px; -} - -.container_12 .grid_12 { - width: 1540px; -} - -/* `Prefix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .prefix_1 { - padding-left: 130px; -} - -.container_12 .prefix_2 { - padding-left: 260px; -} - -.container_12 .prefix_3 { - padding-left: 390px; -} - -.container_12 .prefix_4 { - padding-left: 520px; -} - -.container_12 .prefix_5 { - padding-left: 650px; -} - -.container_12 .prefix_6 { - padding-left: 780px; -} - -.container_12 .prefix_7 { - padding-left: 910px; -} - -.container_12 .prefix_8 { - padding-left: 1040px; -} - -.container_12 .prefix_9 { - padding-left: 1170px; -} - -.container_12 .prefix_10 { - padding-left: 1300px; -} - -.container_12 .prefix_11 { - padding-left: 1430px; -} - -/* `Suffix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .suffix_1 { - padding-right: 130px; -} - -.container_12 .suffix_2 { - padding-right: 260px; -} - -.container_12 .suffix_3 { - padding-right: 390px; -} - -.container_12 .suffix_4 { - padding-right: 520px; -} - -.container_12 .suffix_5 { - padding-right: 650px; -} - -.container_12 .suffix_6 { - padding-right: 780px; -} - -.container_12 .suffix_7 { - padding-right: 910px; -} - -.container_12 .suffix_8 { - padding-right: 1040px; -} - -.container_12 .suffix_9 { - padding-right: 1170px; -} - -.container_12 .suffix_10 { - padding-right: 1300px; -} - -.container_12 .suffix_11 { - padding-right: 1430px; -} - -/* `Push Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .push_1 { - left: 130px; -} - -.container_12 .push_2 { - left: 260px; -} - -.container_12 .push_3 { - left: 390px; -} - -.container_12 .push_4 { - left: 520px; -} - -.container_12 .push_5 { - left: 650px; -} - -.container_12 .push_6 { - left: 780px; -} - -.container_12 .push_7 { - left: 910px; -} - -.container_12 .push_8 { - left: 1040px; -} - -.container_12 .push_9 { - left: 1170px; -} - -.container_12 .push_10 { - left: 1300px; -} - -.container_12 .push_11 { - left: 1430px; -} - -/* `Pull Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .pull_1 { - left: -130px; -} - -.container_12 .pull_2 { - left: -260px; -} - -.container_12 .pull_3 { - left: -390px; -} - -.container_12 .pull_4 { - left: -520px; -} - -.container_12 .pull_5 { - left: -650px; -} - -.container_12 .pull_6 { - left: -780px; -} - -.container_12 .pull_7 { - left: -910px; -} - -.container_12 .pull_8 { - left: -1040px; -} - -.container_12 .pull_9 { - left: -1170px; -} - -.container_12 .pull_10 { - left: -1300px; -} - -.container_12 .pull_11 { - left: -1430px; -} - -/* `Clear Floated Elements -----------------------------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ - -.clearfix:before, -.clearfix:after, -.container_12:before, -.container_12:after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.clearfix:after, -.container_12:after { - clear: both; -} - -/* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. -*/ - -.clearfix, -.container_12 { - zoom: 1; -} \ No newline at end of file diff --git a/assets/css/col12/1560.min.css b/assets/css/col12/1560.min.css deleted file mode 100644 index 0b7aff6..0000000 --- a/assets/css/col12/1560.min.css +++ /dev/null @@ -1 +0,0 @@ -body{min-width:1560px}.container_12{margin-left:auto;margin-right:auto;width:1560px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:110px}.container_12 .grid_2{width:240px}.container_12 .grid_3{width:370px}.container_12 .grid_4{width:500px}.container_12 .grid_5{width:630px}.container_12 .grid_6{width:760px}.container_12 .grid_7{width:890px}.container_12 .grid_8{width:1020px}.container_12 .grid_9{width:1150px}.container_12 .grid_10{width:1280px}.container_12 .grid_11{width:1410px}.container_12 .grid_12{width:1540px}.container_12 .prefix_1{padding-left:130px}.container_12 .prefix_2{padding-left:260px}.container_12 .prefix_3{padding-left:390px}.container_12 .prefix_4{padding-left:520px}.container_12 .prefix_5{padding-left:650px}.container_12 .prefix_6{padding-left:780px}.container_12 .prefix_7{padding-left:910px}.container_12 .prefix_8{padding-left:1040px}.container_12 .prefix_9{padding-left:1170px}.container_12 .prefix_10{padding-left:1300px}.container_12 .prefix_11{padding-left:1430px}.container_12 .suffix_1{padding-right:130px}.container_12 .suffix_2{padding-right:260px}.container_12 .suffix_3{padding-right:390px}.container_12 .suffix_4{padding-right:520px}.container_12 .suffix_5{padding-right:650px}.container_12 .suffix_6{padding-right:780px}.container_12 .suffix_7{padding-right:910px}.container_12 .suffix_8{padding-right:1040px}.container_12 .suffix_9{padding-right:1170px}.container_12 .suffix_10{padding-right:1300px}.container_12 .suffix_11{padding-right:1430px}.container_12 .push_1{left:130px}.container_12 .push_2{left:260px}.container_12 .push_3{left:390px}.container_12 .push_4{left:520px}.container_12 .push_5{left:650px}.container_12 .push_6{left:780px}.container_12 .push_7{left:910px}.container_12 .push_8{left:1040px}.container_12 .push_9{left:1170px}.container_12 .push_10{left:1300px}.container_12 .push_11{left:1430px}.container_12 .pull_1{left:-130px}.container_12 .pull_2{left:-260px}.container_12 .pull_3{left:-390px}.container_12 .pull_4{left:-520px}.container_12 .pull_5{left:-650px}.container_12 .pull_6{left:-780px}.container_12 .pull_7{left:-910px}.container_12 .pull_8{left:-1040px}.container_12 .pull_9{left:-1170px}.container_12 .pull_10{left:-1300px}.container_12 .pull_11{left:-1430px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/col12/1920.css b/assets/css/col12/1920.css deleted file mode 100644 index e9d303a..0000000 --- a/assets/css/col12/1920.css +++ /dev/null @@ -1,358 +0,0 @@ -/* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. - - Note: IE6 works fine without this fix. -*/ - -body { - min-width: 1920px; -} - -/* Containers -----------------------------------------------------------------------------------------------------*/ - -.container_12 { - margin-left: auto; - margin-right: auto; - width: 1920px; -} - -/* 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; - margin-left: 10px; - margin-right: 10px; -} - -.push_1, .pull_1, -.push_2, .pull_2, -.push_3, .pull_3, -.push_4, .pull_4, -.push_5, .pull_5, -.push_6, .pull_6, -.push_7, .pull_7, -.push_8, .pull_8, -.push_9, .pull_9, -.push_10, .pull_10, -.push_11, .pull_11, -.push_12, .pull_12 { - position: relative; -} - -/* Grid >> Children (Alpha ~ First, Omega ~ Last) -----------------------------------------------------------------------------------------------------*/ - -.alpha { - margin-left: 0; -} - -.omega { - margin-right: 0; -} - -/* Grid >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .grid_1 { - width: 140px; -} - -.container_12 .grid_2 { - width: 300px; -} - -.container_12 .grid_3 { - width: 460px; -} - -.container_12 .grid_4 { - width: 620px; -} - -.container_12 .grid_5 { - width: 780px; -} - -.container_12 .grid_6 { - width: 940px; -} - -.container_12 .grid_7 { - width: 1100px; -} - -.container_12 .grid_8 { - width: 1260px; -} - -.container_12 .grid_9 { - width: 1420px; -} - -.container_12 .grid_10 { - width: 1580px; -} - -.container_12 .grid_11 { - width: 1740px; -} - -.container_12 .grid_12 { - width: 1900px; -} - -/* Prefix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .prefix_1 { - padding-left: 160px; -} - -.container_12 .prefix_2 { - padding-left: 320px; -} - -.container_12 .prefix_3 { - padding-left: 480px; -} - -.container_12 .prefix_4 { - padding-left: 640px; -} - -.container_12 .prefix_5 { - padding-left: 800px; -} - -.container_12 .prefix_6 { - padding-left: 960px; -} - -.container_12 .prefix_7 { - padding-left: 1120px; -} - -.container_12 .prefix_8 { - padding-left: 1280px; -} - -.container_12 .prefix_9 { - padding-left: 1440px; -} - -.container_12 .prefix_10 { - padding-left: 1600px; -} - -.container_12 .prefix_11 { - padding-left: 1760px; -} - -/* Suffix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .suffix_1 { - padding-right: 160px; -} - -.container_12 .suffix_2 { - padding-right: 320px; -} - -.container_12 .suffix_3 { - padding-right: 480px; -} - -.container_12 .suffix_4 { - padding-right: 640px; -} - -.container_12 .suffix_5 { - padding-right: 800px; -} - -.container_12 .suffix_6 { - padding-right: 960px; -} - -.container_12 .suffix_7 { - padding-right: 1120px; -} - -.container_12 .suffix_8 { - padding-right: 1280px; -} - -.container_12 .suffix_9 { - padding-right: 1440px; -} - -.container_12 .suffix_10 { - padding-right: 1600px; -} - -.container_12 .suffix_11 { - padding-right: 1760px; -} - -/* Push Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .push_1 { - left: 160px; -} - -.container_12 .push_2 { - left: 320px; -} - -.container_12 .push_3 { - left: 480px; -} - -.container_12 .push_4 { - left: 640px; -} - -.container_12 .push_5 { - left: 800px; -} - -.container_12 .push_6 { - left: 960px; -} - -.container_12 .push_7 { - left: 1120px; -} - -.container_12 .push_8 { - left: 1280px; -} - -.container_12 .push_9 { - left: 1440px; -} - -.container_12 .push_10 { - left: 1600px; -} - -.container_12 .push_11 { - left: 1760px; -} - -/* Pull Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .pull_1 { - left: -160px; -} - -.container_12 .pull_2 { - left: -320px; -} - -.container_12 .pull_3 { - left: -480px; -} - -.container_12 .pull_4 { - left: -640px; -} - -.container_12 .pull_5 { - left: -800px; -} - -.container_12 .pull_6 { - left: -960px; -} - -.container_12 .pull_7 { - left: -1120px; -} - -.container_12 .pull_8 { - left: -1280px; -} - -.container_12 .pull_9 { - left: -1440px; -} - -.container_12 .pull_10 { - left: -1600px; -} - -.container_12 .pull_11 { - left: -1760px; -} - -/* `Clear Floated Elements -----------------------------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ - -.clearfix:before, -.clearfix:after, -.container_12:before, -.container_12:after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.clearfix:after, -.container_12:after { - clear: both; -} - -/* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. -*/ - -.clearfix, -.container_12 { - zoom: 1; -} \ No newline at end of file diff --git a/assets/css/col12/1920.min.css b/assets/css/col12/1920.min.css deleted file mode 100644 index c330971..0000000 --- a/assets/css/col12/1920.min.css +++ /dev/null @@ -1 +0,0 @@ -body{min-width:1920px}.container_12{margin-left:auto;margin-right:auto;width:1920px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:140px}.container_12 .grid_2{width:300px}.container_12 .grid_3{width:460px}.container_12 .grid_4{width:620px}.container_12 .grid_5{width:780px}.container_12 .grid_6{width:940px}.container_12 .grid_7{width:1100px}.container_12 .grid_8{width:1260px}.container_12 .grid_9{width:1420px}.container_12 .grid_10{width:1580px}.container_12 .grid_11{width:1740px}.container_12 .grid_12{width:1900px}.container_12 .prefix_1{padding-left:160px}.container_12 .prefix_2{padding-left:320px}.container_12 .prefix_3{padding-left:480px}.container_12 .prefix_4{padding-left:640px}.container_12 .prefix_5{padding-left:800px}.container_12 .prefix_6{padding-left:960px}.container_12 .prefix_7{padding-left:1120px}.container_12 .prefix_8{padding-left:1280px}.container_12 .prefix_9{padding-left:1440px}.container_12 .prefix_10{padding-left:1600px}.container_12 .prefix_11{padding-left:1760px}.container_12 .suffix_1{padding-right:160px}.container_12 .suffix_2{padding-right:320px}.container_12 .suffix_3{padding-right:480px}.container_12 .suffix_4{padding-right:640px}.container_12 .suffix_5{padding-right:800px}.container_12 .suffix_6{padding-right:960px}.container_12 .suffix_7{padding-right:1120px}.container_12 .suffix_8{padding-right:1280px}.container_12 .suffix_9{padding-right:1440px}.container_12 .suffix_10{padding-right:1600px}.container_12 .suffix_11{padding-right:1760px}.container_12 .push_1{left:160px}.container_12 .push_2{left:320px}.container_12 .push_3{left:480px}.container_12 .push_4{left:640px}.container_12 .push_5{left:800px}.container_12 .push_6{left:960px}.container_12 .push_7{left:1120px}.container_12 .push_8{left:1280px}.container_12 .push_9{left:1440px}.container_12 .push_10{left:1600px}.container_12 .push_11{left:1760px}.container_12 .pull_1{left:-160px}.container_12 .pull_2{left:-320px}.container_12 .pull_3{left:-480px}.container_12 .pull_4{left:-640px}.container_12 .pull_5{left:-800px}.container_12 .pull_6{left:-960px}.container_12 .pull_7{left:-1120px}.container_12 .pull_8{left:-1280px}.container_12 .pull_9{left:-1440px}.container_12 .pull_10{left:-1600px}.container_12 .pull_11{left:-1760px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/col12/2520.css b/assets/css/col12/2520.css deleted file mode 100644 index 8045ce9..0000000 --- a/assets/css/col12/2520.css +++ /dev/null @@ -1,359 +0,0 @@ -/* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. - - Note: IE6 works fine without this fix. -*/ - -body { - min-width: 2520px; -} - -/* Containers -----------------------------------------------------------------------------------------------------*/ - -.container_12 { - margin-left: auto; - margin-right: auto; - width: 2520px; -} - -/* 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; - margin-left: 10px; - margin-right: 10px; -} - -.push_1, .pull_1, -.push_2, .pull_2, -.push_3, .pull_3, -.push_4, .pull_4, -.push_5, .pull_5, -.push_6, .pull_6, -.push_7, .pull_7, -.push_8, .pull_8, -.push_9, .pull_9, -.push_10, .pull_10, -.push_11, .pull_11, -.push_12, .pull_12 { - position: relative; -} - -/* Grid >> Children (Alpha ~ First, Omega ~ Last) -----------------------------------------------------------------------------------------------------*/ - -.alpha { - margin-left: 0; -} - -.omega { - margin-right: 0; -} - -/* Grid >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - - -.container_12 .grid_1 { - width: 190px; -} - -.container_12 .grid_2 { - width: 400px; -} - -.container_12 .grid_3 { - width: 610px; -} - -.container_12 .grid_4 { - width: 820px; -} - -.container_12 .grid_5 { - width: 1030px; -} - -.container_12 .grid_6 { - width: 1240px; -} - -.container_12 .grid_7 { - width: 1450px; -} - -.container_12 .grid_8 { - width: 1660px; -} - -.container_12 .grid_9 { - width: 1870px; -} - -.container_12 .grid_10 { - width: 2080px; -} - -.container_12 .grid_11 { - width: 2290px; -} - -.container_12 .grid_12 { - width: 2500px; -} - -/* Prefix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .prefix_1 { - padding-left: 210px; -} - -.container_12 .prefix_2 { - padding-left: 420px; -} - -.container_12 .prefix_3 { - padding-left: 630px; -} - -.container_12 .prefix_4 { - padding-left: 840px; -} - -.container_12 .prefix_5 { - padding-left: 1050px; -} - -.container_12 .prefix_6 { - padding-left: 1260px; -} - -.container_12 .prefix_7 { - padding-left: 1470px; -} - -.container_12 .prefix_8 { - padding-left: 1680px; -} - -.container_12 .prefix_9 { - padding-left: 1890px; -} - -.container_12 .prefix_10 { - padding-left: 2100px; -} - -.container_12 .prefix_11 { - padding-left: 2310px; -} - -/* Suffix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .suffix_1 { - padding-right: 210px; -} - -.container_12 .suffix_2 { - padding-right: 420px; -} - -.container_12 .suffix_3 { - padding-right: 630px; -} - -.container_12 .suffix_4 { - padding-right: 840px; -} - -.container_12 .suffix_5 { - padding-right: 1050px; -} - -.container_12 .suffix_6 { - padding-right: 1260px; -} - -.container_12 .suffix_7 { - padding-right: 1470px; -} - -.container_12 .suffix_8 { - padding-right: 1680px; -} - -.container_12 .suffix_9 { - padding-right: 1890px; -} - -.container_12 .suffix_10 { - padding-right: 2100px; -} - -.container_12 .suffix_11 { - padding-right: 2310px; -} - -/* Push Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .push_1 { - left: 210px; -} - -.container_12 .push_2 { - left: 420px; -} - -.container_12 .push_3 { - left: 630px; -} - -.container_12 .push_4 { - left: 840px; -} - -.container_12 .push_5 { - left: 1050px; -} - -.container_12 .push_6 { - left: 1260px; -} - -.container_12 .push_7 { - left: 1470px; -} - -.container_12 .push_8 { - left: 1680px; -} - -.container_12 .push_9 { - left: 1890px; -} - -.container_12 .push_10 { - left: 2100px; -} - -.container_12 .push_11 { - left: 2310px; -} - -/* Pull Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .pull_1 { - left: -210px; -} - -.container_12 .pull_2 { - left: -420px; -} - -.container_12 .pull_3 { - left: -630px; -} - -.container_12 .pull_4 { - left: -840px; -} - -.container_12 .pull_5 { - left: -1050px; -} - -.container_12 .pull_6 { - left: -1260px; -} - -.container_12 .pull_7 { - left: -1470px; -} - -.container_12 .pull_8 { - left: -1680px; -} - -.container_12 .pull_9 { - left: -1890px; -} - -.container_12 .pull_10 { - left: -2100px; -} - -.container_12 .pull_11 { - left: -2310px; -} - -/* `Clear Floated Elements -----------------------------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ - -.clearfix:before, -.clearfix:after, -.container_12:before, -.container_12:after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.clearfix:after, -.container_12:after { - clear: both; -} - -/* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. -*/ - -.clearfix, -.container_12 { - zoom: 1; -} \ No newline at end of file diff --git a/assets/css/col12/2520.min.css b/assets/css/col12/2520.min.css deleted file mode 100644 index e56fd2b..0000000 --- a/assets/css/col12/2520.min.css +++ /dev/null @@ -1 +0,0 @@ -body{min-width:2520px}.container_12{margin-left:auto;margin-right:auto;width:2520px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:190px}.container_12 .grid_2{width:400px}.container_12 .grid_3{width:610px}.container_12 .grid_4{width:820px}.container_12 .grid_5{width:1030px}.container_12 .grid_6{width:1240px}.container_12 .grid_7{width:1450px}.container_12 .grid_8{width:1660px}.container_12 .grid_9{width:1870px}.container_12 .grid_10{width:2080px}.container_12 .grid_11{width:2290px}.container_12 .grid_12{width:2500px}.container_12 .prefix_1{padding-left:210px}.container_12 .prefix_2{padding-left:420px}.container_12 .prefix_3{padding-left:630px}.container_12 .prefix_4{padding-left:840px}.container_12 .prefix_5{padding-left:1050px}.container_12 .prefix_6{padding-left:1260px}.container_12 .prefix_7{padding-left:1470px}.container_12 .prefix_8{padding-left:1680px}.container_12 .prefix_9{padding-left:1890px}.container_12 .prefix_10{padding-left:2100px}.container_12 .prefix_11{padding-left:2310px}.container_12 .suffix_1{padding-right:210px}.container_12 .suffix_2{padding-right:420px}.container_12 .suffix_3{padding-right:630px}.container_12 .suffix_4{padding-right:840px}.container_12 .suffix_5{padding-right:1050px}.container_12 .suffix_6{padding-right:1260px}.container_12 .suffix_7{padding-right:1470px}.container_12 .suffix_8{padding-right:1680px}.container_12 .suffix_9{padding-right:1890px}.container_12 .suffix_10{padding-right:2100px}.container_12 .suffix_11{padding-right:2310px}.container_12 .push_1{left:210px}.container_12 .push_2{left:420px}.container_12 .push_3{left:630px}.container_12 .push_4{left:840px}.container_12 .push_5{left:1050px}.container_12 .push_6{left:1260px}.container_12 .push_7{left:1470px}.container_12 .push_8{left:1680px}.container_12 .push_9{left:1890px}.container_12 .push_10{left:2100px}.container_12 .push_11{left:2310px}.container_12 .pull_1{left:-210px}.container_12 .pull_2{left:-420px}.container_12 .pull_3{left:-630px}.container_12 .pull_4{left:-840px}.container_12 .pull_5{left:-1050px}.container_12 .pull_6{left:-1260px}.container_12 .pull_7{left:-1470px}.container_12 .pull_8{left:-1680px}.container_12 .pull_9{left:-1890px}.container_12 .pull_10{left:-2100px}.container_12 .pull_11{left:-2310px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/col12/720.css b/assets/css/col12/720.css deleted file mode 100755 index ba66200..0000000 --- a/assets/css/col12/720.css +++ /dev/null @@ -1,357 +0,0 @@ -/* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. - - Note: IE6 works fine without this fix. -*/ - -body { - min-width: 720px; -} - -/* `Containers -----------------------------------------------------------------------------------------------------*/ - -.container_12 { - margin-left: auto; - margin-right: auto; - width: 720px; -} - -/* `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; - margin-left: 10px; - margin-right: 10px; -} - -.push_1, .pull_1, -.push_2, .pull_2, -.push_3, .pull_3, -.push_4, .pull_4, -.push_5, .pull_5, -.push_6, .pull_6, -.push_7, .pull_7, -.push_8, .pull_8, -.push_9, .pull_9, -.push_10, .pull_10, -.push_11, .pull_11 { - position: relative; -} - -/* `Grid >> Children (Alpha ~ First, Omega ~ Last) -----------------------------------------------------------------------------------------------------*/ - -.alpha { - margin-left: 0; -} - -.omega { - margin-right: 0; -} - -/* `Grid >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .grid_1 { - width: 40px; -} - -.container_12 .grid_2 { - width: 100px; -} - -.container_12 .grid_3 { - width: 160px; -} - -.container_12 .grid_4 { - width: 220px; -} - -.container_12 .grid_5 { - width: 280px; -} - -.container_12 .grid_6 { - width: 340px; -} - -.container_12 .grid_7 { - width: 400px; -} - -.container_12 .grid_8 { - width: 460px; -} - -.container_12 .grid_9 { - width: 520px; -} - -.container_12 .grid_10 { - width: 580px; -} - -.container_12 .grid_11 { - width: 640px; -} - -.container_12 .grid_12 { - width: 700px; -} - -/* `Prefix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .prefix_1 { - padding-left: 60px; -} - -.container_12 .prefix_2 { - padding-left: 120px; -} - -.container_12 .prefix_3 { - padding-left: 180px; -} - -.container_12 .prefix_4 { - padding-left: 240px; -} - -.container_12 .prefix_5 { - padding-left: 300px; -} - -.container_12 .prefix_6 { - padding-left: 360px; -} - -.container_12 .prefix_7 { - padding-left: 420px; -} - -.container_12 .prefix_8 { - padding-left: 480px; -} - -.container_12 .prefix_9 { - padding-left: 540px; -} - -.container_12 .prefix_10 { - padding-left: 600px; -} - -.container_12 .prefix_11 { - padding-left: 660px; -} - -/* `Suffix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .suffix_1 { - padding-right: 60px; -} - -.container_12 .suffix_2 { - padding-right: 120px; -} - -.container_12 .suffix_3 { - padding-right: 180px; -} - -.container_12 .suffix_4 { - padding-right: 240px; -} - -.container_12 .suffix_5 { - padding-right: 300px; -} - -.container_12 .suffix_6 { - padding-right: 360px; -} - -.container_12 .suffix_7 { - padding-right: 420px; -} - -.container_12 .suffix_8 { - padding-right: 480px; -} - -.container_12 .suffix_9 { - padding-right: 540px; -} - -.container_12 .suffix_10 { - padding-right: 600px; -} - -.container_12 .suffix_11 { - padding-right: 660px; -} - -/* `Push Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .push_1 { - left: 60px; -} - -.container_12 .push_2 { - left: 120px; -} - -.container_12 .push_3 { - left: 180px; -} - -.container_12 .push_4 { - left: 240px; -} - -.container_12 .push_5 { - left: 300px; -} - -.container_12 .push_6 { - left: 360px; -} - -.container_12 .push_7 { - left: 420px; -} - -.container_12 .push_8 { - left: 480px; -} - -.container_12 .push_9 { - left: 540px; -} - -.container_12 .push_10 { - left: 600px; -} - -.container_12 .push_11 { - left: 660px; -} - -/* `Pull Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .pull_1 { - left: -60px; -} - -.container_12 .pull_2 { - left: -120px; -} - -.container_12 .pull_3 { - left: -180px; -} - -.container_12 .pull_4 { - left: -240px; -} - -.container_12 .pull_5 { - left: -300px; -} - -.container_12 .pull_6 { - left: -360px; -} - -.container_12 .pull_7 { - left: -420px; -} - -.container_12 .pull_8 { - left: -480px; -} - -.container_12 .pull_9 { - left: -540px; -} - -.container_12 .pull_10 { - left: -600px; -} - -.container_12 .pull_11 { - left: -660px; -} - -/* `Clear Floated Elements -----------------------------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ - -.clearfix:before, -.clearfix:after, -.container_12:before, -.container_12:after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.clearfix:after, -.container_12:after { - clear: both; -} - -/* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. -*/ - -.clearfix, -.container_12 { - zoom: 1; -} \ No newline at end of file diff --git a/assets/css/col12/720.min.css b/assets/css/col12/720.min.css deleted file mode 100644 index ed4ac41..0000000 --- a/assets/css/col12/720.min.css +++ /dev/null @@ -1 +0,0 @@ -body{min-width:720px}.container_12{margin-left:auto;margin-right:auto;width:720px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:40px}.container_12 .grid_2{width:100px}.container_12 .grid_3{width:160px}.container_12 .grid_4{width:220px}.container_12 .grid_5{width:280px}.container_12 .grid_6{width:340px}.container_12 .grid_7{width:400px}.container_12 .grid_8{width:460px}.container_12 .grid_9{width:520px}.container_12 .grid_10{width:580px}.container_12 .grid_11{width:640px}.container_12 .grid_12{width:700px}.container_12 .prefix_1{padding-left:60px}.container_12 .prefix_2{padding-left:120px}.container_12 .prefix_3{padding-left:180px}.container_12 .prefix_4{padding-left:240px}.container_12 .prefix_5{padding-left:300px}.container_12 .prefix_6{padding-left:360px}.container_12 .prefix_7{padding-left:420px}.container_12 .prefix_8{padding-left:480px}.container_12 .prefix_9{padding-left:540px}.container_12 .prefix_10{padding-left:600px}.container_12 .prefix_11{padding-left:660px}.container_12 .suffix_1{padding-right:60px}.container_12 .suffix_2{padding-right:120px}.container_12 .suffix_3{padding-right:180px}.container_12 .suffix_4{padding-right:240px}.container_12 .suffix_5{padding-right:300px}.container_12 .suffix_6{padding-right:360px}.container_12 .suffix_7{padding-right:420px}.container_12 .suffix_8{padding-right:480px}.container_12 .suffix_9{padding-right:540px}.container_12 .suffix_10{padding-right:600px}.container_12 .suffix_11{padding-right:660px}.container_12 .push_1{left:60px}.container_12 .push_2{left:120px}.container_12 .push_3{left:180px}.container_12 .push_4{left:240px}.container_12 .push_5{left:300px}.container_12 .push_6{left:360px}.container_12 .push_7{left:420px}.container_12 .push_8{left:480px}.container_12 .push_9{left:540px}.container_12 .push_10{left:600px}.container_12 .push_11{left:660px}.container_12 .pull_1{left:-60px}.container_12 .pull_2{left:-120px}.container_12 .pull_3{left:-180px}.container_12 .pull_4{left:-240px}.container_12 .pull_5{left:-300px}.container_12 .pull_6{left:-360px}.container_12 .pull_7{left:-420px}.container_12 .pull_8{left:-480px}.container_12 .pull_9{left:-540px}.container_12 .pull_10{left:-600px}.container_12 .pull_11{left:-660px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/col12/960.css b/assets/css/col12/960.css deleted file mode 100644 index bdb7324..0000000 --- a/assets/css/col12/960.css +++ /dev/null @@ -1,357 +0,0 @@ -/* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. - - Note: IE6 works fine without this fix. -*/ - -body { - min-width: 960px; -} - -/* `Containers -----------------------------------------------------------------------------------------------------*/ - -.container_12 { - 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 { - display: inline; - float: left; - margin-left: 10px; - margin-right: 10px; -} - -.push_1, .pull_1, -.push_2, .pull_2, -.push_3, .pull_3, -.push_4, .pull_4, -.push_5, .pull_5, -.push_6, .pull_6, -.push_7, .pull_7, -.push_8, .pull_8, -.push_9, .pull_9, -.push_10, .pull_10, -.push_11, .pull_11 { - position: relative; -} - -/* `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_3 { - width: 220px; -} - -.container_12 .grid_4 { - width: 300px; -} - -.container_12 .grid_5 { - width: 380px; -} - -.container_12 .grid_6 { - width: 460px; -} - -.container_12 .grid_7 { - width: 540px; -} - -.container_12 .grid_8 { - width: 620px; -} - -.container_12 .grid_9 { - width: 700px; -} - -.container_12 .grid_10 { - width: 780px; -} - -.container_12 .grid_11 { - width: 860px; -} - -.container_12 .grid_12 { - width: 940px; -} - -/* `Prefix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .prefix_1 { - padding-left: 80px; -} - -.container_12 .prefix_2 { - padding-left: 160px; -} - -.container_12 .prefix_3 { - padding-left: 240px; -} - -.container_12 .prefix_4 { - padding-left: 320px; -} - -.container_12 .prefix_5 { - padding-left: 400px; -} - -.container_12 .prefix_6 { - padding-left: 480px; -} - -.container_12 .prefix_7 { - padding-left: 560px; -} - -.container_12 .prefix_8 { - padding-left: 640px; -} - -.container_12 .prefix_9 { - padding-left: 720px; -} - -.container_12 .prefix_10 { - padding-left: 800px; -} - -.container_12 .prefix_11 { - padding-left: 880px; -} - -/* `Suffix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .suffix_1 { - padding-right: 80px; -} - -.container_12 .suffix_2 { - padding-right: 160px; -} - -.container_12 .suffix_3 { - padding-right: 240px; -} - -.container_12 .suffix_4 { - padding-right: 320px; -} - -.container_12 .suffix_5 { - padding-right: 400px; -} - -.container_12 .suffix_6 { - padding-right: 480px; -} - -.container_12 .suffix_7 { - padding-right: 560px; -} - -.container_12 .suffix_8 { - padding-right: 640px; -} - -.container_12 .suffix_9 { - padding-right: 720px; -} - -.container_12 .suffix_10 { - padding-right: 800px; -} - -.container_12 .suffix_11 { - padding-right: 880px; -} - -/* `Push Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .push_1 { - left: 80px; -} - -.container_12 .push_2 { - left: 160px; -} - -.container_12 .push_3 { - left: 240px; -} - -.container_12 .push_4 { - left: 320px; -} - -.container_12 .push_5 { - left: 400px; -} - -.container_12 .push_6 { - left: 480px; -} - -.container_12 .push_7 { - left: 560px; -} - -.container_12 .push_8 { - left: 640px; -} - -.container_12 .push_9 { - left: 720px; -} - -.container_12 .push_10 { - left: 800px; -} - -.container_12 .push_11 { - left: 880px; -} - -/* `Pull Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .pull_1 { - left: -80px; -} - -.container_12 .pull_2 { - left: -160px; -} - -.container_12 .pull_3 { - left: -240px; -} - -.container_12 .pull_4 { - left: -320px; -} - -.container_12 .pull_5 { - left: -400px; -} - -.container_12 .pull_6 { - left: -480px; -} - -.container_12 .pull_7 { - left: -560px; -} - -.container_12 .pull_8 { - left: -640px; -} - -.container_12 .pull_9 { - left: -720px; -} - -.container_12 .pull_10 { - left: -800px; -} - -.container_12 .pull_11 { - left: -880px; -} - -/* `Clear Floated Elements -----------------------------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ - -.clearfix:before, -.clearfix:after, -.container_12:before, -.container_12:after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.clearfix:after, -.container_12:after { - clear: both; -} - -/* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. -*/ - -.clearfix, -.container_12 { - zoom: 1; -} \ No newline at end of file diff --git a/assets/css/col12/960.min.css b/assets/css/col12/960.min.css deleted file mode 100644 index 7dc6fe6..0000000 --- a/assets/css/col12/960.min.css +++ /dev/null @@ -1 +0,0 @@ -body{min-width:960px}.container_12{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_3{width:220px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_6{width:460px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_9{width:700px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_12 .grid_12{width:940px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_3{padding-left:240px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_6{padding-left:480px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_9{padding-left:720px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_3{padding-right:240px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_6{padding-right:480px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_9{padding-right:720px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_3{left:240px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_6{left:480px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_9{left:720px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_3{left:-240px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_6{left:-480px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_9{left:-720px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1} \ No newline at end of file diff --git a/assets/css/col12/master.css b/assets/css/col12/master.css deleted file mode 100644 index 149b514..0000000 --- a/assets/css/col12/master.css +++ /dev/null @@ -1,120 +0,0 @@ -@import 'reset.css'; -@import 'text.css'; - -/* `Basic HTML -----------------------------------------------------------------------------------------------------*/ - -body { - background: #fff; - color: #333; -} - -h1 { - background: #eee url(../images/h1.png) no-repeat right center; - border-bottom: 1px solid #ccc; - padding: 10px 90px 10px 15px; - text-shadow: #fff 0 1px 0; -} - -h2, -h3, -h4, -h5, -h6 { - line-height: 1; -} - -a { - color: #06c; -} - -a:hover { - color: #c60; -} - -small { - font-size: 11px; -} - -/* `Misc Classes -----------------------------------------------------------------------------------------------------*/ - -.align_center { - text-align: center; -} - -.align_right { - text-align: right; -} - -/* `Data Table -----------------------------------------------------------------------------------------------------*/ - -.data, -.data th, -.data td { - border-style: solid; - border-color: #ddd; -} - -.data { - border-width: 0 1px 1px; - width: 100%; -} - -.data caption { - padding: 0 10px 5px; - text-transform: uppercase; -} - -.data th, -.data td { - border-top-width: 1px; - padding: 5px 10px; -} - -.data th { - white-space: nowrap; -} - -.data thead th { - background: #eee; - font-weight: bold; - text-shadow: #fff 0 1px 0; -} - -.data tbody th { - width: 1px; -} - -.data tr th:first-child { - text-align: right; -} - -/* `Code -----------------------------------------------------------------------------------------------------*/ - -pre, -code { - font-size: 12px; - font-family: Menlo, Courier, monospace; -} - -pre, -.notice { - background: #ffe; - border: 1px solid; - border-color: #eed #ccb #bba #ddc; - overflow: auto; - padding: 10px 0 10px 10px; -} - -* html pre { - overflow: hidden; - width: 97%; -} - -code { - background: #ff9; - padding: 0 2px; -} \ No newline at end of file diff --git a/assets/css/col12/mobile.css b/assets/css/col12/mobile.css deleted file mode 100644 index 1351cf2..0000000 --- a/assets/css/col12/mobile.css +++ /dev/null @@ -1,26 +0,0 @@ -.grid_1, -.grid_2, -.grid_3, -.grid_4, -.grid_5, -.grid_6, -.grid_7, -.grid_8, -.grid_9, -.grid_10, -.grid_11, -.grid_12 { - margin-left: 10px; - margin-right: 10px; -} - -.alpha, -.omega { - margin-left: 0; - margin-right: 0; -} - -.align_center, -.align_right { - text-align: left; -} \ No newline at end of file diff --git a/assets/css/col12/mobile.min.css b/assets/css/col12/mobile.min.css deleted file mode 100644 index a085546..0000000 --- a/assets/css/col12/mobile.min.css +++ /dev/null @@ -1 +0,0 @@ -.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{margin-left:10px;margin-right:10px}.alpha,.omega{margin-left:0;margin-right:0}.align_center,.align_right{text-align:left} \ No newline at end of file diff --git a/assets/css/col12/reset.css b/assets/css/col12/reset.css deleted file mode 100644 index 0af7c26..0000000 --- a/assets/css/col12/reset.css +++ /dev/null @@ -1,207 +0,0 @@ -/* `XHTML, HTML4, HTML5 Reset -----------------------------------------------------------------------------------------------------*/ - -a, -abbr, -acronym, -address, -applet, -article, -aside, -audio, -b, -big, -blockquote, -body, -canvas, -caption, -center, -cite, -code, -dd, -del, -details, -dfn, -dialog, -div, -dl, -dt, -em, -embed, -fieldset, -figcaption, -figure, -font, -footer, -form, -h1, -h2, -h3, -h4, -h5, -h6, -header, -hgroup, -hr, -html, -i, -iframe, -img, -ins, -kbd, -label, -legend, -li, -mark, -menu, -meter, -nav, -object, -ol, -output, -p, -pre, -progress, -q, -rp, -rt, -ruby, -s, -samp, -section, -small, -span, -strike, -strong, -sub, -summary, -sup, -table, -tbody, -td, -tfoot, -th, -thead, -time, -tr, -tt, -u, -ul, -var, -video, -xmp { - border: 0; - margin: 0; - padding: 0; - font-size: 100%; -} - -html, -body { - height: 100%; -} - -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -menu, -nav, -section { -/* - Override the default (display: inline) for - browsers that do not recognize HTML5 tags. - - IE8 (and lower) requires a shiv: - http://ejohn.org/blog/html5-shiv -*/ - display: block; -} - -b, -strong { -/* - Makes browsers agree. - IE + Opera = font-weight: bold. - Gecko + WebKit = font-weight: bolder. -*/ - font-weight: bold; -} - -img { - color: transparent; - font-size: 0; - vertical-align: middle; -/* - For IE. - http://css-tricks.com/ie-fix-bicubic-scaling-for-images -*/ - -ms-interpolation-mode: bicubic; -} - -li { -/* - For IE6 + IE7: - - "display: list-item" keeps bullets from - disappearing if hasLayout is triggered. -*/ - display: list-item; - list-style: none; -} - -table { - border-collapse: collapse; - border-spacing: 0; -} - -th, -td, -caption { - font-weight: normal; - vertical-align: top; - text-align: left; -} - -q { - quotes: none; -} - -q:before, -q:after { - content: ''; - content: none; -} - -sub, -sup, -small { - font-size: 75%; -} - -sub, -sup { - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -svg { -/* - For IE9. Without, occasionally draws shapes - outside the boundaries of rectangle. -*/ - overflow: hidden; -} \ No newline at end of file diff --git a/assets/css/col12/text.css b/assets/css/col12/text.css deleted file mode 100644 index af8df54..0000000 --- a/assets/css/col12/text.css +++ /dev/null @@ -1,81 +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; -} - -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, -figure { - margin-bottom: 20px; -} \ No newline at end of file diff --git a/assets/css/col16/1200.css b/assets/css/col16/1200.css deleted file mode 100755 index b9185c4..0000000 --- a/assets/css/col16/1200.css +++ /dev/null @@ -1,357 +0,0 @@ -/* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. - - Note: IE6 works fine without this fix. -*/ - -body { - min-width: 1200px; -} - -/* `Containers -----------------------------------------------------------------------------------------------------*/ - -.container_12 { - margin-left: auto; - margin-right: auto; - width: 1200px; -} - -/* `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; - margin-left: 10px; - margin-right: 10px; -} - -.push_1, .pull_1, -.push_2, .pull_2, -.push_3, .pull_3, -.push_4, .pull_4, -.push_5, .pull_5, -.push_6, .pull_6, -.push_7, .pull_7, -.push_8, .pull_8, -.push_9, .pull_9, -.push_10, .pull_10, -.push_11, .pull_11 { - position: relative; -} - -/* `Grid >> Children (Alpha ~ First, Omega ~ Last) -----------------------------------------------------------------------------------------------------*/ - -.alpha { - margin-left: 0; -} - -.omega { - margin-right: 0; -} - -/* `Grid >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .grid_1 { - width: 80px; -} - -.container_12 .grid_2 { - width: 180px; -} - -.container_12 .grid_3 { - width: 280px; -} - -.container_12 .grid_4 { - width: 380px; -} - -.container_12 .grid_5 { - width: 480px; -} - -.container_12 .grid_6 { - width: 580px; -} - -.container_12 .grid_7 { - width: 680px; -} - -.container_12 .grid_8 { - width: 780px; -} - -.container_12 .grid_9 { - width: 880px; -} - -.container_12 .grid_10 { - width: 980px; -} - -.container_12 .grid_11 { - width: 1080px; -} - -.container_12 .grid_12 { - width: 1180px; -} - -/* `Prefix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .prefix_1 { - padding-left: 100px; -} - -.container_12 .prefix_2 { - padding-left: 200px; -} - -.container_12 .prefix_3 { - padding-left: 300px; -} - -.container_12 .prefix_4 { - padding-left: 400px; -} - -.container_12 .prefix_5 { - padding-left: 500px; -} - -.container_12 .prefix_6 { - padding-left: 600px; -} - -.container_12 .prefix_7 { - padding-left: 700px; -} - -.container_12 .prefix_8 { - padding-left: 800px; -} - -.container_12 .prefix_9 { - padding-left: 900px; -} - -.container_12 .prefix_10 { - padding-left: 1000px; -} - -.container_12 .prefix_11 { - padding-left: 1100px; -} - -/* `Suffix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .suffix_1 { - padding-right: 100px; -} - -.container_12 .suffix_2 { - padding-right: 200px; -} - -.container_12 .suffix_3 { - padding-right: 300px; -} - -.container_12 .suffix_4 { - padding-right: 400px; -} - -.container_12 .suffix_5 { - padding-right: 500px; -} - -.container_12 .suffix_6 { - padding-right: 600px; -} - -.container_12 .suffix_7 { - padding-right: 700px; -} - -.container_12 .suffix_8 { - padding-right: 800px; -} - -.container_12 .suffix_9 { - padding-right: 900px; -} - -.container_12 .suffix_10 { - padding-right: 1000px; -} - -.container_12 .suffix_11 { - padding-right: 1100px; -} - -/* `Push Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .push_1 { - left: 100px; -} - -.container_12 .push_2 { - left: 200px; -} - -.container_12 .push_3 { - left: 300px; -} - -.container_12 .push_4 { - left: 400px; -} - -.container_12 .push_5 { - left: 500px; -} - -.container_12 .push_6 { - left: 600px; -} - -.container_12 .push_7 { - left: 700px; -} - -.container_12 .push_8 { - left: 800px; -} - -.container_12 .push_9 { - left: 900px; -} - -.container_12 .push_10 { - left: 1000px; -} - -.container_12 .push_11 { - left: 1100px; -} - -/* `Pull Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .pull_1 { - left: -100px; -} - -.container_12 .pull_2 { - left: -200px; -} - -.container_12 .pull_3 { - left: -300px; -} - -.container_12 .pull_4 { - left: -400px; -} - -.container_12 .pull_5 { - left: -500px; -} - -.container_12 .pull_6 { - left: -600px; -} - -.container_12 .pull_7 { - left: -700px; -} - -.container_12 .pull_8 { - left: -800px; -} - -.container_12 .pull_9 { - left: -900px; -} - -.container_12 .pull_10 { - left: -1000px; -} - -.container_12 .pull_11 { - left: -1100px; -} - -/* `Clear Floated Elements -----------------------------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ - -.clearfix:before, -.clearfix:after, -.container_12:before, -.container_12:after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.clearfix:after, -.container_12:after { - clear: both; -} - -/* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. -*/ - -.clearfix, -.container_12 { - zoom: 1; -} \ No newline at end of file diff --git a/assets/css/col16/1560.css b/assets/css/col16/1560.css deleted file mode 100755 index 88af16b..0000000 --- a/assets/css/col16/1560.css +++ /dev/null @@ -1,357 +0,0 @@ -/* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. - - Note: IE6 works fine without this fix. -*/ - -body { - min-width: 1560px; -} - -/* `Containers -----------------------------------------------------------------------------------------------------*/ - -.container_12 { - margin-left: auto; - margin-right: auto; - width: 1560px; -} - -/* `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; - margin-left: 10px; - margin-right: 10px; -} - -.push_1, .pull_1, -.push_2, .pull_2, -.push_3, .pull_3, -.push_4, .pull_4, -.push_5, .pull_5, -.push_6, .pull_6, -.push_7, .pull_7, -.push_8, .pull_8, -.push_9, .pull_9, -.push_10, .pull_10, -.push_11, .pull_11 { - position: relative; -} - -/* `Grid >> Children (Alpha ~ First, Omega ~ Last) -----------------------------------------------------------------------------------------------------*/ - -.alpha { - margin-left: 0; -} - -.omega { - margin-right: 0; -} - -/* `Grid >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .grid_1 { - width: 110px; -} - -.container_12 .grid_2 { - width: 240px; -} - -.container_12 .grid_3 { - width: 370px; -} - -.container_12 .grid_4 { - width: 500px; -} - -.container_12 .grid_5 { - width: 630px; -} - -.container_12 .grid_6 { - width: 760px; -} - -.container_12 .grid_7 { - width: 890px; -} - -.container_12 .grid_8 { - width: 1020px; -} - -.container_12 .grid_9 { - width: 1150px; -} - -.container_12 .grid_10 { - width: 1280px; -} - -.container_12 .grid_11 { - width: 1410px; -} - -.container_12 .grid_12 { - width: 1540px; -} - -/* `Prefix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .prefix_1 { - padding-left: 130px; -} - -.container_12 .prefix_2 { - padding-left: 260px; -} - -.container_12 .prefix_3 { - padding-left: 390px; -} - -.container_12 .prefix_4 { - padding-left: 520px; -} - -.container_12 .prefix_5 { - padding-left: 650px; -} - -.container_12 .prefix_6 { - padding-left: 780px; -} - -.container_12 .prefix_7 { - padding-left: 910px; -} - -.container_12 .prefix_8 { - padding-left: 1040px; -} - -.container_12 .prefix_9 { - padding-left: 1170px; -} - -.container_12 .prefix_10 { - padding-left: 1300px; -} - -.container_12 .prefix_11 { - padding-left: 1430px; -} - -/* `Suffix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .suffix_1 { - padding-right: 130px; -} - -.container_12 .suffix_2 { - padding-right: 260px; -} - -.container_12 .suffix_3 { - padding-right: 390px; -} - -.container_12 .suffix_4 { - padding-right: 520px; -} - -.container_12 .suffix_5 { - padding-right: 650px; -} - -.container_12 .suffix_6 { - padding-right: 780px; -} - -.container_12 .suffix_7 { - padding-right: 910px; -} - -.container_12 .suffix_8 { - padding-right: 1040px; -} - -.container_12 .suffix_9 { - padding-right: 1170px; -} - -.container_12 .suffix_10 { - padding-right: 1300px; -} - -.container_12 .suffix_11 { - padding-right: 1430px; -} - -/* `Push Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .push_1 { - left: 130px; -} - -.container_12 .push_2 { - left: 260px; -} - -.container_12 .push_3 { - left: 390px; -} - -.container_12 .push_4 { - left: 520px; -} - -.container_12 .push_5 { - left: 650px; -} - -.container_12 .push_6 { - left: 780px; -} - -.container_12 .push_7 { - left: 910px; -} - -.container_12 .push_8 { - left: 1040px; -} - -.container_12 .push_9 { - left: 1170px; -} - -.container_12 .push_10 { - left: 1300px; -} - -.container_12 .push_11 { - left: 1430px; -} - -/* `Pull Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .pull_1 { - left: -130px; -} - -.container_12 .pull_2 { - left: -260px; -} - -.container_12 .pull_3 { - left: -390px; -} - -.container_12 .pull_4 { - left: -520px; -} - -.container_12 .pull_5 { - left: -650px; -} - -.container_12 .pull_6 { - left: -780px; -} - -.container_12 .pull_7 { - left: -910px; -} - -.container_12 .pull_8 { - left: -1040px; -} - -.container_12 .pull_9 { - left: -1170px; -} - -.container_12 .pull_10 { - left: -1300px; -} - -.container_12 .pull_11 { - left: -1430px; -} - -/* `Clear Floated Elements -----------------------------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ - -.clearfix:before, -.clearfix:after, -.container_12:before, -.container_12:after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.clearfix:after, -.container_12:after { - clear: both; -} - -/* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. -*/ - -.clearfix, -.container_12 { - zoom: 1; -} \ No newline at end of file diff --git a/assets/css/col16/1920.css b/assets/css/col16/1920.css deleted file mode 100644 index e9d303a..0000000 --- a/assets/css/col16/1920.css +++ /dev/null @@ -1,358 +0,0 @@ -/* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. - - Note: IE6 works fine without this fix. -*/ - -body { - min-width: 1920px; -} - -/* Containers -----------------------------------------------------------------------------------------------------*/ - -.container_12 { - margin-left: auto; - margin-right: auto; - width: 1920px; -} - -/* 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; - margin-left: 10px; - margin-right: 10px; -} - -.push_1, .pull_1, -.push_2, .pull_2, -.push_3, .pull_3, -.push_4, .pull_4, -.push_5, .pull_5, -.push_6, .pull_6, -.push_7, .pull_7, -.push_8, .pull_8, -.push_9, .pull_9, -.push_10, .pull_10, -.push_11, .pull_11, -.push_12, .pull_12 { - position: relative; -} - -/* Grid >> Children (Alpha ~ First, Omega ~ Last) -----------------------------------------------------------------------------------------------------*/ - -.alpha { - margin-left: 0; -} - -.omega { - margin-right: 0; -} - -/* Grid >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .grid_1 { - width: 140px; -} - -.container_12 .grid_2 { - width: 300px; -} - -.container_12 .grid_3 { - width: 460px; -} - -.container_12 .grid_4 { - width: 620px; -} - -.container_12 .grid_5 { - width: 780px; -} - -.container_12 .grid_6 { - width: 940px; -} - -.container_12 .grid_7 { - width: 1100px; -} - -.container_12 .grid_8 { - width: 1260px; -} - -.container_12 .grid_9 { - width: 1420px; -} - -.container_12 .grid_10 { - width: 1580px; -} - -.container_12 .grid_11 { - width: 1740px; -} - -.container_12 .grid_12 { - width: 1900px; -} - -/* Prefix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .prefix_1 { - padding-left: 160px; -} - -.container_12 .prefix_2 { - padding-left: 320px; -} - -.container_12 .prefix_3 { - padding-left: 480px; -} - -.container_12 .prefix_4 { - padding-left: 640px; -} - -.container_12 .prefix_5 { - padding-left: 800px; -} - -.container_12 .prefix_6 { - padding-left: 960px; -} - -.container_12 .prefix_7 { - padding-left: 1120px; -} - -.container_12 .prefix_8 { - padding-left: 1280px; -} - -.container_12 .prefix_9 { - padding-left: 1440px; -} - -.container_12 .prefix_10 { - padding-left: 1600px; -} - -.container_12 .prefix_11 { - padding-left: 1760px; -} - -/* Suffix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .suffix_1 { - padding-right: 160px; -} - -.container_12 .suffix_2 { - padding-right: 320px; -} - -.container_12 .suffix_3 { - padding-right: 480px; -} - -.container_12 .suffix_4 { - padding-right: 640px; -} - -.container_12 .suffix_5 { - padding-right: 800px; -} - -.container_12 .suffix_6 { - padding-right: 960px; -} - -.container_12 .suffix_7 { - padding-right: 1120px; -} - -.container_12 .suffix_8 { - padding-right: 1280px; -} - -.container_12 .suffix_9 { - padding-right: 1440px; -} - -.container_12 .suffix_10 { - padding-right: 1600px; -} - -.container_12 .suffix_11 { - padding-right: 1760px; -} - -/* Push Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .push_1 { - left: 160px; -} - -.container_12 .push_2 { - left: 320px; -} - -.container_12 .push_3 { - left: 480px; -} - -.container_12 .push_4 { - left: 640px; -} - -.container_12 .push_5 { - left: 800px; -} - -.container_12 .push_6 { - left: 960px; -} - -.container_12 .push_7 { - left: 1120px; -} - -.container_12 .push_8 { - left: 1280px; -} - -.container_12 .push_9 { - left: 1440px; -} - -.container_12 .push_10 { - left: 1600px; -} - -.container_12 .push_11 { - left: 1760px; -} - -/* Pull Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .pull_1 { - left: -160px; -} - -.container_12 .pull_2 { - left: -320px; -} - -.container_12 .pull_3 { - left: -480px; -} - -.container_12 .pull_4 { - left: -640px; -} - -.container_12 .pull_5 { - left: -800px; -} - -.container_12 .pull_6 { - left: -960px; -} - -.container_12 .pull_7 { - left: -1120px; -} - -.container_12 .pull_8 { - left: -1280px; -} - -.container_12 .pull_9 { - left: -1440px; -} - -.container_12 .pull_10 { - left: -1600px; -} - -.container_12 .pull_11 { - left: -1760px; -} - -/* `Clear Floated Elements -----------------------------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ - -.clearfix:before, -.clearfix:after, -.container_12:before, -.container_12:after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.clearfix:after, -.container_12:after { - clear: both; -} - -/* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. -*/ - -.clearfix, -.container_12 { - zoom: 1; -} \ No newline at end of file diff --git a/assets/css/col16/2520.css b/assets/css/col16/2520.css deleted file mode 100644 index 8045ce9..0000000 --- a/assets/css/col16/2520.css +++ /dev/null @@ -1,359 +0,0 @@ -/* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. - - Note: IE6 works fine without this fix. -*/ - -body { - min-width: 2520px; -} - -/* Containers -----------------------------------------------------------------------------------------------------*/ - -.container_12 { - margin-left: auto; - margin-right: auto; - width: 2520px; -} - -/* 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; - margin-left: 10px; - margin-right: 10px; -} - -.push_1, .pull_1, -.push_2, .pull_2, -.push_3, .pull_3, -.push_4, .pull_4, -.push_5, .pull_5, -.push_6, .pull_6, -.push_7, .pull_7, -.push_8, .pull_8, -.push_9, .pull_9, -.push_10, .pull_10, -.push_11, .pull_11, -.push_12, .pull_12 { - position: relative; -} - -/* Grid >> Children (Alpha ~ First, Omega ~ Last) -----------------------------------------------------------------------------------------------------*/ - -.alpha { - margin-left: 0; -} - -.omega { - margin-right: 0; -} - -/* Grid >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - - -.container_12 .grid_1 { - width: 190px; -} - -.container_12 .grid_2 { - width: 400px; -} - -.container_12 .grid_3 { - width: 610px; -} - -.container_12 .grid_4 { - width: 820px; -} - -.container_12 .grid_5 { - width: 1030px; -} - -.container_12 .grid_6 { - width: 1240px; -} - -.container_12 .grid_7 { - width: 1450px; -} - -.container_12 .grid_8 { - width: 1660px; -} - -.container_12 .grid_9 { - width: 1870px; -} - -.container_12 .grid_10 { - width: 2080px; -} - -.container_12 .grid_11 { - width: 2290px; -} - -.container_12 .grid_12 { - width: 2500px; -} - -/* Prefix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .prefix_1 { - padding-left: 210px; -} - -.container_12 .prefix_2 { - padding-left: 420px; -} - -.container_12 .prefix_3 { - padding-left: 630px; -} - -.container_12 .prefix_4 { - padding-left: 840px; -} - -.container_12 .prefix_5 { - padding-left: 1050px; -} - -.container_12 .prefix_6 { - padding-left: 1260px; -} - -.container_12 .prefix_7 { - padding-left: 1470px; -} - -.container_12 .prefix_8 { - padding-left: 1680px; -} - -.container_12 .prefix_9 { - padding-left: 1890px; -} - -.container_12 .prefix_10 { - padding-left: 2100px; -} - -.container_12 .prefix_11 { - padding-left: 2310px; -} - -/* Suffix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .suffix_1 { - padding-right: 210px; -} - -.container_12 .suffix_2 { - padding-right: 420px; -} - -.container_12 .suffix_3 { - padding-right: 630px; -} - -.container_12 .suffix_4 { - padding-right: 840px; -} - -.container_12 .suffix_5 { - padding-right: 1050px; -} - -.container_12 .suffix_6 { - padding-right: 1260px; -} - -.container_12 .suffix_7 { - padding-right: 1470px; -} - -.container_12 .suffix_8 { - padding-right: 1680px; -} - -.container_12 .suffix_9 { - padding-right: 1890px; -} - -.container_12 .suffix_10 { - padding-right: 2100px; -} - -.container_12 .suffix_11 { - padding-right: 2310px; -} - -/* Push Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .push_1 { - left: 210px; -} - -.container_12 .push_2 { - left: 420px; -} - -.container_12 .push_3 { - left: 630px; -} - -.container_12 .push_4 { - left: 840px; -} - -.container_12 .push_5 { - left: 1050px; -} - -.container_12 .push_6 { - left: 1260px; -} - -.container_12 .push_7 { - left: 1470px; -} - -.container_12 .push_8 { - left: 1680px; -} - -.container_12 .push_9 { - left: 1890px; -} - -.container_12 .push_10 { - left: 2100px; -} - -.container_12 .push_11 { - left: 2310px; -} - -/* Pull Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .pull_1 { - left: -210px; -} - -.container_12 .pull_2 { - left: -420px; -} - -.container_12 .pull_3 { - left: -630px; -} - -.container_12 .pull_4 { - left: -840px; -} - -.container_12 .pull_5 { - left: -1050px; -} - -.container_12 .pull_6 { - left: -1260px; -} - -.container_12 .pull_7 { - left: -1470px; -} - -.container_12 .pull_8 { - left: -1680px; -} - -.container_12 .pull_9 { - left: -1890px; -} - -.container_12 .pull_10 { - left: -2100px; -} - -.container_12 .pull_11 { - left: -2310px; -} - -/* `Clear Floated Elements -----------------------------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ - -.clearfix:before, -.clearfix:after, -.container_12:before, -.container_12:after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.clearfix:after, -.container_12:after { - clear: both; -} - -/* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. -*/ - -.clearfix, -.container_12 { - zoom: 1; -} \ No newline at end of file diff --git a/assets/css/col16/720.css b/assets/css/col16/720.css deleted file mode 100755 index ba66200..0000000 --- a/assets/css/col16/720.css +++ /dev/null @@ -1,357 +0,0 @@ -/* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. - - Note: IE6 works fine without this fix. -*/ - -body { - min-width: 720px; -} - -/* `Containers -----------------------------------------------------------------------------------------------------*/ - -.container_12 { - margin-left: auto; - margin-right: auto; - width: 720px; -} - -/* `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; - margin-left: 10px; - margin-right: 10px; -} - -.push_1, .pull_1, -.push_2, .pull_2, -.push_3, .pull_3, -.push_4, .pull_4, -.push_5, .pull_5, -.push_6, .pull_6, -.push_7, .pull_7, -.push_8, .pull_8, -.push_9, .pull_9, -.push_10, .pull_10, -.push_11, .pull_11 { - position: relative; -} - -/* `Grid >> Children (Alpha ~ First, Omega ~ Last) -----------------------------------------------------------------------------------------------------*/ - -.alpha { - margin-left: 0; -} - -.omega { - margin-right: 0; -} - -/* `Grid >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .grid_1 { - width: 40px; -} - -.container_12 .grid_2 { - width: 100px; -} - -.container_12 .grid_3 { - width: 160px; -} - -.container_12 .grid_4 { - width: 220px; -} - -.container_12 .grid_5 { - width: 280px; -} - -.container_12 .grid_6 { - width: 340px; -} - -.container_12 .grid_7 { - width: 400px; -} - -.container_12 .grid_8 { - width: 460px; -} - -.container_12 .grid_9 { - width: 520px; -} - -.container_12 .grid_10 { - width: 580px; -} - -.container_12 .grid_11 { - width: 640px; -} - -.container_12 .grid_12 { - width: 700px; -} - -/* `Prefix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .prefix_1 { - padding-left: 60px; -} - -.container_12 .prefix_2 { - padding-left: 120px; -} - -.container_12 .prefix_3 { - padding-left: 180px; -} - -.container_12 .prefix_4 { - padding-left: 240px; -} - -.container_12 .prefix_5 { - padding-left: 300px; -} - -.container_12 .prefix_6 { - padding-left: 360px; -} - -.container_12 .prefix_7 { - padding-left: 420px; -} - -.container_12 .prefix_8 { - padding-left: 480px; -} - -.container_12 .prefix_9 { - padding-left: 540px; -} - -.container_12 .prefix_10 { - padding-left: 600px; -} - -.container_12 .prefix_11 { - padding-left: 660px; -} - -/* `Suffix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .suffix_1 { - padding-right: 60px; -} - -.container_12 .suffix_2 { - padding-right: 120px; -} - -.container_12 .suffix_3 { - padding-right: 180px; -} - -.container_12 .suffix_4 { - padding-right: 240px; -} - -.container_12 .suffix_5 { - padding-right: 300px; -} - -.container_12 .suffix_6 { - padding-right: 360px; -} - -.container_12 .suffix_7 { - padding-right: 420px; -} - -.container_12 .suffix_8 { - padding-right: 480px; -} - -.container_12 .suffix_9 { - padding-right: 540px; -} - -.container_12 .suffix_10 { - padding-right: 600px; -} - -.container_12 .suffix_11 { - padding-right: 660px; -} - -/* `Push Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .push_1 { - left: 60px; -} - -.container_12 .push_2 { - left: 120px; -} - -.container_12 .push_3 { - left: 180px; -} - -.container_12 .push_4 { - left: 240px; -} - -.container_12 .push_5 { - left: 300px; -} - -.container_12 .push_6 { - left: 360px; -} - -.container_12 .push_7 { - left: 420px; -} - -.container_12 .push_8 { - left: 480px; -} - -.container_12 .push_9 { - left: 540px; -} - -.container_12 .push_10 { - left: 600px; -} - -.container_12 .push_11 { - left: 660px; -} - -/* `Pull Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .pull_1 { - left: -60px; -} - -.container_12 .pull_2 { - left: -120px; -} - -.container_12 .pull_3 { - left: -180px; -} - -.container_12 .pull_4 { - left: -240px; -} - -.container_12 .pull_5 { - left: -300px; -} - -.container_12 .pull_6 { - left: -360px; -} - -.container_12 .pull_7 { - left: -420px; -} - -.container_12 .pull_8 { - left: -480px; -} - -.container_12 .pull_9 { - left: -540px; -} - -.container_12 .pull_10 { - left: -600px; -} - -.container_12 .pull_11 { - left: -660px; -} - -/* `Clear Floated Elements -----------------------------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ - -.clearfix:before, -.clearfix:after, -.container_12:before, -.container_12:after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.clearfix:after, -.container_12:after { - clear: both; -} - -/* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. -*/ - -.clearfix, -.container_12 { - zoom: 1; -} \ No newline at end of file diff --git a/assets/css/col16/960.css b/assets/css/col16/960.css deleted file mode 100644 index bdb7324..0000000 --- a/assets/css/col16/960.css +++ /dev/null @@ -1,357 +0,0 @@ -/* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. - - Note: IE6 works fine without this fix. -*/ - -body { - min-width: 960px; -} - -/* `Containers -----------------------------------------------------------------------------------------------------*/ - -.container_12 { - 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 { - display: inline; - float: left; - margin-left: 10px; - margin-right: 10px; -} - -.push_1, .pull_1, -.push_2, .pull_2, -.push_3, .pull_3, -.push_4, .pull_4, -.push_5, .pull_5, -.push_6, .pull_6, -.push_7, .pull_7, -.push_8, .pull_8, -.push_9, .pull_9, -.push_10, .pull_10, -.push_11, .pull_11 { - position: relative; -} - -/* `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_3 { - width: 220px; -} - -.container_12 .grid_4 { - width: 300px; -} - -.container_12 .grid_5 { - width: 380px; -} - -.container_12 .grid_6 { - width: 460px; -} - -.container_12 .grid_7 { - width: 540px; -} - -.container_12 .grid_8 { - width: 620px; -} - -.container_12 .grid_9 { - width: 700px; -} - -.container_12 .grid_10 { - width: 780px; -} - -.container_12 .grid_11 { - width: 860px; -} - -.container_12 .grid_12 { - width: 940px; -} - -/* `Prefix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .prefix_1 { - padding-left: 80px; -} - -.container_12 .prefix_2 { - padding-left: 160px; -} - -.container_12 .prefix_3 { - padding-left: 240px; -} - -.container_12 .prefix_4 { - padding-left: 320px; -} - -.container_12 .prefix_5 { - padding-left: 400px; -} - -.container_12 .prefix_6 { - padding-left: 480px; -} - -.container_12 .prefix_7 { - padding-left: 560px; -} - -.container_12 .prefix_8 { - padding-left: 640px; -} - -.container_12 .prefix_9 { - padding-left: 720px; -} - -.container_12 .prefix_10 { - padding-left: 800px; -} - -.container_12 .prefix_11 { - padding-left: 880px; -} - -/* `Suffix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .suffix_1 { - padding-right: 80px; -} - -.container_12 .suffix_2 { - padding-right: 160px; -} - -.container_12 .suffix_3 { - padding-right: 240px; -} - -.container_12 .suffix_4 { - padding-right: 320px; -} - -.container_12 .suffix_5 { - padding-right: 400px; -} - -.container_12 .suffix_6 { - padding-right: 480px; -} - -.container_12 .suffix_7 { - padding-right: 560px; -} - -.container_12 .suffix_8 { - padding-right: 640px; -} - -.container_12 .suffix_9 { - padding-right: 720px; -} - -.container_12 .suffix_10 { - padding-right: 800px; -} - -.container_12 .suffix_11 { - padding-right: 880px; -} - -/* `Push Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .push_1 { - left: 80px; -} - -.container_12 .push_2 { - left: 160px; -} - -.container_12 .push_3 { - left: 240px; -} - -.container_12 .push_4 { - left: 320px; -} - -.container_12 .push_5 { - left: 400px; -} - -.container_12 .push_6 { - left: 480px; -} - -.container_12 .push_7 { - left: 560px; -} - -.container_12 .push_8 { - left: 640px; -} - -.container_12 .push_9 { - left: 720px; -} - -.container_12 .push_10 { - left: 800px; -} - -.container_12 .push_11 { - left: 880px; -} - -/* `Pull Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .pull_1 { - left: -80px; -} - -.container_12 .pull_2 { - left: -160px; -} - -.container_12 .pull_3 { - left: -240px; -} - -.container_12 .pull_4 { - left: -320px; -} - -.container_12 .pull_5 { - left: -400px; -} - -.container_12 .pull_6 { - left: -480px; -} - -.container_12 .pull_7 { - left: -560px; -} - -.container_12 .pull_8 { - left: -640px; -} - -.container_12 .pull_9 { - left: -720px; -} - -.container_12 .pull_10 { - left: -800px; -} - -.container_12 .pull_11 { - left: -880px; -} - -/* `Clear Floated Elements -----------------------------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ - -.clearfix:before, -.clearfix:after, -.container_12:before, -.container_12:after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.clearfix:after, -.container_12:after { - clear: both; -} - -/* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. -*/ - -.clearfix, -.container_12 { - zoom: 1; -} \ No newline at end of file diff --git a/assets/css/col16/master.css b/assets/css/col16/master.css deleted file mode 100644 index 149b514..0000000 --- a/assets/css/col16/master.css +++ /dev/null @@ -1,120 +0,0 @@ -@import 'reset.css'; -@import 'text.css'; - -/* `Basic HTML -----------------------------------------------------------------------------------------------------*/ - -body { - background: #fff; - color: #333; -} - -h1 { - background: #eee url(../images/h1.png) no-repeat right center; - border-bottom: 1px solid #ccc; - padding: 10px 90px 10px 15px; - text-shadow: #fff 0 1px 0; -} - -h2, -h3, -h4, -h5, -h6 { - line-height: 1; -} - -a { - color: #06c; -} - -a:hover { - color: #c60; -} - -small { - font-size: 11px; -} - -/* `Misc Classes -----------------------------------------------------------------------------------------------------*/ - -.align_center { - text-align: center; -} - -.align_right { - text-align: right; -} - -/* `Data Table -----------------------------------------------------------------------------------------------------*/ - -.data, -.data th, -.data td { - border-style: solid; - border-color: #ddd; -} - -.data { - border-width: 0 1px 1px; - width: 100%; -} - -.data caption { - padding: 0 10px 5px; - text-transform: uppercase; -} - -.data th, -.data td { - border-top-width: 1px; - padding: 5px 10px; -} - -.data th { - white-space: nowrap; -} - -.data thead th { - background: #eee; - font-weight: bold; - text-shadow: #fff 0 1px 0; -} - -.data tbody th { - width: 1px; -} - -.data tr th:first-child { - text-align: right; -} - -/* `Code -----------------------------------------------------------------------------------------------------*/ - -pre, -code { - font-size: 12px; - font-family: Menlo, Courier, monospace; -} - -pre, -.notice { - background: #ffe; - border: 1px solid; - border-color: #eed #ccb #bba #ddc; - overflow: auto; - padding: 10px 0 10px 10px; -} - -* html pre { - overflow: hidden; - width: 97%; -} - -code { - background: #ff9; - padding: 0 2px; -} \ No newline at end of file diff --git a/assets/css/col16/mobile.css b/assets/css/col16/mobile.css deleted file mode 100644 index 1351cf2..0000000 --- a/assets/css/col16/mobile.css +++ /dev/null @@ -1,26 +0,0 @@ -.grid_1, -.grid_2, -.grid_3, -.grid_4, -.grid_5, -.grid_6, -.grid_7, -.grid_8, -.grid_9, -.grid_10, -.grid_11, -.grid_12 { - margin-left: 10px; - margin-right: 10px; -} - -.alpha, -.omega { - margin-left: 0; - margin-right: 0; -} - -.align_center, -.align_right { - text-align: left; -} \ No newline at end of file diff --git a/assets/css/col16/reset.css b/assets/css/col16/reset.css deleted file mode 100644 index 0af7c26..0000000 --- a/assets/css/col16/reset.css +++ /dev/null @@ -1,207 +0,0 @@ -/* `XHTML, HTML4, HTML5 Reset -----------------------------------------------------------------------------------------------------*/ - -a, -abbr, -acronym, -address, -applet, -article, -aside, -audio, -b, -big, -blockquote, -body, -canvas, -caption, -center, -cite, -code, -dd, -del, -details, -dfn, -dialog, -div, -dl, -dt, -em, -embed, -fieldset, -figcaption, -figure, -font, -footer, -form, -h1, -h2, -h3, -h4, -h5, -h6, -header, -hgroup, -hr, -html, -i, -iframe, -img, -ins, -kbd, -label, -legend, -li, -mark, -menu, -meter, -nav, -object, -ol, -output, -p, -pre, -progress, -q, -rp, -rt, -ruby, -s, -samp, -section, -small, -span, -strike, -strong, -sub, -summary, -sup, -table, -tbody, -td, -tfoot, -th, -thead, -time, -tr, -tt, -u, -ul, -var, -video, -xmp { - border: 0; - margin: 0; - padding: 0; - font-size: 100%; -} - -html, -body { - height: 100%; -} - -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -menu, -nav, -section { -/* - Override the default (display: inline) for - browsers that do not recognize HTML5 tags. - - IE8 (and lower) requires a shiv: - http://ejohn.org/blog/html5-shiv -*/ - display: block; -} - -b, -strong { -/* - Makes browsers agree. - IE + Opera = font-weight: bold. - Gecko + WebKit = font-weight: bolder. -*/ - font-weight: bold; -} - -img { - color: transparent; - font-size: 0; - vertical-align: middle; -/* - For IE. - http://css-tricks.com/ie-fix-bicubic-scaling-for-images -*/ - -ms-interpolation-mode: bicubic; -} - -li { -/* - For IE6 + IE7: - - "display: list-item" keeps bullets from - disappearing if hasLayout is triggered. -*/ - display: list-item; - list-style: none; -} - -table { - border-collapse: collapse; - border-spacing: 0; -} - -th, -td, -caption { - font-weight: normal; - vertical-align: top; - text-align: left; -} - -q { - quotes: none; -} - -q:before, -q:after { - content: ''; - content: none; -} - -sub, -sup, -small { - font-size: 75%; -} - -sub, -sup { - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -svg { -/* - For IE9. Without, occasionally draws shapes - outside the boundaries of rectangle. -*/ - overflow: hidden; -} \ No newline at end of file diff --git a/assets/css/col16/text.css b/assets/css/col16/text.css deleted file mode 100644 index af8df54..0000000 --- a/assets/css/col16/text.css +++ /dev/null @@ -1,81 +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; -} - -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, -figure { - margin-bottom: 20px; -} \ No newline at end of file diff --git a/assets/css/col24/1200.css b/assets/css/col24/1200.css deleted file mode 100755 index b9185c4..0000000 --- a/assets/css/col24/1200.css +++ /dev/null @@ -1,357 +0,0 @@ -/* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. - - Note: IE6 works fine without this fix. -*/ - -body { - min-width: 1200px; -} - -/* `Containers -----------------------------------------------------------------------------------------------------*/ - -.container_12 { - margin-left: auto; - margin-right: auto; - width: 1200px; -} - -/* `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; - margin-left: 10px; - margin-right: 10px; -} - -.push_1, .pull_1, -.push_2, .pull_2, -.push_3, .pull_3, -.push_4, .pull_4, -.push_5, .pull_5, -.push_6, .pull_6, -.push_7, .pull_7, -.push_8, .pull_8, -.push_9, .pull_9, -.push_10, .pull_10, -.push_11, .pull_11 { - position: relative; -} - -/* `Grid >> Children (Alpha ~ First, Omega ~ Last) -----------------------------------------------------------------------------------------------------*/ - -.alpha { - margin-left: 0; -} - -.omega { - margin-right: 0; -} - -/* `Grid >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .grid_1 { - width: 80px; -} - -.container_12 .grid_2 { - width: 180px; -} - -.container_12 .grid_3 { - width: 280px; -} - -.container_12 .grid_4 { - width: 380px; -} - -.container_12 .grid_5 { - width: 480px; -} - -.container_12 .grid_6 { - width: 580px; -} - -.container_12 .grid_7 { - width: 680px; -} - -.container_12 .grid_8 { - width: 780px; -} - -.container_12 .grid_9 { - width: 880px; -} - -.container_12 .grid_10 { - width: 980px; -} - -.container_12 .grid_11 { - width: 1080px; -} - -.container_12 .grid_12 { - width: 1180px; -} - -/* `Prefix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .prefix_1 { - padding-left: 100px; -} - -.container_12 .prefix_2 { - padding-left: 200px; -} - -.container_12 .prefix_3 { - padding-left: 300px; -} - -.container_12 .prefix_4 { - padding-left: 400px; -} - -.container_12 .prefix_5 { - padding-left: 500px; -} - -.container_12 .prefix_6 { - padding-left: 600px; -} - -.container_12 .prefix_7 { - padding-left: 700px; -} - -.container_12 .prefix_8 { - padding-left: 800px; -} - -.container_12 .prefix_9 { - padding-left: 900px; -} - -.container_12 .prefix_10 { - padding-left: 1000px; -} - -.container_12 .prefix_11 { - padding-left: 1100px; -} - -/* `Suffix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .suffix_1 { - padding-right: 100px; -} - -.container_12 .suffix_2 { - padding-right: 200px; -} - -.container_12 .suffix_3 { - padding-right: 300px; -} - -.container_12 .suffix_4 { - padding-right: 400px; -} - -.container_12 .suffix_5 { - padding-right: 500px; -} - -.container_12 .suffix_6 { - padding-right: 600px; -} - -.container_12 .suffix_7 { - padding-right: 700px; -} - -.container_12 .suffix_8 { - padding-right: 800px; -} - -.container_12 .suffix_9 { - padding-right: 900px; -} - -.container_12 .suffix_10 { - padding-right: 1000px; -} - -.container_12 .suffix_11 { - padding-right: 1100px; -} - -/* `Push Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .push_1 { - left: 100px; -} - -.container_12 .push_2 { - left: 200px; -} - -.container_12 .push_3 { - left: 300px; -} - -.container_12 .push_4 { - left: 400px; -} - -.container_12 .push_5 { - left: 500px; -} - -.container_12 .push_6 { - left: 600px; -} - -.container_12 .push_7 { - left: 700px; -} - -.container_12 .push_8 { - left: 800px; -} - -.container_12 .push_9 { - left: 900px; -} - -.container_12 .push_10 { - left: 1000px; -} - -.container_12 .push_11 { - left: 1100px; -} - -/* `Pull Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .pull_1 { - left: -100px; -} - -.container_12 .pull_2 { - left: -200px; -} - -.container_12 .pull_3 { - left: -300px; -} - -.container_12 .pull_4 { - left: -400px; -} - -.container_12 .pull_5 { - left: -500px; -} - -.container_12 .pull_6 { - left: -600px; -} - -.container_12 .pull_7 { - left: -700px; -} - -.container_12 .pull_8 { - left: -800px; -} - -.container_12 .pull_9 { - left: -900px; -} - -.container_12 .pull_10 { - left: -1000px; -} - -.container_12 .pull_11 { - left: -1100px; -} - -/* `Clear Floated Elements -----------------------------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ - -.clearfix:before, -.clearfix:after, -.container_12:before, -.container_12:after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.clearfix:after, -.container_12:after { - clear: both; -} - -/* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. -*/ - -.clearfix, -.container_12 { - zoom: 1; -} \ No newline at end of file diff --git a/assets/css/col24/1560.css b/assets/css/col24/1560.css deleted file mode 100755 index 88af16b..0000000 --- a/assets/css/col24/1560.css +++ /dev/null @@ -1,357 +0,0 @@ -/* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. - - Note: IE6 works fine without this fix. -*/ - -body { - min-width: 1560px; -} - -/* `Containers -----------------------------------------------------------------------------------------------------*/ - -.container_12 { - margin-left: auto; - margin-right: auto; - width: 1560px; -} - -/* `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; - margin-left: 10px; - margin-right: 10px; -} - -.push_1, .pull_1, -.push_2, .pull_2, -.push_3, .pull_3, -.push_4, .pull_4, -.push_5, .pull_5, -.push_6, .pull_6, -.push_7, .pull_7, -.push_8, .pull_8, -.push_9, .pull_9, -.push_10, .pull_10, -.push_11, .pull_11 { - position: relative; -} - -/* `Grid >> Children (Alpha ~ First, Omega ~ Last) -----------------------------------------------------------------------------------------------------*/ - -.alpha { - margin-left: 0; -} - -.omega { - margin-right: 0; -} - -/* `Grid >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .grid_1 { - width: 110px; -} - -.container_12 .grid_2 { - width: 240px; -} - -.container_12 .grid_3 { - width: 370px; -} - -.container_12 .grid_4 { - width: 500px; -} - -.container_12 .grid_5 { - width: 630px; -} - -.container_12 .grid_6 { - width: 760px; -} - -.container_12 .grid_7 { - width: 890px; -} - -.container_12 .grid_8 { - width: 1020px; -} - -.container_12 .grid_9 { - width: 1150px; -} - -.container_12 .grid_10 { - width: 1280px; -} - -.container_12 .grid_11 { - width: 1410px; -} - -.container_12 .grid_12 { - width: 1540px; -} - -/* `Prefix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .prefix_1 { - padding-left: 130px; -} - -.container_12 .prefix_2 { - padding-left: 260px; -} - -.container_12 .prefix_3 { - padding-left: 390px; -} - -.container_12 .prefix_4 { - padding-left: 520px; -} - -.container_12 .prefix_5 { - padding-left: 650px; -} - -.container_12 .prefix_6 { - padding-left: 780px; -} - -.container_12 .prefix_7 { - padding-left: 910px; -} - -.container_12 .prefix_8 { - padding-left: 1040px; -} - -.container_12 .prefix_9 { - padding-left: 1170px; -} - -.container_12 .prefix_10 { - padding-left: 1300px; -} - -.container_12 .prefix_11 { - padding-left: 1430px; -} - -/* `Suffix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .suffix_1 { - padding-right: 130px; -} - -.container_12 .suffix_2 { - padding-right: 260px; -} - -.container_12 .suffix_3 { - padding-right: 390px; -} - -.container_12 .suffix_4 { - padding-right: 520px; -} - -.container_12 .suffix_5 { - padding-right: 650px; -} - -.container_12 .suffix_6 { - padding-right: 780px; -} - -.container_12 .suffix_7 { - padding-right: 910px; -} - -.container_12 .suffix_8 { - padding-right: 1040px; -} - -.container_12 .suffix_9 { - padding-right: 1170px; -} - -.container_12 .suffix_10 { - padding-right: 1300px; -} - -.container_12 .suffix_11 { - padding-right: 1430px; -} - -/* `Push Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .push_1 { - left: 130px; -} - -.container_12 .push_2 { - left: 260px; -} - -.container_12 .push_3 { - left: 390px; -} - -.container_12 .push_4 { - left: 520px; -} - -.container_12 .push_5 { - left: 650px; -} - -.container_12 .push_6 { - left: 780px; -} - -.container_12 .push_7 { - left: 910px; -} - -.container_12 .push_8 { - left: 1040px; -} - -.container_12 .push_9 { - left: 1170px; -} - -.container_12 .push_10 { - left: 1300px; -} - -.container_12 .push_11 { - left: 1430px; -} - -/* `Pull Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .pull_1 { - left: -130px; -} - -.container_12 .pull_2 { - left: -260px; -} - -.container_12 .pull_3 { - left: -390px; -} - -.container_12 .pull_4 { - left: -520px; -} - -.container_12 .pull_5 { - left: -650px; -} - -.container_12 .pull_6 { - left: -780px; -} - -.container_12 .pull_7 { - left: -910px; -} - -.container_12 .pull_8 { - left: -1040px; -} - -.container_12 .pull_9 { - left: -1170px; -} - -.container_12 .pull_10 { - left: -1300px; -} - -.container_12 .pull_11 { - left: -1430px; -} - -/* `Clear Floated Elements -----------------------------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ - -.clearfix:before, -.clearfix:after, -.container_12:before, -.container_12:after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.clearfix:after, -.container_12:after { - clear: both; -} - -/* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. -*/ - -.clearfix, -.container_12 { - zoom: 1; -} \ No newline at end of file diff --git a/assets/css/col24/1920.css b/assets/css/col24/1920.css deleted file mode 100644 index e9d303a..0000000 --- a/assets/css/col24/1920.css +++ /dev/null @@ -1,358 +0,0 @@ -/* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. - - Note: IE6 works fine without this fix. -*/ - -body { - min-width: 1920px; -} - -/* Containers -----------------------------------------------------------------------------------------------------*/ - -.container_12 { - margin-left: auto; - margin-right: auto; - width: 1920px; -} - -/* 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; - margin-left: 10px; - margin-right: 10px; -} - -.push_1, .pull_1, -.push_2, .pull_2, -.push_3, .pull_3, -.push_4, .pull_4, -.push_5, .pull_5, -.push_6, .pull_6, -.push_7, .pull_7, -.push_8, .pull_8, -.push_9, .pull_9, -.push_10, .pull_10, -.push_11, .pull_11, -.push_12, .pull_12 { - position: relative; -} - -/* Grid >> Children (Alpha ~ First, Omega ~ Last) -----------------------------------------------------------------------------------------------------*/ - -.alpha { - margin-left: 0; -} - -.omega { - margin-right: 0; -} - -/* Grid >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .grid_1 { - width: 140px; -} - -.container_12 .grid_2 { - width: 300px; -} - -.container_12 .grid_3 { - width: 460px; -} - -.container_12 .grid_4 { - width: 620px; -} - -.container_12 .grid_5 { - width: 780px; -} - -.container_12 .grid_6 { - width: 940px; -} - -.container_12 .grid_7 { - width: 1100px; -} - -.container_12 .grid_8 { - width: 1260px; -} - -.container_12 .grid_9 { - width: 1420px; -} - -.container_12 .grid_10 { - width: 1580px; -} - -.container_12 .grid_11 { - width: 1740px; -} - -.container_12 .grid_12 { - width: 1900px; -} - -/* Prefix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .prefix_1 { - padding-left: 160px; -} - -.container_12 .prefix_2 { - padding-left: 320px; -} - -.container_12 .prefix_3 { - padding-left: 480px; -} - -.container_12 .prefix_4 { - padding-left: 640px; -} - -.container_12 .prefix_5 { - padding-left: 800px; -} - -.container_12 .prefix_6 { - padding-left: 960px; -} - -.container_12 .prefix_7 { - padding-left: 1120px; -} - -.container_12 .prefix_8 { - padding-left: 1280px; -} - -.container_12 .prefix_9 { - padding-left: 1440px; -} - -.container_12 .prefix_10 { - padding-left: 1600px; -} - -.container_12 .prefix_11 { - padding-left: 1760px; -} - -/* Suffix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .suffix_1 { - padding-right: 160px; -} - -.container_12 .suffix_2 { - padding-right: 320px; -} - -.container_12 .suffix_3 { - padding-right: 480px; -} - -.container_12 .suffix_4 { - padding-right: 640px; -} - -.container_12 .suffix_5 { - padding-right: 800px; -} - -.container_12 .suffix_6 { - padding-right: 960px; -} - -.container_12 .suffix_7 { - padding-right: 1120px; -} - -.container_12 .suffix_8 { - padding-right: 1280px; -} - -.container_12 .suffix_9 { - padding-right: 1440px; -} - -.container_12 .suffix_10 { - padding-right: 1600px; -} - -.container_12 .suffix_11 { - padding-right: 1760px; -} - -/* Push Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .push_1 { - left: 160px; -} - -.container_12 .push_2 { - left: 320px; -} - -.container_12 .push_3 { - left: 480px; -} - -.container_12 .push_4 { - left: 640px; -} - -.container_12 .push_5 { - left: 800px; -} - -.container_12 .push_6 { - left: 960px; -} - -.container_12 .push_7 { - left: 1120px; -} - -.container_12 .push_8 { - left: 1280px; -} - -.container_12 .push_9 { - left: 1440px; -} - -.container_12 .push_10 { - left: 1600px; -} - -.container_12 .push_11 { - left: 1760px; -} - -/* Pull Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .pull_1 { - left: -160px; -} - -.container_12 .pull_2 { - left: -320px; -} - -.container_12 .pull_3 { - left: -480px; -} - -.container_12 .pull_4 { - left: -640px; -} - -.container_12 .pull_5 { - left: -800px; -} - -.container_12 .pull_6 { - left: -960px; -} - -.container_12 .pull_7 { - left: -1120px; -} - -.container_12 .pull_8 { - left: -1280px; -} - -.container_12 .pull_9 { - left: -1440px; -} - -.container_12 .pull_10 { - left: -1600px; -} - -.container_12 .pull_11 { - left: -1760px; -} - -/* `Clear Floated Elements -----------------------------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ - -.clearfix:before, -.clearfix:after, -.container_12:before, -.container_12:after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.clearfix:after, -.container_12:after { - clear: both; -} - -/* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. -*/ - -.clearfix, -.container_12 { - zoom: 1; -} \ No newline at end of file diff --git a/assets/css/col24/2520.css b/assets/css/col24/2520.css deleted file mode 100644 index 8045ce9..0000000 --- a/assets/css/col24/2520.css +++ /dev/null @@ -1,359 +0,0 @@ -/* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. - - Note: IE6 works fine without this fix. -*/ - -body { - min-width: 2520px; -} - -/* Containers -----------------------------------------------------------------------------------------------------*/ - -.container_12 { - margin-left: auto; - margin-right: auto; - width: 2520px; -} - -/* 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; - margin-left: 10px; - margin-right: 10px; -} - -.push_1, .pull_1, -.push_2, .pull_2, -.push_3, .pull_3, -.push_4, .pull_4, -.push_5, .pull_5, -.push_6, .pull_6, -.push_7, .pull_7, -.push_8, .pull_8, -.push_9, .pull_9, -.push_10, .pull_10, -.push_11, .pull_11, -.push_12, .pull_12 { - position: relative; -} - -/* Grid >> Children (Alpha ~ First, Omega ~ Last) -----------------------------------------------------------------------------------------------------*/ - -.alpha { - margin-left: 0; -} - -.omega { - margin-right: 0; -} - -/* Grid >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - - -.container_12 .grid_1 { - width: 190px; -} - -.container_12 .grid_2 { - width: 400px; -} - -.container_12 .grid_3 { - width: 610px; -} - -.container_12 .grid_4 { - width: 820px; -} - -.container_12 .grid_5 { - width: 1030px; -} - -.container_12 .grid_6 { - width: 1240px; -} - -.container_12 .grid_7 { - width: 1450px; -} - -.container_12 .grid_8 { - width: 1660px; -} - -.container_12 .grid_9 { - width: 1870px; -} - -.container_12 .grid_10 { - width: 2080px; -} - -.container_12 .grid_11 { - width: 2290px; -} - -.container_12 .grid_12 { - width: 2500px; -} - -/* Prefix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .prefix_1 { - padding-left: 210px; -} - -.container_12 .prefix_2 { - padding-left: 420px; -} - -.container_12 .prefix_3 { - padding-left: 630px; -} - -.container_12 .prefix_4 { - padding-left: 840px; -} - -.container_12 .prefix_5 { - padding-left: 1050px; -} - -.container_12 .prefix_6 { - padding-left: 1260px; -} - -.container_12 .prefix_7 { - padding-left: 1470px; -} - -.container_12 .prefix_8 { - padding-left: 1680px; -} - -.container_12 .prefix_9 { - padding-left: 1890px; -} - -.container_12 .prefix_10 { - padding-left: 2100px; -} - -.container_12 .prefix_11 { - padding-left: 2310px; -} - -/* Suffix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .suffix_1 { - padding-right: 210px; -} - -.container_12 .suffix_2 { - padding-right: 420px; -} - -.container_12 .suffix_3 { - padding-right: 630px; -} - -.container_12 .suffix_4 { - padding-right: 840px; -} - -.container_12 .suffix_5 { - padding-right: 1050px; -} - -.container_12 .suffix_6 { - padding-right: 1260px; -} - -.container_12 .suffix_7 { - padding-right: 1470px; -} - -.container_12 .suffix_8 { - padding-right: 1680px; -} - -.container_12 .suffix_9 { - padding-right: 1890px; -} - -.container_12 .suffix_10 { - padding-right: 2100px; -} - -.container_12 .suffix_11 { - padding-right: 2310px; -} - -/* Push Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .push_1 { - left: 210px; -} - -.container_12 .push_2 { - left: 420px; -} - -.container_12 .push_3 { - left: 630px; -} - -.container_12 .push_4 { - left: 840px; -} - -.container_12 .push_5 { - left: 1050px; -} - -.container_12 .push_6 { - left: 1260px; -} - -.container_12 .push_7 { - left: 1470px; -} - -.container_12 .push_8 { - left: 1680px; -} - -.container_12 .push_9 { - left: 1890px; -} - -.container_12 .push_10 { - left: 2100px; -} - -.container_12 .push_11 { - left: 2310px; -} - -/* Pull Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .pull_1 { - left: -210px; -} - -.container_12 .pull_2 { - left: -420px; -} - -.container_12 .pull_3 { - left: -630px; -} - -.container_12 .pull_4 { - left: -840px; -} - -.container_12 .pull_5 { - left: -1050px; -} - -.container_12 .pull_6 { - left: -1260px; -} - -.container_12 .pull_7 { - left: -1470px; -} - -.container_12 .pull_8 { - left: -1680px; -} - -.container_12 .pull_9 { - left: -1890px; -} - -.container_12 .pull_10 { - left: -2100px; -} - -.container_12 .pull_11 { - left: -2310px; -} - -/* `Clear Floated Elements -----------------------------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ - -.clearfix:before, -.clearfix:after, -.container_12:before, -.container_12:after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.clearfix:after, -.container_12:after { - clear: both; -} - -/* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. -*/ - -.clearfix, -.container_12 { - zoom: 1; -} \ No newline at end of file diff --git a/assets/css/col24/720.css b/assets/css/col24/720.css deleted file mode 100755 index ba66200..0000000 --- a/assets/css/col24/720.css +++ /dev/null @@ -1,357 +0,0 @@ -/* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. - - Note: IE6 works fine without this fix. -*/ - -body { - min-width: 720px; -} - -/* `Containers -----------------------------------------------------------------------------------------------------*/ - -.container_12 { - margin-left: auto; - margin-right: auto; - width: 720px; -} - -/* `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; - margin-left: 10px; - margin-right: 10px; -} - -.push_1, .pull_1, -.push_2, .pull_2, -.push_3, .pull_3, -.push_4, .pull_4, -.push_5, .pull_5, -.push_6, .pull_6, -.push_7, .pull_7, -.push_8, .pull_8, -.push_9, .pull_9, -.push_10, .pull_10, -.push_11, .pull_11 { - position: relative; -} - -/* `Grid >> Children (Alpha ~ First, Omega ~ Last) -----------------------------------------------------------------------------------------------------*/ - -.alpha { - margin-left: 0; -} - -.omega { - margin-right: 0; -} - -/* `Grid >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .grid_1 { - width: 40px; -} - -.container_12 .grid_2 { - width: 100px; -} - -.container_12 .grid_3 { - width: 160px; -} - -.container_12 .grid_4 { - width: 220px; -} - -.container_12 .grid_5 { - width: 280px; -} - -.container_12 .grid_6 { - width: 340px; -} - -.container_12 .grid_7 { - width: 400px; -} - -.container_12 .grid_8 { - width: 460px; -} - -.container_12 .grid_9 { - width: 520px; -} - -.container_12 .grid_10 { - width: 580px; -} - -.container_12 .grid_11 { - width: 640px; -} - -.container_12 .grid_12 { - width: 700px; -} - -/* `Prefix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .prefix_1 { - padding-left: 60px; -} - -.container_12 .prefix_2 { - padding-left: 120px; -} - -.container_12 .prefix_3 { - padding-left: 180px; -} - -.container_12 .prefix_4 { - padding-left: 240px; -} - -.container_12 .prefix_5 { - padding-left: 300px; -} - -.container_12 .prefix_6 { - padding-left: 360px; -} - -.container_12 .prefix_7 { - padding-left: 420px; -} - -.container_12 .prefix_8 { - padding-left: 480px; -} - -.container_12 .prefix_9 { - padding-left: 540px; -} - -.container_12 .prefix_10 { - padding-left: 600px; -} - -.container_12 .prefix_11 { - padding-left: 660px; -} - -/* `Suffix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .suffix_1 { - padding-right: 60px; -} - -.container_12 .suffix_2 { - padding-right: 120px; -} - -.container_12 .suffix_3 { - padding-right: 180px; -} - -.container_12 .suffix_4 { - padding-right: 240px; -} - -.container_12 .suffix_5 { - padding-right: 300px; -} - -.container_12 .suffix_6 { - padding-right: 360px; -} - -.container_12 .suffix_7 { - padding-right: 420px; -} - -.container_12 .suffix_8 { - padding-right: 480px; -} - -.container_12 .suffix_9 { - padding-right: 540px; -} - -.container_12 .suffix_10 { - padding-right: 600px; -} - -.container_12 .suffix_11 { - padding-right: 660px; -} - -/* `Push Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .push_1 { - left: 60px; -} - -.container_12 .push_2 { - left: 120px; -} - -.container_12 .push_3 { - left: 180px; -} - -.container_12 .push_4 { - left: 240px; -} - -.container_12 .push_5 { - left: 300px; -} - -.container_12 .push_6 { - left: 360px; -} - -.container_12 .push_7 { - left: 420px; -} - -.container_12 .push_8 { - left: 480px; -} - -.container_12 .push_9 { - left: 540px; -} - -.container_12 .push_10 { - left: 600px; -} - -.container_12 .push_11 { - left: 660px; -} - -/* `Pull Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .pull_1 { - left: -60px; -} - -.container_12 .pull_2 { - left: -120px; -} - -.container_12 .pull_3 { - left: -180px; -} - -.container_12 .pull_4 { - left: -240px; -} - -.container_12 .pull_5 { - left: -300px; -} - -.container_12 .pull_6 { - left: -360px; -} - -.container_12 .pull_7 { - left: -420px; -} - -.container_12 .pull_8 { - left: -480px; -} - -.container_12 .pull_9 { - left: -540px; -} - -.container_12 .pull_10 { - left: -600px; -} - -.container_12 .pull_11 { - left: -660px; -} - -/* `Clear Floated Elements -----------------------------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ - -.clearfix:before, -.clearfix:after, -.container_12:before, -.container_12:after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.clearfix:after, -.container_12:after { - clear: both; -} - -/* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. -*/ - -.clearfix, -.container_12 { - zoom: 1; -} \ No newline at end of file diff --git a/assets/css/col24/960.css b/assets/css/col24/960.css deleted file mode 100644 index bdb7324..0000000 --- a/assets/css/col24/960.css +++ /dev/null @@ -1,357 +0,0 @@ -/* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ - - Licensed under GPL and MIT. -*/ - -/* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. - - Note: IE6 works fine without this fix. -*/ - -body { - min-width: 960px; -} - -/* `Containers -----------------------------------------------------------------------------------------------------*/ - -.container_12 { - 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 { - display: inline; - float: left; - margin-left: 10px; - margin-right: 10px; -} - -.push_1, .pull_1, -.push_2, .pull_2, -.push_3, .pull_3, -.push_4, .pull_4, -.push_5, .pull_5, -.push_6, .pull_6, -.push_7, .pull_7, -.push_8, .pull_8, -.push_9, .pull_9, -.push_10, .pull_10, -.push_11, .pull_11 { - position: relative; -} - -/* `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_3 { - width: 220px; -} - -.container_12 .grid_4 { - width: 300px; -} - -.container_12 .grid_5 { - width: 380px; -} - -.container_12 .grid_6 { - width: 460px; -} - -.container_12 .grid_7 { - width: 540px; -} - -.container_12 .grid_8 { - width: 620px; -} - -.container_12 .grid_9 { - width: 700px; -} - -.container_12 .grid_10 { - width: 780px; -} - -.container_12 .grid_11 { - width: 860px; -} - -.container_12 .grid_12 { - width: 940px; -} - -/* `Prefix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .prefix_1 { - padding-left: 80px; -} - -.container_12 .prefix_2 { - padding-left: 160px; -} - -.container_12 .prefix_3 { - padding-left: 240px; -} - -.container_12 .prefix_4 { - padding-left: 320px; -} - -.container_12 .prefix_5 { - padding-left: 400px; -} - -.container_12 .prefix_6 { - padding-left: 480px; -} - -.container_12 .prefix_7 { - padding-left: 560px; -} - -.container_12 .prefix_8 { - padding-left: 640px; -} - -.container_12 .prefix_9 { - padding-left: 720px; -} - -.container_12 .prefix_10 { - padding-left: 800px; -} - -.container_12 .prefix_11 { - padding-left: 880px; -} - -/* `Suffix Extra Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .suffix_1 { - padding-right: 80px; -} - -.container_12 .suffix_2 { - padding-right: 160px; -} - -.container_12 .suffix_3 { - padding-right: 240px; -} - -.container_12 .suffix_4 { - padding-right: 320px; -} - -.container_12 .suffix_5 { - padding-right: 400px; -} - -.container_12 .suffix_6 { - padding-right: 480px; -} - -.container_12 .suffix_7 { - padding-right: 560px; -} - -.container_12 .suffix_8 { - padding-right: 640px; -} - -.container_12 .suffix_9 { - padding-right: 720px; -} - -.container_12 .suffix_10 { - padding-right: 800px; -} - -.container_12 .suffix_11 { - padding-right: 880px; -} - -/* `Push Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .push_1 { - left: 80px; -} - -.container_12 .push_2 { - left: 160px; -} - -.container_12 .push_3 { - left: 240px; -} - -.container_12 .push_4 { - left: 320px; -} - -.container_12 .push_5 { - left: 400px; -} - -.container_12 .push_6 { - left: 480px; -} - -.container_12 .push_7 { - left: 560px; -} - -.container_12 .push_8 { - left: 640px; -} - -.container_12 .push_9 { - left: 720px; -} - -.container_12 .push_10 { - left: 800px; -} - -.container_12 .push_11 { - left: 880px; -} - -/* `Pull Space >> 12 Columns -----------------------------------------------------------------------------------------------------*/ - -.container_12 .pull_1 { - left: -80px; -} - -.container_12 .pull_2 { - left: -160px; -} - -.container_12 .pull_3 { - left: -240px; -} - -.container_12 .pull_4 { - left: -320px; -} - -.container_12 .pull_5 { - left: -400px; -} - -.container_12 .pull_6 { - left: -480px; -} - -.container_12 .pull_7 { - left: -560px; -} - -.container_12 .pull_8 { - left: -640px; -} - -.container_12 .pull_9 { - left: -720px; -} - -.container_12 .pull_10 { - left: -800px; -} - -.container_12 .pull_11 { - left: -880px; -} - -/* `Clear Floated Elements -----------------------------------------------------------------------------------------------------*/ - -/* http://sonspring.com/journal/clearing-floats */ - -.clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; -} - -/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ - -.clearfix:before, -.clearfix:after, -.container_12:before, -.container_12:after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -.clearfix:after, -.container_12:after { - clear: both; -} - -/* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. -*/ - -.clearfix, -.container_12 { - zoom: 1; -} \ No newline at end of file diff --git a/assets/css/col24/master.css b/assets/css/col24/master.css deleted file mode 100644 index 149b514..0000000 --- a/assets/css/col24/master.css +++ /dev/null @@ -1,120 +0,0 @@ -@import 'reset.css'; -@import 'text.css'; - -/* `Basic HTML -----------------------------------------------------------------------------------------------------*/ - -body { - background: #fff; - color: #333; -} - -h1 { - background: #eee url(../images/h1.png) no-repeat right center; - border-bottom: 1px solid #ccc; - padding: 10px 90px 10px 15px; - text-shadow: #fff 0 1px 0; -} - -h2, -h3, -h4, -h5, -h6 { - line-height: 1; -} - -a { - color: #06c; -} - -a:hover { - color: #c60; -} - -small { - font-size: 11px; -} - -/* `Misc Classes -----------------------------------------------------------------------------------------------------*/ - -.align_center { - text-align: center; -} - -.align_right { - text-align: right; -} - -/* `Data Table -----------------------------------------------------------------------------------------------------*/ - -.data, -.data th, -.data td { - border-style: solid; - border-color: #ddd; -} - -.data { - border-width: 0 1px 1px; - width: 100%; -} - -.data caption { - padding: 0 10px 5px; - text-transform: uppercase; -} - -.data th, -.data td { - border-top-width: 1px; - padding: 5px 10px; -} - -.data th { - white-space: nowrap; -} - -.data thead th { - background: #eee; - font-weight: bold; - text-shadow: #fff 0 1px 0; -} - -.data tbody th { - width: 1px; -} - -.data tr th:first-child { - text-align: right; -} - -/* `Code -----------------------------------------------------------------------------------------------------*/ - -pre, -code { - font-size: 12px; - font-family: Menlo, Courier, monospace; -} - -pre, -.notice { - background: #ffe; - border: 1px solid; - border-color: #eed #ccb #bba #ddc; - overflow: auto; - padding: 10px 0 10px 10px; -} - -* html pre { - overflow: hidden; - width: 97%; -} - -code { - background: #ff9; - padding: 0 2px; -} \ No newline at end of file diff --git a/assets/css/col24/mobile.css b/assets/css/col24/mobile.css deleted file mode 100644 index 1351cf2..0000000 --- a/assets/css/col24/mobile.css +++ /dev/null @@ -1,26 +0,0 @@ -.grid_1, -.grid_2, -.grid_3, -.grid_4, -.grid_5, -.grid_6, -.grid_7, -.grid_8, -.grid_9, -.grid_10, -.grid_11, -.grid_12 { - margin-left: 10px; - margin-right: 10px; -} - -.alpha, -.omega { - margin-left: 0; - margin-right: 0; -} - -.align_center, -.align_right { - text-align: left; -} \ No newline at end of file diff --git a/assets/css/col24/reset.css b/assets/css/col24/reset.css deleted file mode 100644 index 0af7c26..0000000 --- a/assets/css/col24/reset.css +++ /dev/null @@ -1,207 +0,0 @@ -/* `XHTML, HTML4, HTML5 Reset -----------------------------------------------------------------------------------------------------*/ - -a, -abbr, -acronym, -address, -applet, -article, -aside, -audio, -b, -big, -blockquote, -body, -canvas, -caption, -center, -cite, -code, -dd, -del, -details, -dfn, -dialog, -div, -dl, -dt, -em, -embed, -fieldset, -figcaption, -figure, -font, -footer, -form, -h1, -h2, -h3, -h4, -h5, -h6, -header, -hgroup, -hr, -html, -i, -iframe, -img, -ins, -kbd, -label, -legend, -li, -mark, -menu, -meter, -nav, -object, -ol, -output, -p, -pre, -progress, -q, -rp, -rt, -ruby, -s, -samp, -section, -small, -span, -strike, -strong, -sub, -summary, -sup, -table, -tbody, -td, -tfoot, -th, -thead, -time, -tr, -tt, -u, -ul, -var, -video, -xmp { - border: 0; - margin: 0; - padding: 0; - font-size: 100%; -} - -html, -body { - height: 100%; -} - -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -menu, -nav, -section { -/* - Override the default (display: inline) for - browsers that do not recognize HTML5 tags. - - IE8 (and lower) requires a shiv: - http://ejohn.org/blog/html5-shiv -*/ - display: block; -} - -b, -strong { -/* - Makes browsers agree. - IE + Opera = font-weight: bold. - Gecko + WebKit = font-weight: bolder. -*/ - font-weight: bold; -} - -img { - color: transparent; - font-size: 0; - vertical-align: middle; -/* - For IE. - http://css-tricks.com/ie-fix-bicubic-scaling-for-images -*/ - -ms-interpolation-mode: bicubic; -} - -li { -/* - For IE6 + IE7: - - "display: list-item" keeps bullets from - disappearing if hasLayout is triggered. -*/ - display: list-item; - list-style: none; -} - -table { - border-collapse: collapse; - border-spacing: 0; -} - -th, -td, -caption { - font-weight: normal; - vertical-align: top; - text-align: left; -} - -q { - quotes: none; -} - -q:before, -q:after { - content: ''; - content: none; -} - -sub, -sup, -small { - font-size: 75%; -} - -sub, -sup { - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -svg { -/* - For IE9. Without, occasionally draws shapes - outside the boundaries of rectangle. -*/ - overflow: hidden; -} \ No newline at end of file diff --git a/assets/css/col24/text.css b/assets/css/col24/text.css deleted file mode 100644 index af8df54..0000000 --- a/assets/css/col24/text.css +++ /dev/null @@ -1,81 +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; -} - -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, -figure { - margin-bottom: 20px; -} \ No newline at end of file From 88ea3efaa7da43843d95d9d0d455800980a7af88 Mon Sep 17 00:00:00 2001 From: Adam Wright Date: Tue, 28 Jan 2014 14:40:45 -0500 Subject: [PATCH 5/9] changed readme --- README.txt | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.txt b/README.txt index 4aff5c5..e26bd26 100644 --- a/README.txt +++ b/README.txt @@ -1,4 +1,4 @@ -ADAPT.JS - ADAPTIVE CSS +ADAPT.JS - ADAPTIVE CSS - 12, 16, and 24 column support; and LTR, RTL ===== @@ -47,4 +47,4 @@ Thanks to: http://jasongraphix.com https://github.com/jasongraphix https://github.com/skully78 - Issue: https://github.com/nathansmith/adapt/issues/4 \ No newline at end of file + Issue: https://github.com/nathansmith/adapt/issues/4 From fb0e2df0593b4afefeb963d5335c81cf2e4efa56 Mon Sep 17 00:00:00 2001 From: Adam Wright Date: Wed, 29 Jan 2014 11:22:58 -0500 Subject: [PATCH 6/9] I have changed the numbers for most of the 24 grid css files --- assets/css/col24/ltr/1200.css | 326 ++++++++++++++---------- assets/css/col24/ltr/1560.css | 132 +++++----- assets/css/col24/ltr/1920.css | 132 +++++----- assets/css/col24/ltr/2520.css | 132 +++++----- assets/css/col24/ltr/720.css | 328 ++++++++++++++---------- assets/css/col24/ltr/960.css | 430 ++++++++++++++++++++++++++------ assets/css/col24/ltr/mobile.css | 16 +- 7 files changed, 959 insertions(+), 537 deletions(-) mode change 100644 => 100755 assets/css/col24/ltr/960.css diff --git a/assets/css/col24/ltr/1200.css b/assets/css/col24/ltr/1200.css index b9185c4..2479508 100755 --- a/assets/css/col24/ltr/1200.css +++ b/assets/css/col24/ltr/1200.css @@ -20,7 +20,7 @@ body { /* `Containers ----------------------------------------------------------------------------------------------------*/ -.container_12 { +.container_24 { margin-left: auto; margin-right: auto; width: 1200px; @@ -40,11 +40,22 @@ body { .grid_9, .grid_10, .grid_11, -.grid_12 { +.grid_12, +.grid_13, +.grid_14, +.grid_15, +.grid_16, +.grid_17, +.grid_18, +.grid_19, +.grid_20, +.grid_21, +.grid_22, +.grid_23 { display: inline; float: left; - margin-left: 10px; - margin-right: 10px; + margin-left: 6.25px; + margin-right: 6.25px; } .push_1, .pull_1, @@ -57,7 +68,20 @@ body { .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, -.push_11, .pull_11 { +.push_11, .pull_11, +.push_12, .pull_12, +.push_13, .pull_13, +.push_14, .pull_14, +.push_15, .pull_15, +.push_16, .pull_16, +.push_17, .pull_17, +.push_18, .pull_18, +.push_19, .pull_19, +.push_20, .pull_20, +.push_21, .pull_21, +.push_22, .pull_22, +.push_23, .pull_23, +.push_24, .pull_24 { position: relative; } @@ -72,243 +96,291 @@ body { margin-right: 0; } -/* `Grid >> 12 Columns +/* `Grid >> 24 Columns ----------------------------------------------------------------------------------------------------*/ -.container_12 .grid_1 { - width: 80px; +.container_24 .grid_1 { + width: 37.5px; } -.container_12 .grid_2 { - width: 180px; +.container_24 .grid_2 { + width: 87.5px; } -.container_12 .grid_3 { - width: 280px; +.container_24 .grid_3 { + width: 137.5px; } -.container_12 .grid_4 { - width: 380px; +.container_24 .grid_4 { + width: 187.5px; } -.container_12 .grid_5 { - width: 480px; +.container_24 .grid_5 { + width: 237.5px; } -.container_12 .grid_6 { - width: 580px; +.container_24 .grid_6 { + width: 287.5px; } -.container_12 .grid_7 { - width: 680px; +.container_24 .grid_7 { + width: 337.5px; } -.container_12 .grid_8 { - width: 780px; +.container_24 .grid_8 { + width: 387.5px; } -.container_12 .grid_9 { - width: 880px; +.container_24 .grid_9 { + width: 437.5px; } -.container_12 .grid_10 { - width: 980px; +.container_24 .grid_10 { + width: 487.5px; } -.container_12 .grid_11 { - width: 1080px; +.container_24 .grid_11 { + width: 537.5px; } -.container_12 .grid_12 { - width: 1180px; +.container_24 .grid_12 { + width: 587.5px; } -/* `Prefix Extra Space >> 12 Columns +.container_24 .grid_13 { + width: 637.5px; +} + +.container_24 .grid_14 { + width: 687.6px; +} + +.container_24 .grid_15 { + width: 737.5px; +} + +.container_24 .grid_16 { + width: 787.5px; +} + +.container_24 .grid_17 { + width: 837.5px; +} + +.container_24 .grid_18 { + width: 887.5px; +} + +.container_24 .grid_19 { + width: 937.5px; +} + +.container_24 .grid_20 { + width: 987.5px; +} + +.container_24 .grid_21 { + width: 1037.5px; +} + +.container_24 .grid_22 { + width: 1087.5px; +} + +.container_24 .grid_23 { + width: 1137.5px; +} + +.container_24 .grid_24 { + width: 1187.5px; +} + +/* `Prefix Extra Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ -.container_12 .prefix_1 { - padding-left: 100px; +.container_24 .prefix_1 { + padding-left: 50px; } -.container_12 .prefix_2 { - padding-left: 200px; +.container_24 .prefix_2 { + padding-left: 100px; } -.container_12 .prefix_3 { - padding-left: 300px; +.container_24 .prefix_3 { + padding-left: 150px; } -.container_12 .prefix_4 { - padding-left: 400px; +.container_24 .prefix_4 { + padding-left: 200px; } -.container_12 .prefix_5 { - padding-left: 500px; +.container_24 .prefix_5 { + padding-left: 250px; } -.container_12 .prefix_6 { - padding-left: 600px; +.container_24 .prefix_6 { + padding-left: 300px; } -.container_12 .prefix_7 { - padding-left: 700px; +.container_24 .prefix_7 { + padding-left: 350px; } -.container_12 .prefix_8 { - padding-left: 800px; +.container_24 .prefix_8 { + padding-left: 400px; } -.container_12 .prefix_9 { - padding-left: 900px; +.container_24 .prefix_9 { + padding-left: 450px; } -.container_12 .prefix_10 { - padding-left: 1000px; +.container_24 .prefix_10 { + padding-left: 500px; } -.container_12 .prefix_11 { - padding-left: 1100px; +.container_24 .prefix_11 { + padding-left: 550px; } -/* `Suffix Extra Space >> 12 Columns +/* `Suffix Extra Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ -.container_12 .suffix_1 { - padding-right: 100px; +.container_24 .suffix_1 { + padding-right: 50px; } -.container_12 .suffix_2 { - padding-right: 200px; +.container_24 .suffix_2 { + padding-right: 150px; } -.container_12 .suffix_3 { - padding-right: 300px; +.container_24 .suffix_3 { + padding-right: 200px; } -.container_12 .suffix_4 { - padding-right: 400px; +.container_24 .suffix_4 { + padding-right: 250px; } -.container_12 .suffix_5 { - padding-right: 500px; +.container_24 .suffix_5 { + padding-right: 300px; } -.container_12 .suffix_6 { - padding-right: 600px; +.container_24 .suffix_6 { + padding-right: 350px; } -.container_12 .suffix_7 { - padding-right: 700px; +.container_24 .suffix_7 { + padding-right: 400px; } -.container_12 .suffix_8 { - padding-right: 800px; +.container_24 .suffix_8 { + padding-right: 450px; } -.container_12 .suffix_9 { - padding-right: 900px; +.container_24 .suffix_9 { + padding-right: 500px; } -.container_12 .suffix_10 { - padding-right: 1000px; +.container_24 .suffix_10 { + padding-right: 550px; } -.container_12 .suffix_11 { - padding-right: 1100px; +.container_24 .suffix_11 { + padding-right: 600px; } -/* `Push Space >> 12 Columns +/* `Push Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ -.container_12 .push_1 { - left: 100px; +.container_24 .push_1 { + left: 50px; } -.container_12 .push_2 { - left: 200px; +.container_24 .push_2 { + left: 150px; } -.container_12 .push_3 { - left: 300px; +.container_24 .push_3 { + left: 200px; } -.container_12 .push_4 { - left: 400px; +.container_24 .push_4 { + left: 250px; } -.container_12 .push_5 { - left: 500px; +.container_24 .push_5 { + left: 300px; } -.container_12 .push_6 { - left: 600px; +.container_24 .push_6 { + left: 350px; } -.container_12 .push_7 { - left: 700px; +.container_24 .push_7 { + left: 400px; } -.container_12 .push_8 { - left: 800px; +.container_24 .push_8 { + left: 450px; } -.container_12 .push_9 { - left: 900px; +.container_24 .push_9 { + left: 500px; } -.container_12 .push_10 { - left: 1000px; +.container_24 .push_10 { + left: 550px; } -.container_12 .push_11 { - left: 1100px; +.container_24 .push_11 { + left: 600px; } -/* `Pull Space >> 12 Columns +/* `Pull Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ -.container_12 .pull_1 { - left: -100px; +.container_24 .pull_1 { + left: -50px; } -.container_12 .pull_2 { - left: -200px; +.container_24 .pull_2 { + left: -150px; } -.container_12 .pull_3 { - left: -300px; +.container_24 .pull_3 { + left: -250px; } -.container_12 .pull_4 { - left: -400px; +.container_24 .pull_4 { + left: -300px; } -.container_12 .pull_5 { - left: -500px; +.container_24 .pull_5 { + left: -350px; } -.container_12 .pull_6 { - left: -600px; +.container_24 .pull_6 { + left: -400px; } -.container_12 .pull_7 { - left: -700px; +.container_24 .pull_7 { + left: -450px; } -.container_12 .pull_8 { - left: -800px; +.container_24 .pull_8 { + left: -500px; } -.container_12 .pull_9 { - left: -900px; +.container_24 .pull_9 { + left: -550px; } -.container_12 .pull_10 { - left: -1000px; +.container_24 .pull_10 { + left: -600px; } -.container_12 .pull_11 { - left: -1100px; +.container_24 .pull_11 { + left: -650px; } /* `Clear Floated Elements @@ -329,8 +401,8 @@ body { .clearfix:before, .clearfix:after, -.container_12:before, -.container_12:after { +.container_24:before, +.container_34:after { content: '.'; display: block; overflow: hidden; @@ -342,7 +414,7 @@ body { } .clearfix:after, -.container_12:after { +.container_24:after { clear: both; } @@ -352,6 +424,6 @@ body { */ .clearfix, -.container_12 { +.container_24 { zoom: 1; -} \ No newline at end of file +} diff --git a/assets/css/col24/ltr/1560.css b/assets/css/col24/ltr/1560.css index 88af16b..5d208e1 100755 --- a/assets/css/col24/ltr/1560.css +++ b/assets/css/col24/ltr/1560.css @@ -20,7 +20,7 @@ body { /* `Containers ----------------------------------------------------------------------------------------------------*/ -.container_12 { +.container_24 { margin-left: auto; margin-right: auto; width: 1560px; @@ -72,242 +72,242 @@ body { margin-right: 0; } -/* `Grid >> 12 Columns +/* `Grid >> 24 Columns ----------------------------------------------------------------------------------------------------*/ -.container_12 .grid_1 { +.container_24 .grid_1 { width: 110px; } -.container_12 .grid_2 { +.container_24 .grid_2 { width: 240px; } -.container_12 .grid_3 { +.container_24 .grid_3 { width: 370px; } -.container_12 .grid_4 { +.container_24 .grid_4 { width: 500px; } -.container_12 .grid_5 { +.container_24 .grid_5 { width: 630px; } -.container_12 .grid_6 { +.container_24 .grid_6 { width: 760px; } -.container_12 .grid_7 { +.container_24 .grid_7 { width: 890px; } -.container_12 .grid_8 { +.container_24 .grid_8 { width: 1020px; } -.container_12 .grid_9 { +.container_24 .grid_9 { width: 1150px; } -.container_12 .grid_10 { +.container_24 .grid_10 { width: 1280px; } -.container_12 .grid_11 { +.container_24 .grid_11 { width: 1410px; } -.container_12 .grid_12 { +.container_24 .grid_12 { width: 1540px; } -/* `Prefix Extra Space >> 12 Columns +/* `Prefix Extra Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ -.container_12 .prefix_1 { +.container_24 .prefix_1 { padding-left: 130px; } -.container_12 .prefix_2 { +.container_24 .prefix_2 { padding-left: 260px; } -.container_12 .prefix_3 { +.container_24 .prefix_3 { padding-left: 390px; } -.container_12 .prefix_4 { +.container_24 .prefix_4 { padding-left: 520px; } -.container_12 .prefix_5 { +.container_24 .prefix_5 { padding-left: 650px; } -.container_12 .prefix_6 { +.container_24 .prefix_6 { padding-left: 780px; } -.container_12 .prefix_7 { +.container_24 .prefix_7 { padding-left: 910px; } -.container_12 .prefix_8 { +.container_24 .prefix_8 { padding-left: 1040px; } -.container_12 .prefix_9 { +.container_24 .prefix_9 { padding-left: 1170px; } -.container_12 .prefix_10 { +.container_24 .prefix_10 { padding-left: 1300px; } -.container_12 .prefix_11 { +.container_24 .prefix_11 { padding-left: 1430px; } -/* `Suffix Extra Space >> 12 Columns +/* `Suffix Extra Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ -.container_12 .suffix_1 { +.container_24 .suffix_1 { padding-right: 130px; } -.container_12 .suffix_2 { +.container_24 .suffix_2 { padding-right: 260px; } -.container_12 .suffix_3 { +.container_24 .suffix_3 { padding-right: 390px; } -.container_12 .suffix_4 { +.container_24 .suffix_4 { padding-right: 520px; } -.container_12 .suffix_5 { +.container_24 .suffix_5 { padding-right: 650px; } -.container_12 .suffix_6 { +.container_24 .suffix_6 { padding-right: 780px; } -.container_12 .suffix_7 { +.container_24 .suffix_7 { padding-right: 910px; } -.container_12 .suffix_8 { +.container_24 .suffix_8 { padding-right: 1040px; } -.container_12 .suffix_9 { +.container_24 .suffix_9 { padding-right: 1170px; } -.container_12 .suffix_10 { +.container_24 .suffix_10 { padding-right: 1300px; } -.container_12 .suffix_11 { +.container_24 .suffix_11 { padding-right: 1430px; } -/* `Push Space >> 12 Columns +/* `Push Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ -.container_12 .push_1 { +.container_24 .push_1 { left: 130px; } -.container_12 .push_2 { +.container_24 .push_2 { left: 260px; } -.container_12 .push_3 { +.container_24 .push_3 { left: 390px; } -.container_12 .push_4 { +.container_24 .push_4 { left: 520px; } -.container_12 .push_5 { +.container_24 .push_5 { left: 650px; } -.container_12 .push_6 { +.container_24 .push_6 { left: 780px; } -.container_12 .push_7 { +.container_24 .push_7 { left: 910px; } -.container_12 .push_8 { +.container_24 .push_8 { left: 1040px; } -.container_12 .push_9 { +.container_24 .push_9 { left: 1170px; } -.container_12 .push_10 { +.container_24 .push_10 { left: 1300px; } -.container_12 .push_11 { +.container_24 .push_11 { left: 1430px; } -/* `Pull Space >> 12 Columns +/* `Pull Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ -.container_12 .pull_1 { +.container_24 .pull_1 { left: -130px; } -.container_12 .pull_2 { +.container_24 .pull_2 { left: -260px; } -.container_12 .pull_3 { +.container_24 .pull_3 { left: -390px; } -.container_12 .pull_4 { +.container_24 .pull_4 { left: -520px; } -.container_12 .pull_5 { +.container_24 .pull_5 { left: -650px; } -.container_12 .pull_6 { +.container_24 .pull_6 { left: -780px; } -.container_12 .pull_7 { +.container_24 .pull_7 { left: -910px; } -.container_12 .pull_8 { +.container_24 .pull_8 { left: -1040px; } -.container_12 .pull_9 { +.container_24 .pull_9 { left: -1170px; } -.container_12 .pull_10 { +.container_24 .pull_10 { left: -1300px; } -.container_12 .pull_11 { +.container_24 .pull_11 { left: -1430px; } @@ -329,8 +329,8 @@ body { .clearfix:before, .clearfix:after, -.container_12:before, -.container_12:after { +.container_24:before, +.container_24:after { content: '.'; display: block; overflow: hidden; @@ -342,7 +342,7 @@ body { } .clearfix:after, -.container_12:after { +.container_24:after { clear: both; } @@ -352,6 +352,6 @@ body { */ .clearfix, -.container_12 { +.container_24 { zoom: 1; } \ No newline at end of file diff --git a/assets/css/col24/ltr/1920.css b/assets/css/col24/ltr/1920.css index e9d303a..830bdb5 100644 --- a/assets/css/col24/ltr/1920.css +++ b/assets/css/col24/ltr/1920.css @@ -20,7 +20,7 @@ body { /* Containers ----------------------------------------------------------------------------------------------------*/ -.container_12 { +.container_24 { margin-left: auto; margin-right: auto; width: 1920px; @@ -73,242 +73,242 @@ body { margin-right: 0; } -/* Grid >> 12 Columns +/* Grid >> 24 Columns ----------------------------------------------------------------------------------------------------*/ -.container_12 .grid_1 { +.container_24 .grid_1 { width: 140px; } -.container_12 .grid_2 { +.container_24 .grid_2 { width: 300px; } -.container_12 .grid_3 { +.container_24 .grid_3 { width: 460px; } -.container_12 .grid_4 { +.container_24 .grid_4 { width: 620px; } -.container_12 .grid_5 { +.container_24 .grid_5 { width: 780px; } -.container_12 .grid_6 { +.container_24 .grid_6 { width: 940px; } -.container_12 .grid_7 { +.container_24 .grid_7 { width: 1100px; } -.container_12 .grid_8 { +.container_24 .grid_8 { width: 1260px; } -.container_12 .grid_9 { +.container_24 .grid_9 { width: 1420px; } -.container_12 .grid_10 { +.container_24 .grid_10 { width: 1580px; } -.container_12 .grid_11 { +.container_24 .grid_11 { width: 1740px; } -.container_12 .grid_12 { +.container_24 .grid_12 { width: 1900px; } -/* Prefix Extra Space >> 12 Columns +/* Prefix Extra Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ -.container_12 .prefix_1 { +.container_24 .prefix_1 { padding-left: 160px; } -.container_12 .prefix_2 { +.container_24 .prefix_2 { padding-left: 320px; } -.container_12 .prefix_3 { +.container_24 .prefix_3 { padding-left: 480px; } -.container_12 .prefix_4 { +.container_24 .prefix_4 { padding-left: 640px; } -.container_12 .prefix_5 { +.container_24 .prefix_5 { padding-left: 800px; } -.container_12 .prefix_6 { +.container_24 .prefix_6 { padding-left: 960px; } -.container_12 .prefix_7 { +.container_24 .prefix_7 { padding-left: 1120px; } -.container_12 .prefix_8 { +.container_24 .prefix_8 { padding-left: 1280px; } -.container_12 .prefix_9 { +.container_24 .prefix_9 { padding-left: 1440px; } -.container_12 .prefix_10 { +.container_24 .prefix_10 { padding-left: 1600px; } -.container_12 .prefix_11 { +.container_24 .prefix_11 { padding-left: 1760px; } -/* Suffix Extra Space >> 12 Columns +/* Suffix Extra Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ -.container_12 .suffix_1 { +.container_24 .suffix_1 { padding-right: 160px; } -.container_12 .suffix_2 { +.container_24 .suffix_2 { padding-right: 320px; } -.container_12 .suffix_3 { +.container_24 .suffix_3 { padding-right: 480px; } -.container_12 .suffix_4 { +.container_24 .suffix_4 { padding-right: 640px; } -.container_12 .suffix_5 { +.container_24 .suffix_5 { padding-right: 800px; } -.container_12 .suffix_6 { +.container_24 .suffix_6 { padding-right: 960px; } -.container_12 .suffix_7 { +.container_24 .suffix_7 { padding-right: 1120px; } -.container_12 .suffix_8 { +.container_24 .suffix_8 { padding-right: 1280px; } -.container_12 .suffix_9 { +.container_24 .suffix_9 { padding-right: 1440px; } -.container_12 .suffix_10 { +.container_24 .suffix_10 { padding-right: 1600px; } -.container_12 .suffix_11 { +.container_24 .suffix_11 { padding-right: 1760px; } -/* Push Space >> 12 Columns +/* Push Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ -.container_12 .push_1 { +.container_24 .push_1 { left: 160px; } -.container_12 .push_2 { +.container_24 .push_2 { left: 320px; } -.container_12 .push_3 { +.container_24 .push_3 { left: 480px; } -.container_12 .push_4 { +.container_24 .push_4 { left: 640px; } -.container_12 .push_5 { +.container_24 .push_5 { left: 800px; } -.container_12 .push_6 { +.container_24 .push_6 { left: 960px; } -.container_12 .push_7 { +.container_24 .push_7 { left: 1120px; } -.container_12 .push_8 { +.container_24 .push_8 { left: 1280px; } -.container_12 .push_9 { +.container_24 .push_9 { left: 1440px; } -.container_12 .push_10 { +.container_24 .push_10 { left: 1600px; } -.container_12 .push_11 { +.container_24 .push_11 { left: 1760px; } -/* Pull Space >> 12 Columns +/* Pull Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ -.container_12 .pull_1 { +.container_24 .pull_1 { left: -160px; } -.container_12 .pull_2 { +.container_24 .pull_2 { left: -320px; } -.container_12 .pull_3 { +.container_24 .pull_3 { left: -480px; } -.container_12 .pull_4 { +.container_24 .pull_4 { left: -640px; } -.container_12 .pull_5 { +.container_24 .pull_5 { left: -800px; } -.container_12 .pull_6 { +.container_24 .pull_6 { left: -960px; } -.container_12 .pull_7 { +.container_24 .pull_7 { left: -1120px; } -.container_12 .pull_8 { +.container_24 .pull_8 { left: -1280px; } -.container_12 .pull_9 { +.container_24 .pull_9 { left: -1440px; } -.container_12 .pull_10 { +.container_24 .pull_10 { left: -1600px; } -.container_12 .pull_11 { +.container_24 .pull_11 { left: -1760px; } @@ -330,8 +330,8 @@ body { .clearfix:before, .clearfix:after, -.container_12:before, -.container_12:after { +.container_24:before, +.container_24:after { content: '.'; display: block; overflow: hidden; @@ -343,7 +343,7 @@ body { } .clearfix:after, -.container_12:after { +.container_24:after { clear: both; } @@ -353,6 +353,6 @@ body { */ .clearfix, -.container_12 { +.container_24 { zoom: 1; } \ No newline at end of file diff --git a/assets/css/col24/ltr/2520.css b/assets/css/col24/ltr/2520.css index 8045ce9..4083e2e 100644 --- a/assets/css/col24/ltr/2520.css +++ b/assets/css/col24/ltr/2520.css @@ -20,7 +20,7 @@ body { /* Containers ----------------------------------------------------------------------------------------------------*/ -.container_12 { +.container_24 { margin-left: auto; margin-right: auto; width: 2520px; @@ -73,243 +73,243 @@ body { margin-right: 0; } -/* Grid >> 12 Columns +/* Grid >> 24 Columns ----------------------------------------------------------------------------------------------------*/ -.container_12 .grid_1 { +.container_24 .grid_1 { width: 190px; } -.container_12 .grid_2 { +.container_24 .grid_2 { width: 400px; } -.container_12 .grid_3 { +.container_24 .grid_3 { width: 610px; } -.container_12 .grid_4 { +.container_24 .grid_4 { width: 820px; } -.container_12 .grid_5 { +.container_24 .grid_5 { width: 1030px; } -.container_12 .grid_6 { +.container_24 .grid_6 { width: 1240px; } -.container_12 .grid_7 { +.container_24 .grid_7 { width: 1450px; } -.container_12 .grid_8 { +.container_24 .grid_8 { width: 1660px; } -.container_12 .grid_9 { +.container_24 .grid_9 { width: 1870px; } -.container_12 .grid_10 { +.container_24 .grid_10 { width: 2080px; } -.container_12 .grid_11 { +.container_24 .grid_11 { width: 2290px; } -.container_12 .grid_12 { +.container_24 .grid_12 { width: 2500px; } -/* Prefix Extra Space >> 12 Columns +/* Prefix Extra Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ -.container_12 .prefix_1 { +.container_24 .prefix_1 { padding-left: 210px; } -.container_12 .prefix_2 { +.container_24 .prefix_2 { padding-left: 420px; } -.container_12 .prefix_3 { +.container_24 .prefix_3 { padding-left: 630px; } -.container_12 .prefix_4 { +.container_24 .prefix_4 { padding-left: 840px; } -.container_12 .prefix_5 { +.container_24 .prefix_5 { padding-left: 1050px; } -.container_12 .prefix_6 { +.container_24 .prefix_6 { padding-left: 1260px; } -.container_12 .prefix_7 { +.container_24 .prefix_7 { padding-left: 1470px; } -.container_12 .prefix_8 { +.container_24 .prefix_8 { padding-left: 1680px; } -.container_12 .prefix_9 { +.container_24 .prefix_9 { padding-left: 1890px; } -.container_12 .prefix_10 { +.container_24 .prefix_10 { padding-left: 2100px; } -.container_12 .prefix_11 { +.container_24 .prefix_11 { padding-left: 2310px; } -/* Suffix Extra Space >> 12 Columns +/* Suffix Extra Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ -.container_12 .suffix_1 { +.container_24 .suffix_1 { padding-right: 210px; } -.container_12 .suffix_2 { +.container_24 .suffix_2 { padding-right: 420px; } -.container_12 .suffix_3 { +.container_24 .suffix_3 { padding-right: 630px; } -.container_12 .suffix_4 { +.container_24 .suffix_4 { padding-right: 840px; } -.container_12 .suffix_5 { +.container_24 .suffix_5 { padding-right: 1050px; } -.container_12 .suffix_6 { +.container_24 .suffix_6 { padding-right: 1260px; } -.container_12 .suffix_7 { +.container_24 .suffix_7 { padding-right: 1470px; } -.container_12 .suffix_8 { +.container_24 .suffix_8 { padding-right: 1680px; } -.container_12 .suffix_9 { +.container_24 .suffix_9 { padding-right: 1890px; } -.container_12 .suffix_10 { +.container_24 .suffix_10 { padding-right: 2100px; } -.container_12 .suffix_11 { +.container_24 .suffix_11 { padding-right: 2310px; } -/* Push Space >> 12 Columns +/* Push Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ -.container_12 .push_1 { +.container_24 .push_1 { left: 210px; } -.container_12 .push_2 { +.container_24 .push_2 { left: 420px; } -.container_12 .push_3 { +.container_24 .push_3 { left: 630px; } -.container_12 .push_4 { +.container_24 .push_4 { left: 840px; } -.container_12 .push_5 { +.container_24 .push_5 { left: 1050px; } -.container_12 .push_6 { +.container_24 .push_6 { left: 1260px; } -.container_12 .push_7 { +.container_24 .push_7 { left: 1470px; } -.container_12 .push_8 { +.container_24 .push_8 { left: 1680px; } -.container_12 .push_9 { +.container_24 .push_9 { left: 1890px; } -.container_12 .push_10 { +.container_24 .push_10 { left: 2100px; } -.container_12 .push_11 { +.container_24 .push_11 { left: 2310px; } -/* Pull Space >> 12 Columns +/* Pull Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ -.container_12 .pull_1 { +.container_24 .pull_1 { left: -210px; } -.container_12 .pull_2 { +.container_24 .pull_2 { left: -420px; } -.container_12 .pull_3 { +.container_24 .pull_3 { left: -630px; } -.container_12 .pull_4 { +.container_24 .pull_4 { left: -840px; } -.container_12 .pull_5 { +.container_24 .pull_5 { left: -1050px; } -.container_12 .pull_6 { +.container_24 .pull_6 { left: -1260px; } -.container_12 .pull_7 { +.container_24 .pull_7 { left: -1470px; } -.container_12 .pull_8 { +.container_24 .pull_8 { left: -1680px; } -.container_12 .pull_9 { +.container_24 .pull_9 { left: -1890px; } -.container_12 .pull_10 { +.container_24 .pull_10 { left: -2100px; } -.container_12 .pull_11 { +.container_24 .pull_11 { left: -2310px; } @@ -331,8 +331,8 @@ body { .clearfix:before, .clearfix:after, -.container_12:before, -.container_12:after { +.container_24:before, +.container_24:after { content: '.'; display: block; overflow: hidden; @@ -344,7 +344,7 @@ body { } .clearfix:after, -.container_12:after { +.container_24:after { clear: both; } @@ -354,6 +354,6 @@ body { */ .clearfix, -.container_12 { +.container_24 { zoom: 1; } \ No newline at end of file diff --git a/assets/css/col24/ltr/720.css b/assets/css/col24/ltr/720.css index ba66200..2f561d2 100755 --- a/assets/css/col24/ltr/720.css +++ b/assets/css/col24/ltr/720.css @@ -20,7 +20,7 @@ body { /* `Containers ----------------------------------------------------------------------------------------------------*/ -.container_12 { +.container_24 { margin-left: auto; margin-right: auto; width: 720px; @@ -40,11 +40,23 @@ body { .grid_9, .grid_10, .grid_11, -.grid_12 { +.grid_12, +.grid_13, +.grid_14, +.grid_15, +.grid_16, +.grid_17, +.grid_18, +.grid_19, +.grid_20, +.grid_21, +.grid_22, +.grid_23, +.grid_24 { display: inline; float: left; - margin-left: 10px; - margin-right: 10px; + margin-left: 3.75px; + margin-right: 3.75px; } .push_1, .pull_1, @@ -57,7 +69,20 @@ body { .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, -.push_11, .pull_11 { +.push_11, .pull_11, +.push_12, .pull_12, +.push_13, .pull_13, +.push_14, .pull_14, +.push_15, .pull_15, +.push_16, .pull_16, +.push_17, .pull_17, +.push_18, .pull_18, +.push_19, .pull_19, +.push_20, .pull_20, +.psuh_21, .pull_21, +.push_22, .pull_22, +.push_23, .pull_23, +.push_24, .pull_24 { position: relative; } @@ -72,243 +97,292 @@ body { margin-right: 0; } -/* `Grid >> 12 Columns +/* `Grid >> 24 Columns ----------------------------------------------------------------------------------------------------*/ -.container_12 .grid_1 { - width: 40px; +.container_24 .grid_1 { + width: 22.5px; } -.container_12 .grid_2 { - width: 100px; +.container_24 .grid_2 { + width: 52.5px; } -.container_12 .grid_3 { - width: 160px; +.container_24 .grid_3 { + width: 82.5px; } -.container_12 .grid_4 { - width: 220px; +.container_24 .grid_4 { + width: 112.5px; } -.container_12 .grid_5 { - width: 280px; +.container_24 .grid_5 { + width: 142.5px; } -.container_12 .grid_6 { - width: 340px; +.container_24 .grid_6 { + width: 172.5px; } -.container_12 .grid_7 { - width: 400px; +.container_24 .grid_7 { + width: 202.5px; } -.container_12 .grid_8 { - width: 460px; +.container_24 .grid_8 { + width: 232.5px; } -.container_12 .grid_9 { - width: 520px; +.container_24 .grid_9 { + width: 262.5px; } -.container_12 .grid_10 { - width: 580px; +.container_24 .grid_10 { + width: 292.5px; } -.container_12 .grid_11 { - width: 640px; +.container_24 .grid_11 { + width: 322.5px; } -.container_12 .grid_12 { - width: 700px; +.container_24 .grid_12 { + width: 352.5px; } -/* `Prefix Extra Space >> 12 Columns +.container_24 .grid_13{ + width: 382.5px; +} + +.container_24 .grid_14 { + width: 412.5px; +} + +.container_24 .grid_15 { + width: 442.5px; +} + +.container_24 .grid_16 { + width: 472.5px; +} + +.container_24 .grid_17 { + width: 502.5px; +} + +.container_24 .grid_18 { + width: 532.5px; +} + +.container_24 .grid_19 { + width: 562.5px; +} + +.container_24 .grid_20 { + width: 592.5px; +} + +.container_24 .grid_21 { + width: 622.5px; +} + +.container_24 .grid_22 { + width: 652.5px; +} + +.container_24 .grid_23 { + width: 682.5px; +} + +.container_24 .grid_24 { + width: 712.5px; +} + + +/* `Prefix Extra Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ -.container_12 .prefix_1 { - padding-left: 60px; +.container_24 .prefix_1 { + padding-left: 30px; } -.container_12 .prefix_2 { - padding-left: 120px; +.container_24 .prefix_2 { + padding-left: 60px; } -.container_12 .prefix_3 { - padding-left: 180px; +.container_24 .prefix_3 { + padding-left: 90px; } -.container_12 .prefix_4 { - padding-left: 240px; +.container_24 .prefix_4 { + padding-left: 120px; } -.container_12 .prefix_5 { - padding-left: 300px; +.container_24 .prefix_5 { + padding-left: 150px; } -.container_12 .prefix_6 { - padding-left: 360px; +.container_24 .prefix_6 { + padding-left: 180px; } -.container_12 .prefix_7 { - padding-left: 420px; +.container_24 .prefix_7 { + padding-left: 210px; } -.container_12 .prefix_8 { - padding-left: 480px; +.container_24 .prefix_8 { + padding-left: 240px; } -.container_12 .prefix_9 { - padding-left: 540px; +.container_24 .prefix_9 { + padding-left: 270px; } -.container_12 .prefix_10 { - padding-left: 600px; +.container_24 .prefix_10 { + padding-left: 300px; } -.container_12 .prefix_11 { - padding-left: 660px; +.container_24 .prefix_11 { + padding-left: 330px; } -/* `Suffix Extra Space >> 12 Columns +/* `Suffix Extra Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ -.container_12 .suffix_1 { - padding-right: 60px; +.container_24 .suffix_1 { + padding-right: 30px; } -.container_12 .suffix_2 { - padding-right: 120px; +.container_24 .suffix_2 { + padding-right: 60px; } -.container_12 .suffix_3 { - padding-right: 180px; +.container_24 .suffix_3 { + padding-right: 90px; } -.container_12 .suffix_4 { - padding-right: 240px; +.container_24 .suffix_4 { + padding-right: 120px; } -.container_12 .suffix_5 { - padding-right: 300px; +.container_24 .suffix_5 { + padding-right: 150px; } -.container_12 .suffix_6 { - padding-right: 360px; +.container_24 .suffix_6 { + padding-right: 180px; } -.container_12 .suffix_7 { - padding-right: 420px; +.container_24 .suffix_7 { + padding-right: 210px; } -.container_12 .suffix_8 { - padding-right: 480px; +.container_24 .suffix_8 { + padding-right: 240px; } -.container_12 .suffix_9 { - padding-right: 540px; +.container_24 .suffix_9 { + padding-right: 270px; } -.container_12 .suffix_10 { - padding-right: 600px; +.container_24 .suffix_10 { + padding-right: 300px; } -.container_12 .suffix_11 { - padding-right: 660px; +.container_24 .suffix_11 { + padding-right: 330px; } -/* `Push Space >> 12 Columns +/* `Push Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ -.container_12 .push_1 { - left: 60px; +.container_24 .push_1 { + left: 30px; } -.container_12 .push_2 { - left: 120px; +.container_24 .push_2 { + left: 60px; } -.container_12 .push_3 { - left: 180px; +.container_24 .push_3 { + left: 90px; } -.container_12 .push_4 { - left: 240px; +.container_24 .push_4 { + left: 120px; } -.container_12 .push_5 { - left: 300px; +.container_24 .push_5 { + left: 150px; } -.container_12 .push_6 { - left: 360px; +.container_24 .push_6 { + left: 180px; } -.container_12 .push_7 { - left: 420px; +.container_24 .push_7 { + left: 210px; } -.container_12 .push_8 { - left: 480px; +.container_24 .push_8 { + left: 240px; } -.container_12 .push_9 { - left: 540px; +.container_24 .push_9 { + left: 270px; } -.container_12 .push_10 { - left: 600px; +.container_24 .push_10 { + left: 300px; } -.container_12 .push_11 { - left: 660px; +.container_24 .push_11 { + left: 330px; } -/* `Pull Space >> 12 Columns +/* `Pull Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ -.container_12 .pull_1 { - left: -60px; +.container_24 .pull_1 { + left: -30px; } -.container_12 .pull_2 { - left: -120px; +.container_24 .pull_2 { + left: -60px; } -.container_12 .pull_3 { - left: -180px; +.container_24 .pull_3 { + left: -90px; } -.container_12 .pull_4 { - left: -240px; +.container_24 .pull_4 { + left: -120px; } -.container_12 .pull_5 { - left: -300px; +.container_24 .pull_5 { + left: -150px; } -.container_12 .pull_6 { - left: -360px; +.container_24 .pull_6 { + left: -180px; } -.container_12 .pull_7 { - left: -420px; +.container_24 .pull_7 { + left: -210px; } -.container_12 .pull_8 { - left: -480px; +.container_24 .pull_8 { + left: -240px; } -.container_12 .pull_9 { - left: -540px; +.container_24 .pull_9 { + left: -270px; } -.container_12 .pull_10 { - left: -600px; +.container_24 .pull_10 { + left: -300px; } -.container_12 .pull_11 { - left: -660px; +.container_24 .pull_11 { + left: -330px; } /* `Clear Floated Elements @@ -329,8 +403,8 @@ body { .clearfix:before, .clearfix:after, -.container_12:before, -.container_12:after { +.container_24:before, +.container_24:after { content: '.'; display: block; overflow: hidden; @@ -342,7 +416,7 @@ body { } .clearfix:after, -.container_12:after { +.container_24:after { clear: both; } @@ -352,6 +426,6 @@ body { */ .clearfix, -.container_12 { +.container_24 { zoom: 1; -} \ No newline at end of file +} diff --git a/assets/css/col24/ltr/960.css b/assets/css/col24/ltr/960.css old mode 100644 new mode 100755 index bdb7324..6c97634 --- a/assets/css/col24/ltr/960.css +++ b/assets/css/col24/ltr/960.css @@ -17,10 +17,10 @@ body { min-width: 960px; } -/* `Containers +/* `Container ----------------------------------------------------------------------------------------------------*/ -.container_12 { +.container_24 { margin-left: auto; margin-right: auto; width: 960px; @@ -40,11 +40,23 @@ body { .grid_9, .grid_10, .grid_11, -.grid_12 { +.grid_12, +.grid_13, +.grid_14, +.grid_15, +.grid_16, +.grid_17, +.grid_18, +.grid_19, +.grid_20, +.grid_21, +.grid_22, +.grid_23, +.grid_24 { display: inline; float: left; - margin-left: 10px; - margin-right: 10px; + margin-left: 5px; + margin-right: 5px; } .push_1, .pull_1, @@ -57,7 +69,19 @@ body { .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, -.push_11, .pull_11 { +.push_11, .pull_11, +.push_12, .pull_12, +.push_13, .pull_13, +.push_14, .pull_14, +.push_15, .pull_15, +.push_16, .pull_16, +.push_17, .pull_17, +.push_18, .pull_18, +.push_19, .pull_19, +.push_20, .pull_20, +.push_21, .pull_21, +.push_22, .pull_22, +.push_23, .pull_23 { position: relative; } @@ -72,245 +96,485 @@ body { margin-right: 0; } -/* `Grid >> 12 Columns +/* `Grid >> 24 Columns ----------------------------------------------------------------------------------------------------*/ -.container_12 .grid_1 { - width: 60px; +.container_24 .grid_1 { + width: 30px; } -.container_12 .grid_2 { - width: 140px; +.container_24 .grid_2 { + width: 70px; } -.container_12 .grid_3 { - width: 220px; +.container_24 .grid_3 { + width: 110px; } -.container_12 .grid_4 { - width: 300px; +.container_24 .grid_4 { + width: 150px; } -.container_12 .grid_5 { - width: 380px; +.container_24 .grid_5 { + width: 190px; } -.container_12 .grid_6 { - width: 460px; +.container_24 .grid_6 { + width: 230px; } -.container_12 .grid_7 { - width: 540px; +.container_24 .grid_7 { + width: 270px; } -.container_12 .grid_8 { - width: 620px; +.container_24 .grid_8 { + width: 310px; } -.container_12 .grid_9 { - width: 700px; +.container_24 .grid_9 { + width: 350px; } -.container_12 .grid_10 { - width: 780px; +.container_24 .grid_10 { + width: 390px; } -.container_12 .grid_11 { - width: 860px; +.container_24 .grid_11 { + width: 430px; } -.container_12 .grid_12 { - width: 940px; +.container_24 .grid_12 { + width: 470px; } -/* `Prefix Extra Space >> 12 Columns +.container_24 .grid_13 { + width: 510px; +} + +.container_24 .grid_14 { + width: 550px; +} + +.container_24 .grid_15 { + width: 590px; +} + +.container_24 .grid_16 { + width: 630px; +} + +.container_24 .grid_17 { + width: 670px; +} + +.container_24 .grid_18 { + width: 710px; +} + +.container_24 .grid_19 { + width: 750px; +} + +.container_24 .grid_20 { + width: 790px; +} + +.container_24 .grid_21 { + width: 830px; +} + +.container_24 .grid_22 { + width: 870px; +} + +.container_24 .grid_23 { + width: 910px; +} + +.container_24 .grid_24 { + width: 950px; +} + +/* `Prefix Extra Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ -.container_12 .prefix_1 { +.container_24 .prefix_1 { + padding-left: 40px; +} + +.container_24 .prefix_2 { padding-left: 80px; } -.container_12 .prefix_2 { +.container_24 .prefix_3 { + padding-left: 120px; +} + +.container_24 .prefix_4 { padding-left: 160px; } -.container_12 .prefix_3 { +.container_24 .prefix_5 { + padding-left: 200px; +} + +.container_24 .prefix_6 { padding-left: 240px; } -.container_12 .prefix_4 { +.container_24 .prefix_7 { + padding-left: 280px; +} + +.container_24 .prefix_8 { padding-left: 320px; } -.container_12 .prefix_5 { +.container_24 .prefix_9 { + padding-left: 360px; +} + +.container_24 .prefix_10 { padding-left: 400px; } -.container_12 .prefix_6 { +.container_24 .prefix_11 { + padding-left: 440px; +} + +.container_24 .prefix_12 { padding-left: 480px; } -.container_12 .prefix_7 { +.container_24 .prefix_13 { + padding-left: 520px; +} + +.container_24 .prefix_14 { padding-left: 560px; } -.container_12 .prefix_8 { +.container_24 .prefix_15 { + padding-left: 600px; +} + +.container_24 .prefix_16 { padding-left: 640px; } -.container_12 .prefix_9 { +.container_24 .prefix_17 { + padding-left: 680px; +} + +.container_24 .prefix_18 { padding-left: 720px; } -.container_12 .prefix_10 { +.container_24 .prefix_19 { + padding-left: 760px; +} + +.container_24 .prefix_20 { padding-left: 800px; } -.container_12 .prefix_11 { +.container_24 .prefix_21 { + padding-left: 840px; +} + +.container_24 .prefix_22 { padding-left: 880px; } -/* `Suffix Extra Space >> 12 Columns +.container_24 .prefix_23 { + padding-left: 920px; +} + +/* `Suffix Extra Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ -.container_12 .suffix_1 { +.container_24 .suffix_1 { + padding-right: 40px; +} + +.container_24 .suffix_2 { padding-right: 80px; } -.container_12 .suffix_2 { +.container_24 .suffix_3 { + padding-right: 120px; +} + +.container_24 .suffix_4 { padding-right: 160px; } -.container_12 .suffix_3 { +.container_24 .suffix_5 { + padding-right: 200px; +} + +.container_24 .suffix_6 { padding-right: 240px; } -.container_12 .suffix_4 { +.container_24 .suffix_7 { + padding-right: 280px; +} + +.container_24 .suffix_8 { padding-right: 320px; } -.container_12 .suffix_5 { +.container_24 .suffix_9 { + padding-right: 360px; +} + +.container_24 .suffix_10 { padding-right: 400px; } -.container_12 .suffix_6 { +.container_24 .suffix_11 { + padding-right: 440px; +} + +.container_24 .suffix_12 { padding-right: 480px; } -.container_12 .suffix_7 { +.container_24 .suffix_13 { + padding-right: 520px; +} + +.container_24 .suffix_14 { padding-right: 560px; } -.container_12 .suffix_8 { +.container_24 .suffix_15 { + padding-right: 600px; +} + +.container_24 .suffix_16 { padding-right: 640px; } -.container_12 .suffix_9 { +.container_24 .suffix_17 { + padding-right: 680px; +} + +.container_24 .suffix_18 { padding-right: 720px; } -.container_12 .suffix_10 { +.container_24 .suffix_19 { + padding-right: 760px; +} + +.container_24 .suffix_20 { padding-right: 800px; } -.container_12 .suffix_11 { +.container_24 .suffix_21 { + padding-right: 840px; +} + +.container_24 .suffix_22 { padding-right: 880px; } -/* `Push Space >> 12 Columns +.container_24 .suffix_23 { + padding-right: 920px; +} + +/* `Push Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ -.container_12 .push_1 { +.container_24 .push_1 { + left: 40px; +} + +.container_24 .push_2 { left: 80px; } -.container_12 .push_2 { +.container_24 .push_3 { + left: 120px; +} + +.container_24 .push_4 { left: 160px; } -.container_12 .push_3 { +.container_24 .push_5 { + left: 200px; +} + +.container_24 .push_6 { left: 240px; } -.container_12 .push_4 { +.container_24 .push_7 { + left: 280px; +} + +.container_24 .push_8 { left: 320px; } -.container_12 .push_5 { +.container_24 .push_9 { + left: 360px; +} + +.container_24 .push_10 { left: 400px; } -.container_12 .push_6 { +.container_24 .push_11 { + left: 440px; +} + +.container_24 .push_12 { left: 480px; } -.container_12 .push_7 { +.container_24 .push_13 { + left: 520px; +} + +.container_24 .push_14 { left: 560px; } -.container_12 .push_8 { +.container_24 .push_15 { + left: 600px; +} + +.container_24 .push_16 { left: 640px; } -.container_12 .push_9 { +.container_24 .push_17 { + left: 680px; +} + +.container_24 .push_18 { left: 720px; } -.container_12 .push_10 { +.container_24 .push_19 { + left: 760px; +} + +.container_24 .push_20 { left: 800px; } -.container_12 .push_11 { +.container_24 .push_21 { + left: 840px; +} + +.container_24 .push_22 { left: 880px; } -/* `Pull Space >> 12 Columns +.container_24 .push_23 { + left: 920px; +} + +/* `Pull Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ -.container_12 .pull_1 { +.container_24 .pull_1 { + left: -40px; +} + +.container_24 .pull_2 { left: -80px; } -.container_12 .pull_2 { +.container_24 .pull_3 { + left: -120px; +} + +.container_24 .pull_4 { left: -160px; } -.container_12 .pull_3 { +.container_24 .pull_5 { + left: -200px; +} + +.container_24 .pull_6 { left: -240px; } -.container_12 .pull_4 { +.container_24 .pull_7 { + left: -280px; +} + +.container_24 .pull_8 { left: -320px; } -.container_12 .pull_5 { +.container_24 .pull_9 { + left: -360px; +} + +.container_24 .pull_10 { left: -400px; } -.container_12 .pull_6 { +.container_24 .pull_11 { + left: -440px; +} + +.container_24 .pull_12 { left: -480px; } -.container_12 .pull_7 { +.container_24 .pull_13 { + left: -520px; +} + +.container_24 .pull_14 { left: -560px; } -.container_12 .pull_8 { +.container_24 .pull_15 { + left: -600px; +} + +.container_24 .pull_16 { left: -640px; } -.container_12 .pull_9 { +.container_24 .pull_17 { + left: -680px; +} + +.container_24 .pull_18 { left: -720px; } -.container_12 .pull_10 { +.container_24 .pull_19 { + left: -760px; +} + +.container_24 .pull_20 { left: -800px; } -.container_12 .pull_11 { +.container_24 .pull_21 { + left: -840px; +} + +.container_24 .pull_22 { left: -880px; } +.container_24 .pull_23 { + left: -920px; +} + /* `Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ @@ -329,8 +593,8 @@ body { .clearfix:before, .clearfix:after, -.container_12:before, -.container_12:after { +.container_24:before, +.container_24:after { content: '.'; display: block; overflow: hidden; @@ -342,7 +606,7 @@ body { } .clearfix:after, -.container_12:after { +.container_24:after { clear: both; } @@ -352,6 +616,6 @@ body { */ .clearfix, -.container_12 { +.container_24 { zoom: 1; } \ No newline at end of file diff --git a/assets/css/col24/ltr/mobile.css b/assets/css/col24/ltr/mobile.css index 1351cf2..3163060 100644 --- a/assets/css/col24/ltr/mobile.css +++ b/assets/css/col24/ltr/mobile.css @@ -9,7 +9,19 @@ .grid_9, .grid_10, .grid_11, -.grid_12 { +.grid_12, +.grid_13, +.grid_14, +.grid_15, +.grid_16, +.grid_17, +.grid_18, +.grid_19, +.grid_20, +.grid_21, +.grid_22 +.grid_23, +.grid_24 { margin-left: 10px; margin-right: 10px; } @@ -23,4 +35,4 @@ .align_center, .align_right { text-align: left; -} \ No newline at end of file +} From 2cc2b7acf2ab0e62ee5497c5a17d2ca75e65e9e2 Mon Sep 17 00:00:00 2001 From: Adam Wright Date: Thu, 30 Jan 2014 11:18:01 -0500 Subject: [PATCH 7/9] added correct 24 grid ltr sizes for 1920 1200px --- assets/css/col24/ltr/1560.css | 177 ++++++++++++++++++++++++++++------ assets/css/col24/ltr/1920.css | 100 ++++++++++++++++--- 2 files changed, 235 insertions(+), 42 deletions(-) diff --git a/assets/css/col24/ltr/1560.css b/assets/css/col24/ltr/1560.css index 5d208e1..d8b5ef5 100755 --- a/assets/css/col24/ltr/1560.css +++ b/assets/css/col24/ltr/1560.css @@ -40,11 +40,23 @@ body { .grid_9, .grid_10, .grid_11, -.grid_12 { +.grid_12, +.grid_13, +.grid_14, +.grid_15, +.grid_16, +.grid_17, +.grid_18, +.grid_19, +.grid_20, +.grid_21, +.grid_22, +.grid_23, +.grid_24 { display: inline; float: left; - margin-left: 10px; - margin-right: 10px; + margin-left: 8.124px; + margin-right: 8.125px; } .push_1, .pull_1, @@ -57,7 +69,20 @@ body { .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, -.push_11, .pull_11 { +.push_11, .pull_11, +.push_12, .pull_12, +.push_13, .pull_13, +.push_14, .pull_14, +.push_15, .pull_15, +.push_16, .pull_16, +.push_17, .pull_17, +.push_18, .pull_18, +.push_19, .pull_19, +.push_20, .pull_20, +.push_21, .pull_21, +.push_22, .pull_22, +.push_23, .pull_23, +.push_24, .pull_24 { position: relative; } @@ -76,98 +101,194 @@ body { ----------------------------------------------------------------------------------------------------*/ .container_24 .grid_1 { - width: 110px; + width: 48.75px; } .container_24 .grid_2 { - width: 240px; + width: 113.75px; } .container_24 .grid_3 { - width: 370px; + width: 178.75px; } .container_24 .grid_4 { - width: 500px; + width: 243.75px; } .container_24 .grid_5 { - width: 630px; + width: 308.75px; } .container_24 .grid_6 { - width: 760px; + width: 373.75px; } .container_24 .grid_7 { - width: 890px; + width: 438.75px; } .container_24 .grid_8 { - width: 1020px; + width: 503.75px; } .container_24 .grid_9 { - width: 1150px; + width: 568.75px; } .container_24 .grid_10 { - width: 1280px; + width: 633.75px; } .container_24 .grid_11 { - width: 1410px; + width: 698.75px; } .container_24 .grid_12 { - width: 1540px; + width: 763.75px; +} + +.container_24 .grid_13 { + width: 828.75px; +} + +.container_24 .grid_14 { + width: 893.75px; +} + +.container_24 .grid_15 { + width: 958.75px; +} + +.container_24 .grid_16 { + width: 1023.75px; +} + +.container_24 .grid_17 { + width: 1088.75px; +} + +.container_24 .grid_18 { + width: 1153.75px; +} + +.container_24 .grid_19 { + width: 1218.75px; +} + +.container_24 .grid_20 { + width: 1283.75px; +} + +.container_24 .grid_21 { + width: 1348.75px; +} + +.container_24 .grid_22 { + width: 1413.75px; +} + +.container_24 .grid_23 { + width: 1478.75px; +} + +.container_24 .grid_24 { + width: 1543.75px; } /* `Prefix Extra Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ .container_24 .prefix_1 { - padding-left: 130px; + padding-left: 48.73px; } .container_24 .prefix_2 { - padding-left: 260px; + padding-left: 113.75px; } .container_24 .prefix_3 { - padding-left: 390px; + padding-left: 178.75px; } .container_24 .prefix_4 { - padding-left: 520px; + padding-left: 243.75px; } .container_24 .prefix_5 { - padding-left: 650px; + padding-left: 308.75px; } .container_24 .prefix_6 { - padding-left: 780px; + padding-left: 373.75px; } .container_24 .prefix_7 { - padding-left: 910px; + padding-left: 438.75px; } .container_24 .prefix_8 { - padding-left: 1040px; + padding-left: 503.75px; } .container_24 .prefix_9 { - padding-left: 1170px; + padding-left: 568.75px; } .container_24 .prefix_10 { - padding-left: 1300px; + padding-left: 633.75px; } .container_24 .prefix_11 { - padding-left: 1430px; + padding-left: 698.75px; +} + +.container_24 .prefix_12 { + padding-left: 763.75px; +} + +.container_24 .prefix_13 { + padding-left: 828.75px; +} + +.container_24 .prefix_14 { + padding-left: 893.75px; +} + +.container_24 .prefix_15 { + padding-left: 958.75px; +} + +.container_24 .prefix_16 { + padding-left: 1023.75px; +} + +.container_24 .prefix_17 { + padding-left: 1088.75px; +} + +.container_24 .prefix_18 { + padding-left: 1153.75px; +} + +.container_24 .prefix_19 { + padding-left: 1218.75px; +} + +.container_24 .prefix_20 { + padding-left: 1283.75px; +} + +.container_24 .prefix_21 { + padding-left: 1348.75px; +} + +.container_24 .prefix_22 { + padding-left: 1413.75px; +} + +.container_24 .prefix_23 { + padding-left: 1478.75px; } /* `Suffix Extra Space >> 24 Columns @@ -354,4 +475,4 @@ body { .clearfix, .container_24 { zoom: 1; -} \ No newline at end of file +} diff --git a/assets/css/col24/ltr/1920.css b/assets/css/col24/ltr/1920.css index 830bdb5..3f4066a 100644 --- a/assets/css/col24/ltr/1920.css +++ b/assets/css/col24/ltr/1920.css @@ -40,7 +40,19 @@ body { .grid_9, .grid_10, .grid_11, -.grid_12 { +.grid_12, +.grid_13, +.grid_14, +.grid_15, +.grid_16, +.grid_17, +.grid_18, +.grid_19, +.grid_20, +.grid_21, +.grid_22, +.grid_23, +.grid_24 { display: inline; float: left; margin-left: 10px; @@ -58,7 +70,19 @@ body { .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, -.push_12, .pull_12 { +.push_12, .pull_12, +.push_13, .pull_13, +.push_14, .pull_14, +.push_15, .pull_15, +.push_16, .pull_16, +.push_17, .pull_17, +.push_18, .pull_18, +.push_19, .pull_19, +.push_20, .pull_20, +.push_21, .pull_21, +.push_22, .pull_22, +.push_23, .pull_23, +.push_24, .pull_24 { position: relative; } @@ -77,50 +101,98 @@ body { ----------------------------------------------------------------------------------------------------*/ .container_24 .grid_1 { - width: 140px; + width: 60px; } .container_24 .grid_2 { - width: 300px; + width: 140px; } .container_24 .grid_3 { - width: 460px; + width: 220px; } .container_24 .grid_4 { - width: 620px; + width: 300px; } .container_24 .grid_5 { - width: 780px; + width: 380px; } .container_24 .grid_6 { - width: 940px; + width: 460px; } .container_24 .grid_7 { - width: 1100px; + width: 540px; } .container_24 .grid_8 { - width: 1260px; + width: 620px; } .container_24 .grid_9 { - width: 1420px; + width: 700px; } .container_24 .grid_10 { - width: 1580px; + width: 780px; } .container_24 .grid_11 { - width: 1740px; + width: 860px; } .container_24 .grid_12 { + width: 940px; +} + +.container_24 .grid_13 { + width: 1020px; +} + +.container_24 .grid_14 { + width: 1100px; +} + +.container_24 .grid_15 { + width: 1180px; +} + +.container_24 .grid_16 { + width: 1260px; +} + +.container_24 .grid_17 { + width: 1340px; +} + +.container_24 .grid_18 { + width: 1420px; +} + +.container_24 .grid_19 { + width: 1500px; +} + +.container_24 .grid_20 { + width: 1580px; +} + +.container_24 .grid_21 { + width: 1660px; +} + +.container_24 .grid_22 { + width: 1740px; +} + +.container_24 .grid_23 { + width: 1820px; +} + +.container_24 .grid_24 { width: 1900px; } @@ -355,4 +427,4 @@ body { .clearfix, .container_24 { zoom: 1; -} \ No newline at end of file +} From 02db042eeec5a68e1cbed261a64c78016d6179b5 Mon Sep 17 00:00:00 2001 From: Adam Wright Date: Thu, 30 Jan 2014 13:39:55 -0500 Subject: [PATCH 8/9] added contributor to readme --- README.txt | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/README.txt b/README.txt index e26bd26..87b236d 100644 --- a/README.txt +++ b/README.txt @@ -1,4 +1,4 @@ -ADAPT.JS - ADAPTIVE CSS - 12, 16, and 24 column support; and LTR, RTL +ADAPT.JS - ADAPTIVE CSS ===== @@ -12,6 +12,15 @@ Feel free to use it however you like. :) ===== +Contributor: Adam Wright (Ontario Institute for Cancer Research + email: adam.wright@oicr.on.ca + adam.j.wright82@gmail.com + + - Added 16 and 14 Column Support + - Added RTL support + +===== + Thanks to: - Tiff Fehr, for offering feedback when this was just a gist. From c6e0254d55619e45a589d6db288fae43c2721321 Mon Sep 17 00:00:00 2001 From: Adam Wright Date: Thu, 30 Jan 2014 13:41:30 -0500 Subject: [PATCH 9/9] Fixed stuff --- README.txt | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.txt b/README.txt index 87b236d..c37f4e2 100644 --- a/README.txt +++ b/README.txt @@ -12,8 +12,8 @@ Feel free to use it however you like. :) ===== -Contributor: Adam Wright (Ontario Institute for Cancer Research - email: adam.wright@oicr.on.ca +Contributor: Adam Wright - Ontario Institute for Cancer Research + Email: adam.wright@oicr.on.ca adam.j.wright82@gmail.com - Added 16 and 14 Column Support