Team:Kent/CSS

From 2014.igem.org

(Difference between revisions)
(Replaced content with "@media only screen and (min-width: 769px) { .gridContainer { width: 88.2%; max-width: 1232px; padding-left: 0.9%; padding-right: 0.9%; margin: auto; } #LayoutDiv1 { cle...")
Line 1: Line 1:
-
@media only screen and (min-width: 769px) {
+
@media all and (max-width: 900px) {
-
.gridContainer {
+
    .side_article { /* Hide advertisement panel*/
-
width: 88.2%;
+
        display: none;
-
max-width: 1232px;
+
        visibility: hidden;
-
padding-left: 0.9%;
+
    }
-
padding-right: 0.9%;
+
 
-
margin: auto;
+
    .siteDescription {
-
}
+
        width: 100%; /* Earlier 70%*/
-
#LayoutDiv1 {
+
    }
-
clear: both;
+
 
-
float: left;
+
    .main_articles {
-
margin-left: 0;
+
        width: 90%;/* Earlier 95%*/
-
width: 100%;
+
    }
-
display: block;
+
}
}

Revision as of 14:58, 1 August 2014

@media all and (max-width: 900px) {

   .side_article { /* Hide advertisement panel*/
       display: none;
       visibility: hidden;
   }
   .siteDescription {
       width: 100%; /* Earlier 70%*/
   }
   .main_articles {
       width: 90%;/* Earlier 95%*/
   }

}