Team:TU-Delft/CSS

From 2012.igem.org

(Difference between revisions)
 
(15 intermediate revisions not shown)
Line 279: Line 279:
text-transform:uppercase;
text-transform:uppercase;
}
}
 +
#nav ul{
 +
width: 620px;
 +
background: white;
 +
text-align:center;
 +
margin: 0 auto;
 +
}
 +
#nav li.on ul, #nav li.off ul {
 +
margin: 0;
 +
padding: 0;
 +
}
 +
#nav a {
 +
text-decoration: none;
 +
}
 +
#nav li { /*float the main list items*/
 +
    position:static;
 +
margin: 0;
 +
float: left;
 +
display: inline;
 +
padding:0 3px;
 +
background:white ;
 +
text-align:center;
 +
width:90px;
 +
 +
}
 +
#nav li ul {
 +
display: none;
 +
width:200px;
 +
}
 +
#nav li.off ul, #nav li.on ul { /*Position of the submenu!!*/
 +
position:static;
 +
direction:ltr;
 +
 +
width:150px;
 +
height:100px;
 +
 +
/*left:30px;
 +
right:50%;*/
 +
margin: 0 0 0 -150px;
 +
padding: 0 0 0 0;
 +
background:white;
 +
text-align:center;
 +
}
 +
 +
#nav li a {
 +
color: #000000;  /*the main menu letters color but home*/
 +
font-weight: bold;
 +
display: block;
 +
height: 30px;
 +
width: auto;
 +
border-bottom:0;
 +
margin: 2px;
 +
padding: 0 0 2px 0;
 +
}
 +
 +
#nav li a span { /*i dont know what this is about*/
 +
color: #FFD109;
 +
}
 +
 +
#nav li a span span{ /*i dont know what this is about*/
 +
color: #FFD109;
 +
}
 +
 +
#nav li a span span span{ /*i dont know what this is about*/
 +
color: #FFD109;
 +
}
 +
 +
#nav li.on a {
 +
border-bottom: 2px solid black;
 +
color: #000000;  /*the color of HOME by default*/
 +
}
 +
 +
#nav li.on2 a {    /*i dont know what this is about*/
 +
border-bottom: 2px solid blue;
 +
color: aqua;
 +
}
 +
 +
#nav li.on a:hover {
 +
color: #2ab117;
 +
}
 +
 +
#nav li.on a:hover span{
 +
color:#2ab117;
 +
}
 +
 +
#nav li.on ul a, #nav li.off ul a {
 +
/*float: center; ie doesn't inherit the float*/
 +
border: 0;
 +
font-size:12px;
 +
color:  #2ab117;
 +
width: auto;
 +
margin-right: 0px;
 +
/*text-align: center;*/
 +
}
 +
#nav li.on ul {
 +
display: block;
 +
}
 +
#nav li.off:hover ul {
 +
display: inline;
 +
z-index: 6000;
 +
}
 +
#nav li.off a:hover, #nav li:hover a {  /* this is for the background that opens behind the submenu */
 +
background:white;
 +
color: black;
 +
height: 54px;
 +
width: 150px;
 +
}
 +
 +
#nav li.off a:hover span, #nav li:hover a {
 +
background: white;
 +
color: #2ab117;
 +
width: 150px;
 +
}
.third{
.third{
Line 381: Line 493:
z-index:1001;
z-index:1001;
}
}
 +
#menubar ul {
#menubar ul {
Line 488: Line 601:
     text-transform: lowercase;
     text-transform: lowercase;
}
}
 +
 +
.left-menu a:hover {
.left-menu a:hover {

Latest revision as of 03:53, 27 October 2012