Team:TU-Delft/CSS

From 2012.igem.org

(Difference between revisions)
Line 279: Line 279:
text-transform:uppercase;
text-transform:uppercase;
}
}
-
 
#nav ul{
#nav ul{
width: 620px;
width: 620px;
Line 286: Line 285:
margin: 0 auto;
margin: 0 auto;
}
}
-
 
#nav li.on ul, #nav li.off ul {
#nav li.on ul, #nav li.off ul {
margin: 0;
margin: 0;
Line 294: Line 292:
text-decoration: none;
text-decoration: none;
}
}
-
 
#nav li { /*float the main list items*/
#nav li { /*float the main list items*/
-
        position:static;
+
    position:static;
margin: 0;
margin: 0;
float: left;  
float: left;  
Line 306: Line 303:
}
}
-
 
#nav li ul {
#nav li ul {
display: none;
display: none;
Line 325: Line 321:
text-align:center;
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;
}
}
Line 336: Line 373:
/*text-align: center;*/
/*text-align: center;*/
}
}
-
 
-
 
#nav li.on ul {
#nav li.on ul {
display: block;
display: block;
}
}
-
 
-
 
#nav li.off:hover ul {
#nav li.off:hover ul {
display: inline;
display: inline;
z-index: 6000;
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{

Revision as of 01:12, 27 October 2012