Difference between revisions of "Template:IIT-Madras"

@@ Line 248: / Line 248: @@
    text-align: justify;
    border: none;
+  color: #161b1f;
 }
 h1,h2,h3,h4,h5,h6{
    font-family: Voltaire;
    margin-top: 40px;
-   margin-bottom: 5px;
+   margin-bottom: 10px;
-   padding-bottom: 0px;
+   padding-bottom: 10px;
    letter-spacing: 2px;
+}
+h1{
+  font-size: 30px;
 }
 h2{
    color: #0cab5a;
+  font-size: 25px;
+}
+p{
+ font-size: 15px;
 }
 .justify{
@@ Line 268: / Line 276: @@
    text-align: center;
 }
 [class*="col-"] {
-    width: 100%;
+   display: inline-block;
-		display: inline-block;
+   padding: 10px;
-		padding: 10px;
+   text-align: center;
-    text-align: center;
 }
-@media only screen and (min-width: 800px) {
-	.col-1 {width: 5%;}
+.col-1 {width: 5%;}
-	.col-2 {width: 10%;}
+.col-2 {width: 10%;}
-	.col-3 {width: 15%;}
+.col-3 {width: 15%;}
-	.col-4 {width: 20%;}
+.col-4 {width: 20%;}
-	.col-5 {width: 25%;}
+.col-5 {width: 25%;}
-	.col-6 {width: 30%;}
+.col-6 {width: 30%;}
-	.col-7 {width: 35%;}
+.col-7 {width: 35%;}
-	.col-8 {width: 40%;}
+.col-8 {width: 40%;}
-	.col-9 {width: 45%;}
+.col-9 {width: 45%;}
-	.col-10 {width: 50%;}
+.col-10 {width: 50%;}
-	.col-11 {width: 55%;}
+.col-11 {width: 55%;}
-	.col-12 {width: 60%;}
+.col-12 {width: 60%;}
-	.col-13 {width: 65%;}
+.col-13 {width: 65%;}
-	.col-14 {width: 70%;}
+.col-14 {width: 70%;}
-	.col-15 {width: 75%;}
+.col-15 {width: 75%;}
-	.col-16 {width: 80%;}
+.col-16 {width: 80%;}
-	.col-17 {width: 85%;}
+.col-17 {width: 85%;}
-	.col-18 {width: 90%;}
+.col-18 {width: 90%;}
-	.col-19 {width: 95%;}
+.col-19 {width: 95%;}
-	.col-20 {width: 100%;}
+.col-20 {width: 100%;}
+@media only screen and (max-width: 800px) {
+        .igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;}
+        .igem_2017_content_wrapper {width:100%; margin-left:0px;}
+        .highlight {padding:15px 5px;}
+        .igem_2017_menu_wrapper #display_menu_control { display:block; }
+	#menu_content { display:none;}
+	.igem_2017_menu_wrapper .menu_button .expand_collapse_icon { width: 5%; }
+	.menu_bottom_padding {display:none;}
+	.menu_button.direct_to_page { padding-left: 36px; }
+	[class*="col-"] { width: 100%; }
 }