|
|
| (32 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| | + | {{Template:CalgaryHeader}} |
| | + | |
| | <html> | | <html> |
| - | <head>
| + | <body> |
| - | <meta http-equiv="content-type" content="text/html;charset=utf-8" />
| + | <style> |
| - | <title>Generated by PureCSSMenu.com</title>
| + | |
| - | </head>
| + | |
| - | <body bgcolor="#FFFFFF"> | + | |
| - | <body align:center> | + | |
| | | | |
| - | <!-- Css Menu: -->
| + | p{ |
| | + | padding: 5px 5px 5px 5px; |
| | + | } |
| | | | |
| - | <style>
| + | .heading{ |
| - | ul.cssMenu ul{display:none}
| + | font: century gothic; |
| - | ul.cssMenu li:hover>ul{display:block}
| + | color: #ffffff; |
| - | ul.cssMenu ul{position: absolute;left:-1px;top:98%;}
| + | |
| - | ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;}
| + | |
| - | ul.cssMenu,ul.cssMenu ul {
| + | |
| - | margin:0px;
| + | |
| - | list-style:none;
| + | |
| - | padding:0px 3px 3px 0px;
| + | |
| - | background-color:#414141;
| + | |
| - | background-repeat:repeat;
| + | |
| - | border-color:#CECECE;
| + | |
| - | border-width:4px;
| + | |
| - | border-style:ridge;
| + | |
| | } | | } |
| - | ul.cssMenu table {border-collapse:collapse;}ul.cssMenu {
| + | |
| - | display:block;
| + | .name{ |
| - | zoom:1;
| + | font: century gothic; |
| - | position:absolute;
| + | color: #ffffff; |
| - | z-index: 1000;
| + | padding: 5px 5px 5px 5px; |
| - | left: 100;
| + | font-weight: bold; |
| - | top: 200;
| + | |
| | } | | } |
| - | * HTML ul.cssMenu {position:absolute;}
| + | |
| - | ul.cssMenu ul{
| + | table { |
| - | width:149px;
| + | left:0px; |
| | + | background-color: #222222; |
| | + | cell-padding: 5px; |
| | } | | } |
| - | ul.cssMenu li {
| + | |
| - | display:block;
| + | #content{ |
| - | margin:3px 0px 0px 3px;
| + | background-color:#222222; |
| - | font-size:0px;
| + | border:0px; |
| | + | font: 12px Arial; |
| | + | color: #cccccc; |
| | } | | } |
| - | ul.cssMenu a:active, ul.cssMenu a:focus {
| + | |
| - | outline-style:none;
| + | #leftmenu{ |
| | + | border-right:10px transparent; |
| | } | | } |
| - | ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
| + | |
| - | display:block;
| + | td{ |
| - | vertical-align:middle;
| + | color: #cccccc; |
| - | background-color:#414141;
| + | cell-padding:5px; |
| - | border-width:1px;
| + | |
| - | border-color:#414141;
| + | |
| - | border-style:solid;
| + | |
| - | text-align:left;
| + | |
| - | text-decoration:none;
| + | |
| - | padding:4px;
| + | |
| - | _padding-left:0;
| + | |
| - | font:14px Trebuchet MS;
| + | |
| - | color: #FFFFFF;
| + | |
| - | text-decoration:none;
| + | |
| - | cursor:pointer;
| + | |
| | } | | } |
| - | ul.cssMenu span{
| + | |
| - | overflow:hidden;
| + | .profiles{ |
| | + | float:left; |
| | + | padding: 5px 10px 5px 5px; |
| | } | | } |
| - | ul.cssMenu li {
| + | |
| - | float:left;
| + | .desc{ |
| | + | padding: 5px 10px 5px 5px; |
| | + | text-align: justify; |
| | } | | } |
| - | ul.cssMenu ul li {
| |
| - | float:none;
| |
| - | }
| |
| - | ul.cssMenu ul a {
| |
| - | text-align:left;
| |
| - | white-space:nowrap;
| |
| - | }
| |
| - | ul.cssMenu li.sep{
| |
| - | text-align:left;
| |
| - | padding:0px;
| |
| - | line-height:0;
| |
| - | height:100%;
| |
| - | }
| |
| - | ul.cssMenu li.sep span{
| |
| - | float:none; padding-right:0;
| |
| - | width:3;
| |
| - | height:100%;
| |
| - | display:inline-block;
| |
| - | background-color:#CECECE; background-image:none;}
| |
| - | ul.cssMenu ul li.sep span{
| |
| - | width:100%;
| |
| - | height:3;
| |
| - | }
| |
| - | ul.cssMenu li:hover{
| |
| - | position:relative;
| |
| - | }
| |
| - | ul.cssMenu li:hover>a{
| |
| - | background-color:#6AF039;
| |
| - | border-color:#FFFFFF;
| |
| - | border-style:solid;
| |
| - | font:14px Trebuchet MS;
| |
| - | color: #414141;
| |
| - | text-decoration:none;
| |
| - | }
| |
| - | ul.cssMenu li a:hover{
| |
| - | position:relative;
| |
| - | background-color:#6AF039;
| |
| - | border-color:#FFFFFF;
| |
| - | border-style:solid;
| |
| - | font:14px Trebuchet MS;
| |
| - | color: #414141;
| |
| - | text-decoration:none;
| |
| - | }
| |
| - | ul.cssMenu li.dis a {
| |
| - | color: #AAAAAA !important;
| |
| - | }
| |
| - | ul.cssMenu img {border: none;float:left;_float:none;margin-right:4px;width:24px;
| |
| - | height:24px;
| |
| - | }
| |
| - | ul.cssMenu ul img {width:16px;
| |
| - | height:16px;
| |
| - | }
| |
| - | ul.cssMenu img.over{display:none}
| |
| - | ul.cssMenu li.dis a:hover img.over{display:none !important}
| |
| - | ul.cssMenu li.dis a:hover img.def {display:inline !important}
| |
| - | ul.cssMenu li:hover > a img.def {display:none}
| |
| - | ul.cssMenu li:hover > a img.over {display:inline}
| |
| - | ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover img.over{display:inline}
| |
| - | ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover img.def{display:none}
| |
| - | ul.cssMenu a:hover ul,ul.cssMenu a:hover a:hover ul{display:block}
| |
| - | ul.cssMenu a:hover ul ul{display:none}
| |
| - | ul.cssMenu span{
| |
| - | display:block;
| |
| - | background-image:url(./images/arrow_sub5.gif);
| |
| - | background-position:right center;
| |
| - | background-repeat: no-repeat;
| |
| - | padding-right:14px;}
| |
| - | ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url(./images/arrow_sub2.gif)}
| |
| - | ul.cssMenu ul li:hover > a span{ background-image:url(./images/arrow_sub5.gif);}
| |
| - | ul.cssMenu table a:hover span,ul.cssMenu table a:hover a:hover span{background-image:url(./images/arrow_sub5.gif)}
| |
| - | ul.cssMenu table a:hover table span{background-image:url(./images/arrow_sub2.gif)}
| |
| - |
| |
| | </style> | | </style> |
| | | | |
| - | <ul class="cssMenu cssMenum"> | + | <img src="http://i1001.photobucket.com/albums/af132/igemcalgary/blankspace.gif" height="205px"> |
| - | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Calgary" ="_blank">Home</a></li>
| + | <br> |
| - | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Calgary/Team"><span>Team</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | <table cellspacing=0> |
| - | <ul class=" cssMenum">
| + | <tr> |
| - | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Calgary/Team#Undergraduates" ="_blank">Undergraduates</a></li>
| + | <div id="leftmenu"> |
| - | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Calgary/Team#Supervisors" ="_blank">Supervisors</a></li>
| + | <td width="210" rowspan=1 bgcolor="#414141" valign="top"> |
| - | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Calgary/Team#Facilitators" ="_blank">Facilitators</a></li>
| + | <br> |
| - | </ul>
| + | <div class="heading">EVENT PHOTOS</div> |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | <div class="desc"> |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#"><span>Project</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | These are links to our Flickr account. Feel free to check them out for photo sets of our activities and events: |
| - | <ul class=" cssMenum">
| + | <br><br> |
| - | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Calgary/Project" ="_blank">Overall Project</a></li>
| + | -<a href="http://www.flickr.com/photos/39774334@N04/sets/72157621457951192/">Misc.</a><br> |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#"><span>Calendar</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | -<a href="http://www.flickr.com/photos/39774334@N04/sets/72157621230060622/">Bake Sale I</a><br> |
| - | <ul class=" cssMenum">
| + | -<a href="http://www.flickr.com/photos/39774334@N04/sets/72157621235140088/">Bake Sale II</a><br> |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">May</a></li>
| + | -<a href="http://www.flickr.com/photos/39774334@N04/sets/72157622616434432/">Bake Sale III</a><br> |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">June</a></li>
| + | -<a href="http://www.flickr.com/photos/39774334@N04/sets/72157620412891032/">Campus Fair</a><br> |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">July</a></li>
| + | -<a href="http://www.flickr.com/photos/39774334@N04/sets/72157621229600826/">Dim Sum</a><br> |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">August</a></li>
| + | -<a href="http://www.flickr.com/photos/39774334@N04/sets/72157622616433216/">iGEM Summer Camp</a><br> |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">September</a></li>
| + | -<a href="http://www.flickr.com/photos/39774334@N04/sets/72157620412937080/">Lab</a><br> |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">October</a></li>
| + | -<a href="http://www.flickr.com/photos/39774334@N04/sets/72157621457951192/">Misc.</a><br> |
| - | </ul>
| + | -<a href="http://www.flickr.com/photos/39774334@N04/sets/72157620274988789/">Second Life</a><br> |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | -<a href="http://www.flickr.com/photos/39774334@N04/sets/72157621907274597/">Vulcan Trip</a><br> |
| - | </ul>
| + | -<a href=" http:// www. flickr. com/ photos/ 39774334@N04/ sets/ 72157622629365004/"> WCHS Presentation</a>< br> |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#"><span>Lab</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
| - | <ul class=" cssMenum">
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Overview</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#"><span>May</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
| - | <ul class=" cssMenum">
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 1 (1-10)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 2 (11-17)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 3 (18-24)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 4 (25-31)</a></li>
| + | |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#"><span>June</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
| - | <ul class=" cssMenum">
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 5 (1-7)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 6 (8-14)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 7 (15-21)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 8 (22-28)</a></li>
| + | |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#"><span>July</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
| - | <ul class=" cssMenum">
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 9 (29-5)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 10 (6-12)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 11 (13-19)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 12 (20-26)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 13 (27-2)</a></li>
| + | |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#"><span>August</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
| - | <ul class=" cssMenum">
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 14 (3-9)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 15 (10-16)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 16 (17-23)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 17 (24-30)</a></li>
| + | |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#"><span>September</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
| - | <ul class=" cssMenum">
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 18 (31-6)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 19 (7-13)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 20 (14-20)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 21 (21-27)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 22 (28-4)</a></li>
| + | |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#"><span>October</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
| - | <ul class=" cssMenum">
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 23 (5-11)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 24 (12-18)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 25 (19-25)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 26 (26-1)</a></li>
| + | |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#"><span>Modelling</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
| - | <ul class=" cssMenum">
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Overview</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Key Events</a></li>
| + | |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Calgary/SecondLife"><span>Second Life</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
| - | <ul class=" cssMenum">
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Overview</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Key Events</a></li>
| + | |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Calgary/Outreach"><span>Outreach</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
| - | <ul class=" cssMenum">
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#"><span>Educational</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
| - | <ul class=" cssMenum">
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Overview</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Key Events</a></li>
| + | |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Calgary/Ethics"><span>Ethics</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
| - | <ul class=" cssMenum">
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Overview</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Key Events</a></li>
| + | |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Calgary/Parts">Parts</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Calgary/Sponsors">Sponsors</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href=" https:// 2009. igem. org/ Team:Calgary/ News" ="_blank">News</ a></ li> | + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Calgary/Gallery" ="_blank">Gallery</a></li>
| + | |
| - | </ul>
| + | |
| | | | |
| - | <!-- (c) 2009, PureCSSMenu.com -->
| |
| | | | |
| | + | </div> |
| | + | </td> |
| | + | <td width="10" rowspan=1 bgcolor="#222222"> |
| | + | </div> |
| | + | <td width="750" bgcolor="#414141"> |
| | + | <br> |
| | + | <div class="heading"> |
| | + | GALLERY |
| | + | </div> |
| | + | <p>Scroll through some picture of our events! Details of our events can be found at <a href="https://2009.igem.org/Team:Calgary/News">News</a></p> |
| | + | <br> |
| | + | <center> |
| | + | <div id="PictoBrowser090720091054">Get the flash player here: http://www.adobe.com/flashplayer</div><script type="text/javascript" src="http://www.db798.com/pictobrowser/swfobject.js"></script><script type="text/javascript"> var so = new SWFObject("http://www.db798.com/pictobrowser.swf", "PictoBrowser", "600", "600", "8", "#222222"); so.addVariable("source", "keyword"); so.addVariable("names", "igem"); so.addVariable("userName", "iGEM Calgary"); so.addVariable("userId", "39774334@N04"); so.addVariable("ids", "igem"); so.addVariable("titles", "on"); so.addVariable("displayNotes", "on"); so.addVariable("thumbAutoHide", "off"); so.addVariable("imageSize", "medium"); so.addVariable("vAlign", "mid"); so.addVariable("vertOffset", "0"); so.addVariable("colorHexVar", "222222"); so.addVariable("initialScale", "off"); so.addVariable("bgAlpha", "60"); so.write("PictoBrowser090720091054"); </script> |
| | + | <br> |
| | + | <br> |
| | | | |
| | | | |
| | + | </center> |
| | + | </td> |
| | + | </tr> |
| | + | </table> |
| | </body> | | </body> |
| | </html> | | </html> |
| - |
| |
| - | <br>
| |
| - | <br>
| |
| - |
| |
| - | ===Campus Fair===
| |
| - | [[Image:iGEM Campus Fair 023.jpg|400px|center]]
| |
| - | <center>
| |
| - | <html>
| |
| - | <iframe align="center" src="http://www.flickr.com/slideShow/index.gne?group_id=&user_id=39774334@N04&set_id=&text=" frameBorder="0" width="400" height="400" scrolling="no"></iframe><br/><small>Created with <a href="http://www.admarket.se" title="Admarket.se">Admarket's</a> <a href="http://flickrslidr.com" title="flickrSLiDR">flickrSLiDR</a>.</small>
| |
| - | </html>
| |
| - | </center>
| |
"
