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

From 2012.igem.org

(Difference between revisions)
m
m
 
(48 intermediate revisions not shown)
Line 13: 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 51: Line 50:
#follow img{
#follow img{
height:30px;
height:30px;
 +
}
 +
.link-details{
 +
position: relative;
 +
top: -300px; left: -300px;
 +
width: 1px;
 +
height: 1px;
 +
}
 +
#gmail:hover p{
 +
top: -45px; left: 3px;
 +
}
 +
#youtube:hover p{
 +
top: -65px; left: -10px;
 +
}
 +
#gplus:hover p{
 +
top: -45px; left: -10px;
 +
}
 +
#twitter:hover p{
 +
top: -45px; left: -5px;
 +
}
 +
#facebook:hover p{
 +
top: -45px; left: -10px;
 +
}
 +
#blogger:hover p{
 +
top: -45px; left: -5px;
}
}
#main-menu{
#main-menu{
Line 57: Line 80:
margin-right:auto;
margin-right:auto;
height:40px;
height:40px;
 +
list-style:none;
text-align:center;
text-align:center;
}
}
#main-menu ul{
#main-menu ul{
height:100%;
height:100%;
 +
margin:0;
 +
padding:0;
 +
list-style:none;
}
}
-
#main-menu li{
+
#main-menu ul li{
float:left;
float:left;
-
width:108px;
+
width:10%;
height:100%;
height:100%;
}
}
-
#main-menu li:last-child{
+
#main-menu ul li ul a{
-
width:111px;
+
-
}
+
-
#main-menu li a{
+
display: block;
display: block;
height:100%;
height:100%;
width:100%;
width:100%;
 +
padding:0;
}
}
-
#main-menu li a p{
+
#main-menu ul li ul a p{
-
position:relative;
+
padding-top: 6px;
-
top:6px;
+
}
}
-
#main-menu li#human-page a p{
+
#main-menu ul li#human-practices-page ul a p{
 +
padding-top: 4px;
 +
}
 +
#main-menu ul li ul{
 +
padding:0;
 +
height:40px;
 +
}
 +
#main-menu ul li ul li{
 +
padding:0px;
 +
padding:2px;
 +
border-bottom:1px dashed #f2f2f2;
 +
margin:0px;
 +
width:100%;
position:relative;
position:relative;
-
top:4px;
+
top:-9000px;
 +
height:auto;
 +
}
 +
#main-menu ul li ul li:nth-last-child(2){
 +
border-bottom:none;
 +
}
 +
#main-menu ul li:hover ul li{
 +
top:0px;
 +
}
 +
#main-menu ul li ul li a,
 +
#main-menu ul li ul li img{
 +
padding:0;
 +
margin:0;
 +
width:100%;
 +
display:block;
 +
}
 +
#main-menu ul li ul li a{
 +
margin-top:3px;
 +
border:none;
 +
display:block;
 +
}
 +
#main-menu ul li ul li.no-show{
 +
display:none;
}
}
</style>
</style>
</html>
</html>

Latest revision as of 21:41, 24 October 2012

Retrieved from "http://2012.igem.org/Template:Team:Edinburgh/css/header-structure.css"