Team:Imperial College/Templates/Banner

From 2013.igem.org

(Difference between revisions)
m
 
(180 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<head>
+
<style type="text/css">
-
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
    #imperial-banner {
 +
        position: relative; /* this is to allow positioning of elements within */
 +
        text-align: right;
 +
        height: 100px;
 +
        margin: 0 15px 1em 15px;
 +
        line-height: 100px;
 +
    }
-
  <!--%%%%%%%%%%%% MyCSSMenu Styles [Keep in head for full validation!] %%%%%%%%%%%-->
+
    #imperial-igem-banner {
-
  <style type="text/css">
+
        position: absolute;
 +
        left: 0;
 +
        top: 0;
 +
    }
-
  /*!!!!!!!!!!! MyCSSMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
+
    #igem-logo,
-
  .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%;}
+
    #imperial-logo {
 +
        display: inline-block;
 +
        margin-left: 5px;
 +
    }
-
  /*!!!!!!!!!!! MyCSSMenu Styles !!!!!!!!!!!*/
+
    #imperial-igem-banner img,
 +
    #igem-logo img {
 +
        height: 100px;
 +
    }
 +
    #igem-logo img {
 +
        -webkit-transition: all 1s ease-in-out;
 +
        -moz-transition: all 1s ease-in-out;
 +
        -ms-transition: all 1s ease-in-out;
 +
        -o-transition: all 1s ease-in-out;
 +
        transition: all 1s ease-in-out;
 +
    }
-
/* MyCSSMenu 0 */
+
    #igem-logo img:hover {
 +
        -webkit-transform: rotate(360deg);
 +
        -moz-transform: rotate(360deg);
 +
        -o-transform: rotate(360deg);
 +
        -ms-transform: rotate(360deg);
 +
        transform: rotate(360deg);
 +
    }
-
/*"""""""" (MAIN) Container""""""""*/
+
    #imperial-logo img {
-
#qm0
+
        height: 50px;
-
{
+
    }
-
width:200px;
+
-
                position:absolute;
+
-
background-color:transparent;
+
-
border-width:1px 2px;
+
-
border-style:solid;
+
-
border-color:rgb(4, 200, 11);
+
-
}
+
 +
#BackToTop,
 +
#BackToTop:link,
 +
#BackToTop:visited {
 +
    position: fixed;
 +
    bottom: 5px;
 +
    right: 5px;
 +
    text-decoration: none;
 +
    color: #36a9e1;
 +
}
-
/*"""""""" (MAIN) Items""""""""*/
+
#BackToTop:hover {
-
#qm0 a
+
    color: #a3c4e9;
-
{
+
}
-
padding:5px 5px 5px 8px;
+
      #Sitemap {
-
background-color:rgb(255, 255, 255);
+
      position:fixed;
-
background-image:url("images/tree_green_bg.gif");
+
      bottom:5px;
-
color:rgb(0, 0, 0);
+
      left:5px;
-
font-family:Arial;
+
      }
-
font-size:13px;
+
</style>
-
text-decoration:none;
+
    <a name="top"></a>
-
border-width:1px 0px;
+
-
border-style:solid;
+
-
border-color:rgb(18, 200, 4);
+
-
}
+
 +
    <div id="imperial-banner">
 +
      <a id='imperial-igem-banner' href='https://2013.igem.org/Team:Imperial_College'>
 +
        <img src="https://static.igem.org/mediawiki/2013/d/d9/ImperialLogo2013.png"  />
 +
      </a>
-
/*"""""""" (MAIN) Active State""""""""*/
+
        <a id='igem-logo' href='https://2013.igem.org/Main_Page' target="_blank">
-
body #qm0 .qmactive, body #qm0 .qmactive:hover
+
          <img src='https://static.igem.org/mediawiki/2011/b/be/ICL_iGEM_Logo.png'  />
-
{
+
        </a>
-
text-decoration:underline;
+
-
}
+
 +
        <a id='imperial-logo' href='http://www3.imperial.ac.uk/' target="_blank">
 +
          <img src='https://static.igem.org/mediawiki/2011/1/19/ImperialLogo.png' />
 +
    </div>
-
/*"""""""" (SUB) Container""""""""*/
+
<a class="" href="#top" id="BackToTop"><i class="icon-chevron-sign-up icon-3x"></i></a>
-
#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);
+
-
}
+
-
 
+
     <div id="Sitemap">
-
/*"""""""" (SUB) Items""""""""*/
+
        <a href="https://2013.igem.org/Team:Imperial_College/Sitemap">
-
#qm0 div a, #qm0 ul a
+
            <img src="https://static.igem.org/mediawiki/2013/8/84/ICL_SitemapBtn13.png" width="80px" />
-
{
+
        </a>
-
padding:2px 0px 2px 15px;
+
    </div>
-
margin:0px 5px;
+
</html>
-
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 {
+
-
  width: 975px;
+
-
  height: 20px;
+
-
  background-color: #ffffff;
+
-
  border: none;
+
-
  }
+
-
 
+
-
  #p-logo {
+
-
  display: none;}
+
-
 
+
-
  #search-controls {
+
-
  display: none;}
+
-
 
+
-
  .right-menu li a, .right-menu li a:hover {
+
-
  color: #3c6b27;
+
-
  background-color: transparent;
+
-
  }
+
-
 
+
-
  .firstHeading {
+
-
     display: none;}
+
-
 
+
-
  body {
+
-
  background-color:#DDDDDD;
+
-
  }
+
-
 
+
-
 
+
-
  #content {
+
-
  position: relative;
+
-
  width: 975px;
+
-
  margin: 0 auto;
+
-
  padding-top:1px;
+
-
  padding-left:0px;
+
-
  padding-right:0px;
+
-
  padding-bottom:0px;
+
-
  background: #ffffff;
+
-
  color: black;
+
-
  border: none;
+
-
  line-height: 1.5em;
+
-
  z-index: 2;
+
-
  }
+
-
 
+
-
  }
+
-
 
+
-
  #contentSub {
+
-
  margin: 0 0 0 0;
+
-
  }
+
-
 
+
-
  #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
+
-
  margin-bottom: 0;
+
-
  }
+
-
 
+
-
  a {color:#93B825;}
+
-
  a:link {color:#93B825;}
+
-
  a:visited {color:#728F1D;}
+
-
  a:hover {color:#93B825;}
+
-
  a:active {color:#93B825;}
+
-
  a[name]:hover {text-decoration:none;}
+
-
 
+
-
  a.sitemap:link,a.sitemap:visited {color:#000000;font-decoration:none;}
+
-
  a.sitemap:hover,a.sitemap:active {color:#000000;font-decoration:underline;}
+
-
 
+
-
  h1 {
+
-
  font-family: arial,sans-serif;
+
-
  color: #225323;
+
-
  background: #ffffff;
+
-
  font-weight: bold;
+
-
  font-size: 2.2em;
+
-
  margin: 0 0 0 0;
+
-
  padding: 20px 20px 12px 20px;
+
-
  border-bottom: none;
+
-
  }
+
-
 
+
-
  h2 {
+
-
  font-family: arial,sans-serif;
+
-
  color: #225323;
+
-
  background: #ffffff;
+
-
  font-weight: bold;
+
-
  font-size: 1.7em;
+
-
  margin: 0 0 0 0;
+
-
  padding: 18px 20px 7px 20px;
+
-
  border-bottom: none;
+
-
  }
+
-
 
+
-
  h3 {
+
-
  font-family: arial,sans-serif;
+
-
  color: #225323;
+
-
  background: #ffffff;
+
-
  font-weight: bold;
+
-
  font-size: 1.4em;
+
-
  margin: 0 0 0 0;
+
-
  padding: 16px 20px 2px 20px;
+
-
  border-bottom: none;
+
-
  }
+
-
 
+
-
  h4 {
+
-
  font-family: arial,sans-serif;
+
-
  color: #225323;
+
-
  background: #ffffff;
+
-
  font-weight: bold;
+
-
  font-size: 1.1em;
+
-
  margin: 0 0 0 0;
+
-
  padding: 13.5px 20px 1px 20px;
+
-
  border-bottom: none;
+
-
  }
+
-
 
+
-
  p {
+
-
  font-family: arial,sans-serif;
+
-
  color: #000000;
+
-
  background: #ffffff;
+
-
  font-weight: normal;
+
-
  font-size: 1em;
+
-
  line-height: 1.7em;
+
-
  text-align: justify;
+
-
  margin: 0 0 0 0;
+
-
  padding: 5px 20px 0px 20px;
+
-
  }
+
-
 
+
-
  .border {
+
-
  border:1px solid #B2B2B2;
+
-
  z-index:101;
+
-
  }
+
-
 
+
-
  .borderMagnify {
+
-
  border:1px solid #B2B2B2;
+
-
  z-index:101;
+
-
  margin-left:-9px;
+
-
  margin-right:9px;
+
-
  }
+
-
 
+
-
  .imgbox {
+
-
  margin:20px;
+
-
  padding:10px;
+
-
  border:1px solid black;
+
-
  text-align:center;
+
-
  }
+
-
 
+
-
  .vidbox {
+
-
  margin:20px;
+
-
  padding:10px;
+
-
  border:1px solid black;
+
-
  text-align:center;
+
-
  }
+
-
 
+
-
  .newouterbox {
+
-
  background-color:#FF944D;border:1px solid #CCCCCC;margin:20px;padding-bottom:0px;
+
-
  }
+
-
 
+
-
  .newinnerbox {
+
-
  border:1px solid #CCCCCC;margin:10px 20px 20px 20px;padding-top:0px;padding-bottom:13px;background-color:#ffffff;
+
-
  }
+
-
 
+
-
  .newtext {
+
-
  text-align:center;background-color:#FF944D;color:#000000;
+
-
  }
+
-
 
+
-
  ul.a {
+
-
  margin: 0 0 0 40px;
+
-
  list-style-image: none;
+
-
  list-style-type:disc;
+
-
  font-family: arial,sans-serif;
+
-
  color: #000000;
+
-
  background: #ffffff;
+
-
  font-weight: normal;
+
-
  font-size: 1em;
+
-
  line-height: 1.7em;
+
-
  text-align: justify;
+
-
  padding: 5px 20px 0px 20px;
+
-
  }
+
-
 
+
-
  ol.a {
+
-
  margin: 0 0 0 30px;
+
-
  list-style-position:inside;
+
-
  font-family: arial,sans-serif;
+
-
  color: #000000;
+
-
  background: #ffffff;
+
-
  font-weight: normal;
+
-
  font-size: 1em;
+
-
  line-height: 1.7em;
+
-
  text-align: justify;
+
-
  padding: 5px 20px 0px 20px;
+
-
  }
+
-
 
+
-
  iframe {
+
-
  padding: 10px 20px 10px 20px;
+
-
  }
+
-
 
+
-
  #BackToTop {
+
-
  position:fixed;
+
-
  bottom:0;
+
-
  right:0;
+
-
  }
+
-
 
+
-
  #Sitemap {
+
-
  position:fixed;
+
-
  bottom:0;
+
-
  left:0;
+
-
  }
+
-
 
+
-
  </style>
+
-
  </head>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<body>
+
-
<html>
+
-
<div id="content">
+
-
<div id="side-bar">
+
-
  <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;" />
+
-
  </a>
+
-
 
+
-
</div> /*id="banner"*/
+
-
 
+
-
<div id="BackToTop">
+
-
<a href="#top">
+
-
<img src="https://static.igem.org/mediawiki/2011/6/62/ICL_BackToTop2.png" width="48px" />
+
-
</a>
+
-
</div>
+
-
 
+
-
<div id="Sitemap">
+
-
<a href="https://2011.igem.org/Team:Imperial_College_London/Sitemap">
+
-
<img src="https://static.igem.org/mediawiki/2011/f/f5/ICL_SitemapBtn.png" width="80px" />
+
-
</a>
+
-
</div>
+

Latest revision as of 14:54, 28 August 2013

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