Difference between revisions of "Template:ICT-Mumbai/basic"

Latest revision as of 02:32, 18 October 2018

Simply

@@ Line 20: / Line 20: @@
 	.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
+#footer-img{
+height: 80px;
+padding: 10px;
+display: block;
+float: left;
+}
+#footer-icon{
+height: 30px;
+padding: 10px;
+display: block;
+float: right;
+}
+.footer {
+  margin-top: 100px;
+  position: absolute;
+  right: 0;
+  bottom: -170px;
+  left: 0;
+  padding: 1rem;
+  background-color: #ffffff;
+  text-align: center;
+  min-height: 100px;
+}
@@ Line 26: / Line 59: @@
      font-size: inherit;
      margin-left:0px; margin-right: 0px;
-     width: 98.7vw;
+     width: 100vw;
      padding: none;
      border: none;
@@ Line 52: / Line 85: @@
      font-size: 15px;
      font-family: 'Open Sans', sans-serif;
+    color: #444;
 }
@@ Line 58: / Line 92: @@
      font-size: 15px;
      font-family: 'Open Sans', sans-serif;
+    color: #444;
 }
+ol ol li{
+    list-style-type: lower-alpha;
+    color: #444;
+}
+#bodyContent table, th, td{
+text-align: left;
+font-family: 'Raleway';
+}
+table, th, td{
+text-align: left;
+font-family: 'Raleway';
+font-size: 15px;
+}
 #bodyContent h1 {
@@ Line 177: / Line 227: @@
      font-size: 13px;
      font-family: 'Open Sans', sans-serif;
+    list-style: disc;
 }
@@ Line 271: / Line 322: @@
 #header1{
      background: #ffffff;
-}
-.social-footer {
-  padding: 1rem;
-  background: #8a8a8a;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-justify-content: space-between;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-}
-.social-footer .social-footer-icons li:last-of-type {
-  margin-right: 0;
-}
-.social-footer .social-footer-icons .fa {
-  font-size: 1.3rem;
-  color: #fefefe;
-}
-.social-footer .social-footer-icons .fa:hover {
-  color: #4a4a4a;
-  transition: color 0.3s ease-in;
 }
@@ Line 346: / Line 367: @@
    box-shadow: 0px 10px 10px rgba(0,0,0,0.3);
    position: fixed;
+  z-index: 5;
 }
 #menu-line {
@@ Line 554: / Line 577: @@
    }
    #cssmenu ul ul li a {
-     padding: 20px 20px 20px 30px;
+     padding: 20px 20px 30px 30px;
      font-size: 12px;
      color: #000000;
@@ Line 769: / Line 792: @@
 <div id='cssmenu' class='hov'>
 <ul>
+<li>
+<a href="https://igem.org/2018_Judging_Form?team=ICT-Mumbai">Judging Form ⇗</a>
+</li>
+<li class='has-sub'><a href='#'>Team</a>
+      <ul>
+    <li><a href="https://2018.igem.org/Team:ICT-Mumbai/Team">Team Members</a></li>
+    <li clas='has-sub'><a href="https://2018.igem.org/Team:ICT-Mumbai/Collaborations">Collaborations</a></li>
+      </ul>
+</li>
 <li><a href='https://2018.igem.org/Team:ICT-Mumbai/Software'>Software</a></li>
@@ Line 785: / Line 821: @@
        <ul>
      <li><a href="https://2018.igem.org/Team:ICT-Mumbai/Parts">Parts overview</a></li>
-    <li><a href="https://2018.igem.org/Team:ICT-Mumbai/Basic_Part">Basic Parts</a></li>
      <li><a href="https://2018.igem.org/Team:ICT-Mumbai/Composite_Part">Composite Parts</a></li>
        </ul>
@@ Line 803: / Line 838: @@
 </ul>
 </li>
-<li class='has-sub'><a href='#'>Team</a>
-      <ul>
-    <li><a href="https://2018.igem.org/Team:ICT-Mumbai/Team">Team Members</a></li>
-    <li clas='has-sub'><a href="https://2018.igem.org/Team:ICT-Mumbai/Collaborations">Collaborations</a></li>
-      </ul>
-</li>
@@ Line 824: / Line 850: @@
 <br>
-<footer class="social-footer">
+<div class="footer">
-  <div class="social-footer-left">
+<a href="https://www.facebook.com/igemictmumbai/"><img style="padding-top: 50px;" id="footer-icon" src="https://static.igem.org/mediawiki/2018/6/68/T--ICT-Mumbai--facebook.png"></img></a>
-    <a href="#"><img class="logo" src="https://placehold.it/150x30"></a>
+<a href="https://www.instagram.com/igem_ictmumbai/"><img style="padding-top: 50px;" id="footer-icon" src="https://static.igem.org/mediawiki/2018/8/85/T--ICT-Mumbai--Instagram.png"></img></a>
-  </div>
+<p style="display: block; float: right; padding-top: 50px;">
-  <div class="social-footer-icons">
+Contact us: <i>igemteamictmumbai@gmail.com</i> &nbsp;| Follow us:
-    <ul class="menu simple">
+</p>
-      <li><a href="https://www.facebook.com/"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
-      <li><a href="https://www.instagram.com/?hl=en"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
-      <li><a href="https://www.pinterest.com/"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a></li>
-      <li><a href="https://twitter.com/?lang=en"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
-    </ul>
-  </div>
-</footer>
+</div>
 </body>
 </html>