Team:TU-Delft/CSS

From 2012.igem.org

(Difference between revisions)
 
(45 intermediate revisions not shown)
Line 266: Line 266:
#nav { /*main menu css*/
#nav { /*main menu css*/
position:fixed;
position:fixed;
-
width:1300px;
+
width:850px;
-
top:30px;
+
top:15px;
left:40%;
left:40%;
right:60%;
right:60%;
Line 276: Line 276:
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:14px;
font-size:14px;
-
letter-spacing:1px;
+
/*letter-spacing:1px;*/
text-transform:uppercase;
text-transform:uppercase;
}
}
#nav ul{
#nav ul{
-
width: 650px;
+
width: 620px;
background: white;
background: white;
text-align:center;
text-align:center;
Line 300: Line 300:
background:white ;
background:white ;
text-align:center;
text-align:center;
 +
width:90px;
 +
}
}
#nav li ul {
#nav li ul {
display: none;
display: none;
-
 
+
width:200px;
}
}
#nav li.off ul, #nav li.on ul { /*Position of the submenu!!*/
#nav li.off ul, #nav li.on ul { /*Position of the submenu!!*/
position:static;
position:static;
-
direction:rtl;
+
direction:ltr;
-
width:50px;
+
width:150px;
height:100px;
height:100px;
-
top:95%;
+
/*left:30px;
/*left:30px;
right:50%;*/
right:50%;*/
Line 325: Line 327:
font-weight: bold;
font-weight: bold;
display: block;
display: block;
-
height: 15px;
+
height: 30px;
width: auto;
width: auto;
border-bottom:0;
border-bottom:0;
-
margin: 5px;
+
margin: 2px;
-
padding: 0 0 5px 0;
+
padding: 0 0 2px 0;  
}
}
Line 378: Line 380:
z-index: 6000;
z-index: 6000;
}
}
-
#nav li.off a:hover, #nav li:hover a {
+
#nav li.off a:hover, #nav li:hover a {   /* this is for the background that opens behind the submenu */
background:white;
background:white;
color: black;
color: black;
 +
height: 54px;
 +
width: 150px;
}
}
Line 386: Line 390:
background: white;
background: white;
color: #2ab117;
color: #2ab117;
 +
width: 150px;
}
}
Line 488: Line 493:
z-index:1001;
z-index:1001;
}
}
 +
#menubar ul {
#menubar ul {
Line 595: 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