Team:IIT Madras/Templates/Header

From 2013.igem.org

(Difference between revisions)
 
(70 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<style type="text/css">
+
 
 +
  <!-- 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">
 +
    * {
 +
font-size: 97%;
 +
}
 +
    #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 +
      display:none;
 +
    }
 +
    #top-section {
 +
      border: none;
 +
      height: 0px;
 +
    }
 +
   
 +
    #menubar{
 +
      display: none;
 +
    }
 +
 
 +
    #menubar :hover{
 +
      visibility: visible;
 +
    }
 +
    #content {
 +
      background: none;
 +
      border: none;
 +
      width: 100%}
 +
    #bodyContent{
 +
     
 +
      width:100%;
 +
    }
 +
#headingmain{
 +
    font-size: 52px;
 +
    position: absolute;
 +
    margin-left: 183px;
 +
    margin-right: auto;
 +
    margin-top: 26px;
 +
}
 +
  </style>
 +
 
 +
  <html>
 +
   
 +
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
 +
    <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="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=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-->
 +
    <style type="text/css">
        
        
       #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
       #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
Line 8: 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{
 +
        visibility: visible;
       }
       }
       #content {
       #content {
Line 20: Line 91:
         width:100%;
         width:100%;
       }
       }
-
    </style>
+
      .navbar {
-
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
+
        height: 50px;
 +
        width: 100%;
 +
      }
 +
      .navbar-right{
 +
        padding-right: 30;
 +
      }
 +
      .navbar-brand{
 +
        font-family: 'Sigmar One', cursive;
 +
        font-size: 20;
 +
      }
 +
      .navbar{
 +
        font-family: 'Cantora One', sans-serif;
 +
      }
 +
     
 +
     
 +
  </style>
 +
  <script type="text/javascript">
 +
    $(function(){
 +
      var
 +
          $win = $(window),
 +
          $filter = $('.navbar'),
 +
          $filterSpacer = $('<div />', {
 +
            "class": "filter-drop-spacer",
 +
            "height": $filter.outerHeight()
 +
          }
 +
                          );
 +
      $win.scroll(function(){
 +
       
 +
        if(!$filter.hasClass('navbar-fixed-top')){
 +
          if($win.scrollTop() > $filter.offset().top){
 +
            $filter.before($filterSpacer);
 +
            $filter.addClass("navbar-fixed-top");
 +
          }
 +
        }
 +
        if ($filter.hasClass('navbar-fixed-top')){
 +
          if($win.scrollTop() < $filterSpacer.offset().top){
 +
            $filter.removeClass("navbar-fixed-top");
 +
            $filterSpacer.remove();
 +
          }
 +
        }
 +
       
 +
      }
 +
                );
 +
    }
 +
    );
 +
   
 +
  </script>
 +
 
 +
  <!--  -->
 +
 
 +
  <div class="header">
 +
    <div class="container">
 +
     
 +
 
 +
<img id="iitmofflogo" src="https://static.igem.org/mediawiki/2013/7/73/IGEMiitm_official_logo.png" style="max-height: 100px; max-width: 60;"/>
 +
   
 +
<div class="heading visible-tablet visible-desktop" style="
 +
    font-size: 30px;
 +
    position: absolute;
 +
    margin-left: 140px;
 +
    margin-right: auto;
 +
    top: 45px;
 +
    font-family: 'Rammetto One', cursive;
 +
">Indian Institute of Technology Madras</div>
 +
   
 +
    <div class="pull-right" style="text-align:right;">
 +
      <table border="0">
 +
        <tr>
 +
          <td>
 +
            <a href="http://www.iitm.ac.in" target="_blank">
 +
              <img id="iitmlogo" src="http://www.ee.iitm.ac.in/~ani/2013/ee5390/style/iitm_logo.gif" style="max-height: 100px; max-width: 60;"/>
 +
            </a>
 +
          </td>
 +
          <td>
 +
            <a href="https://2013.igem.org/Main_Page" target="_blank">
 +
              <img id="igem-logo" src="http://upload.wikimedia.org/wikipedia/en/d/d6/IGEM_official_logo.png" style="
 +
    width: 129px;
 +
">
 +
            </a>
 +
          </td>
 +
        </tr>
 +
      </table>
 +
     
 +
     
 +
    </div>
 +
  </div>
 +
  </div>
 +
  <div class="navbar navbar-inverse">
 +
    <div class="navbar-header">
 +
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
 +
        <span class="icon-bar">
 +
          <i class="icon-home icon-large icon-white"></i>
 +
        </span>
 +
        <span class="icon-bar">
 +
        </span>
 +
        <span class="icon-bar">
 +
        </span>
 +
      </button>
 +
      <a class="navbar-brand" href="#">
 +
       
 +
      </a>
 +
    </div>
 +
    <div class="navbar-collapse collapse">
 +
      <ul class="nav navbar-nav">
 +
       
 +
        <li>
 +
          <a href="https://2013.igem.org/Team:IIT_Madras">
 +
            <i class="icon-home icon-large icon-white"></i>
 +
            Home
 +
          </a>
 +
        </li>
 +
        <li class="dropdown">
 +
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 +
            <i class="icon-gears icon-large"></i>
 +
            Project
 +
            <b class="caret">
 +
            </b>
 +
          </a>
 +
          <ul class="dropdown-menu">
 +
            <li>
 +
              <a href="https://2013.igem.org/Team:IIT_Madras/Background">
 +
                Background
 +
 
 +
 
 +
 
 +
 
 +
              </a>
 +
            </li>
 +
            <li>
 +
              <a href="https://2013.igem.org/Team:IIT_Madras/Approach">
 +
                Approach
 +
              </a>
 +
            </li>
 +
            <li>
 +
              <a href="https://2013.igem.org/Team:IIT_Madras/Results">
 +
                Results
 +
              </a>
 +
            </li>
 +
            <li>
 +
              <a href="https://2013.igem.org/Team:IIT_Madras/DryLabAndModelling">
 +
                Dry lab and Modelling
 +
              </a>
 +
            </li>
 +
            <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 class="dropdown-header">
 +
Nav header
 +
</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>
 +
                  <a href="https://2013.igem.org/Team:IIT_Madras/HumanPractices">
 +
                    Overview
 +
                  </a>
 +
                </li>
 +
                <li>
 +
                  <a href="https://2013.igem.org/Team:IIT_Madras/CodeRed">
 +
                    Code Red
 +
                  </a>
 +
                </li>
 +
              </ul>
 +
            </li>
 +
           
 +
            <li class="dropdown">
 +
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 +
                <i class="icon-group icon-large"></i>
 +
                Team
 +
                <b class="caret">
 +
                </b>
 +
              </a>
 +
              <ul class="dropdown-menu">
 +
                <li>
 +
                  <a href="https://2013.igem.org/Team:IIT_Madras/Team">
 +
                    Bios
 +
                  </a>
 +
                </li>
 +
                <li>
 +
                  <a href="https://2013.igem.org/Team:IIT_Madras/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>
 +
                </li>
 +
              </ul>
 +
            </li>
 +
            <li class="dropdown">
 +
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 +
                <i class="icon-book icon-large"></i>
 +
                Notebook
 +
                <b class="caret">
 +
                </b>
 +
              </a>
 +
              <ul class="dropdown-menu">
 +
               
 +
                <li>
 +
                  <a href="https://2013.igem.org/Team:IIT_Madras/Protocol">
 +
                    Protocols
 +
                  </a>
 +
                </li>
 +
                <li>
 +
                  <a href="https://2013.igem.org/Team:IIT_Madras/Weekly">
 +
                    Weekly Summaries
 +
                  </a>
 +
                </li>
 +
              </ul>
 +
            </li>
 +
            <li>
 +
              <a href="https://2013.igem.org/Team:IIT_Madras/Attributions">
 +
                <i class="icon-flag icon-large"></i>
 +
                Attributions
 +
              </a>
 +
            </li>
 +
           
 +
 
 +
          </ul>
 +
          <ul class="nav navbar-nav navbar-right">
 +
            <li>
 +
              <a target="_blank" href="http://www.facebook.com/iitmigem">
 +
                <i class="icon-facebook icon-large icon-white"></i>
 +
               
 +
              </a>
 +
            </li>
 +
            <li>
 +
              <!--<a href="http://twitter.com/junaid_babu">
 +
              <i class="icon-twitter icon-large"></i>
 +
              </a>-->
 +
<div class="navbar-header">
 +
     
 +
    </div>
 +
            </li>
 +
          </ul>
 +
  </div>
 +
  <!--/.nav-collapse -->
 +
  </div>

Latest revision as of 03:37, 28 September 2013

Indian Institute of Technology Madras