|
|
(31 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <html>
| + | {{CalgaryMenu}} |
- | <head>
| + | |
- | <script type="text/javascript">
| + | |
| | | |
- | // Copyright 2006-2007 javascript-array.com
| + | {{CalgarySideBar | Content}} |
| | | |
- | var timeout = 500;
| + | <html> |
- | var closetimer = 0;
| + | <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/themes/dot-luv/jquery-ui.css" /> |
- | var ddmenuitem = 0;
| + | <script type='text/javascript' src="https://www.google.com/jsapi?key=ABQIAAAA8_yhYYiy1NufPBHzpHSMXxSh4TTQARzfl6TKw1sBm_i84pgmmxSbJU4yq0z1N2S-klaElop0gMPEsg" ></script> |
| | | |
- | // open hidden layer
| + | <script type='text/javascript'> |
- | function mopen(id)
| + | google.load("jquery", "1.6.1"); |
- | {
| + | google.load("jqueryui", "1.8.13"); |
- | // cancel close timer
| + | |
- | mcancelclosetime();
| + | |
- |
| + | |
- | // close old layer
| + | |
- | if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
| + | |
- |
| + | |
- | // get new layer and show it
| + | |
- | ddmenuitem = document.getElementById(id);
| + | |
- | ddmenuitem.style.visibility = 'visible';
| + | |
- |
| + | |
- | }
| + | |
- | // close showed layer
| + | |
- | function mclose()
| + | |
- | {
| + | |
- | if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
| + | |
- | }
| + | |
- |
| + | |
- | // go close timer
| + | |
- | function mclosetime()
| + | |
- | {
| + | |
- | closetimer = window.setTimeout(mclose, timeout);
| + | |
- | }
| + | |
- |
| + | |
- | // cancel close timer
| + | |
- | function mcancelclosetime()
| + | |
- | {
| + | |
- | if(closetimer)
| + | |
- | {
| + | |
- | window.clearTimeout(closetimer);
| + | |
- | closetimer = null;
| + | |
- | }
| + | |
- | }
| + | |
| | | |
- | // close layer when click-out
| + | $(function() { |
- | document.onclick = mclose;
| + | $(".button").button(); |
| + | $("#date").datepicker(); |
| | | |
- | </script>
| + | // bouncy menu |
- | | + | $(".sidebar ul li ul li, .menuBar a").mouseover(function(){ |
- | <style>
| + | $(this).stop().animate({paddingLeft:'30px'},{queue:false, duration:600, easing: 'easeOutBounce'}) |
- | | + | }); |
- | body{
| + | $(".sidebar ul li ul li, .menuBar a").mouseout(function(){ |
- | background-color: #808080;
| + | $(this).stop().animate({paddingLeft:'0px'},{queue:false, duration:600, easing: 'easeOutBounce'}) |
- | }
| + | }); |
- | | + | |
- | p {
| + | |
- | font-family: Verdana, sans-serif;
| + | |
- | }
| + | |
- | | + | |
- | a {
| + | |
- | font-family: Verdana, sans-serif;
| + | |
- | }
| + | |
- | | + | |
- | li{
| + | |
- | font-family: Verdana, sans-serif;
| + | |
- | }
| + | |
- | | + | |
- | h2{
| + | |
- | color:#0066CC;
| + | |
- | }
| + | |
- | | + | |
- | h4{
| + | |
- | color:#003366;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | img.bannerImage{
| + | |
- | margin-top: -56px;
| + | |
- | margin-left: -5px;
| + | |
- | z-index: 0;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | div.menuBar{
| + | |
- | margin-left: -5px;
| + | |
- | width: 920px;
| + | |
- | height: 25px;
| + | |
- | margin-bottom: 20px;
| + | |
- | margin-top: -45px;
| + | |
- | float: left;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | #nav {
| + | |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | z-index: 30;
| + | |
- | position: relative;
| + | |
- | }
| + | |
- |
| + | |
- | #nav li {
| + | |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | list-style: none;
| + | |
- | float: left;
| + | |
- | font: bold 12px verdana;
| + | |
- | }
| + | |
- | | + | |
- | #nav li a {
| + | |
- | display: block;
| + | |
- | margin: 0 0 0 0;
| + | |
- | padding: 6px 10px;
| + | |
- | width: 82px;
| + | |
- | background: #8bff35;
| + | |
- | color: #000;
| + | |
- | text-align: center;
| + | |
- | text-decoration: none;
| + | |
- | | + | |
- | border-right: 2px solid #131313;
| + | |
- | }
| + | |
- | | + | |
- | #nav li .menuend{
| + | |
- | border-right: 2px solid #8bff35;
| + | |
- | width: 66px;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | #nav li a:hover {
| + | |
- | color: #FFF;
| + | |
- | }
| + | |
- | | + | |
- | #nav div {
| + | |
- | position: absolute;
| + | |
- | visibility: hidden;
| + | |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | background: #131313;
| + | |
- | }
| + | |
- | | + | |
- | #nav div a {
| + | |
- | position: relative;
| + | |
- | display: block;
| + | |
- | margin: 0;
| + | |
- | padding: 5px 10px;
| + | |
- | width: 150px;
| + | |
- | white-space: nowrap;
| + | |
- | text-align: left;
| + | |
- | text-decoration: none;
| + | |
- | | + | |
- | left: -2px;
| + | |
- | background: #8bff35;
| + | |
- | color: #000;
| + | |
- | font: 12px Verdana;
| + | |
- | border-left: 2px solid #131313;
| + | |
- | border-right: 3px solid #8bff35;
| + | |
- | }
| + | |
- | | + | |
- | #nav div a:hover {
| + | |
- | background: #8bff35;
| + | |
- | color: #FFF;
| + | |
- | border-left: 2px solid #131313;
| + | |
- | border-right: 3px solid #8bff35;
| + | |
- | }
| + | |
- | | + | |
- | </style>
| + | |
- | </head>
| + | |
| | | |
| + | }); |
| + | </script> |
| | | |
| <body> | | <body> |
| | | |
| + | <div class="container"> |
| + | <div class="mainbody"> |
| | | |
| + | <span id="background"><h1>Background</h1></span> |
| + | <p> This section outlines the nature of the problem we are trying to solve, why it matters, and the strategy we are using to contribute to an eventual solution.</p> |
| | | |
- | <img src="http://i872.photobucket.com/albums/ab287/iGEMCalgary_2010/Header4.png" class="bannerImage" title="University of Calgary iGEM Team 2010"></img>
| + | <span id="abstract"><h1> Abstract </h1></span> |
- | | + | <p> This is the abstract of the project.</p> |
- | <div class="menuBar">
| + | </div> |
- | <ul id="nav">
| + | |
- | | + | |
- | <li>
| + | |
- | <a href="https://2010.igem.org/Team:Calgary"
| + | |
- | onmouseover="mopen('m1')"
| + | |
- | onmouseout="mclosetime()">
| + | |
- | Home</a>
| + | |
- | </li>
| + | |
- | | + | |
- | <li>
| + | |
- | <a href="https://2010.igem.org/Team:Calgary/Team"
| + | |
- | onmouseover="mopen('m2')"
| + | |
- | onmouseout="mclosetime()">
| + | |
- | Team</a>
| + | |
- | <div id="m2"
| + | |
- | onmouseover="mcancelclosetime()"
| + | |
- | onmouseout="mclosetime()">
| + | |
- | <a href="https://igem.org/Team.cgi?year=2010&team_name=Calgary">Official Team Profile</a>
| + | |
- | <a href="https://2010.igem.org/Team:Calgary/Team/Biographies">Biographies</a>
| + | |
- | <a href="https://2010.igem.org/Team:Calgary/Team/Facilitators">Facilitators</a>
| + | |
- | <a href="https://2010.igem.org/Team:Calgary/Team/About_The_University">About the University</a>
| + | |
- | <a href="https://2010.igem.org/Team:Calgary/Team/Acknowledgements">Acknowledgements</a>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | | + | |
- | <li>
| + | |
- | <a href="https://2010.igem.org/Team:Calgary/Project"
| + | |
- | onmouseover="mopen('m3')"
| + | |
- | onmouseout="mclosetime()">
| + | |
- | Project</a>
| + | |
- | <div id="m3"
| + | |
- | onmouseover="mcancelclosetime()"
| + | |
- | onmouseout="mclosetime()">
| + | |
- | <a href="https://2010.igem.org/Team:Calgary/Project">Overview</a>
| + | |
- | <a href="https://2010.igem.org/Team:Calgary/Project/Transcription">Transcription/Translation</a>
| + | |
- | <a href="https://2010.igem.org/Team:Calgary/Project/misfolding_overview">Protein Misfolding</a>
| + | |
- | <a href="https://2010.igem.org/Team:Calgary/Project/Controls">Testing Our System</a>
| + | |
- | <a href="https://2010.igem.org/Team:Calgary/Project/Achievements">Achievements</a>
| + | |
- | | + | |
- | </div>
| + | |
- | </li>
| + | |
- |
| + | |
- | | + | |
- | <li><a href="https://2010.igem.org/Team:Calgary/Parts/Parts_Submitted"
| + | |
- | onmouseover="mopen('m4')"
| + | |
- | onmouseout="mclosetime()">
| + | |
- | Parts</a>
| + | |
- | <div id="m4"
| + | |
- | onmouseover="mcancelclosetime()"
| + | |
- | onmouseout="mclosetime()">
| + | |
- | <a href="https://2010.igem.org/Team:Calgary/Parts/Parts_Submitted">Parts Submitted</a>
| + | |
- | <a href="https://2010.igem.org/Team:Calgary/Parts/Characterization">Characterization</a>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | | + | |
- | | + | |
- | <li><a href="https://2010.igem.org/Team:Calgary/Notebook"
| + | |
- | onmouseover="mopen('m5')"
| + | |
- | onmouseout="mclosetime()">
| + | |
- | Notebook</a>
| + | |
- | <div id="m5"
| + | |
- | onmouseover="mcancelclosetime()"
| + | |
- | onmouseout="mclosetime()">
| + | |
- | <a href="https://2010.igem.org/Team:Calgary/Notebook/Calendar">Calendar</a>
| + | |
- | <a href="https://2010.igem.org/Team:Calgary/Notebook/Future_Directions">Future Directions</a>
| + | |
- | <a href="https://2010.igem.org/Team:Calgary/Notebook/Safety_And_Protocols">Protocols</a>
| + | |
- | <a href="https://2010.igem.org/Team:Calgary/Notebook/Safety">Safety</a>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | | + | |
- | | + | |
- | <li><a href="https://2010.igem.org/Team:Calgary/Modelling"
| + | |
- | onmouseover="mopen('m6')"
| + | |
- | onmouseout="mclosetime()">
| + | |
- | Modelling</a>
| + | |
- | <div id="m6"
| + | |
- | onmouseover="mcancelclosetime()"
| + | |
- | onmouseout="mclosetime()">
| + | |
- | <a href="https://2010.igem.org/Team:Calgary/Modelling/MATLAB">MATLAB</a>
| + | |
- | <a href="https://2010.igem.org/Team:Calgary/Modelling/Maya">Animation</a>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | | + | |
- | | + | |
- | <li><a href="https://2010.igem.org/Team:Calgary/Community"
| + | |
- | onmouseover="mopen('m7')"
| + | |
- | onmouseout="mclosetime()">
| + | |
- | Community</a>
| + | |
- | <div id="m7"
| + | |
- | onmouseover="mcancelclosetime()"
| + | |
- | onmouseout="mclosetime()">
| + | |
- | <a href="https://2010.igem.org/Team:Calgary/Community/Ethics">Ethics/Human Practices</a>
| + | |
- | <a href="https://2010.igem.org/Team:Calgary/Community/Gallery">Gallery</a>
| + | |
- | <a href="https://2010.igem.org/Team:Calgary/Community/Conferences">Conferences</a>
| + | |
- | <a href="https://2010.igem.org/Team:Calgary/Community/Suffield">DRDC Suffield</a>
| + | |
- | <a href="https://2010.igem.org/Team:Calgary/Community/Podcasts">Podcasts</a>
| + | |
- | <a href="https://2010.igem.org/Team:Calgary/Community/Blog">Visit Our Blog!</a>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | | + | |
- | <li><a href="https://2010.igem.org/Team:Calgary/Sponsors">Sponsors</a></li>
| + | |
- | | + | |
- | <li><a class="menuend" href="https://2010.igem.org/Team:Calgary/Extras">Extras</a></li>
| + | |
- | | + | |
- | </ul>
| + | |
- | | + | |
- | | + | |
- | </div>
| + | |
| | | |
| + | <span class="button">jq Button</span> |
| + | <input type='text' id='date' /> |
| | | |
- |
| + | </div> |
| | | |
| </body> | | </body> |
| </html> | | </html> |