Difference between revisions of "Template:IISc-Bangalore"

 
(28 intermediate revisions by 3 users not shown)
Line 51: Line 51:
 
     list-style: none;
 
     list-style: none;
 
     z-index: 1;
 
     z-index: 1;
 +
    display: none;
 
}
 
}
  
Line 94: Line 95:
  
 
#inPageNav li:hover {
 
#inPageNav li:hover {
     background-color: #ddd;
+
     background-color: #f4f4f4;
 
}
 
}
 
   
 
   
Line 101: Line 102:
 
     float: left;
 
     float: left;
 
     display: block;
 
     display: block;
     padding: 0 200px 50px 0;
+
     padding: 0 15% 50px 0;
 
     box-sizing: border-box;
 
     box-sizing: border-box;
 
     position: relative;
 
     position: relative;
Line 132: Line 133:
 
     box-sizing: border-box;
 
     box-sizing: border-box;
 
     padding-bottom: 8px;
 
     padding-bottom: 8px;
 +
    height: 50px;
 
}
 
}
  
Line 159: Line 161:
 
     font-family: "Poppins", sans-serif;
 
     font-family: "Poppins", sans-serif;
 
}
 
}
 
+
#contentMain li li{
 +
    font-size: 1em;
 +
}
 
#contentMain table {
 
#contentMain table {
 
     background: none;
 
     background: none;
Line 319: Line 323:
 
     top: 68px;
 
     top: 68px;
 
     left: 0;
 
     left: 0;
 +
}
 +
 +
#headerImg {
 +
    margin-left: -30.76%;
 +
    margin-right: -23.07%;
 
}
 
}
  
 
/* Footer styling */
 
/* Footer styling */
  
#pagefooter {
+
        #pagefooter {
 
             width: 100%;
 
             width: 100%;
 
             position: fixed;
 
             position: fixed;
             bottom: 0;
+
             bottom: -250px;
 
             left: 0;
 
             left: 0;
 
             background-color: #FFE97C;
 
             background-color: #FFE97C;
 
             transition: all 0.5s ease;
 
             transition: all 0.5s ease;
 
             padding-left: 10px;
 
             padding-left: 10px;
 +
            z-index: 2;
 +
            font-family: "Poppins", sans-serif;
 
         }
 
         }
 
         #smallfooter {
 
         #smallfooter {
Line 337: Line 348:
 
         .expanded {
 
         .expanded {
 
             bottom: 0 !important;
 
             bottom: 0 !important;
            font-size: 24px;
 
 
             transition: all 0.5s ease;
 
             transition: all 0.5s ease;
 
         }
 
         }
Line 346: Line 356:
 
         .footerarrow {
 
         .footerarrow {
 
             position: absolute;
 
             position: absolute;
             top: 0;
+
             top: 4px;
 
             left: 50%;
 
             left: 50%;
 
             transform: translateX(-50%);
 
             transform: translateX(-50%);
 
             transition: transform 0.5s ease-in;
 
             transition: transform 0.5s ease-in;
 +
            height: 12px;
 
         }
 
         }
 
         .inverted {
 
         .inverted {
Line 355: Line 366:
 
             transition: transform 0.5 ease-in;
 
             transition: transform 0.5 ease-in;
 
         }
 
         }
         #bigfooter table, tr, td, th {
+
         #bigfooter table {
 +
            border: none;
 +
            background: none;
 +
        }
 +
        #bigfooter table tr td {
 +
            border: none;
 +
            background: none;
 +
        }
 +
        #bigfooter table tr th {
 
             border: none;
 
             border: none;
 
             background: none;
 
             background: none;
 +
            font-family: "Raleway-ExtraBold", sans-serif;
 +
            font-size: 2em;
 +
            letter-spacing: 1px;
 +
            text-transform: uppercase;
 
         }
 
         }
 
         #footericons {
 
         #footericons {
 
             float: right;
 
             float: right;
 +
            margin-right: 20px;
 
         }
 
         }
 
         #footericons img{
 
         #footericons img{
             height: 20px;
+
             height: 18px;
 
             margin-right: 10px;
 
             margin-right: 10px;
 +
            margin-bottom: 2px;
 
         }
 
         }
 
         #bigfooter {
 
         #bigfooter {
Line 370: Line 395:
 
             position: relative;
 
             position: relative;
 
             display: block;
 
             display: block;
 +
            height: 250px;
 
         }
 
         }
 
         #footersponsors {
 
         #footersponsors {
Line 414: Line 440:
 
       <a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/GCODe-Pro">Pro</a>
 
       <a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/GCODe-Pro">Pro</a>
 
       <a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/Results">Results</a>
 
       <a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/Results">Results</a>
       <a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/Notebook">Notebook</a>
+
       <a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/Notebook">Hardware Evolution</a>
 
       <a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/Documentation">Build Your Own</a>
 
       <a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/Documentation">Build Your Own</a>
 
     </div>
 
     </div>
Line 439: Line 465:
 
       <a href="https://2017.igem.org/Team:IISc-Bangalore/Parts">Parts</a>
 
       <a href="https://2017.igem.org/Team:IISc-Bangalore/Parts">Parts</a>
 
       <a href="https://2017.igem.org/Team:IISc-Bangalore/Design">Design</a>
 
       <a href="https://2017.igem.org/Team:IISc-Bangalore/Design">Design</a>
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Evolution">Evolution</a>
 
 
     </div>
 
     </div>
 
   </div>
 
   </div>
Line 448: Line 473:
 
       <a href="https://2017.igem.org/Team:IISc-Bangalore/Team">Team</a>
 
       <a href="https://2017.igem.org/Team:IISc-Bangalore/Team">Team</a>
 
       <a href="https://2017.igem.org/Team:IISc-Bangalore/Philosophy">Philosophy</a>
 
       <a href="https://2017.igem.org/Team:IISc-Bangalore/Philosophy">Philosophy</a>
      <a href="https://2017.igem.org/Team:IISc-Bangalore/Timeline">Timeline</a>
 
 
       <a href="https://2017.igem.org/Team:IISc-Bangalore/Attributions">Attributions</a>
 
       <a href="https://2017.igem.org/Team:IISc-Bangalore/Attributions">Attributions</a>
 
     </div>
 
     </div>
Line 463: Line 487:
 
         <div id="smallfooter" class="clearfix">
 
         <div id="smallfooter" class="clearfix">
 
             <div id="footericons">
 
             <div id="footericons">
                 <img src="img/fb.svg" /><img src="img/twitter.svg" />
+
                 <a href="https://www.facebook.com/iiscbangaloreigem/"><img src="https://static.igem.org/mediawiki/2017/4/4b/T--IISc-Bangalore--fb_new.svg" /></a><a href="https://twitter.com/igem_iiscUG"><img src="https://static.igem.org/mediawiki/2017/b/be/T--IISc-Bangalore--twitter_new.svg" /></a><a href="mailto:igem.2017.iisc@gmail.com"><img src="https://static.igem.org/mediawiki/2017/e/e8/T--IISc-Bangalore--mail.svg" /></a>
 
             </div>
 
             </div>
            Sponsors
 
 
         </div>
 
         </div>
         <img class="footerarrow" src="img/arrow.png" width="20px" />
+
         <img class="footerarrow" src="https://static.igem.org/mediawiki/2017/6/62/T--IISc-Bangalore--arrow.png" width="20px" />
 
         <div id="bigfooter" class="clearfix">
 
         <div id="bigfooter" class="clearfix">
 
             <div id="footersponsors">
 
             <div id="footersponsors">
                <table style="margin: auto">
+
<table style="margin: auto">
                    <tr><th colspan="6">Sponsors</th></tr>
+
<tr>
                    <tr>
+
 
                        <td colspan="2"><img src="https://static.igem.org/mediawiki/2017/8/82/T--IISc-Bangalore--iisc.png"></td>
+
<th colspan="6">Sponsors</th>
                        <td colspan="2"><img src="https://static.igem.org/mediawiki/2017/7/78/T--IISc-Bangalore--dbt.png"></td>
+
 
                        <td colspan="2"><a href="http://www.google.com"><img src="https://static.igem.org/mediawiki/2017/8/89/T--IISc-Bangalore--ibec.png"></a></td>
+
</tr>
                    </tr>
+
<tr>
                    <tr>
+
<td colspan="2"><a href="http://www.iisc.ac.in/"><img src="https://static.igem.org/mediawiki/2017/8/82/T--IISc-Bangalore--iisc.png"></a></td>
                        <td colspan="3"><img src="https://static.igem.org/mediawiki/2017/f/f4/T--IISc-Bangalore--sibc-updated.png"></td>
+
<td colspan="2"><a href="http://www.dbtindia.nic.in/"><img src="https://static.igem.org/mediawiki/2017/7/78/T--IISc-Bangalore--dbt.png"></a></td>
                        <td colspan="3"><img src="https://static.igem.org/mediawiki/2017/e/ec/T--IISc-Bangalore--snapgene.png"></td>
+
<td colspan="2"><a href="http://www.dbtindia.nic.in/ibec-indian-biological-engineering-competition/"><img src="https://static.igem.org/mediawiki/2017/8/89/T--IISc-Bangalore--ibec.png"></a></td>
                    </tr>
+
</tr>
 +
<tr>
 +
<td colspan="3"><a href="https://www.justdial.com/Tirunelveli/South-India-Bottling-Co-Pvt-Ltd-Gangaikondan/0462P462STD2100023_BZDET"><img src="https://static.igem.org/mediawiki/2017/f/f4/T--IISc-Bangalore--sibc-updated.png"></a></td>
 +
<td colspan="3"><a href="http://www.snapgene.com/"><img src="https://static.igem.org/mediawiki/2017/4/41/T--IISc-Bangalore--snapgene2.png"></a></td>
 +
</tr>
 +
 
 
                 </table>
 
                 </table>
 
             </div><div id="footercontact">
 
             </div><div id="footercontact">
 
                 <table style="margin: auto">
 
                 <table style="margin: auto">
 
                     <tr><th colspan="6">Contact</th></tr>
 
                     <tr><th colspan="6">Contact</th></tr>
 +
                    <tr><td>&nbsp;</td></tr>
 
                     <tr>
 
                     <tr>
                         <td><img src="img/fb.svg" /></td>
+
                         <td><a href="https://www.facebook.com/iiscbangaloreigem/"><img src="https://static.igem.org/mediawiki/2017/4/4b/T--IISc-Bangalore--fb_new.svg" /></a></td>
                         <td>FB Link</td>
+
                         <td><a href="https://twitter.com/igem_iiscUG"><img src="https://static.igem.org/mediawiki/2017/b/be/T--IISc-Bangalore--twitter_new.svg" /></a></td>
                    </tr>
+
                         <td><a href="mailto:igem.2017.iisc@gmail.com"><img src="https://static.igem.org/mediawiki/2017/e/e8/T--IISc-Bangalore--mail.svg" /></a></td>
                    <tr>
+
                        <td><img src="img/fb.svg" /></td>
+
                        <td>FB Link</td>
+
                    </tr>
+
                    <tr>
+
                         <td><img src="img/fb.svg" /></td>
+
                        <td>FB Link</td>
+
 
                     </tr>
 
                     </tr>
 +
                    <tr><td>&nbsp;</td></tr>
 
                 </table>
 
                 </table>
 
             </div>
 
             </div>
Line 504: Line 527:
  
 
<script type="text/javascript" src="https://2017.igem.org/Template:IISc-Bangalore/slide-nav?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2017.igem.org/Template:IISc-Bangalore/slide-nav?action=raw&ctype=text/javascript"></script>
 +
<script>
 +
    $("#pagefooter").click(function() {
 +
        $("#pagefooter").toggleClass("expanded");
 +
        $(".footerarrow").toggleClass("inverted");
 +
    });
 +
$(document).ready(function(){
 +
    var headings = document.getElementsByTagName("h1");
 +
    var i;
 +
    for (i=0; i<headings.length; i++) {
 +
        var sometext = headings[i].innerHTML;
 +
        console.log(sometext);
 +
        headings[i].innerHTML = "<img src='https://static.igem.org/mediawiki/2017/c/c9/T--IISc-Bangalore--title_flank_left.png'>"+sometext+"<img src='https://static.igem.org/mediawiki/2017/a/a2/T--IISc-Bangalore--title_flank_right.png'>";
 +
    }
 +
})
 +
</script>
 
</html>
 
</html>

Latest revision as of 03:45, 2 November 2017