Difference between revisions of "Template:IIT-Madras"

@@ Line 269: / Line 269: @@
 }
+.col-1 {width: 5%;}
+.col-2 {width: 10%;}
+.col-3 {width: 15%;}
+.col-4 {width: 20%;}
+.col-5 {width: 25%;}
+.col-6 {width: 30%;}
+.col-7 {width: 35%;}
+.col-8 {width: 40%;}
+.col-9 {width: 45%;}
+.col-10 {width: 50%;}
+.col-11 {width: 55%;}
+.col-12 {width: 60%;}
+.col-13 {width: 65%;}
+.col-14 {width: 70%;}
+.col-15 {width: 75%;}
+.col-16 {width: 80%;}
+.col-17 {width: 85%;}
+.col-18 {width: 90%;}
+.col-19 {width: 95%;}
+.col-20 {width: 100%;}
-[class*="col-"] {
+@media only screen and (max-width: 800px) {
-    width: 100%;
-		display: inline-block;
-		padding: 10px;
-    text-align: center;
-}
-@media only screen and (min-width: 800px) {
          .igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;}
          .igem_2017_content_wrapper {width:100%; margin-left:0px;}
@@ Line 285: / Line 299: @@
 	.menu_bottom_padding {display:none;}
 	.menu_button.direct_to_page { padding-left: 36px; }
-	.col-1 {width: 5%;}
-	.col-2 {width: 10%;}
+[class*="col-"] {
-	.col-3 {width: 15%;}
+    width: 100%;
-	.col-4 {width: 20%;}
+		display: inline-block;
-	.col-5 {width: 25%;}
+		padding: 10px;
-	.col-6 {width: 30%;}
+    text-align: center;
-	.col-7 {width: 35%;}
+}
-	.col-8 {width: 40%;}
-	.col-9 {width: 45%;}
-	.col-10 {width: 50%;}
-	.col-11 {width: 55%;}
-	.col-12 {width: 60%;}
-	.col-13 {width: 65%;}
-	.col-14 {width: 70%;}
-	.col-15 {width: 75%;}
-	.col-16 {width: 80%;}
-	.col-17 {width: 85%;}
-	.col-18 {width: 90%;}
-	.col-19 {width: 95%;}
-	.col-20 {width: 100%;}
 }