Team:TU-Delft/CSS

From 2012.igem.org

(Difference between revisions)
 
(6 intermediate revisions not shown)
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*/
-
 
+
    position:static;
 +
margin: 0;
 +
float: left;
 +
display: inline;
 +
padding:0 3px;
 +
background:white ;
 +
text-align:center;
 +
width:90px;
 +
 +
}
#nav li ul {
#nav li ul {
display: none;
display: none;
Line 314: 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 325: Line 373:
/*text-align: center;*/
/*text-align: center;*/
}
}
-
 
-
 
-
 
#nav li.on ul {
#nav li.on ul {
display: block;
display: block;
Line 334: Line 379:
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{
Line 438: Line 493:
z-index:1001;
z-index:1001;
}
}
 +
#menubar ul {
#menubar ul {
Line 545: 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