Difference between revisions of "Team:BGIC-Union/Parts"

 
(20 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
 
<html>
 
<html>
  <head>
+
<head>
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
 
+
 
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  
  
     <title>Team:BGIC-Union/PROJECT</title>
+
     <title>Team:BGIC-Union</title>
  
  <head>
+
    <head>
 
+
        <link href='http://fonts.googleapis.com/css?family=Lato:400,300' rel='stylesheet' type='text/css'>
+
        <link href='http://fonts.googleapis.com/css?family=Raleway:400,300,500' rel='stylesheet' type='text/css'>
+
  
<!-- progress -->
 
  
<!-- Bootstrap core CSS -->
 
    <link href="https://2017.igem.org/Template:BGIC-Union/bootstrap-css?action=raw&amp;ctype=text/css" rel="stylesheet">
 
<!-- animate -->
 
<link href="https://2017.igem.org/Template:BGIC-Union/animate-css?action=raw&amp;ctype=text/css" rel="stylesheet">
 
  <!-- carousel -->
 
  <link href="https://2017.igem.org/Template:BGIC-Union/owlcarousel-css?action=raw&amp;ctype=text/css" rel="stylesheet">
 
  <link href=" https://2017.igem.org/Template:BGIC-Union/fontawesomemin2-css?action=raw&amp;ctype=text/css" rel="stylesheet">
 
  <!-- light -->
 
<style type="text/css">
 
/* fixed line holder */
 
.timelineLight .timeline_line {c
 
margin-top:10px;
 
margin-bottom:10px;
 
width:900px;
 
}
 
  
/* full (including months that are not shown) line holder */
+
        <!-- Bootstrap core CSS -->
.timelineLight .t_line_holder {
+
        <link href="https://2017.igem.org/Template:BGIC-Union/bootstrap-css?action=raw&amp;ctype=text/css" rel="stylesheet">
height:80px;
+
        <!-- animate -->
background:url('https://static.igem.org/mediawiki/2017/3/35/Line.jpg') repeat-x 0px 39px;
+
        <link href="https://2017.igem.org/Template:BGIC-Union/animate-css?action=raw&amp;ctype=text/css" rel="stylesheet">
}
+
        <!-- carousel -->
 +
        <link href="https://2017.igem.org/Template:BGIC-Union/owlcarousel-css?action=raw&amp;ctype=text/css" rel="stylesheet">
 +
        <link href=" https://2017.igem.org/Template:BGIC-Union/fontawesomemin2-css?action=raw&amp;ctype=text/css" rel="stylesheet">
  
/* 2 months are stored in one view */
+
        <!-- main -->
.timelineLight .t_line_view {
+
        <link href="https://2017.igem.org/Team:BGIC-Union/mainstyle!/css?action=raw&amp;ctype=text/css" rel="stylesheet">
height:20px;
+
width:900px;
+
}
+
  
/* holder for year number */
+
        <script src="https://2017.igem.org/Template:BGIC-Union/newbootstrap-js?action=raw&amp;ctype=text/javascript"></script>
.timelineLight h3.t_line_year {
+
margin:0;
+
color:#545454;
+
}
+
  
/* holder for 1 month (constist of nodes and month caption) - we use borders to separate months thats why it has width 2px less then 50% */
+
        <!-- hover    -->
.timelineLight .t_line_m {
+
        <script src="https://2017.igem.org/Template:BGIC-Union/hovernew-js?action=raw&amp;ctype=text/javascript"></script>
margin-top:35px;
+
        <script src="https://2017.igem.org/Template:BGIC-Union/hoverzoomjs?action=raw&amp;ctype=text/javascript"></script>
height:10px;
+
        <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
border-left:1px solid #545454;
+
        <script type="text/javascript">
border-right:1px solid #545454;
+
            /*
width:448px;
+
            * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
}
+
            *
 +
            * Uses the built in easing capabilities added In jQuery 1.1
 +
            * to offer multiple easing options
 +
            *
 +
            * TERMS OF USE - jQuery Easing
 +
            *
 +
            * Open source under the BSD License.
 +
            *
 +
            * Copyright © 2008 George McGinley Smith
 +
            * All rights reserved.
 +
            *
 +
            * Redistribution and use in source and binary forms, with or without modification,
 +
            * are permitted provided that the following conditions are met:
 +
            *
 +
            * Redistributions of source code must retain the above copyright notice, this list of
 +
            * conditions and the following disclaimer.
 +
            * Redistributions in binary form must reproduce the above copyright notice, this list
 +
            * of conditions and the following disclaimer in the documentation and/or other materials
 +
            * provided with the distribution.
 +
            *
 +
            * Neither the name of the author nor the names of contributors may be used to endorse
 +
            * or promote products derived from this software without specific prior written permission.
 +
            *
 +
            * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
 +
            * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
 +
            * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
 +
            *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
 +
            *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
 +
            *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
 +
            * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 +
            *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
 +
            * OF THE POSSIBILITY OF SUCH DAMAGE.
 +
            *
 +
            */
  
/* month on the right side - has left set at 459 so border would overlap border from first element (to evade duplicated borders) */
+
            // t: current time, b: begInnIng value, c: change In value, d: duration
.timelineLight .t_line_m.right {
+
            jQuery.easing['jswing'] = jQuery.easing['swing'];
left:449px;
+
width:449px;
+
}
+
  
/* month caption */
+
            jQuery.extend( jQuery.easing,
.timelineLight h4.t_line_month {
+
                {
margin:-30px 0 0;
+
                    def: 'easeOutQuad',
color:#545454;
+
                    swing: function (x, t, b, c, d) {
}
+
                        //alert(jQuery.easing.default);
 +
                        return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
 +
                    },
 +
                    easeInQuad: function (x, t, b, c, d) {
 +
                        return c*(t/=d)*t + b;
 +
                    },
 +
                    easeOutQuad: function (x, t, b, c, d) {
 +
                        return -c *(t/=d)*(t-2) + b;
 +
                    },
 +
                    easeInOutQuad: function (x, t, b, c, d) {
 +
                        if ((t/=d/2) < 1) return c/2*t*t + b;
 +
                        return -c/2 * ((--t)*(t-2) - 1) + b;
 +
                    },
 +
                    easeInCubic: function (x, t, b, c, d) {
 +
                        return c*(t/=d)*t*t + b;
 +
                    },
 +
                    easeOutCubic: function (x, t, b, c, d) {
 +
                        return c*((t=t/d-1)*t*t + 1) + b;
 +
                    },
 +
                    easeInOutCubic: function (x, t, b, c, d) {
 +
                        if ((t/=d/2) < 1) return c/2*t*t*t + b;
 +
                        return c/2*((t-=2)*t*t + 2) + b;
 +
                    },
 +
                    easeInQuart: function (x, t, b, c, d) {
 +
                        return c*(t/=d)*t*t*t + b;
 +
                    },
 +
                    easeOutQuart: function (x, t, b, c, d) {
 +
                        return -c * ((t=t/d-1)*t*t*t - 1) + b;
 +
                    },
 +
                    easeInOutQuart: function (x, t, b, c, d) {
 +
                        if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
 +
                        return -c/2 * ((t-=2)*t*t*t - 2) + b;
 +
                    },
 +
                    easeInQuint: function (x, t, b, c, d) {
 +
                        return c*(t/=d)*t*t*t*t + b;
 +
                    },
 +
                    easeOutQuint: function (x, t, b, c, d) {
 +
                        return c*((t=t/d-1)*t*t*t*t + 1) + b;
 +
                    },
 +
                    easeInOutQuint: function (x, t, b, c, d) {
 +
                        if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
 +
                        return c/2*((t-=2)*t*t*t*t + 2) + b;
 +
                    },
 +
                    easeInSine: function (x, t, b, c, d) {
 +
                        return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
 +
                    },
 +
                    easeOutSine: function (x, t, b, c, d) {
 +
                        return c * Math.sin(t/d * (Math.PI/2)) + b;
 +
                    },
 +
                    easeInOutSine: function (x, t, b, c, d) {
 +
                        return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
 +
                    },
 +
                    easeInExpo: function (x, t, b, c, d) {
 +
                        return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
 +
                    },
 +
                    easeOutExpo: function (x, t, b, c, d) {
 +
                        return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
 +
                    },
 +
                    easeInOutExpo: function (x, t, b, c, d) {
 +
                        if (t==0) return b;
 +
                        if (t==d) return b+c;
 +
                        if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
 +
                        return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
 +
                    },
 +
                    easeInCirc: function (x, t, b, c, d) {
 +
                        return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
 +
                    },
 +
                    easeOutCirc: function (x, t, b, c, d) {
 +
                        return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
 +
                    },
 +
                    easeInOutCirc: function (x, t, b, c, d) {
 +
                        if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
 +
                        return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
 +
                    },
 +
                    easeInElastic: function (x, t, b, c, d) {
 +
                        var s=1.70158;var p=0;var a=c;
 +
                        if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
 +
                        if (a < Math.abs(c)) { a=c; var s=p/4; }
 +
                        else var s = p/(2*Math.PI) * Math.asin (c/a);
 +
                        return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
 +
                    },
 +
                    easeOutElastic: function (x, t, b, c, d) {
 +
                        var s=1.70158;var p=0;var a=c;
 +
                        if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
 +
                        if (a < Math.abs(c)) { a=c; var s=p/4; }
 +
                        else var s = p/(2*Math.PI) * Math.asin (c/a);
 +
                        return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
 +
                    },
 +
                    easeInOutElastic: function (x, t, b, c, d) {
 +
                        var s=1.70158;var p=0;var a=c;
 +
                        if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
 +
                        if (a < Math.abs(c)) { a=c; var s=p/4; }
 +
                        else var s = p/(2*Math.PI) * Math.asin (c/a);
 +
                        if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
 +
                        return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
 +
                    },
 +
                    easeInBack: function (x, t, b, c, d, s) {
 +
                        if (s == undefined) s = 1.70158;
 +
                        return c*(t/=d)*t*((s+1)*t - s) + b;
 +
                    },
 +
                    easeOutBack: function (x, t, b, c, d, s) {
 +
                        if (s == undefined) s = 1.70158;
 +
                        return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
 +
                    },
 +
                    easeInOutBack: function (x, t, b, c, d, s) {
 +
                        if (s == undefined) s = 1.70158;
 +
                        if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
 +
                        return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
 +
                    },
 +
                    easeInBounce: function (x, t, b, c, d) {
 +
                        return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
 +
                    },
 +
                    easeOutBounce: function (x, t, b, c, d) {
 +
                        if ((t/=d) < (1/2.75)) {
 +
                            return c*(7.5625*t*t) + b;
 +
                        } else if (t < (2/2.75)) {
 +
                            return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
 +
                        } else if (t < (2.5/2.75)) {
 +
                            return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
 +
                        } else {
 +
                            return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
 +
                        }
 +
                    },
 +
                    easeInOutBounce: function (x, t, b, c, d) {
 +
                        if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
 +
                        return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
 +
                    }
 +
                });
  
/* used in responsive layout when only one month is shown (it is span containing year) */
+
            /*
.t_line_month_year {
+
            *
display:none;
+
            * TERMS OF USE - EASING EQUATIONS
}
+
            *
 +
            * Open source under the BSD License.
 +
            *
 +
            * Copyright © 2001 Robert Penner
 +
            * All rights reserved.
 +
            *
 +
            * Redistribution and use in source and binary forms, with or without modification,
 +
            * are permitted provided that the following conditions are met:
 +
            *
 +
            * Redistributions of source code must retain the above copyright notice, this list of
 +
            * conditions and the following disclaimer.
 +
            * Redistributions in binary form must reproduce the above copyright notice, this list
 +
            * of conditions and the following disclaimer in the documentation and/or other materials
 +
            * provided with the distribution.
 +
            *
 +
            * Neither the name of the author nor the names of contributors may be used to endorse
 +
            * or promote products derived from this software without specific prior written permission.
 +
            *
 +
            * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
 +
            * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
 +
            * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
 +
            *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
 +
            *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
 +
            *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
 +
            * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 +
            *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
 +
            * OF THE POSSIBILITY OF SUCH DAMAGE.
 +
            *
 +
            */
 +
        </script>
  
/* node on the timeline */
+
        <script src="https://2017.igem.org/Template:BGIC-Union/newbootstrap-js?action=raw&amp;ctype=text/javascript"></script>
.timelineLight a.t_line_node {
+
        <!-- SLIDER_TIMELINE -->
text-decoration:none;
+
        <script type="text/javascript" src="https://2017.igem.org/Template:BGIC-Union/timeline-js?action=raw&amp;ctype=text/javascript"></script>
padding:38px 0 4px;
+
        <script type="text/javascript">
height:10px;
+
font-size:12px;
+
top:-25px;
+
background:url('https://static.igem.org/mediawiki/2017/2/2a/Dot.png') no-repeat center 24px;
+
color:#141817;
+
}
+
.timelineLight a.t_line_node:hover {
+
background:url('https://static.igem.org/mediawiki/2017/6/65/Dot-rollover.png') no-repeat center 24px;
+
}
+
.timelineLight a.t_line_node.active {
+
background:url('https://static.igem.org/mediawiki/2017/d/d7/Dot-selected.png') no-repeat center 24px;
+
}
+
  
/* node description */
+
            $(window).load(function() {
.timelineLight .t_node_desc {
+
                // dark
background: rgba(26,134,172,0.9);
+
                $('.timelineLight').timeline({
top:0;
+
                    openTriggerClass : '.read_more',
color:#fff;
+
                    startItem : '15/08/2012'
padding:1px 5px;
+
                });
}
+
            });
 +
        </script>
 +
        <!-- hover    -->
 +
        <script src="https://2017.igem.org/Template:BGIC-Union/hovernew-js?action=raw&amp;ctype=text/javascript"></script>
 +
        <script src="https://2017.igem.org/Template:BGIC-Union/hoverzoomjs?action=raw&amp;ctype=text/javascript"></script>
 +
    </head>
 +
    <style>
 +
        .divfont{
 +
            font-family: Arial !important;
 +
            font-size: 16px;
 +
        }
 +
        .dabiaoti {
 +
            font-size: 34px;
 +
            font-family: Arial !important;
 +
            text-align: center;
 +
        }
 +
        .xiaobiaoti {
 +
            font-size: 20px;
 +
            font-weight: bold;
 +
            font-family: Arial !important;
  
/* descriptions on right side go from right to left */
+
        }
.timelineLight .t_node_desc.pos_right {
+
        .imgbiaoti {
right:0;
+
            font-size: 14px;
}
+
            font-weight: bold;
 +
            font-family: Arial !important;
 +
        }
 +
        .imgzhengwen {
 +
            font-size: 14px;
 +
            font-weight: normal;
 +
            font-family: Arial !important;
  
/* line arrow left */
 
.timelineLight #t_line_left {
 
cursor:pointer;
 
left:-30px;
 
top:30px;
 
width:14px;
 
height:19px;
 
background:url('https://static.igem.org/mediawiki/2017/9/95/Bgic-arrow.png') no-repeat left top;
 
}
 
 
.timelineLight #t_line_left:hover {
 
background:url('https://static.igem.org/mediawiki/2017/9/95/Bgic-arrow.png') no-repeat left bottom;
 
}
 
 
/* line arrow right */
 
.timelineLight #t_line_right {
 
cursor:pointer;
 
right:-30px;
 
top:30px;
 
width:14px;
 
height:19px;
 
background:url('https://static.igem.org/mediawiki/2017/9/95/Bgic-arrow.png') no-repeat right top;
 
}
 
 
.timelineLight #t_line_right:hover {
 
background:url('https://static.igem.org/mediawiki/2017/9/95/Bgic-arrow.png') no-repeat right bottom;
 
}
 
.timelineLight {
 
display:none;
 
}
 
 
/* items container */
 
.timelineLight .timeline_items {
 
padding:10px 0;
 
}
 
 
/* single item (margines set from javascript) */
 
.timelineLight .item {
 
height:380px;
 
text-align:center;
 
background:url('../images/timeline/light/background-white.jpg') repeat;
 
color:#545454;
 
-moz-box-shadow: -3px 1px 6px rgba(0,0,0,0.4);
 
-webkit-box-shadow: -3px 1px 6px rgba(0,0,0,0.4);
 
box-shadow: -3px 1px 6px rgba(0,0,0,0.4);
 
width:200px;
 
}
 
 
/* ----- content - non-plugin elements ----- */
 
.timelineLight .item img {
 
margin-top:0;
 
width:200px;
 
}
 
 
.timelineLight .item span{
 
display:block;
 
margin:0px 20px 10px;
 
height:150px;
 
}
 
.timelineLight .item .read_more {
 
padding:2px 8px 2px 10px;
 
font-family: 'BebasNeueRegular';
 
font-size:20px;
 
float:right;
 
color:#ffffff;
 
background: rgba(0,0,0,0.35);
 
cursor:pointer;
 
}
 
.timelineLight .item .read_more:hover {
 
background:rgb(26,134,172);
 
}
 
/* ----------------------------------------- */
 
 
/* item details (margines set from javascript) */
 
.timelineLight .item_open {
 
height:380px;
 
background:url('../images/timeline/light/background.jpg') repeat;
 
position:relative;
 
color:#545454;
 
z-index:2;
 
-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.4);
 
-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.4);
 
box-shadow: 0px 0px 6px rgba(0,0,0,0.4);
 
width:490px;
 
 
}
 
 
/* item details content wrapper (used for animation - shuld have same width as .item_open) */
 
.timelineLight .item_open_cwrapper {
 
width:490px;
 
}
 
 
/* ----- content - non-plugin elements ----- */
 
.timelineLight .timeline_open_content {
 
padding:20px;
 
}
 
 
.timelineLight .item_open h2 {
 
margin-top:10px;
 
padding-top:0;
 
font-size:28px;
 
}
 
.timelineLight .item_open .t_close {
 
position:absolute;
 
top:10px;
 
right:10px;
 
padding:2px 8px 2px 10px;
 
font-family: 'BebasNeueRegular';
 
font-size:20px;
 
color:#ffffff;
 
background: rgba(0,0,0,0.25);
 
cursor:pointer;
 
}
 
.timelineLight .item_open .t_close:hover {
 
background:rgb(26,134,172);
 
}
 
/* ----------------------------------------- */
 
 
/* left/right controles */
 
.timelineLight .t_controles {
 
margin:10px auto;
 
text-align:center;
 
}
 
.timelineLight .t_left,
 
.timelineLight .t_right {
 
display:inline-block;
 
height:50px;
 
width:29px;
 
margin:10px;
 
cursor:pointer;
 
}
 
.timelineLight .t_left, 
 
.timelineLight .t_left:hover:active {
 
background: url('https://static.igem.org/mediawiki/2017/b/ba/Big-arrow.png') no-repeat left top;
 
}
 
.timelineLight .t_left:hover {
 
background: url('https://static.igem.org/mediawiki/2017/b/ba/Big-arrow.png') no-repeat left bottom;
 
}
 
 
.timelineLight .t_right,
 
.timelineLight .t_right:hover:active{
 
background: url('https://static.igem.org/mediawiki/2017/b/ba/Big-arrow.png') no-repeat right top;
 
}
 
 
.timelineLight .t_right:hover {
 
background: url('https://static.igem.org/mediawiki/2017/b/ba/Big-arrow.png') no-repeat right bottom;
 
}
 
 
/* -----------------------------------------------------------------------*/
 
/* ------------------------------ RESPONSIVE -----------------------------*/
 
/* -----------------------------------------------------------------------*/
 
 
 
 
/* --- 768px --- */
 
@media screen and (max-width:980px) {
 
 
.timelineLight .timeline_line {
 
width:680px;
 
}
 
 
.timelineLight .t_line_view {
 
width:680px;
 
}
 
 
.timelineLight .t_line_m {
 
width: 338px;
 
}
 
.timelineLight .t_line_m.right {
 
left: 339px;
 
width: 339px;
 
}
 
}
 
 
 
/* --- 610px --- */
 
@media screen and (max-width:767px) {
 
 
.timelineLight .timeline_line {
 
width:530px;
 
}
 
 
.timelineLight .t_line_view {
 
width:1060px;
 
}
 
 
.timelineLight .t_line_m {
 
width: 528px;
 
}
 
.timelineLight .t_line_m.right {
 
left: 530px;
 
width: 528px;
 
}
 
.timelineLight .t_line_year {
 
opacity:0;
 
filter:alpha(opacity=0)
 
}
 
.timelineLight .t_line_month_year {
 
display:inline;
 
}
 
 
.timelineLight .t_line_node span {
 
 
}
 
.timelineLight .t_node_desc {
 
font-size:8px;
 
}
 
.timelineLight .t_node_desc.pos_right {
 
right:auto;
 
left:0;
 
}
 
}
 
 
 
/* --- 300px --- */
 
@media screen and (max-width:
 
 
) {
 
.timelineLight .timeline_line {
 
width:240px;
 
}
 
 
.timelineLight .t_line_view {
 
width:480px;
 
}
 
 
.timelineLight .t_line_m {
 
width: 238px;
 
}
 
.timelineLight .t_line_m.right {
 
left: 240px;
 
width: 238px;
 
}
 
 
.timelineLight .item_open {
 
width:280px;
 
height:390px;
 
}
 
.timelineLight .item_open_cwrapper {
 
width:280px;
 
}
 
}
 
 
 
 
 
</style>
 
 
  <!-- main -->
 
  <style type="text/css">
 
 
 
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
 
#top_title,#sideMenu { display: none !important; }
 
        #content {
 
            width: 100%;
 
            margin: 0;
 
            padding: 0;
 
           
 
 
         }
 
         }
 +
        p {
 +
            font-family: Arial !important;
 +
        }
 +
    </style>
  
 +
<body>
 +
<div class="column_full_size top1 divfont">
 +
    <nav class="navbar navbar-inverse navbar-static-top" role="navigation">
 +
        <div class="container-fluid">
 +
            <div class="navbar-header">
 +
                <a class="navbar-brand" href="https://2017.igem.org/Team:BGIC-Union">BGIC-Union</a>
 +
            </div>
 +
            <div>
 +
                <ul class="nav navbar-nav navbar-center">
 +
                    <li class="active" >  <a href="https://2017.igem.org/Team:BGIC-Union"><b>HOME</b></a></li>
  
  
 +
                    <li> <a href="https://2017.igem.org/Team:BGIC-Union/Team">Team</a></li>
 +
                    <li class="dropdown">
 +
                        <a href="https://2017.igem.org/Team:BGIC-Union/Team" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
 +
                        <ul class="dropdown-menu">
 +
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/Team">members</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/Collaborations">collaborations</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/Sponsors">sponsors</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/Attributions">attributions</a></li>
 +
                        </ul>
 +
                    </li>
  
#content{
+
                    <li> <a href="https://2017.igem.org/Team:BGIC-Union/Project">Project</a></li>
  background-color: #FFe4e1; !important;
+
}
+
  
 +
                    <li class="dropdown ">
 +
                        <a href="https://2017.igem.org/Team:BGIC-Union/Project" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
 +
                        </a>
 +
                        <ul class="dropdown-menu" >
 +
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/Description">description</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/Design" >design</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/Result">results</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/Model">model</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/Demonstrate">demonstrate</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/Improve">improve</a></li>
 +
                        </ul>
 +
                    </li>
  
+
                    <li>  <a href="https://2017.igem.org/Team:BGIC-Union/Lab">Lab</a></li>
html, body {
+
                    <li class="dropdown ">    <a href="https://2017.igem.org/Team:BGIC-Union/Lab" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
    margin: 0 !important;
+
                        <ul class="dropdown-menu" role="menu">
    padding: 0 !important;
+
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/Experiments">experiments</a></li>
}
+
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">notebook</a></li>
body {
+
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/InterLab">InterLab</a></li></ul>
  background-color: #FFe4e1;
+
                    </li>
  font-family: 'Montserrat', sans-serif;
+
    font-weight: 400;
+
    font-size: 14px;
+
    color: #555;
+
    ;
+
    -webkit-font-smoothing: antialiased;
+
    -webkit-overflow-scrolling: touch;
+
}
+
  
/* Titles */
+
                    <li><a href="https://2017.igem.org/Team:BGIC-Union/Parts">Parts</a></li>
h1, h2, h3, h4, h5, h6 {
+
                    <li class="dropdown "> <a href="https://2017.igem.org/Team:BGIC-Union/Parts" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
font-family: 'Montserrat', sans-serif;
+
    font-weight: 700;
+
    color: #333;
+
}
+
  
h1 {
+
                        <ul class="dropdown-menu" role="menu">
font-size: 35px;
+
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/Parts #BasicParts">basic parts</a></li>
margin-top: 30px;
+
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/Composite_Parts #CompositeParts">composite parts</a></li>
margin-bottom: 30px;
+
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/Parts_Collection #Collection">parts collection</a></li>
}
+
  
  
 +
                        </ul>
 +
                    </li>
  
/* Paragraph &amp; Typographic */
+
                    <li>    <a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design">Practices-Design</a></li>
p {
+
                    <li class="dropdown ">  <a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
    line-height: 28px;
+
                        <ul class="dropdown-menu" role="menu">
    margin-bottom: 25px;
+
    font-size: 16px;
+
}
+
  
.centered {
+
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/HP/Silver">silver</a></li>
    text-align: center;
+
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/HP/Gold_Integrated">gold</a></li>
}
+
  
/* Links */
+
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/Engagement">public engagement</a></li>
a {
+
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/Applied_Design">applied design</a></li>
    color: #20B2AA;
+
    word-wrap: break-word;
+
  
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
+
                            <li><a href="https://2017.igem.org/Team:BGIC-Union/Entrepreneurship">entrepreneurship</a></li>
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
+
                        </ul>
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
+
                    </li>
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
+
                    <li class="dropdown ">
     transition: color 0.1s ease-in, background 0.1s ease-in;
+
                        <a href="https://2017.igem.org/Team:BGIC-Union/Safety">Safety </a>
}
+
                    </li>
 +
                    <li class="dropdown ">
 +
                        <a href="https://2017.igem.org/Team:BGIC-Union/Evaluation" >EVALUATION </a>
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
        </div>
 +
     </nav>
  
a:hover,
 
a:focus {
 
    color: #7b7b7b;
 
    text-decoration: none;
 
    outline: 0;
 
}
 
  
a:before,
 
a:after {
 
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
 
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
 
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
 
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
 
    transition: color 0.1s ease-in, background 0.1s ease-in;
 
}
 
  
hr {
+
     <section>
    display: block;
+
        <div class="container mt pt" >
    height: 1px;
+
    border: 0;
+
    border-top: 1px solid #ccc;
+
    margin: 1em 0;
+
     padding: 0;
+
}
+
  
.copyrights{
+
            <div id='groupparts PartsCollection' style='min-height:100px;width:700px;'><div style='width:300px;margin:2px;padding:20px;color:gray;border:1px solid gray'>Loading.....</div></div><script>$('#groupparts').load('/cgi/api/groupparts.cgi', { t:'iGEM17', g:'BGIC-Union' },function(){ $('#groupparts .tablesorter').tablesorter();} );</script>
text-indent:-9999px;
+
            <p>
height:0;
+
line-height:0;
+
font-size:0;
+
overflow:hidden;
+
}
+
  
.navbar {
 
text-transform: uppercase;
 
margin-bottom: 0px;
 
}
 
  
.navbar-inverse {
 
padding-bottom: 70px;
 
padding-top: 70px;
 
}
 
  
.navbar-inverse {
+
            <div id="BasicParts">
background-color: #FFA07A;
+
                </br>
border-color: #FA8072;
+
                We create four Basic Biobricks regarding to T7-dCas9.</br>
}
+
                NT7-dCas9<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2371000">BBa_K2371000</a></br>
 +
                CT7-dCas9<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2371001">BBa_K2371001</a></br>
 +
                NT7      <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2371001">BBa_K2371002</a></br>
 +
                CT7      <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2371003 ">BBa_K2371003</a></br>
 +
                </br>
 +
                <h3 class="xiaobiaoti">Description:</h3></br>
 +
                The first two Biobricks are the two split T7 polymerase sequence we adopted. We provide them for other team to leverage them through other methods. We choose the split site suggested by the team of Tiyun Han, Quan Chen and Haiyan Liu. [7] </br>
 +
                The following two Biobricks are the sequence of T7 polymerase connected to dCas9 protein. The linker between split T7 polymerase and dCas9 is GGGGSGGGGS adopted by Peking University. A 6 X His-tag is added on C terminus of dCas9 in order to purify it. </br>
 +
            </div>
 +
            </br>
 +
            <div id="CompositeParts">
  
.navbar-inverse .navbar-nav > li > a {
+
                We create seven composite Biobricks regarding to sgRNA. </br>
color: white;
+
                We created a Biobrick for each of sgRNA and insert T7 promotor and T7 terminator before and after the sequence respectively in order to utilize them to transcribe sgRNA in vitro. The sequences are synthesize through Oligo DNA bridging designed by DNAworks. The detail of synthesis method is in the
}
+
                experiment. </br>
 +
                </br></br><img src= "https://static.igem.org/mediawiki/2017/1/16/Pro6.jpg" width="600px"/></br></br>
  
.navbar-inverse .navbar-nav > li > a:hover {
 
color: #222222;
 
}
 
  
.navbar-brand {
+
                <h6 class="imgbiaoti">Figure 1. The plasmid of sgRNA generator. <span class="imgzhengwen">The sgRNA generator Biobrick is composed of a T7 promotor, coding sequence for sgRNA and a T7 terminator.</span></h6>
font-weight: 700;
+
                </br></br>
font-size: 20px;
+
letter-spacing: 2px;
+
}
+
  
.navbar-inverse .navbar-brand {
 
color: white;
 
}
 
  
.navbar-inverse .navbar-toggle {
 
border-color: transparent;
 
}
 
  
.progress-bar-theme {
 
  background-color: #FFA07A;
 
}
 
  
 +
                </p>
  
/* Helpers */
+
                sgRNA generator for EML4-ALK Variant A 23  <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2371004">BBa_K2371004</a></br>
 +
                sgRNA generator for EML4-ALK Variant A 33<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2371005">BBa_K2371005</a></br>
 +
                sgRNA generator for EML4-ALK Variant A 83<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2371006">BBa_K2371006</a></br>
 +
                sgRNA generator for EML4-ALK Variant A 93<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2371007">BBa_K2371007</a></br>
 +
                sgRNA generator for EML4-ALK Variant A 70<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2371008">BBa_K2371008</a></br>
 +
                sgRNA generator for EML4-ALK Variant A 126<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2371009">BBa_K2371009</a></br>
 +
                sgRNA generator for EML4-ALK Variant A 147<a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2371010">BBa_K2371010</a></br>
 +
                <!--sgRNA generator for EML4-ALK Variant A 23  BBa_K2371004</br>-->
 +
                <!--sgRNA generator for EML4-ALK Variant A 33  BBa_K2371005</br>-->
 +
                <!--sgRNA generator for EML4-ALK Variant A 83  BBa_K2371006</br>-->
 +
                <!--sgRNA generator for EML4-ALK Variant A 93  BBa_K2371007</br>-->
 +
                <!--sgRNA generator for EML4-ALK Variant B 70  BBa_K2371008</br>-->
 +
                <!--sgRNA generator for EML4-ALK Variant B 126 BBa_K2371009</br>-->
 +
                <!--sgRNA generator for EML4-ALK Variant B 147 BBa_K2371010</br>-->
  
.mt {
+
                </br>
margin-top: 40px;
+
margin-bottom: 40px;
+
}
+
  
.pt {
+
                We create two supplemental composite biobricks for expression of GFP and RFP in cell free system. </br>
padding-top: 50px;
+
padding-bottom: 50px;
+
}
+
  
 +
                pT7-eforRed BBa_K2371011</br>
  
/* +++++ WRAP SECTIONS +++++ */
+
                pT7-amilGFP BBa_K2371012</br>
  
#ww {
+
                These two biobricks are composed of a T7 promotor with a coding sequence of GFP or RFP. </br>
padding-top: 0px;
+
padding-bottom: 70px;
+
background-color: #f2f2f2;
+
}
+
  
 +
                </br></br><img src= "https://static.igem.org/mediawiki/2017/2/2a/Rfp.png" width="600px"/></br></br>
  
#footer {
+
                <h6 class="imgzhengwen" >Figure 2. The plasmid of pT7-eforRED. <span class="imgzhengwen">pT7-eforRED is composed of a T7 promotor, an RBS and the coding sequence of RFP. This plasmid is used to act as report gene in our report system.</span></h6>
background-color: #ADD8E6;
+
padding-top: 50px;
+
padding-bottom: 50px;
+
}
+
  
#footer p {
 
color: white;
 
}
 
  
#footer h4 {
+
                These two biobricks are supposed to cooperate with T7 PC report system in cell free system. The user need to conduct a PCR to linearize the part before reacting with T7 report system. When the split T7 polymerase reassemble, it will start transcription of GFP and RFP from these two plasmids.
color: white;
+
                </br>
text-transform: uppercase;
+
padding-bottom: 20px;
+
}
+
  
 +
                We conducted enzyme check.(XbaI and SpeI) </br>
  
/* +++++ Color Wraps / Blog Page +++++ */
 
  
#grey {
 
padding-top: 60px;
 
padding-bottom: 60px;
 
background-color: #f2f2f2;
 
}
 
  
#white {
+
                <img src="https://static.igem.org/mediawiki/2017/b/b0/Rdcheck.png" height="600px" />
padding-top: 60px;
+
                </br></br><h6 class="imgbiaoti">Figure 4.RD check of eforRed and amliGFP. XbaI and SpeI were used. <span class="imgzhengwen">The expected length of both amliGFP and eforRed should be around 750bp.</span></h6></br></br></br></br>
padding-bottom: 60px;
+
background-color: #ffffff;
+
}
+
  
  
  
/* Blog Date*/
 
bd {
 
font-size: 12px;
 
text-transform: uppercase;
 
color: #d2d2d2;
 
font-weight: 700;
 
}
 
 
/* Blog Author*/
 
ba {
 
font-size: 12px;
 
text-transform: uppercase;
 
}
 
 
/* Blog Quote */
 
.bq {
 
font-size: 22px;
 
padding-top: 30px;
 
}
 
 
/* Blog Tags */
 
bt {
 
font-size: 12px;
 
}
 
 
/* ================== PORTFOLIO IMAGES HOVER EFFECT ================== */
 
/* Effects also are controled by hover.zoom.js */
 
.zoom {
 
    display:block;
 
    position:relative;
 
    overflow:hidden;
 
    background:transparent url(https://static.igem.org/mediawiki/2017/f/fe/Bgic_loader.gif) no-repeat center;
 
}
 
 
 
    .zoomOverlay {
 
        position:absolute;
 
        top:0; left:0;
 
        bottom:0; right:0;
 
        display:none;
 
        background-image:url(../img/zoom.png);
 
        background-repeat:no-repeat;
 
        background-position:center;
 
    }
 
 
.zoom2 {
 
opacity: 1;
 
}
 
 
.zoom2:hover {
 
opacity: 0.5;
 
}
 
 
/* glyphicon Configuration */
 
 
.glyphicon {
 
font-size: 40px;
 
color: #1abc9c;
 
}
 
  </style>
 
  <!-- slider -->
 
  <style type="text/css">
 
 
  /* Section Slider
 
========================================================= */
 
 
/* Carousel Slider
 
============================================== */
 
#slider_part {
 
    height: 900px;
 
    width: 100%;
 
    overflow: hidden;
 
background-color: #f2f2f2;
 
}
 
 
.carousel-caption {
 
    top: 30%;
 
    margin-top: -70px;
 
    text-shadow: none!important;
 
    left: 9%;
 
    right: 10%;
 
    -webkit-transition: all.3s ease 0s;
 
    -o-transition: all.3s ease 0s;
 
    transition: all.3s ease 0s;
 
    text-align: center;
 
}
 
 
.carousel-caption h3 {
 
    text-shadow: none;
 
    font-size: 70px;
 
    line-height: 92px;
 
    font-weight: 300;
 
    margin: 20px 0px;
 
    transition-delay: .3s;
 
    -webkit-transition-delay: .3s;
 
    -o-transition-delay: .3s;
 
    text-transform: capitalize!important;
 
}
 
 
.carousel-caption p {
 
    font-size: 46px;
 
    line-height: 62px;
 
    font-weight: 500;
 
    color: #fff;
 
    transition-delay: .3s;
 
    -moz-transition-delay: .3s;
 
    -o-transition-delay: .3s;
 
    margin: 40px 0px;
 
    text-transform: uppercase;
 
}
 
 
.carousel-caption img {
 
    border: 2px solid#fff;
 
    padding: 10px 10px 10px 20px;
 
}
 
 
.line {
 
    width: 100px;
 
    height: 5px;
 
    color: #222;
 
    margin: 0px auto;
 
}
 
 
.carousel-caption p i {
 
    font-size: 7px;
 
    margin: 0px 3px;
 
    position: relative;
 
    top: -3px;
 
}
 
 
.carousel .item {
 
    -webkit-transition: opacity .3s;
 
    -moz-transition: opacity .3s;
 
    -ms-transition: opacity .3s;
 
    -o-transition: opacity .3s;
 
    transition: opacity .3s;
 
}
 
 
.btn-featured {
 
    text-decoration: none;
 
    position: relative;
 
    -webkit-transition: all .3s ease-in-out;
 
    -o-transition: all .3s ease-in-out;
 
    transition: all .3s ease-in-out;
 
    background: transparent;
 
    border-radius: 2px;
 
    z-index: 1;
 
    font-weight: 500;
 
    font-size: 18px;
 
    line-height: 20px;
 
    padding: 15px 40px !important;
 
    text-transform: uppercase;
 
    margin-top: 20px;
 
    margin-right: 10px;
 
}
 
 
.carousel-control.left,.carousel-control.right {
 
    background-image: none !important;
 
    background-repeat: no-repeat !important;
 
}
 
 
.carousel-control {
 
    width: 4% !important;
 
}
 
 
.carousel-caption img {
 
    height: auto;
 
}
 
 
.carousel-indicators {
 
    bottom: 100px;
 
    width: 10%;
 
    left: 45%;
 
    margin: 0 auto;
 
    bottom: 30%;
 
}
 
 
.carousel-indicators li {
 
    width: 20px !important;
 
    height: 20px !important;
 
    border: 2px solid #FFF !important;
 
    margin: 0px !important;
 
    border-radius: 50%;
 
}
 
 
.carousel-control.left span {
 
    padding: 15px;
 
}
 
 
.slides-control .carousel-control i {
 
    line-height: 36px;
 
    font-size: 32px;
 
    padding-top: 6px;
 
    -moz-transition: all 500ms ease;
 
    -webkit-transition: all 500ms ease;
 
    -ms-transition: all 500ms ease;
 
    -o-transition: all 500ms ease;
 
    transition: all 500ms ease;
 
    border-radius: 50%;
 
    width: 50px;
 
    height: 50px;
 
}
 
 
.slides-control .carousel-control {
 
    position: absolute;
 
    width: 240px;
 
    top: 45%;
 
    z-index: 10;
 
}
 
 
.carousel-control.left {
 
    left: -15px;
 
}
 
 
.carousel-control.right {
 
    right: 0px;
 
}
 
 
.carousel-control.left {
 
    width: 120px;
 
    height: 40px;
 
}
 
 
.carousel-control.right {
 
    width: 120px;
 
    height: 40px;
 
}
 
 
.overlay-slide {
 
    background: #000;
 
    height: 65%;
 
    width: 100%;
 
}
 
 
.overlay-slide img {
 
    opacity: 1;
 
    width: 100%;
 
    height: auto;
 
}
 
 
/*-- Animation --*/
 
 
.carousel .item.active .animated2 {
 
    -webkit-animation: lightSpeedIn 1s ease-in 200ms both;
 
    animation: lightSpeedIn 1s ease-in 200ms both;
 
}
 
 
.carousel .item.active .animated3 .animated4 {
 
    -webkit-animation: bounceInLeft 1s ease-in-out 500ms both;
 
    animation: bounceInLeft 1s ease-in-out 500ms both;
 
}
 
.animated4 {color:#4169E1
 
}
 
.img{
 
-webkit-filter: brightness(1);
 
}
 
 
  </style>
 
  <!-- script -->
 
  <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
 
  <script type="text/javascript">
 
  /*
 
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
 
*
 
* Uses the built in easing capabilities added In jQuery 1.1
 
* to offer multiple easing options
 
*
 
* TERMS OF USE - jQuery Easing
 
*
 
* Open source under the BSD License.
 
*
 
* Copyright © 2008 George McGinley Smith
 
* All rights reserved.
 
*
 
* Redistribution and use in source and binary forms, with or without modification,
 
* are permitted provided that the following conditions are met:
 
*
 
* Redistributions of source code must retain the above copyright notice, this list of
 
* conditions and the following disclaimer.
 
* Redistributions in binary form must reproduce the above copyright notice, this list
 
* of conditions and the following disclaimer in the documentation and/or other materials
 
* provided with the distribution.
 
*
 
* Neither the name of the author nor the names of contributors may be used to endorse
 
* or promote products derived from this software without specific prior written permission.
 
*
 
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
 
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
 
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
 
*  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
 
*  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
 
*  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
 
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 
*  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
 
* OF THE POSSIBILITY OF SUCH DAMAGE.
 
*
 
*/
 
 
// t: current time, b: begInnIng value, c: change In value, d: duration
 
jQuery.easing['jswing'] = jQuery.easing['swing'];
 
 
jQuery.extend( jQuery.easing,
 
{
 
def: 'easeOutQuad',
 
swing: function (x, t, b, c, d) {
 
//alert(jQuery.easing.default);
 
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
 
},
 
easeInQuad: function (x, t, b, c, d) {
 
return c*(t/=d)*t + b;
 
},
 
easeOutQuad: function (x, t, b, c, d) {
 
return -c *(t/=d)*(t-2) + b;
 
},
 
easeInOutQuad: function (x, t, b, c, d) {
 
if ((t/=d/2) < 1) return c/2*t*t + b;
 
return -c/2 * ((--t)*(t-2) - 1) + b;
 
},
 
easeInCubic: function (x, t, b, c, d) {
 
return c*(t/=d)*t*t + b;
 
},
 
easeOutCubic: function (x, t, b, c, d) {
 
return c*((t=t/d-1)*t*t + 1) + b;
 
},
 
easeInOutCubic: function (x, t, b, c, d) {
 
if ((t/=d/2) < 1) return c/2*t*t*t + b;
 
return c/2*((t-=2)*t*t + 2) + b;
 
},
 
easeInQuart: function (x, t, b, c, d) {
 
return c*(t/=d)*t*t*t + b;
 
},
 
easeOutQuart: function (x, t, b, c, d) {
 
return -c * ((t=t/d-1)*t*t*t - 1) + b;
 
},
 
easeInOutQuart: function (x, t, b, c, d) {
 
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
 
return -c/2 * ((t-=2)*t*t*t - 2) + b;
 
},
 
easeInQuint: function (x, t, b, c, d) {
 
return c*(t/=d)*t*t*t*t + b;
 
},
 
easeOutQuint: function (x, t, b, c, d) {
 
return c*((t=t/d-1)*t*t*t*t + 1) + b;
 
},
 
easeInOutQuint: function (x, t, b, c, d) {
 
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
 
return c/2*((t-=2)*t*t*t*t + 2) + b;
 
},
 
easeInSine: function (x, t, b, c, d) {
 
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
 
},
 
easeOutSine: function (x, t, b, c, d) {
 
return c * Math.sin(t/d * (Math.PI/2)) + b;
 
},
 
easeInOutSine: function (x, t, b, c, d) {
 
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
 
},
 
easeInExpo: function (x, t, b, c, d) {
 
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
 
},
 
easeOutExpo: function (x, t, b, c, d) {
 
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
 
},
 
easeInOutExpo: function (x, t, b, c, d) {
 
if (t==0) return b;
 
if (t==d) return b+c;
 
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
 
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
 
},
 
easeInCirc: function (x, t, b, c, d) {
 
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
 
},
 
easeOutCirc: function (x, t, b, c, d) {
 
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
 
},
 
easeInOutCirc: function (x, t, b, c, d) {
 
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
 
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
 
},
 
easeInElastic: function (x, t, b, c, d) {
 
var s=1.70158;var p=0;var a=c;
 
if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
 
if (a < Math.abs(c)) { a=c; var s=p/4; }
 
else var s = p/(2*Math.PI) * Math.asin (c/a);
 
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
 
},
 
easeOutElastic: function (x, t, b, c, d) {
 
var s=1.70158;var p=0;var a=c;
 
if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
 
if (a < Math.abs(c)) { a=c; var s=p/4; }
 
else var s = p/(2*Math.PI) * Math.asin (c/a);
 
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
 
},
 
easeInOutElastic: function (x, t, b, c, d) {
 
var s=1.70158;var p=0;var a=c;
 
if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
 
if (a < Math.abs(c)) { a=c; var s=p/4; }
 
else var s = p/(2*Math.PI) * Math.asin (c/a);
 
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
 
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
 
},
 
easeInBack: function (x, t, b, c, d, s) {
 
if (s == undefined) s = 1.70158;
 
return c*(t/=d)*t*((s+1)*t - s) + b;
 
},
 
easeOutBack: function (x, t, b, c, d, s) {
 
if (s == undefined) s = 1.70158;
 
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
 
},
 
easeInOutBack: function (x, t, b, c, d, s) {
 
if (s == undefined) s = 1.70158;
 
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
 
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
 
},
 
easeInBounce: function (x, t, b, c, d) {
 
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
 
},
 
easeOutBounce: function (x, t, b, c, d) {
 
if ((t/=d) < (1/2.75)) {
 
return c*(7.5625*t*t) + b;
 
} else if (t < (2/2.75)) {
 
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
 
} else if (t < (2.5/2.75)) {
 
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
 
} else {
 
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
 
}
 
},
 
easeInOutBounce: function (x, t, b, c, d) {
 
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
 
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
 
}
 
});
 
 
/*
 
*
 
* TERMS OF USE - EASING EQUATIONS
 
*
 
* Open source under the BSD License.
 
*
 
* Copyright © 2001 Robert Penner
 
* All rights reserved.
 
*
 
* Redistribution and use in source and binary forms, with or without modification,
 
* are permitted provided that the following conditions are met:
 
*
 
* Redistributions of source code must retain the above copyright notice, this list of
 
* conditions and the following disclaimer.
 
* Redistributions in binary form must reproduce the above copyright notice, this list
 
* of conditions and the following disclaimer in the documentation and/or other materials
 
* provided with the distribution.
 
*
 
* Neither the name of the author nor the names of contributors may be used to endorse
 
* or promote products derived from this software without specific prior written permission.
 
*
 
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
 
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
 
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
 
*  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
 
*  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
 
*  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
 
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 
*  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
 
* OF THE POSSIBILITY OF SUCH DAMAGE.
 
*
 
*/
 
</script>
 
 
 
  <script src="https://2017.igem.org/Template:BGIC-Union/newbootstrap-js?action=raw&amp;ctype=text/javascript"></script>
 
  <!-- SLIDER_TIMELINE -->
 
<script type="text/javascript" src="https://2017.igem.org/Template:BGIC-Union/timeline-js?action=raw&amp;ctype=text/javascript"></script>
 
<script type="text/javascript">
 
 
$(window).load(function() {
 
// dark
 
$('.timelineLight').timeline({
 
openTriggerClass : '.read_more',
 
startItem : '15/08/2012'
 
});
 
});
 
</script>
 
<!-- hover    --> 
 
  <script src="https://2017.igem.org/Template:BGIC-Union/hovernew-js?action=raw&amp;ctype=text/javascript"></script>
 
  <script src="https://2017.igem.org/Template:BGIC-Union/hoverzoomjs?action=raw&amp;ctype=text/javascript"></script>
 
  </head>
 
 
<body>
 
<div class="column_full_size top1">
 
<nav class="navbar navbar-inverse navbar-static-top" role="navigation">
 
    <div class="container-fluid">
 
    <div class="navbar-header">
 
        <a class="navbar-brand" href="https://2017.igem.org/Team:BGIC-Union">BGIC-Union</a>
 
        </div>
 
    <div>
 
        <ul class="nav navbar-nav navbar-center">
 
            <li class="active" >  <a href="https://2017.igem.org/Team:BGIC-Union"><b>HOME</b></a></li>
 
         
 
           
 
          <li> <a href="https://2017.igem.org/Team:BGIC-Union/Team">Team</a></li>
 
  <li class="dropdown">
 
                            <a href="https://2017.igem.org/Team:BGIC-Union/Team" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
 
                <ul class="dropdown-menu">
 
                    <li><a href="https://2017.igem.org/Team:BGIC-Union/Team">members</a></li>
 
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Collaborations">collaborations</a></li>
 
<li><a href="https://2017.igem.org/Team:BGIC-Union/Sponsors">sponsors</a></li>
 
<li><a href="https://2017.igem.org/Team:BGIC-Union/Attributions">attributions</a></li>
 
                            </ul>
 
            </li>
 
 
                          <li> <a href="https://2017.igem.org/Team:BGIC-Union/Project">Project</a></li>
 
 
<li class="dropdown ">
 
                            <a href="https://2017.igem.org/Team:BGIC-Union/Project" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
 
</a>
 
                            <ul class="dropdown-menu" >
 
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Description">description</a></li>
 
<li><a href="https://2017.igem.org/Team:BGIC-Union/Design”></a>design</li>
 
<li><a href="https://2017.igem.org/Team:BGIC-Union/Results">results</a></li>
 
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Model">model</a></li>
 
<li><a href="https://2017.igem.org/Team:BGIC-Union/Demonstrate">demonstrate</a></li>
 
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Improve">improve</a></li>
 
                            </ul>
 
                        </li>
 
                       
 
                        <li>  <a href="https://2017.igem.org/Team:BGIC-Union/Lab">Lab</a></li>
 
                        <li class="dropdown ">    <a href="https://2017.igem.org/Team:BGIC-Union/Lab" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
 
                            <ul class="dropdown-menu" role="menu">
 
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Experiments">experiments</a></li>
 
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">notebook</a></li>
 
<li><a href="https://2017.igem.org/Team:BGIC-Union/InterLab">InterLab</a></li></ul>
 
                        </li>
 
                     
 
<li><a href="https://2017.igem.org/Team:BGIC-Union/Parts">Parts</a></li>
 
                            <li class="dropdown "> <a href="https://2017.igem.org/Team:BGIC-Union/Parts" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
 
 
                            <ul class="dropdown-menu" role="menu">
 
                              <li><a href="https://2017.igem.org/Team:BGIC-Union/Basic_Parts">basic parts</a></li>
 
<li><a href="https://2017.igem.org/Team:BGIC-Union/Composite_Parts">composite parts</a></li>
 
<li><a href="https://2017.igem.org/Team:BGIC-Union/Parts_Collection">parts collection</a></li>
 
<li><a href="https://2017.igem.org/Team:BGIC-Union/Measurement">measurement</a></li>
 
 
                            </ul>
 
                        </li>
 
 
                      <li>    <a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design">Practices-Design</a></li>
 
                          <li class="dropdown ">  <a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
 
                            <ul class="dropdown-menu" role="menu">
 
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design">timeline</a></li>
 
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/HP/Silver">silver</a></li>
 
<li><a href="https://2017.igem.org/Team:BGIC-Union/HP/Gold_Integrated">gold</a></li>
 
<li><a href="https://2017.igem.org/Team:BGIC-Union/Gold_Integrated">integrated</a></li>
 
<li><a href="https://2017.igem.org/Team:BGIC-Union/Engagement">public engagement</a></li>
 
<li><a href="https://2017.igem.org/Team:BGIC-Union/Applied_Design">applied design</a></li>
 
 
<li><a href="https://2017.igem.org/Team:BGIC-Union/Entrepreneurship">entrepreneurship</a></li>
 
                            </ul>
 
                        </li>
 
<li class="dropdown ">
 
                            <a href="https://2017.igem.org/Team:BGIC-Union/Safety">Safety </a>
 
                        </li>
 
<li class="dropdown ">
 
                            <a href="https://2017.igem.org/Team:BGIC-Union/Evaluation" >EVALUATION </a>
 
                        </li>
 
        </ul>
 
    </div>
 
    </div>
 
</nav>  
 
        <!-- PAGE CONTENT -->
 
        <div class="page-content">
 
            <div class="container">
 
                <section>
 
                    <div class="row">
 
                        <div class="col-md-6">
 
<groupparts>BGIC-Union</GROUPARTS>
 
                            </div>
 
                    </div>
 
                </section>
 
                <!-- END OUR CLIENTS -->
 
 
             </div>
 
             </div>
 
         </div>
 
         </div>
        <!-- END PAGE CONTENT -->
+
    </section>
<!-- +++++ Footer Section +++++ -->
+
</div>
+
</body>
<div id="footer">
+
<div class="container">
+
<div class="row">
+
<div class="col-lg-4">
+
    <p>F12 BGI-College,146 Beishan Road,Yantian District 518083
+
                                    </br> Shenzhen,Guangdong Province, China,Asia
+
                                </br>Phone:+86-755-36307888
+
                                </br>Email: info@genomics.cn
+
</br>Fax:+86-755-36307273</p>
+
</p>
+
</div><!-- /col-lg-4 -->
+
+
<div class="col-lg-4">
+
<h4>Links</h4>
+
<p>
+
<a href="#">SAFETY</a><br/>
+
<a href="#">PARTS</a><br/>
+
<a href="#">EVALUATION</a>
+
</p>
+
</div><!-- /col-lg-4 -->
+
+
<div class="col-lg-4">
+
<h4>BGIC-COLLEGE 2017</h4>
+
<img src="https://static.igem.org/mediawiki/2017/d/de/Repute-logo-light.png" width="60px" height="72px"></img>
+
<p></br><i class="fa-twitter">TWITTER:@BGIC-Union</i> </p>
+
+
</div><!-- /col-lg-4 -->
+
+
</div>
+
+
</div>
+
</div>
+
</div>
+
  </body>
+
 
</html>
 
</html>

Latest revision as of 03:58, 2 November 2017

Team:BGIC-Union

Loading.....


We create four Basic Biobricks regarding to T7-dCas9.
NT7-dCas9BBa_K2371000
CT7-dCas9BBa_K2371001
NT7 BBa_K2371002
CT7 BBa_K2371003

Description:


The first two Biobricks are the two split T7 polymerase sequence we adopted. We provide them for other team to leverage them through other methods. We choose the split site suggested by the team of Tiyun Han, Quan Chen and Haiyan Liu. [7]
The following two Biobricks are the sequence of T7 polymerase connected to dCas9 protein. The linker between split T7 polymerase and dCas9 is GGGGSGGGGS adopted by Peking University. A 6 X His-tag is added on C terminus of dCas9 in order to purify it.

We create seven composite Biobricks regarding to sgRNA.
We created a Biobrick for each of sgRNA and insert T7 promotor and T7 terminator before and after the sequence respectively in order to utilize them to transcribe sgRNA in vitro. The sequences are synthesize through Oligo DNA bridging designed by DNAworks. The detail of synthesis method is in the experiment.




Figure 1. The plasmid of sgRNA generator. The sgRNA generator Biobrick is composed of a T7 promotor, coding sequence for sgRNA and a T7 terminator.


sgRNA generator for EML4-ALK Variant A 23 BBa_K2371004
sgRNA generator for EML4-ALK Variant A 33BBa_K2371005
sgRNA generator for EML4-ALK Variant A 83BBa_K2371006
sgRNA generator for EML4-ALK Variant A 93BBa_K2371007
sgRNA generator for EML4-ALK Variant A 70BBa_K2371008
sgRNA generator for EML4-ALK Variant A 126BBa_K2371009
sgRNA generator for EML4-ALK Variant A 147BBa_K2371010

We create two supplemental composite biobricks for expression of GFP and RFP in cell free system.
pT7-eforRed BBa_K2371011
pT7-amilGFP BBa_K2371012
These two biobricks are composed of a T7 promotor with a coding sequence of GFP or RFP.




Figure 2. The plasmid of pT7-eforRED. pT7-eforRED is composed of a T7 promotor, an RBS and the coding sequence of RFP. This plasmid is used to act as report gene in our report system.
These two biobricks are supposed to cooperate with T7 PC report system in cell free system. The user need to conduct a PCR to linearize the part before reacting with T7 report system. When the split T7 polymerase reassemble, it will start transcription of GFP and RFP from these two plasmids.
We conducted enzyme check.(XbaI and SpeI)


Figure 4.RD check of eforRed and amliGFP. XbaI and SpeI were used. The expected length of both amliGFP and eforRed should be around 750bp.