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

From 2012.igem.org

(Difference between revisions)
m (Expanding the footer)
m
 
(52 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
-
/* wiki edit */
 
-
#top-section{
 
-
height:0;
 
-
width:100%;
 
-
border:none;
 
-
position:absolute;
 
-
left:0; top:0;
 
-
}
 
-
.editsection,
 
-
#top-section #p-logo,
 
-
#top-section #search-controls,
 
-
#content h1.firstHeading,
 
-
#content #bodyContent #contentSub,
 
-
/*#content #bodyContent p,*/
 
-
#catlinks{
 
-
    display: none;
 
-
}
 
-
#content{
 
-
border:0;
 
-
padding:0;
 
-
width:100%;
 
-
margin: 0 auto 0 auto;
 
-
}
 
-
 
-
#top-section #menubar.left-menu,
 
-
#top-section #menubar.right-menu{
 
-
position: absolute;
 
-
top: 0;
 
-
z-index: 10;
 
-
}
 
-
#footer-box{
 
-
width:1085px;
 
-
padding:5px;
 
-
margin-left: auto;
 
-
margin-right: auto;
 
-
}
 
-
/* header */
 
-
html, body, div, ul, li, p, img{
 
-
margin: 0;
 
-
padding: 0;
 
-
outline: 0;
 
-
border: none;
 
-
}
 
-
ul{
 
-
list-style:none;
 
-
}
 
#header{
#header{
height:158px;
height:158px;
Line 59: 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 97: 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 103: 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"