Team:IIT Madras/Templates/modern

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<html lang="en" class="no-js">
 +
  <head>
 +
    <link rel="stylesheet" type="text/css" href="http://junaidbabu.github.io/igem-iitm-2013/css/style.min.css" media="screen">
 +
   
 +
   
 +
    <!-- For Overriding Defualt Wiki banners and links-->
 +
    <style type="text/css">
 +
     
 +
      #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 +
        display:none;
 +
      }
 +
      #top-section {
 +
        border: none;
 +
        height: 0px;
 +
      }
 +
      #menubar{
 +
        display: none;
 +
      }
 +
      #content {
 +
        background: none;
 +
        border: none;
 +
        width: 100%}
 +
      #bodyContent{
 +
       
 +
        width:100%;
 +
      }
 +
    </style>
 +
   
 +
    <!--Custom styles here-->
 +
    <style type="text/css">
 +
      #wrap {
 +
        width: 100%;
 +
        /* Spans the width of the page */
 +
        height: 5px;
 +
       
 +
        margin: 0;
 +
        /* Ensures there is no space between sides of the screen and the menu */
 +
        /* Makes sure that your menu remains on top of other page elements */
 +
        z-index: 100;
 +
        position: relative;
 +
        padding-right: 0;
 +
        padding-top: 50px;
 +
      }
 +
      .navbar {
 +
        height: 50px;
 +
        padding: 0;
 +
        margin: 0;
 +
        position: absolute;
 +
        /* Ensures that the menu doesn’t affect other elements */
 +
        border-right: 1px solid #54879d;
 +
       
 +
      }
 +
      .navbar li  {
 +
        height: auto;
 +
        width: 165px;
 +
        /* Each menu item is 150px wide */
 +
        float: left;
 +
        /* This lines up the menu items horizontally */
 +
        text-align: center;
 +
        /* All text is placed in the center of the box */
 +
        list-style: none;
 +
        /* Removes the default styling (bullets) for the list */
 +
        font: normal bold 12px/1.2em Arial, Verdana, Helvetica;
 +
       
 +
        padding: 0;
 +
        margin: 0;
 +
        background-color: #366b82;
 +
      }
 +
      .navbar a {
 +
       
 +
        padding: 18px 0;
 +
        /* Adds a padding on the top and bottom so the text appears centered vertically */
 +
        border-left: 1px solid #54879d;
 +
        /* Creates a border in a slightly lighter shade of blue than the background.  Combined with the right border, this creates a nice effect. */
 +
        border-right: 1px solid #1f5065;
 +
        /* Creates a border in a slightly darker shade of blue than the background.  Combined with the left border, this creates a nice effect. */
 +
        text-decoration: none;
 +
        /* Removes the default hyperlink styling. */
 +
        color: white;
 +
        /* Text color is white */
 +
        display: block;
 +
      }
 +
      .navbar li:hover, a:hover {
 +
        background-color: #54879d;
 +
      }
 +
      .navbar li ul  {
 +
        z-index: 1001;
 +
        display: none;
 +
        /* Hides the drop-down menu */
 +
        height: auto;
 +
       
 +
        margin: 0;
 +
        /* Aligns drop-down box underneath the menu item */
 +
        padding: 0;
 +
        /* Aligns drop-down box underneath the menu item */   
 +
      }
 +
     
 +
     
 +
      .navbar li:hover ul  {
 +
        display: block;
 +
        /* Displays the drop-down box when the menu item is hovered over */
 +
      }
 +
      .navbar li ul li {
 +
        background-color: #54879d;
 +
      }
 +
      .navbar li ul li a  {
 +
        border-left: 1px solid #1f5065;
 +
       
 +
        border-right: 1px solid #1f5065;
 +
       
 +
        border-top: 1px solid #74a3b7;
 +
       
 +
        border-bottom: 1px solid #1f5065;
 +
       
 +
      }
 +
     
 +
      .navbar li ul li a:hover  {
 +
        background-color: #366b82;
 +
      }
 +
     
 +
      #igemlogo{
 +
        max-width: 60%;
 +
      }
 +
      #iitmlogo{
 +
        position: absolute;
 +
        right: 70;
 +
        top: 0;
 +
        max-width: 6.5%;
 +
      }
 +
    </style>
 +
  </head>
 +
<script type="text/javascript">
 +
      var a=0, b=0;
 +
        function OnScrollDiv (div) {
 +
          a=div.scrollY;
 +
          if(a<b){
 +
            $("#wrap").css({position: 'fixed', left: '78px', top: '27px'});
 +
          }else{
 +
            $("#wrap").css({position: 'absolute', right: '0px', top: '10px'});
 +
          }
 +
          b=a;
-
{{::}}<html>
+
        }
-
      <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
+
    </script>
-
             </script>
+
  <body id="sort" class="picturefill-wait" onscroll="OnScrollDiv (this)">
-
             <script type="text/javascript">
+
   
-
               $("#slideshow > div:gt(0)").hide();
+
<!--Facebook, Twitter, Google Plus Float Sharer Starts-->
-
                
+
<!--Style section-->
-
               setInterval(function() {
+
<style>
-
                  
+
.float_sharer
-
                 $('#slideshow > div:first')
+
{
-
                   .fadeOut(1000)
+
    text-align:center;
-
                   .next()
+
    width:70px;
-
                  .fadeIn(1000)
+
    border-radius: 10px;
-
                  .end()
+
    background-color:white;
-
                  .appendTo('#slideshow');
+
    padding : 10px;
-
               }
+
    position: fixed;
-
                          ,  3000);
+
    box-shadow:0 0 10px #999 inset;
-
             </script>
+
    top: 200px;
 +
    left: 0px;
 +
    z-index: 10;
 +
}
 +
</style>
 +
 
 +
 
 +
<div class='float_sharer'>
 +
<div class='fb-like' href="https://facebook.com/iitmigem" data-layout='box_count' data-send='false' data-show-faces='false' data-width='50'/>
 +
</div>
 +
</div>
 +
<div id="fb-root"></div>
 +
<script>(function(d, s, id) {
 +
  var js, fjs = d.getElementsByTagName(s)[0];
 +
  if (d.getElementById(id)) return;
 +
  js = d.createElement(s); js.id = id;
 +
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
 +
  fjs.parentNode.insertBefore(js, fjs);
 +
}(document, 'script', 'facebook-jssdk'));</script>
 +
 
 +
 
 +
    <div class="container">
 +
      <header class="row">
 +
        <div class="onecol first">
 +
         
 +
          <img id="igemlogo" src="http://upload.wikimedia.org/wikipedia/en/d/d6/IGEM_official_logo.png" width="42">
 +
          <img id="iitmlogo" src="http://www.hss.iitm.ac.in/images/logo_bw.png" width="10">
 +
         
 +
        </div>
 +
        <div class="middle">
 +
          <h1>
 +
             Indian Institute of Technology Madras
 +
          </h1>
 +
        </div>
 +
       
 +
       
 +
      </header>
 +
      <div id="wrap" >
 +
        <ul class="navbar">
 +
          <li>
 +
             <a href="https://2013.igem.org/Team:IIT_Madras">
 +
               Home
 +
            </a>
 +
          </li>
 +
          <li>
 +
            <a href="https://2013.igem.org/Team:IIT_Madras/Team">
 +
              Team
 +
            </a>
 +
           
 +
          </li>
 +
          <li>
 +
            <a href="https://2013.igem.org/Team:IIT_Madras/project">
 +
               Project
 +
            </a>
 +
            <ul>
 +
               <li>
 +
                 <a href="https://2013.igem.org/Team:IIT_Madras/notebook" >
 +
                  Notebook
 +
                 </a>
 +
              </li>
 +
              <li>
 +
                <a href="https://2013.igem.org/Team:IIT_Madras/modeling">
 +
                   Modeling
 +
                </a>
 +
              </li>
 +
              <li>
 +
                <a href="https://2013.igem.org/Team:IIT_Madras/About">
 +
                   About
 +
                </a>
 +
              </li>
 +
            </ul>
 +
           
 +
          </li>
 +
          <li>
 +
            <a href="https://2013.igem.org/Team:IIT_Madras/parts">
 +
              Parts
 +
            </a>
 +
           
 +
          </li>
 +
          <li>
 +
            <a href="https://2013.igem.org/Team:IIT_Madras/safety">
 +
              Safety
 +
            </a>
 +
           
 +
          </li>
 +
          <li>
 +
            <a href="https://2013.igem.org/Team:IIT_Madras/human_practices">
 +
              Human Practices
 +
            </a>
 +
           
 +
          </li>
 +
          <li>
 +
            <a href="https://2013.igem.org/Team:IIT_Madras/attributions">
 +
               Attributions
 +
            </a>
 +
              
 +
          </li>
 +
        </ul>
 +
      </div>

Revision as of 16:30, 20 September 2013

Indian Institute of Technology Madras

Retrieved from "http://2013.igem.org/Team:IIT_Madras/Templates/modern"