Difference between revisions of "Team:Exeter/Interlab"

Line 1: Line 1:
 
{{Exeter}}
 
{{Exeter}}
 
<html>
 
<html>
 +
<script src="https://2015.igem.org/Team:Exeter/ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js?action=raw&amp;ctype=text/javascript"></script>
  
 +
    <script src="https://2015.igem.org/Team:Exeter/js/jquery.bxslider.min.js?action=raw&ctype=text/javascript"></script>
  
−
<head>
+
    <link href="https://2015.igem.org/Team:Exeter/lib/jquery.bxslider.css?action=raw&amp;ctype=text/css" rel="stylesheet">
  
−
<style>
 
  
−
.level_3:hover {
+
<script>
  
−
cursor: pointer;
+
//Slider JS
  
−
}
+
$(document).ready(function(){
 +
$('.Trans, .RNA, .Ribo, .Toehold, .Basic').show('slow');
  
 +
$('.slider500').bxSlider({
 +
    slideWidth: 500,
 +
    minSlides: 1,
 +
    maxSlides: 1,
 +
    slideMargin: 0,
 +
    captions: true,
 +
    adaptiveHeight: true,
 +
    preloadImages: 'all'
 +
  });
  
−
/* Navigation - Topmenu
+
  $('.slider300').bxSlider({
−
-------------------------------------------------*/
+
    slideWidth: 300,
 +
    minSlides: 1,
 +
    maxSlides: 1,
 +
    slideMargin: 0,
 +
    captions: true,
 +
    adaptiveHeight: true,
 +
    preloadImages: 'all'
 +
  });
  
−
#topmenu {
+
$('.slider400').bxSlider({
−
     display: block;
+
     slideWidth: 400,
−
     position: absolute;
+
     minSlides: 1,
−
     top: 200px;
+
     maxSlides: 1,
−
     left: 0px;
+
     slideMargin: 0,
−
     width: 100%;
+
     captions: true,
−
     height: 80px;
+
     adaptiveHeight: true,
−
     background: url('https://static.igem.org/mediawiki/2013/1/1d/Top-gradient.png') #f1f1f1 repeat-x left top;
+
     preloadImages: 'all'
−
    box-shadow: 0 0 5px #888;
+
  });
−
    z-index: 10;
+
$('.Trans, .RNA, .Ribo, .Toehold').hide('slow');
−
}
+
});
  
−
#topmenu .selflink {font-weight: normal !important; color: #0d9c64; cursor: default; padding: 0 12px 0 8px;}
+
</script>
−
#topmenu .menucenter li:hover .selflink {padding: 0 11px 0 9px}
+
  
−
#topmenu .menucenter{position: relative; display: block; line-height: 80px;}
 
  
−
#topmenu .menuleft {position: absolute; line-height: 76px; z-index: 3;}
+
<div id="container" style="padding: 0px 100px 10px 100px">
−
#topmenu .menuleft a img {position: relative; height: 60px; top: 10px;}
+
  
−
#topmenu .menucenter {
 
−
    display:block;
 
−
    margin: 0 auto;
 
−
    width:100%;
 
−
    text-align: center;
 
−
    font-size: 0;}
 
−
    #topmenu .menucenter li {
 
−
        display:inline-block;
 
−
        margin: 0;
 
−
        background: url('https://static.igem.org/mediawiki/2013/c/ca/Top-menu-divider.png') no-repeat right top;
 
−
        font-size: 16px;}
 
−
    #topmenu .menucenter li:first-child {
 
−
        background: url('https://static.igem.org/mediawiki/2013/c/ca/Top-menu-divider.png') no-repeat left top, url('https://static.igem.org/mediawiki/2013/c/ca/Top-menu-divider.png') no-repeat right top;}
 
−
    #topmenu .menucenter li:hover {
 
−
        background: url('https://static.igem.org/mediawiki/2013/0/03/Top-menu-hover.png') repeat-x top left;
 
−
        border-left:1px solid #ccc;
 
−
        border-right:1px solid #ccc;
 
−
        margin: 0 0 0 -2px;}
 
−
        #topmenu .menucenter li a {display:block; height: 79px; padding: 0 12px 0 8px;}
 
−
        #topmenu .menucenter li:hover a {padding: 0 11px 0 9px}
 
  
−
#topmenu .menuright {position: absolute; display: block; width: 109px; height: 80px; right: 5.46878%; top: 0; z-index: 3;}
+
<h1>Toehold Background</h1>
−
   
+
−
#topmenu .menuright a{display: inline-block; position: relative;}
+
−
 
+
−
    #topmenu .menuright a.twitter {
+
−
        display:block;
+
−
        float: left;
+
−
        width: 36px;
+
−
        height: 30px;
+
−
        margin-top: 25px;
+
−
        padding: 0;
+
−
        background: url('https://static.igem.org/mediawiki/2013/d/de/Twitterbtn.png') left top no-repeat;
+
−
    }
+
−
    #topmenu .menuright a.facebook {
+
−
        display:block;
+
−
        float: left;
+
−
        width: 36px;
+
−
        height: 34px;
+
−
        margin-top: 23px;
+
−
        padding: 0;
+
−
        background: url('https://static.igem.org/mediawiki/2013/7/7c/Facebookbtn.png') left top no-repeat;
+
−
    }
+
−
    #topmenu .menuright a.mail {
+
−
        display:block;
+
−
        float: left;
+
−
        width: 37px;
+
−
        height: 29px;
+
−
        margin-top: 26px;
+
−
        padding: 0;
+
−
        background: url('https://static.igem.org/mediawiki/2013/9/94/Mailbtn.png') left top no-repeat;
+
−
    }
+
−
    #topmenu .menuright a:hover {
+
−
        background-position: right top;
+
−
    }
+
−
 
+
−
 
+
−
#topmenu ul, topmenu li {
+
−
    -webkit-margin-before: 0;
+
−
    -webkit-margin-after: 0;
+
−
    -webkit-padding-start: 0;}
+
−
 
+
−
#bodyContent{padding: 81px 0 0px;}
+
−
 
+
−
 
+
−
 
+
−
 
+
−
body {background: rgb(239,239,242);}
+
−
 
+
−
.content_container {
+
−
    box-shadow: 0px 10px 10px #888888;
+
−
    border:  1pt solid #D1CEDC;
+
−
    left: -10px;
+
−
    background: #FFF;
+
−
    width: 75%;
+
−
    position: relative;
+
−
    left: 12.5%;
+
−
    padding: 5px 5px 5px 5px;
+
−
}
+
−
 
+
−
</style>
+
−
 
+
−
</head>
+
−
 
+
−
<div class="content_container">
+
−
 
+
−
<h1>Interlab Study</h1>
+
  
 
<!--Begin Level 3 Buttons-->
 
<!--Begin Level 3 Buttons-->
−
 
−
 
  
 
<div id="topmenu">
 
<div id="topmenu">
 
     <ul class="menucenter">
 
     <ul class="menucenter">
 
         <li class="level_3"><a onclick="$('.Trans, .RNA, .Ribo, .Toehold').hide('slow');$('.Basic').toggle('slow');">
 
         <li class="level_3"><a onclick="$('.Trans, .RNA, .Ribo, .Toehold').hide('slow');$('.Basic').toggle('slow');">
−
             Chapter 1
+
             The Basic Molecules of Life
 
             </a>
 
             </a>
 
         </li>
 
         </li>
 
         <li class="level_3"><a onclick="$('.Basic, .RNA, .Ribo, .Toehold').hide('slow');$('.Trans').toggle('slow')">
 
         <li class="level_3"><a onclick="$('.Basic, .RNA, .Ribo, .Toehold').hide('slow');$('.Trans').toggle('slow')">
−
             Chapter 2
+
             Transcription and Translation
 
             </a>
 
             </a>
 
         </li>
 
         </li>
 
         <li class="level_3"><a onclick="$('.Basic, .Trans, .Ribo, .Toehold').hide('slow');$('.RNA').toggle('slow')">
 
         <li class="level_3"><a onclick="$('.Basic, .Trans, .Ribo, .Toehold').hide('slow');$('.RNA').toggle('slow')">
−
             Chapter 3
+
             General Regulatory RNAs
 
             </a>
 
             </a>
 
         </li>
 
         </li>
 
         <li class="level_3"><a onclick="$('.Basic, .Trans, .RNA, .Toehold').hide('slow');$('.Ribo').toggle('slow')">
 
         <li class="level_3"><a onclick="$('.Basic, .Trans, .RNA, .Toehold').hide('slow');$('.Ribo').toggle('slow')">
−
             Chapter 5
+
             General Riboswitches
−
            </a>
+
−
        </li>
+
−
        <li class="level_3"><a onclick="$('.Basic, .Trans, .RNA, .Ribo').hide('slow');$('.Toehold').toggle('slow')">
+
−
            Chapter 6
+
−
            </a>
+
−
        </li>
+
−
        <li class="level_3"><a onclick="$('.Basic, .Trans, .RNA, .Ribo').hide('slow');$('.Toehold').toggle('slow')">
+
−
            Chapter 7
+
 
             </a>
 
             </a>
 
         </li>
 
         </li>
 
         <li class="level_3"><a onclick="$('.Basic, .Trans, .RNA, .Ribo').hide('slow');$('.Toehold').toggle('slow')">
 
         <li class="level_3"><a onclick="$('.Basic, .Trans, .RNA, .Ribo').hide('slow');$('.Toehold').toggle('slow')">
−
             Epilogue: Results
+
             Synthetic Toehold Switches
 
             </a>
 
             </a>
 
         </li>
 
         </li>
Line 165: Line 85:
 
<!--End Level 3 Buttons-->
 
<!--End Level 3 Buttons-->
  
−
</br>
 
−
</br>
 
−
</br>
 
−
</br>
 
−
</br>
 
−
</br>
 
−
</br>
 
−
</br>
 
−
</br>
 
−
</br>
 
−
</br>
 
−
</br>
 
−
</br>
 
−
</br>
 
−
</br>
 
−
</br>
 
−
</br>
 
−
</br>
 
−
</br>
 
−
</br>
 
−
</br>
 
−
</br>
 
−
</br>
 
−
</br>
 
  
 
</div>
 
</div>

Revision as of 16:16, 26 August 2015

  • Contact us:
    exeterigem@gmail.com