Created
May 2, 2011 15:46
-
-
Save seutje/951806 to your computer and use it in GitHub Desktop.
GRID HOLLA!
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
| $defWidth: 960px; /* Default page width */ | |
| $defGut: 10px; /* Default single gutter size */ | |
| $defAm: 12; /* Default amount of columns */ | |
| @mixin container($num, $amount: $defAm, $width: $defWidth) { | |
| margin-left: auto; | |
| margin-right: auto; | |
| width: ($width/$amount)*$num; | |
| position: relative; | |
| @extend .clearfix; | |
| } | |
| @mixin grid($num, $amount: $defAm, $gutter: $defGut, $width: $defWidth) { | |
| display:inline; | |
| float: left; | |
| position: relative; | |
| margin-left: $gutter; | |
| margin-right: $gutter; | |
| width: (($width/$amount)*$num)-(2*$gutter); | |
| } | |
| @mixin prefix($num, $amount: $defAm, $width: $defWidth) { | |
| padding-left: ($width/$amount)*$num; | |
| } | |
| @mixin suffix($num, $amount: $defAm, $width: $defWidth) { | |
| padding-right: ($width/$amount)*$num; | |
| } | |
| @mixin push($num, $amount: $defAm, $width: $defWidth) { | |
| left: ($width/$amount)*$num; | |
| } | |
| @mixin pull($num, $amount: $defAm, $width: $defWidth) { | |
| left: -($width/$amount)*$num; | |
| } | |
| @mixin alpha { | |
| margin-left: 0; | |
| } | |
| @mixin omega { | |
| margin-right: 0; | |
| } | |
| @mixin grid-system($width: $defWidth, $amount: $defAm, $gutter: $defGut) { | |
| @for $i from 1 through $amount { | |
| .container_#{$i} { | |
| @include container($i, $amount, $width); | |
| $innerwidth: ($width/$amount)*$i; | |
| @for $j from 1 through $amount { | |
| .grid_#{$j} { | |
| @include grid($j, $i, $gutter, $innerwidth); | |
| } | |
| .prefix_#{$j} { | |
| @include prefix($j, $i, $innerwidth); | |
| } | |
| .suffix_#{$j} { | |
| @include suffix($j, $i, $innerwidth); | |
| } | |
| .push_#{$j} { | |
| @include push($j, $i, $innerwidth); | |
| } | |
| .pull_#{$j} { | |
| @include pull($j, $i, $innerwidth); | |
| } | |
| } | |
| } | |
| } | |
| .alpha { | |
| margin-left: 0; | |
| } | |
| .omega { | |
| margin-right: 0; | |
| } | |
| } | |
| //@include grid-system; |
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
| /* @include grid-system outputs the following */ | |
| .container_1 { | |
| margin-left: auto; | |
| margin-right: auto; | |
| width: 80px; | |
| position: relative; | |
| } | |
| .container_1 .grid_1 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 60px; | |
| } | |
| .container_1 .prefix_1 { | |
| padding-left: 80px; | |
| } | |
| .container_1 .suffix_1 { | |
| padding-right: 80px; | |
| } | |
| .container_1 .push_1 { | |
| left: 80px; | |
| } | |
| .container_1 .pull_1 { | |
| left: -80px; | |
| } | |
| .container_1 .grid_2 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 140px; | |
| } | |
| .container_1 .prefix_2 { | |
| padding-left: 160px; | |
| } | |
| .container_1 .suffix_2 { | |
| padding-right: 160px; | |
| } | |
| .container_1 .push_2 { | |
| left: 160px; | |
| } | |
| .container_1 .pull_2 { | |
| left: -160px; | |
| } | |
| .container_1 .grid_3 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 220px; | |
| } | |
| .container_1 .prefix_3 { | |
| padding-left: 240px; | |
| } | |
| .container_1 .suffix_3 { | |
| padding-right: 240px; | |
| } | |
| .container_1 .push_3 { | |
| left: 240px; | |
| } | |
| .container_1 .pull_3 { | |
| left: -240px; | |
| } | |
| .container_1 .grid_4 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 300px; | |
| } | |
| .container_1 .prefix_4 { | |
| padding-left: 320px; | |
| } | |
| .container_1 .suffix_4 { | |
| padding-right: 320px; | |
| } | |
| .container_1 .push_4 { | |
| left: 320px; | |
| } | |
| .container_1 .pull_4 { | |
| left: -320px; | |
| } | |
| .container_1 .grid_5 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 380px; | |
| } | |
| .container_1 .prefix_5 { | |
| padding-left: 400px; | |
| } | |
| .container_1 .suffix_5 { | |
| padding-right: 400px; | |
| } | |
| .container_1 .push_5 { | |
| left: 400px; | |
| } | |
| .container_1 .pull_5 { | |
| left: -400px; | |
| } | |
| .container_1 .grid_6 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 460px; | |
| } | |
| .container_1 .prefix_6 { | |
| padding-left: 480px; | |
| } | |
| .container_1 .suffix_6 { | |
| padding-right: 480px; | |
| } | |
| .container_1 .push_6 { | |
| left: 480px; | |
| } | |
| .container_1 .pull_6 { | |
| left: -480px; | |
| } | |
| .container_1 .grid_7 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 540px; | |
| } | |
| .container_1 .prefix_7 { | |
| padding-left: 560px; | |
| } | |
| .container_1 .suffix_7 { | |
| padding-right: 560px; | |
| } | |
| .container_1 .push_7 { | |
| left: 560px; | |
| } | |
| .container_1 .pull_7 { | |
| left: -560px; | |
| } | |
| .container_1 .grid_8 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 620px; | |
| } | |
| .container_1 .prefix_8 { | |
| padding-left: 640px; | |
| } | |
| .container_1 .suffix_8 { | |
| padding-right: 640px; | |
| } | |
| .container_1 .push_8 { | |
| left: 640px; | |
| } | |
| .container_1 .pull_8 { | |
| left: -640px; | |
| } | |
| .container_1 .grid_9 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 700px; | |
| } | |
| .container_1 .prefix_9 { | |
| padding-left: 720px; | |
| } | |
| .container_1 .suffix_9 { | |
| padding-right: 720px; | |
| } | |
| .container_1 .push_9 { | |
| left: 720px; | |
| } | |
| .container_1 .pull_9 { | |
| left: -720px; | |
| } | |
| .container_1 .grid_10 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 780px; | |
| } | |
| .container_1 .prefix_10 { | |
| padding-left: 800px; | |
| } | |
| .container_1 .suffix_10 { | |
| padding-right: 800px; | |
| } | |
| .container_1 .push_10 { | |
| left: 800px; | |
| } | |
| .container_1 .pull_10 { | |
| left: -800px; | |
| } | |
| .container_1 .grid_11 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 860px; | |
| } | |
| .container_1 .prefix_11 { | |
| padding-left: 880px; | |
| } | |
| .container_1 .suffix_11 { | |
| padding-right: 880px; | |
| } | |
| .container_1 .push_11 { | |
| left: 880px; | |
| } | |
| .container_1 .pull_11 { | |
| left: -880px; | |
| } | |
| .container_1 .grid_12 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 940px; | |
| } | |
| .container_1 .prefix_12 { | |
| padding-left: 960px; | |
| } | |
| .container_1 .suffix_12 { | |
| padding-right: 960px; | |
| } | |
| .container_1 .push_12 { | |
| left: 960px; | |
| } | |
| .container_1 .pull_12 { | |
| left: -960px; | |
| } | |
| .container_2 { | |
| margin-left: auto; | |
| margin-right: auto; | |
| width: 160px; | |
| position: relative; | |
| } | |
| .container_2 .grid_1 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 60px; | |
| } | |
| .container_2 .prefix_1 { | |
| padding-left: 80px; | |
| } | |
| .container_2 .suffix_1 { | |
| padding-right: 80px; | |
| } | |
| .container_2 .push_1 { | |
| left: 80px; | |
| } | |
| .container_2 .pull_1 { | |
| left: -80px; | |
| } | |
| .container_2 .grid_2 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 140px; | |
| } | |
| .container_2 .prefix_2 { | |
| padding-left: 160px; | |
| } | |
| .container_2 .suffix_2 { | |
| padding-right: 160px; | |
| } | |
| .container_2 .push_2 { | |
| left: 160px; | |
| } | |
| .container_2 .pull_2 { | |
| left: -160px; | |
| } | |
| .container_2 .grid_3 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 220px; | |
| } | |
| .container_2 .prefix_3 { | |
| padding-left: 240px; | |
| } | |
| .container_2 .suffix_3 { | |
| padding-right: 240px; | |
| } | |
| .container_2 .push_3 { | |
| left: 240px; | |
| } | |
| .container_2 .pull_3 { | |
| left: -240px; | |
| } | |
| .container_2 .grid_4 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 300px; | |
| } | |
| .container_2 .prefix_4 { | |
| padding-left: 320px; | |
| } | |
| .container_2 .suffix_4 { | |
| padding-right: 320px; | |
| } | |
| .container_2 .push_4 { | |
| left: 320px; | |
| } | |
| .container_2 .pull_4 { | |
| left: -320px; | |
| } | |
| .container_2 .grid_5 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 380px; | |
| } | |
| .container_2 .prefix_5 { | |
| padding-left: 400px; | |
| } | |
| .container_2 .suffix_5 { | |
| padding-right: 400px; | |
| } | |
| .container_2 .push_5 { | |
| left: 400px; | |
| } | |
| .container_2 .pull_5 { | |
| left: -400px; | |
| } | |
| .container_2 .grid_6 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 460px; | |
| } | |
| .container_2 .prefix_6 { | |
| padding-left: 480px; | |
| } | |
| .container_2 .suffix_6 { | |
| padding-right: 480px; | |
| } | |
| .container_2 .push_6 { | |
| left: 480px; | |
| } | |
| .container_2 .pull_6 { | |
| left: -480px; | |
| } | |
| .container_2 .grid_7 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 540px; | |
| } | |
| .container_2 .prefix_7 { | |
| padding-left: 560px; | |
| } | |
| .container_2 .suffix_7 { | |
| padding-right: 560px; | |
| } | |
| .container_2 .push_7 { | |
| left: 560px; | |
| } | |
| .container_2 .pull_7 { | |
| left: -560px; | |
| } | |
| .container_2 .grid_8 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 620px; | |
| } | |
| .container_2 .prefix_8 { | |
| padding-left: 640px; | |
| } | |
| .container_2 .suffix_8 { | |
| padding-right: 640px; | |
| } | |
| .container_2 .push_8 { | |
| left: 640px; | |
| } | |
| .container_2 .pull_8 { | |
| left: -640px; | |
| } | |
| .container_2 .grid_9 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 700px; | |
| } | |
| .container_2 .prefix_9 { | |
| padding-left: 720px; | |
| } | |
| .container_2 .suffix_9 { | |
| padding-right: 720px; | |
| } | |
| .container_2 .push_9 { | |
| left: 720px; | |
| } | |
| .container_2 .pull_9 { | |
| left: -720px; | |
| } | |
| .container_2 .grid_10 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 780px; | |
| } | |
| .container_2 .prefix_10 { | |
| padding-left: 800px; | |
| } | |
| .container_2 .suffix_10 { | |
| padding-right: 800px; | |
| } | |
| .container_2 .push_10 { | |
| left: 800px; | |
| } | |
| .container_2 .pull_10 { | |
| left: -800px; | |
| } | |
| .container_2 .grid_11 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 860px; | |
| } | |
| .container_2 .prefix_11 { | |
| padding-left: 880px; | |
| } | |
| .container_2 .suffix_11 { | |
| padding-right: 880px; | |
| } | |
| .container_2 .push_11 { | |
| left: 880px; | |
| } | |
| .container_2 .pull_11 { | |
| left: -880px; | |
| } | |
| .container_2 .grid_12 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 940px; | |
| } | |
| .container_2 .prefix_12 { | |
| padding-left: 960px; | |
| } | |
| .container_2 .suffix_12 { | |
| padding-right: 960px; | |
| } | |
| .container_2 .push_12 { | |
| left: 960px; | |
| } | |
| .container_2 .pull_12 { | |
| left: -960px; | |
| } | |
| .container_3 { | |
| margin-left: auto; | |
| margin-right: auto; | |
| width: 240px; | |
| position: relative; | |
| } | |
| .container_3 .grid_1 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 60px; | |
| } | |
| .container_3 .prefix_1 { | |
| padding-left: 80px; | |
| } | |
| .container_3 .suffix_1 { | |
| padding-right: 80px; | |
| } | |
| .container_3 .push_1 { | |
| left: 80px; | |
| } | |
| .container_3 .pull_1 { | |
| left: -80px; | |
| } | |
| .container_3 .grid_2 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 140px; | |
| } | |
| .container_3 .prefix_2 { | |
| padding-left: 160px; | |
| } | |
| .container_3 .suffix_2 { | |
| padding-right: 160px; | |
| } | |
| .container_3 .push_2 { | |
| left: 160px; | |
| } | |
| .container_3 .pull_2 { | |
| left: -160px; | |
| } | |
| .container_3 .grid_3 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 220px; | |
| } | |
| .container_3 .prefix_3 { | |
| padding-left: 240px; | |
| } | |
| .container_3 .suffix_3 { | |
| padding-right: 240px; | |
| } | |
| .container_3 .push_3 { | |
| left: 240px; | |
| } | |
| .container_3 .pull_3 { | |
| left: -240px; | |
| } | |
| .container_3 .grid_4 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 300px; | |
| } | |
| .container_3 .prefix_4 { | |
| padding-left: 320px; | |
| } | |
| .container_3 .suffix_4 { | |
| padding-right: 320px; | |
| } | |
| .container_3 .push_4 { | |
| left: 320px; | |
| } | |
| .container_3 .pull_4 { | |
| left: -320px; | |
| } | |
| .container_3 .grid_5 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 380px; | |
| } | |
| .container_3 .prefix_5 { | |
| padding-left: 400px; | |
| } | |
| .container_3 .suffix_5 { | |
| padding-right: 400px; | |
| } | |
| .container_3 .push_5 { | |
| left: 400px; | |
| } | |
| .container_3 .pull_5 { | |
| left: -400px; | |
| } | |
| .container_3 .grid_6 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 460px; | |
| } | |
| .container_3 .prefix_6 { | |
| padding-left: 480px; | |
| } | |
| .container_3 .suffix_6 { | |
| padding-right: 480px; | |
| } | |
| .container_3 .push_6 { | |
| left: 480px; | |
| } | |
| .container_3 .pull_6 { | |
| left: -480px; | |
| } | |
| .container_3 .grid_7 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 540px; | |
| } | |
| .container_3 .prefix_7 { | |
| padding-left: 560px; | |
| } | |
| .container_3 .suffix_7 { | |
| padding-right: 560px; | |
| } | |
| .container_3 .push_7 { | |
| left: 560px; | |
| } | |
| .container_3 .pull_7 { | |
| left: -560px; | |
| } | |
| .container_3 .grid_8 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 620px; | |
| } | |
| .container_3 .prefix_8 { | |
| padding-left: 640px; | |
| } | |
| .container_3 .suffix_8 { | |
| padding-right: 640px; | |
| } | |
| .container_3 .push_8 { | |
| left: 640px; | |
| } | |
| .container_3 .pull_8 { | |
| left: -640px; | |
| } | |
| .container_3 .grid_9 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 700px; | |
| } | |
| .container_3 .prefix_9 { | |
| padding-left: 720px; | |
| } | |
| .container_3 .suffix_9 { | |
| padding-right: 720px; | |
| } | |
| .container_3 .push_9 { | |
| left: 720px; | |
| } | |
| .container_3 .pull_9 { | |
| left: -720px; | |
| } | |
| .container_3 .grid_10 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 780px; | |
| } | |
| .container_3 .prefix_10 { | |
| padding-left: 800px; | |
| } | |
| .container_3 .suffix_10 { | |
| padding-right: 800px; | |
| } | |
| .container_3 .push_10 { | |
| left: 800px; | |
| } | |
| .container_3 .pull_10 { | |
| left: -800px; | |
| } | |
| .container_3 .grid_11 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 860px; | |
| } | |
| .container_3 .prefix_11 { | |
| padding-left: 880px; | |
| } | |
| .container_3 .suffix_11 { | |
| padding-right: 880px; | |
| } | |
| .container_3 .push_11 { | |
| left: 880px; | |
| } | |
| .container_3 .pull_11 { | |
| left: -880px; | |
| } | |
| .container_3 .grid_12 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 940px; | |
| } | |
| .container_3 .prefix_12 { | |
| padding-left: 960px; | |
| } | |
| .container_3 .suffix_12 { | |
| padding-right: 960px; | |
| } | |
| .container_3 .push_12 { | |
| left: 960px; | |
| } | |
| .container_3 .pull_12 { | |
| left: -960px; | |
| } | |
| .container_4 { | |
| margin-left: auto; | |
| margin-right: auto; | |
| width: 320px; | |
| position: relative; | |
| } | |
| .container_4 .grid_1 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 60px; | |
| } | |
| .container_4 .prefix_1 { | |
| padding-left: 80px; | |
| } | |
| .container_4 .suffix_1 { | |
| padding-right: 80px; | |
| } | |
| .container_4 .push_1 { | |
| left: 80px; | |
| } | |
| .container_4 .pull_1 { | |
| left: -80px; | |
| } | |
| .container_4 .grid_2 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 140px; | |
| } | |
| .container_4 .prefix_2 { | |
| padding-left: 160px; | |
| } | |
| .container_4 .suffix_2 { | |
| padding-right: 160px; | |
| } | |
| .container_4 .push_2 { | |
| left: 160px; | |
| } | |
| .container_4 .pull_2 { | |
| left: -160px; | |
| } | |
| .container_4 .grid_3 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 220px; | |
| } | |
| .container_4 .prefix_3 { | |
| padding-left: 240px; | |
| } | |
| .container_4 .suffix_3 { | |
| padding-right: 240px; | |
| } | |
| .container_4 .push_3 { | |
| left: 240px; | |
| } | |
| .container_4 .pull_3 { | |
| left: -240px; | |
| } | |
| .container_4 .grid_4 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 300px; | |
| } | |
| .container_4 .prefix_4 { | |
| padding-left: 320px; | |
| } | |
| .container_4 .suffix_4 { | |
| padding-right: 320px; | |
| } | |
| .container_4 .push_4 { | |
| left: 320px; | |
| } | |
| .container_4 .pull_4 { | |
| left: -320px; | |
| } | |
| .container_4 .grid_5 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 380px; | |
| } | |
| .container_4 .prefix_5 { | |
| padding-left: 400px; | |
| } | |
| .container_4 .suffix_5 { | |
| padding-right: 400px; | |
| } | |
| .container_4 .push_5 { | |
| left: 400px; | |
| } | |
| .container_4 .pull_5 { | |
| left: -400px; | |
| } | |
| .container_4 .grid_6 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 460px; | |
| } | |
| .container_4 .prefix_6 { | |
| padding-left: 480px; | |
| } | |
| .container_4 .suffix_6 { | |
| padding-right: 480px; | |
| } | |
| .container_4 .push_6 { | |
| left: 480px; | |
| } | |
| .container_4 .pull_6 { | |
| left: -480px; | |
| } | |
| .container_4 .grid_7 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 540px; | |
| } | |
| .container_4 .prefix_7 { | |
| padding-left: 560px; | |
| } | |
| .container_4 .suffix_7 { | |
| padding-right: 560px; | |
| } | |
| .container_4 .push_7 { | |
| left: 560px; | |
| } | |
| .container_4 .pull_7 { | |
| left: -560px; | |
| } | |
| .container_4 .grid_8 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 620px; | |
| } | |
| .container_4 .prefix_8 { | |
| padding-left: 640px; | |
| } | |
| .container_4 .suffix_8 { | |
| padding-right: 640px; | |
| } | |
| .container_4 .push_8 { | |
| left: 640px; | |
| } | |
| .container_4 .pull_8 { | |
| left: -640px; | |
| } | |
| .container_4 .grid_9 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 700px; | |
| } | |
| .container_4 .prefix_9 { | |
| padding-left: 720px; | |
| } | |
| .container_4 .suffix_9 { | |
| padding-right: 720px; | |
| } | |
| .container_4 .push_9 { | |
| left: 720px; | |
| } | |
| .container_4 .pull_9 { | |
| left: -720px; | |
| } | |
| .container_4 .grid_10 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 780px; | |
| } | |
| .container_4 .prefix_10 { | |
| padding-left: 800px; | |
| } | |
| .container_4 .suffix_10 { | |
| padding-right: 800px; | |
| } | |
| .container_4 .push_10 { | |
| left: 800px; | |
| } | |
| .container_4 .pull_10 { | |
| left: -800px; | |
| } | |
| .container_4 .grid_11 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 860px; | |
| } | |
| .container_4 .prefix_11 { | |
| padding-left: 880px; | |
| } | |
| .container_4 .suffix_11 { | |
| padding-right: 880px; | |
| } | |
| .container_4 .push_11 { | |
| left: 880px; | |
| } | |
| .container_4 .pull_11 { | |
| left: -880px; | |
| } | |
| .container_4 .grid_12 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 940px; | |
| } | |
| .container_4 .prefix_12 { | |
| padding-left: 960px; | |
| } | |
| .container_4 .suffix_12 { | |
| padding-right: 960px; | |
| } | |
| .container_4 .push_12 { | |
| left: 960px; | |
| } | |
| .container_4 .pull_12 { | |
| left: -960px; | |
| } | |
| .container_5 { | |
| margin-left: auto; | |
| margin-right: auto; | |
| width: 400px; | |
| position: relative; | |
| } | |
| .container_5 .grid_1 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 60px; | |
| } | |
| .container_5 .prefix_1 { | |
| padding-left: 80px; | |
| } | |
| .container_5 .suffix_1 { | |
| padding-right: 80px; | |
| } | |
| .container_5 .push_1 { | |
| left: 80px; | |
| } | |
| .container_5 .pull_1 { | |
| left: -80px; | |
| } | |
| .container_5 .grid_2 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 140px; | |
| } | |
| .container_5 .prefix_2 { | |
| padding-left: 160px; | |
| } | |
| .container_5 .suffix_2 { | |
| padding-right: 160px; | |
| } | |
| .container_5 .push_2 { | |
| left: 160px; | |
| } | |
| .container_5 .pull_2 { | |
| left: -160px; | |
| } | |
| .container_5 .grid_3 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 220px; | |
| } | |
| .container_5 .prefix_3 { | |
| padding-left: 240px; | |
| } | |
| .container_5 .suffix_3 { | |
| padding-right: 240px; | |
| } | |
| .container_5 .push_3 { | |
| left: 240px; | |
| } | |
| .container_5 .pull_3 { | |
| left: -240px; | |
| } | |
| .container_5 .grid_4 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 300px; | |
| } | |
| .container_5 .prefix_4 { | |
| padding-left: 320px; | |
| } | |
| .container_5 .suffix_4 { | |
| padding-right: 320px; | |
| } | |
| .container_5 .push_4 { | |
| left: 320px; | |
| } | |
| .container_5 .pull_4 { | |
| left: -320px; | |
| } | |
| .container_5 .grid_5 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 380px; | |
| } | |
| .container_5 .prefix_5 { | |
| padding-left: 400px; | |
| } | |
| .container_5 .suffix_5 { | |
| padding-right: 400px; | |
| } | |
| .container_5 .push_5 { | |
| left: 400px; | |
| } | |
| .container_5 .pull_5 { | |
| left: -400px; | |
| } | |
| .container_5 .grid_6 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 460px; | |
| } | |
| .container_5 .prefix_6 { | |
| padding-left: 480px; | |
| } | |
| .container_5 .suffix_6 { | |
| padding-right: 480px; | |
| } | |
| .container_5 .push_6 { | |
| left: 480px; | |
| } | |
| .container_5 .pull_6 { | |
| left: -480px; | |
| } | |
| .container_5 .grid_7 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 540px; | |
| } | |
| .container_5 .prefix_7 { | |
| padding-left: 560px; | |
| } | |
| .container_5 .suffix_7 { | |
| padding-right: 560px; | |
| } | |
| .container_5 .push_7 { | |
| left: 560px; | |
| } | |
| .container_5 .pull_7 { | |
| left: -560px; | |
| } | |
| .container_5 .grid_8 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 620px; | |
| } | |
| .container_5 .prefix_8 { | |
| padding-left: 640px; | |
| } | |
| .container_5 .suffix_8 { | |
| padding-right: 640px; | |
| } | |
| .container_5 .push_8 { | |
| left: 640px; | |
| } | |
| .container_5 .pull_8 { | |
| left: -640px; | |
| } | |
| .container_5 .grid_9 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 700px; | |
| } | |
| .container_5 .prefix_9 { | |
| padding-left: 720px; | |
| } | |
| .container_5 .suffix_9 { | |
| padding-right: 720px; | |
| } | |
| .container_5 .push_9 { | |
| left: 720px; | |
| } | |
| .container_5 .pull_9 { | |
| left: -720px; | |
| } | |
| .container_5 .grid_10 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 780px; | |
| } | |
| .container_5 .prefix_10 { | |
| padding-left: 800px; | |
| } | |
| .container_5 .suffix_10 { | |
| padding-right: 800px; | |
| } | |
| .container_5 .push_10 { | |
| left: 800px; | |
| } | |
| .container_5 .pull_10 { | |
| left: -800px; | |
| } | |
| .container_5 .grid_11 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 860px; | |
| } | |
| .container_5 .prefix_11 { | |
| padding-left: 880px; | |
| } | |
| .container_5 .suffix_11 { | |
| padding-right: 880px; | |
| } | |
| .container_5 .push_11 { | |
| left: 880px; | |
| } | |
| .container_5 .pull_11 { | |
| left: -880px; | |
| } | |
| .container_5 .grid_12 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 940px; | |
| } | |
| .container_5 .prefix_12 { | |
| padding-left: 960px; | |
| } | |
| .container_5 .suffix_12 { | |
| padding-right: 960px; | |
| } | |
| .container_5 .push_12 { | |
| left: 960px; | |
| } | |
| .container_5 .pull_12 { | |
| left: -960px; | |
| } | |
| .container_6 { | |
| margin-left: auto; | |
| margin-right: auto; | |
| width: 480px; | |
| position: relative; | |
| } | |
| .container_6 .grid_1 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 60px; | |
| } | |
| .container_6 .prefix_1 { | |
| padding-left: 80px; | |
| } | |
| .container_6 .suffix_1 { | |
| padding-right: 80px; | |
| } | |
| .container_6 .push_1 { | |
| left: 80px; | |
| } | |
| .container_6 .pull_1 { | |
| left: -80px; | |
| } | |
| .container_6 .grid_2 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 140px; | |
| } | |
| .container_6 .prefix_2 { | |
| padding-left: 160px; | |
| } | |
| .container_6 .suffix_2 { | |
| padding-right: 160px; | |
| } | |
| .container_6 .push_2 { | |
| left: 160px; | |
| } | |
| .container_6 .pull_2 { | |
| left: -160px; | |
| } | |
| .container_6 .grid_3 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 220px; | |
| } | |
| .container_6 .prefix_3 { | |
| padding-left: 240px; | |
| } | |
| .container_6 .suffix_3 { | |
| padding-right: 240px; | |
| } | |
| .container_6 .push_3 { | |
| left: 240px; | |
| } | |
| .container_6 .pull_3 { | |
| left: -240px; | |
| } | |
| .container_6 .grid_4 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 300px; | |
| } | |
| .container_6 .prefix_4 { | |
| padding-left: 320px; | |
| } | |
| .container_6 .suffix_4 { | |
| padding-right: 320px; | |
| } | |
| .container_6 .push_4 { | |
| left: 320px; | |
| } | |
| .container_6 .pull_4 { | |
| left: -320px; | |
| } | |
| .container_6 .grid_5 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 380px; | |
| } | |
| .container_6 .prefix_5 { | |
| padding-left: 400px; | |
| } | |
| .container_6 .suffix_5 { | |
| padding-right: 400px; | |
| } | |
| .container_6 .push_5 { | |
| left: 400px; | |
| } | |
| .container_6 .pull_5 { | |
| left: -400px; | |
| } | |
| .container_6 .grid_6 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 460px; | |
| } | |
| .container_6 .prefix_6 { | |
| padding-left: 480px; | |
| } | |
| .container_6 .suffix_6 { | |
| padding-right: 480px; | |
| } | |
| .container_6 .push_6 { | |
| left: 480px; | |
| } | |
| .container_6 .pull_6 { | |
| left: -480px; | |
| } | |
| .container_6 .grid_7 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 540px; | |
| } | |
| .container_6 .prefix_7 { | |
| padding-left: 560px; | |
| } | |
| .container_6 .suffix_7 { | |
| padding-right: 560px; | |
| } | |
| .container_6 .push_7 { | |
| left: 560px; | |
| } | |
| .container_6 .pull_7 { | |
| left: -560px; | |
| } | |
| .container_6 .grid_8 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 620px; | |
| } | |
| .container_6 .prefix_8 { | |
| padding-left: 640px; | |
| } | |
| .container_6 .suffix_8 { | |
| padding-right: 640px; | |
| } | |
| .container_6 .push_8 { | |
| left: 640px; | |
| } | |
| .container_6 .pull_8 { | |
| left: -640px; | |
| } | |
| .container_6 .grid_9 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 700px; | |
| } | |
| .container_6 .prefix_9 { | |
| padding-left: 720px; | |
| } | |
| .container_6 .suffix_9 { | |
| padding-right: 720px; | |
| } | |
| .container_6 .push_9 { | |
| left: 720px; | |
| } | |
| .container_6 .pull_9 { | |
| left: -720px; | |
| } | |
| .container_6 .grid_10 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 780px; | |
| } | |
| .container_6 .prefix_10 { | |
| padding-left: 800px; | |
| } | |
| .container_6 .suffix_10 { | |
| padding-right: 800px; | |
| } | |
| .container_6 .push_10 { | |
| left: 800px; | |
| } | |
| .container_6 .pull_10 { | |
| left: -800px; | |
| } | |
| .container_6 .grid_11 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 860px; | |
| } | |
| .container_6 .prefix_11 { | |
| padding-left: 880px; | |
| } | |
| .container_6 .suffix_11 { | |
| padding-right: 880px; | |
| } | |
| .container_6 .push_11 { | |
| left: 880px; | |
| } | |
| .container_6 .pull_11 { | |
| left: -880px; | |
| } | |
| .container_6 .grid_12 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 940px; | |
| } | |
| .container_6 .prefix_12 { | |
| padding-left: 960px; | |
| } | |
| .container_6 .suffix_12 { | |
| padding-right: 960px; | |
| } | |
| .container_6 .push_12 { | |
| left: 960px; | |
| } | |
| .container_6 .pull_12 { | |
| left: -960px; | |
| } | |
| .container_7 { | |
| margin-left: auto; | |
| margin-right: auto; | |
| width: 560px; | |
| position: relative; | |
| } | |
| .container_7 .grid_1 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 60px; | |
| } | |
| .container_7 .prefix_1 { | |
| padding-left: 80px; | |
| } | |
| .container_7 .suffix_1 { | |
| padding-right: 80px; | |
| } | |
| .container_7 .push_1 { | |
| left: 80px; | |
| } | |
| .container_7 .pull_1 { | |
| left: -80px; | |
| } | |
| .container_7 .grid_2 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 140px; | |
| } | |
| .container_7 .prefix_2 { | |
| padding-left: 160px; | |
| } | |
| .container_7 .suffix_2 { | |
| padding-right: 160px; | |
| } | |
| .container_7 .push_2 { | |
| left: 160px; | |
| } | |
| .container_7 .pull_2 { | |
| left: -160px; | |
| } | |
| .container_7 .grid_3 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 220px; | |
| } | |
| .container_7 .prefix_3 { | |
| padding-left: 240px; | |
| } | |
| .container_7 .suffix_3 { | |
| padding-right: 240px; | |
| } | |
| .container_7 .push_3 { | |
| left: 240px; | |
| } | |
| .container_7 .pull_3 { | |
| left: -240px; | |
| } | |
| .container_7 .grid_4 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 300px; | |
| } | |
| .container_7 .prefix_4 { | |
| padding-left: 320px; | |
| } | |
| .container_7 .suffix_4 { | |
| padding-right: 320px; | |
| } | |
| .container_7 .push_4 { | |
| left: 320px; | |
| } | |
| .container_7 .pull_4 { | |
| left: -320px; | |
| } | |
| .container_7 .grid_5 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 380px; | |
| } | |
| .container_7 .prefix_5 { | |
| padding-left: 400px; | |
| } | |
| .container_7 .suffix_5 { | |
| padding-right: 400px; | |
| } | |
| .container_7 .push_5 { | |
| left: 400px; | |
| } | |
| .container_7 .pull_5 { | |
| left: -400px; | |
| } | |
| .container_7 .grid_6 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 460px; | |
| } | |
| .container_7 .prefix_6 { | |
| padding-left: 480px; | |
| } | |
| .container_7 .suffix_6 { | |
| padding-right: 480px; | |
| } | |
| .container_7 .push_6 { | |
| left: 480px; | |
| } | |
| .container_7 .pull_6 { | |
| left: -480px; | |
| } | |
| .container_7 .grid_7 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 540px; | |
| } | |
| .container_7 .prefix_7 { | |
| padding-left: 560px; | |
| } | |
| .container_7 .suffix_7 { | |
| padding-right: 560px; | |
| } | |
| .container_7 .push_7 { | |
| left: 560px; | |
| } | |
| .container_7 .pull_7 { | |
| left: -560px; | |
| } | |
| .container_7 .grid_8 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 620px; | |
| } | |
| .container_7 .prefix_8 { | |
| padding-left: 640px; | |
| } | |
| .container_7 .suffix_8 { | |
| padding-right: 640px; | |
| } | |
| .container_7 .push_8 { | |
| left: 640px; | |
| } | |
| .container_7 .pull_8 { | |
| left: -640px; | |
| } | |
| .container_7 .grid_9 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 700px; | |
| } | |
| .container_7 .prefix_9 { | |
| padding-left: 720px; | |
| } | |
| .container_7 .suffix_9 { | |
| padding-right: 720px; | |
| } | |
| .container_7 .push_9 { | |
| left: 720px; | |
| } | |
| .container_7 .pull_9 { | |
| left: -720px; | |
| } | |
| .container_7 .grid_10 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 780px; | |
| } | |
| .container_7 .prefix_10 { | |
| padding-left: 800px; | |
| } | |
| .container_7 .suffix_10 { | |
| padding-right: 800px; | |
| } | |
| .container_7 .push_10 { | |
| left: 800px; | |
| } | |
| .container_7 .pull_10 { | |
| left: -800px; | |
| } | |
| .container_7 .grid_11 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 860px; | |
| } | |
| .container_7 .prefix_11 { | |
| padding-left: 880px; | |
| } | |
| .container_7 .suffix_11 { | |
| padding-right: 880px; | |
| } | |
| .container_7 .push_11 { | |
| left: 880px; | |
| } | |
| .container_7 .pull_11 { | |
| left: -880px; | |
| } | |
| .container_7 .grid_12 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 940px; | |
| } | |
| .container_7 .prefix_12 { | |
| padding-left: 960px; | |
| } | |
| .container_7 .suffix_12 { | |
| padding-right: 960px; | |
| } | |
| .container_7 .push_12 { | |
| left: 960px; | |
| } | |
| .container_7 .pull_12 { | |
| left: -960px; | |
| } | |
| .container_8 { | |
| margin-left: auto; | |
| margin-right: auto; | |
| width: 640px; | |
| position: relative; | |
| } | |
| .container_8 .grid_1 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 60px; | |
| } | |
| .container_8 .prefix_1 { | |
| padding-left: 80px; | |
| } | |
| .container_8 .suffix_1 { | |
| padding-right: 80px; | |
| } | |
| .container_8 .push_1 { | |
| left: 80px; | |
| } | |
| .container_8 .pull_1 { | |
| left: -80px; | |
| } | |
| .container_8 .grid_2 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 140px; | |
| } | |
| .container_8 .prefix_2 { | |
| padding-left: 160px; | |
| } | |
| .container_8 .suffix_2 { | |
| padding-right: 160px; | |
| } | |
| .container_8 .push_2 { | |
| left: 160px; | |
| } | |
| .container_8 .pull_2 { | |
| left: -160px; | |
| } | |
| .container_8 .grid_3 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 220px; | |
| } | |
| .container_8 .prefix_3 { | |
| padding-left: 240px; | |
| } | |
| .container_8 .suffix_3 { | |
| padding-right: 240px; | |
| } | |
| .container_8 .push_3 { | |
| left: 240px; | |
| } | |
| .container_8 .pull_3 { | |
| left: -240px; | |
| } | |
| .container_8 .grid_4 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 300px; | |
| } | |
| .container_8 .prefix_4 { | |
| padding-left: 320px; | |
| } | |
| .container_8 .suffix_4 { | |
| padding-right: 320px; | |
| } | |
| .container_8 .push_4 { | |
| left: 320px; | |
| } | |
| .container_8 .pull_4 { | |
| left: -320px; | |
| } | |
| .container_8 .grid_5 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 380px; | |
| } | |
| .container_8 .prefix_5 { | |
| padding-left: 400px; | |
| } | |
| .container_8 .suffix_5 { | |
| padding-right: 400px; | |
| } | |
| .container_8 .push_5 { | |
| left: 400px; | |
| } | |
| .container_8 .pull_5 { | |
| left: -400px; | |
| } | |
| .container_8 .grid_6 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 460px; | |
| } | |
| .container_8 .prefix_6 { | |
| padding-left: 480px; | |
| } | |
| .container_8 .suffix_6 { | |
| padding-right: 480px; | |
| } | |
| .container_8 .push_6 { | |
| left: 480px; | |
| } | |
| .container_8 .pull_6 { | |
| left: -480px; | |
| } | |
| .container_8 .grid_7 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 540px; | |
| } | |
| .container_8 .prefix_7 { | |
| padding-left: 560px; | |
| } | |
| .container_8 .suffix_7 { | |
| padding-right: 560px; | |
| } | |
| .container_8 .push_7 { | |
| left: 560px; | |
| } | |
| .container_8 .pull_7 { | |
| left: -560px; | |
| } | |
| .container_8 .grid_8 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 620px; | |
| } | |
| .container_8 .prefix_8 { | |
| padding-left: 640px; | |
| } | |
| .container_8 .suffix_8 { | |
| padding-right: 640px; | |
| } | |
| .container_8 .push_8 { | |
| left: 640px; | |
| } | |
| .container_8 .pull_8 { | |
| left: -640px; | |
| } | |
| .container_8 .grid_9 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 700px; | |
| } | |
| .container_8 .prefix_9 { | |
| padding-left: 720px; | |
| } | |
| .container_8 .suffix_9 { | |
| padding-right: 720px; | |
| } | |
| .container_8 .push_9 { | |
| left: 720px; | |
| } | |
| .container_8 .pull_9 { | |
| left: -720px; | |
| } | |
| .container_8 .grid_10 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 780px; | |
| } | |
| .container_8 .prefix_10 { | |
| padding-left: 800px; | |
| } | |
| .container_8 .suffix_10 { | |
| padding-right: 800px; | |
| } | |
| .container_8 .push_10 { | |
| left: 800px; | |
| } | |
| .container_8 .pull_10 { | |
| left: -800px; | |
| } | |
| .container_8 .grid_11 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 860px; | |
| } | |
| .container_8 .prefix_11 { | |
| padding-left: 880px; | |
| } | |
| .container_8 .suffix_11 { | |
| padding-right: 880px; | |
| } | |
| .container_8 .push_11 { | |
| left: 880px; | |
| } | |
| .container_8 .pull_11 { | |
| left: -880px; | |
| } | |
| .container_8 .grid_12 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 940px; | |
| } | |
| .container_8 .prefix_12 { | |
| padding-left: 960px; | |
| } | |
| .container_8 .suffix_12 { | |
| padding-right: 960px; | |
| } | |
| .container_8 .push_12 { | |
| left: 960px; | |
| } | |
| .container_8 .pull_12 { | |
| left: -960px; | |
| } | |
| .container_9 { | |
| margin-left: auto; | |
| margin-right: auto; | |
| width: 720px; | |
| position: relative; | |
| } | |
| .container_9 .grid_1 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 60px; | |
| } | |
| .container_9 .prefix_1 { | |
| padding-left: 80px; | |
| } | |
| .container_9 .suffix_1 { | |
| padding-right: 80px; | |
| } | |
| .container_9 .push_1 { | |
| left: 80px; | |
| } | |
| .container_9 .pull_1 { | |
| left: -80px; | |
| } | |
| .container_9 .grid_2 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 140px; | |
| } | |
| .container_9 .prefix_2 { | |
| padding-left: 160px; | |
| } | |
| .container_9 .suffix_2 { | |
| padding-right: 160px; | |
| } | |
| .container_9 .push_2 { | |
| left: 160px; | |
| } | |
| .container_9 .pull_2 { | |
| left: -160px; | |
| } | |
| .container_9 .grid_3 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 220px; | |
| } | |
| .container_9 .prefix_3 { | |
| padding-left: 240px; | |
| } | |
| .container_9 .suffix_3 { | |
| padding-right: 240px; | |
| } | |
| .container_9 .push_3 { | |
| left: 240px; | |
| } | |
| .container_9 .pull_3 { | |
| left: -240px; | |
| } | |
| .container_9 .grid_4 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 300px; | |
| } | |
| .container_9 .prefix_4 { | |
| padding-left: 320px; | |
| } | |
| .container_9 .suffix_4 { | |
| padding-right: 320px; | |
| } | |
| .container_9 .push_4 { | |
| left: 320px; | |
| } | |
| .container_9 .pull_4 { | |
| left: -320px; | |
| } | |
| .container_9 .grid_5 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 380px; | |
| } | |
| .container_9 .prefix_5 { | |
| padding-left: 400px; | |
| } | |
| .container_9 .suffix_5 { | |
| padding-right: 400px; | |
| } | |
| .container_9 .push_5 { | |
| left: 400px; | |
| } | |
| .container_9 .pull_5 { | |
| left: -400px; | |
| } | |
| .container_9 .grid_6 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 460px; | |
| } | |
| .container_9 .prefix_6 { | |
| padding-left: 480px; | |
| } | |
| .container_9 .suffix_6 { | |
| padding-right: 480px; | |
| } | |
| .container_9 .push_6 { | |
| left: 480px; | |
| } | |
| .container_9 .pull_6 { | |
| left: -480px; | |
| } | |
| .container_9 .grid_7 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 540px; | |
| } | |
| .container_9 .prefix_7 { | |
| padding-left: 560px; | |
| } | |
| .container_9 .suffix_7 { | |
| padding-right: 560px; | |
| } | |
| .container_9 .push_7 { | |
| left: 560px; | |
| } | |
| .container_9 .pull_7 { | |
| left: -560px; | |
| } | |
| .container_9 .grid_8 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 620px; | |
| } | |
| .container_9 .prefix_8 { | |
| padding-left: 640px; | |
| } | |
| .container_9 .suffix_8 { | |
| padding-right: 640px; | |
| } | |
| .container_9 .push_8 { | |
| left: 640px; | |
| } | |
| .container_9 .pull_8 { | |
| left: -640px; | |
| } | |
| .container_9 .grid_9 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 700px; | |
| } | |
| .container_9 .prefix_9 { | |
| padding-left: 720px; | |
| } | |
| .container_9 .suffix_9 { | |
| padding-right: 720px; | |
| } | |
| .container_9 .push_9 { | |
| left: 720px; | |
| } | |
| .container_9 .pull_9 { | |
| left: -720px; | |
| } | |
| .container_9 .grid_10 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 780px; | |
| } | |
| .container_9 .prefix_10 { | |
| padding-left: 800px; | |
| } | |
| .container_9 .suffix_10 { | |
| padding-right: 800px; | |
| } | |
| .container_9 .push_10 { | |
| left: 800px; | |
| } | |
| .container_9 .pull_10 { | |
| left: -800px; | |
| } | |
| .container_9 .grid_11 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 860px; | |
| } | |
| .container_9 .prefix_11 { | |
| padding-left: 880px; | |
| } | |
| .container_9 .suffix_11 { | |
| padding-right: 880px; | |
| } | |
| .container_9 .push_11 { | |
| left: 880px; | |
| } | |
| .container_9 .pull_11 { | |
| left: -880px; | |
| } | |
| .container_9 .grid_12 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 940px; | |
| } | |
| .container_9 .prefix_12 { | |
| padding-left: 960px; | |
| } | |
| .container_9 .suffix_12 { | |
| padding-right: 960px; | |
| } | |
| .container_9 .push_12 { | |
| left: 960px; | |
| } | |
| .container_9 .pull_12 { | |
| left: -960px; | |
| } | |
| .container_10 { | |
| margin-left: auto; | |
| margin-right: auto; | |
| width: 800px; | |
| position: relative; | |
| } | |
| .container_10 .grid_1 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 60px; | |
| } | |
| .container_10 .prefix_1 { | |
| padding-left: 80px; | |
| } | |
| .container_10 .suffix_1 { | |
| padding-right: 80px; | |
| } | |
| .container_10 .push_1 { | |
| left: 80px; | |
| } | |
| .container_10 .pull_1 { | |
| left: -80px; | |
| } | |
| .container_10 .grid_2 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 140px; | |
| } | |
| .container_10 .prefix_2 { | |
| padding-left: 160px; | |
| } | |
| .container_10 .suffix_2 { | |
| padding-right: 160px; | |
| } | |
| .container_10 .push_2 { | |
| left: 160px; | |
| } | |
| .container_10 .pull_2 { | |
| left: -160px; | |
| } | |
| .container_10 .grid_3 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 220px; | |
| } | |
| .container_10 .prefix_3 { | |
| padding-left: 240px; | |
| } | |
| .container_10 .suffix_3 { | |
| padding-right: 240px; | |
| } | |
| .container_10 .push_3 { | |
| left: 240px; | |
| } | |
| .container_10 .pull_3 { | |
| left: -240px; | |
| } | |
| .container_10 .grid_4 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 300px; | |
| } | |
| .container_10 .prefix_4 { | |
| padding-left: 320px; | |
| } | |
| .container_10 .suffix_4 { | |
| padding-right: 320px; | |
| } | |
| .container_10 .push_4 { | |
| left: 320px; | |
| } | |
| .container_10 .pull_4 { | |
| left: -320px; | |
| } | |
| .container_10 .grid_5 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 380px; | |
| } | |
| .container_10 .prefix_5 { | |
| padding-left: 400px; | |
| } | |
| .container_10 .suffix_5 { | |
| padding-right: 400px; | |
| } | |
| .container_10 .push_5 { | |
| left: 400px; | |
| } | |
| .container_10 .pull_5 { | |
| left: -400px; | |
| } | |
| .container_10 .grid_6 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 460px; | |
| } | |
| .container_10 .prefix_6 { | |
| padding-left: 480px; | |
| } | |
| .container_10 .suffix_6 { | |
| padding-right: 480px; | |
| } | |
| .container_10 .push_6 { | |
| left: 480px; | |
| } | |
| .container_10 .pull_6 { | |
| left: -480px; | |
| } | |
| .container_10 .grid_7 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 540px; | |
| } | |
| .container_10 .prefix_7 { | |
| padding-left: 560px; | |
| } | |
| .container_10 .suffix_7 { | |
| padding-right: 560px; | |
| } | |
| .container_10 .push_7 { | |
| left: 560px; | |
| } | |
| .container_10 .pull_7 { | |
| left: -560px; | |
| } | |
| .container_10 .grid_8 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 620px; | |
| } | |
| .container_10 .prefix_8 { | |
| padding-left: 640px; | |
| } | |
| .container_10 .suffix_8 { | |
| padding-right: 640px; | |
| } | |
| .container_10 .push_8 { | |
| left: 640px; | |
| } | |
| .container_10 .pull_8 { | |
| left: -640px; | |
| } | |
| .container_10 .grid_9 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 700px; | |
| } | |
| .container_10 .prefix_9 { | |
| padding-left: 720px; | |
| } | |
| .container_10 .suffix_9 { | |
| padding-right: 720px; | |
| } | |
| .container_10 .push_9 { | |
| left: 720px; | |
| } | |
| .container_10 .pull_9 { | |
| left: -720px; | |
| } | |
| .container_10 .grid_10 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 780px; | |
| } | |
| .container_10 .prefix_10 { | |
| padding-left: 800px; | |
| } | |
| .container_10 .suffix_10 { | |
| padding-right: 800px; | |
| } | |
| .container_10 .push_10 { | |
| left: 800px; | |
| } | |
| .container_10 .pull_10 { | |
| left: -800px; | |
| } | |
| .container_10 .grid_11 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 860px; | |
| } | |
| .container_10 .prefix_11 { | |
| padding-left: 880px; | |
| } | |
| .container_10 .suffix_11 { | |
| padding-right: 880px; | |
| } | |
| .container_10 .push_11 { | |
| left: 880px; | |
| } | |
| .container_10 .pull_11 { | |
| left: -880px; | |
| } | |
| .container_10 .grid_12 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 940px; | |
| } | |
| .container_10 .prefix_12 { | |
| padding-left: 960px; | |
| } | |
| .container_10 .suffix_12 { | |
| padding-right: 960px; | |
| } | |
| .container_10 .push_12 { | |
| left: 960px; | |
| } | |
| .container_10 .pull_12 { | |
| left: -960px; | |
| } | |
| .container_11 { | |
| margin-left: auto; | |
| margin-right: auto; | |
| width: 880px; | |
| position: relative; | |
| } | |
| .container_11 .grid_1 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 60px; | |
| } | |
| .container_11 .prefix_1 { | |
| padding-left: 80px; | |
| } | |
| .container_11 .suffix_1 { | |
| padding-right: 80px; | |
| } | |
| .container_11 .push_1 { | |
| left: 80px; | |
| } | |
| .container_11 .pull_1 { | |
| left: -80px; | |
| } | |
| .container_11 .grid_2 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 140px; | |
| } | |
| .container_11 .prefix_2 { | |
| padding-left: 160px; | |
| } | |
| .container_11 .suffix_2 { | |
| padding-right: 160px; | |
| } | |
| .container_11 .push_2 { | |
| left: 160px; | |
| } | |
| .container_11 .pull_2 { | |
| left: -160px; | |
| } | |
| .container_11 .grid_3 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 220px; | |
| } | |
| .container_11 .prefix_3 { | |
| padding-left: 240px; | |
| } | |
| .container_11 .suffix_3 { | |
| padding-right: 240px; | |
| } | |
| .container_11 .push_3 { | |
| left: 240px; | |
| } | |
| .container_11 .pull_3 { | |
| left: -240px; | |
| } | |
| .container_11 .grid_4 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 300px; | |
| } | |
| .container_11 .prefix_4 { | |
| padding-left: 320px; | |
| } | |
| .container_11 .suffix_4 { | |
| padding-right: 320px; | |
| } | |
| .container_11 .push_4 { | |
| left: 320px; | |
| } | |
| .container_11 .pull_4 { | |
| left: -320px; | |
| } | |
| .container_11 .grid_5 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 380px; | |
| } | |
| .container_11 .prefix_5 { | |
| padding-left: 400px; | |
| } | |
| .container_11 .suffix_5 { | |
| padding-right: 400px; | |
| } | |
| .container_11 .push_5 { | |
| left: 400px; | |
| } | |
| .container_11 .pull_5 { | |
| left: -400px; | |
| } | |
| .container_11 .grid_6 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 460px; | |
| } | |
| .container_11 .prefix_6 { | |
| padding-left: 480px; | |
| } | |
| .container_11 .suffix_6 { | |
| padding-right: 480px; | |
| } | |
| .container_11 .push_6 { | |
| left: 480px; | |
| } | |
| .container_11 .pull_6 { | |
| left: -480px; | |
| } | |
| .container_11 .grid_7 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 540px; | |
| } | |
| .container_11 .prefix_7 { | |
| padding-left: 560px; | |
| } | |
| .container_11 .suffix_7 { | |
| padding-right: 560px; | |
| } | |
| .container_11 .push_7 { | |
| left: 560px; | |
| } | |
| .container_11 .pull_7 { | |
| left: -560px; | |
| } | |
| .container_11 .grid_8 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 620px; | |
| } | |
| .container_11 .prefix_8 { | |
| padding-left: 640px; | |
| } | |
| .container_11 .suffix_8 { | |
| padding-right: 640px; | |
| } | |
| .container_11 .push_8 { | |
| left: 640px; | |
| } | |
| .container_11 .pull_8 { | |
| left: -640px; | |
| } | |
| .container_11 .grid_9 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 700px; | |
| } | |
| .container_11 .prefix_9 { | |
| padding-left: 720px; | |
| } | |
| .container_11 .suffix_9 { | |
| padding-right: 720px; | |
| } | |
| .container_11 .push_9 { | |
| left: 720px; | |
| } | |
| .container_11 .pull_9 { | |
| left: -720px; | |
| } | |
| .container_11 .grid_10 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 780px; | |
| } | |
| .container_11 .prefix_10 { | |
| padding-left: 800px; | |
| } | |
| .container_11 .suffix_10 { | |
| padding-right: 800px; | |
| } | |
| .container_11 .push_10 { | |
| left: 800px; | |
| } | |
| .container_11 .pull_10 { | |
| left: -800px; | |
| } | |
| .container_11 .grid_11 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 860px; | |
| } | |
| .container_11 .prefix_11 { | |
| padding-left: 880px; | |
| } | |
| .container_11 .suffix_11 { | |
| padding-right: 880px; | |
| } | |
| .container_11 .push_11 { | |
| left: 880px; | |
| } | |
| .container_11 .pull_11 { | |
| left: -880px; | |
| } | |
| .container_11 .grid_12 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 940px; | |
| } | |
| .container_11 .prefix_12 { | |
| padding-left: 960px; | |
| } | |
| .container_11 .suffix_12 { | |
| padding-right: 960px; | |
| } | |
| .container_11 .push_12 { | |
| left: 960px; | |
| } | |
| .container_11 .pull_12 { | |
| left: -960px; | |
| } | |
| .container_12 { | |
| margin-left: auto; | |
| margin-right: auto; | |
| width: 960px; | |
| position: relative; | |
| } | |
| .container_12 .grid_1 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 60px; | |
| } | |
| .container_12 .prefix_1 { | |
| padding-left: 80px; | |
| } | |
| .container_12 .suffix_1 { | |
| padding-right: 80px; | |
| } | |
| .container_12 .push_1 { | |
| left: 80px; | |
| } | |
| .container_12 .pull_1 { | |
| left: -80px; | |
| } | |
| .container_12 .grid_2 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 140px; | |
| } | |
| .container_12 .prefix_2 { | |
| padding-left: 160px; | |
| } | |
| .container_12 .suffix_2 { | |
| padding-right: 160px; | |
| } | |
| .container_12 .push_2 { | |
| left: 160px; | |
| } | |
| .container_12 .pull_2 { | |
| left: -160px; | |
| } | |
| .container_12 .grid_3 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 220px; | |
| } | |
| .container_12 .prefix_3 { | |
| padding-left: 240px; | |
| } | |
| .container_12 .suffix_3 { | |
| padding-right: 240px; | |
| } | |
| .container_12 .push_3 { | |
| left: 240px; | |
| } | |
| .container_12 .pull_3 { | |
| left: -240px; | |
| } | |
| .container_12 .grid_4 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 300px; | |
| } | |
| .container_12 .prefix_4 { | |
| padding-left: 320px; | |
| } | |
| .container_12 .suffix_4 { | |
| padding-right: 320px; | |
| } | |
| .container_12 .push_4 { | |
| left: 320px; | |
| } | |
| .container_12 .pull_4 { | |
| left: -320px; | |
| } | |
| .container_12 .grid_5 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 380px; | |
| } | |
| .container_12 .prefix_5 { | |
| padding-left: 400px; | |
| } | |
| .container_12 .suffix_5 { | |
| padding-right: 400px; | |
| } | |
| .container_12 .push_5 { | |
| left: 400px; | |
| } | |
| .container_12 .pull_5 { | |
| left: -400px; | |
| } | |
| .container_12 .grid_6 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 460px; | |
| } | |
| .container_12 .prefix_6 { | |
| padding-left: 480px; | |
| } | |
| .container_12 .suffix_6 { | |
| padding-right: 480px; | |
| } | |
| .container_12 .push_6 { | |
| left: 480px; | |
| } | |
| .container_12 .pull_6 { | |
| left: -480px; | |
| } | |
| .container_12 .grid_7 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 540px; | |
| } | |
| .container_12 .prefix_7 { | |
| padding-left: 560px; | |
| } | |
| .container_12 .suffix_7 { | |
| padding-right: 560px; | |
| } | |
| .container_12 .push_7 { | |
| left: 560px; | |
| } | |
| .container_12 .pull_7 { | |
| left: -560px; | |
| } | |
| .container_12 .grid_8 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 620px; | |
| } | |
| .container_12 .prefix_8 { | |
| padding-left: 640px; | |
| } | |
| .container_12 .suffix_8 { | |
| padding-right: 640px; | |
| } | |
| .container_12 .push_8 { | |
| left: 640px; | |
| } | |
| .container_12 .pull_8 { | |
| left: -640px; | |
| } | |
| .container_12 .grid_9 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 700px; | |
| } | |
| .container_12 .prefix_9 { | |
| padding-left: 720px; | |
| } | |
| .container_12 .suffix_9 { | |
| padding-right: 720px; | |
| } | |
| .container_12 .push_9 { | |
| left: 720px; | |
| } | |
| .container_12 .pull_9 { | |
| left: -720px; | |
| } | |
| .container_12 .grid_10 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 780px; | |
| } | |
| .container_12 .prefix_10 { | |
| padding-left: 800px; | |
| } | |
| .container_12 .suffix_10 { | |
| padding-right: 800px; | |
| } | |
| .container_12 .push_10 { | |
| left: 800px; | |
| } | |
| .container_12 .pull_10 { | |
| left: -800px; | |
| } | |
| .container_12 .grid_11 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 860px; | |
| } | |
| .container_12 .prefix_11 { | |
| padding-left: 880px; | |
| } | |
| .container_12 .suffix_11 { | |
| padding-right: 880px; | |
| } | |
| .container_12 .push_11 { | |
| left: 880px; | |
| } | |
| .container_12 .pull_11 { | |
| left: -880px; | |
| } | |
| .container_12 .grid_12 { | |
| display: inline; | |
| float: left; | |
| position: relative; | |
| margin-left: 10px; | |
| margin-right: 10px; | |
| width: 940px; | |
| } | |
| .container_12 .prefix_12 { | |
| padding-left: 960px; | |
| } | |
| .container_12 .suffix_12 { | |
| padding-right: 960px; | |
| } | |
| .container_12 .push_12 { | |
| left: 960px; | |
| } | |
| .container_12 .pull_12 { | |
| left: -960px; | |
| } | |
| .alpha { | |
| margin-left: 0; | |
| } | |
| .omega { | |
| margin-right: 0; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment