Team:IIT Madras/Templates/Menu

From 2013.igem.org

(Difference between revisions)
 
(6 intermediate revisions not shown)
Line 1: Line 1:
 +
<CENTER>
 +
<H1>Indian Institute of Technology Madras</H1>
 +
[[Image: Header_changed.png]]
 +
</CENTER>
 +
<html>
<html>
<style>
<style>
Line 10: Line 15:
body {
body {
     background-image:url('http://hd.highresolution-wallpapers.net/wallpapers/nanoschematic-1920x1080.jpg');
     background-image:url('http://hd.highresolution-wallpapers.net/wallpapers/nanoschematic-1920x1080.jpg');
 +
    background-attachment:fixed;
 +
    background-position:center center;
 +
    background-repeat:no-repeat
     margin: 10px 0 0 0;
     margin: 10px 0 0 0;
     padding: 0;}
     padding: 0;}
Line 31: Line 39:
#menubar:hover li a {
#menubar:hover li a {
     color: white;}
     color: white;}
-
</style>
 
 +
#nav {
 +
width: 100%;
 +
float: left;
 +
margin: 0 0 3em 0;
 +
padding: 0;
 +
list-style: none;
 +
background-color: #f2f2f2;
 +
border-bottom: 1px solid #ccc;
 +
border-top: 1px solid #ccc; }
 +
#nav li {
 +
float: left; }
 +
#nav li a {
 +
display: block;
 +
padding: 8px 15px;
 +
text-decoration: none;
 +
font-weight: bold;
 +
color: #1677D9;
 +
border-right: 1px solid #ccc; }
 +
#nav li a:hover {
 +
color: #0381AB;
 +
background-color: #fff; }
 +
</style>
 +
 +
<ul id="nav">
 +
<li><a href="#">Home</a></li>
 +
<li><a href="#">Team</a></li>
 +
<li><a href="#">Official Team Profile</a></li>
 +
<li><a href="#">Project</a></li>
 +
<li><a href="#">Parts Submitted to the Registry</a></li>
 +
        <li><a href="#">Modeling</a></li>
 +
        <li><a href="#">Notebook</a></li>
 +
        <li><a href="#">Safety</a></li>
 +
        <li><a href="#">Attributions</a></li>
 +
</ul>
</html>
</html>

Latest revision as of 22:01, 27 August 2013

Indian Institute of Technology Madras

Header changed.png