Team:IIT Madras/Template:test bar

<html>
<head>
<title>bar</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--

html
{
overflow: -moz-scrollbars-vertical !important;
resize: none;
background-color: #f5f6f7;
}

#top-section {
height: 20px;
border-left: none;
border-right: none;
}

#siteSub {
display:none;
}

#search-controls {
display:none;
}

.firstHeading {
display:none;
}

#search-controls {
margin-top:0px;
}

#footer-box {
display:none;
}

body
{
background-color: #f5f6f7;
}

#contentSub {
display:none;
}

#siteSub {
display:none;
}

#search-controls {
display:none;
}

.firstHeading {
display:none;
}

#search-controls {
margin-top:0px;
}

#footer-box {
display:none;
}

#top-section {
height: 20px;
border-left: none;
border-right: none;
}

.left-menu {
margin-top:-12px;
}

.right-menu {
margin-top:-12px;
}

.left-menu ul {
border: none;
}

#menubar li a {
	color:#8C8984;
        background-color:transparent;
}

#menubar ul {
	color:transparent;
        background-color:transparent;
}

#menubar {
	background-color:transparent;
	font-size:85%;
	line-height:1em;
	position:absolute;
	top:10px;
	white-space:nowrap;
	width:50%;
	z-index:5;
	height:20px;
	overflow:hidden

}

.left-menu {
	left:0;
	padding-left: 0px;
}
.right-menu  {
	right:0;
       
}

.firstHeading { display:none; }
}

#menubar{
color: #transparent;
}

#menubar.right-menu {
margin-top:-12px;
}

.right-menu ul {
border: none;
}

#menubar{
top:15px;
z-index:25;

}

#menubar {
	background-color:f5f6f7;
	font-size:85%;
	line-height:1em;
	position:absolute;
	top:10px;
	white-space:nowrap;
	width:50%;
	z-index:5;
	height:20px;
	overflow:hidden

}

img[src*="/wiki/skins/common/images/wiki.png"]{
    width:0;
    height:60px;
    padding-right:975px;
    background:#transparent;
}

#p-logo a{
color:#transparent;
}


#catlinks {
 height: 0px;
 overflow: hidden;
 display: none;
 border:  }
}

#Table_01 {
	position:absolute;
	left:30px;
	top:-55px;
	width:1000px;
	height:85px;
}

#bar-normal-01-norm {
	position:absolute;
	left:0px;
	top:0px;
	width:119px;
	height:85px;
}

#bar-normal-02-norm {
	position:absolute;
	left:119px;
	top:0px;
	width:108px;
	height:85px;
}

#bar-normal-03-norm {
	position:absolute;
	left:227px;
	top:0px;
	width:110px;
	height:85px;
}

#bar-normal-04-norm {
	position:absolute;
	left:337px;
	top:0px;
	width:109px;
	height:85px;
}

#bar-normal-05-norm {
	position:absolute;
	left:446px;
	top:0px;
	width:108px;
	height:85px;
}

#bar-normal-06-norm {
	position:absolute;
	left:554px;
	top:0px;
	width:109px;
	height:85px;
}

#bar-normal-07-norm {
	position:absolute;
	left:663px;
	top:0px;
	width:109px;
	height:85px;
}

#bar-normal-08-norm {
	position:absolute;
	left:772px;
	top:0px;
	width:108px;
	height:85px;
}

#bar-normal-09-norm {
	position:absolute;
	left:880px;
	top:0px;
	width:120px;
	height:85px;
}

#content{
background-color: #f5f6f7;
padding-top:65px;
width:1000px;
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; 
font-smooth:always;
border-style: none solid solid solid;
border-width:0px;
margin-top: 0px;
}

.shadow {
  -moz-box-shadow:  0px 0px 15px #ccc;
  -webkit-box-shadow:  0px 0px 15px #ccc;
  box-shadow:  0px 0px 15px #ccc;
}

.whitebox {
  -moz-box-shadow:  0px 0px 15px #ccc;
  -webkit-box-shadow:  0px 0px 15px #ccc;
  box-shadow:  0px 0px 15px #ccc;
  background-color: #FFFFFF;
  -moz-border-radius: 15px; 
  border-radius: 15px;
  margin-top: 20px;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  margin-left: 15px;
  margin-right: 25px;
}

.whitebox2 {
  -moz-box-shadow:  0px 0px 5px #444;
  -webkit-box-shadow:  0px 0px 5px #444;
  box-shadow:  0px 0px 5px #444;
  background-color: #f1f2f3;
  -moz-border-radius: 5px; 
  border-radius: 5px;
  margin-top: 0px;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  margin-left: 5px;
  margin-right: 5px;
  align:center;
}

.monthtable {
  text-align:center; 
  background-color:#f1f2f3;
}


h1,h3,h5{
	color: #C22227;
	background: none;
	font-weight: normal;
	margin: 0;
	padding-top: .5em;
	padding-bottom: .17em;
	border-bottom: none;    
}
h2, h4, h6{
	color: #484848;
	background: none;
	font-weight: normal;
	margin: 0;
	padding-top: .5em;
	padding-bottom: .17em;
	border-bottom: none;    
}

#menu_bar{
width: 98%;
height: 32px;
background: #BCD345;
position: relative;
top: -72px;
left: 11px;
border-bottom:#258fcd 1px solid;
}
 
#menu_bar ul {list-style:none;}
#menu_bar ul li{float:left; font-size:16px; margin:8px 0px; width:115px; text-align:center; height:32px; background:url('https://static.igem.org/mediawiki/2011/0/0a/Menu_bar.gif');}
#menu_bar ul li:hover{background:url('https://static.igem.org/mediawiki/2011/0/0a/Menu_bar.gif') 0px -32px; repeat-x;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
#menu_bar ul li a{text-decoration:none; color:white; margin-top:10px;}
-->
</style>
<!-- End Save for Web Styles -->
</head>
<div id="menu_bar">

<ul>
<li><a href="https://2011.igem.org/Team:IIT_Madras">Home</a></li>
<li><a href="https://2011.igem.org/Team:IIT_Madras/Team">Team</a></li>
<li><a href="https://2011.igem.org/Team:IIT_Madras/Project">Project</a></li>
<li><a href="https://2011.igem.org/Team:IIT_Madras/Parts">Parts</a></li>
<li><a href="https://2011.igem.org/Team:IIT_Madras/Modeling">Modeling</a></li>
<li><a href="https://2011.igem.org/Team:IIT_Madras/Notebook">Notebook</a></li>
<li><a href="https://2011.igem.org/Team:IIT_Madras/Safety">Safety</a></li>
<li><a href="https://2011.igem.org/Team:IIT_Madras/Attributions">Attributions</a></li>
</ul>

</div>

 
</html>