Difference between revisions of "TemplateforTeams"

Line 60: Line 60:
  
  
 +
/*Menu styling */
 +
#menuwrapper ul, #menuwrapper ul li{
 +
margin:0;
 +
padding:0;
 +
list-style:none;
 +
}
 +
  
 +
#menuwrapper ul li{
 +
float:left;
 +
background-color:#16A8CC;
 +
border-right:solid 1px white;
 +
height:25px;
 +
line-height:25px;
 +
}
 +
 +
 +
#menuwrapper ul li:hover{
 +
background-color:#00CCFF;
 +
position:relative;
 +
}
 +
 +
 +
#menuwrapper ul li a{
 +
padding:0px 15px;
 +
color:#ffffff;
 +
display:inline-block;
 +
text-decoration:none;
 +
}
 +
 +
 +
#menuwrapper ul li ul{
 +
position:absolute;
 +
display:none;
 +
}
 +
 +
 +
#menuwrapper ul li:hover ul{
 +
left:0;
 +
top:25px;
 +
display:block;
 +
}
 +
 +
 +
#menuwrapper ul li ul li{
 +
float:none;
 +
width:150px;
 +
background-color:#16A8CC;
 +
}
 +
 +
#menuwrapper ul li:hover ul li:hover{
 +
background-color:#00CCFF;
 +
}
 +
 +
 +
#menuwrapper ul li ul li a{
 +
color:#454444;
 +
display:inline-block;
 +
width:120px;
 +
}
 +
 +
 +
 +
/* Clear float */
 +
.clear{
 +
    clear:both;
 +
}
  
 
</style>
 
</style>
Line 72: Line 138:
  
 
<div id ="contentContainer">
 
<div id ="contentContainer">
 +
 +
<div id="menuwrapper">
 +
    <ul>
 +
        <li><a href="#">HOME</a></li>
 +
        <li><a href="#">TEAM</a>
 +
            <ul>
 +
                <li><a href="#">link1 </a></li>
 +
                <li><a href="#">link 2</a></li>
 +
                <li><a href="#">link 3</a></li>
 +
            </ul>
 +
        <li><a href="#">PROJECT</a></li>
 +
        <li><a href="#">PARTS</a></li>
 +
        <li><a href="#">OUTREACH</a></li>
 +
        <li><a href="#">MODELING</a></li>
 +
        <li><a href="#">NOTEBOOK</a></li>
 +
 +
        </li>
 +
    </ul>
 +
</div>
 +
  
 
 

Revision as of 21:51, 3 February 2015