From 405ec0340aee31ad31efb1c89a4caf7da2c782f0 Mon Sep 17 00:00:00 2001 From: Adam Schweigert Date: Wed, 20 Jun 2012 17:10:08 -0400 Subject: [PATCH 01/13] update readme --- readme.txt | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/readme.txt b/readme.txt index ea6ae3b87..f02372380 100644 --- a/readme.txt +++ b/readme.txt @@ -3,4 +3,5 @@ * By the Argo team, http://argoproject.org/ == ABOUT ARGO == -Argo is a feature-rich starter theme designed as a foundation to extend or use in conjunction with an Argo child theme. For more information on the the theme and people behind it visit: http://argoproject.org/ \ No newline at end of file +Argo is a feature-rich starter theme designed as a foundation to extend or use in conjunction with an Argo child theme. For more information on the the theme and people behind it visit: http://argoproject.org/ + From 22528aeb4dac131e19bc737986dce72c232a6476 Mon Sep 17 00:00:00 2001 From: Adam Schweigert Date: Fri, 22 Jun 2012 00:10:51 -0400 Subject: [PATCH 02/13] first go at adding adapt.js http://adapt.960.gs/ --- content-page.php | 2 +- css/1200.css | 357 ++++++++++++++++++++++++++++++++++++++++++++ css/1200.min.css | 1 + css/1560.css | 357 ++++++++++++++++++++++++++++++++++++++++++++ css/1560.min.css | 1 + css/1920.css | 358 ++++++++++++++++++++++++++++++++++++++++++++ css/1920.min.css | 1 + css/2520.css | 359 +++++++++++++++++++++++++++++++++++++++++++++ css/2520.min.css | 1 + css/720.css | 357 ++++++++++++++++++++++++++++++++++++++++++++ css/720.min.css | 1 + css/960.min.css | 1 + css/master.css | 120 +++++++++++++++ css/mobile.css | 26 ++++ css/mobile.min.css | 1 + css/reset.css | 207 ++++++++++++++++++++++++++ css/text.css | 81 ++++++++++ header.php | 359 +++++++++++++++++++++++++-------------------- js/adapt.js | 145 ++++++++++++++++++ js/adapt.min.js | 1 + 20 files changed, 2573 insertions(+), 163 deletions(-) create mode 100644 css/1200.css create mode 100644 css/1200.min.css create mode 100644 css/1560.css create mode 100644 css/1560.min.css create mode 100644 css/1920.css create mode 100644 css/1920.min.css create mode 100644 css/2520.css create mode 100644 css/2520.min.css create mode 100644 css/720.css create mode 100644 css/720.min.css create mode 100644 css/960.min.css create mode 100644 css/master.css create mode 100644 css/mobile.css create mode 100644 css/mobile.min.css create mode 100644 css/reset.css create mode 100644 css/text.css create mode 100644 js/adapt.js create mode 100644 js/adapt.min.js diff --git a/content-page.php b/content-page.php index 22a90c1b9..6a85d78c4 100644 --- a/content-page.php +++ b/content-page.php @@ -12,4 +12,4 @@
- + \ No newline at end of file diff --git a/css/1200.css b/css/1200.css new file mode 100644 index 000000000..b9185c408 --- /dev/null +++ b/css/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/css/1200.min.css b/css/1200.min.css new file mode 100644 index 000000000..53ec99bce --- /dev/null +++ b/css/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/css/1560.css b/css/1560.css new file mode 100644 index 000000000..88af16b25 --- /dev/null +++ b/css/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/css/1560.min.css b/css/1560.min.css new file mode 100644 index 000000000..0b7aff658 --- /dev/null +++ b/css/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/css/1920.css b/css/1920.css new file mode 100644 index 000000000..e9d303a40 --- /dev/null +++ b/css/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/css/1920.min.css b/css/1920.min.css new file mode 100644 index 000000000..c330971f3 --- /dev/null +++ b/css/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/css/2520.css b/css/2520.css new file mode 100644 index 000000000..8045ce9d1 --- /dev/null +++ b/css/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/css/2520.min.css b/css/2520.min.css new file mode 100644 index 000000000..e56fd2b18 --- /dev/null +++ b/css/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/css/720.css b/css/720.css new file mode 100644 index 000000000..ba66200a1 --- /dev/null +++ b/css/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/css/720.min.css b/css/720.min.css new file mode 100644 index 000000000..ed4ac4197 --- /dev/null +++ b/css/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/css/960.min.css b/css/960.min.css new file mode 100644 index 000000000..7dc6fe616 --- /dev/null +++ b/css/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/css/master.css b/css/master.css new file mode 100644 index 000000000..149b5148d --- /dev/null +++ b/css/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/css/mobile.css b/css/mobile.css new file mode 100644 index 000000000..1351cf228 --- /dev/null +++ b/css/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/css/mobile.min.css b/css/mobile.min.css new file mode 100644 index 000000000..a085546f1 --- /dev/null +++ b/css/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/css/reset.css b/css/reset.css new file mode 100644 index 000000000..0af7c26f0 --- /dev/null +++ b/css/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/css/text.css b/css/text.css new file mode 100644 index 000000000..af8df5499 --- /dev/null +++ b/css/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/header.php b/header.php index 525adefa5..694da694a 100644 --- a/header.php +++ b/header.php @@ -1,163 +1,198 @@ - section and everything up till
- */ -?> - - - - - class="no-js"> - - - -<?php - /* - * Print the <title> tag based on what is being viewed. - */ - global $page, $paged; - - wp_title( '|', true, 'right' ); - - // Add the blog name. - bloginfo( 'name' ); - - // Add the blog description for the home/front page. - $site_description = get_bloginfo( 'description', 'display' ); - if ( $site_description && ( is_home() || is_front_page() ) ) - echo " | $site_description"; - - // Add a page number if necessary: - if ( $paged >= 2 || $page >= 2 ) - echo ' | ' . 'Page ' . max( $paged, $page ); - - ?> - - - - * tag of your theme, or you will break many plugins, which - * generally use this hook to add elements to such - * as styles, scripts, and meta tags. - */ - wp_head(); -?> - - -> -
- - - - - - -
- -
- + section and everything up till
+ */ +?> + + + + + class="no-js"> + + + +<?php + /* + * Print the <title> tag based on what is being viewed. + */ + global $page, $paged; + + wp_title( '|', true, 'right' ); + + // Add the blog name. + bloginfo( 'name' ); + + // Add the blog description for the home/front page. + $site_description = get_bloginfo( 'description', 'display' ); + if ( $site_description && ( is_home() || is_front_page() ) ) + echo " | $site_description"; + + // Add a page number if necessary: + if ( $paged >= 2 || $page >= 2 ) + echo ' | ' . 'Page ' . max( $paged, $page ); + + ?> + + + + + + + + + + + + + + * tag of your theme, or you will break many plugins, which + * generally use this hook to add elements to such + * as styles, scripts, and meta tags. + */ + wp_head(); +?> + + +> +
+ + + + + + +
+ +
+
\ No newline at end of file diff --git a/js/adapt.js b/js/adapt.js new file mode 100644 index 000000000..cd2fc19c9 --- /dev/null +++ b/js/adapt.js @@ -0,0 +1,145 @@ +/* + Adapt.js licensed under GPL and MIT. + + Read more here: http://adapt.960.gs +*/ + +// Closure. +(function(w, d, config, undefined) { + // If no config, exit. + if (!config) { + return; + } + + // Empty vars to use later. + var url, url_old, timer; + + // Alias config values. + var callback = typeof config.callback === 'function' ? config.callback : undefined; + var path = config.path ? config.path : ''; + var range = config.range; + var range_len = range.length; + + // Create empty link tag: + // + var css = d.createElement('link'); + css.rel = 'stylesheet'; + css.media = 'screen'; + + // Called from within adapt(). + function change(i, width) { + // Set the URL. + css.href = url; + url_old = url; + + // Call callback, if defined. + callback && callback(i, width); + } + + // Adapt to width. + function adapt() { + // This clearTimeout is for IE. + // Really it belongs in react(), + // but doesn't do any harm here. + clearTimeout(timer); + + // Parse browser width. + var width = w.innerWidth || d.documentElement.clientWidth || d.body.clientWidth || 0; + + // While loop vars. + var arr, arr_0, val_1, val_2, is_range, file; + + // How many ranges? + var i = range_len; + var last = range_len - 1; + + while (i--) { + // Blank if no conditions met. + url = ''; + + // Turn string into array. + arr = range[i].split('='); + + // Width is to the left of "=". + arr_0 = arr[0]; + + // File name is to the right of "=". + // Presuppoes a file with no spaces. + // If no file specified, make empty. + file = arr[1] ? arr[1].replace(/\s/g, '') : undefined; + + // Assume max if "to" isn't present. + is_range = arr_0.match('to'); + + // If it's a range, split left/right sides of "to", + // and then convert each one into numerical values. + // If it's not a range, turn maximum into a number. + val_1 = is_range ? parseInt(arr_0.split('to')[0], 10) : parseInt(arr_0, 10); + val_2 = is_range ? parseInt(arr_0.split('to')[1], 10) : undefined; + + // Check for maxiumum or range. + if ((!val_2 && i === last && width > val_1) || (width > val_1 && width <= val_2)) { + // Build full URL to CSS file. + file && (url = path + file); + + // Exit the while loop. No need to continue + // if we've already found a matching range. + break; + } + } + + // Was it created yet? + if (!url_old) { + // Apply changes. + change(i, width); + + // Add the CSS, only if path is defined. + // Use faster document.head if possible. + path && (d.head || d.getElementsByTagName('head')[0]).appendChild(css); + } + else if (url_old !== url) { + // Apply changes. + change(i, width); + } + } + + // Fire off once. + adapt(); + + // Slight delay. + function react() { + // Clear the timer as window resize fires, + // so that it only calls adapt() when the + // user has finished resizing the window. + clearTimeout(timer); + + // Start the timer countdown. + timer = setTimeout(adapt, 16); + // -----------------------^^ + // Note: 15.6 milliseconds is lowest "safe" + // duration for setTimeout and setInterval. + // + // http://www.nczonline.net/blog/2011/12/14/timer-resolution-in-browsers + } + + // Do we want to watch for + // resize and device tilt? + if (config.dynamic) { + // Event listener for window resize, + // also triggered by phone rotation. + if (w.addEventListener) { + // Good browsers. + w.addEventListener('resize', react, false); + } + else if (w.attachEvent) { + // Legacy IE support. + w.attachEvent('onresize', react); + } + else { + // Old-school fallback. + w.onresize = react; + } + } + +// Pass in window, document, config, undefined. +})(this, this.document, ADAPT_CONFIG); \ No newline at end of file diff --git a/js/adapt.min.js b/js/adapt.min.js new file mode 100644 index 000000000..22d85ab99 --- /dev/null +++ b/js/adapt.min.js @@ -0,0 +1 @@ +(function(a,b,c,d){function e(){clearTimeout(i);for(var c=a.innerWidth||b.documentElement.clientWidth||b.body.clientWidth||0,e,f,o,p,q=m,u=m-1;q--;){g="",e=l[q].split("="),f=e[0],p=e[1]?e[1].replace(/\s/g,""):d,e=(o=f.match("to"))?parseInt(f.split("to")[0],10):parseInt(f,10),f=o?parseInt(f.split("to")[1],10):d;if(!f&&q===u&&c>e||c>e&&c<=f){p&&(g=k+p);break}}h?h!==g&&(h=n.href=g,j&&j(q,c)):(h=n.href=g,j&&j(q,c),k&&(b.head||b.getElementsByTagName("head")[0]).appendChild(n))}function f(){clearTimeout(i),i=setTimeout(e,16)}if(c){var g,h,i,j=typeof c.callback=="function"?c.callback:d,k=c.path?c.path:"",l=c.range,m=l.length,n=b.createElement("link");n.rel="stylesheet",n.media="screen",e(),c.dynamic&&(a.addEventListener?a.addEventListener("resize",f,!1):a.attachEvent?a.attachEvent("onresize",f):a.onresize=f)}})(this,this.document,ADAPT_CONFIG) \ No newline at end of file From 05ad5120502852b6772910c7df88d8b45c1cce53 Mon Sep 17 00:00:00 2001 From: Adam Schweigert Date: Fri, 22 Jun 2012 00:11:47 -0400 Subject: [PATCH 03/13] modify style.css --- style.css | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/style.css b/style.css index bb9dd5555..c12a4e6d7 100644 --- a/style.css +++ b/style.css @@ -1,9 +1,9 @@ -/* -Theme Name: Argo -Description: A feature-rich starter theme designed as a foundation to extend or use in conjunction with an Argo child theme -Author: Project Argo -Version: 1.0 -*/ - -@import url(css/960.css); +/* +Theme Name: Largo +Description: A responsive news theme by Media Toybox based on the Argo theme developed at NPR by Project Argo +Author: Media Toybox +Version: 0.1 +*/ + +/*@import url(css/960.css);*/ @import url(css/foundation.css); \ No newline at end of file From 42c6f13345102bd4204b5682e581aac2eae1055b Mon Sep 17 00:00:00 2001 From: Adam Schweigert Date: Tue, 26 Jun 2012 12:41:17 -0400 Subject: [PATCH 04/13] various style tweaks typography and some other issues to account for responsive layout --- css/foundation.css | 106 ++++++++++++++++++++++++++++----------------- css/master.css | 4 +- 2 files changed, 69 insertions(+), 41 deletions(-) diff --git a/css/foundation.css b/css/foundation.css index 6728ae601..67bfd4f92 100755 --- a/css/foundation.css +++ b/css/foundation.css @@ -149,7 +149,7 @@ button { width: auto; overflow: visible; } /* Basic HTML */ body { - font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif; + font: 16px "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5; color: #333; } @@ -187,22 +187,42 @@ hr { margin-bottom: 15px; } - h1 { - font-size: 50px; +h1, h2, h3, h4, h5, h6, h7, h8 { + font: 16px Georgia, Times, "Times New Roman", serif; + +} + +h1 { + font-size: 3.375em; line-height: 1; } h2 { - font-size: 30px; + font-size: 2.75em; font-weight: normal; line-height: 1; } h3 { - font-size: 21px; + font-size: 2.25em; font-weight: normal; line-height: 1; } +h4 { + font-size: 1.833em; + font-weight:normal; + line-height:1; +} +h5 { + font-size: 1.5em; + font-weight:normal; + line-height:1; +} +h6 { + font-size: 1.222em; + font-weight:normal; + line-height:1; +} /* lists */ @@ -480,10 +500,12 @@ margin-left: 70px; #topics-bar h4 { margin: 0; + font-size:1.5em; } #topics-bar ul { - width: 862px; + /*width: 862px;*/ + width:100%; } #topics-bar h5 { @@ -819,7 +841,7 @@ border-bottom: none; width: 610px; overflow: hidden; } - +/* #content h2 { margin: 10px 0; } @@ -846,11 +868,13 @@ border-bottom: none; line-height: 1.3; font-weight: bold; } - +*/ .post ul { list-style: disc; } - +.post ol { + list-style: decimal; +} .post li { margin: 0 0 10px 30px; } @@ -858,12 +882,12 @@ border-bottom: none; .ie8 .post li, .ie7 .post li, .ie6 .post li { margin: 0 0 10px 50px; } - +/* .entry-title { font-size: 30px; margin: 10px 0; } - +*/ #content h2 a { color: #333; font-weight: normal; @@ -914,12 +938,12 @@ margin: 10px 0; } .single .bottom-meta h5 { -padding-bottom: 10px; -border-bottom: 1px solid #ddd; + padding-bottom: 10px; + border-bottom: 1px solid #ddd; } #content .post-meta h6 { - font-size: 12px; + /*font-size: 0.815 em;*/ font-weight: normal; font-style: italic; margin: 0 0 10px 0; @@ -928,7 +952,8 @@ border-bottom: 1px solid #ddd; #content .post-meta h5 { font-weight: normal; - font-size: 12px !important; + /*font-size: 12px !important;*/ + font: 0.815em "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 5px 0 0 0; color: #666; } @@ -946,7 +971,7 @@ border-bottom: 1px solid #ddd; .meta-gestures li { float: left; margin: 5px 10px 5px 0; - font-size: 11px; + font-size: 0.815em; } .ie8 .meta-gestures li, .ie7 .meta-gestures li, .ie6 .meta-gestures li { @@ -955,9 +980,9 @@ border-bottom: 1px solid #ddd; } .meta-gestures .meta-comments { -background: transparent url(../img/comment-icon.gif) no-repeat; - height: 18px; - padding-left: 20px; + background: transparent url(../img/comment-icon.gif) no-repeat; + height: 20px; + padding-left: 22px; float: right; } @@ -1084,7 +1109,6 @@ margin: 0; padding-top: 2px; border: 1px solid #eee; border-top: 2px solid #ddd; - background: transparent url(../img/rp-background.png) repeat-y; } #related-posts a { @@ -1093,17 +1117,17 @@ margin: 0; #related-post-nav { float:left; - width: 140px; + width: 30%; margin: 0; padding: 5px 0; } #related-post-nav li { - font-size: 11px; + font-size: 0.815em; } #related-post-nav h4 { - font-size: 11px; + font-size: 1em; margin: 0 0 5px 5px; } @@ -1121,15 +1145,18 @@ margin: 0; } #related-post-nav a.selected { -color: #fff; -background: #000 url("../img/related-arrow.gif") 0 center no-repeat; border: none; font-weight: bold; } + color: #fff; + background: #000; + border:none; + font-weight:bold; +} .items div { display:none; float:left; - padding:0 10px 0 20px; - width: 445px; - font-size: 11px; + padding:0 2.5% 0 5%; + width:62.5%; + font-size: 0.815em; } .ie6 .items div { @@ -1174,7 +1201,7 @@ background: #000 url("../img/related-arrow.gif") 0 center no-repeat; border: non .post-nav, .argo-pag { clear: both; border-bottom: 1px solid #ddd; - font-size: 12px; + font-size: 1em; } .post-nav li, .argo-pag li { @@ -1183,7 +1210,7 @@ background: #000 url("../img/related-arrow.gif") 0 center no-repeat; border: non #content .post-nav h5 { margin: 0; - font-size: 14px; + font-size: 1em; } #content .post-nav a, #content .argo-pag a { @@ -1191,20 +1218,20 @@ background: #000 url("../img/related-arrow.gif") 0 center no-repeat; border: non } .p-post { - width: 300px; + width: 50%; margin: 10px 0; float: left; } .n-post { float: right; - width: 300px; + width: 50%; text-align: right; margin: 10px 0; } .argo-pag { - font-size: 14px; + font-size: 1em; padding-bottom: 20px; border: none; float: right; @@ -1294,8 +1321,8 @@ padding-right: 0; } #content .half { - width: 300px; - font-size: 11px; + width: 50%; + font-size: 0.815em; } #content .aligncenter { @@ -1317,24 +1344,25 @@ padding-right: 0; } #content .pull-quote { - width: 300px; + width: 50%; border-bottom: none; border-left: 4px solid #333; padding-left: 20px; - font-size: 24px; + font-size: 1.5em; font-style: italic; line-height: 1.3; margin: 20px; + font: 16px Georgia, Times, "Times New Roman", serif; } #content .pull-quote h6 { - font-size: 12px; + font-size: 0.815em; font-style: italic; margin: 0 } #content .pull-quote p { - font-size: 24px; + font-size: 1.5em; } /* = Customized comment form styles via the twenty eleven theme diff --git a/css/master.css b/css/master.css index 149b5148d..75e8e102e 100644 --- a/css/master.css +++ b/css/master.css @@ -9,7 +9,7 @@ body { color: #333; } -h1 { +/*h1 { background: #eee url(../images/h1.png) no-repeat right center; border-bottom: 1px solid #ccc; padding: 10px 90px 10px 15px; @@ -22,7 +22,7 @@ h4, h5, h6 { line-height: 1; -} +}*/ a { color: #06c; From 6b94c9a522e491c74028c3d6c09bce2ba8b34f73 Mon Sep 17 00:00:00 2001 From: Adam Schweigert Date: Tue, 26 Jun 2012 12:42:05 -0400 Subject: [PATCH 05/13] make related posts area responsive still to-do: make tabs look a little nicer --- content-single.php | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/content-single.php b/content-single.php index 9bb989bb0..402ac7d23 100644 --- a/content-single.php +++ b/content-single.php @@ -40,13 +40,13 @@ if ( $rel_topics = argo_get_post_related_topics( 6 ) ) : ?>