Team:UCL-London/static/xheader.css

From 2013.igem.org

(Difference between revisions)
 
(7 intermediate revisions not shown)
Line 2: Line 2:
{
{
width:100%;
width:100%;
-
height:200px;
+
height:160px;
-
background:blue;
+
background:#C14645;
float:left;
float:left;
}
}
Line 11: Line 11:
width:976px;
width:976px;
height:100%;
height:100%;
-
background:green;
 
margin-left:auto;
margin-left:auto;
margin-right:auto;
margin-right:auto;
Line 20: Line 19:
{
{
width:100%;
width:100%;
-
height:100px;
+
height:55px;
-
background:yellow;
+
float:left;
float:left;
 +
text-align:right;
}
}
Line 28: Line 27:
{
{
width:100%;
width:100%;
-
height:100px;
+
height:105px;
-
background:orange;
+
float:left;
float:left;
 +
}
 +
 +
#header #middle #top #social_links
 +
{
 +
width:86px;
 +
height:26px;
 +
background:#C14645;
 +
float:right;
 +
margin-top:7px;
 +
text-decoration : none;
 +
}
 +
 +
#header #middle #top #social_links img1,
 +
#header #middle #top #social_links img2
 +
{
 +
width:26px;
 +
height:26px;
 +
float:right;
 +
}
 +
 +
#header #middle #top #social_links img1
 +
{
 +
background-image:url('https://static.igem.org/mediawiki/2013/0/07/Facebook_logo.png');
 +
}
 +
 +
#header #middle #top #social_links img2
 +
{
 +
background-image:url('https://static.igem.org/mediawiki/2013/1/1a/Twitter_logo.png');
 +
margin-left:5px;
}
}

Latest revision as of 15:17, 12 August 2013

  1. header

{ width:100%; height:160px; background:#C14645; float:left; }

  1. header #middle

{ width:976px; height:100%; margin-left:auto; margin-right:auto; }


  1. header #middle #top

{ width:100%; height:55px; float:left; text-align:right; }

  1. header #middle #bottom

{ width:100%; height:105px; float:left; }

  1. header #middle #top #social_links

{ width:86px; height:26px; background:#C14645; float:right; margin-top:7px; text-decoration : none; }

  1. header #middle #top #social_links img1,
  2. header #middle #top #social_links img2

{ width:26px; height:26px; float:right; }

  1. header #middle #top #social_links img1

{ background-image:url('https://static.igem.org/mediawiki/2013/0/07/Facebook_logo.png'); }

  1. header #middle #top #social_links img2

{ background-image:url('https://static.igem.org/mediawiki/2013/1/1a/Twitter_logo.png'); margin-left:5px; }