diff --git a/code/css/960.css b/code/css/960.css old mode 100755 new mode 100644 index a1f9797..5e00e18 --- a/code/css/960.css +++ b/code/css/960.css @@ -1 +1,643 @@ -body{min-width:960px}.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.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,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15{position:relative}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both}.clearfix{zoom:1} \ No newline at end of file +/* + 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, +.container_16 { + margin-left: auto; + margin-right: auto; + width: 960px; +} + +/* `Grid >> Global +----------------------------------------------------------------------------------------------------*/ + +.grid_1, +.grid_2, +.grid_3, +.grid_4, +.grid_5, +.grid_6, +.grid_7, +.grid_8, +.grid_9, +.grid_10, +.grid_11, +.grid_12, +.grid_13, +.grid_14, +.grid_15, +.grid_16 { + display: inline; + float: left; + margin-left: 10px; + margin-right: 10px; +} + +.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, +.push_13, .pull_13, +.push_14, .pull_14, +.push_15, .pull_15 { + position: relative; +} + +.container_12 .grid_3, +.container_16 .grid_4 { + width: 220px; +} + +.container_12 .grid_6, +.container_16 .grid_8 { + width: 460px; +} + +.container_12 .grid_9, +.container_16 .grid_12 { + width: 700px; +} + +.container_12 .grid_12, +.container_16 .grid_16 { + width: 940px; +} + +/* `Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* `Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 60px; +} + +.container_12 .grid_2 { + width: 140px; +} + +.container_12 .grid_4 { + width: 300px; +} + +.container_12 .grid_5 { + width: 380px; +} + +.container_12 .grid_7 { + width: 540px; +} + +.container_12 .grid_8 { + width: 620px; +} + +.container_12 .grid_10 { + width: 780px; +} + +.container_12 .grid_11 { + width: 860px; +} + +/* `Grid >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_16 .grid_1 { + width: 40px; +} + +.container_16 .grid_2 { + width: 100px; +} + +.container_16 .grid_3 { + width: 160px; +} + +.container_16 .grid_5 { + width: 280px; +} + +.container_16 .grid_6 { + width: 340px; +} + +.container_16 .grid_7 { + width: 400px; +} + +.container_16 .grid_9 { + width: 520px; +} + +.container_16 .grid_10 { + width: 580px; +} + +.container_16 .grid_11 { + width: 640px; +} + +.container_16 .grid_13 { + width: 760px; +} + +.container_16 .grid_14 { + width: 820px; +} + +.container_16 .grid_15 { + width: 880px; +} + +/* `Prefix Extra Space >> Global +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_3, +.container_16 .prefix_4 { + padding-left: 240px; +} + +.container_12 .prefix_6, +.container_16 .prefix_8 { + padding-left: 480px; +} + +.container_12 .prefix_9, +.container_16 .prefix_12 { + padding-left: 720px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-left: 80px; +} + +.container_12 .prefix_2 { + padding-left: 160px; +} + +.container_12 .prefix_4 { + padding-left: 320px; +} + +.container_12 .prefix_5 { + padding-left: 400px; +} + +.container_12 .prefix_7 { + padding-left: 560px; +} + +.container_12 .prefix_8 { + padding-left: 640px; +} + +.container_12 .prefix_10 { + padding-left: 800px; +} + +.container_12 .prefix_11 { + padding-left: 880px; +} + +/* `Prefix Extra Space >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_16 .prefix_1 { + padding-left: 60px; +} + +.container_16 .prefix_2 { + padding-left: 120px; +} + +.container_16 .prefix_3 { + padding-left: 180px; +} + +.container_16 .prefix_5 { + padding-left: 300px; +} + +.container_16 .prefix_6 { + padding-left: 360px; +} + +.container_16 .prefix_7 { + padding-left: 420px; +} + +.container_16 .prefix_9 { + padding-left: 540px; +} + +.container_16 .prefix_10 { + padding-left: 600px; +} + +.container_16 .prefix_11 { + padding-left: 660px; +} + +.container_16 .prefix_13 { + padding-left: 780px; +} + +.container_16 .prefix_14 { + padding-left: 840px; +} + +.container_16 .prefix_15 { + padding-left: 900px; +} + +/* `Suffix Extra Space >> Global +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_3, +.container_16 .suffix_4 { + padding-right: 240px; +} + +.container_12 .suffix_6, +.container_16 .suffix_8 { + padding-right: 480px; +} + +.container_12 .suffix_9, +.container_16 .suffix_12 { + padding-right: 720px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-right: 80px; +} + +.container_12 .suffix_2 { + padding-right: 160px; +} + +.container_12 .suffix_4 { + padding-right: 320px; +} + +.container_12 .suffix_5 { + padding-right: 400px; +} + +.container_12 .suffix_7 { + padding-right: 560px; +} + +.container_12 .suffix_8 { + padding-right: 640px; +} + +.container_12 .suffix_10 { + padding-right: 800px; +} + +.container_12 .suffix_11 { + padding-right: 880px; +} + +/* `Suffix Extra Space >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_16 .suffix_1 { + padding-right: 60px; +} + +.container_16 .suffix_2 { + padding-right: 120px; +} + +.container_16 .suffix_3 { + padding-right: 180px; +} + +.container_16 .suffix_5 { + padding-right: 300px; +} + +.container_16 .suffix_6 { + padding-right: 360px; +} + +.container_16 .suffix_7 { + padding-right: 420px; +} + +.container_16 .suffix_9 { + padding-right: 540px; +} + +.container_16 .suffix_10 { + padding-right: 600px; +} + +.container_16 .suffix_11 { + padding-right: 660px; +} + +.container_16 .suffix_13 { + padding-right: 780px; +} + +.container_16 .suffix_14 { + padding-right: 840px; +} + +.container_16 .suffix_15 { + padding-right: 900px; +} + +/* `Push Space >> Global +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_3, +.container_16 .push_4 { + left: 240px; +} + +.container_12 .push_6, +.container_16 .push_8 { + left: 480px; +} + +.container_12 .push_9, +.container_16 .push_12 { + left: 720px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + left: 80px; +} + +.container_12 .push_2 { + left: 160px; +} + +.container_12 .push_4 { + left: 320px; +} + +.container_12 .push_5 { + left: 400px; +} + +.container_12 .push_7 { + left: 560px; +} + +.container_12 .push_8 { + left: 640px; +} + +.container_12 .push_10 { + left: 800px; +} + +.container_12 .push_11 { + left: 880px; +} + +/* `Push Space >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_16 .push_1 { + left: 60px; +} + +.container_16 .push_2 { + left: 120px; +} + +.container_16 .push_3 { + left: 180px; +} + +.container_16 .push_5 { + left: 300px; +} + +.container_16 .push_6 { + left: 360px; +} + +.container_16 .push_7 { + left: 420px; +} + +.container_16 .push_9 { + left: 540px; +} + +.container_16 .push_10 { + left: 600px; +} + +.container_16 .push_11 { + left: 660px; +} + +.container_16 .push_13 { + left: 780px; +} + +.container_16 .push_14 { + left: 840px; +} + +.container_16 .push_15 { + left: 900px; +} + +/* `Pull Space >> Global +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_3, +.container_16 .pull_4 { + left: -240px; +} + +.container_12 .pull_6, +.container_16 .pull_8 { + left: -480px; +} + +.container_12 .pull_9, +.container_16 .pull_12 { + left: -720px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + left: -80px; +} + +.container_12 .pull_2 { + left: -160px; +} + +.container_12 .pull_4 { + left: -320px; +} + +.container_12 .pull_5 { + left: -400px; +} + +.container_12 .pull_7 { + left: -560px; +} + +.container_12 .pull_8 { + left: -640px; +} + +.container_12 .pull_10 { + left: -800px; +} + +.container_12 .pull_11 { + left: -880px; +} + +/* `Pull Space >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_16 .pull_1 { + left: -60px; +} + +.container_16 .pull_2 { + left: -120px; +} + +.container_16 .pull_3 { + left: -180px; +} + +.container_16 .pull_5 { + left: -300px; +} + +.container_16 .pull_6 { + left: -360px; +} + +.container_16 .pull_7 { + left: -420px; +} + +.container_16 .pull_9 { + left: -540px; +} + +.container_16 .pull_10 { + left: -600px; +} + +.container_16 .pull_11 { + left: -660px; +} + +.container_16 .pull_13 { + left: -780px; +} + +.container_16 .pull_14 { + left: -840px; +} + +.container_16 .pull_15 { + left: -900px; +} + +/* `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/code/css/960_24_col.css b/code/css/960_24_col.css index 313f46d..eb3ad9b 100755 --- a/code/css/960_24_col.css +++ b/code/css/960_24_col.css @@ -1 +1,614 @@ -body{min-width:960px}.container_24{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24{display:inline;float:left;margin-left:5px;margin-right:5px}.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,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15,.push_16,.pull_16,.push_17,.pull_17,.push_18,.pull_18,.push_19,.pull_19,.push_20,.pull_20,.push_21,.pull_21,.push_22,.pull_22,.push_23,.pull_23{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_24 .grid_1{width:30px}.container_24 .grid_2{width:70px}.container_24 .grid_3{width:110px}.container_24 .grid_4{width:150px}.container_24 .grid_5{width:190px}.container_24 .grid_6{width:230px}.container_24 .grid_7{width:270px}.container_24 .grid_8{width:310px}.container_24 .grid_9{width:350px}.container_24 .grid_10{width:390px}.container_24 .grid_11{width:430px}.container_24 .grid_12{width:470px}.container_24 .grid_13{width:510px}.container_24 .grid_14{width:550px}.container_24 .grid_15{width:590px}.container_24 .grid_16{width:630px}.container_24 .grid_17{width:670px}.container_24 .grid_18{width:710px}.container_24 .grid_19{width:750px}.container_24 .grid_20{width:790px}.container_24 .grid_21{width:830px}.container_24 .grid_22{width:870px}.container_24 .grid_23{width:910px}.container_24 .grid_24{width:950px}.container_24 .prefix_1{padding-left:40px}.container_24 .prefix_2{padding-left:80px}.container_24 .prefix_3{padding-left:120px}.container_24 .prefix_4{padding-left:160px}.container_24 .prefix_5{padding-left:200px}.container_24 .prefix_6{padding-left:240px}.container_24 .prefix_7{padding-left:280px}.container_24 .prefix_8{padding-left:320px}.container_24 .prefix_9{padding-left:360px}.container_24 .prefix_10{padding-left:400px}.container_24 .prefix_11{padding-left:440px}.container_24 .prefix_12{padding-left:480px}.container_24 .prefix_13{padding-left:520px}.container_24 .prefix_14{padding-left:560px}.container_24 .prefix_15{padding-left:600px}.container_24 .prefix_16{padding-left:640px}.container_24 .prefix_17{padding-left:680px}.container_24 .prefix_18{padding-left:720px}.container_24 .prefix_19{padding-left:760px}.container_24 .prefix_20{padding-left:800px}.container_24 .prefix_21{padding-left:840px}.container_24 .prefix_22{padding-left:880px}.container_24 .prefix_23{padding-left:920px}.container_24 .suffix_1{padding-right:40px}.container_24 .suffix_2{padding-right:80px}.container_24 .suffix_3{padding-right:120px}.container_24 .suffix_4{padding-right:160px}.container_24 .suffix_5{padding-right:200px}.container_24 .suffix_6{padding-right:240px}.container_24 .suffix_7{padding-right:280px}.container_24 .suffix_8{padding-right:320px}.container_24 .suffix_9{padding-right:360px}.container_24 .suffix_10{padding-right:400px}.container_24 .suffix_11{padding-right:440px}.container_24 .suffix_12{padding-right:480px}.container_24 .suffix_13{padding-right:520px}.container_24 .suffix_14{padding-right:560px}.container_24 .suffix_15{padding-right:600px}.container_24 .suffix_16{padding-right:640px}.container_24 .suffix_17{padding-right:680px}.container_24 .suffix_18{padding-right:720px}.container_24 .suffix_19{padding-right:760px}.container_24 .suffix_20{padding-right:800px}.container_24 .suffix_21{padding-right:840px}.container_24 .suffix_22{padding-right:880px}.container_24 .suffix_23{padding-right:920px}.container_24 .push_1{left:40px}.container_24 .push_2{left:80px}.container_24 .push_3{left:120px}.container_24 .push_4{left:160px}.container_24 .push_5{left:200px}.container_24 .push_6{left:240px}.container_24 .push_7{left:280px}.container_24 .push_8{left:320px}.container_24 .push_9{left:360px}.container_24 .push_10{left:400px}.container_24 .push_11{left:440px}.container_24 .push_12{left:480px}.container_24 .push_13{left:520px}.container_24 .push_14{left:560px}.container_24 .push_15{left:600px}.container_24 .push_16{left:640px}.container_24 .push_17{left:680px}.container_24 .push_18{left:720px}.container_24 .push_19{left:760px}.container_24 .push_20{left:800px}.container_24 .push_21{left:840px}.container_24 .push_22{left:880px}.container_24 .push_23{left:920px}.container_24 .pull_1{left:-40px}.container_24 .pull_2{left:-80px}.container_24 .pull_3{left:-120px}.container_24 .pull_4{left:-160px}.container_24 .pull_5{left:-200px}.container_24 .pull_6{left:-240px}.container_24 .pull_7{left:-280px}.container_24 .pull_8{left:-320px}.container_24 .pull_9{left:-360px}.container_24 .pull_10{left:-400px}.container_24 .pull_11{left:-440px}.container_24 .pull_12{left:-480px}.container_24 .pull_13{left:-520px}.container_24 .pull_14{left:-560px}.container_24 .pull_15{left:-600px}.container_24 .pull_16{left:-640px}.container_24 .pull_17{left:-680px}.container_24 .pull_18{left:-720px}.container_24 .pull_19{left:-760px}.container_24 .pull_20{left:-800px}.container_24 .pull_21{left:-840px}.container_24 .pull_22{left:-880px}.container_24 .pull_23{left:-920px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both}.clearfix{zoom:1} \ No newline at end of file +/* + 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; +} + +/* `Container >> 24 Columns +----------------------------------------------------------------------------------------------------*/ +.container_24 { + margin-left: auto; + margin-right: auto; + width: 960px; +} + +/* `Grid >> Global +----------------------------------------------------------------------------------------------------*/ + +.grid_1, +.grid_2, +.grid_3, +.grid_4, +.grid_5, +.grid_6, +.grid_7, +.grid_8, +.grid_9, +.grid_10, +.grid_11, +.grid_12, +.grid_13, +.grid_14, +.grid_15, +.grid_16, +.grid_17, +.grid_18, +.grid_19, +.grid_20, +.grid_21, +.grid_22, +.grid_23, +.grid_24 { + display: inline; + float: left; + margin-left: 5px; + margin-right: 5px; +} + +.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, +.push_13, .pull_13, +.push_14, .pull_14, +.push_15, .pull_15, +.push_16, .pull_16, +.push_17, .pull_17, +.push_18, .pull_18, +.push_19, .pull_19, +.push_20, .pull_20, +.push_21, .pull_21, +.push_22, .pull_22, +.push_23, .pull_23 { + position: relative; +} + +/* `Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-left: 0; +} + +.omega { + margin-right: 0; +} + +/* `Grid >> 24 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_24 .grid_1 { + width: 30px; +} + +.container_24 .grid_2 { + width: 70px; +} + +.container_24 .grid_3 { + width: 110px; +} + +.container_24 .grid_4 { + width: 150px; +} + +.container_24 .grid_5 { + width: 190px; +} + +.container_24 .grid_6 { + width: 230px; +} + +.container_24 .grid_7 { + width: 270px; +} + +.container_24 .grid_8 { + width: 310px; +} + +.container_24 .grid_9 { + width: 350px; +} + +.container_24 .grid_10 { + width: 390px; +} + +.container_24 .grid_11 { + width: 430px; +} + +.container_24 .grid_12 { + width: 470px; +} + +.container_24 .grid_13 { + width: 510px; +} + +.container_24 .grid_14 { + width: 550px; +} + +.container_24 .grid_15 { + width: 590px; +} + +.container_24 .grid_16 { + width: 630px; +} + +.container_24 .grid_17 { + width: 670px; +} + +.container_24 .grid_18 { + width: 710px; +} + +.container_24 .grid_19 { + width: 750px; +} + +.container_24 .grid_20 { + width: 790px; +} + +.container_24 .grid_21 { + width: 830px; +} + +.container_24 .grid_22 { + width: 870px; +} + +.container_24 .grid_23 { + width: 910px; +} + +.container_24 .grid_24 { + width: 950px; +} + +/* `Prefix Extra Space >> 24 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_24 .prefix_1 { + padding-left: 40px; +} + +.container_24 .prefix_2 { + padding-left: 80px; +} + +.container_24 .prefix_3 { + padding-left: 120px; +} + +.container_24 .prefix_4 { + padding-left: 160px; +} + +.container_24 .prefix_5 { + padding-left: 200px; +} + +.container_24 .prefix_6 { + padding-left: 240px; +} + +.container_24 .prefix_7 { + padding-left: 280px; +} + +.container_24 .prefix_8 { + padding-left: 320px; +} + +.container_24 .prefix_9 { + padding-left: 360px; +} + +.container_24 .prefix_10 { + padding-left: 400px; +} + +.container_24 .prefix_11 { + padding-left: 440px; +} + +.container_24 .prefix_12 { + padding-left: 480px; +} + +.container_24 .prefix_13 { + padding-left: 520px; +} + +.container_24 .prefix_14 { + padding-left: 560px; +} + +.container_24 .prefix_15 { + padding-left: 600px; +} + +.container_24 .prefix_16 { + padding-left: 640px; +} + +.container_24 .prefix_17 { + padding-left: 680px; +} + +.container_24 .prefix_18 { + padding-left: 720px; +} + +.container_24 .prefix_19 { + padding-left: 760px; +} + +.container_24 .prefix_20 { + padding-left: 800px; +} + +.container_24 .prefix_21 { + padding-left: 840px; +} + +.container_24 .prefix_22 { + padding-left: 880px; +} + +.container_24 .prefix_23 { + padding-left: 920px; +} + +/* `Suffix Extra Space >> 24 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_24 .suffix_1 { + padding-right: 40px; +} + +.container_24 .suffix_2 { + padding-right: 80px; +} + +.container_24 .suffix_3 { + padding-right: 120px; +} + +.container_24 .suffix_4 { + padding-right: 160px; +} + +.container_24 .suffix_5 { + padding-right: 200px; +} + +.container_24 .suffix_6 { + padding-right: 240px; +} + +.container_24 .suffix_7 { + padding-right: 280px; +} + +.container_24 .suffix_8 { + padding-right: 320px; +} + +.container_24 .suffix_9 { + padding-right: 360px; +} + +.container_24 .suffix_10 { + padding-right: 400px; +} + +.container_24 .suffix_11 { + padding-right: 440px; +} + +.container_24 .suffix_12 { + padding-right: 480px; +} + +.container_24 .suffix_13 { + padding-right: 520px; +} + +.container_24 .suffix_14 { + padding-right: 560px; +} + +.container_24 .suffix_15 { + padding-right: 600px; +} + +.container_24 .suffix_16 { + padding-right: 640px; +} + +.container_24 .suffix_17 { + padding-right: 680px; +} + +.container_24 .suffix_18 { + padding-right: 720px; +} + +.container_24 .suffix_19 { + padding-right: 760px; +} + +.container_24 .suffix_20 { + padding-right: 800px; +} + +.container_24 .suffix_21 { + padding-right: 840px; +} + +.container_24 .suffix_22 { + padding-right: 880px; +} + +.container_24 .suffix_23 { + padding-right: 920px; +} + +/* `Push Space >> 24 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_24 .push_1 { + left: 40px; +} + +.container_24 .push_2 { + left: 80px; +} + +.container_24 .push_3 { + left: 120px; +} + +.container_24 .push_4 { + left: 160px; +} + +.container_24 .push_5 { + left: 200px; +} + +.container_24 .push_6 { + left: 240px; +} + +.container_24 .push_7 { + left: 280px; +} + +.container_24 .push_8 { + left: 320px; +} + +.container_24 .push_9 { + left: 360px; +} + +.container_24 .push_10 { + left: 400px; +} + +.container_24 .push_11 { + left: 440px; +} + +.container_24 .push_12 { + left: 480px; +} + +.container_24 .push_13 { + left: 520px; +} + +.container_24 .push_14 { + left: 560px; +} + +.container_24 .push_15 { + left: 600px; +} + +.container_24 .push_16 { + left: 640px; +} + +.container_24 .push_17 { + left: 680px; +} + +.container_24 .push_18 { + left: 720px; +} + +.container_24 .push_19 { + left: 760px; +} + +.container_24 .push_20 { + left: 800px; +} + +.container_24 .push_21 { + left: 840px; +} + +.container_24 .push_22 { + left: 880px; +} + +.container_24 .push_23 { + left: 920px; +} + +/* `Pull Space >> 24 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_24 .pull_1 { + left: -40px; +} + +.container_24 .pull_2 { + left: -80px; +} + +.container_24 .pull_3 { + left: -120px; +} + +.container_24 .pull_4 { + left: -160px; +} + +.container_24 .pull_5 { + left: -200px; +} + +.container_24 .pull_6 { + left: -240px; +} + +.container_24 .pull_7 { + left: -280px; +} + +.container_24 .pull_8 { + left: -320px; +} + +.container_24 .pull_9 { + left: -360px; +} + +.container_24 .pull_10 { + left: -400px; +} + +.container_24 .pull_11 { + left: -440px; +} + +.container_24 .pull_12 { + left: -480px; +} + +.container_24 .pull_13 { + left: -520px; +} + +.container_24 .pull_14 { + left: -560px; +} + +.container_24 .pull_15 { + left: -600px; +} + +.container_24 .pull_16 { + left: -640px; +} + +.container_24 .pull_17 { + left: -680px; +} + +.container_24 .pull_18 { + left: -720px; +} + +.container_24 .pull_19 { + left: -760px; +} + +.container_24 .pull_20 { + left: -800px; +} + +.container_24 .pull_21 { + left: -840px; +} + +.container_24 .pull_22 { + left: -880px; +} + +.container_24 .pull_23 { + left: -920px; +} + +/* `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/code/css/demo.css b/code/css/demo.css new file mode 100644 index 0000000..d689be4 --- /dev/null +++ b/code/css/demo.css @@ -0,0 +1,55 @@ +body { + background: #123; + color: #333; + font-size: 11px; + height: auto; + padding-bottom: 20px; +} + +a { + color: #fff; + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +h1 { + font-family: Georgia, serif; + font-weight: normal; + padding-top: 20px; + text-align: center; +} + +h2 { + padding-top: 20px; + text-align: center; +} + +p { + border: 1px solid #666; + overflow: hidden; + padding: 10px 0; + text-align: center; +} + +.container_12, +.container_16, +.container_24 { + background-color: #fff; + background-repeat: repeat-y; + margin-bottom: 20px; +} + +.container_12 { + background-image: url(../img/12_col.gif); +} + +.container_16 { + background-image: url(../img/16_col.gif); +} + +.container_24 { + background-image: url(../img/24_col.gif); +} \ No newline at end of file diff --git a/code/css/min/960.css b/code/css/min/960.css new file mode 100755 index 0000000..a1f9797 --- /dev/null +++ b/code/css/min/960.css @@ -0,0 +1 @@ +body{min-width:960px}.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.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,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15{position:relative}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both}.clearfix{zoom:1} \ No newline at end of file diff --git a/code/css/min/960_24_col.css b/code/css/min/960_24_col.css new file mode 100755 index 0000000..313f46d --- /dev/null +++ b/code/css/min/960_24_col.css @@ -0,0 +1 @@ +body{min-width:960px}.container_24{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24{display:inline;float:left;margin-left:5px;margin-right:5px}.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,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15,.push_16,.pull_16,.push_17,.pull_17,.push_18,.pull_18,.push_19,.pull_19,.push_20,.pull_20,.push_21,.pull_21,.push_22,.pull_22,.push_23,.pull_23{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_24 .grid_1{width:30px}.container_24 .grid_2{width:70px}.container_24 .grid_3{width:110px}.container_24 .grid_4{width:150px}.container_24 .grid_5{width:190px}.container_24 .grid_6{width:230px}.container_24 .grid_7{width:270px}.container_24 .grid_8{width:310px}.container_24 .grid_9{width:350px}.container_24 .grid_10{width:390px}.container_24 .grid_11{width:430px}.container_24 .grid_12{width:470px}.container_24 .grid_13{width:510px}.container_24 .grid_14{width:550px}.container_24 .grid_15{width:590px}.container_24 .grid_16{width:630px}.container_24 .grid_17{width:670px}.container_24 .grid_18{width:710px}.container_24 .grid_19{width:750px}.container_24 .grid_20{width:790px}.container_24 .grid_21{width:830px}.container_24 .grid_22{width:870px}.container_24 .grid_23{width:910px}.container_24 .grid_24{width:950px}.container_24 .prefix_1{padding-left:40px}.container_24 .prefix_2{padding-left:80px}.container_24 .prefix_3{padding-left:120px}.container_24 .prefix_4{padding-left:160px}.container_24 .prefix_5{padding-left:200px}.container_24 .prefix_6{padding-left:240px}.container_24 .prefix_7{padding-left:280px}.container_24 .prefix_8{padding-left:320px}.container_24 .prefix_9{padding-left:360px}.container_24 .prefix_10{padding-left:400px}.container_24 .prefix_11{padding-left:440px}.container_24 .prefix_12{padding-left:480px}.container_24 .prefix_13{padding-left:520px}.container_24 .prefix_14{padding-left:560px}.container_24 .prefix_15{padding-left:600px}.container_24 .prefix_16{padding-left:640px}.container_24 .prefix_17{padding-left:680px}.container_24 .prefix_18{padding-left:720px}.container_24 .prefix_19{padding-left:760px}.container_24 .prefix_20{padding-left:800px}.container_24 .prefix_21{padding-left:840px}.container_24 .prefix_22{padding-left:880px}.container_24 .prefix_23{padding-left:920px}.container_24 .suffix_1{padding-right:40px}.container_24 .suffix_2{padding-right:80px}.container_24 .suffix_3{padding-right:120px}.container_24 .suffix_4{padding-right:160px}.container_24 .suffix_5{padding-right:200px}.container_24 .suffix_6{padding-right:240px}.container_24 .suffix_7{padding-right:280px}.container_24 .suffix_8{padding-right:320px}.container_24 .suffix_9{padding-right:360px}.container_24 .suffix_10{padding-right:400px}.container_24 .suffix_11{padding-right:440px}.container_24 .suffix_12{padding-right:480px}.container_24 .suffix_13{padding-right:520px}.container_24 .suffix_14{padding-right:560px}.container_24 .suffix_15{padding-right:600px}.container_24 .suffix_16{padding-right:640px}.container_24 .suffix_17{padding-right:680px}.container_24 .suffix_18{padding-right:720px}.container_24 .suffix_19{padding-right:760px}.container_24 .suffix_20{padding-right:800px}.container_24 .suffix_21{padding-right:840px}.container_24 .suffix_22{padding-right:880px}.container_24 .suffix_23{padding-right:920px}.container_24 .push_1{left:40px}.container_24 .push_2{left:80px}.container_24 .push_3{left:120px}.container_24 .push_4{left:160px}.container_24 .push_5{left:200px}.container_24 .push_6{left:240px}.container_24 .push_7{left:280px}.container_24 .push_8{left:320px}.container_24 .push_9{left:360px}.container_24 .push_10{left:400px}.container_24 .push_11{left:440px}.container_24 .push_12{left:480px}.container_24 .push_13{left:520px}.container_24 .push_14{left:560px}.container_24 .push_15{left:600px}.container_24 .push_16{left:640px}.container_24 .push_17{left:680px}.container_24 .push_18{left:720px}.container_24 .push_19{left:760px}.container_24 .push_20{left:800px}.container_24 .push_21{left:840px}.container_24 .push_22{left:880px}.container_24 .push_23{left:920px}.container_24 .pull_1{left:-40px}.container_24 .pull_2{left:-80px}.container_24 .pull_3{left:-120px}.container_24 .pull_4{left:-160px}.container_24 .pull_5{left:-200px}.container_24 .pull_6{left:-240px}.container_24 .pull_7{left:-280px}.container_24 .pull_8{left:-320px}.container_24 .pull_9{left:-360px}.container_24 .pull_10{left:-400px}.container_24 .pull_11{left:-440px}.container_24 .pull_12{left:-480px}.container_24 .pull_13{left:-520px}.container_24 .pull_14{left:-560px}.container_24 .pull_15{left:-600px}.container_24 .pull_16{left:-640px}.container_24 .pull_17{left:-680px}.container_24 .pull_18{left:-720px}.container_24 .pull_19{left:-760px}.container_24 .pull_20{left:-800px}.container_24 .pull_21{left:-840px}.container_24 .pull_22{left:-880px}.container_24 .pull_23{left:-920px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both}.clearfix{zoom:1} \ No newline at end of file diff --git a/code/css/min/reset.css b/code/css/min/reset.css new file mode 100755 index 0000000..5798697 --- /dev/null +++ b/code/css/min/reset.css @@ -0,0 +1 @@ +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;font-size:100%;margin:0;padding:0}html,body{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,strong{font-weight:bold}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}li{display:list-item}table{border-collapse:collapse;border-spacing:0}th,td,caption{font-weight:normal;vertical-align:top;text-align:left}svg{overflow:hidden} \ No newline at end of file diff --git a/code/css/min/rtl_960.css b/code/css/min/rtl_960.css new file mode 100755 index 0000000..b4d4e7a --- /dev/null +++ b/code/css/min/rtl_960.css @@ -0,0 +1 @@ +.container_12,.container_16{margin-right:auto;margin-left:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:right;margin-right:10px;margin-left: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,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15{position:relative}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-right:0}.omega{margin-left:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-right:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-right:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-right:720px}.container_12 .prefix_1{padding-right:80px}.container_12 .prefix_2{padding-right:160px}.container_12 .prefix_4{padding-right:320px}.container_12 .prefix_5{padding-right:400px}.container_12 .prefix_7{padding-right:560px}.container_12 .prefix_8{padding-right:640px}.container_12 .prefix_10{padding-right:800px}.container_12 .prefix_11{padding-right:880px}.container_16 .prefix_1{padding-right:60px}.container_16 .prefix_2{padding-right:120px}.container_16 .prefix_3{padding-right:180px}.container_16 .prefix_5{padding-right:300px}.container_16 .prefix_6{padding-right:360px}.container_16 .prefix_7{padding-right:420px}.container_16 .prefix_9{padding-right:540px}.container_16 .prefix_10{padding-right:600px}.container_16 .prefix_11{padding-right:660px}.container_16 .prefix_13{padding-right:780px}.container_16 .prefix_14{padding-right:840px}.container_16 .prefix_15{padding-right:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-left:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-left:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-left:720px}.container_12 .suffix_1{padding-left:80px}.container_12 .suffix_2{padding-left:160px}.container_12 .suffix_4{padding-left:320px}.container_12 .suffix_5{padding-left:400px}.container_12 .suffix_7{padding-left:560px}.container_12 .suffix_8{padding-left:640px}.container_12 .suffix_10{padding-left:800px}.container_12 .suffix_11{padding-left:880px}.container_16 .suffix_1{padding-left:60px}.container_16 .suffix_2{padding-left:120px}.container_16 .suffix_3{padding-left:180px}.container_16 .suffix_5{padding-left:300px}.container_16 .suffix_6{padding-left:360px}.container_16 .suffix_7{padding-left:420px}.container_16 .suffix_9{padding-left:540px}.container_16 .suffix_10{padding-left:600px}.container_16 .suffix_11{padding-left:660px}.container_16 .suffix_13{padding-left:780px}.container_16 .suffix_14{padding-left:840px}.container_16 .suffix_15{padding-left:900px}.container_12 .push_3,.container_16 .push_4{right:240px}.container_12 .push_6,.container_16 .push_8{right:480px}.container_12 .push_9,.container_16 .push_12{right:720px}.container_12 .push_1{right:80px}.container_12 .push_2{right:160px}.container_12 .push_4{right:320px}.container_12 .push_5{right:400px}.container_12 .push_7{right:560px}.container_12 .push_8{right:640px}.container_12 .push_10{right:800px}.container_12 .push_11{right:880px}.container_16 .push_1{right:60px}.container_16 .push_2{right:120px}.container_16 .push_3{right:180px}.container_16 .push_5{right:300px}.container_16 .push_6{right:360px}.container_16 .push_7{right:420px}.container_16 .push_9{right:540px}.container_16 .push_10{right:600px}.container_16 .push_11{right:660px}.container_16 .push_13{right:780px}.container_16 .push_14{right:840px}.container_16 .push_15{right:900px}.container_12 .pull_3,.container_16 .pull_4{right:-240px}.container_12 .pull_6,.container_16 .pull_8{right:-480px}.container_12 .pull_9,.container_16 .pull_12{right:-720px}.container_12 .pull_1{right:-80px}.container_12 .pull_2{right:-160px}.container_12 .pull_4{right:-320px}.container_12 .pull_5{right:-400px}.container_12 .pull_7{right:-560px}.container_12 .pull_8{right:-640px}.container_12 .pull_10{right:-800px}.container_12 .pull_11{right:-880px}.container_16 .pull_1{right:-60px}.container_16 .pull_2{right:-120px}.container_16 .pull_3{right:-180px}.container_16 .pull_5{right:-300px}.container_16 .pull_6{right:-360px}.container_16 .pull_7{right:-420px}.container_16 .pull_9{right:-540px}.container_16 .pull_10{right:-600px}.container_16 .pull_11{right:-660px}.container_16 .pull_13{right:-780px}.container_16 .pull_14{right:-840px}.container_16 .pull_15{right:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both}.clearfix{zoom:1} \ No newline at end of file diff --git a/code/css/min/rtl_960_24_col.css b/code/css/min/rtl_960_24_col.css new file mode 100755 index 0000000..c064dd4 --- /dev/null +++ b/code/css/min/rtl_960_24_col.css @@ -0,0 +1 @@ +.container_24{margin-right:auto;margin-left:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24{display:inline;float:right;margin-right:5px;margin-left:5px}.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,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15,.push_16,.pull_16,.push_17,.pull_17,.push_18,.pull_18,.push_19,.pull_19,.push_20,.pull_20,.push_21,.pull_21,.push_22,.pull_22,.push_23,.pull_23{position:relative}.alpha{margin-right:0}.omega{margin-left:0}.container_24 .grid_1{width:30px}.container_24 .grid_2{width:70px}.container_24 .grid_3{width:110px}.container_24 .grid_4{width:150px}.container_24 .grid_5{width:190px}.container_24 .grid_6{width:230px}.container_24 .grid_7{width:270px}.container_24 .grid_8{width:310px}.container_24 .grid_9{width:350px}.container_24 .grid_10{width:390px}.container_24 .grid_11{width:430px}.container_24 .grid_12{width:470px}.container_24 .grid_13{width:510px}.container_24 .grid_14{width:550px}.container_24 .grid_15{width:590px}.container_24 .grid_16{width:630px}.container_24 .grid_17{width:670px}.container_24 .grid_18{width:710px}.container_24 .grid_19{width:750px}.container_24 .grid_20{width:790px}.container_24 .grid_21{width:830px}.container_24 .grid_22{width:870px}.container_24 .grid_23{width:910px}.container_24 .grid_24{width:950px}.container_24 .prefix_1{padding-right:40px}.container_24 .prefix_2{padding-right:80px}.container_24 .prefix_3{padding-right:120px}.container_24 .prefix_4{padding-right:160px}.container_24 .prefix_5{padding-right:200px}.container_24 .prefix_6{padding-right:240px}.container_24 .prefix_7{padding-right:280px}.container_24 .prefix_8{padding-right:320px}.container_24 .prefix_9{padding-right:360px}.container_24 .prefix_10{padding-right:400px}.container_24 .prefix_11{padding-right:440px}.container_24 .prefix_12{padding-right:480px}.container_24 .prefix_13{padding-right:520px}.container_24 .prefix_14{padding-right:560px}.container_24 .prefix_15{padding-right:600px}.container_24 .prefix_16{padding-right:640px}.container_24 .prefix_17{padding-right:680px}.container_24 .prefix_18{padding-right:720px}.container_24 .prefix_19{padding-right:760px}.container_24 .prefix_20{padding-right:800px}.container_24 .prefix_21{padding-right:840px}.container_24 .prefix_22{padding-right:880px}.container_24 .prefix_23{padding-right:920px}.container_24 .suffix_1{padding-left:40px}.container_24 .suffix_2{padding-left:80px}.container_24 .suffix_3{padding-left:120px}.container_24 .suffix_4{padding-left:160px}.container_24 .suffix_5{padding-left:200px}.container_24 .suffix_6{padding-left:240px}.container_24 .suffix_7{padding-left:280px}.container_24 .suffix_8{padding-left:320px}.container_24 .suffix_9{padding-left:360px}.container_24 .suffix_10{padding-left:400px}.container_24 .suffix_11{padding-left:440px}.container_24 .suffix_12{padding-left:480px}.container_24 .suffix_13{padding-left:520px}.container_24 .suffix_14{padding-left:560px}.container_24 .suffix_15{padding-left:600px}.container_24 .suffix_16{padding-left:640px}.container_24 .suffix_17{padding-left:680px}.container_24 .suffix_18{padding-left:720px}.container_24 .suffix_19{padding-left:760px}.container_24 .suffix_20{padding-left:800px}.container_24 .suffix_21{padding-left:840px}.container_24 .suffix_22{padding-left:880px}.container_24 .suffix_23{padding-left:920px}.container_24 .push_1{right:40px}.container_24 .push_2{right:80px}.container_24 .push_3{right:120px}.container_24 .push_4{right:160px}.container_24 .push_5{right:200px}.container_24 .push_6{right:240px}.container_24 .push_7{right:280px}.container_24 .push_8{right:320px}.container_24 .push_9{right:360px}.container_24 .push_10{right:400px}.container_24 .push_11{right:440px}.container_24 .push_12{right:480px}.container_24 .push_13{right:520px}.container_24 .push_14{right:560px}.container_24 .push_15{right:600px}.container_24 .push_16{right:640px}.container_24 .push_17{right:680px}.container_24 .push_18{right:720px}.container_24 .push_19{right:760px}.container_24 .push_20{right:800px}.container_24 .push_21{right:840px}.container_24 .push_22{right:880px}.container_24 .push_23{right:920px}.container_24 .pull_1{right:-40px}.container_24 .pull_2{right:-80px}.container_24 .pull_3{right:-120px}.container_24 .pull_4{right:-160px}.container_24 .pull_5{right:-200px}.container_24 .pull_6{right:-240px}.container_24 .pull_7{right:-280px}.container_24 .pull_8{right:-320px}.container_24 .pull_9{right:-360px}.container_24 .pull_10{right:-400px}.container_24 .pull_11{right:-440px}.container_24 .pull_12{right:-480px}.container_24 .pull_13{right:-520px}.container_24 .pull_14{right:-560px}.container_24 .pull_15{right:-600px}.container_24 .pull_16{right:-640px}.container_24 .pull_17{right:-680px}.container_24 .pull_18{right:-720px}.container_24 .pull_19{right:-760px}.container_24 .pull_20{right:-800px}.container_24 .pull_21{right:-840px}.container_24 .pull_22{right:-880px}.container_24 .pull_23{right:-920px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both}.clearfix{zoom:1} \ No newline at end of file diff --git a/code/css/min/rtl_text.css b/code/css/min/rtl_text.css new file mode 100755 index 0000000..14e4105 --- /dev/null +++ b/code/css/min/rtl_text.css @@ -0,0 +1 @@ +body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-right:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px} \ No newline at end of file diff --git a/code/css/min/text.css b/code/css/min/text.css new file mode 100755 index 0000000..54d64cb --- /dev/null +++ b/code/css/min/text.css @@ -0,0 +1 @@ +body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style: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/code/css/reset.css b/code/css/reset.css old mode 100755 new mode 100644 index 5798697..885707c --- a/code/css/reset.css +++ b/code/css/reset.css @@ -1 +1,171 @@ -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;font-size:100%;margin:0;padding:0}html,body{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,strong{font-weight:bold}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}li{display:list-item}table{border-collapse:collapse;border-spacing:0}th,td,caption{font-weight:normal;vertical-align:top;text-align:left}svg{overflow:hidden} \ No newline at end of file +/* `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/code/css/rtl_960.css b/code/css/rtl_960.css index b4d4e7a..6126d21 100755 --- a/code/css/rtl_960.css +++ b/code/css/rtl_960.css @@ -1 +1,631 @@ -.container_12,.container_16{margin-right:auto;margin-left:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:right;margin-right:10px;margin-left: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,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15{position:relative}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-right:0}.omega{margin-left:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-right:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-right:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-right:720px}.container_12 .prefix_1{padding-right:80px}.container_12 .prefix_2{padding-right:160px}.container_12 .prefix_4{padding-right:320px}.container_12 .prefix_5{padding-right:400px}.container_12 .prefix_7{padding-right:560px}.container_12 .prefix_8{padding-right:640px}.container_12 .prefix_10{padding-right:800px}.container_12 .prefix_11{padding-right:880px}.container_16 .prefix_1{padding-right:60px}.container_16 .prefix_2{padding-right:120px}.container_16 .prefix_3{padding-right:180px}.container_16 .prefix_5{padding-right:300px}.container_16 .prefix_6{padding-right:360px}.container_16 .prefix_7{padding-right:420px}.container_16 .prefix_9{padding-right:540px}.container_16 .prefix_10{padding-right:600px}.container_16 .prefix_11{padding-right:660px}.container_16 .prefix_13{padding-right:780px}.container_16 .prefix_14{padding-right:840px}.container_16 .prefix_15{padding-right:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-left:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-left:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-left:720px}.container_12 .suffix_1{padding-left:80px}.container_12 .suffix_2{padding-left:160px}.container_12 .suffix_4{padding-left:320px}.container_12 .suffix_5{padding-left:400px}.container_12 .suffix_7{padding-left:560px}.container_12 .suffix_8{padding-left:640px}.container_12 .suffix_10{padding-left:800px}.container_12 .suffix_11{padding-left:880px}.container_16 .suffix_1{padding-left:60px}.container_16 .suffix_2{padding-left:120px}.container_16 .suffix_3{padding-left:180px}.container_16 .suffix_5{padding-left:300px}.container_16 .suffix_6{padding-left:360px}.container_16 .suffix_7{padding-left:420px}.container_16 .suffix_9{padding-left:540px}.container_16 .suffix_10{padding-left:600px}.container_16 .suffix_11{padding-left:660px}.container_16 .suffix_13{padding-left:780px}.container_16 .suffix_14{padding-left:840px}.container_16 .suffix_15{padding-left:900px}.container_12 .push_3,.container_16 .push_4{right:240px}.container_12 .push_6,.container_16 .push_8{right:480px}.container_12 .push_9,.container_16 .push_12{right:720px}.container_12 .push_1{right:80px}.container_12 .push_2{right:160px}.container_12 .push_4{right:320px}.container_12 .push_5{right:400px}.container_12 .push_7{right:560px}.container_12 .push_8{right:640px}.container_12 .push_10{right:800px}.container_12 .push_11{right:880px}.container_16 .push_1{right:60px}.container_16 .push_2{right:120px}.container_16 .push_3{right:180px}.container_16 .push_5{right:300px}.container_16 .push_6{right:360px}.container_16 .push_7{right:420px}.container_16 .push_9{right:540px}.container_16 .push_10{right:600px}.container_16 .push_11{right:660px}.container_16 .push_13{right:780px}.container_16 .push_14{right:840px}.container_16 .push_15{right:900px}.container_12 .pull_3,.container_16 .pull_4{right:-240px}.container_12 .pull_6,.container_16 .pull_8{right:-480px}.container_12 .pull_9,.container_16 .pull_12{right:-720px}.container_12 .pull_1{right:-80px}.container_12 .pull_2{right:-160px}.container_12 .pull_4{right:-320px}.container_12 .pull_5{right:-400px}.container_12 .pull_7{right:-560px}.container_12 .pull_8{right:-640px}.container_12 .pull_10{right:-800px}.container_12 .pull_11{right:-880px}.container_16 .pull_1{right:-60px}.container_16 .pull_2{right:-120px}.container_16 .pull_3{right:-180px}.container_16 .pull_5{right:-300px}.container_16 .pull_6{right:-360px}.container_16 .pull_7{right:-420px}.container_16 .pull_9{right:-540px}.container_16 .pull_10{right:-600px}.container_16 .pull_11{right:-660px}.container_16 .pull_13{right:-780px}.container_16 .pull_14{right:-840px}.container_16 .pull_15{right:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both}.clearfix{zoom:1} \ No newline at end of file +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* `Containers +----------------------------------------------------------------------------------------------------*/ + +.container_12, +.container_16 { + margin-right: auto; + margin-left: auto; + width: 960px; +} + +/* `Grid >> Global +----------------------------------------------------------------------------------------------------*/ + +.grid_1, +.grid_2, +.grid_3, +.grid_4, +.grid_5, +.grid_6, +.grid_7, +.grid_8, +.grid_9, +.grid_10, +.grid_11, +.grid_12, +.grid_13, +.grid_14, +.grid_15, +.grid_16 { + display: inline; + float: right; + margin-right: 10px; + margin-left: 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, +.push_13, .pull_13, +.push_14, .pull_14, +.push_15, .pull_15 { + position: relative; +} + +.container_12 .grid_3, +.container_16 .grid_4 { + width: 220px; +} + +.container_12 .grid_6, +.container_16 .grid_8 { + width: 460px; +} + +.container_12 .grid_9, +.container_16 .grid_12 { + width: 700px; +} + +.container_12 .grid_12, +.container_16 .grid_16 { + width: 940px; +} + +/* `Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-right: 0; +} + +.omega { + margin-left: 0; +} + +/* `Grid >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .grid_1 { + width: 60px; +} + +.container_12 .grid_2 { + width: 140px; +} + +.container_12 .grid_4 { + width: 300px; +} + +.container_12 .grid_5 { + width: 380px; +} + +.container_12 .grid_7 { + width: 540px; +} + +.container_12 .grid_8 { + width: 620px; +} + +.container_12 .grid_10 { + width: 780px; +} + +.container_12 .grid_11 { + width: 860px; +} + +/* `Grid >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_16 .grid_1 { + width: 40px; +} + +.container_16 .grid_2 { + width: 100px; +} + +.container_16 .grid_3 { + width: 160px; +} + +.container_16 .grid_5 { + width: 280px; +} + +.container_16 .grid_6 { + width: 340px; +} + +.container_16 .grid_7 { + width: 400px; +} + +.container_16 .grid_9 { + width: 520px; +} + +.container_16 .grid_10 { + width: 580px; +} + +.container_16 .grid_11 { + width: 640px; +} + +.container_16 .grid_13 { + width: 760px; +} + +.container_16 .grid_14 { + width: 820px; +} + +.container_16 .grid_15 { + width: 880px; +} + +/* `Prefix Extra Space >> Global +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_3, +.container_16 .prefix_4 { + padding-right: 240px; +} + +.container_12 .prefix_6, +.container_16 .prefix_8 { + padding-right: 480px; +} + +.container_12 .prefix_9, +.container_16 .prefix_12 { + padding-right: 720px; +} + +/* `Prefix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 { + padding-right: 80px; +} + +.container_12 .prefix_2 { + padding-right: 160px; +} + +.container_12 .prefix_4 { + padding-right: 320px; +} + +.container_12 .prefix_5 { + padding-right: 400px; +} + +.container_12 .prefix_7 { + padding-right: 560px; +} + +.container_12 .prefix_8 { + padding-right: 640px; +} + +.container_12 .prefix_10 { + padding-right: 800px; +} + +.container_12 .prefix_11 { + padding-right: 880px; +} + +/* `Prefix Extra Space >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_16 .prefix_1 { + padding-right: 60px; +} + +.container_16 .prefix_2 { + padding-right: 120px; +} + +.container_16 .prefix_3 { + padding-right: 180px; +} + +.container_16 .prefix_5 { + padding-right: 300px; +} + +.container_16 .prefix_6 { + padding-right: 360px; +} + +.container_16 .prefix_7 { + padding-right: 420px; +} + +.container_16 .prefix_9 { + padding-right: 540px; +} + +.container_16 .prefix_10 { + padding-right: 600px; +} + +.container_16 .prefix_11 { + padding-right: 660px; +} + +.container_16 .prefix_13 { + padding-right: 780px; +} + +.container_16 .prefix_14 { + padding-right: 840px; +} + +.container_16 .prefix_15 { + padding-right: 900px; +} + +/* `Suffix Extra Space >> Global +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_3, +.container_16 .suffix_4 { + padding-left: 240px; +} + +.container_12 .suffix_6, +.container_16 .suffix_8 { + padding-left: 480px; +} + +.container_12 .suffix_9, +.container_16 .suffix_12 { + padding-left: 720px; +} + +/* `Suffix Extra Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 { + padding-left: 80px; +} + +.container_12 .suffix_2 { + padding-left: 160px; +} + +.container_12 .suffix_4 { + padding-left: 320px; +} + +.container_12 .suffix_5 { + padding-left: 400px; +} + +.container_12 .suffix_7 { + padding-left: 560px; +} + +.container_12 .suffix_8 { + padding-left: 640px; +} + +.container_12 .suffix_10 { + padding-left: 800px; +} + +.container_12 .suffix_11 { + padding-left: 880px; +} + +/* `Suffix Extra Space >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_16 .suffix_1 { + padding-left: 60px; +} + +.container_16 .suffix_2 { + padding-left: 120px; +} + +.container_16 .suffix_3 { + padding-left: 180px; +} + +.container_16 .suffix_5 { + padding-left: 300px; +} + +.container_16 .suffix_6 { + padding-left: 360px; +} + +.container_16 .suffix_7 { + padding-left: 420px; +} + +.container_16 .suffix_9 { + padding-left: 540px; +} + +.container_16 .suffix_10 { + padding-left: 600px; +} + +.container_16 .suffix_11 { + padding-left: 660px; +} + +.container_16 .suffix_13 { + padding-left: 780px; +} + +.container_16 .suffix_14 { + padding-left: 840px; +} + +.container_16 .suffix_15 { + padding-left: 900px; +} + +/* `Push Space >> Global +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_3, +.container_16 .push_4 { + right: 240px; +} + +.container_12 .push_6, +.container_16 .push_8 { + right: 480px; +} + +.container_12 .push_9, +.container_16 .push_12 { + right: 720px; +} + +/* `Push Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .push_1 { + right: 80px; +} + +.container_12 .push_2 { + right: 160px; +} + +.container_12 .push_4 { + right: 320px; +} + +.container_12 .push_5 { + right: 400px; +} + +.container_12 .push_7 { + right: 560px; +} + +.container_12 .push_8 { + right: 640px; +} + +.container_12 .push_10 { + right: 800px; +} + +.container_12 .push_11 { + right: 880px; +} + +/* `Push Space >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_16 .push_1 { + right: 60px; +} + +.container_16 .push_2 { + right: 120px; +} + +.container_16 .push_3 { + right: 180px; +} + +.container_16 .push_5 { + right: 300px; +} + +.container_16 .push_6 { + right: 360px; +} + +.container_16 .push_7 { + right: 420px; +} + +.container_16 .push_9 { + right: 540px; +} + +.container_16 .push_10 { + right: 600px; +} + +.container_16 .push_11 { + right: 660px; +} + +.container_16 .push_13 { + right: 780px; +} + +.container_16 .push_14 { + right: 840px; +} + +.container_16 .push_15 { + right: 900px; +} + +/* `Pull Space >> Global +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_3, +.container_16 .pull_4 { + right: -240px; +} + +.container_12 .pull_6, +.container_16 .pull_8 { + right: -480px; +} + +.container_12 .pull_9, +.container_16 .pull_12 { + right: -720px; +} + +/* `Pull Space >> 12 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_12 .pull_1 { + right: -80px; +} + +.container_12 .pull_2 { + right: -160px; +} + +.container_12 .pull_4 { + right: -320px; +} + +.container_12 .pull_5 { + right: -400px; +} + +.container_12 .pull_7 { + right: -560px; +} + +.container_12 .pull_8 { + right: -640px; +} + +.container_12 .pull_10 { + right: -800px; +} + +.container_12 .pull_11 { + right: -880px; +} + +/* `Pull Space >> 16 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_16 .pull_1 { + right: -60px; +} + +.container_16 .pull_2 { + right: -120px; +} + +.container_16 .pull_3 { + right: -180px; +} + +.container_16 .pull_5 { + right: -300px; +} + +.container_16 .pull_6 { + right: -360px; +} + +.container_16 .pull_7 { + right: -420px; +} + +.container_16 .pull_9 { + right: -540px; +} + +.container_16 .pull_10 { + right: -600px; +} + +.container_16 .pull_11 { + right: -660px; +} + +.container_16 .pull_13 { + right: -780px; +} + +.container_16 .pull_14 { + right: -840px; +} + +.container_16 .pull_15 { + right: -900px; +} + +/* `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/code/css/rtl_960_24_col.css b/code/css/rtl_960_24_col.css index c064dd4..eeff26c 100755 --- a/code/css/rtl_960_24_col.css +++ b/code/css/rtl_960_24_col.css @@ -1 +1,602 @@ -.container_24{margin-right:auto;margin-left:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24{display:inline;float:right;margin-right:5px;margin-left:5px}.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,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15,.push_16,.pull_16,.push_17,.pull_17,.push_18,.pull_18,.push_19,.pull_19,.push_20,.pull_20,.push_21,.pull_21,.push_22,.pull_22,.push_23,.pull_23{position:relative}.alpha{margin-right:0}.omega{margin-left:0}.container_24 .grid_1{width:30px}.container_24 .grid_2{width:70px}.container_24 .grid_3{width:110px}.container_24 .grid_4{width:150px}.container_24 .grid_5{width:190px}.container_24 .grid_6{width:230px}.container_24 .grid_7{width:270px}.container_24 .grid_8{width:310px}.container_24 .grid_9{width:350px}.container_24 .grid_10{width:390px}.container_24 .grid_11{width:430px}.container_24 .grid_12{width:470px}.container_24 .grid_13{width:510px}.container_24 .grid_14{width:550px}.container_24 .grid_15{width:590px}.container_24 .grid_16{width:630px}.container_24 .grid_17{width:670px}.container_24 .grid_18{width:710px}.container_24 .grid_19{width:750px}.container_24 .grid_20{width:790px}.container_24 .grid_21{width:830px}.container_24 .grid_22{width:870px}.container_24 .grid_23{width:910px}.container_24 .grid_24{width:950px}.container_24 .prefix_1{padding-right:40px}.container_24 .prefix_2{padding-right:80px}.container_24 .prefix_3{padding-right:120px}.container_24 .prefix_4{padding-right:160px}.container_24 .prefix_5{padding-right:200px}.container_24 .prefix_6{padding-right:240px}.container_24 .prefix_7{padding-right:280px}.container_24 .prefix_8{padding-right:320px}.container_24 .prefix_9{padding-right:360px}.container_24 .prefix_10{padding-right:400px}.container_24 .prefix_11{padding-right:440px}.container_24 .prefix_12{padding-right:480px}.container_24 .prefix_13{padding-right:520px}.container_24 .prefix_14{padding-right:560px}.container_24 .prefix_15{padding-right:600px}.container_24 .prefix_16{padding-right:640px}.container_24 .prefix_17{padding-right:680px}.container_24 .prefix_18{padding-right:720px}.container_24 .prefix_19{padding-right:760px}.container_24 .prefix_20{padding-right:800px}.container_24 .prefix_21{padding-right:840px}.container_24 .prefix_22{padding-right:880px}.container_24 .prefix_23{padding-right:920px}.container_24 .suffix_1{padding-left:40px}.container_24 .suffix_2{padding-left:80px}.container_24 .suffix_3{padding-left:120px}.container_24 .suffix_4{padding-left:160px}.container_24 .suffix_5{padding-left:200px}.container_24 .suffix_6{padding-left:240px}.container_24 .suffix_7{padding-left:280px}.container_24 .suffix_8{padding-left:320px}.container_24 .suffix_9{padding-left:360px}.container_24 .suffix_10{padding-left:400px}.container_24 .suffix_11{padding-left:440px}.container_24 .suffix_12{padding-left:480px}.container_24 .suffix_13{padding-left:520px}.container_24 .suffix_14{padding-left:560px}.container_24 .suffix_15{padding-left:600px}.container_24 .suffix_16{padding-left:640px}.container_24 .suffix_17{padding-left:680px}.container_24 .suffix_18{padding-left:720px}.container_24 .suffix_19{padding-left:760px}.container_24 .suffix_20{padding-left:800px}.container_24 .suffix_21{padding-left:840px}.container_24 .suffix_22{padding-left:880px}.container_24 .suffix_23{padding-left:920px}.container_24 .push_1{right:40px}.container_24 .push_2{right:80px}.container_24 .push_3{right:120px}.container_24 .push_4{right:160px}.container_24 .push_5{right:200px}.container_24 .push_6{right:240px}.container_24 .push_7{right:280px}.container_24 .push_8{right:320px}.container_24 .push_9{right:360px}.container_24 .push_10{right:400px}.container_24 .push_11{right:440px}.container_24 .push_12{right:480px}.container_24 .push_13{right:520px}.container_24 .push_14{right:560px}.container_24 .push_15{right:600px}.container_24 .push_16{right:640px}.container_24 .push_17{right:680px}.container_24 .push_18{right:720px}.container_24 .push_19{right:760px}.container_24 .push_20{right:800px}.container_24 .push_21{right:840px}.container_24 .push_22{right:880px}.container_24 .push_23{right:920px}.container_24 .pull_1{right:-40px}.container_24 .pull_2{right:-80px}.container_24 .pull_3{right:-120px}.container_24 .pull_4{right:-160px}.container_24 .pull_5{right:-200px}.container_24 .pull_6{right:-240px}.container_24 .pull_7{right:-280px}.container_24 .pull_8{right:-320px}.container_24 .pull_9{right:-360px}.container_24 .pull_10{right:-400px}.container_24 .pull_11{right:-440px}.container_24 .pull_12{right:-480px}.container_24 .pull_13{right:-520px}.container_24 .pull_14{right:-560px}.container_24 .pull_15{right:-600px}.container_24 .pull_16{right:-640px}.container_24 .pull_17{right:-680px}.container_24 .pull_18{right:-720px}.container_24 .pull_19{right:-760px}.container_24 .pull_20{right:-800px}.container_24 .pull_21{right:-840px}.container_24 .pull_22{right:-880px}.container_24 .pull_23{right:-920px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both}.clearfix{zoom:1} \ No newline at end of file +/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* `Container >> 24 Columns +----------------------------------------------------------------------------------------------------*/ +.container_24 { + margin-right: auto; + margin-left: auto; + width: 960px; +} + +/* `Grid >> Global +----------------------------------------------------------------------------------------------------*/ + +.grid_1, +.grid_2, +.grid_3, +.grid_4, +.grid_5, +.grid_6, +.grid_7, +.grid_8, +.grid_9, +.grid_10, +.grid_11, +.grid_12, +.grid_13, +.grid_14, +.grid_15, +.grid_16, +.grid_17, +.grid_18, +.grid_19, +.grid_20, +.grid_21, +.grid_22, +.grid_23, +.grid_24 { + display: inline; + float: right; + margin-right: 5px; + margin-left: 5px; +} + +.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, +.push_13, .pull_13, +.push_14, .pull_14, +.push_15, .pull_15, +.push_16, .pull_16, +.push_17, .pull_17, +.push_18, .pull_18, +.push_19, .pull_19, +.push_20, .pull_20, +.push_21, .pull_21, +.push_22, .pull_22, +.push_23, .pull_23 { + position: relative; +} + +/* `Grid >> Children (Alpha ~ First, Omega ~ Last) +----------------------------------------------------------------------------------------------------*/ + +.alpha { + margin-right: 0; +} + +.omega { + margin-left: 0; +} + +/* `Grid >> 24 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_24 .grid_1 { + width: 30px; +} + +.container_24 .grid_2 { + width: 70px; +} + +.container_24 .grid_3 { + width: 110px; +} + +.container_24 .grid_4 { + width: 150px; +} + +.container_24 .grid_5 { + width: 190px; +} + +.container_24 .grid_6 { + width: 230px; +} + +.container_24 .grid_7 { + width: 270px; +} + +.container_24 .grid_8 { + width: 310px; +} + +.container_24 .grid_9 { + width: 350px; +} + +.container_24 .grid_10 { + width: 390px; +} + +.container_24 .grid_11 { + width: 430px; +} + +.container_24 .grid_12 { + width: 470px; +} + +.container_24 .grid_13 { + width: 510px; +} + +.container_24 .grid_14 { + width: 550px; +} + +.container_24 .grid_15 { + width: 590px; +} + +.container_24 .grid_16 { + width: 630px; +} + +.container_24 .grid_17 { + width: 670px; +} + +.container_24 .grid_18 { + width: 710px; +} + +.container_24 .grid_19 { + width: 750px; +} + +.container_24 .grid_20 { + width: 790px; +} + +.container_24 .grid_21 { + width: 830px; +} + +.container_24 .grid_22 { + width: 870px; +} + +.container_24 .grid_23 { + width: 910px; +} + +.container_24 .grid_24 { + width: 950px; +} + +/* `Prefix Extra Space >> 24 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_24 .prefix_1 { + padding-right: 40px; +} + +.container_24 .prefix_2 { + padding-right: 80px; +} + +.container_24 .prefix_3 { + padding-right: 120px; +} + +.container_24 .prefix_4 { + padding-right: 160px; +} + +.container_24 .prefix_5 { + padding-right: 200px; +} + +.container_24 .prefix_6 { + padding-right: 240px; +} + +.container_24 .prefix_7 { + padding-right: 280px; +} + +.container_24 .prefix_8 { + padding-right: 320px; +} + +.container_24 .prefix_9 { + padding-right: 360px; +} + +.container_24 .prefix_10 { + padding-right: 400px; +} + +.container_24 .prefix_11 { + padding-right: 440px; +} + +.container_24 .prefix_12 { + padding-right: 480px; +} + +.container_24 .prefix_13 { + padding-right: 520px; +} + +.container_24 .prefix_14 { + padding-right: 560px; +} + +.container_24 .prefix_15 { + padding-right: 600px; +} + +.container_24 .prefix_16 { + padding-right: 640px; +} + +.container_24 .prefix_17 { + padding-right: 680px; +} + +.container_24 .prefix_18 { + padding-right: 720px; +} + +.container_24 .prefix_19 { + padding-right: 760px; +} + +.container_24 .prefix_20 { + padding-right: 800px; +} + +.container_24 .prefix_21 { + padding-right: 840px; +} + +.container_24 .prefix_22 { + padding-right: 880px; +} + +.container_24 .prefix_23 { + padding-right: 920px; +} + +/* `Suffix Extra Space >> 24 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_24 .suffix_1 { + padding-left: 40px; +} + +.container_24 .suffix_2 { + padding-left: 80px; +} + +.container_24 .suffix_3 { + padding-left: 120px; +} + +.container_24 .suffix_4 { + padding-left: 160px; +} + +.container_24 .suffix_5 { + padding-left: 200px; +} + +.container_24 .suffix_6 { + padding-left: 240px; +} + +.container_24 .suffix_7 { + padding-left: 280px; +} + +.container_24 .suffix_8 { + padding-left: 320px; +} + +.container_24 .suffix_9 { + padding-left: 360px; +} + +.container_24 .suffix_10 { + padding-left: 400px; +} + +.container_24 .suffix_11 { + padding-left: 440px; +} + +.container_24 .suffix_12 { + padding-left: 480px; +} + +.container_24 .suffix_13 { + padding-left: 520px; +} + +.container_24 .suffix_14 { + padding-left: 560px; +} + +.container_24 .suffix_15 { + padding-left: 600px; +} + +.container_24 .suffix_16 { + padding-left: 640px; +} + +.container_24 .suffix_17 { + padding-left: 680px; +} + +.container_24 .suffix_18 { + padding-left: 720px; +} + +.container_24 .suffix_19 { + padding-left: 760px; +} + +.container_24 .suffix_20 { + padding-left: 800px; +} + +.container_24 .suffix_21 { + padding-left: 840px; +} + +.container_24 .suffix_22 { + padding-left: 880px; +} + +.container_24 .suffix_23 { + padding-left: 920px; +} + +/* `Push Space >> 24 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_24 .push_1 { + right: 40px; +} + +.container_24 .push_2 { + right: 80px; +} + +.container_24 .push_3 { + right: 120px; +} + +.container_24 .push_4 { + right: 160px; +} + +.container_24 .push_5 { + right: 200px; +} + +.container_24 .push_6 { + right: 240px; +} + +.container_24 .push_7 { + right: 280px; +} + +.container_24 .push_8 { + right: 320px; +} + +.container_24 .push_9 { + right: 360px; +} + +.container_24 .push_10 { + right: 400px; +} + +.container_24 .push_11 { + right: 440px; +} + +.container_24 .push_12 { + right: 480px; +} + +.container_24 .push_13 { + right: 520px; +} + +.container_24 .push_14 { + right: 560px; +} + +.container_24 .push_15 { + right: 600px; +} + +.container_24 .push_16 { + right: 640px; +} + +.container_24 .push_17 { + right: 680px; +} + +.container_24 .push_18 { + right: 720px; +} + +.container_24 .push_19 { + right: 760px; +} + +.container_24 .push_20 { + right: 800px; +} + +.container_24 .push_21 { + right: 840px; +} + +.container_24 .push_22 { + right: 880px; +} + +.container_24 .push_23 { + right: 920px; +} + +/* `Pull Space >> 24 Columns +----------------------------------------------------------------------------------------------------*/ + +.container_24 .pull_1 { + right: -40px; +} + +.container_24 .pull_2 { + right: -80px; +} + +.container_24 .pull_3 { + right: -120px; +} + +.container_24 .pull_4 { + right: -160px; +} + +.container_24 .pull_5 { + right: -200px; +} + +.container_24 .pull_6 { + right: -240px; +} + +.container_24 .pull_7 { + right: -280px; +} + +.container_24 .pull_8 { + right: -320px; +} + +.container_24 .pull_9 { + right: -360px; +} + +.container_24 .pull_10 { + right: -400px; +} + +.container_24 .pull_11 { + right: -440px; +} + +.container_24 .pull_12 { + right: -480px; +} + +.container_24 .pull_13 { + right: -520px; +} + +.container_24 .pull_14 { + right: -560px; +} + +.container_24 .pull_15 { + right: -600px; +} + +.container_24 .pull_16 { + right: -640px; +} + +.container_24 .pull_17 { + right: -680px; +} + +.container_24 .pull_18 { + right: -720px; +} + +.container_24 .pull_19 { + right: -760px; +} + +.container_24 .pull_20 { + right: -800px; +} + +.container_24 .pull_21 { + right: -840px; +} + +.container_24 .pull_22 { + right: -880px; +} + +.container_24 .pull_23 { + right: -920px; +} + +/* `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/code/css/rtl_text.css b/code/css/rtl_text.css index 14e4105..1f1d0f9 100755 --- a/code/css/rtl_text.css +++ b/code/css/rtl_text.css @@ -1 +1,84 @@ -body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-right:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px} \ No newline at end of file +/* + 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; +} + +a:focus { + outline: 1px dotted; +} + +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-right: 30px; +} + +p, +dl, +hr, +h1, +h2, +h3, +h4, +h5, +h6, +ol, +ul, +pre, +table, +address, +fieldset { + margin-bottom: 20px; +} \ No newline at end of file diff --git a/code/css/text.css b/code/css/text.css old mode 100755 new mode 100644 index 54d64cb..af8df54 --- a/code/css/text.css +++ b/code/css/text.css @@ -1 +1,81 @@ -body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style: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 +/* + 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/code/css/uncompressed/960.css b/code/css/uncompressed/960.css old mode 100755 new mode 100644 index 2d5d1ca..5e00e18 --- a/code/css/uncompressed/960.css +++ b/code/css/uncompressed/960.css @@ -1,20 +1,20 @@ /* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ - Licensed under GPL and MIT. + Licensed under GPL and MIT. */ /* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. + 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. + Note: IE6 works fine without this fix. */ body { - min-width: 960px; + min-width: 960px; } /* `Containers @@ -22,9 +22,9 @@ body { .container_12, .container_16 { - margin-left: auto; - margin-right: auto; - width: 960px; + margin-left: auto; + margin-right: auto; + width: 960px; } /* `Grid >> Global @@ -46,10 +46,10 @@ body { .grid_14, .grid_15, .grid_16 { - display: inline; - float: left; - margin-left: 10px; - margin-right: 10px; + display: inline; + float: left; + margin-left: 10px; + margin-right: 10px; } .push_1, .pull_1, @@ -67,124 +67,124 @@ body { .push_13, .pull_13, .push_14, .pull_14, .push_15, .pull_15 { - position: relative; + position: relative; } .container_12 .grid_3, .container_16 .grid_4 { - width: 220px; + width: 220px; } .container_12 .grid_6, .container_16 .grid_8 { - width: 460px; + width: 460px; } .container_12 .grid_9, .container_16 .grid_12 { - width: 700px; + width: 700px; } .container_12 .grid_12, .container_16 .grid_16 { - width: 940px; + width: 940px; } /* `Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha { - margin-left: 0; + margin-left: 0; } .omega { - margin-right: 0; + margin-right: 0; } /* `Grid >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .grid_1 { - width: 60px; + width: 60px; } .container_12 .grid_2 { - width: 140px; + width: 140px; } .container_12 .grid_4 { - width: 300px; + width: 300px; } .container_12 .grid_5 { - width: 380px; + width: 380px; } .container_12 .grid_7 { - width: 540px; + width: 540px; } .container_12 .grid_8 { - width: 620px; + width: 620px; } .container_12 .grid_10 { - width: 780px; + width: 780px; } .container_12 .grid_11 { - width: 860px; + width: 860px; } /* `Grid >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .grid_1 { - width: 40px; + width: 40px; } .container_16 .grid_2 { - width: 100px; + width: 100px; } .container_16 .grid_3 { - width: 160px; + width: 160px; } .container_16 .grid_5 { - width: 280px; + width: 280px; } .container_16 .grid_6 { - width: 340px; + width: 340px; } .container_16 .grid_7 { - width: 400px; + width: 400px; } .container_16 .grid_9 { - width: 520px; + width: 520px; } .container_16 .grid_10 { - width: 580px; + width: 580px; } .container_16 .grid_11 { - width: 640px; + width: 640px; } .container_16 .grid_13 { - width: 760px; + width: 760px; } .container_16 .grid_14 { - width: 820px; + width: 820px; } .container_16 .grid_15 { - width: 880px; + width: 880px; } /* `Prefix Extra Space >> Global @@ -192,103 +192,103 @@ body { .container_12 .prefix_3, .container_16 .prefix_4 { - padding-left: 240px; + padding-left: 240px; } .container_12 .prefix_6, .container_16 .prefix_8 { - padding-left: 480px; + padding-left: 480px; } .container_12 .prefix_9, .container_16 .prefix_12 { - padding-left: 720px; + padding-left: 720px; } /* `Prefix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .prefix_1 { - padding-left: 80px; + padding-left: 80px; } .container_12 .prefix_2 { - padding-left: 160px; + padding-left: 160px; } .container_12 .prefix_4 { - padding-left: 320px; + padding-left: 320px; } .container_12 .prefix_5 { - padding-left: 400px; + padding-left: 400px; } .container_12 .prefix_7 { - padding-left: 560px; + padding-left: 560px; } .container_12 .prefix_8 { - padding-left: 640px; + padding-left: 640px; } .container_12 .prefix_10 { - padding-left: 800px; + padding-left: 800px; } .container_12 .prefix_11 { - padding-left: 880px; + padding-left: 880px; } /* `Prefix Extra Space >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .prefix_1 { - padding-left: 60px; + padding-left: 60px; } .container_16 .prefix_2 { - padding-left: 120px; + padding-left: 120px; } .container_16 .prefix_3 { - padding-left: 180px; + padding-left: 180px; } .container_16 .prefix_5 { - padding-left: 300px; + padding-left: 300px; } .container_16 .prefix_6 { - padding-left: 360px; + padding-left: 360px; } .container_16 .prefix_7 { - padding-left: 420px; + padding-left: 420px; } .container_16 .prefix_9 { - padding-left: 540px; + padding-left: 540px; } .container_16 .prefix_10 { - padding-left: 600px; + padding-left: 600px; } .container_16 .prefix_11 { - padding-left: 660px; + padding-left: 660px; } .container_16 .prefix_13 { - padding-left: 780px; + padding-left: 780px; } .container_16 .prefix_14 { - padding-left: 840px; + padding-left: 840px; } .container_16 .prefix_15 { - padding-left: 900px; + padding-left: 900px; } /* `Suffix Extra Space >> Global @@ -296,103 +296,103 @@ body { .container_12 .suffix_3, .container_16 .suffix_4 { - padding-right: 240px; + padding-right: 240px; } .container_12 .suffix_6, .container_16 .suffix_8 { - padding-right: 480px; + padding-right: 480px; } .container_12 .suffix_9, .container_16 .suffix_12 { - padding-right: 720px; + padding-right: 720px; } /* `Suffix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .suffix_1 { - padding-right: 80px; + padding-right: 80px; } .container_12 .suffix_2 { - padding-right: 160px; + padding-right: 160px; } .container_12 .suffix_4 { - padding-right: 320px; + padding-right: 320px; } .container_12 .suffix_5 { - padding-right: 400px; + padding-right: 400px; } .container_12 .suffix_7 { - padding-right: 560px; + padding-right: 560px; } .container_12 .suffix_8 { - padding-right: 640px; + padding-right: 640px; } .container_12 .suffix_10 { - padding-right: 800px; + padding-right: 800px; } .container_12 .suffix_11 { - padding-right: 880px; + padding-right: 880px; } /* `Suffix Extra Space >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .suffix_1 { - padding-right: 60px; + padding-right: 60px; } .container_16 .suffix_2 { - padding-right: 120px; + padding-right: 120px; } .container_16 .suffix_3 { - padding-right: 180px; + padding-right: 180px; } .container_16 .suffix_5 { - padding-right: 300px; + padding-right: 300px; } .container_16 .suffix_6 { - padding-right: 360px; + padding-right: 360px; } .container_16 .suffix_7 { - padding-right: 420px; + padding-right: 420px; } .container_16 .suffix_9 { - padding-right: 540px; + padding-right: 540px; } .container_16 .suffix_10 { - padding-right: 600px; + padding-right: 600px; } .container_16 .suffix_11 { - padding-right: 660px; + padding-right: 660px; } .container_16 .suffix_13 { - padding-right: 780px; + padding-right: 780px; } .container_16 .suffix_14 { - padding-right: 840px; + padding-right: 840px; } .container_16 .suffix_15 { - padding-right: 900px; + padding-right: 900px; } /* `Push Space >> Global @@ -400,103 +400,103 @@ body { .container_12 .push_3, .container_16 .push_4 { - left: 240px; + left: 240px; } .container_12 .push_6, .container_16 .push_8 { - left: 480px; + left: 480px; } .container_12 .push_9, .container_16 .push_12 { - left: 720px; + left: 720px; } /* `Push Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .push_1 { - left: 80px; + left: 80px; } .container_12 .push_2 { - left: 160px; + left: 160px; } .container_12 .push_4 { - left: 320px; + left: 320px; } .container_12 .push_5 { - left: 400px; + left: 400px; } .container_12 .push_7 { - left: 560px; + left: 560px; } .container_12 .push_8 { - left: 640px; + left: 640px; } .container_12 .push_10 { - left: 800px; + left: 800px; } .container_12 .push_11 { - left: 880px; + left: 880px; } /* `Push Space >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .push_1 { - left: 60px; + left: 60px; } .container_16 .push_2 { - left: 120px; + left: 120px; } .container_16 .push_3 { - left: 180px; + left: 180px; } .container_16 .push_5 { - left: 300px; + left: 300px; } .container_16 .push_6 { - left: 360px; + left: 360px; } .container_16 .push_7 { - left: 420px; + left: 420px; } .container_16 .push_9 { - left: 540px; + left: 540px; } .container_16 .push_10 { - left: 600px; + left: 600px; } .container_16 .push_11 { - left: 660px; + left: 660px; } .container_16 .push_13 { - left: 780px; + left: 780px; } .container_16 .push_14 { - left: 840px; + left: 840px; } .container_16 .push_15 { - left: 900px; + left: 900px; } /* `Pull Space >> Global @@ -504,103 +504,103 @@ body { .container_12 .pull_3, .container_16 .pull_4 { - left: -240px; + left: -240px; } .container_12 .pull_6, .container_16 .pull_8 { - left: -480px; + left: -480px; } .container_12 .pull_9, .container_16 .pull_12 { - left: -720px; + left: -720px; } /* `Pull Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .pull_1 { - left: -80px; + left: -80px; } .container_12 .pull_2 { - left: -160px; + left: -160px; } .container_12 .pull_4 { - left: -320px; + left: -320px; } .container_12 .pull_5 { - left: -400px; + left: -400px; } .container_12 .pull_7 { - left: -560px; + left: -560px; } .container_12 .pull_8 { - left: -640px; + left: -640px; } .container_12 .pull_10 { - left: -800px; + left: -800px; } .container_12 .pull_11 { - left: -880px; + left: -880px; } /* `Pull Space >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .pull_1 { - left: -60px; + left: -60px; } .container_16 .pull_2 { - left: -120px; + left: -120px; } .container_16 .pull_3 { - left: -180px; + left: -180px; } .container_16 .pull_5 { - left: -300px; + left: -300px; } .container_16 .pull_6 { - left: -360px; + left: -360px; } .container_16 .pull_7 { - left: -420px; + left: -420px; } .container_16 .pull_9 { - left: -540px; + left: -540px; } .container_16 .pull_10 { - left: -600px; + left: -600px; } .container_16 .pull_11 { - left: -660px; + left: -660px; } .container_16 .pull_13 { - left: -780px; + left: -780px; } .container_16 .pull_14 { - left: -840px; + left: -840px; } .container_16 .pull_15 { - left: -900px; + left: -900px; } /* `Clear Floated Elements @@ -609,35 +609,35 @@ body { /* http://sonspring.com/journal/clearing-floats */ .clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; + 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; + content: '\0020'; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; } .clearfix:after { - clear: both; + clear: both; } /* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. */ .clearfix { - zoom: 1; + zoom: 1; } \ No newline at end of file diff --git a/code/css/uncompressed/960_24_col.css b/code/css/uncompressed/960_24_col.css index b40345c..eb3ad9b 100755 --- a/code/css/uncompressed/960_24_col.css +++ b/code/css/uncompressed/960_24_col.css @@ -1,28 +1,28 @@ /* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ - Licensed under GPL and MIT. + Licensed under GPL and MIT. */ /* - Forces backgrounds to span full width, - even if there is horizontal scrolling. - Increase this if your layout is wider. + 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. + Note: IE6 works fine without this fix. */ body { - min-width: 960px; + min-width: 960px; } /* `Container >> 24 Columns ----------------------------------------------------------------------------------------------------*/ .container_24 { - margin-left: auto; - margin-right: auto; - width: 960px; + margin-left: auto; + margin-right: auto; + width: 960px; } /* `Grid >> Global @@ -52,10 +52,10 @@ body { .grid_22, .grid_23, .grid_24 { - display: inline; - float: left; - margin-left: 5px; - margin-right: 5px; + display: inline; + float: left; + margin-left: 5px; + margin-right: 5px; } .push_1, .pull_1, @@ -81,497 +81,497 @@ body { .push_21, .pull_21, .push_22, .pull_22, .push_23, .pull_23 { - position: relative; + position: relative; } /* `Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha { - margin-left: 0; + margin-left: 0; } .omega { - margin-right: 0; + margin-right: 0; } /* `Grid >> 24 Columns ----------------------------------------------------------------------------------------------------*/ .container_24 .grid_1 { - width: 30px; + width: 30px; } .container_24 .grid_2 { - width: 70px; + width: 70px; } .container_24 .grid_3 { - width: 110px; + width: 110px; } .container_24 .grid_4 { - width: 150px; + width: 150px; } .container_24 .grid_5 { - width: 190px; + width: 190px; } .container_24 .grid_6 { - width: 230px; + width: 230px; } .container_24 .grid_7 { - width: 270px; + width: 270px; } .container_24 .grid_8 { - width: 310px; + width: 310px; } .container_24 .grid_9 { - width: 350px; + width: 350px; } .container_24 .grid_10 { - width: 390px; + width: 390px; } .container_24 .grid_11 { - width: 430px; + width: 430px; } .container_24 .grid_12 { - width: 470px; + width: 470px; } .container_24 .grid_13 { - width: 510px; + width: 510px; } .container_24 .grid_14 { - width: 550px; + width: 550px; } .container_24 .grid_15 { - width: 590px; + width: 590px; } .container_24 .grid_16 { - width: 630px; + width: 630px; } .container_24 .grid_17 { - width: 670px; + width: 670px; } .container_24 .grid_18 { - width: 710px; + width: 710px; } .container_24 .grid_19 { - width: 750px; + width: 750px; } .container_24 .grid_20 { - width: 790px; + width: 790px; } .container_24 .grid_21 { - width: 830px; + width: 830px; } .container_24 .grid_22 { - width: 870px; + width: 870px; } .container_24 .grid_23 { - width: 910px; + width: 910px; } .container_24 .grid_24 { - width: 950px; + width: 950px; } /* `Prefix Extra Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ .container_24 .prefix_1 { - padding-left: 40px; + padding-left: 40px; } .container_24 .prefix_2 { - padding-left: 80px; + padding-left: 80px; } .container_24 .prefix_3 { - padding-left: 120px; + padding-left: 120px; } .container_24 .prefix_4 { - padding-left: 160px; + padding-left: 160px; } .container_24 .prefix_5 { - padding-left: 200px; + padding-left: 200px; } .container_24 .prefix_6 { - padding-left: 240px; + padding-left: 240px; } .container_24 .prefix_7 { - padding-left: 280px; + padding-left: 280px; } .container_24 .prefix_8 { - padding-left: 320px; + padding-left: 320px; } .container_24 .prefix_9 { - padding-left: 360px; + padding-left: 360px; } .container_24 .prefix_10 { - padding-left: 400px; + padding-left: 400px; } .container_24 .prefix_11 { - padding-left: 440px; + padding-left: 440px; } .container_24 .prefix_12 { - padding-left: 480px; + padding-left: 480px; } .container_24 .prefix_13 { - padding-left: 520px; + padding-left: 520px; } .container_24 .prefix_14 { - padding-left: 560px; + padding-left: 560px; } .container_24 .prefix_15 { - padding-left: 600px; + padding-left: 600px; } .container_24 .prefix_16 { - padding-left: 640px; + padding-left: 640px; } .container_24 .prefix_17 { - padding-left: 680px; + padding-left: 680px; } .container_24 .prefix_18 { - padding-left: 720px; + padding-left: 720px; } .container_24 .prefix_19 { - padding-left: 760px; + padding-left: 760px; } .container_24 .prefix_20 { - padding-left: 800px; + padding-left: 800px; } .container_24 .prefix_21 { - padding-left: 840px; + padding-left: 840px; } .container_24 .prefix_22 { - padding-left: 880px; + padding-left: 880px; } .container_24 .prefix_23 { - padding-left: 920px; + padding-left: 920px; } /* `Suffix Extra Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ .container_24 .suffix_1 { - padding-right: 40px; + padding-right: 40px; } .container_24 .suffix_2 { - padding-right: 80px; + padding-right: 80px; } .container_24 .suffix_3 { - padding-right: 120px; + padding-right: 120px; } .container_24 .suffix_4 { - padding-right: 160px; + padding-right: 160px; } .container_24 .suffix_5 { - padding-right: 200px; + padding-right: 200px; } .container_24 .suffix_6 { - padding-right: 240px; + padding-right: 240px; } .container_24 .suffix_7 { - padding-right: 280px; + padding-right: 280px; } .container_24 .suffix_8 { - padding-right: 320px; + padding-right: 320px; } .container_24 .suffix_9 { - padding-right: 360px; + padding-right: 360px; } .container_24 .suffix_10 { - padding-right: 400px; + padding-right: 400px; } .container_24 .suffix_11 { - padding-right: 440px; + padding-right: 440px; } .container_24 .suffix_12 { - padding-right: 480px; + padding-right: 480px; } .container_24 .suffix_13 { - padding-right: 520px; + padding-right: 520px; } .container_24 .suffix_14 { - padding-right: 560px; + padding-right: 560px; } .container_24 .suffix_15 { - padding-right: 600px; + padding-right: 600px; } .container_24 .suffix_16 { - padding-right: 640px; + padding-right: 640px; } .container_24 .suffix_17 { - padding-right: 680px; + padding-right: 680px; } .container_24 .suffix_18 { - padding-right: 720px; + padding-right: 720px; } .container_24 .suffix_19 { - padding-right: 760px; + padding-right: 760px; } .container_24 .suffix_20 { - padding-right: 800px; + padding-right: 800px; } .container_24 .suffix_21 { - padding-right: 840px; + padding-right: 840px; } .container_24 .suffix_22 { - padding-right: 880px; + padding-right: 880px; } .container_24 .suffix_23 { - padding-right: 920px; + padding-right: 920px; } /* `Push Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ .container_24 .push_1 { - left: 40px; + left: 40px; } .container_24 .push_2 { - left: 80px; + left: 80px; } .container_24 .push_3 { - left: 120px; + left: 120px; } .container_24 .push_4 { - left: 160px; + left: 160px; } .container_24 .push_5 { - left: 200px; + left: 200px; } .container_24 .push_6 { - left: 240px; + left: 240px; } .container_24 .push_7 { - left: 280px; + left: 280px; } .container_24 .push_8 { - left: 320px; + left: 320px; } .container_24 .push_9 { - left: 360px; + left: 360px; } .container_24 .push_10 { - left: 400px; + left: 400px; } .container_24 .push_11 { - left: 440px; + left: 440px; } .container_24 .push_12 { - left: 480px; + left: 480px; } .container_24 .push_13 { - left: 520px; + left: 520px; } .container_24 .push_14 { - left: 560px; + left: 560px; } .container_24 .push_15 { - left: 600px; + left: 600px; } .container_24 .push_16 { - left: 640px; + left: 640px; } .container_24 .push_17 { - left: 680px; + left: 680px; } .container_24 .push_18 { - left: 720px; + left: 720px; } .container_24 .push_19 { - left: 760px; + left: 760px; } .container_24 .push_20 { - left: 800px; + left: 800px; } .container_24 .push_21 { - left: 840px; + left: 840px; } .container_24 .push_22 { - left: 880px; + left: 880px; } .container_24 .push_23 { - left: 920px; + left: 920px; } /* `Pull Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ .container_24 .pull_1 { - left: -40px; + left: -40px; } .container_24 .pull_2 { - left: -80px; + left: -80px; } .container_24 .pull_3 { - left: -120px; + left: -120px; } .container_24 .pull_4 { - left: -160px; + left: -160px; } .container_24 .pull_5 { - left: -200px; + left: -200px; } .container_24 .pull_6 { - left: -240px; + left: -240px; } .container_24 .pull_7 { - left: -280px; + left: -280px; } .container_24 .pull_8 { - left: -320px; + left: -320px; } .container_24 .pull_9 { - left: -360px; + left: -360px; } .container_24 .pull_10 { - left: -400px; + left: -400px; } .container_24 .pull_11 { - left: -440px; + left: -440px; } .container_24 .pull_12 { - left: -480px; + left: -480px; } .container_24 .pull_13 { - left: -520px; + left: -520px; } .container_24 .pull_14 { - left: -560px; + left: -560px; } .container_24 .pull_15 { - left: -600px; + left: -600px; } .container_24 .pull_16 { - left: -640px; + left: -640px; } .container_24 .pull_17 { - left: -680px; + left: -680px; } .container_24 .pull_18 { - left: -720px; + left: -720px; } .container_24 .pull_19 { - left: -760px; + left: -760px; } .container_24 .pull_20 { - left: -800px; + left: -800px; } .container_24 .pull_21 { - left: -840px; + left: -840px; } .container_24 .pull_22 { - left: -880px; + left: -880px; } .container_24 .pull_23 { - left: -920px; + left: -920px; } /* `Clear Floated Elements @@ -580,35 +580,35 @@ body { /* http://sonspring.com/journal/clearing-floats */ .clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; + 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; + content: '\0020'; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; } .clearfix:after { - clear: both; + clear: both; } /* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. */ .clearfix { - zoom: 1; + zoom: 1; } \ No newline at end of file diff --git a/code/css/uncompressed/demo.css b/code/css/uncompressed/demo.css old mode 100755 new mode 100644 index 07d9265..d689be4 --- a/code/css/uncompressed/demo.css +++ b/code/css/uncompressed/demo.css @@ -1,47 +1,55 @@ body { - background: #123; - border-top: 5px solid #000; - color: #333; - font-size: 11px; - padding: 20px 0 40px; + background: #123; + color: #333; + font-size: 11px; + height: auto; + padding-bottom: 20px; } a { - color: #fff; - text-decoration: none; + color: #fff; + text-decoration: none; } a:hover { - text-decoration: underline; + text-decoration: underline; } h1 { - font-family: Georgia, serif; - font-weight: normal; - text-align: center; + font-family: Georgia, serif; + font-weight: normal; + padding-top: 20px; + text-align: center; } h2 { - padding: 20px 0 0; - text-align: center; + padding-top: 20px; + text-align: center; } p { - border: 1px solid #666; - overflow: hidden; - padding: 10px 0; - text-align: center; + border: 1px solid #666; + overflow: hidden; + padding: 10px 0; + text-align: center; +} + +.container_12, +.container_16, +.container_24 { + background-color: #fff; + background-repeat: repeat-y; + margin-bottom: 20px; } .container_12 { - background: #fff url(../../img/12_col.gif) repeat-y; - margin-bottom: 20px; + background-image: url(../img/12_col.gif); } .container_16 { - background: #fff url(../../img/16_col.gif) repeat-y; + background-image: url(../img/16_col.gif); } .container_24 { - background: #fff url(../../img/24_col.gif) repeat-y; + background-image: url(../img/24_col.gif); } \ No newline at end of file diff --git a/code/css/uncompressed/reset.css b/code/css/uncompressed/reset.css old mode 100755 new mode 100644 diff --git a/code/css/uncompressed/rtl_960.css b/code/css/uncompressed/rtl_960.css index 89c6d5a..6126d21 100755 --- a/code/css/uncompressed/rtl_960.css +++ b/code/css/uncompressed/rtl_960.css @@ -1,8 +1,8 @@ /* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ - Licensed under GPL and MIT. + Licensed under GPL and MIT. */ /* `Containers @@ -10,9 +10,9 @@ .container_12, .container_16 { - margin-right: auto; - margin-left: auto; - width: 960px; + margin-right: auto; + margin-left: auto; + width: 960px; } /* `Grid >> Global @@ -34,10 +34,10 @@ .grid_14, .grid_15, .grid_16 { - display: inline; - float: right; - margin-right: 10px; - margin-left: 10px; + display: inline; + float: right; + margin-right: 10px; + margin-left: 10px; } .push_1, .pull_1, @@ -55,124 +55,124 @@ .push_13, .pull_13, .push_14, .pull_14, .push_15, .pull_15 { - position: relative; + position: relative; } .container_12 .grid_3, .container_16 .grid_4 { - width: 220px; + width: 220px; } .container_12 .grid_6, .container_16 .grid_8 { - width: 460px; + width: 460px; } .container_12 .grid_9, .container_16 .grid_12 { - width: 700px; + width: 700px; } .container_12 .grid_12, .container_16 .grid_16 { - width: 940px; + width: 940px; } /* `Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha { - margin-right: 0; + margin-right: 0; } .omega { - margin-left: 0; + margin-left: 0; } /* `Grid >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .grid_1 { - width: 60px; + width: 60px; } .container_12 .grid_2 { - width: 140px; + width: 140px; } .container_12 .grid_4 { - width: 300px; + width: 300px; } .container_12 .grid_5 { - width: 380px; + width: 380px; } .container_12 .grid_7 { - width: 540px; + width: 540px; } .container_12 .grid_8 { - width: 620px; + width: 620px; } .container_12 .grid_10 { - width: 780px; + width: 780px; } .container_12 .grid_11 { - width: 860px; + width: 860px; } /* `Grid >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .grid_1 { - width: 40px; + width: 40px; } .container_16 .grid_2 { - width: 100px; + width: 100px; } .container_16 .grid_3 { - width: 160px; + width: 160px; } .container_16 .grid_5 { - width: 280px; + width: 280px; } .container_16 .grid_6 { - width: 340px; + width: 340px; } .container_16 .grid_7 { - width: 400px; + width: 400px; } .container_16 .grid_9 { - width: 520px; + width: 520px; } .container_16 .grid_10 { - width: 580px; + width: 580px; } .container_16 .grid_11 { - width: 640px; + width: 640px; } .container_16 .grid_13 { - width: 760px; + width: 760px; } .container_16 .grid_14 { - width: 820px; + width: 820px; } .container_16 .grid_15 { - width: 880px; + width: 880px; } /* `Prefix Extra Space >> Global @@ -180,103 +180,103 @@ .container_12 .prefix_3, .container_16 .prefix_4 { - padding-right: 240px; + padding-right: 240px; } .container_12 .prefix_6, .container_16 .prefix_8 { - padding-right: 480px; + padding-right: 480px; } .container_12 .prefix_9, .container_16 .prefix_12 { - padding-right: 720px; + padding-right: 720px; } /* `Prefix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .prefix_1 { - padding-right: 80px; + padding-right: 80px; } .container_12 .prefix_2 { - padding-right: 160px; + padding-right: 160px; } .container_12 .prefix_4 { - padding-right: 320px; + padding-right: 320px; } .container_12 .prefix_5 { - padding-right: 400px; + padding-right: 400px; } .container_12 .prefix_7 { - padding-right: 560px; + padding-right: 560px; } .container_12 .prefix_8 { - padding-right: 640px; + padding-right: 640px; } .container_12 .prefix_10 { - padding-right: 800px; + padding-right: 800px; } .container_12 .prefix_11 { - padding-right: 880px; + padding-right: 880px; } /* `Prefix Extra Space >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .prefix_1 { - padding-right: 60px; + padding-right: 60px; } .container_16 .prefix_2 { - padding-right: 120px; + padding-right: 120px; } .container_16 .prefix_3 { - padding-right: 180px; + padding-right: 180px; } .container_16 .prefix_5 { - padding-right: 300px; + padding-right: 300px; } .container_16 .prefix_6 { - padding-right: 360px; + padding-right: 360px; } .container_16 .prefix_7 { - padding-right: 420px; + padding-right: 420px; } .container_16 .prefix_9 { - padding-right: 540px; + padding-right: 540px; } .container_16 .prefix_10 { - padding-right: 600px; + padding-right: 600px; } .container_16 .prefix_11 { - padding-right: 660px; + padding-right: 660px; } .container_16 .prefix_13 { - padding-right: 780px; + padding-right: 780px; } .container_16 .prefix_14 { - padding-right: 840px; + padding-right: 840px; } .container_16 .prefix_15 { - padding-right: 900px; + padding-right: 900px; } /* `Suffix Extra Space >> Global @@ -284,103 +284,103 @@ .container_12 .suffix_3, .container_16 .suffix_4 { - padding-left: 240px; + padding-left: 240px; } .container_12 .suffix_6, .container_16 .suffix_8 { - padding-left: 480px; + padding-left: 480px; } .container_12 .suffix_9, .container_16 .suffix_12 { - padding-left: 720px; + padding-left: 720px; } /* `Suffix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .suffix_1 { - padding-left: 80px; + padding-left: 80px; } .container_12 .suffix_2 { - padding-left: 160px; + padding-left: 160px; } .container_12 .suffix_4 { - padding-left: 320px; + padding-left: 320px; } .container_12 .suffix_5 { - padding-left: 400px; + padding-left: 400px; } .container_12 .suffix_7 { - padding-left: 560px; + padding-left: 560px; } .container_12 .suffix_8 { - padding-left: 640px; + padding-left: 640px; } .container_12 .suffix_10 { - padding-left: 800px; + padding-left: 800px; } .container_12 .suffix_11 { - padding-left: 880px; + padding-left: 880px; } /* `Suffix Extra Space >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .suffix_1 { - padding-left: 60px; + padding-left: 60px; } .container_16 .suffix_2 { - padding-left: 120px; + padding-left: 120px; } .container_16 .suffix_3 { - padding-left: 180px; + padding-left: 180px; } .container_16 .suffix_5 { - padding-left: 300px; + padding-left: 300px; } .container_16 .suffix_6 { - padding-left: 360px; + padding-left: 360px; } .container_16 .suffix_7 { - padding-left: 420px; + padding-left: 420px; } .container_16 .suffix_9 { - padding-left: 540px; + padding-left: 540px; } .container_16 .suffix_10 { - padding-left: 600px; + padding-left: 600px; } .container_16 .suffix_11 { - padding-left: 660px; + padding-left: 660px; } .container_16 .suffix_13 { - padding-left: 780px; + padding-left: 780px; } .container_16 .suffix_14 { - padding-left: 840px; + padding-left: 840px; } .container_16 .suffix_15 { - padding-left: 900px; + padding-left: 900px; } /* `Push Space >> Global @@ -388,103 +388,103 @@ .container_12 .push_3, .container_16 .push_4 { - right: 240px; + right: 240px; } .container_12 .push_6, .container_16 .push_8 { - right: 480px; + right: 480px; } .container_12 .push_9, .container_16 .push_12 { - right: 720px; + right: 720px; } /* `Push Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .push_1 { - right: 80px; + right: 80px; } .container_12 .push_2 { - right: 160px; + right: 160px; } .container_12 .push_4 { - right: 320px; + right: 320px; } .container_12 .push_5 { - right: 400px; + right: 400px; } .container_12 .push_7 { - right: 560px; + right: 560px; } .container_12 .push_8 { - right: 640px; + right: 640px; } .container_12 .push_10 { - right: 800px; + right: 800px; } .container_12 .push_11 { - right: 880px; + right: 880px; } /* `Push Space >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .push_1 { - right: 60px; + right: 60px; } .container_16 .push_2 { - right: 120px; + right: 120px; } .container_16 .push_3 { - right: 180px; + right: 180px; } .container_16 .push_5 { - right: 300px; + right: 300px; } .container_16 .push_6 { - right: 360px; + right: 360px; } .container_16 .push_7 { - right: 420px; + right: 420px; } .container_16 .push_9 { - right: 540px; + right: 540px; } .container_16 .push_10 { - right: 600px; + right: 600px; } .container_16 .push_11 { - right: 660px; + right: 660px; } .container_16 .push_13 { - right: 780px; + right: 780px; } .container_16 .push_14 { - right: 840px; + right: 840px; } .container_16 .push_15 { - right: 900px; + right: 900px; } /* `Pull Space >> Global @@ -492,103 +492,103 @@ .container_12 .pull_3, .container_16 .pull_4 { - right: -240px; + right: -240px; } .container_12 .pull_6, .container_16 .pull_8 { - right: -480px; + right: -480px; } .container_12 .pull_9, .container_16 .pull_12 { - right: -720px; + right: -720px; } /* `Pull Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .pull_1 { - right: -80px; + right: -80px; } .container_12 .pull_2 { - right: -160px; + right: -160px; } .container_12 .pull_4 { - right: -320px; + right: -320px; } .container_12 .pull_5 { - right: -400px; + right: -400px; } .container_12 .pull_7 { - right: -560px; + right: -560px; } .container_12 .pull_8 { - right: -640px; + right: -640px; } .container_12 .pull_10 { - right: -800px; + right: -800px; } .container_12 .pull_11 { - right: -880px; + right: -880px; } /* `Pull Space >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .pull_1 { - right: -60px; + right: -60px; } .container_16 .pull_2 { - right: -120px; + right: -120px; } .container_16 .pull_3 { - right: -180px; + right: -180px; } .container_16 .pull_5 { - right: -300px; + right: -300px; } .container_16 .pull_6 { - right: -360px; + right: -360px; } .container_16 .pull_7 { - right: -420px; + right: -420px; } .container_16 .pull_9 { - right: -540px; + right: -540px; } .container_16 .pull_10 { - right: -600px; + right: -600px; } .container_16 .pull_11 { - right: -660px; + right: -660px; } .container_16 .pull_13 { - right: -780px; + right: -780px; } .container_16 .pull_14 { - right: -840px; + right: -840px; } .container_16 .pull_15 { - right: -900px; + right: -900px; } /* `Clear Floated Elements @@ -597,35 +597,35 @@ /* http://sonspring.com/journal/clearing-floats */ .clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; + 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; + content: '\0020'; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; } .clearfix:after { - clear: both; + clear: both; } /* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. */ .clearfix { - zoom: 1; + zoom: 1; } \ No newline at end of file diff --git a/code/css/uncompressed/rtl_960_24_col.css b/code/css/uncompressed/rtl_960_24_col.css index efcf770..eeff26c 100755 --- a/code/css/uncompressed/rtl_960_24_col.css +++ b/code/css/uncompressed/rtl_960_24_col.css @@ -1,16 +1,16 @@ /* - 960 Grid System ~ Core CSS. - Learn more ~ http://960.gs/ + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ - Licensed under GPL and MIT. + Licensed under GPL and MIT. */ /* `Container >> 24 Columns ----------------------------------------------------------------------------------------------------*/ .container_24 { - margin-right: auto; - margin-left: auto; - width: 960px; + margin-right: auto; + margin-left: auto; + width: 960px; } /* `Grid >> Global @@ -40,10 +40,10 @@ .grid_22, .grid_23, .grid_24 { - display: inline; - float: right; - margin-right: 5px; - margin-left: 5px; + display: inline; + float: right; + margin-right: 5px; + margin-left: 5px; } .push_1, .pull_1, @@ -69,497 +69,497 @@ .push_21, .pull_21, .push_22, .pull_22, .push_23, .pull_23 { - position: relative; + position: relative; } /* `Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha { - margin-right: 0; + margin-right: 0; } .omega { - margin-left: 0; + margin-left: 0; } /* `Grid >> 24 Columns ----------------------------------------------------------------------------------------------------*/ .container_24 .grid_1 { - width: 30px; + width: 30px; } .container_24 .grid_2 { - width: 70px; + width: 70px; } .container_24 .grid_3 { - width: 110px; + width: 110px; } .container_24 .grid_4 { - width: 150px; + width: 150px; } .container_24 .grid_5 { - width: 190px; + width: 190px; } .container_24 .grid_6 { - width: 230px; + width: 230px; } .container_24 .grid_7 { - width: 270px; + width: 270px; } .container_24 .grid_8 { - width: 310px; + width: 310px; } .container_24 .grid_9 { - width: 350px; + width: 350px; } .container_24 .grid_10 { - width: 390px; + width: 390px; } .container_24 .grid_11 { - width: 430px; + width: 430px; } .container_24 .grid_12 { - width: 470px; + width: 470px; } .container_24 .grid_13 { - width: 510px; + width: 510px; } .container_24 .grid_14 { - width: 550px; + width: 550px; } .container_24 .grid_15 { - width: 590px; + width: 590px; } .container_24 .grid_16 { - width: 630px; + width: 630px; } .container_24 .grid_17 { - width: 670px; + width: 670px; } .container_24 .grid_18 { - width: 710px; + width: 710px; } .container_24 .grid_19 { - width: 750px; + width: 750px; } .container_24 .grid_20 { - width: 790px; + width: 790px; } .container_24 .grid_21 { - width: 830px; + width: 830px; } .container_24 .grid_22 { - width: 870px; + width: 870px; } .container_24 .grid_23 { - width: 910px; + width: 910px; } .container_24 .grid_24 { - width: 950px; + width: 950px; } /* `Prefix Extra Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ .container_24 .prefix_1 { - padding-right: 40px; + padding-right: 40px; } .container_24 .prefix_2 { - padding-right: 80px; + padding-right: 80px; } .container_24 .prefix_3 { - padding-right: 120px; + padding-right: 120px; } .container_24 .prefix_4 { - padding-right: 160px; + padding-right: 160px; } .container_24 .prefix_5 { - padding-right: 200px; + padding-right: 200px; } .container_24 .prefix_6 { - padding-right: 240px; + padding-right: 240px; } .container_24 .prefix_7 { - padding-right: 280px; + padding-right: 280px; } .container_24 .prefix_8 { - padding-right: 320px; + padding-right: 320px; } .container_24 .prefix_9 { - padding-right: 360px; + padding-right: 360px; } .container_24 .prefix_10 { - padding-right: 400px; + padding-right: 400px; } .container_24 .prefix_11 { - padding-right: 440px; + padding-right: 440px; } .container_24 .prefix_12 { - padding-right: 480px; + padding-right: 480px; } .container_24 .prefix_13 { - padding-right: 520px; + padding-right: 520px; } .container_24 .prefix_14 { - padding-right: 560px; + padding-right: 560px; } .container_24 .prefix_15 { - padding-right: 600px; + padding-right: 600px; } .container_24 .prefix_16 { - padding-right: 640px; + padding-right: 640px; } .container_24 .prefix_17 { - padding-right: 680px; + padding-right: 680px; } .container_24 .prefix_18 { - padding-right: 720px; + padding-right: 720px; } .container_24 .prefix_19 { - padding-right: 760px; + padding-right: 760px; } .container_24 .prefix_20 { - padding-right: 800px; + padding-right: 800px; } .container_24 .prefix_21 { - padding-right: 840px; + padding-right: 840px; } .container_24 .prefix_22 { - padding-right: 880px; + padding-right: 880px; } .container_24 .prefix_23 { - padding-right: 920px; + padding-right: 920px; } /* `Suffix Extra Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ .container_24 .suffix_1 { - padding-left: 40px; + padding-left: 40px; } .container_24 .suffix_2 { - padding-left: 80px; + padding-left: 80px; } .container_24 .suffix_3 { - padding-left: 120px; + padding-left: 120px; } .container_24 .suffix_4 { - padding-left: 160px; + padding-left: 160px; } .container_24 .suffix_5 { - padding-left: 200px; + padding-left: 200px; } .container_24 .suffix_6 { - padding-left: 240px; + padding-left: 240px; } .container_24 .suffix_7 { - padding-left: 280px; + padding-left: 280px; } .container_24 .suffix_8 { - padding-left: 320px; + padding-left: 320px; } .container_24 .suffix_9 { - padding-left: 360px; + padding-left: 360px; } .container_24 .suffix_10 { - padding-left: 400px; + padding-left: 400px; } .container_24 .suffix_11 { - padding-left: 440px; + padding-left: 440px; } .container_24 .suffix_12 { - padding-left: 480px; + padding-left: 480px; } .container_24 .suffix_13 { - padding-left: 520px; + padding-left: 520px; } .container_24 .suffix_14 { - padding-left: 560px; + padding-left: 560px; } .container_24 .suffix_15 { - padding-left: 600px; + padding-left: 600px; } .container_24 .suffix_16 { - padding-left: 640px; + padding-left: 640px; } .container_24 .suffix_17 { - padding-left: 680px; + padding-left: 680px; } .container_24 .suffix_18 { - padding-left: 720px; + padding-left: 720px; } .container_24 .suffix_19 { - padding-left: 760px; + padding-left: 760px; } .container_24 .suffix_20 { - padding-left: 800px; + padding-left: 800px; } .container_24 .suffix_21 { - padding-left: 840px; + padding-left: 840px; } .container_24 .suffix_22 { - padding-left: 880px; + padding-left: 880px; } .container_24 .suffix_23 { - padding-left: 920px; + padding-left: 920px; } /* `Push Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ .container_24 .push_1 { - right: 40px; + right: 40px; } .container_24 .push_2 { - right: 80px; + right: 80px; } .container_24 .push_3 { - right: 120px; + right: 120px; } .container_24 .push_4 { - right: 160px; + right: 160px; } .container_24 .push_5 { - right: 200px; + right: 200px; } .container_24 .push_6 { - right: 240px; + right: 240px; } .container_24 .push_7 { - right: 280px; + right: 280px; } .container_24 .push_8 { - right: 320px; + right: 320px; } .container_24 .push_9 { - right: 360px; + right: 360px; } .container_24 .push_10 { - right: 400px; + right: 400px; } .container_24 .push_11 { - right: 440px; + right: 440px; } .container_24 .push_12 { - right: 480px; + right: 480px; } .container_24 .push_13 { - right: 520px; + right: 520px; } .container_24 .push_14 { - right: 560px; + right: 560px; } .container_24 .push_15 { - right: 600px; + right: 600px; } .container_24 .push_16 { - right: 640px; + right: 640px; } .container_24 .push_17 { - right: 680px; + right: 680px; } .container_24 .push_18 { - right: 720px; + right: 720px; } .container_24 .push_19 { - right: 760px; + right: 760px; } .container_24 .push_20 { - right: 800px; + right: 800px; } .container_24 .push_21 { - right: 840px; + right: 840px; } .container_24 .push_22 { - right: 880px; + right: 880px; } .container_24 .push_23 { - right: 920px; + right: 920px; } /* `Pull Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ .container_24 .pull_1 { - right: -40px; + right: -40px; } .container_24 .pull_2 { - right: -80px; + right: -80px; } .container_24 .pull_3 { - right: -120px; + right: -120px; } .container_24 .pull_4 { - right: -160px; + right: -160px; } .container_24 .pull_5 { - right: -200px; + right: -200px; } .container_24 .pull_6 { - right: -240px; + right: -240px; } .container_24 .pull_7 { - right: -280px; + right: -280px; } .container_24 .pull_8 { - right: -320px; + right: -320px; } .container_24 .pull_9 { - right: -360px; + right: -360px; } .container_24 .pull_10 { - right: -400px; + right: -400px; } .container_24 .pull_11 { - right: -440px; + right: -440px; } .container_24 .pull_12 { - right: -480px; + right: -480px; } .container_24 .pull_13 { - right: -520px; + right: -520px; } .container_24 .pull_14 { - right: -560px; + right: -560px; } .container_24 .pull_15 { - right: -600px; + right: -600px; } .container_24 .pull_16 { - right: -640px; + right: -640px; } .container_24 .pull_17 { - right: -680px; + right: -680px; } .container_24 .pull_18 { - right: -720px; + right: -720px; } .container_24 .pull_19 { - right: -760px; + right: -760px; } .container_24 .pull_20 { - right: -800px; + right: -800px; } .container_24 .pull_21 { - right: -840px; + right: -840px; } .container_24 .pull_22 { - right: -880px; + right: -880px; } .container_24 .pull_23 { - right: -920px; + right: -920px; } /* `Clear Floated Elements @@ -568,35 +568,35 @@ /* http://sonspring.com/journal/clearing-floats */ .clear { - clear: both; - display: block; - overflow: hidden; - visibility: hidden; - width: 0; - height: 0; + 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; + content: '\0020'; + display: block; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; } .clearfix:after { - clear: both; + clear: both; } /* - The following zoom:1 rule is specifically for IE6 + IE7. - Move to separate stylesheet if invalid CSS is a problem. + The following zoom:1 rule is specifically for IE6 + IE7. + Move to separate stylesheet if invalid CSS is a problem. */ .clearfix { - zoom: 1; + zoom: 1; } \ No newline at end of file diff --git a/code/css/uncompressed/rtl_text.css b/code/css/uncompressed/rtl_text.css index d4be902..1f1d0f9 100755 --- a/code/css/uncompressed/rtl_text.css +++ b/code/css/uncompressed/rtl_text.css @@ -1,68 +1,68 @@ /* - 960 Grid System ~ Text CSS. - Learn more ~ http://960.gs/ + 960 Grid System ~ Text CSS. + Learn more ~ http://960.gs/ - Licensed under GPL and MIT. + Licensed under GPL and MIT. */ /* `Basic HTML ----------------------------------------------------------------------------------------------------*/ body { - font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; + font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; } a:focus { - outline: 1px dotted; + outline: 1px dotted; } hr { - border: 0 #ccc solid; - border-top-width: 1px; - clear: both; - height: 0; + border: 0 #ccc solid; + border-top-width: 1px; + clear: both; + height: 0; } /* `Headings ----------------------------------------------------------------------------------------------------*/ h1 { - font-size: 25px; + font-size: 25px; } h2 { - font-size: 23px; + font-size: 23px; } h3 { - font-size: 21px; + font-size: 21px; } h4 { - font-size: 19px; + font-size: 19px; } h5 { - font-size: 17px; + font-size: 17px; } h6 { - font-size: 15px; + font-size: 15px; } /* `Spacing ----------------------------------------------------------------------------------------------------*/ ol { - list-style: decimal; + list-style: decimal; } ul { - list-style: disc; + list-style: disc; } li { - margin-right: 30px; + margin-right: 30px; } p, @@ -80,5 +80,5 @@ pre, table, address, fieldset { - margin-bottom: 20px; + margin-bottom: 20px; } \ No newline at end of file diff --git a/code/css/uncompressed/text.css b/code/css/uncompressed/text.css old mode 100755 new mode 100644 index 6ab27ca..af8df54 --- a/code/css/uncompressed/text.css +++ b/code/css/uncompressed/text.css @@ -1,64 +1,64 @@ /* - 960 Grid System ~ Text CSS. - Learn more ~ http://960.gs/ + 960 Grid System ~ Text CSS. + Learn more ~ http://960.gs/ - Licensed under GPL and MIT. + Licensed under GPL and MIT. */ /* `Basic HTML ----------------------------------------------------------------------------------------------------*/ body { - font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; + 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; + border: 0 #ccc solid; + border-top-width: 1px; + clear: both; + height: 0; } /* `Headings ----------------------------------------------------------------------------------------------------*/ h1 { - font-size: 25px; + font-size: 25px; } h2 { - font-size: 23px; + font-size: 23px; } h3 { - font-size: 21px; + font-size: 21px; } h4 { - font-size: 19px; + font-size: 19px; } h5 { - font-size: 17px; + font-size: 17px; } h6 { - font-size: 15px; + font-size: 15px; } /* `Spacing ----------------------------------------------------------------------------------------------------*/ ol { - list-style: decimal; + list-style: decimal; } ul { - list-style: disc; + list-style: disc; } li { - margin-left: 30px; + margin-left: 30px; } p, @@ -77,5 +77,5 @@ table, address, fieldset, figure { - margin-bottom: 20px; + margin-bottom: 20px; } \ No newline at end of file diff --git a/code/demo.html b/code/demo.html index 64ecb83..f9f5034 100755 --- a/code/demo.html +++ b/code/demo.html @@ -6,532 +6,532 @@ - +

- 960 Grid System + 960 Grid System

-

- 12 Column Grid -

-
-

- 940 -

-
- -
-
-

- 60 -

-
- -
-

- 860 -

-
- -
-
-

- 140 -

-
- -
-

- 780 -

-
- -
-
-

- 220 -

-
- -
-

- 700 -

-
- -
-
-

- 300 -

-
- -
-

- 620 -

-
- -
-
-

- 380 -

-
- -
-

- 540 -

-
- -
-
-

- 460 -

-
- -
-

- 460 -

-
- -
-
-

- 60 -

-
- -
-
-

- 60 -

-
- -
-
-

- 60 -

-
- -
-
-

- 60 -

-
- -
-
-

- 60 -

-
- -
-
-

- 60 -

-
- -
-
-

- 60 -

-
- -
-
-

- 60 -

-
- -
-
-

- 60 -

-
- -
-
-

- 60 -

-
- -
-
-

- 60 -

-
- -
-
-

- 60 -

-
- -
-
-
-

- 60 -

-
- -
-

- 380 -

-
- -
-
-

- 220 -

-
- -
-

- 220 -

-
- -
-
- -
-
-

- 220 -

-
- -
-

- 220 -

-
- -
-
-

- 60 -

-
- -
-

- 380 -

-
- -
-
- -
+

+ 12 Column Grid +

+
+

+ 940 +

+
+ +
+
+

+ 60 +

+
+ +
+

+ 860 +

+
+ +
+
+

+ 140 +

+
+ +
+

+ 780 +

+
+ +
+
+

+ 220 +

+
+ +
+

+ 700 +

+
+ +
+
+

+ 300 +

+
+ +
+

+ 620 +

+
+ +
+
+

+ 380 +

+
+ +
+

+ 540 +

+
+ +
+
+

+ 460 +

+
+ +
+

+ 460 +

+
+ +
+
+

+ 60 +

+
+ +
+
+

+ 60 +

+
+ +
+
+

+ 60 +

+
+ +
+
+

+ 60 +

+
+ +
+
+

+ 60 +

+
+ +
+
+

+ 60 +

+
+ +
+
+

+ 60 +

+
+ +
+
+

+ 60 +

+
+ +
+
+

+ 60 +

+
+ +
+
+

+ 60 +

+
+ +
+
+

+ 60 +

+
+ +
+
+

+ 60 +

+
+ +
+
+
+

+ 60 +

+
+ +
+

+ 380 +

+
+ +
+
+

+ 220 +

+
+ +
+

+ 220 +

+
+ +
+
+ +
+
+

+ 220 +

+
+ +
+

+ 220 +

+
+ +
+
+

+ 60 +

+
+ +
+

+ 380 +

+
+ +
+
+ +
-

- 16 Column Grid -

-
-

- 940 -

-
- -
-
-

- 40 -

-
- -
-

- 880 -

-
- -
-
-

- 100 -

-
- -
-

- 820 -

-
- -
-
-

- 160 -

-
- -
-

- 760 -

-
- -
-
-

- 220 -

-
- -
-

- 700 -

-
- -
-
-

- 280 -

-
- -
-

- 640 -

-
- -
-
-

- 340 -

-
- -
-

- 580 -

-
- -
-
-

- 400 -

-
- -
-

- 520 -

-
- -
-
-

- 460 -

-
- -
-

- 460 -

-
- -
-
-

- 40 -

-
- -
-
-

- 40 -

-
- -
-
-

- 40 -

-
- -
-
-

- 40 -

-
- -
-
-

- 40 -

-
- -
-
-

- 40 -

-
- -
-
-

- 40 -

-
- -
-
-

- 40 -

-
- -
-
-

- 40 -

-
- -
-
-

- 40 -

-
- -
-
-

- 40 -

-
- -
-
-

- 40 -

-
- -
-
-

- 40 -

-
- -
-
-

- 40 -

-
- -
-
-

- 40 -

-
- -
-
-

- 40 -

-
- -
-
-
-

- 40 -

-
- -
-

- 400 -

-
- -
-
-

- 220 -

-
- -
-

- 220 -

-
- -
-
- -
-
-

- 220 -

-
- -
-

- 220 -

-
- -
-
-

- 40 -

-
- -
-

- 400 -

-
- -
-
- -
+

+ 16 Column Grid +

+
+

+ 940 +

+
+ +
+
+

+ 40 +

+
+ +
+

+ 880 +

+
+ +
+
+

+ 100 +

+
+ +
+

+ 820 +

+
+ +
+
+

+ 160 +

+
+ +
+

+ 760 +

+
+ +
+
+

+ 220 +

+
+ +
+

+ 700 +

+
+ +
+
+

+ 280 +

+
+ +
+

+ 640 +

+
+ +
+
+

+ 340 +

+
+ +
+

+ 580 +

+
+ +
+
+

+ 400 +

+
+ +
+

+ 520 +

+
+ +
+
+

+ 460 +

+
+ +
+

+ 460 +

+
+ +
+
+

+ 40 +

+
+ +
+
+

+ 40 +

+
+ +
+
+

+ 40 +

+
+ +
+
+

+ 40 +

+
+ +
+
+

+ 40 +

+
+ +
+
+

+ 40 +

+
+ +
+
+

+ 40 +

+
+ +
+
+

+ 40 +

+
+ +
+
+

+ 40 +

+
+ +
+
+

+ 40 +

+
+ +
+
+

+ 40 +

+
+ +
+
+

+ 40 +

+
+ +
+
+

+ 40 +

+
+ +
+
+

+ 40 +

+
+ +
+
+

+ 40 +

+
+ +
+
+

+ 40 +

+
+ +
+
+
+

+ 40 +

+
+ +
+

+ 400 +

+
+ +
+
+

+ 220 +

+
+ +
+

+ 220 +

+
+ +
+
+ +
+
+

+ 220 +

+
+ +
+

+ 220 +

+
+ +
+
+

+ 40 +

+
+ +
+

+ 400 +

+
+ +
+
+ +
diff --git a/code/demo_24_col.html b/code/demo_24_col.html index a3cbc4b..6f0118c 100755 --- a/code/demo_24_col.html +++ b/code/demo_24_col.html @@ -6,405 +6,405 @@ - +

- 960 Grid System + 960 Grid System

-

- 24 Column Grid -

-
-

- 950 -

-
- -
-
-

- 30 -

-
- -
-

- 910 -

-
- -
-
-

- 70 -

-
- -
-

- 870 -

-
- -
-
-

- 110 -

-
- -
-

- 830 -

-
- -
-
-

- 150 -

-
- -
-

- 790 -

-
- -
-
-

- 190 -

-
- -
-

- 750 -

-
- -
-
-

- 230 -

-
- -
-

- 710 -

-
- -
-
-

- 270 -

-
- -
-

- 670 -

-
- -
-
-

- 310 -

-
- -
-

- 630 -

-
- -
-
-

- 350 -

-
- -
-

- 590 -

-
- -
-
-

- 390 -

-
- -
-

- 550 -

-
- -
-
-

- 430 -

-
- -
-

- 510 -

-
- -
-
-

- 470 -

-
- -
-

- 470 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-
-

- 230 -

-
- -
-

- 230 -

-
- -
-
-

- 30 -

-
- -
-

- 430 -

-
- -
-
- -
-
-

- 30 -

-
- -
-

- 430 -

-
- -
-
-

- 230 -

-
- -
-

- 230 -

-
- -
-
- -
+

+ 24 Column Grid +

+
+

+ 950 +

+
+ +
+
+

+ 30 +

+
+ +
+

+ 910 +

+
+ +
+
+

+ 70 +

+
+ +
+

+ 870 +

+
+ +
+
+

+ 110 +

+
+ +
+

+ 830 +

+
+ +
+
+

+ 150 +

+
+ +
+

+ 790 +

+
+ +
+
+

+ 190 +

+
+ +
+

+ 750 +

+
+ +
+
+

+ 230 +

+
+ +
+

+ 710 +

+
+ +
+
+

+ 270 +

+
+ +
+

+ 670 +

+
+ +
+
+

+ 310 +

+
+ +
+

+ 630 +

+
+ +
+
+

+ 350 +

+
+ +
+

+ 590 +

+
+ +
+
+

+ 390 +

+
+ +
+

+ 550 +

+
+ +
+
+

+ 430 +

+
+ +
+

+ 510 +

+
+ +
+
+

+ 470 +

+
+ +
+

+ 470 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+
+

+ 230 +

+
+ +
+

+ 230 +

+
+ +
+
+

+ 30 +

+
+ +
+

+ 430 +

+
+ +
+
+ +
+
+

+ 30 +

+
+ +
+

+ 430 +

+
+ +
+
+

+ 230 +

+
+ +
+

+ 230 +

+
+ +
+
+ +
diff --git a/code/rtl_demo.html b/code/rtl_demo.html index d7935f4..00c4406 100755 --- a/code/rtl_demo.html +++ b/code/rtl_demo.html @@ -6,532 +6,532 @@ - +

- 960 Grid System + 960 Grid System

-

- 12 Column Grid -

-
-

- 940 -

-
- -
-
-

- 60 -

-
- -
-

- 860 -

-
- -
-
-

- 140 -

-
- -
-

- 780 -

-
- -
-
-

- 220 -

-
- -
-

- 700 -

-
- -
-
-

- 300 -

-
- -
-

- 620 -

-
- -
-
-

- 380 -

-
- -
-

- 540 -

-
- -
-
-

- 460 -

-
- -
-

- 460 -

-
- -
-
-

- 60 -

-
- -
-
-

- 60 -

-
- -
-
-

- 60 -

-
- -
-
-

- 60 -

-
- -
-
-

- 60 -

-
- -
-
-

- 60 -

-
- -
-
-

- 60 -

-
- -
-
-

- 60 -

-
- -
-
-

- 60 -

-
- -
-
-

- 60 -

-
- -
-
-

- 60 -

-
- -
-
-

- 60 -

-
- -
-
-
-

- 60 -

-
- -
-

- 380 -

-
- -
-
-

- 220 -

-
- -
-

- 220 -

-
- -
-
- -
-
-

- 220 -

-
- -
-

- 220 -

-
- -
-
-

- 60 -

-
- -
-

- 380 -

-
- -
-
- -
+

+ 12 Column Grid +

+
+

+ 940 +

+
+ +
+
+

+ 60 +

+
+ +
+

+ 860 +

+
+ +
+
+

+ 140 +

+
+ +
+

+ 780 +

+
+ +
+
+

+ 220 +

+
+ +
+

+ 700 +

+
+ +
+
+

+ 300 +

+
+ +
+

+ 620 +

+
+ +
+
+

+ 380 +

+
+ +
+

+ 540 +

+
+ +
+
+

+ 460 +

+
+ +
+

+ 460 +

+
+ +
+
+

+ 60 +

+
+ +
+
+

+ 60 +

+
+ +
+
+

+ 60 +

+
+ +
+
+

+ 60 +

+
+ +
+
+

+ 60 +

+
+ +
+
+

+ 60 +

+
+ +
+
+

+ 60 +

+
+ +
+
+

+ 60 +

+
+ +
+
+

+ 60 +

+
+ +
+
+

+ 60 +

+
+ +
+
+

+ 60 +

+
+ +
+
+

+ 60 +

+
+ +
+
+
+

+ 60 +

+
+ +
+

+ 380 +

+
+ +
+
+

+ 220 +

+
+ +
+

+ 220 +

+
+ +
+
+ +
+
+

+ 220 +

+
+ +
+

+ 220 +

+
+ +
+
+

+ 60 +

+
+ +
+

+ 380 +

+
+ +
+
+ +
-

- 16 Column Grid -

-
-

- 940 -

-
- -
-
-

- 40 -

-
- -
-

- 880 -

-
- -
-
-

- 100 -

-
- -
-

- 820 -

-
- -
-
-

- 160 -

-
- -
-

- 760 -

-
- -
-
-

- 220 -

-
- -
-

- 700 -

-
- -
-
-

- 280 -

-
- -
-

- 640 -

-
- -
-
-

- 340 -

-
- -
-

- 580 -

-
- -
-
-

- 400 -

-
- -
-

- 520 -

-
- -
-
-

- 460 -

-
- -
-

- 460 -

-
- -
-
-

- 40 -

-
- -
-
-

- 40 -

-
- -
-
-

- 40 -

-
- -
-
-

- 40 -

-
- -
-
-

- 40 -

-
- -
-
-

- 40 -

-
- -
-
-

- 40 -

-
- -
-
-

- 40 -

-
- -
-
-

- 40 -

-
- -
-
-

- 40 -

-
- -
-
-

- 40 -

-
- -
-
-

- 40 -

-
- -
-
-

- 40 -

-
- -
-
-

- 40 -

-
- -
-
-

- 40 -

-
- -
-
-

- 40 -

-
- -
-
-
-

- 40 -

-
- -
-

- 400 -

-
- -
-
-

- 220 -

-
- -
-

- 220 -

-
- -
-
- -
-
-

- 220 -

-
- -
-

- 220 -

-
- -
-
-

- 40 -

-
- -
-

- 400 -

-
- -
-
- -
+

+ 16 Column Grid +

+
+

+ 940 +

+
+ +
+
+

+ 40 +

+
+ +
+

+ 880 +

+
+ +
+
+

+ 100 +

+
+ +
+

+ 820 +

+
+ +
+
+

+ 160 +

+
+ +
+

+ 760 +

+
+ +
+
+

+ 220 +

+
+ +
+

+ 700 +

+
+ +
+
+

+ 280 +

+
+ +
+

+ 640 +

+
+ +
+
+

+ 340 +

+
+ +
+

+ 580 +

+
+ +
+
+

+ 400 +

+
+ +
+

+ 520 +

+
+ +
+
+

+ 460 +

+
+ +
+

+ 460 +

+
+ +
+
+

+ 40 +

+
+ +
+
+

+ 40 +

+
+ +
+
+

+ 40 +

+
+ +
+
+

+ 40 +

+
+ +
+
+

+ 40 +

+
+ +
+
+

+ 40 +

+
+ +
+
+

+ 40 +

+
+ +
+
+

+ 40 +

+
+ +
+
+

+ 40 +

+
+ +
+
+

+ 40 +

+
+ +
+
+

+ 40 +

+
+ +
+
+

+ 40 +

+
+ +
+
+

+ 40 +

+
+ +
+
+

+ 40 +

+
+ +
+
+

+ 40 +

+
+ +
+
+

+ 40 +

+
+ +
+
+
+

+ 40 +

+
+ +
+

+ 400 +

+
+ +
+
+

+ 220 +

+
+ +
+

+ 220 +

+
+ +
+
+ +
+
+

+ 220 +

+
+ +
+

+ 220 +

+
+ +
+
+

+ 40 +

+
+ +
+

+ 400 +

+
+ +
+
+ +
diff --git a/code/rtl_demo_24_col.html b/code/rtl_demo_24_col.html index 91559da..44aa980 100755 --- a/code/rtl_demo_24_col.html +++ b/code/rtl_demo_24_col.html @@ -6,405 +6,405 @@ - +

- 960 Grid System + 960 Grid System

-

- 24 Column Grid -

-
-

- 950 -

-
- -
-
-

- 30 -

-
- -
-

- 910 -

-
- -
-
-

- 70 -

-
- -
-

- 870 -

-
- -
-
-

- 110 -

-
- -
-

- 830 -

-
- -
-
-

- 150 -

-
- -
-

- 790 -

-
- -
-
-

- 190 -

-
- -
-

- 750 -

-
- -
-
-

- 230 -

-
- -
-

- 710 -

-
- -
-
-

- 270 -

-
- -
-

- 670 -

-
- -
-
-

- 310 -

-
- -
-

- 630 -

-
- -
-
-

- 350 -

-
- -
-

- 590 -

-
- -
-
-

- 390 -

-
- -
-

- 550 -

-
- -
-
-

- 430 -

-
- -
-

- 510 -

-
- -
-
-

- 470 -

-
- -
-

- 470 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-

- 30 -

-
- -
-
-
-

- 230 -

-
- -
-

- 230 -

-
- -
-
-

- 30 -

-
- -
-

- 430 -

-
- -
-
- -
-
-

- 30 -

-
- -
-

- 430 -

-
- -
-
-

- 230 -

-
- -
-

- 230 -

-
- -
-
- -
+

+ 24 Column Grid +

+
+

+ 950 +

+
+ +
+
+

+ 30 +

+
+ +
+

+ 910 +

+
+ +
+
+

+ 70 +

+
+ +
+

+ 870 +

+
+ +
+
+

+ 110 +

+
+ +
+

+ 830 +

+
+ +
+
+

+ 150 +

+
+ +
+

+ 790 +

+
+ +
+
+

+ 190 +

+
+ +
+

+ 750 +

+
+ +
+
+

+ 230 +

+
+ +
+

+ 710 +

+
+ +
+
+

+ 270 +

+
+ +
+

+ 670 +

+
+ +
+
+

+ 310 +

+
+ +
+

+ 630 +

+
+ +
+
+

+ 350 +

+
+ +
+

+ 590 +

+
+ +
+
+

+ 390 +

+
+ +
+

+ 550 +

+
+ +
+
+

+ 430 +

+
+ +
+

+ 510 +

+
+ +
+
+

+ 470 +

+
+ +
+

+ 470 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+

+ 30 +

+
+ +
+
+
+

+ 230 +

+
+ +
+

+ 230 +

+
+ +
+
+

+ 30 +

+
+ +
+

+ 430 +

+
+ +
+
+ +
+
+

+ 30 +

+
+ +
+

+ 430 +

+
+ +
+
+

+ 230 +

+
+ +
+

+ 230 +

+
+ +
+
+ +