Team:IIT Madras/Templates/Header
From 2013.igem.org
(Difference between revisions)
JunaidBabu (Talk | contribs) |
JunaidBabu (Talk | contribs) |
||
(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"> | ||
- | |||
- | |||
- | |||
<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"> | ||
- | + | ||
- | < | + | |
- | + | <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 | + | |
- | + | ||
<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=" | + | <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/ | + | <a href="https://2013.igem.org/Team:IIT_Madras/Background"> |
- | + | Background | |
+ | |||
+ | |||
+ | |||
+ | |||
</a> | </a> | ||
</li> | </li> | ||
<li> | <li> | ||
- | <a href=" | + | <a href="https://2013.igem.org/Team:IIT_Madras/Approach"> |
- | + | Approach | |
</a> | </a> | ||
</li> | </li> | ||
<li> | <li> | ||
- | <a href=" | + | <a href="https://2013.igem.org/Team:IIT_Madras/Results"> |
- | + | Results | |
</a> | </a> | ||
</li> | </li> | ||
<li> | <li> | ||
- | <a href=" | + | <a href="https://2013.igem.org/Team:IIT_Madras/DryLabAndModelling"> |
- | + | 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"> |
- | + | Overview | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</a> | </a> | ||
</li> | </li> | ||
<li> | <li> | ||
- | <a href=" | + | <a href="https://2013.igem.org/Team:IIT_Madras/CodeRed"> |
- | + | Code Red | |
</a> | </a> | ||
</li> | </li> | ||
</ul> | </ul> | ||
</li> | </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"> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
Protocols | Protocols | ||
</a> | </a> | ||
</li> | </li> | ||
<li> | <li> | ||
- | <a href=" | + | <a href="https://2013.igem.org/Team:IIT_Madras/Weekly"> |
- | + | Weekly Summaries | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</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> | ||
- | + | 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