Team:Groningen/Template/CSS/layout

From 2014.igem.org

Revision as of 14:39, 16 October 2014

.screen.container { min-width: 1240px; max-width: 1920px; margin: 0 auto; } .grid .gridcell{ padding: 0; margin: 0; border: none; width: 100%; height: auto; position: relative; float: left; } .grid { padding: 0; margin: 0; } /*TWO GRID*/ .grid.twogrid > .gridcell{ width: 49.7%; padding-right: 0.6%; } /*THREE GRID*/ .grid.threegrid > .gridcell{ width: 29.5%; padding-right: 5.75%; } .grid.threegrid > .gridcell.spantwo{ width: 64.75%; } /*FOUR GRID*/ .grid.fourgrid > .gridcell{ width: 22%; padding-right: 4%; } .grid.fourgrid > .gridcell.spantwo{ width: 48%; } .grid.fourgrid > .gridcell.spanthree{ width: 74%; } /*FIVE GRID*/ .grid.fivegrid > .gridcell{ width: 18%; padding-right: 2.5%; } .grid.fivegrid > .gridcell.spantwo{ width: 38.5%; } .grid.fivegrid > .gridcell.spanthree{ width: 59%; } .grid.fivegrid > .gridcell.spanfour{ width: 79.5%; } /*SIX GRID*/ .grid.sixgrid > .gridcell{ width: 15.5%; padding-right: 1.4%; } .grid.sixgrid > .gridcell.spantwo{ width: 32.4%; } .grid.sixgrid > .gridcell.spanthree{ width: 49.3%; } .grid.sixgrid > .gridcell.spanfour{ width: 66.2%; } .grid.sixgrid > .gridcell.spanfive{ width: 83.1%; } /*SEVEN GRID*/ .grid.sevengrid > .gridcell{ width: 13%; padding-right: 1.5%; } .grid.sevengrid > .gridcell.spantwo{ width: 27.5%; } .grid.sevengrid > .gridcell.spanthree{ width: 42%; } .grid.sevengrid > .gridcell.spanfour{ width: 56.5%; } .grid.sevengrid > .gridcell.spanfive{ width: 71%; } .grid.sevengrid > .gridcell.spansix{ width: 85.5%; } /*EIGHT GRID*/ .grid.eightgrid > .gridcell{ width: 11.45%; padding-right: 1.2%; } .grid.eightgrid > .gridcell.spantwo{ width: 24.1%; } .grid.eightgrid > .gridcell.spanthree{ width: 36.75%; } .grid.eightgrid > .gridcell.spanfour{ width: 49.4%; } .grid.eightgrid > .gridcell.spanfive{ width: 62.05%; } .grid.eightgrid > .gridcell.spansix{ width: 74.7%; } .grid.eightgrid > .gridcell.spanzeven{ width: 87.35%; } /*EIGHT NINE*/ .grid.ninegrid > .gridcell{ width: 10.16%; padding-right: 1.07%; } .grid.ninegrid > .gridcell.spantwo{ width: 21.39%; } .grid.ninegrid > .gridcell.spanthree{ width: 32.62%; } .grid.ninegrid > .gridcell.spanfour{ width: 43.85%; } .grid.ninegrid > .gridcell.spanfive{ width: 55.08%; } .grid.ninegrid > .gridcell.spansix{ width: 66.31%; } .grid.ninegrid > .gridcell.spanzeven{ width: 77.54%; } .grid.ninegrid > .gridcell.spaneight{ width: 88.77%; } /*EIGHT TEN*/ .grid.tengrid > .gridcell{ width: 9.1%; padding-right: 1%; } .grid.tengrid > .gridcell.spantwo{ width: 19.2%; } .grid.tengrid > .gridcell.spanthree{ width: 29.3%; } .grid.tengrid > .gridcell.spanfour{ width: 39.4%; } .grid.tengrid > .gridcell.spanfive{ width: 49.5%; } .grid.tengrid > .gridcell.spansix{ width: 59.6%; } .grid.tengrid > .gridcell.spanzeven{ width: 69.7%; } .grid.tengrid > .gridcell.spaneight{ width: 79.8%; } .grid.tengrid > .gridcell.spannine{ width: 89.9%; } /*SPECIAL GRID CELLS*/ .grid > .gridcell.spanall{ width: 100%; padding-right: 0; } .grid > .gridcell.last{ padding-right: 0; }