Team:Imperial College/Templates/Banner

From 2013.igem.org

(Difference between revisions)
m
m
Line 2: Line 2:
  <head>
  <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
 
-
  <!--%%%%%%%%%%%% MyCSSMenu Styles [Keep in head for full validation!] %%%%%%%%%%%-->
 
   <style type="text/css">
   <style type="text/css">
-
 
-
  /*!!!!!!!!!!! MyCSSMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
 
-
  .qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc.qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 li {float:none;}#qm0 li:hover>ul{top:0px;left:100%;}
 
-
 
-
  /*!!!!!!!!!!! MyCSSMenu Styles !!!!!!!!!!!*/
 
-
 
-
 
-
/* MyCSSMenu 0 */
 
-
 
-
/*"""""""" (MAIN) Container""""""""*/
 
-
#qm0
 
-
{
 
-
width:200px;
 
-
                position:absolute;
 
-
background-color:transparent;
 
-
border-width:1px 2px;
 
-
border-style:solid;
 
-
border-color:rgb(4, 200, 11);
 
-
}
 
-
 
-
 
-
/*"""""""" (MAIN) Items""""""""*/
 
-
#qm0 a
 
-
{
 
-
padding:5px 5px 5px 8px;
 
-
background-color:rgb(255, 255, 255);
 
-
background-image:url("images/tree_green_bg.gif");
 
-
color:rgb(0, 0, 0);
 
-
font-family:Arial;
 
-
font-size:13px;
 
-
text-decoration:none;
 
-
border-width:1px 0px;
 
-
border-style:solid;
 
-
border-color:rgb(18, 200, 4);
 
-
}
 
-
 
-
 
-
/*"""""""" (MAIN) Active State""""""""*/
 
-
body #qm0 .qmactive, body #qm0 .qmactive:hover
 
-
{
 
-
text-decoration:underline;
 
-
}
 
-
 
-
 
-
/*"""""""" (SUB) Container""""""""*/
 
-
#qm0 div, #qm0 ul
 
-
{
 
-
padding:10px 0px;
 
-
background-color:rgb(248, 253, 245);
 
-
border-width:1px;
 
-
border-style:none;
 
-
border-color:rgb(204, 204, 204);
 
-
}
 
-
 
-
 
-
/*"""""""" (SUB) Items""""""""*/
 
-
#qm0 div a, #qm0 ul a
 
-
{
 
-
padding:2px 0px 2px 15px;
 
-
margin:0px 5px;
 
-
background-color:transparent;
 
-
background-image:none;
 
-
border-width:1px;
 
-
border-style:solid;
 
-
border-color:rgb(248, 253, 245);
 
-
}
 
-
 
-
 
-
/*"""""""" (SUB) Hover State""""""""*/
 
-
#qm0 div a:hover, #qm0 ul a:hover
 
-
{
 
-
text-decoration:underline;
 
-
}
 
-
 
-
 
-
/*"""""""" (SUB) Active State""""""""*/
 
-
body #qm0 div .qmactive, body #qm0 div .qmactive:hover
 
-
{
 
-
background-color:rgb(215, 247, 198);
 
-
border-color:rgb(153, 153, 153);
 
-
}
 
-
 
-
 
-
  #side-bar{
 
-
  position:absolute;
 
-
  height: 100%;
 
-
  width: 210px;
 
-
  }
 
-
 
-
  #banner {
 
-
  position:absolute;
 
-
  float:left;
 
-
  width:775;
 
-
  }
 
-
 
-
  #maincontent{
 
-
  position:absolute;
 
-
  float:left;
 
-
  width:775;
 
-
 
   #top-section {
   #top-section {
Line 126: Line 24:
   .firstHeading {
   .firstHeading {
     display: none;}
     display: none;}
 +
 +
  #imperiallogo {
 +
  position: relative;
 +
  text-align:center;
 +
  z-index:-1;
 +
  }
 +
 +
  #iGEMLogo {
 +
  position:absolute;
 +
  top:80px;
 +
  left:15px;
 +
  }
 +
 +
  #ImperialLogo {
 +
  position:absolute;
 +
  top:100px;
 +
  left:790px;
 +
  }
   body {
   body {
-
   background-color:#DDDDDD;
+
   background-color:#58D3F7;
   }
   }
 +
  #menucontainer {
 +
  overflow:visible;
 +
  position:relative;
 +
  z-index:3;
 +
  }
   #content {
   #content {
   position: relative;
   position: relative;
   width: 975px;
   width: 975px;
-
   margin: auto;
+
   margin: 0 auto;
   padding-top:1px;
   padding-top:1px;
   padding-left:0px;
   padding-left:0px;
Line 145: Line 66:
   line-height: 1.5em;
   line-height: 1.5em;
   z-index: 2;
   z-index: 2;
-
  }
 
-
 
   }
   }
Line 306: Line 225:
   </style>
   </style>
   </head>
   </head>
-
 
-
 
-
 
-
 
-
 
<body>
<body>
-
<html>
+
<a name="top"></a>
-
<div id="content">
+
<div id='imperiallogo'>
-
<div id="side-bar">
+
   <a href='https://2013.igem.org/Team:Imperial_College_London'>
-
  <ul id="qm0" class="qmmc">
+
-
 
+
-
<li><a class="qmparent" href="javascript:void(0)">Home</a>
+
-
 
+
-
<ul>
+
-
<li><a href="javascript:void(0)">Management</a></li>
+
-
<li><a class="qmparent" href="javascript:void(0)">Global Sites</a>
+
-
 
+
-
<ul>
+
-
<li><a href="javascript:void(0)">Africa</a></li>
+
-
</ul></li>
+
-
 
+
-
<li><a class="qmparent" href="javascript:void(0)">Investors</a>
+
-
 
+
-
<ul>
+
-
<li><a href="javascript:void(0)">Africa</a></li>
+
-
</ul></li>
+
-
 
+
-
<li><a href="javascript:void(0)">Worldwide</a></li>
+
-
</ul></li>
+
-
 
+
-
<li><a class="qmparent" href="javascript:void(0)">Background</a>
+
-
 
+
-
<ul>
+
-
<li><a href="javascript:void(0)">Continued Support</a></li>
+
-
</ul></li>
+
-
 
+
-
<li><a class="qmparent" href="javascript:void(0)">Solution</a>
+
-
 
+
-
<ul>
+
-
<li><a href="javascript:void(0)">CEO Announcements</a></li>
+
-
</ul></li>
+
-
 
+
-
<li><a class="qmparent" href="javascript:void(0)">About us</a>
+
-
 
+
-
<ul>
+
-
<li><a href="javascript:void(0)">Continued Support</a></li>
+
-
</ul></li>
+
-
 
+
-
  <li class="qmclear">&nbsp;</li></ul>
+
-
 
+
-
<!-- Create Menu Settings: (Menu ID, Is Vertical, Show Timer, Hide Timer, On Click ('all' or 'lev2'), Right to Left, Horizontal Subs, Flush Left, Flush Top) -->
+
-
<script type="text/javascript">qm_create(0,false,0,500,'all',false,false,false,false);</script>
+
-
 
+
-
</div> /*id="side-bar"*/
+
-
 
+
-
 
+
-
<div id="banner">
+
-
<a name="top"></a>
+
-
 
+
-
   <a href = 'https://2013.igem.org/Team:Imperial_College'>
+
     <img src="https://static.igem.org/mediawiki/2013/6/67/Imperiallogo.png" style="width:300px;" />
     <img src="https://static.igem.org/mediawiki/2013/6/67/Imperiallogo.png" style="width:300px;" />
   </a>
   </a>
-
 
+
</div>
-
</div> /*id="banner"*/
+
<div id='iGEMLogo'>
 +
  <a href='https://2013.igem.org/Main_Page' target="_blank">
 +
    <img src='https://static.igem.org/mediawiki/2011/b/be/ICL_iGEM_Logo.png' style="width:90px;" />
 +
  </a>
 +
</div>
 +
<div id='ImperialLogo'>
 +
  <a href='http://www3.imperial.ac.uk/' target="_blank">
 +
    <img src='https://static.igem.org/mediawiki/2011/1/19/ImperialLogo.png' style="width:160px;" />
 +
  </a>
 +
</div>
<div id="BackToTop">
<div id="BackToTop">
Line 383: Line 255:
</a>
</a>
</div>
</div>
 +
 +
</body>

Revision as of 19:44, 10 August 2013

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