Team:IIT Madras/Templates/Header

From 2013.igem.org

(Difference between revisions)
 
(62 intermediate revisions not shown)
Line 2: Line 2:
    
    
   <!-- For Overriding Defualt Wiki banners and links-->
   <!-- For Overriding Defualt Wiki banners and links-->
 +
<script>
 +
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 +
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 +
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 +
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 +
 +
  ga('create', 'UA-43576754-1', 'igem.org');
 +
  ga('send', 'pageview');
 +
 +
</script>
   <style type="text/css">
   <style type="text/css">
-
      
+
     * {
 +
font-size: 97%;
 +
}
     #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
     #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
       display:none;
       display:none;
Line 11: Line 23:
       height: 0px;
       height: 0px;
     }
     }
 +
   
     #menubar{
     #menubar{
       display: none;
       display: none;
     }
     }
 +
     #menubar :hover{
     #menubar :hover{
       visibility: visible;
       visibility: visible;
Line 25: Line 39:
       width:100%;
       width:100%;
     }
     }
 +
#headingmain{
 +
    font-size: 52px;
 +
    position: absolute;
 +
    margin-left: 183px;
 +
    margin-right: auto;
 +
    margin-top: 26px;
 +
}
   </style>
   </style>
    
    
Line 30: Line 51:
      
      
     <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
     <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
-
    <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
 
-
 
-
    <link href="//netdna.bootstrapcdn.com/bootswatch/3.0.0/simplex/bootstrap.min.css" rel="stylesheet">
 
     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
     <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
     <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
     <script src="http://getbootstrap.com/assets/js/holder.js"></script>
     <script src="http://getbootstrap.com/assets/js/holder.js"></script>
-
      
+
     <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
 +
 
 +
 
     <link href='http://fonts.googleapis.com/css?family=Sigmar+One' rel='stylesheet' type='text/css'>
     <link href='http://fonts.googleapis.com/css?family=Sigmar+One' rel='stylesheet' type='text/css'>
     <link href='http://fonts.googleapis.com/css?family=Cantora+One' rel='stylesheet' type='text/css'>
     <link href='http://fonts.googleapis.com/css?family=Cantora+One' rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=Rammetto+One' rel='stylesheet' type='text/css'>
      
      
     <!-- For Overriding Defualt Wiki banners and links-->
     <!-- For Overriding Defualt Wiki banners and links-->
Line 49: Line 70:
         border: none;
         border: none;
         height: 0px;
         height: 0px;
 +
      }
 +
      .iitmofflogo {
 +
        float:left;
       }
       }
       #menubar{
       #menubar{
         display: none;
         display: none;
 +
      }
 +
      .sub-heading1{
 +
        text-align: center;
       }
       }
       #menubar :hover{
       #menubar :hover{
Line 117: Line 144:
   <div class="header">
   <div class="header">
     <div class="container">
     <div class="container">
-
       <!--
+
        
-
<div class="heading visible-tablet visible-desktop">
+
 
-
<a href="https://2012.igem.org/Team:NTNU_Trondheim">
+
<img id="iitmofflogo" src="https://static.igem.org/mediawiki/2013/7/73/IGEMiitm_official_logo.png" style="max-height: 100px; max-width: 60;"/>
-
Search and Destroy
+
   
-
</a>
+
<div class="heading visible-tablet visible-desktop" style="
-
</div>
+
    font-size: 30px;
-
<div class="heading heading-small visible-phone">
+
     position: absolute;
-
<a href="https://2012.igem.org/Team:NTNU_Trondheim">
+
     margin-left: 140px;
-
Search and Destroy
+
    margin-right: auto;
-
</a>
+
    top: 45px;
-
</div>
+
    font-family: 'Rammetto One', cursive;
-
-->
+
">Indian Institute of Technology Madras</div>
-
    <div class="sub-heading visible-tablet visible-desktop" id="sub-heading1">
+
-
      <span class="sub-heading-small">
+
-
        IITM IS BACK
+
-
      </span>
+
-
     </div>
+
-
     <!--  
+
-
<div class="sub-heading visible-desktop" id="sub-heading2">
+
-
B
+
-
<span class="sub-heading-small">
+
-
acterial
+
-
</span>
+
-
A
+
-
<span class="sub-heading-small">
+
-
nti
+
-
</span>
+
-
-C
+
-
<span class="sub-heading-small">
+
-
ancer
+
-
</span>
+
-
-K
+
-
<span class="sub-heading-small">
+
-
amikaze
+
-
</span>
+
-
</div>
+
-
-->
+
      
      
     <div class="pull-right" style="text-align:right;">
     <div class="pull-right" style="text-align:right;">
Line 165: Line 167:
           <td>
           <td>
             <a href="https://2013.igem.org/Main_Page" target="_blank">
             <a href="https://2013.igem.org/Main_Page" target="_blank">
-
               <img id="igem-logo" src="https://static.igem.org/mediawiki/2012/c/cc/Igem_logo_scaled.png" />
+
               <img id="igem-logo" src="http://upload.wikimedia.org/wikipedia/en/d/d6/IGEM_official_logo.png" style="
 +
    width: 129px;
 +
">
             </a>
             </a>
           </td>
           </td>
Line 175: Line 179:
   </div>
   </div>
   </div>
   </div>
-
   <div class="navbar">
+
   <div class="navbar navbar-inverse">
     <div class="navbar-header">
     <div class="navbar-header">
       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
Line 208: Line 212:
           <ul class="dropdown-menu">
           <ul class="dropdown-menu">
             <li>
             <li>
-
               <a href="https://2013.igem.org/Team:IIT_Madras/Overview">
+
               <a href="https://2013.igem.org/Team:IIT_Madras/Background">
-
                 Overview
+
                 Background
 +
 
 +
 
 +
 
 +
 
               </a>
               </a>
             </li>
             </li>
             <li>
             <li>
-
               <a href="#">
+
               <a href="https://2013.igem.org/Team:IIT_Madras/Approach">
-
                 Introduction
+
                 Approach
               </a>
               </a>
             </li>
             </li>
             <li>
             <li>
-
               <a href="#">
+
               <a href="https://2013.igem.org/Team:IIT_Madras/Results">
-
                 Facts and Statistics
+
                 Results
               </a>
               </a>
             </li>
             </li>
             <li>
             <li>
-
               <a href="#">
+
               <a href="https://2013.igem.org/Team:IIT_Madras/DryLabAndModelling">
-
                 Motivation
+
                 Dry lab and Modelling
               </a>
               </a>
             </li>
             </li>
-
             <li class="divider">
+
             <li>
 +
              <a href="https://2013.igem.org/Team:IIT_Madras/Design">
 +
                Design
 +
              </a>
 +
            </li>
 +
           
 +
            <li>
 +
              <a href="https://2013.igem.org/Team:IIT_Madras/Safety">
 +
                Safety
 +
              </a>
 +
            </li>
 +
        <!--    <li class="divider">
             </li>
             </li>
-
             <!--
+
              
<li class="dropdown-header">
<li class="dropdown-header">
Nav header
Nav header
</li>
</li>
-->
-->
 +
               
 +
              </ul>
 +
            </li>
 +
            <li class="dropdown">
 +
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 +
                <i class="icon-male icon-large"></i>
 +
                Human Practices
 +
                <b class="caret"></b>
 +
              </a><ul class="dropdown-menu">
                 <li>
                 <li>
-
                   <a href="#">
+
                   <a href="https://2013.igem.org/Team:IIT_Madras/HumanPractices">
-
                    Wet lab
+
                     Overview
-
                  </a>
+
-
                </li>
+
-
                <li>
+
-
                  <a href="#">
+
-
                     Dry lab
+
                   </a>
                   </a>
                 </li>
                 </li>
                 <li>
                 <li>
-
                   <a href="#">
+
                   <a href="https://2013.igem.org/Team:IIT_Madras/CodeRed">
-
                     Safety
+
                     Code Red
                   </a>
                   </a>
                 </li>
                 </li>
               </ul>
               </ul>
             </li>
             </li>
-
             <li>
+
              
-
              <a href="#">
+
-
                <i class="icon-male icon-large"></i>
+
-
                Human Practices
+
-
              </a>
+
-
            </li>
+
             <li class="dropdown">
             <li class="dropdown">
               <a href="#" class="dropdown-toggle" data-toggle="dropdown">
               <a href="#" class="dropdown-toggle" data-toggle="dropdown">
Line 271: Line 289:
                 </li>
                 </li>
                 <li>
                 <li>
-
                   <a href="#">
+
                   <a href="https://2013.igem.org/Team:IIT_Madras/Gallery">
                     Gallery
                     Gallery
 +
                  </a>
 +
                </li>
 +
<li class="divider">
 +
            </li>
 +
                <li>
 +
                  <a target="_blank" href="https://igem.org/Team.cgi?year=2013&team_name=IIT_Madras">
 +
                    Official Team Profile
                   </a>
                   </a>
                 </li>
                 </li>
Line 285: Line 310:
               </a>
               </a>
               <ul class="dropdown-menu">
               <ul class="dropdown-menu">
 +
               
                 <li>
                 <li>
-
                   <a href="#">
+
                   <a href="https://2013.igem.org/Team:IIT_Madras/Protocol">
-
                    Overview
+
-
                  </a>
+
-
                </li>
+
-
                <li>
+
-
                  <a href="#">
+
                     Protocols
                     Protocols
                   </a>
                   </a>
                 </li>
                 </li>
                 <li>
                 <li>
-
                   <a href="#">
+
                   <a href="https://2013.igem.org/Team:IIT_Madras/Weekly">
-
                    Wet lab
+
                     Weekly Summaries
-
                  </a>
+
-
                </li>
+
-
                <li>
+
-
                  <a href="#">
+
-
                     Dry lab
+
                   </a>
                   </a>
                 </li>
                 </li>
Line 308: Line 324:
             </li>
             </li>
             <li>
             <li>
-
               <a href="#">
+
               <a href="https://2013.igem.org/Team:IIT_Madras/Attributions">
                 <i class="icon-flag icon-large"></i>
                 <i class="icon-flag icon-large"></i>
-
                 IITM and iGEM
+
                 Attributions
               </a>
               </a>
             </li>
             </li>
 +
           
 +
           </ul>
           </ul>
           <ul class="nav navbar-nav navbar-right">
           <ul class="nav navbar-nav navbar-right">
             <li>
             <li>
-
               <a href="http://www.facebook.com/iitmigem">
+
               <a target="_blank" href="http://www.facebook.com/iitmigem">
                 <i class="icon-facebook icon-large icon-white"></i>
                 <i class="icon-facebook icon-large icon-white"></i>
                  
                  
Line 322: Line 340:
             </li>
             </li>
             <li>
             <li>
-
               <a href="http://twitter.com/junaid_babu">
+
               <!--<a href="http://twitter.com/junaid_babu">
               <i class="icon-twitter icon-large"></i>
               <i class="icon-twitter icon-large"></i>
-
               </a>
+
               </a>-->
 +
<div class="navbar-header">
 +
     
 +
    </div>
             </li>
             </li>
           </ul>
           </ul>

Latest revision as of 03:37, 28 September 2013

Indian Institute of Technology Madras