Template:Team:Edinburgh/css/header-structure.css

From 2012.igem.org

(Difference between revisions)
m
 
(13 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
-
/* the images that are shown when hovering with the mouse over the main menu shouls have the following size ratio: width/height = 120/90 */
 
#header{
#header{
height:158px;
height:158px;
Line 77: Line 76:
}
}
#main-menu{
#main-menu{
-
width:100%;
+
width:1085px;
margin-left: auto;
margin-left: auto;
margin-right:auto;
margin-right:auto;
Line 93: Line 92:
float:left;
float:left;
width:10%;
width:10%;
-
/*width:108px;*/
 
height:100%;
height:100%;
}
}
-
/*#main-menu li:last-child{
 
-
width:111px;
 
-
}*/
 
#main-menu ul li ul a{
#main-menu ul li ul a{
display: block;
display: block;
Line 117: Line 112:
#main-menu ul li ul li{
#main-menu ul li ul li{
padding:0px;
padding:0px;
 +
padding:2px;
 +
border-bottom:1px dashed #f2f2f2;
margin:0px;
margin:0px;
width:100%;
width:100%;
position:relative;
position:relative;
 +
top:-9000px;
 +
height:auto;
}
}
-
#main-menu ul li ul li.tab-sub-menu,
+
#main-menu ul li ul li:nth-last-child(2){
-
#main-menu ul li ul li.tab-description{
+
border-bottom:none;
-
height:25px;
+
-
top:-81px;left:0px;
+
}
}
-
#main-menu ul li ul li.tab-img{
+
#main-menu ul li:hover ul li{
-
height:81px;
+
top:0px;
-
top:-121px;left:0px
+
}
}
#main-menu ul li ul li a,
#main-menu ul li ul li a,

Latest revision as of 21:41, 24 October 2012