Team:Kent/CSS
From 2014.igem.org
Line 1: | Line 1: | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
.gridContainer { | .gridContainer { | ||
margin-left: auto; | margin-left: auto; | ||
Line 65: | Line 35: | ||
@media only screen and (min-width: 769px) { | @media only screen and (min-width: 769px) { | ||
.gridContainer { | .gridContainer { | ||
- | width: | + | width: 88.2%; |
- | max-width: | + | max-width: 1232px; |
- | padding-left: 0%; | + | padding-left: 0.9%; |
- | padding-right: 0%; | + | padding-right: 0.9%; |
- | margin: | + | margin: none; |
} | } | ||
#LayoutDiv1 { | #LayoutDiv1 { | ||
Line 78: | Line 48: | ||
display: block; | display: block; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- |
Revision as of 14:04, 1 August 2014
.gridContainer { margin-left: auto; margin-right: auto; width: 87.36%; padding-left: 1.82%; padding-right: 1.82%; }
- LayoutDiv1 {
clear: both; float: left; margin-left: 0; width: 100%; display: block; }
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) { .gridContainer { width: 90.675%; padding-left: 1.1625%; padding-right: 1.1625%; }
- LayoutDiv1 {
clear: both; float: left; margin-left: 0; width: 100%; display: block; } }
/* Desktop Layout: 769px to a max of 1232px. Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) { .gridContainer { width: 88.2%; max-width: 1232px; padding-left: 0.9%; padding-right: 0.9%; margin: none; }
- LayoutDiv1 {
clear: both; float: left; margin-left: 0; width: 100%; display: block; }