From 5466bad0d19571f7ab8d935ce59aace62c9093fe Mon Sep 17 00:00:00 2001 From: Ben Word Date: Mon, 30 May 2011 20:09:20 -0600 Subject: [PATCH] adding support for adapt.js, closes #47 --- css/adapt/1200.css | 351 ++++++++++++++++++++++++++++++++++++++++++ css/adapt/1560.css | 351 ++++++++++++++++++++++++++++++++++++++++++ css/adapt/720.css | 351 ++++++++++++++++++++++++++++++++++++++++++ css/adapt/960.css | 351 ++++++++++++++++++++++++++++++++++++++++++ css/adapt/fluid.css | 326 +++++++++++++++++++++++++++++++++++++++ css/adapt/master.css | 124 +++++++++++++++ css/adapt/mobile.css | 20 +++ css/adapt/reset.css | 171 ++++++++++++++++++++ css/adapt/text.css | 81 ++++++++++ functions.php | 18 ++- inc/roots-actions.php | 26 +++- inc/roots-options.php | 4 + js/libs/adapt.min.js | 1 + 13 files changed, 2168 insertions(+), 7 deletions(-) create mode 100755 css/adapt/1200.css create mode 100755 css/adapt/1560.css create mode 100755 css/adapt/720.css create mode 100755 css/adapt/960.css create mode 100755 css/adapt/fluid.css create mode 100755 css/adapt/master.css create mode 100755 css/adapt/mobile.css create mode 100755 css/adapt/reset.css create mode 100755 css/adapt/text.css create mode 100755 js/libs/adapt.min.js diff --git a/css/adapt/1200.css b/css/adapt/1200.css new file mode 100755 index 0000000..3e84d3c --- /dev/null +++ b/css/adapt/1200.css @@ -0,0 +1,351 @@ +/* + 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 { + content: '\0020'; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +.clearfix:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix { + zoom: 1; +} \ No newline at end of file diff --git a/css/adapt/1560.css b/css/adapt/1560.css new file mode 100755 index 0000000..a9b1af8 --- /dev/null +++ b/css/adapt/1560.css @@ -0,0 +1,351 @@ +/* + 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 { + content: '\0020'; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +.clearfix:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix { + zoom: 1; +} \ No newline at end of file diff --git a/css/adapt/720.css b/css/adapt/720.css new file mode 100755 index 0000000..914a75c --- /dev/null +++ b/css/adapt/720.css @@ -0,0 +1,351 @@ +/* + 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 { + content: '\0020'; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +.clearfix:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix { + zoom: 1; +} \ No newline at end of file diff --git a/css/adapt/960.css b/css/adapt/960.css new file mode 100755 index 0000000..2a0fff3 --- /dev/null +++ b/css/adapt/960.css @@ -0,0 +1,351 @@ +/* + 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 { + content: '\0020'; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +.clearfix:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix { + zoom: 1; +} \ No newline at end of file diff --git a/css/adapt/fluid.css b/css/adapt/fluid.css new file mode 100755 index 0000000..a4e168a --- /dev/null +++ b/css/adapt/fluid.css @@ -0,0 +1,326 @@ +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + width: 92%; + margin-left: 4%; + margin-right: 4%; +} + +/* Grid >> Global +----------------------------------------------------------------------------------------------------*/ + +.grid_1, +.grid_2, +.grid_3, +.grid_4, +.grid_5, +.grid_6, +.grid_7, +.grid_8, +.grid_9, +.grid_10, +.grid_11, +.grid_12 { + display: inline; + float: left; + position: relative; + margin-left: 1%; + margin-right: 1%; +} + +/* Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 6.333%; +} + +.container_12 .grid_2 { + width: 14.667%; +} + +.container_12 .grid_3 { + width: 23.0%; +} + +.container_12 .grid_4 { + width: 31.333%; +} + +.container_12 .grid_5 { + width: 39.667%; +} + +.container_12 .grid_6 { + width: 48.0%; +} + +.container_12 .grid_7 { + width: 56.333%; +} + +.container_12 .grid_8 { + width: 64.667%; +} + +.container_12 .grid_9 { + width: 73.0%; +} + +.container_12 .grid_10 { + width: 81.333%; +} + +.container_12 .grid_11 { + width: 89.667%; +} + +.container_12 .grid_12 { + width: 98.0%; +} + +/* Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 8.333%; +} + +.container_12 .prefix_2 { + padding-left: 16.667%; +} + +.container_12 .prefix_3 { + padding-left: 25.0%; +} + +.container_12 .prefix_4 { + padding-left: 33.333%; +} + +.container_12 .prefix_5 { + padding-left: 41.667%; +} + +.container_12 .prefix_6 { + padding-left: 50.0%; +} + +.container_12 .prefix_7 { + padding-left: 58.333%; +} + +.container_12 .prefix_8 { + padding-left: 66.667%; +} + +.container_12 .prefix_9 { + padding-left: 75.0%; +} + +.container_12 .prefix_10 { + padding-left: 83.333%; +} + +.container_12 .prefix_11 { + padding-left: 91.667%; +} + +/* Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 8.333%; +} + +.container_12 .suffix_2 { + padding-right: 16.667%; +} + +.container_12 .suffix_3 { + padding-right: 25.0%; +} + +.container_12 .suffix_4 { + padding-right: 33.333%; +} + +.container_12 .suffix_5 { + padding-right: 41.667%; +} + +.container_12 .suffix_6 { + padding-right: 50.0%; +} + +.container_12 .suffix_7 { + padding-right: 58.333%; +} + +.container_12 .suffix_8 { + padding-right: 66.667%; +} + +.container_12 .suffix_9 { + padding-right: 75.0%; +} + +.container_12 .suffix_10 { + padding-right: 83.333%; +} + +.container_12 .suffix_11 { + padding-right: 91.667%; +} + +/* Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 8.333%; +} + +.container_12 .push_2 { + left: 16.667%; +} + +.container_12 .push_3 { + left: 25.0%; +} + +.container_12 .push_4 { + left: 33.333%; +} + +.container_12 .push_5 { + left: 41.667%; +} + +.container_12 .push_6 { + left: 50.0%; +} + +.container_12 .push_7 { + left: 58.333%; +} + +.container_12 .push_8 { + left: 66.667%; +} + +.container_12 .push_9 { + left: 75.0%; +} + +.container_12 .push_10 { + left: 83.333%; +} + +.container_12 .push_11 { + left: 91.667%; +} + +/* Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -8.333%; +} + +.container_12 .pull_2 { + left: -16.667%; +} + +.container_12 .pull_3 { + left: -25.0%; +} + +.container_12 .pull_4 { + left: -33.333%; +} + +.container_12 .pull_5 { + left: -41.667%; +} + +.container_12 .pull_6 { + left: -50.0%; +} + +.container_12 .pull_7 { + left: -58.333%; +} + +.container_12 .pull_8 { + left: -66.667%; +} + +.container_12 .pull_9 { + left: -75.0%; +} + +.container_12 .pull_10 { + left: -83.333%; +} + +.container_12 .pull_11 { + left: -91.667%; +} + +/* `Clear Floated Elements +----------------------------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +.clear { + clear: both; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ + +.clearfix:before, +.clearfix:after { + content: '\0020'; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +.clearfix:after { + clear: both; +} + +/* + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. +*/ + +.clearfix { + zoom: 1; +} \ No newline at end of file diff --git a/css/adapt/master.css b/css/adapt/master.css new file mode 100755 index 0000000..1534a3f --- /dev/null +++ b/css/adapt/master.css @@ -0,0 +1,124 @@ +@import 'reset.css'; +@import 'text.css'; + +/* `Basic HTML +----------------------------------------------------------------------------------------------------*/ + +.container_12 { + padding-bottom: 1px; +} + +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/adapt/mobile.css b/css/adapt/mobile.css new file mode 100755 index 0000000..8a69f8f --- /dev/null +++ b/css/adapt/mobile.css @@ -0,0 +1,20 @@ +.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; +} + +.align_center, +.align_right { + text-align: left; +} \ No newline at end of file diff --git a/css/adapt/reset.css b/css/adapt/reset.css new file mode 100755 index 0000000..885707c --- /dev/null +++ b/css/adapt/reset.css @@ -0,0 +1,171 @@ +/* `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; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +th, +td, +caption { + font-weight: normal; + vertical-align: top; + text-align: left; +} + +svg { +/* + For IE9. +*/ + overflow: hidden; +} \ No newline at end of file diff --git a/css/adapt/text.css b/css/adapt/text.css new file mode 100755 index 0000000..af8df54 --- /dev/null +++ b/css/adapt/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/functions.php b/functions.php index 8558133..177cfc4 100644 --- a/functions.php +++ b/functions.php @@ -19,12 +19,13 @@ $options = roots_get_theme_options(); $roots_css_framework = $options['css_grid_framework']; if (!defined('roots_container_class')) { switch ($roots_css_framework) { - case 'blueprint': define('roots_container_class', 'span-24'); break; - case '960gs_12': define('roots_container_class', 'container_12'); break; - case '960gs_16': define('roots_container_class', 'container_16'); break; - case '960gs_24': define('roots_container_class', 'container_24'); break; - case '1140': define('roots_container_class', 'container'); break; - default: define('roots_container_class', ''); break; + case 'blueprint': define('roots_container_class', 'span-24'); break; + case '960gs_12': define('roots_container_class', 'container_12'); break; + case '960gs_16': define('roots_container_class', 'container_16'); break; + case '960gs_24': define('roots_container_class', 'container_24'); break; + case '1140': define('roots_container_class', 'container'); break; + case 'adapt': define('roots_container_class', 'container_12 clearfix'); break; + default: define('roots_container_class', ''); break; } } @@ -47,6 +48,11 @@ function get_roots_stylesheets() { $styles .= "\t\n"; } elseif ($roots_css_framework === '1140') { $styles .= "\n"; + } elseif ($roots_css_framework === 'adapt') { + $styles .= "\n"; + $styles .= "\t\n"; } if (class_exists('RGForms')) { diff --git a/inc/roots-actions.php b/inc/roots-actions.php index 1f23ec2..5bece91 100644 --- a/inc/roots-actions.php +++ b/inc/roots-actions.php @@ -1,6 +1,7 @@ "; + echo ""; + } +} + +function roots_adapt_head() { + $options = roots_get_theme_options(); + $roots_css_framework = $options['css_grid_framework']; + $template_uri = get_template_directory_uri(); + if ($roots_css_framework === 'adapt') { + echo "\n"; + echo ""; } } diff --git a/inc/roots-options.php b/inc/roots-options.php index 0ab6b40..6a5c617 100644 --- a/inc/roots-options.php +++ b/inc/roots-options.php @@ -63,6 +63,10 @@ function roots_grid_framework() { 'value' => '1140', 'label' => __('1140', 'roots'), ), + 'adapt' => array( + 'value' => 'adapt', + 'label' => __('Adapt.js', 'roots'), + ), ); return apply_filters('roots_grid_framework', $grid_options); diff --git a/js/libs/adapt.min.js b/js/libs/adapt.min.js new file mode 100755 index 0000000..60985a0 --- /dev/null +++ b/js/libs/adapt.min.js @@ -0,0 +1 @@ +(function(a,b,c,d){function o(){clearInterval(g),g=setInterval(n,100)}function n(){clearInterval(g);var c=a.innerWidth||b.documentElement.clientWidth||b.body.clientWidth||0,h,n,o,p,q,r,s=k,t=k-1;while(s--){h=j[s].split("="),n=h[0],r=h[1]?h[1].replace(/\s/g,""):s,q=n.match("to"),o=q?parseInt(n.split("to")[0],10):parseInt(n,10),p=q?parseInt(n.split("to")[1],10):d;if(!p&&s===t&&c>o||c>o&&c<=p){e=i+r;break}e=""}f?f!==e&&m(s,c):(m(s,c),i&&(b.head||b.getElementsByTagName("head")[0]).appendChild(l))}function m(a,b){l.href=e,f=e,h&&h(a,b)}if(!!c){var e,f,g,h=typeof c.callback=="function"?c.callback:d,i=c.path?c.path:"",j=c.range,k=j.length,l=b.createElement("link");l.rel="stylesheet",n(),c.dynamic&&(a.addEventListener?a.addEventListener("resize",o,!1):a.attachEvent?a.attachEvent("onresize",o):a.onresize=o)}})(this,this.document,ADAPT_CONFIG) \ No newline at end of file