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

From 2012.igem.org

(Difference between revisions)
m (Tweaking main-menu's size)
(Adding an img bg in the header)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
-
/* general */
 
-
html, body, div, ul, li, p, img{
 
-
margin: 0;
 
-
padding: 0;
 
-
outline: 0;
 
-
border: none;
 
-
}
 
-
ul{
 
-
list-style:none;
 
-
}
 
/* wiki edit */
/* wiki edit */
#top-section{
#top-section{
Line 19: Line 9:
left:0; top:0;
left:0; top:0;
}
}
-
.editsection, #top-section #p-logo, #top-section #search-controls,
+
.editsection,
-
#content h1.firstHeading, #content #bodyContent #contentSub,
+
#top-section #p-logo,
-
/*#content #bodyContent p,*/ #catlinks{
+
#top-section #search-controls,
 +
#content h1.firstHeading,
 +
#content #bodyContent #contentSub,
 +
/*#content #bodyContent p,*/
 +
#catlinks{
     display: none;
     display: none;
}
}
-
/*
 
-
Do not "un-comment" the bodyContent p. If you do none of the paragraphs will be displayed. I have used paragraphs everywhere. --Evgeniya
 
-
*/
 
-
 
#content{
#content{
border:0;
border:0;
padding:0;
padding:0;
-
width:100%/*975px*/;
+
width:100%;
margin: 0 auto 0 auto;
margin: 0 auto 0 auto;
}
}
-
#top-section #menubar.left-menu, #top-section #menubar.right-menu{
+
#top-section #menubar.left-menu,
 +
#top-section #menubar.right-menu{
position: absolute;
position: absolute;
top: 0;
top: 0;
Line 46: Line 37:
margin-right: auto;
margin-right: auto;
}
}
-
/*Header*/
+
/* header */
-
div.header{
+
html, body, div, ul, li, p, img{
 +
margin: 0;
 +
padding: 0;
 +
outline: 0;
 +
border: none;
 +
}
 +
ul{
 +
list-style:none;
 +
}
 +
#header{
height:158px;
height:158px;
width:100%;
width:100%;
-
border-top: 2px solid #326092;
 
border-bottom: 2px solid #182e46;
border-bottom: 2px solid #182e46;
}
}
-
div.banner{
+
#banner{
width:975px;
width:975px;
margin-left: auto;
margin-left: auto;
-
margin-right:auto;
+
margin-right: auto;
height:120px;
height:120px;
-
/*z-index: 5;*/
 
}
}
-
div.team-name{
+
#team-name{
width:40%;
width:40%;
height:100%;
height:100%;
float:left;
float:left;
}
}
-
div.team-name p{
+
#team-name p{
padding: 50px 0 0 0;
padding: 50px 0 0 0;
}
}
-
div#logo{
+
#logo{
float:left;
float:left;
width:20%;
width:20%;
height:100%;
height:100%;
}
}
-
div#logo img{
+
#logo img{
position:relative;
position:relative;
top:10%;
top:10%;
Line 79: Line 77:
height:80%;
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:30px;
float:right;
float:right;
}
}
-
div.follow img{
+
#follow img{
height:30px;
height:30px;
}
}
-
div.main-menu{
+
#main-menu{
width:975px;
width:975px;
margin-left: auto;
margin-left: auto;
Line 103: Line 101:
text-align:center;
text-align:center;
}
}
-
div.main-menu ul{
+
#main-menu ul{
-
height:100%;/*28px;*/
+
height:100%;
-
/*border-bottom: 12px solid #182e46;*/
+
}
}
-
div.main-menu li{
+
#main-menu li{
float:left;
float:left;
width:108px;
width:108px;
height:100%;
height:100%;
}
}
-
div.main-menu li:last-child{
+
#main-menu li:last-child{
width:111px;
width:111px;
}
}
-
div.main-menu li a{
+
#main-menu li a{
display: block;
display: block;
height:100%;
height:100%;
width:100%;
width:100%;
}
}
-
div.main-menu li a p{
+
#main-menu li a p{
position:relative;
position:relative;
top:6px;
top:6px;

Revision as of 19:37, 1 July 2012

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