Team:IITM/main

 Indian Institute of Technology,Madras



body{ background-color: #222222; font: 11px Arial; color: #888888; padding: 5px 5px 5px 5px; }

b{ color: #ffffff; }

.heading{ color: #000; font: 14px century gothic; padding: 5px 5px 2px 5px; font-weight: bold; }

.titlebg{ position: absolute; top: 0px; background-color: #000000; width: 965px; height: 50px; /* for IE */ filter:alpha(opacity=60); /* CSS3 standard */ opacity:0.6; z-index:3; }

.title{ position: absolute; top: 0px; float: left; font: 35px Trebuchet MS; color: #FFF; padding-top: 5px; padding-left: 10px; z-index: 4; }

.header{ z-index: 1; position: absolute; top: 0px; height: 323px; }

.menu{ z-index: 5; position: absolute; top: 250px; font: 18px Trebuchet MS; text-align: center; }

.menubg{ position: absolute; top: 270px; background-color: #000000; width: 965px; height: 50px; /* for IE */ filter:alpha(opacity=60); /* CSS3 standard */ opacity:0.6; z-index:2; } a:link{color:#fff;} a:visited{color:#fff;} a:active{color:#fff;}

 

IIT Madras

            <img src="http://lh3.ggpht.com/_x-FreF2qP_c/StcyDKUzzvI/AAAAAAAACCc/-_hzMlrpGrM/s800/IIT69.jpg" width="965px" height="320px" border="0"> <img src="http://lh4.ggpht.com/_x-FreF2qP_c/Stc2WOLIQOI/AAAAAAAACCg/h8lihKs3XVU/s800/IMG_0167.JPG" width="965px" height="320px" border="0">

<style type="text/css"> /* general styling */ body { font: x-small Verdana, Arial, Helvetica, sans-serif; text-align:left; padding:20px; } .outer{ padding:0px 0 0 0; width:965px; margin:auto; position:relative; text-align:center; }
 * {margin:0;padding:0}

/* drop up */ ul#nav,ul#nav ul { margin: 0; padding: 0; list-style: none; } ul#nav { width:965px; height:27px; }

ul#nav li { position: relative; float: left; width:193px; height:25px; color:#fff; text-align:left; } ul#nav li a { text-decoration: none; color:#fff; }	position: absolute; left: 0; top:-200px; margin-left:-999em; border:none; height:223px; width:193px; background:#000; /*opacity for IE5+*/ filter: alpha(opacity=60); /*opacity for older Mozilla browsers*/ -moz-opacity: 0.6; /*opacity for mozilla/safari*/ opacity: 0.6; } ul#nav li li{height:auto;border:none;} ul#nav li li a{	color:#fff; padding:2px 5px 2px 5px; display:block; } ul#nav li:hover ul, ul#nav li.over ul { margin-left:0; } ul#nav li:hover, ul#nav li.over, ul#nav li:hover a, ul#nav li.over a {color:#000}
 * 1) nav li ul {

ul#nav li:hover li a,ul#nav li.over li a{color:#fff;} ul#nav li li a:hover{color:#000; background-color: #fff;} ul#nav li p {padding:0px;} ul#nav li.last,ul#nav li.last ul{border:none;width:193px;}

<li> <a href="http://2009.igem.org/Team:IIT_Madras"> Home</a> </li> <li> <a href="#"> Team</a> <ul> <li><a href="http://2009.igem.org/Team:IIT_Madras/Team1">Team</a></li> <li><a href="http://2009.igem.org/Team:IIT_Madras/Team_under">Undergraduates</a></li> <li><a href="http://2009.igem.org/Team:IIT_Madras/Team_advis">Advisors</a></li> <li><a href="http://2009.igem.org/Team:IIT_Madras/Team_uni">Our University</a></li> </ul> </li> <li>

<a href="#"> Project</a> <ul> <li><a href="http://2009.igem.org/Team:IIT_Madras/Summary">Summary</a></li> <li><a href="http://2009.igem.org/Team:IIT_Madras/Theory">Theory</a></li> <li><a href="http://2009.igem.org/Team:IIT_Madras/Circuit">Circuit</a></li> <li><a href="http://2009.igem.org/Team:IIT_Madras/exp_beh">Expected Behaviour</a></li> <li><a href="http://2009.igem.org/Team:IIT_Madras/Workplan">Work Plan</a></li> <li><a href="http://2009.igem.org/Team:IIT_Madras/Experiments">Experiments</a></li> <li><a href="http://2009.igem.org/Team:IIT_Madras/Results">Results</a></li> </ul> </li> <li>

<a href="#"> Notebook</a> <ul>

<li><a href="http://2009.igem.org/Team:IIT_Madras/Notebook/Calendar">Dynamic Calendar</a></li> <li><a href="http://openwetware.org/wiki/IGEM:Indian_Institue_of_Technology_Madras/2009/Notebook/PLASMID_-_Plasmid_Locking_Assembly_for_Sustaining_Multiple_Insert_DNA">OpenWetWare</a></li> <li><a href="http://2009.igem.org/Team:IIT_Madras/Notebook/Protocols">Protocols</a></li> <li><a href="http://2009.igem.org/Team:IIT_Madras/Notebook/Parts Submitted">Parts Submitted</a></li> <li><a href="http://2009.igem.org/Team:IIT_Madras/Notebook/Sandbox">Sandbox</a></li> </ul> </li> <li>

<a href="#"> Miscellaneous</a> <ul> <li><a href="http://2009.igem.org/Team:IIT_Madras/Miscellaneous/Safety">Safety</a></li> <li><a href="http://2008.igem.org/Team:IIT_Madras">IIT iGEM 2008</a></li> </ul> </li> </ul> a:link{color:#0000ff;} a:visited{color:#0000ff;} a:active{color:#0000ff;}