Difference between revisions of "Team:Freiburg/testpage"

(included css)
Line 1: Line 1:
−
{{Freiburg/test}}
 
  
 
<html>
 
<html>
 +
<style>
 +
 +
body{
 +
margin: 0;
 +
 +
}
 +
#mainContainer { 
 +
width: 978px;
 +
 +
}
 +
/*The blue menu bar*/
 +
#menubar {
 +
background-color: #5781bd;
 +
display: table;
 +
width: 100%;
 +
height: 70px;
 +
border-collapse: collapse;
 +
border: none;
 +
}
 +
 +
/*The sub (and subsubs) items of the menu*/
 +
#menubar ul li ul li{
 +
width: 200px;
 +
height: 30px;
 +
margin-top: 2px;
 +
 +
}
 +
/*The first (horizontal) line of menu items*/
 +
#menubar > ul{
 +
 +
position: relative;
 +
margin-top: 25;
 +
left: 50%;
 +
display: block;
 +
transform: translate(-50%,0%);
 +
}
 +
 +
#menubar ul ul {
 +
background-color: #5781bd;
 +
display: none;
 +
position: absolute;
 +
margin-left: 0px;
 +
float: left;
 +
}
 +
#menubar ul ul li{
 +
display: block;
 +
margin-left: 0px;
 +
}
 +
 +
#menubar ul li {
 +
width: 100px;
 +
display: table-cell;
 +
font-family: "Arial";
 +
}
 +
 +
#menubar ul a{
 +
text-decoration: none;
 +
color: #FFFFFF;
 +
font-style: bold;
 +
text-align: left;
 +
}
 +
 +
#menubar ul a:visited{
 +
display: block;
 +
text-decoration: none;
 +
color: #FFFFFF;
 +
font-style: bold;
 +
}
 +
#menubar ul li:hover > ul{
 +
color: #EEEE00;
 +
display: block;
 +
padding-top: 5px;
 +
padding-left: 20px;
 +
 +
}
 +
#menubar ul li:hover{
 +
color: #EEEE00;
 +
}
 +
</style>
 +
</style>
  
 
<nav id="menubar">
 
<nav id="menubar">

Revision as of 15:20, 29 July 2015