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

From 2012.igem.org

(Difference between revisions)
m
 
(21 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 20: Line 19:
#team-name img{
#team-name img{
height:120px;
height:120px;
-
position:relative;
 
-
top:10px;
 
}
}
#logo{
#logo{
Line 39: Line 36:
}
}
#follow ul{
#follow ul{
-
margin-top:65px;
+
margin-top:50px;
margin-left:30px;
margin-left:30px;
}
}
Line 94: Line 91:
#main-menu ul li{
#main-menu ul li{
float:left;
float:left;
-
width:108px;
+
width:10%;
height:100%;
height:100%;
-
}
 
-
#main-menu li:last-child{
 
-
width:111px;
 
}
}
#main-menu ul li ul a{
#main-menu ul li ul a{
Line 115: Line 109:
padding:0;
padding:0;
height:40px;
height:40px;
-
}
 
-
#main-menu ul li:hover ul{
 
-
/*height:40px;*/
 
}
}
#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;left:-9000px;
+
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:hover ul li.tab-description{
+
border-bottom:none;
-
height:25px;
+
}
}
-
#main-menu ul li ul li.tab-img{
+
#main-menu ul li:hover ul li{
-
height:81px;
+
top:0px;
}
}
#main-menu ul li ul li a,
#main-menu ul li ul li a,
Line 139: Line 132:
width:100%;
width:100%;
display:block;
display:block;
-
}
 
-
#main-menu ul li ul:hover li.tab-img{
 
-
top:-121px;left:0px
 
-
}
 
-
#main-menu ul li:hover ul li.tab-sub-menu,
 
-
#main-menu ul li:hover ul li.tab-description{
 
-
top:-81px;left:0px;
 
-
/*height:auto;*/
 
-
}
 
-
#main-menu ul li#home-page:hover{
 
-
border-radius:0px;
 
-
}
 
-
#main-menu ul li#attributions-page:hover{
 
-
border-radius:0px;
 
}
}
#main-menu ul li ul li a{
#main-menu ul li ul li a{

Latest revision as of 21:41, 24 October 2012