Created
April 17, 2014 21:30
-
-
Save charlietriplett/11012745 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (v3.2.18) | |
| // Compass (v0.12.4) | |
| // ---- | |
| $cols: 12; | |
| $gutter: 2%; | |
| $padding: 4%; | |
| $breakpoint: 860px; | |
| $one_col: (100% - ($gutter * ($cols - 1)) - $gutter) / $cols; | |
| $one_padded_col: ((100% - ($gutter * ($cols - 1)) - ($padding * ($cols - 1))) / $cols); | |
| @mixin cols($num) { | |
| width: ($one_col * $num) + ($gutter * ($num - 1)); | |
| } | |
| @mixin padded_cols($num) { | |
| width: ($one_col * $num) + ($gutter * ($num - 1)) - $padding ; | |
| padding-left: $padding / 2; | |
| padding-right: $padding / 2; | |
| } | |
| @mixin left_offset_cols($num) { | |
| padding-left: ($padding / 2) + ($one_col * $num) + ($gutter * ($num - 1)); | |
| } | |
| @mixin right_offset_cols($num) { | |
| padding-right: ($padding / 2) + ($one_col * $num) + ($gutter * ($num - 1)); | |
| } | |
| @mixin sub_cols($num_child, $num_parent) { | |
| $parent_size: ($one_col * $num_parent) + ($gutter * ($num_parent - 1)); | |
| $child_size: ($one_col * $num_child) + ($gutter * ($num_child - 1)); | |
| margin-right: ($gutter / $parent_size) * 100% - ($gutter/2); | |
| width: ($child_size / $parent_size) * 100% ; | |
| } | |
| @mixin padded_sub_cols($num_child, $num_parent) { | |
| $parent_size: ($one_col * $num_parent) + ($gutter * ($num_parent - 1)); | |
| $child_size: ($one_col * $num_child) + ($gutter * ($num_child - 1)); | |
| padding-left: (100% / $parent_size) * ($padding / 2); | |
| padding-right: (100% / $parent_size) * ($padding / 2); | |
| margin-right: ($gutter / $parent_size) * 100% - ($gutter/2); | |
| width: ($child_size / $parent_size) * 100% - $padding; | |
| } | |
| /* @group grid */ | |
| .container { | |
| #{enumerate('.span', 1, $cols, '')} { | |
| float: left; | |
| margin-left: $gutter/2; | |
| margin-right: $gutter/2; | |
| } | |
| @for $i from 1 through $cols { | |
| .span#{$i} { | |
| @include cols($i); | |
| } | |
| @for $i from 1 through $cols { | |
| .span#{$i}.pad { | |
| @include padded_cols($i); | |
| } | |
| } | |
| .span#{$i} { | |
| @for $j from 1 through ($i - 1) { | |
| .span#{$j} { | |
| @include sub_cols($j, $i); | |
| @for $k from 1 through ($j - 1) { | |
| .span#{$k} { | |
| @include sub_cols($k, $j); | |
| } | |
| } | |
| } | |
| } | |
| } | |
| .span#{$i} { | |
| @for $j from 1 through ($i - 1) { | |
| .span#{$j}.pad { | |
| @include padded_sub_cols($j, $i); | |
| } | |
| } | |
| } | |
| } | |
| } | |
| @for $i from 1 through $cols { | |
| .left-offset#{$i} { | |
| @include left_offset_cols($i); | |
| } | |
| } | |
| @for $i from 1 through $cols { | |
| .right-offset#{$i} { | |
| @include right_offset_cols($i); | |
| } | |
| } | |
| @media only screen and (max-width: $breakpoint) { | |
| /* #Top level spans */ | |
| .container { | |
| #{enumerate('.span', 1, $cols, '')} { | |
| float: left; | |
| margin-left: 4%; | |
| margin-right: 4%; | |
| width: 92%; | |
| } | |
| } // end .container | |
| .container { | |
| #{enumerate('.pad.span', 1, $cols, '')} { | |
| float: left; | |
| margin-left: 4%; | |
| margin-right: 4%; | |
| padding-left: 2%; | |
| padding-right: 2%; | |
| width: 88%; | |
| } | |
| } // end .container | |
| /* #Second level spans */ | |
| %secondlevel { | |
| float: left; | |
| margin-left: 0%; | |
| margin-right: 0%; | |
| width: 100%; | |
| } | |
| .container { | |
| @for $i from 1 through $cols { | |
| .span#{$i} { | |
| @for $j from 1 through ($i - 1) { | |
| .span#{$j} { | |
| @extend %secondlevel | |
| } | |
| } | |
| } | |
| } | |
| } // end container | |
| %secondlevelpad { | |
| float: left; | |
| padding-left: 4%; | |
| padding-right: 4%; | |
| margin-left: 0%; | |
| margin-right: 0%; | |
| width: 92%; | |
| } | |
| .container { | |
| @for $i from 1 through $cols { | |
| .span#{$i} { | |
| @for $j from 1 through ($i - 1) { | |
| .span#{$j}.pad { | |
| @extend %secondlevelpad | |
| } | |
| } | |
| } | |
| } | |
| } // end container | |
| .one-third { | |
| width: 30% !important; | |
| margin-right: 4% !important; | |
| } | |
| .two-thirds { | |
| width: 58% !important; | |
| margin-left: 0 !important; | |
| } | |
| } // end @media | |
| /* #Alpha and Omega etc */ | |
| .container { | |
| margin: 0 auto; | |
| max-width: 1120px; | |
| } | |
| .alpha { | |
| margin-left: 0 !important; | |
| } | |
| .omega { | |
| margin-right: 0 !important; | |
| } | |
| /* #Clearing */ | |
| /* Self Clearing Goodness */ | |
| .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } | |
| /* Use clearfix class on parent to clear nested columns, | |
| or wrap each row of columns in a <div class="row"> */ | |
| .clearfix:before, | |
| .clearfix:after { | |
| content: '\0020'; | |
| display: block; | |
| overflow: hidden; | |
| visibility: hidden; | |
| width: 0; | |
| height: 0; } | |
| .clearfix:after { | |
| clear: both; } | |
| .clearfix { | |
| zoom: 1; } | |
| /* You can also use a <br class="clear" /> to clear columns */ | |
| .clear { | |
| clear: both; | |
| display: block; | |
| overflow: hidden; | |
| visibility: hidden; | |
| width: 0; | |
| height: 0; | |
| } | |
| /* @end */ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* @group grid */ | |
| .container .span1, .container .span2, .container .span3, .container .span4, .container .span5, .container .span6, .container .span7, .container .span8, .container .span9, .container .span10, .container .span11, .container .span12 { float: left; margin-left: 1%; margin-right: 1%; } | |
| .container .span1 { width: 6.33333%; } | |
| .container .span1.pad { width: 2.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span2.pad { width: 10.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span3.pad { width: 19%; padding-left: 2%; padding-right: 2%; } | |
| .container .span4.pad { width: 27.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span5.pad { width: 35.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span6.pad { width: 44%; padding-left: 2%; padding-right: 2%; } | |
| .container .span7.pad { width: 52.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span8.pad { width: 60.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span9.pad { width: 69%; padding-left: 2%; padding-right: 2%; } | |
| .container .span10.pad { width: 77.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span11.pad { width: 85.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span12.pad { width: 94%; padding-left: 2%; padding-right: 2%; } | |
| .container .span2 { width: 14.66667%; } | |
| .container .span1.pad { width: 2.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span2.pad { width: 10.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span3.pad { width: 19%; padding-left: 2%; padding-right: 2%; } | |
| .container .span4.pad { width: 27.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span5.pad { width: 35.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span6.pad { width: 44%; padding-left: 2%; padding-right: 2%; } | |
| .container .span7.pad { width: 52.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span8.pad { width: 60.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span9.pad { width: 69%; padding-left: 2%; padding-right: 2%; } | |
| .container .span10.pad { width: 77.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span11.pad { width: 85.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span12.pad { width: 94%; padding-left: 2%; padding-right: 2%; } | |
| .container .span2 .span1 { margin-right: 12.63636%; width: 43.18182%; } | |
| .container .span2 .span1.pad { padding-left: 13.63636%; padding-right: 13.63636%; margin-right: 12.63636%; width: 39.18182%; } | |
| .container .span3 { width: 23%; } | |
| .container .span1.pad { width: 2.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span2.pad { width: 10.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span3.pad { width: 19%; padding-left: 2%; padding-right: 2%; } | |
| .container .span4.pad { width: 27.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span5.pad { width: 35.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span6.pad { width: 44%; padding-left: 2%; padding-right: 2%; } | |
| .container .span7.pad { width: 52.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span8.pad { width: 60.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span9.pad { width: 69%; padding-left: 2%; padding-right: 2%; } | |
| .container .span10.pad { width: 77.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span11.pad { width: 85.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span12.pad { width: 94%; padding-left: 2%; padding-right: 2%; } | |
| .container .span3 .span1 { margin-right: 7.69565%; width: 27.53623%; } | |
| .container .span3 .span2 { margin-right: 7.69565%; width: 63.76812%; } | |
| .container .span3 .span2 .span1 { margin-right: 12.63636%; width: 43.18182%; } | |
| .container .span3 .span1.pad { padding-left: 8.69565%; padding-right: 8.69565%; margin-right: 7.69565%; width: 23.53623%; } | |
| .container .span3 .span2.pad { padding-left: 8.69565%; padding-right: 8.69565%; margin-right: 7.69565%; width: 59.76812%; } | |
| .container .span4 { width: 31.33333%; } | |
| .container .span1.pad { width: 2.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span2.pad { width: 10.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span3.pad { width: 19%; padding-left: 2%; padding-right: 2%; } | |
| .container .span4.pad { width: 27.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span5.pad { width: 35.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span6.pad { width: 44%; padding-left: 2%; padding-right: 2%; } | |
| .container .span7.pad { width: 52.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span8.pad { width: 60.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span9.pad { width: 69%; padding-left: 2%; padding-right: 2%; } | |
| .container .span10.pad { width: 77.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span11.pad { width: 85.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span12.pad { width: 94%; padding-left: 2%; padding-right: 2%; } | |
| .container .span4 .span1 { margin-right: 5.38298%; width: 20.21277%; } | |
| .container .span4 .span2 { margin-right: 5.38298%; width: 46.80851%; } | |
| .container .span4 .span2 .span1 { margin-right: 12.63636%; width: 43.18182%; } | |
| .container .span4 .span3 { margin-right: 5.38298%; width: 73.40426%; } | |
| .container .span4 .span3 .span1 { margin-right: 7.69565%; width: 27.53623%; } | |
| .container .span4 .span3 .span2 { margin-right: 7.69565%; width: 63.76812%; } | |
| .container .span4 .span1.pad { padding-left: 6.38298%; padding-right: 6.38298%; margin-right: 5.38298%; width: 16.21277%; } | |
| .container .span4 .span2.pad { padding-left: 6.38298%; padding-right: 6.38298%; margin-right: 5.38298%; width: 42.80851%; } | |
| .container .span4 .span3.pad { padding-left: 6.38298%; padding-right: 6.38298%; margin-right: 5.38298%; width: 69.40426%; } | |
| .container .span5 { width: 39.66667%; } | |
| .container .span1.pad { width: 2.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span2.pad { width: 10.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span3.pad { width: 19%; padding-left: 2%; padding-right: 2%; } | |
| .container .span4.pad { width: 27.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span5.pad { width: 35.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span6.pad { width: 44%; padding-left: 2%; padding-right: 2%; } | |
| .container .span7.pad { width: 52.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span8.pad { width: 60.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span9.pad { width: 69%; padding-left: 2%; padding-right: 2%; } | |
| .container .span10.pad { width: 77.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span11.pad { width: 85.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span12.pad { width: 94%; padding-left: 2%; padding-right: 2%; } | |
| .container .span5 .span1 { margin-right: 4.04202%; width: 15.96639%; } | |
| .container .span5 .span2 { margin-right: 4.04202%; width: 36.97479%; } | |
| .container .span5 .span2 .span1 { margin-right: 12.63636%; width: 43.18182%; } | |
| .container .span5 .span3 { margin-right: 4.04202%; width: 57.98319%; } | |
| .container .span5 .span3 .span1 { margin-right: 7.69565%; width: 27.53623%; } | |
| .container .span5 .span3 .span2 { margin-right: 7.69565%; width: 63.76812%; } | |
| .container .span5 .span4 { margin-right: 4.04202%; width: 78.9916%; } | |
| .container .span5 .span4 .span1 { margin-right: 5.38298%; width: 20.21277%; } | |
| .container .span5 .span4 .span2 { margin-right: 5.38298%; width: 46.80851%; } | |
| .container .span5 .span4 .span3 { margin-right: 5.38298%; width: 73.40426%; } | |
| .container .span5 .span1.pad { padding-left: 5.04202%; padding-right: 5.04202%; margin-right: 4.04202%; width: 11.96639%; } | |
| .container .span5 .span2.pad { padding-left: 5.04202%; padding-right: 5.04202%; margin-right: 4.04202%; width: 32.97479%; } | |
| .container .span5 .span3.pad { padding-left: 5.04202%; padding-right: 5.04202%; margin-right: 4.04202%; width: 53.98319%; } | |
| .container .span5 .span4.pad { padding-left: 5.04202%; padding-right: 5.04202%; margin-right: 4.04202%; width: 74.9916%; } | |
| .container .span6 { width: 48%; } | |
| .container .span1.pad { width: 2.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span2.pad { width: 10.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span3.pad { width: 19%; padding-left: 2%; padding-right: 2%; } | |
| .container .span4.pad { width: 27.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span5.pad { width: 35.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span6.pad { width: 44%; padding-left: 2%; padding-right: 2%; } | |
| .container .span7.pad { width: 52.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span8.pad { width: 60.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span9.pad { width: 69%; padding-left: 2%; padding-right: 2%; } | |
| .container .span10.pad { width: 77.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span11.pad { width: 85.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span12.pad { width: 94%; padding-left: 2%; padding-right: 2%; } | |
| .container .span6 .span1 { margin-right: 3.16667%; width: 13.19444%; } | |
| .container .span6 .span2 { margin-right: 3.16667%; width: 30.55556%; } | |
| .container .span6 .span2 .span1 { margin-right: 12.63636%; width: 43.18182%; } | |
| .container .span6 .span3 { margin-right: 3.16667%; width: 47.91667%; } | |
| .container .span6 .span3 .span1 { margin-right: 7.69565%; width: 27.53623%; } | |
| .container .span6 .span3 .span2 { margin-right: 7.69565%; width: 63.76812%; } | |
| .container .span6 .span4 { margin-right: 3.16667%; width: 65.27778%; } | |
| .container .span6 .span4 .span1 { margin-right: 5.38298%; width: 20.21277%; } | |
| .container .span6 .span4 .span2 { margin-right: 5.38298%; width: 46.80851%; } | |
| .container .span6 .span4 .span3 { margin-right: 5.38298%; width: 73.40426%; } | |
| .container .span6 .span5 { margin-right: 3.16667%; width: 82.63889%; } | |
| .container .span6 .span5 .span1 { margin-right: 4.04202%; width: 15.96639%; } | |
| .container .span6 .span5 .span2 { margin-right: 4.04202%; width: 36.97479%; } | |
| .container .span6 .span5 .span3 { margin-right: 4.04202%; width: 57.98319%; } | |
| .container .span6 .span5 .span4 { margin-right: 4.04202%; width: 78.9916%; } | |
| .container .span6 .span1.pad { padding-left: 4.16667%; padding-right: 4.16667%; margin-right: 3.16667%; width: 9.19444%; } | |
| .container .span6 .span2.pad { padding-left: 4.16667%; padding-right: 4.16667%; margin-right: 3.16667%; width: 26.55556%; } | |
| .container .span6 .span3.pad { padding-left: 4.16667%; padding-right: 4.16667%; margin-right: 3.16667%; width: 43.91667%; } | |
| .container .span6 .span4.pad { padding-left: 4.16667%; padding-right: 4.16667%; margin-right: 3.16667%; width: 61.27778%; } | |
| .container .span6 .span5.pad { padding-left: 4.16667%; padding-right: 4.16667%; margin-right: 3.16667%; width: 78.63889%; } | |
| .container .span7 { width: 56.33333%; } | |
| .container .span1.pad { width: 2.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span2.pad { width: 10.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span3.pad { width: 19%; padding-left: 2%; padding-right: 2%; } | |
| .container .span4.pad { width: 27.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span5.pad { width: 35.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span6.pad { width: 44%; padding-left: 2%; padding-right: 2%; } | |
| .container .span7.pad { width: 52.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span8.pad { width: 60.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span9.pad { width: 69%; padding-left: 2%; padding-right: 2%; } | |
| .container .span10.pad { width: 77.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span11.pad { width: 85.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span12.pad { width: 94%; padding-left: 2%; padding-right: 2%; } | |
| .container .span7 .span1 { margin-right: 2.5503%; width: 11.2426%; } | |
| .container .span7 .span2 { margin-right: 2.5503%; width: 26.0355%; } | |
| .container .span7 .span2 .span1 { margin-right: 12.63636%; width: 43.18182%; } | |
| .container .span7 .span3 { margin-right: 2.5503%; width: 40.8284%; } | |
| .container .span7 .span3 .span1 { margin-right: 7.69565%; width: 27.53623%; } | |
| .container .span7 .span3 .span2 { margin-right: 7.69565%; width: 63.76812%; } | |
| .container .span7 .span4 { margin-right: 2.5503%; width: 55.6213%; } | |
| .container .span7 .span4 .span1 { margin-right: 5.38298%; width: 20.21277%; } | |
| .container .span7 .span4 .span2 { margin-right: 5.38298%; width: 46.80851%; } | |
| .container .span7 .span4 .span3 { margin-right: 5.38298%; width: 73.40426%; } | |
| .container .span7 .span5 { margin-right: 2.5503%; width: 70.4142%; } | |
| .container .span7 .span5 .span1 { margin-right: 4.04202%; width: 15.96639%; } | |
| .container .span7 .span5 .span2 { margin-right: 4.04202%; width: 36.97479%; } | |
| .container .span7 .span5 .span3 { margin-right: 4.04202%; width: 57.98319%; } | |
| .container .span7 .span5 .span4 { margin-right: 4.04202%; width: 78.9916%; } | |
| .container .span7 .span6 { margin-right: 2.5503%; width: 85.2071%; } | |
| .container .span7 .span6 .span1 { margin-right: 3.16667%; width: 13.19444%; } | |
| .container .span7 .span6 .span2 { margin-right: 3.16667%; width: 30.55556%; } | |
| .container .span7 .span6 .span3 { margin-right: 3.16667%; width: 47.91667%; } | |
| .container .span7 .span6 .span4 { margin-right: 3.16667%; width: 65.27778%; } | |
| .container .span7 .span6 .span5 { margin-right: 3.16667%; width: 82.63889%; } | |
| .container .span7 .span1.pad { padding-left: 3.5503%; padding-right: 3.5503%; margin-right: 2.5503%; width: 7.2426%; } | |
| .container .span7 .span2.pad { padding-left: 3.5503%; padding-right: 3.5503%; margin-right: 2.5503%; width: 22.0355%; } | |
| .container .span7 .span3.pad { padding-left: 3.5503%; padding-right: 3.5503%; margin-right: 2.5503%; width: 36.8284%; } | |
| .container .span7 .span4.pad { padding-left: 3.5503%; padding-right: 3.5503%; margin-right: 2.5503%; width: 51.6213%; } | |
| .container .span7 .span5.pad { padding-left: 3.5503%; padding-right: 3.5503%; margin-right: 2.5503%; width: 66.4142%; } | |
| .container .span7 .span6.pad { padding-left: 3.5503%; padding-right: 3.5503%; margin-right: 2.5503%; width: 81.2071%; } | |
| .container .span8 { width: 64.66667%; } | |
| .container .span1.pad { width: 2.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span2.pad { width: 10.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span3.pad { width: 19%; padding-left: 2%; padding-right: 2%; } | |
| .container .span4.pad { width: 27.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span5.pad { width: 35.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span6.pad { width: 44%; padding-left: 2%; padding-right: 2%; } | |
| .container .span7.pad { width: 52.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span8.pad { width: 60.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span9.pad { width: 69%; padding-left: 2%; padding-right: 2%; } | |
| .container .span10.pad { width: 77.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span11.pad { width: 85.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span12.pad { width: 94%; padding-left: 2%; padding-right: 2%; } | |
| .container .span8 .span1 { margin-right: 2.09278%; width: 9.79381%; } | |
| .container .span8 .span2 { margin-right: 2.09278%; width: 22.68041%; } | |
| .container .span8 .span2 .span1 { margin-right: 12.63636%; width: 43.18182%; } | |
| .container .span8 .span3 { margin-right: 2.09278%; width: 35.56701%; } | |
| .container .span8 .span3 .span1 { margin-right: 7.69565%; width: 27.53623%; } | |
| .container .span8 .span3 .span2 { margin-right: 7.69565%; width: 63.76812%; } | |
| .container .span8 .span4 { margin-right: 2.09278%; width: 48.45361%; } | |
| .container .span8 .span4 .span1 { margin-right: 5.38298%; width: 20.21277%; } | |
| .container .span8 .span4 .span2 { margin-right: 5.38298%; width: 46.80851%; } | |
| .container .span8 .span4 .span3 { margin-right: 5.38298%; width: 73.40426%; } | |
| .container .span8 .span5 { margin-right: 2.09278%; width: 61.34021%; } | |
| .container .span8 .span5 .span1 { margin-right: 4.04202%; width: 15.96639%; } | |
| .container .span8 .span5 .span2 { margin-right: 4.04202%; width: 36.97479%; } | |
| .container .span8 .span5 .span3 { margin-right: 4.04202%; width: 57.98319%; } | |
| .container .span8 .span5 .span4 { margin-right: 4.04202%; width: 78.9916%; } | |
| .container .span8 .span6 { margin-right: 2.09278%; width: 74.2268%; } | |
| .container .span8 .span6 .span1 { margin-right: 3.16667%; width: 13.19444%; } | |
| .container .span8 .span6 .span2 { margin-right: 3.16667%; width: 30.55556%; } | |
| .container .span8 .span6 .span3 { margin-right: 3.16667%; width: 47.91667%; } | |
| .container .span8 .span6 .span4 { margin-right: 3.16667%; width: 65.27778%; } | |
| .container .span8 .span6 .span5 { margin-right: 3.16667%; width: 82.63889%; } | |
| .container .span8 .span7 { margin-right: 2.09278%; width: 87.1134%; } | |
| .container .span8 .span7 .span1 { margin-right: 2.5503%; width: 11.2426%; } | |
| .container .span8 .span7 .span2 { margin-right: 2.5503%; width: 26.0355%; } | |
| .container .span8 .span7 .span3 { margin-right: 2.5503%; width: 40.8284%; } | |
| .container .span8 .span7 .span4 { margin-right: 2.5503%; width: 55.6213%; } | |
| .container .span8 .span7 .span5 { margin-right: 2.5503%; width: 70.4142%; } | |
| .container .span8 .span7 .span6 { margin-right: 2.5503%; width: 85.2071%; } | |
| .container .span8 .span1.pad { padding-left: 3.09278%; padding-right: 3.09278%; margin-right: 2.09278%; width: 5.79381%; } | |
| .container .span8 .span2.pad { padding-left: 3.09278%; padding-right: 3.09278%; margin-right: 2.09278%; width: 18.68041%; } | |
| .container .span8 .span3.pad { padding-left: 3.09278%; padding-right: 3.09278%; margin-right: 2.09278%; width: 31.56701%; } | |
| .container .span8 .span4.pad { padding-left: 3.09278%; padding-right: 3.09278%; margin-right: 2.09278%; width: 44.45361%; } | |
| .container .span8 .span5.pad { padding-left: 3.09278%; padding-right: 3.09278%; margin-right: 2.09278%; width: 57.34021%; } | |
| .container .span8 .span6.pad { padding-left: 3.09278%; padding-right: 3.09278%; margin-right: 2.09278%; width: 70.2268%; } | |
| .container .span8 .span7.pad { padding-left: 3.09278%; padding-right: 3.09278%; margin-right: 2.09278%; width: 83.1134%; } | |
| .container .span9 { width: 73%; } | |
| .container .span1.pad { width: 2.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span2.pad { width: 10.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span3.pad { width: 19%; padding-left: 2%; padding-right: 2%; } | |
| .container .span4.pad { width: 27.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span5.pad { width: 35.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span6.pad { width: 44%; padding-left: 2%; padding-right: 2%; } | |
| .container .span7.pad { width: 52.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span8.pad { width: 60.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span9.pad { width: 69%; padding-left: 2%; padding-right: 2%; } | |
| .container .span10.pad { width: 77.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span11.pad { width: 85.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span12.pad { width: 94%; padding-left: 2%; padding-right: 2%; } | |
| .container .span9 .span1 { margin-right: 1.73973%; width: 8.6758%; } | |
| .container .span9 .span2 { margin-right: 1.73973%; width: 20.09132%; } | |
| .container .span9 .span2 .span1 { margin-right: 12.63636%; width: 43.18182%; } | |
| .container .span9 .span3 { margin-right: 1.73973%; width: 31.50685%; } | |
| .container .span9 .span3 .span1 { margin-right: 7.69565%; width: 27.53623%; } | |
| .container .span9 .span3 .span2 { margin-right: 7.69565%; width: 63.76812%; } | |
| .container .span9 .span4 { margin-right: 1.73973%; width: 42.92237%; } | |
| .container .span9 .span4 .span1 { margin-right: 5.38298%; width: 20.21277%; } | |
| .container .span9 .span4 .span2 { margin-right: 5.38298%; width: 46.80851%; } | |
| .container .span9 .span4 .span3 { margin-right: 5.38298%; width: 73.40426%; } | |
| .container .span9 .span5 { margin-right: 1.73973%; width: 54.3379%; } | |
| .container .span9 .span5 .span1 { margin-right: 4.04202%; width: 15.96639%; } | |
| .container .span9 .span5 .span2 { margin-right: 4.04202%; width: 36.97479%; } | |
| .container .span9 .span5 .span3 { margin-right: 4.04202%; width: 57.98319%; } | |
| .container .span9 .span5 .span4 { margin-right: 4.04202%; width: 78.9916%; } | |
| .container .span9 .span6 { margin-right: 1.73973%; width: 65.75342%; } | |
| .container .span9 .span6 .span1 { margin-right: 3.16667%; width: 13.19444%; } | |
| .container .span9 .span6 .span2 { margin-right: 3.16667%; width: 30.55556%; } | |
| .container .span9 .span6 .span3 { margin-right: 3.16667%; width: 47.91667%; } | |
| .container .span9 .span6 .span4 { margin-right: 3.16667%; width: 65.27778%; } | |
| .container .span9 .span6 .span5 { margin-right: 3.16667%; width: 82.63889%; } | |
| .container .span9 .span7 { margin-right: 1.73973%; width: 77.16895%; } | |
| .container .span9 .span7 .span1 { margin-right: 2.5503%; width: 11.2426%; } | |
| .container .span9 .span7 .span2 { margin-right: 2.5503%; width: 26.0355%; } | |
| .container .span9 .span7 .span3 { margin-right: 2.5503%; width: 40.8284%; } | |
| .container .span9 .span7 .span4 { margin-right: 2.5503%; width: 55.6213%; } | |
| .container .span9 .span7 .span5 { margin-right: 2.5503%; width: 70.4142%; } | |
| .container .span9 .span7 .span6 { margin-right: 2.5503%; width: 85.2071%; } | |
| .container .span9 .span8 { margin-right: 1.73973%; width: 88.58447%; } | |
| .container .span9 .span8 .span1 { margin-right: 2.09278%; width: 9.79381%; } | |
| .container .span9 .span8 .span2 { margin-right: 2.09278%; width: 22.68041%; } | |
| .container .span9 .span8 .span3 { margin-right: 2.09278%; width: 35.56701%; } | |
| .container .span9 .span8 .span4 { margin-right: 2.09278%; width: 48.45361%; } | |
| .container .span9 .span8 .span5 { margin-right: 2.09278%; width: 61.34021%; } | |
| .container .span9 .span8 .span6 { margin-right: 2.09278%; width: 74.2268%; } | |
| .container .span9 .span8 .span7 { margin-right: 2.09278%; width: 87.1134%; } | |
| .container .span9 .span1.pad { padding-left: 2.73973%; padding-right: 2.73973%; margin-right: 1.73973%; width: 4.6758%; } | |
| .container .span9 .span2.pad { padding-left: 2.73973%; padding-right: 2.73973%; margin-right: 1.73973%; width: 16.09132%; } | |
| .container .span9 .span3.pad { padding-left: 2.73973%; padding-right: 2.73973%; margin-right: 1.73973%; width: 27.50685%; } | |
| .container .span9 .span4.pad { padding-left: 2.73973%; padding-right: 2.73973%; margin-right: 1.73973%; width: 38.92237%; } | |
| .container .span9 .span5.pad { padding-left: 2.73973%; padding-right: 2.73973%; margin-right: 1.73973%; width: 50.3379%; } | |
| .container .span9 .span6.pad { padding-left: 2.73973%; padding-right: 2.73973%; margin-right: 1.73973%; width: 61.75342%; } | |
| .container .span9 .span7.pad { padding-left: 2.73973%; padding-right: 2.73973%; margin-right: 1.73973%; width: 73.16895%; } | |
| .container .span9 .span8.pad { padding-left: 2.73973%; padding-right: 2.73973%; margin-right: 1.73973%; width: 84.58447%; } | |
| .container .span10 { width: 81.33333%; } | |
| .container .span1.pad { width: 2.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span2.pad { width: 10.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span3.pad { width: 19%; padding-left: 2%; padding-right: 2%; } | |
| .container .span4.pad { width: 27.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span5.pad { width: 35.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span6.pad { width: 44%; padding-left: 2%; padding-right: 2%; } | |
| .container .span7.pad { width: 52.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span8.pad { width: 60.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span9.pad { width: 69%; padding-left: 2%; padding-right: 2%; } | |
| .container .span10.pad { width: 77.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span11.pad { width: 85.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span12.pad { width: 94%; padding-left: 2%; padding-right: 2%; } | |
| .container .span10 .span1 { margin-right: 1.45902%; width: 7.78689%; } | |
| .container .span10 .span2 { margin-right: 1.45902%; width: 18.03279%; } | |
| .container .span10 .span2 .span1 { margin-right: 12.63636%; width: 43.18182%; } | |
| .container .span10 .span3 { margin-right: 1.45902%; width: 28.27869%; } | |
| .container .span10 .span3 .span1 { margin-right: 7.69565%; width: 27.53623%; } | |
| .container .span10 .span3 .span2 { margin-right: 7.69565%; width: 63.76812%; } | |
| .container .span10 .span4 { margin-right: 1.45902%; width: 38.52459%; } | |
| .container .span10 .span4 .span1 { margin-right: 5.38298%; width: 20.21277%; } | |
| .container .span10 .span4 .span2 { margin-right: 5.38298%; width: 46.80851%; } | |
| .container .span10 .span4 .span3 { margin-right: 5.38298%; width: 73.40426%; } | |
| .container .span10 .span5 { margin-right: 1.45902%; width: 48.77049%; } | |
| .container .span10 .span5 .span1 { margin-right: 4.04202%; width: 15.96639%; } | |
| .container .span10 .span5 .span2 { margin-right: 4.04202%; width: 36.97479%; } | |
| .container .span10 .span5 .span3 { margin-right: 4.04202%; width: 57.98319%; } | |
| .container .span10 .span5 .span4 { margin-right: 4.04202%; width: 78.9916%; } | |
| .container .span10 .span6 { margin-right: 1.45902%; width: 59.01639%; } | |
| .container .span10 .span6 .span1 { margin-right: 3.16667%; width: 13.19444%; } | |
| .container .span10 .span6 .span2 { margin-right: 3.16667%; width: 30.55556%; } | |
| .container .span10 .span6 .span3 { margin-right: 3.16667%; width: 47.91667%; } | |
| .container .span10 .span6 .span4 { margin-right: 3.16667%; width: 65.27778%; } | |
| .container .span10 .span6 .span5 { margin-right: 3.16667%; width: 82.63889%; } | |
| .container .span10 .span7 { margin-right: 1.45902%; width: 69.2623%; } | |
| .container .span10 .span7 .span1 { margin-right: 2.5503%; width: 11.2426%; } | |
| .container .span10 .span7 .span2 { margin-right: 2.5503%; width: 26.0355%; } | |
| .container .span10 .span7 .span3 { margin-right: 2.5503%; width: 40.8284%; } | |
| .container .span10 .span7 .span4 { margin-right: 2.5503%; width: 55.6213%; } | |
| .container .span10 .span7 .span5 { margin-right: 2.5503%; width: 70.4142%; } | |
| .container .span10 .span7 .span6 { margin-right: 2.5503%; width: 85.2071%; } | |
| .container .span10 .span8 { margin-right: 1.45902%; width: 79.5082%; } | |
| .container .span10 .span8 .span1 { margin-right: 2.09278%; width: 9.79381%; } | |
| .container .span10 .span8 .span2 { margin-right: 2.09278%; width: 22.68041%; } | |
| .container .span10 .span8 .span3 { margin-right: 2.09278%; width: 35.56701%; } | |
| .container .span10 .span8 .span4 { margin-right: 2.09278%; width: 48.45361%; } | |
| .container .span10 .span8 .span5 { margin-right: 2.09278%; width: 61.34021%; } | |
| .container .span10 .span8 .span6 { margin-right: 2.09278%; width: 74.2268%; } | |
| .container .span10 .span8 .span7 { margin-right: 2.09278%; width: 87.1134%; } | |
| .container .span10 .span9 { margin-right: 1.45902%; width: 89.7541%; } | |
| .container .span10 .span9 .span1 { margin-right: 1.73973%; width: 8.6758%; } | |
| .container .span10 .span9 .span2 { margin-right: 1.73973%; width: 20.09132%; } | |
| .container .span10 .span9 .span3 { margin-right: 1.73973%; width: 31.50685%; } | |
| .container .span10 .span9 .span4 { margin-right: 1.73973%; width: 42.92237%; } | |
| .container .span10 .span9 .span5 { margin-right: 1.73973%; width: 54.3379%; } | |
| .container .span10 .span9 .span6 { margin-right: 1.73973%; width: 65.75342%; } | |
| .container .span10 .span9 .span7 { margin-right: 1.73973%; width: 77.16895%; } | |
| .container .span10 .span9 .span8 { margin-right: 1.73973%; width: 88.58447%; } | |
| .container .span10 .span1.pad { padding-left: 2.45902%; padding-right: 2.45902%; margin-right: 1.45902%; width: 3.78689%; } | |
| .container .span10 .span2.pad { padding-left: 2.45902%; padding-right: 2.45902%; margin-right: 1.45902%; width: 14.03279%; } | |
| .container .span10 .span3.pad { padding-left: 2.45902%; padding-right: 2.45902%; margin-right: 1.45902%; width: 24.27869%; } | |
| .container .span10 .span4.pad { padding-left: 2.45902%; padding-right: 2.45902%; margin-right: 1.45902%; width: 34.52459%; } | |
| .container .span10 .span5.pad { padding-left: 2.45902%; padding-right: 2.45902%; margin-right: 1.45902%; width: 44.77049%; } | |
| .container .span10 .span6.pad { padding-left: 2.45902%; padding-right: 2.45902%; margin-right: 1.45902%; width: 55.01639%; } | |
| .container .span10 .span7.pad { padding-left: 2.45902%; padding-right: 2.45902%; margin-right: 1.45902%; width: 65.2623%; } | |
| .container .span10 .span8.pad { padding-left: 2.45902%; padding-right: 2.45902%; margin-right: 1.45902%; width: 75.5082%; } | |
| .container .span10 .span9.pad { padding-left: 2.45902%; padding-right: 2.45902%; margin-right: 1.45902%; width: 85.7541%; } | |
| .container .span11 { width: 89.66667%; } | |
| .container .span1.pad { width: 2.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span2.pad { width: 10.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span3.pad { width: 19%; padding-left: 2%; padding-right: 2%; } | |
| .container .span4.pad { width: 27.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span5.pad { width: 35.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span6.pad { width: 44%; padding-left: 2%; padding-right: 2%; } | |
| .container .span7.pad { width: 52.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span8.pad { width: 60.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span9.pad { width: 69%; padding-left: 2%; padding-right: 2%; } | |
| .container .span10.pad { width: 77.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span11.pad { width: 85.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span12.pad { width: 94%; padding-left: 2%; padding-right: 2%; } | |
| .container .span11 .span1 { margin-right: 1.23048%; width: 7.0632%; } | |
| .container .span11 .span2 { margin-right: 1.23048%; width: 16.35688%; } | |
| .container .span11 .span2 .span1 { margin-right: 12.63636%; width: 43.18182%; } | |
| .container .span11 .span3 { margin-right: 1.23048%; width: 25.65056%; } | |
| .container .span11 .span3 .span1 { margin-right: 7.69565%; width: 27.53623%; } | |
| .container .span11 .span3 .span2 { margin-right: 7.69565%; width: 63.76812%; } | |
| .container .span11 .span4 { margin-right: 1.23048%; width: 34.94424%; } | |
| .container .span11 .span4 .span1 { margin-right: 5.38298%; width: 20.21277%; } | |
| .container .span11 .span4 .span2 { margin-right: 5.38298%; width: 46.80851%; } | |
| .container .span11 .span4 .span3 { margin-right: 5.38298%; width: 73.40426%; } | |
| .container .span11 .span5 { margin-right: 1.23048%; width: 44.23792%; } | |
| .container .span11 .span5 .span1 { margin-right: 4.04202%; width: 15.96639%; } | |
| .container .span11 .span5 .span2 { margin-right: 4.04202%; width: 36.97479%; } | |
| .container .span11 .span5 .span3 { margin-right: 4.04202%; width: 57.98319%; } | |
| .container .span11 .span5 .span4 { margin-right: 4.04202%; width: 78.9916%; } | |
| .container .span11 .span6 { margin-right: 1.23048%; width: 53.5316%; } | |
| .container .span11 .span6 .span1 { margin-right: 3.16667%; width: 13.19444%; } | |
| .container .span11 .span6 .span2 { margin-right: 3.16667%; width: 30.55556%; } | |
| .container .span11 .span6 .span3 { margin-right: 3.16667%; width: 47.91667%; } | |
| .container .span11 .span6 .span4 { margin-right: 3.16667%; width: 65.27778%; } | |
| .container .span11 .span6 .span5 { margin-right: 3.16667%; width: 82.63889%; } | |
| .container .span11 .span7 { margin-right: 1.23048%; width: 62.82528%; } | |
| .container .span11 .span7 .span1 { margin-right: 2.5503%; width: 11.2426%; } | |
| .container .span11 .span7 .span2 { margin-right: 2.5503%; width: 26.0355%; } | |
| .container .span11 .span7 .span3 { margin-right: 2.5503%; width: 40.8284%; } | |
| .container .span11 .span7 .span4 { margin-right: 2.5503%; width: 55.6213%; } | |
| .container .span11 .span7 .span5 { margin-right: 2.5503%; width: 70.4142%; } | |
| .container .span11 .span7 .span6 { margin-right: 2.5503%; width: 85.2071%; } | |
| .container .span11 .span8 { margin-right: 1.23048%; width: 72.11896%; } | |
| .container .span11 .span8 .span1 { margin-right: 2.09278%; width: 9.79381%; } | |
| .container .span11 .span8 .span2 { margin-right: 2.09278%; width: 22.68041%; } | |
| .container .span11 .span8 .span3 { margin-right: 2.09278%; width: 35.56701%; } | |
| .container .span11 .span8 .span4 { margin-right: 2.09278%; width: 48.45361%; } | |
| .container .span11 .span8 .span5 { margin-right: 2.09278%; width: 61.34021%; } | |
| .container .span11 .span8 .span6 { margin-right: 2.09278%; width: 74.2268%; } | |
| .container .span11 .span8 .span7 { margin-right: 2.09278%; width: 87.1134%; } | |
| .container .span11 .span9 { margin-right: 1.23048%; width: 81.41264%; } | |
| .container .span11 .span9 .span1 { margin-right: 1.73973%; width: 8.6758%; } | |
| .container .span11 .span9 .span2 { margin-right: 1.73973%; width: 20.09132%; } | |
| .container .span11 .span9 .span3 { margin-right: 1.73973%; width: 31.50685%; } | |
| .container .span11 .span9 .span4 { margin-right: 1.73973%; width: 42.92237%; } | |
| .container .span11 .span9 .span5 { margin-right: 1.73973%; width: 54.3379%; } | |
| .container .span11 .span9 .span6 { margin-right: 1.73973%; width: 65.75342%; } | |
| .container .span11 .span9 .span7 { margin-right: 1.73973%; width: 77.16895%; } | |
| .container .span11 .span9 .span8 { margin-right: 1.73973%; width: 88.58447%; } | |
| .container .span11 .span10 { margin-right: 1.23048%; width: 90.70632%; } | |
| .container .span11 .span10 .span1 { margin-right: 1.45902%; width: 7.78689%; } | |
| .container .span11 .span10 .span2 { margin-right: 1.45902%; width: 18.03279%; } | |
| .container .span11 .span10 .span3 { margin-right: 1.45902%; width: 28.27869%; } | |
| .container .span11 .span10 .span4 { margin-right: 1.45902%; width: 38.52459%; } | |
| .container .span11 .span10 .span5 { margin-right: 1.45902%; width: 48.77049%; } | |
| .container .span11 .span10 .span6 { margin-right: 1.45902%; width: 59.01639%; } | |
| .container .span11 .span10 .span7 { margin-right: 1.45902%; width: 69.2623%; } | |
| .container .span11 .span10 .span8 { margin-right: 1.45902%; width: 79.5082%; } | |
| .container .span11 .span10 .span9 { margin-right: 1.45902%; width: 89.7541%; } | |
| .container .span11 .span1.pad { padding-left: 2.23048%; padding-right: 2.23048%; margin-right: 1.23048%; width: 3.0632%; } | |
| .container .span11 .span2.pad { padding-left: 2.23048%; padding-right: 2.23048%; margin-right: 1.23048%; width: 12.35688%; } | |
| .container .span11 .span3.pad { padding-left: 2.23048%; padding-right: 2.23048%; margin-right: 1.23048%; width: 21.65056%; } | |
| .container .span11 .span4.pad { padding-left: 2.23048%; padding-right: 2.23048%; margin-right: 1.23048%; width: 30.94424%; } | |
| .container .span11 .span5.pad { padding-left: 2.23048%; padding-right: 2.23048%; margin-right: 1.23048%; width: 40.23792%; } | |
| .container .span11 .span6.pad { padding-left: 2.23048%; padding-right: 2.23048%; margin-right: 1.23048%; width: 49.5316%; } | |
| .container .span11 .span7.pad { padding-left: 2.23048%; padding-right: 2.23048%; margin-right: 1.23048%; width: 58.82528%; } | |
| .container .span11 .span8.pad { padding-left: 2.23048%; padding-right: 2.23048%; margin-right: 1.23048%; width: 68.11896%; } | |
| .container .span11 .span9.pad { padding-left: 2.23048%; padding-right: 2.23048%; margin-right: 1.23048%; width: 77.41264%; } | |
| .container .span11 .span10.pad { padding-left: 2.23048%; padding-right: 2.23048%; margin-right: 1.23048%; width: 86.70632%; } | |
| .container .span12 { width: 98%; } | |
| .container .span1.pad { width: 2.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span2.pad { width: 10.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span3.pad { width: 19%; padding-left: 2%; padding-right: 2%; } | |
| .container .span4.pad { width: 27.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span5.pad { width: 35.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span6.pad { width: 44%; padding-left: 2%; padding-right: 2%; } | |
| .container .span7.pad { width: 52.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span8.pad { width: 60.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span9.pad { width: 69%; padding-left: 2%; padding-right: 2%; } | |
| .container .span10.pad { width: 77.33333%; padding-left: 2%; padding-right: 2%; } | |
| .container .span11.pad { width: 85.66667%; padding-left: 2%; padding-right: 2%; } | |
| .container .span12.pad { width: 94%; padding-left: 2%; padding-right: 2%; } | |
| .container .span12 .span1 { margin-right: 1.04082%; width: 6.46259%; } | |
| .container .span12 .span2 { margin-right: 1.04082%; width: 14.96599%; } | |
| .container .span12 .span2 .span1 { margin-right: 12.63636%; width: 43.18182%; } | |
| .container .span12 .span3 { margin-right: 1.04082%; width: 23.46939%; } | |
| .container .span12 .span3 .span1 { margin-right: 7.69565%; width: 27.53623%; } | |
| .container .span12 .span3 .span2 { margin-right: 7.69565%; width: 63.76812%; } | |
| .container .span12 .span4 { margin-right: 1.04082%; width: 31.97279%; } | |
| .container .span12 .span4 .span1 { margin-right: 5.38298%; width: 20.21277%; } | |
| .container .span12 .span4 .span2 { margin-right: 5.38298%; width: 46.80851%; } | |
| .container .span12 .span4 .span3 { margin-right: 5.38298%; width: 73.40426%; } | |
| .container .span12 .span5 { margin-right: 1.04082%; width: 40.47619%; } | |
| .container .span12 .span5 .span1 { margin-right: 4.04202%; width: 15.96639%; } | |
| .container .span12 .span5 .span2 { margin-right: 4.04202%; width: 36.97479%; } | |
| .container .span12 .span5 .span3 { margin-right: 4.04202%; width: 57.98319%; } | |
| .container .span12 .span5 .span4 { margin-right: 4.04202%; width: 78.9916%; } | |
| .container .span12 .span6 { margin-right: 1.04082%; width: 48.97959%; } | |
| .container .span12 .span6 .span1 { margin-right: 3.16667%; width: 13.19444%; } | |
| .container .span12 .span6 .span2 { margin-right: 3.16667%; width: 30.55556%; } | |
| .container .span12 .span6 .span3 { margin-right: 3.16667%; width: 47.91667%; } | |
| .container .span12 .span6 .span4 { margin-right: 3.16667%; width: 65.27778%; } | |
| .container .span12 .span6 .span5 { margin-right: 3.16667%; width: 82.63889%; } | |
| .container .span12 .span7 { margin-right: 1.04082%; width: 57.48299%; } | |
| .container .span12 .span7 .span1 { margin-right: 2.5503%; width: 11.2426%; } | |
| .container .span12 .span7 .span2 { margin-right: 2.5503%; width: 26.0355%; } | |
| .container .span12 .span7 .span3 { margin-right: 2.5503%; width: 40.8284%; } | |
| .container .span12 .span7 .span4 { margin-right: 2.5503%; width: 55.6213%; } | |
| .container .span12 .span7 .span5 { margin-right: 2.5503%; width: 70.4142%; } | |
| .container .span12 .span7 .span6 { margin-right: 2.5503%; width: 85.2071%; } | |
| .container .span12 .span8 { margin-right: 1.04082%; width: 65.98639%; } | |
| .container .span12 .span8 .span1 { margin-right: 2.09278%; width: 9.79381%; } | |
| .container .span12 .span8 .span2 { margin-right: 2.09278%; width: 22.68041%; } | |
| .container .span12 .span8 .span3 { margin-right: 2.09278%; width: 35.56701%; } | |
| .container .span12 .span8 .span4 { margin-right: 2.09278%; width: 48.45361%; } | |
| .container .span12 .span8 .span5 { margin-right: 2.09278%; width: 61.34021%; } | |
| .container .span12 .span8 .span6 { margin-right: 2.09278%; width: 74.2268%; } | |
| .container .span12 .span8 .span7 { margin-right: 2.09278%; width: 87.1134%; } | |
| .container .span12 .span9 { margin-right: 1.04082%; width: 74.4898%; } | |
| .container .span12 .span9 .span1 { margin-right: 1.73973%; width: 8.6758%; } | |
| .container .span12 .span9 .span2 { margin-right: 1.73973%; width: 20.09132%; } | |
| .container .span12 .span9 .span3 { margin-right: 1.73973%; width: 31.50685%; } | |
| .container .span12 .span9 .span4 { margin-right: 1.73973%; width: 42.92237%; } | |
| .container .span12 .span9 .span5 { margin-right: 1.73973%; width: 54.3379%; } | |
| .container .span12 .span9 .span6 { margin-right: 1.73973%; width: 65.75342%; } | |
| .container .span12 .span9 .span7 { margin-right: 1.73973%; width: 77.16895%; } | |
| .container .span12 .span9 .span8 { margin-right: 1.73973%; width: 88.58447%; } | |
| .container .span12 .span10 { margin-right: 1.04082%; width: 82.9932%; } | |
| .container .span12 .span10 .span1 { margin-right: 1.45902%; width: 7.78689%; } | |
| .container .span12 .span10 .span2 { margin-right: 1.45902%; width: 18.03279%; } | |
| .container .span12 .span10 .span3 { margin-right: 1.45902%; width: 28.27869%; } | |
| .container .span12 .span10 .span4 { margin-right: 1.45902%; width: 38.52459%; } | |
| .container .span12 .span10 .span5 { margin-right: 1.45902%; width: 48.77049%; } | |
| .container .span12 .span10 .span6 { margin-right: 1.45902%; width: 59.01639%; } | |
| .container .span12 .span10 .span7 { margin-right: 1.45902%; width: 69.2623%; } | |
| .container .span12 .span10 .span8 { margin-right: 1.45902%; width: 79.5082%; } | |
| .container .span12 .span10 .span9 { margin-right: 1.45902%; width: 89.7541%; } | |
| .container .span12 .span11 { margin-right: 1.04082%; width: 91.4966%; } | |
| .container .span12 .span11 .span1 { margin-right: 1.23048%; width: 7.0632%; } | |
| .container .span12 .span11 .span2 { margin-right: 1.23048%; width: 16.35688%; } | |
| .container .span12 .span11 .span3 { margin-right: 1.23048%; width: 25.65056%; } | |
| .container .span12 .span11 .span4 { margin-right: 1.23048%; width: 34.94424%; } | |
| .container .span12 .span11 .span5 { margin-right: 1.23048%; width: 44.23792%; } | |
| .container .span12 .span11 .span6 { margin-right: 1.23048%; width: 53.5316%; } | |
| .container .span12 .span11 .span7 { margin-right: 1.23048%; width: 62.82528%; } | |
| .container .span12 .span11 .span8 { margin-right: 1.23048%; width: 72.11896%; } | |
| .container .span12 .span11 .span9 { margin-right: 1.23048%; width: 81.41264%; } | |
| .container .span12 .span11 .span10 { margin-right: 1.23048%; width: 90.70632%; } | |
| .container .span12 .span1.pad { padding-left: 2.04082%; padding-right: 2.04082%; margin-right: 1.04082%; width: 2.46259%; } | |
| .container .span12 .span2.pad { padding-left: 2.04082%; padding-right: 2.04082%; margin-right: 1.04082%; width: 10.96599%; } | |
| .container .span12 .span3.pad { padding-left: 2.04082%; padding-right: 2.04082%; margin-right: 1.04082%; width: 19.46939%; } | |
| .container .span12 .span4.pad { padding-left: 2.04082%; padding-right: 2.04082%; margin-right: 1.04082%; width: 27.97279%; } | |
| .container .span12 .span5.pad { padding-left: 2.04082%; padding-right: 2.04082%; margin-right: 1.04082%; width: 36.47619%; } | |
| .container .span12 .span6.pad { padding-left: 2.04082%; padding-right: 2.04082%; margin-right: 1.04082%; width: 44.97959%; } | |
| .container .span12 .span7.pad { padding-left: 2.04082%; padding-right: 2.04082%; margin-right: 1.04082%; width: 53.48299%; } | |
| .container .span12 .span8.pad { padding-left: 2.04082%; padding-right: 2.04082%; margin-right: 1.04082%; width: 61.98639%; } | |
| .container .span12 .span9.pad { padding-left: 2.04082%; padding-right: 2.04082%; margin-right: 1.04082%; width: 70.4898%; } | |
| .container .span12 .span10.pad { padding-left: 2.04082%; padding-right: 2.04082%; margin-right: 1.04082%; width: 78.9932%; } | |
| .container .span12 .span11.pad { padding-left: 2.04082%; padding-right: 2.04082%; margin-right: 1.04082%; width: 87.4966%; } | |
| .left-offset1 { padding-left: 8.33333%; } | |
| .left-offset2 { padding-left: 16.66667%; } | |
| .left-offset3 { padding-left: 25%; } | |
| .left-offset4 { padding-left: 33.33333%; } | |
| .left-offset5 { padding-left: 41.66667%; } | |
| .left-offset6 { padding-left: 50%; } | |
| .left-offset7 { padding-left: 58.33333%; } | |
| .left-offset8 { padding-left: 66.66667%; } | |
| .left-offset9 { padding-left: 75%; } | |
| .left-offset10 { padding-left: 83.33333%; } | |
| .left-offset11 { padding-left: 91.66667%; } | |
| .left-offset12 { padding-left: 100%; } | |
| .right-offset1 { padding-right: 8.33333%; } | |
| .right-offset2 { padding-right: 16.66667%; } | |
| .right-offset3 { padding-right: 25%; } | |
| .right-offset4 { padding-right: 33.33333%; } | |
| .right-offset5 { padding-right: 41.66667%; } | |
| .right-offset6 { padding-right: 50%; } | |
| .right-offset7 { padding-right: 58.33333%; } | |
| .right-offset8 { padding-right: 66.66667%; } | |
| .right-offset9 { padding-right: 75%; } | |
| .right-offset10 { padding-right: 83.33333%; } | |
| .right-offset11 { padding-right: 91.66667%; } | |
| .right-offset12 { padding-right: 100%; } | |
| @media only screen and (max-width: 860px) { /* #Top level spans */ | |
| .container .span1, .container .span2, .container .span3, .container .span4, .container .span5, .container .span6, .container .span7, .container .span8, .container .span9, .container .span10, .container .span11, .container .span12 { float: left; margin-left: 4%; margin-right: 4%; width: 92%; } | |
| .container .pad.span1, .container .pad.span2, .container .pad.span3, .container .pad.span4, .container .pad.span5, .container .pad.span6, .container .pad.span7, .container .pad.span8, .container .pad.span9, .container .pad.span10, .container .pad.span11, .container .pad.span12 { float: left; margin-left: 4%; margin-right: 4%; padding-left: 2%; padding-right: 2%; width: 88%; } | |
| /* #Second level spans */ | |
| .container .span2 .span1, .container .span3 .span1, .container .span3 .span2, .container .span4 .span1, .container .span4 .span2, .container .span4 .span3, .container .span5 .span1, .container .span5 .span2, .container .span5 .span3, .container .span5 .span4, .container .span6 .span1, .container .span6 .span2, .container .span6 .span3, .container .span6 .span4, .container .span6 .span5, .container .span7 .span1, .container .span7 .span2, .container .span7 .span3, .container .span7 .span4, .container .span7 .span5, .container .span7 .span6, .container .span8 .span1, .container .span8 .span2, .container .span8 .span3, .container .span8 .span4, .container .span8 .span5, .container .span8 .span6, .container .span8 .span7, .container .span9 .span1, .container .span9 .span2, .container .span9 .span3, .container .span9 .span4, .container .span9 .span5, .container .span9 .span6, .container .span9 .span7, .container .span9 .span8, .container .span10 .span1, .container .span10 .span2, .container .span10 .span3, .container .span10 .span4, .container .span10 .span5, .container .span10 .span6, .container .span10 .span7, .container .span10 .span8, .container .span10 .span9, .container .span11 .span1, .container .span11 .span2, .container .span11 .span3, .container .span11 .span4, .container .span11 .span5, .container .span11 .span6, .container .span11 .span7, .container .span11 .span8, .container .span11 .span9, .container .span11 .span10, .container .span12 .span1, .container .span12 .span2, .container .span12 .span3, .container .span12 .span4, .container .span12 .span5, .container .span12 .span6, .container .span12 .span7, .container .span12 .span8, .container .span12 .span9, .container .span12 .span10, .container .span12 .span11 { float: left; margin-left: 0%; margin-right: 0%; width: 100%; } | |
| .container .span2 .span1.pad, .container .span3 .span1.pad, .container .span3 .span2.pad, .container .span4 .span1.pad, .container .span4 .span2.pad, .container .span4 .span3.pad, .container .span5 .span1.pad, .container .span5 .span2.pad, .container .span5 .span3.pad, .container .span5 .span4.pad, .container .span6 .span1.pad, .container .span6 .span2.pad, .container .span6 .span3.pad, .container .span6 .span4.pad, .container .span6 .span5.pad, .container .span7 .span1.pad, .container .span7 .span2.pad, .container .span7 .span3.pad, .container .span7 .span4.pad, .container .span7 .span5.pad, .container .span7 .span6.pad, .container .span8 .span1.pad, .container .span8 .span2.pad, .container .span8 .span3.pad, .container .span8 .span4.pad, .container .span8 .span5.pad, .container .span8 .span6.pad, .container .span8 .span7.pad, .container .span9 .span1.pad, .container .span9 .span2.pad, .container .span9 .span3.pad, .container .span9 .span4.pad, .container .span9 .span5.pad, .container .span9 .span6.pad, .container .span9 .span7.pad, .container .span9 .span8.pad, .container .span10 .span1.pad, .container .span10 .span2.pad, .container .span10 .span3.pad, .container .span10 .span4.pad, .container .span10 .span5.pad, .container .span10 .span6.pad, .container .span10 .span7.pad, .container .span10 .span8.pad, .container .span10 .span9.pad, .container .span11 .span1.pad, .container .span11 .span2.pad, .container .span11 .span3.pad, .container .span11 .span4.pad, .container .span11 .span5.pad, .container .span11 .span6.pad, .container .span11 .span7.pad, .container .span11 .span8.pad, .container .span11 .span9.pad, .container .span11 .span10.pad, .container .span12 .span1.pad, .container .span12 .span2.pad, .container .span12 .span3.pad, .container .span12 .span4.pad, .container .span12 .span5.pad, .container .span12 .span6.pad, .container .span12 .span7.pad, .container .span12 .span8.pad, .container .span12 .span9.pad, .container .span12 .span10.pad, .container .span12 .span11.pad { float: left; padding-left: 4%; padding-right: 4%; margin-left: 0%; margin-right: 0%; width: 92%; } | |
| .one-third { width: 30% !important; margin-right: 4% !important; } | |
| .two-thirds { width: 58% !important; margin-left: 0 !important; } } | |
| /* #Alpha and Omega etc */ | |
| .container { margin: 0 auto; max-width: 1120px; } | |
| .alpha { margin-left: 0 !important; } | |
| .omega { margin-right: 0 !important; } | |
| /* #Clearing */ | |
| /* Self Clearing Goodness */ | |
| .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } | |
| /* Use clearfix class on parent to clear nested columns, | |
| or wrap each row of columns in a <div class="row"> */ | |
| .clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } | |
| .clearfix:after { clear: both; } | |
| .clearfix { zoom: 1; } | |
| /* You can also use a <br class="clear" /> to clear columns */ | |
| .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } | |
| /* @end */ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment