Difference between revisions of "Team:Vilnius-Lithuania"

 
(207 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
{{Team:Vilnius-Lithuania/Vilnius15_Style}}
 
{{Team:Vilnius-Lithuania/Vilnius15_Style}}
 +
{{Team:Vilnius-Lithuania/Vilnius15_Header}}
 +
{{Team:Vilnius-Lithuania/Vilnius15_Socials}}
 +
<html>
 +
 +
</html>
  
 +
<div id="wikicontent-container">
 +
<div id="wikicontent">
 
<html>
 
<html>
 
<body>
 
<body>
<style>
+
<!--
    #top_menu_14 {
+
<div class="loader">
        background-color: rgb(120, 65, 54);
+
<img class="centered" style="width: 244px; height: 164px;" src="http://s6.postimg.org/dldiaax2p/Vilniusi_GEM_animacijai_0.png" />
        border: none;
+
</div>
    }
+
-->
    #top_menu_14 a {
+
<section class="container-fluid" style="padding: 0px;">
        color: rgb(212,200,178) !important;
+
     <div class="row">
    }
+
        <div class="col-md-12 text-center" style="margin-top: -10px;">
    div#content {
+
            <ul class="bxslider" style="margin: 0px; padding: 0px;">
        margin-top: 50px;
+
                <!--
        border: none;
+
                <li><img src="http://s2.postimg.org/4hcul6rax/bxslider_img_1.png" style="margin: 0px; padding: 0px;" /></li>
        padding: 10px 15px;
+
                <li><img src="http://s16.postimg.org/8n27guymd/bxslider_img_2.png" style="margin: 0px; padding: 0px;" /></li>
        width: 1000px;
+
                -->
    }
+
                <li><img src="http://s6.postimg.org/b9l9m1lv5/team_photo_cropped_2.png" style="margin: 0px; padding: 0px;" /></li>
 
+
                <!--<li><img src="http://s6.postimg.org/z99wht5gx/team_photo_cropped.png" style="margin: 0px; padding: 0px;" />--></li>
    div#bodyContent p:nth-of-type(2) {
+
                <li><img src="http://s6.postimg.org/k5p0or8xd/Lab_apie_RNases_P_Mielinis_cropped.png" style="margin: 0px; padding: 0px;" /></li>
        margin: 0px;
+
                <li><img src="http://s6.postimg.org/p5mgwpek1/Lab_Ieva_P_Mielinis_cropped.png" style="margin: 0px; padding: 0px;" /></li>
        height: 0px;
+
                <li><img src="http://s6.postimg.org/lano7vks1/Lab_TF_Mielinis_cropped.png" style="margin: 0px; padding: 0px;" /></li>
    }
+
            </ul>
 
+
    .b-default {
+
        border: 1px solid rgb(120, 65, 54);
+
    }
+
    .b-default-h {
+
        border-left: 1px solid rgb(120, 65, 54);
+
        border-right: 1px solid rgb(120, 65, 54);
+
     }
+
 
+
    .b-default-v {
+
        border-top: 1px solid rgb(120, 65, 54);
+
        border-bottom: 1px solid rgb(120, 65, 54);
+
    }
+
 
+
    .b-default-top {
+
        border-top: 1px solid rgb(120, 65, 54);
+
    }
+
 
+
    .b-default-bottom {
+
        border-bottom: 1px solid rgb(120, 65, 54);
+
    }
+
    .relative {
+
        position: relative;
+
    }
+
 
+
    .header a {
+
        opacity: 0.7;
+
        font-size: 12px;
+
        float: right;
+
        background-color: rgb(212,200,178);
+
        padding: 0px 2px;
+
        color: rgb(120, 65, 54);
+
        text-decoration: none;
+
        position: absolute;
+
        top: 10px;
+
        right: 10px;
+
    }
+
    .header a:hover {
+
        opacity: 1;
+
        color: white;
+
        text-decoration: none;
+
    }
+
</style>
+
<header class="container-fluid">
+
    <div class="row b-default relative" style="margin-bottom: 15px; background-color: rgb(120,65,54);">
+
        <div class="col-md-12 text-center header" style="padding-top: 25px; padding-bottom: 25px;">
+
            <img src="http://s15.postimg.org/u27vdjenv/Vilniusi_GEM_logo_stilizuotas.png" height="150px" />
+
            <a class="igem_homepage" href="https://igem.org/Main_Page">iGEM homepage</a>
+
 
         </div>
 
         </div>
 
     </div>
 
     </div>
  
    <!-- navigation -->
 
    <style>
 
  
         #cssmenu ul {
+
    <div class="row">
             list-style: none;
+
         <div class="col-md-12" style="padding-top: 10px;">
        }
+
             <style>
 +
                .boxgridBig, .boxgridMedium {
 +
                    height: 300px;
 +
                }
 +
                .boxgridBig {
 +
                    width: 240px;
 +
                    float: left;
 +
                }
 +
                .boxgridMedium {
 +
                    width: 298px;
 +
                    float: left;
 +
                }
 +
                .boxgrid {
 +
                    overflow: hidden;
 +
                    position: relative;
 +
                }
  
        #cssmenu a {
+
                .boxgrid img{
            text-decoration: none;
+
                    position: absolute;
        }
+
                    top: 0;
 +
                    left: 0;
 +
                    border: 0;
 +
                }
  
        #cssmenu {
+
                .boxcaption{
            height: 70px; /* This is for the main menu bit at the top */
+
                    float: left;
        }
+
                    position: absolute;
 +
                    background: #000;
 +
                    width: 100%;
 +
                    opacity: .8;
 +
                    padding: 10px;
 +
                    /* For IE 5-7 */
 +
                    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
 +
                    /* For IE 8 */
 +
                    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 +
                }
 +
                .boxcaption:hover {
 +
                    text-decoration: none;
 +
                }
 +
                h2.onBlack {
 +
                    color:white;
 +
                    margin-top: -5px;
 +
                    border: none;
 +
                    Font-size: 26px;
 +
                    padding-bottom: 0px;
 +
                    line-height:1em;
 +
                }
 +
                p.onBlack {
 +
                    color:white;
 +
                    margin-right:18px;
 +
                    font-size: 14px;
 +
                    font-weight: bold;
 +
                }
 +
                p.onBlackIntro {
 +
                    font-size:17px;
 +
                    font-style: italic;
 +
                    color:white;
 +
                    margin-right:10px;
 +
                    margin-bottom:10px;
 +
                }
 +
            </style>
  
        #cssmenu > ul {
+
             <div style="margin-right: 2px; background-color: rgb(249,249,249); height: 300px; width: 240px; float: left;">
             text-align: center;
+
             <h2 class="text-center" style="background-color: rgb(62,62,62); margin: 0px;"><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Application" style="color: white;">Application</a></h2>
        }
+
             <img src="https://static.igem.org/mediawiki/2015/6/61/Vilnius15_application.png" width="190" style="padding-left: 45px; padding-top:20px;">
/*            background-color: #784136; */
+
             </div>
        #cssmenu > ul > li {
+
            display: inline-block;
+
            margin-left: 15px; /* This is when the drop down box appears */
+
            position: relative;
+
             z-index: 1;
+
        }
+
        #cssmenu > ul > li > a {
+
            color: rgb(120, 65, 54);
+
            letter-spacing: 2px;
+
            font-family: Verdana, 'Lucida Grande';
+
            font-size: 14px;
+
            line-height: 70px; /* This bit chances the size of the text on the main heading */
+
             padding: 15px 24px; /* This is the padding between the different titles */
+
            -webkit-transition: color .15s;
+
            -moz-transition: color .15s;
+
            -o-transition: color .15s;
+
             transition: color .15s;
+
        }
+
  
        #cssmenu > ul > li > a:hover {
+
            <div style="margin-right: 2px; background-color: rgb(249,249,249); height: 300px; width: 240px; float: left;">
             color: rgb(250, 250, 250);
+
             <h2 class="text-center" style="background-color: rgb(62,62,62); margin: 0px;"><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Crowdfunding" style="color: white;">Crowdfunding</a></h2>
        }
+
            <img src="https://static.igem.org/mediawiki/2015/2/24/Vilnius15_crowdfunding.png" width="190" style="padding-left: 30px; padding-top:25px;">
 +
            </div>
  
        #cssmenu > ul > li > ul {
+
             <div style="margin-right: 2px; background-color: rgb(249,249,249); height: 300px; width: 240px; float: left;">
             opacity: 0;
+
             <h2 class="text-center" style="background-color: rgb(62,62,62); margin: 0px;"><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Safety" style="color: white;">Safety</a></h2>
            visibility: hidden;
+
             <img src="https://static.igem.org/mediawiki/2015/8/8b/Vilnius15_safety.png" width="190" style="padding-left: 50px; padding-top:15px;">
            padding: 16px 0 20px 0;
+
             </div>
            background-color: rgb(250, 250, 250);
+
            text-align: left; /* This is for the text when box is dropped down, centered isnt always totally in the middle so best to have on the left */
+
            position: absolute;
+
            top: 55px; /* This is for the drop down annimation */
+
            left: 50%;
+
             margin-left: -90px;
+
            width: 180px;
+
            -webkit-transition: all .3s .1s;
+
            -moz-transition: all .3s .1s;
+
             -o-transition: all .3s .1s;
+
            transition: all .3s .1s;
+
            -webkit-border-radius: 2px;
+
            -moz-border-radius: 2px;
+
             border-radius: 2px;
+
              background-color: #784136;
+
        }
+
  
        #cssmenu > ul > li:hover > ul {
+
            <div style="margin-right: 2px; background-color: rgb(249,249,249); height: 300px; width: 240px; float: left;">
             opacity: 1;
+
             <h2 class="text-center" style="background-color: rgb(62,62,62); margin: 0px;"><a href="https://2015.igem.org/Team:Vilnius-Lithuania/Judging" style="color: white;">Judging</a></h2>
            top: 65px; /* This is how far from the top the drop down annimation will go  */
+
                <img src="https://static.igem.org/mediawiki/2015/f/fa/Vilnius15_judging.png" width="190" style="padding-left: 50px; padding-top:35px;">
            visibility: visible;
+
            </div>
        }
+
  
         #cssmenu > ul > li > ul:before {
+
         </div>
            content: '';
+
    </div>
            display: block;
+
            border-color: transparent transparent #784136 transparent;
+
            border-style: solid;
+
            border-width: 10px; /* The border on the drop down box  */
+
            position: absolute;
+
            top: -20px;
+
            left: 50%;
+
            margin-left: -10px;
+
        }
+
  
         #cssmenu > ul ul > li {
+
<!-- dezute -->
            position: relative;
+
    <div class="row" style="margin-top: 20px;">
         }
+
         <div class="col-md-12">
 +
    <div class="thumbnail" style="background-color: rgb(249,249,249); border: none;">
 +
      <div class="caption" style="color: rgb(00,00,00); background-color: rgb(249,249,249);">
 +
         <h3 class="text-heading">Controlling the lifetime of GMOs using ColiClock</h3>
 +
        <p class="text-justify" style="background-color: rgb(249,249,249); margin-top: 20px;">We are Vilnius iGEM – the first team from Lithuania and the Baltic States. Our goal is to tackle one of the biggest problems of synthetic biology – the regulation of the spread of genetically modified products in the environment. The aim of the ColiClock project consists of creating a bacteria with an integrated “count-down timer”, triggering a self-destruction mechanism. The idea would apply to cells that need to have a limited lifetime outside of a laboratory environment. The mechanism is achieved using the type I-F CRISPR-Cas system, controlled by LuxR and cI, which is navigated to important genes in the genomic DNA. In addition, we aim to present and discuss this globally relevant topic with Lithuanian industries, policy makers and the general public.
 +
  </p>
 +
<div class="text-right"><a style="color: rgb(255,255,255);" href="https://2015.igem.org/Team:Vilnius-Lithuania/Project" class="btn btn-warning" role="button">Learn more</a></div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  </div>
 +
<!-- /dezute -->
  
        #cssmenu ul ul a {
+
<right><iframe style="background-color: white;margin-top: 0px; margin-bottom: 10px;" src="https://www.youtube.com/embed/Uv2n7zZQOY0?vq=hd1080" width="969" height="400" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></right>
            /* This is the drop down menu, change font or size when its drops down */
+
            color: white;
+
            font-family: Verdana, 'Lucida Grande';
+
            font-size: 13px;
+
            background-color: #784136;
+
            padding: 5px 8px 7px 16px;
+
            display: block;
+
            -webkit-transition: background-color .1s;
+
            -moz-transition: background-color .1s;
+
            -o-transition: background-color .1s;
+
            transition: background-color .1s;
+
        }
+
  
         #cssmenu ul ul a:hover {
+
<!-- dezute -->
            background-color: rgb(212,200,178);
+
    <div class="row" style="margin-top: 10px;">
 +
         <div class="col-md-12">
 +
    <div class="thumbnail" style="background-color: rgb(249,249,249); border: none; margin-bottom: 0px; paddin-bottom: 0px;">
 +
      <div class="caption" style="color: rgb(00,00,00); background-color: rgb(249,249,249);">
 +
        <h3 class="text-heading">Sponsors</h3>
  
        }
+
            <div class="row">
 +
                <div class="col-md-4 col-xs-4 text-center" style="height: 150px; padding-top: 32px;"><a class="desturate" href="http://www.linealibera.lt/"><img src="https://static.igem.org/mediawiki/2015/1/1d/Vilnius15_sponsor_linealibera.png" width="242" /></a></div>
 +
                <div class="col-md-4 col-xs-4 text-center" style="height: 150px;"><a  class="" href="http://www.neurotechnology.com/"><img src="https://static.igem.org/mediawiki/2015/4/47/Vilnius15_sponsor_neurotechnology.png" width="242" /></a></div>
 +
                <div class="col-md-4 col-xs-4 text-center" style="height: 150px; padding-top: 18px;"><a  class="desturate" href="http://www.nanodiagnostika.lt/"><img src="https://static.igem.org/mediawiki/2015/4/4b/Vilnius15_sponsor_nanodiagnostika.png" width="242" /></a></div>
 +
            </div>
 +
            <div class="row">
 +
                <div class="col-md-4 col-xs-4 text-center" style="height: 150px; padding-top: 24px;"><a  class="desturate" href="http://www.omconsulting.lt/"><img src="https://static.igem.org/mediawiki/2015/thumb/8/8a/Vilnius15_sponsor_OMConsulting.png/800px-Vilnius15_sponsor_OMConsulting.png" width="242" /></a></div>
 +
                <div class="col-md-4 col-xs-4 text-center" style="height: 150px; padding-top: 20px;"><a  class="" href="http://www.thermofisher.lt/"><img src="https://static.igem.org/mediawiki/2015/thumb/c/cc/Vilnius15_sponsor_thermofisherscientific.png/800px-Vilnius15_sponsor_thermofisherscientific.png" width="242" /></a></div>
 +
                <div class="col-md-4 text-center" style="height: 150px;"><a  class="desturate" href="http://www.enterpriselithuania.com/"><img src="http://s6.postimg.org/kkw2cbxf5/sponsor_VL.png" width="242" /></a></div>
 +
            </div>
 +
            <div class="row">
 +
                <div class="col-md-4 col-xs-4 text-center" style="height: 150px; padding-top:-40px;"><a  class="desturate" href="http://welovelithuania.com/"><img src="https://static.igem.org/mediawiki/2015/thumb/a/a6/Vilnius15_sponsor_wll.png/685px-Vilnius15_sponsor_wll.png" width="171" /></a></div>
 +
                <div class="col-md-4 col-xs-4 text-center" style="height: 150px;"><a  class="" href="http://www.vu.lt/en"><img src="https://static.igem.org/mediawiki/2015/thumb/3/36/Vilnius15_sponsor_VU.png/540px-Vilnius15_sponsor_VU.png" width="121" /></a></div>
 +
              <div class="col-md-4 col-xs-4 text-center" style="height: 150px;"><a  class="desturate" href="http://www.vu.lt/en"><img src="https://static.igem.org/mediawiki/2015/7/76/Vilnius15_sponsor_JSP.png" width="141" /></a></div>
 +
            </div>
 +
            <div class="row">
 +
                <div class="col-md-4 col-xs-4 text-center" style="height: 150px; padding-top: 20px;"><a  class="desturate" href="http://plbe.org"><img src="https://static.igem.org/mediawiki/2015/c/c1/Vilnius15_plb-logo.png" width="121" /></a></div>
 +
                <div class="col-md-offset-4 col-xs-offset-4 col-md-4 col-xs-4 text-center" style="height: 150px; padding-top:30px;"><a  class="desturate" href="http://www.expo-vakarai.lt"><img src="https://static.igem.org/mediawiki/2015/8/80/Vilnius15_expo-logo.png" width="251" /></a></div>
 +
            </div>
  
        #cssmenu ul ul a:hover {
+
      </div>
            background-color: rgb(212,200,178);
+
     </div>
            color: #784136;
+
  </div>
        }
+
  </div>
     </style>
+
<!-- /dezute -->
    <nav class="row" style="background-color: #D7CBB5;">
+
        <div id="cssmenu" class="col-md-12 text-center">
+
            <ul class="list-unstyled list-inline">
+
                <li><a href='#'>Home</a>
+
  
                <li class='has-sub'><a href="">Project</a>
 
                    <ul>
 
                        <li><a href="#">A</a></li>
 
                        <li><a href="#">B</a></li>
 
                    </ul>
 
                <li class='has-sub'><a href="">Results</a>
 
                    <ul>
 
                        <li><a href="#">A</a></li>
 
                        <li><a href="#">B</a></li>
 
                    </ul>
 
                <li class='has-sub'><a href="">Team</a>
 
                    <ul>
 
                        <li><a href="#">A</a></li>
 
                        <li><a href="#">B</a></li>
 
                    </ul>
 
                <li class='has-sub'><a href="">Notebook</a>
 
                    <ul>
 
                        <li><a href="#">A</a></li>
 
                        <li><a href="#">B</a></li>
 
                    </ul>
 
                <li class='has-sub'><a href="">Outreach</a>
 
                    <ul>
 
                        <li><a href="#">A</a></li>
 
                        <li><a href="#">B</a></li>
 
                    </ul>
 
 
            </ul>
 
        </div>
 
    </nav >
 
    <!-- /navigation -->
 
</header>
 
 
<section class="container-fluid" style="padding: 0px;">
 
    <div class="row">
 
        <div class="col-md-12 text-center" style="padding-top: 15px;">
 
            <ul class="bxslider" style="margin: 0px; padding: 0px;">
 
                <li><img src="http://s2.postimg.org/7cm7b83vt/bxslider_img_1.png" style="margin: 0px; padding: 0px;" /></li>
 
                <li><img src="http://s11.postimg.org/phz6dbd5f/bxslider_img_2.png" style="margin: 0px; padding: 0px;" /></li>
 
            </ul>
 
        </div>
 
    </div>
 
    <div class="row">
 
        <div class="col-md-12" style="padding-top: 15px;">
 
            <h1 style="border-left: 5px solid #784136; border-bottom: none; padding-left: 15px"><i>Our project</i></h1>
 
            <p class="text-justify">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
 
            </p>
 
            <p>
 
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.</p>
 
        </div>
 
    </div>
 
    <div class="row">
 
        <div class="col-md-12" style="margin-top: 15px;">
 
            <h1 style="border-left: 5px solid #784136; border-bottom: none; padding-left: 15px"><i>Sponsors</i></h1>
 
            <p class="text-justify">...</p>
 
        </div>
 
    </div>
 
 
</section>
 
</section>
 
<style>
 
    footer a {
 
        color: rgb(212,200,178);
 
    }
 
    footer a:link {
 
        color: rgb(212,200,178);
 
    }
 
    footer a:visited {
 
        color: rgb(212,200,178);
 
    }
 
    footer a:hover {
 
        color: white;
 
        text-decoration: none;
 
    }
 
    footer a:active {
 
        color: rgb(212,200,178);
 
    }
 
</style>
 
<footer class="container-fluid">
 
    <div class="row" style="background-color: rgb(120,65,54);">
 
        <div class="col-md-12 text-center" style="padding-top: 20px; font-size: 36px">
 
            <ul class="list-inline">
 
                <li><a href="https://2015.igem.org/Team:Vilnius-Lithuania"><i class="fa fa-home"></i></a></li>
 
                <li><a href="https://www.facebook.com/VilniusiGEM"><i class="fa fa-facebook-square"></i></a></li>
 
                <li><a href="https://twitter.com/vilnius_igem"><i class="fa fa-twitter-square"></i></a></li>
 
            </ul>
 
        </div>
 
    </div>
 
    <div class="row" style="background-color: rgb(120,65,54); font-size: 14px">
 
        <div class="col-md-12 text-center" style="">
 
            <ul class="list-inline">
 
                <li><a href="https://2015.igem.org/Special:RecentChanges">Recent changed</a></li>
 
                <li><a href="https://2015.igem.org/Special:WhatLinksHere/Team:Vilnius-Lithuania">What links here</a></li>
 
                <li><a href="https://2015.igem.org/Special:SpecialPages">Special pages</a></li>
 
                <li><a href="https://2015.igem.org/Special:Preferences">My preferences</a></li>
 
            </ul>
 
        </div>
 
    </div>
 
    <div class="row" style="background-color: rgb(120,65,54);">
 
        <div class="col-md-12 text-center" style="padding-bottom: 10px; font-size: 14px">
 
            <ul class="list-inline">
 
                <li><a href="#">Printable version</a></li>
 
                <li><a href="#">Permanent link</a></li>
 
                <li><a href="https://2015.igem.org/2013.igem.org:Privacy_policy">Privacy policy</a></li>
 
                <li><a href="https://2015.igem.org/2015.igem.org:General_disclaimer">Disclaimer</a></li>
 
            </ul>
 
        </div>
 
    </div>
 
</footer>
 
 
 
</body>
 
</body>
 
</html>
 
</html>
 +
</div>
 +
</div>
 +
 +
{{Team:Vilnius-Lithuania/Vilnius15_Footer}}

Latest revision as of 19:14, 19 November 2015

Controlling the lifetime of GMOs using ColiClock

We are Vilnius iGEM – the first team from Lithuania and the Baltic States. Our goal is to tackle one of the biggest problems of synthetic biology – the regulation of the spread of genetically modified products in the environment. The aim of the ColiClock project consists of creating a bacteria with an integrated “count-down timer”, triggering a self-destruction mechanism. The idea would apply to cells that need to have a limited lifetime outside of a laboratory environment. The mechanism is achieved using the type I-F CRISPR-Cas system, controlled by LuxR and cI, which is navigated to important genes in the genomic DNA. In addition, we aim to present and discuss this globally relevant topic with Lithuanian industries, policy makers and the general public.

Sponsors