Team:Imperial College/Templates/Banner

From 2013.igem.org

(Difference between revisions)
Line 81: Line 81:
   }
   }
/*- Banner ***************************************************************/
/*- Banner ***************************************************************/
-
#imperiallogo {  
+
#imperial-banner {
-
  position:relative;
+
position: relative; /* this is to allow positioning of elements within */
-
  top:20px;
+
text-align: right;
-
  left:400px;
+
}
-
  z-index:3;
+
 
-
  }
+
#imperial-igem-banner {
-
#iGEMLogo {
+
position: absolute;
-
  position:absolute;
+
left: 0;
-
  top:60px;
+
top: 0;
-
  left:750px;
+
}
-
  z-index:3;
+
 
-
  }
+
#igem-logo,
-
  #ImperialLogo {
+
#imperial-logo {
-
  position:absolute;
+
display: inline-block;
-
  top:10px;
+
margin-right: 5px;
-
  left:760px;
+
}
-
  }
+
 
/*- Sidebar ***************************************************************/
/*- Sidebar ***************************************************************/
   #nav-vert{
   #nav-vert{
Line 420: Line 420:
   <a name="top"></a>
   <a name="top"></a>
-
  <div id='imperiallogo'>
+
<div id="imperial-banner">
-
    <a href='https://2013.igem.org/Team:Imperial_College'>
+
  <div id='imperial-igem-banner'>
-
      <img src="https://static.igem.org/mediawiki/2013/6/67/Imperiallogo.png" height="140"/>
+
<a href='https://2013.igem.org/Team:Imperial_College'>
-
    </a>
+
  <img src="https://static.igem.org/mediawiki/2013/6/67/Imperiallogo.png" height="140"/>
-
  </div>
+
</a>
 +
  </div>
-
  <div id='iGEMLogo'>
+
  <div id='igem-logo'>
-
    <a href='https://2013.igem.org/Main_Page' target="_blank">
+
<a href='https://2013.igem.org/Main_Page' target="_blank">
-
      <img src='https://static.igem.org/mediawiki/2011/b/be/ICL_iGEM_Logo.png' height="140px" />
+
  <img src='https://static.igem.org/mediawiki/2011/b/be/ICL_iGEM_Logo.png' height="140px" />
-
    </a>
+
</a>
-
  </div>
+
  </div>
-
  <div id='ImperialLogo'>
+
  <div id='imperial-logo'>
-
    <a href='http://www3.imperial.ac.uk/' target="_blank">
+
<a href='http://www3.imperial.ac.uk/' target="_blank">
-
      <img src='https://static.igem.org/mediawiki/2011/1/19/ImperialLogo.png' height="40" />
+
  <img src='https://static.igem.org/mediawiki/2011/1/19/ImperialLogo.png' height="40" />
-
    </a>
+
</a>
-
  </div>
+
  </div>
 +
</div>
   <div id="BackToTop">
   <div id="BackToTop">

Revision as of 22:36, 17 August 2013

Retrieved from "http://2013.igem.org/Team:Imperial_College/Templates/Banner"