Difference between revisions of "Team:TJU/header"
| Line 43: | Line 43: | ||
</style> | </style> | ||
<style type="text/css"> | <style type="text/css"> | ||
| − | #header-1{width: | + | #header-1{width:1100;height:50px;margin-left:10%;position:fixed;text-align:center;} |
.menu ul {list-style:none;position:fixed;background-color:#333;color:#FFF} | .menu ul {list-style:none;position:fixed;background-color:#333;color:#FFF} | ||
.menu a {color:#FFF;text-decoration: none;} | .menu a {color:#FFF;text-decoration: none;} | ||
| Line 56: | Line 56: | ||
line-height: 50px; | line-height: 50px; | ||
background-position: 100% 0%; | background-position: 100% 0%; | ||
| − | margin-left: | + | margin-left:10px;margin-right:40px; |
} | } | ||
/*For the menu buttons, changes the color when hovering*/ | /*For the menu buttons, changes the color when hovering*/ | ||
.menu li:hover {color:#6FF;} | .menu li:hover {color:#6FF;} | ||
/*Submenus are not displayed as default*/ | /*Submenus are not displayed as default*/ | ||
| − | .menu li ul {display: none;padding-top: | + | .menu li ul {display: none;padding-top:5px;margin-left:auto;} |
/*Submenus are displayed when hovering the menu button */ | /*Submenus are displayed when hovering the menu button */ | ||
| − | .menu li:hover ul {display: block; position: absolute;margin-left:-20px;margin-top: | + | .menu li:hover ul {display: block; position: absolute;margin-left:-20px;margin-top:2px; |
} | } | ||
Revision as of 15:25, 18 September 2015