Team:IIT Madras/Template:test bar

From 2011.igem.org

(Difference between revisions)
 
(28 intermediate revisions not shown)
Line 10: Line 10:
overflow: -moz-scrollbars-vertical !important;
overflow: -moz-scrollbars-vertical !important;
resize: none;
resize: none;
-
background-color: #f5f6f7;
+
background-color: white;
}
}
Line 41: Line 41:
body
body
{
{
-
background-color: #f5f6f7;
+
background-color: white;
}
}
Line 141: Line 141:
#menubar {
#menubar {
-
background-color:f5f6f7;
+
background-color: white;
font-size:85%;
font-size:85%;
line-height:1em;
line-height:1em;
Line 254: Line 254:
#content{
#content{
-
background-color: #f5f6f7;
+
background-color: white;
padding-top:65px;
padding-top:65px;
width:1000px;
width:1000px;
Line 328: Line 328:
}
}
-
 
+
#menu_bar{
-
 
+
width: 98%;
 +
height: 32px;
 +
background: #BCD345;
 +
position: relative;
 +
top: -72px;
 +
left: 11px;
 +
border-bottom:#258fcd 1px solid;
 +
border-right:#258fcd 1px solid;
 +
border-left:#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 0 0 0/ 0 5px 0 0;
 +
-webkit-border-radius:5px 0 0 0/ 0 5px 0 0;
 +
border-radius:5px 5px 0 0/ 5px 5px 0 0;
 +
}
 +
#menu_bar ul li a{text-decoration:none; color:white; margin-top:10px;
 +
position:relative;
 +
top:10px;}
 +
#menu {position:relative; top:-50px;}
 +
#menu ul{list-style:none;}
 +
#menu ul li{float:left; width:75px; text-align:center; background:url('https://static.igem.org/mediawiki/2011/1/1c/Test_menu.gif') repeat-x;margin:10px; height:34px; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;}
 +
#menu a {position : relative; top:7px; text-decoration:none; color:white;}
-->
-->
</style>
</style>
<!-- End Save for Web Styles -->
<!-- End Save for Web Styles -->
</head>
</head>
-
<div id="menu_bar"></div>
+
<body>
-
 
+
<div id="menu">
-
+
<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>
 +
</body>
</html>
</html>

Latest revision as of 14:06, 10 September 2011

bar