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

From 2012.igem.org

(Difference between revisions)
m
m
 
(101 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
-
/* general */
+
#header{
-
html, body, div, ul, li, p, img{
+
height:158px;
-
margin: 0;
+
-
padding: 0;
+
-
outline: 0;
+
-
border: none;
+
-
}
+
-
ul{
+
-
list-style:none;
+
-
}
+
-
/* wiki edit */
+
-
#top-section{
+
-
height:160px;
+
width:100%;
width:100%;
-
border:none;
+
border-bottom: 2px solid #182e46;
-
position:absolute;
+
-
}
+
-
.editsection, #top-section #p-logo, #top-section #search-controls,
+
-
#content h1.firstHeading, #content #bodyContent #contentSub,
+
-
#content #bodyContent p, #catlinks{
+
-
    display: none;
+
}
}
-
 
+
#banner{
-
#content{
+
width:1085px;
-
border:0;
+
-
padding:0;
+
-
width:975px;
+
-
margin: 0 auto 0 auto;
+
-
}
+
-
 
+
-
#top-section #menubar.left-menu, #top-section #menubar.right-menu{
+
-
position: absolute;
+
-
top: 0;
+
-
}
+
-
#footer-box{
+
-
width:961px;
+
-
padding:5px;
+
margin-left: auto;
margin-left: auto;
margin-right: auto;
margin-right: auto;
-
}
 
-
/*Header*/
 
-
div.header{
 
-
width:100%;
 
-
}
 
-
div.banner{
 
-
width:975px;
 
-
margin-left: auto;
 
-
margin-right:auto;
 
height:120px;
height:120px;
}
}
-
div.team-name{
+
#team-name{
-
width:40%;
+
width:25%;
height:100%;
height:100%;
float:left;
float:left;
}
}
-
div.team-name p{
+
#team-name img{
-
padding: 50px 0 0 0;
+
height:120px;
-
display:inline;
+
}
}
-
div#logo{
+
#logo{
float:left;
float:left;
-
width:20%;
+
width:35%;
height:100%;
height:100%;
}
}
-
div#logo img{
+
#logo img{
 +
height:100px;
position:relative;
position:relative;
-
top:10%;
+
top:10px;
-
left:15%;
+
-
height:80%;
+
}
}
-
div.follow{
+
#follow{
float:left;
float:left;
width:40%;
width:40%;
height:100%;
height:100%;
}
}
-
div.follow ul{
+
#follow ul{
margin-top:50px;
margin-top:50px;
margin-left:30px;
margin-left:30px;
}
}
-
div.follow li{
+
#follow li{
display:inline;
display:inline;
-
padding-left:30px;
+
padding-left:15px;
 +
padding-right:15px;
float:right;
float:right;
}
}
-
div.follow img{
+
#follow li:first-child{
 +
padding-right: 0px;
 +
}
 +
#follow img{
height:30px;
height:30px;
}
}
-
div.main-menu{
+
.link-details{
-
width:975px;
+
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{
 +
width:1085px;
margin-left: auto;
margin-left: auto;
margin-right:auto;
margin-right:auto;
height:40px;
height:40px;
 +
list-style:none;
text-align:center;
text-align:center;
}
}
-
div.main-menu ul{
+
#main-menu ul{
height:100%;
height:100%;
 +
margin:0;
 +
padding:0;
 +
list-style:none;
}
}
-
div.main-menu li{
+
#main-menu ul li{
float:left;
float:left;
-
width:11%;
+
width:10%;
height:100%;
height:100%;
}
}
-
div.main-menu li:last-child{
+
#main-menu ul li ul a{
-
width:12%;
+
display: block;
 +
height:100%;
 +
width:100%;
 +
padding:0;
}
}
-
div.main-menu li a{
+
#main-menu ul li ul a p{
 +
padding-top: 6px;
 +
}
 +
#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:6px;
+
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