Team:British Columbia

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
{{Template:Template_HD_1}}
{{Template:Template_HD_1}}
-
<html><style>
+
<html>
 +
<head>
 +
<style>
#slideshow {width:600px; float:left; background-color: white; margin-left: 8px;  margin-top:10px;}
#slideshow {width:600px; float:left; background-color: white; margin-left: 8px;  margin-top:10px;}
#links {width:350px;float:right; background-color: white; margin-left: 8px;  margin-top:10px;}
#links {width:350px;float:right; background-color: white; margin-left: 8px;  margin-top:10px;}
</style>
</style>
 +
 +
<style type="text/css">
 +
#UBCWidget {
 +
  background: repeat-x scroll left bottom #6A8799;
 +
  background-color: white;
 +
  float: left;
 +
  height: 378px;
 +
  margin-right: 18px;
 +
  overflow: hidden;
 +
  position: relative;
 +
}
 +
 +
 +
#UBCWidget ul {
 +
  list-style: none outside none;
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
 +
#UBCWidget ul.TeamStories li {
 +
  height: 378px;
 +
  overflow: hidden;
 +
}
 +
 +
#UBCWidget ul.TeamStories li h4 {
 +
  color: #FFFFFF;
 +
  font-size: 150%;
 +
  margin: 0.5em 0 0.2em 14px;
 +
  width: 425px;
 +
}
 +
 +
#UBCWidget ul.TeamStories li p {
 +
  color: #FFFFFF;
 +
  margin: 0.3em 0 0.3em 14px;
 +
  width: 425px;
 +
}
 +
 +
#UBCWidget ul.TeamStories li a.StoriesReadMore {
 +
  background-color: #FFFFFF
 +
  background: no-repeat scroll 0 0 transparent;
 +
  display: block;
 +
  height: 23px;
 +
  margin: 0 0 0 14px;
 +
  text-indent: -5000px;
 +
  width: 95px;
 +
}
 +
 +
#UBCWidget ul.TeamStories li div.UBCHeadlinePicture {
 +
  height: 275px;
 +
  overflow: hidden;
 +
  vertical-align: middle;
 +
}
 +
 +
#UBCWidget ul.TeamStories li div.UBCHeadlinePicture img {
 +
  display: block;
 +
  margin: 0 auto;
 +
}
 +
 +
#UBCWidget div.UbcHeadlineNav {
 +
  border-left: 1px solid #637C8C;
 +
  bottom: 20px;
 +
  color: #FFFFFF;
 +
  height: 70px;
 +
  padding: 0 0 0 5px;
 +
  position: absolute;
 +
  right: 0;
 +
  width: 120px;
 +
  z-index: 100;
 +
}
 +
 +
#UBCWidget div.UbcHeadlineNav a {
 +
  display: block;
 +
  float: left;
 +
  height: 22px;
 +
  margin: 0 22px;
 +
  text-indent: -5000px;
 +
  width: 22px;
 +
}
 +
 +
#UBCWidget div.UbcHeadlineNav span {
 +
  display: block;
 +
  float: left;
 +
  font-weight: bold;
 +
  height: 17px;
 +
  padding: 5px 2px 0;
 +
}
 +
 +
#UBCWidget div.UbcHeadlineNav a.UbcHeadlineNavPause {
 +
background: no-repeat;
 +
}
 +
 +
#UBCWidget div.UbcHeadlineNav a.UbcHeadlineNavPause:hover {
 +
background-position: 0 -22px;
 +
}
 +
 +
#UBCWidget div.UbcHeadlineNav a.UbcHeadlineNavNext {
 +
background: no-repeat;
 +
}
 +
 +
#UBCWidget div.UbcHeadlineNav a.UbcHeadlineNavNext:hover
 +
{
 +
background-position: 0 -22px;
 +
}
 +
 +
#UBCWidget div.UbcHeadlineNav a.UbcHeadlineNavPrev
 +
{
 +
background: url(../img/home/headlineWidgetPrevBtn.gif) no-repeat;
 +
}
 +
 +
#UBCWidget div.UbcHeadlineNav a.UbcHeadlineNavPrev:hover
 +
{
 +
background-position: 0 -22px;
 +
}
 +
 +
#UBCWidget div.UbcHeadlineNav a.UbcHeadlineNavPlay
 +
{
 +
background: url(../img/home/headlineWidgetPlayBtn.gif) no-repeat;
 +
}
 +
 +
#UBCWidget div.UbcHeadlineNav a.UbcHeadlineNavPlay:hover
 +
{
 +
background-position: 0 -22px;
 +
}
 +
 +
</style>
 +
</head>
 +
 +
<body>
<div id="links"><center>
<div id="links"><center>
Line 13: Line 143:
<br><img src="https://static.igem.org/mediawiki/2011/5/56/Ubcigemteamlink.jpg"></a>
<br><img src="https://static.igem.org/mediawiki/2011/5/56/Ubcigemteamlink.jpg"></a>
</div><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/></html>
</div><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/></html>
 +
 +
 +
<!-- Adapted from www.ubc.ca - START UBCWidget -->
 +
 +
<div id="UBCWidget">
 +
  <ul class="TeamStories" style="position: relative; width: 580px; height: 378px;">
 +
    <li style="position: absolute; top: 0px; left: 0px; display: list-item; z-index: 5; opacity: 1;">
 +
      <div class="UBCHeadlinePicture">
 +
        <img src="http://upload.wikimedia.org/wikipedia/commons/5/5e/Mt_Fraser_-_Pine_Beetle_Damage.JPG" width="580" height="275" alt="describes the image" border="0" />
 +
      </div>
 +
 +
      <h4>Header goes here</h4>
 +
      <p>One sentence description of the event/image/activity</p>
 +
 +
      <a class="StoriesReadMore" href="https://2011.igem.org/Team:British_Columbia">Read More</a>
 +
    </li> 
 +
 +
 +
    <li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 4; opacity: 0;">
 +
      <div class="UBCHeadlinePicture">
 +
        <!--picture can link out <a href="http://blogs.apsc.ubc.ca/engineeringnews/2011/07/29/ubc-biomedical-engineering-innovators-win-global-competition-to-tackle-maternal-health/">-->
 +
        <img src="https://2011.igem.org/File:Ubcwk8Meet.JPG" width="580" height="275" alt="meeting" border="0" /></a>
 +
      </div>
 +
 +
      <h4>Meeting</h4>
 +
 +
      <p>Having a meeting</p>
 +
      <a class="StoriesReadMore" href="https://2011.igem.org/Team:British_Columbia">Read More</a>
 +
    </li>
 +
     
 +
 +
    <li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 3; opacity: 0;">
 +
      <div class="UBCHeadlinePicture">
 +
        <!--picture can link out <a href="https://2011.igem.org/Team:British_Columbia">-->
 +
        <img src="https://2011.igem.org/File:Minmeetwk8ubc.JPG" width="580" height="275" alt="meeting" border="0" /></a>
 +
      </div>
 +
 +
      <h4>More Meetings</h4>
 +
 +
      <p>Meeting adjourned!</p>
 +
      <a class="StoriesReadMore" href="https://2011.igem.org/Team:British_Columbia">Read More</a>
 +
    </li>
 +
     
 +
    <li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 2; opacity: 0;">
 +
      <div class="UBCHeadlinePicture">
 +
        <!--picture can link out <a href="https://2011.igem.org/Team:British_Columbia">-->
 +
        <img src="https://2011.igem.org/File:Ubcjun19gel.jpg" width="580" height="275" alt="meeting" border="0" /></a>
 +
      </div>
 +
 +
      <h4>More Meetings</h4>
 +
 +
      <p>Meeting adjourned!</p>
 +
      <a class="StoriesReadMore" href="https://2011.igem.org/Team:British_Columbia">Read More</a>
 +
    </li>
 +
     
 +
    <li style="position: absolute; top: 0px; left: 0px; display: none; z-index: 1; opacity: 0;">
 +
      <div class="UBCHeadlinePicture">
 +
        <!--picture can link out <a href="https://2011.igem.org/Team:British_Columbia">-->
 +
        <img src="https://2011.igem.org/File:Joanneubcmeet.jpg" width="580" height="275" alt="meeting" border="0" /></a>
 +
      </div>
 +
 +
      <h4>Brainstorming</h4>
 +
 +
      <p>Talking about ideas</p>
 +
      <a class="StoriesReadMore" href="https://2011.igem.org/Team:British_Columbia">Read More</a>
 +
    </li>   
 +
  </ul>
 +
 +
    <div class="UbcHeadlineNav">
 +
      <a href="#" class="UbcHeadlineNavPause">Pause</a>
 +
      <a href="#" class="UbcHeadlineNavPrev">Prev</a>
 +
      <span class="UbcHeadlineNavPageCount">2 / 5</span>
 +
      <a href="#" class="UbcHeadlineNavNext">Next</a>
 +
    </div>
 +
</div>
 +
</body>
 +
</html>

Revision as of 08:17, 7 August 2011

Team: British Columbia - 2011.igem.org 

































     <a href="#" class="UbcHeadlineNavPause">Pause</a> 
     <a href="#" class="UbcHeadlineNavPrev">Prev</a> 
     2 / 5 
     <a href="#" class="UbcHeadlineNavNext">Next</a>

</body> </html>

Retrieved from "http://2011.igem.org/Team:British_Columbia"