Team:IIT Madras/Templates/modern

From 2013.igem.org

(Difference between revisions)
(Replaced content with "<html> <script> var a =10; </script> hello </html>")
Line 1: Line 1:
-
<html lang="en" class="no-js">
+
<html>
-
  <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;
+
-
        }
+
<script>
-
    </script>
+
var a =10;
-
  <body id="sort" class="picturefill-wait" onscroll="OnScrollDiv (this)">
+
</script>
-
   
+
hello
-
<!--Facebook, Twitter, Google Plus Float Sharer Starts-->
+
</html>
-
<!--Style section-->
+
-
<style>
+
-
.float_sharer
+
-
{
+
-
    text-align:center;
+
-
    width:70px;
+
-
    border-radius: 10px;
+
-
    background-color:white;
+
-
    padding : 10px;
+
-
    position: fixed;
+
-
    box-shadow:0 0 10px #999 inset;
+
-
    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:37, 20 September 2013

hello

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