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

From 2012.igem.org

(Difference between revisions)
m
 
(43 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 14: Line 13:
}
}
#team-name{
#team-name{
-
width:40%;
+
width:25%;
height:100%;
height:100%;
float:left;
float:left;
}
}
-
#team-name p{
+
#team-name img{
-
padding: 50px 0 0 0;
+
height:120px;
}
}
#logo{
#logo{
float:left;
float:left;
-
width:20%;
+
width:35%;
height:100%;
height:100%;
}
}
#logo img{
#logo img{
 +
height:100px;
position:relative;
position:relative;
-
top:10%;
+
top:10px;
-
left:15%;
+
-
height:80%;
+
}
}
#follow{
#follow{
Line 84: Line 82:
list-style:none;
list-style:none;
text-align:center;
text-align:center;
-
position:relative;
 
-
z-index:10;
 
}
}
#main-menu ul{
#main-menu ul{
Line 95: 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 110: Line 103:
padding-top: 6px;
padding-top: 6px;
}
}
-
#main-menu ul li#human-page ul a p{
+
#main-menu ul li#human-practices-page ul a p{
padding-top: 4px;
padding-top: 4px;
}
}
Line 116: 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;
-
z-index:1000;
+
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 141: 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