Team:UESTC

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
{{Team:UESTC/hidden}}
 +
{{Team:UESTC/header}}
<html>
<html>
-
<head>
+
<head>
-
    <title>header</title>
+
<style type="text/css">
-
    <meta name="viewport" content="width=device-width, initial-scale=1">
+
/*
-
    <!-- web fonts for the team name and navigation bar -->
+
  * img responsive
-
    <link href='http://fonts.googleapis.com/css?family=Marcellus+SC' rel='stylesheet' type='text/css'>
+
-
    <script src="https://2013.igem.org/Team:UESTC/js/libs/modernizr-2.0.6.min.js?action=raw&ctype=text/javascript"></script>
+
-
    <style type="text/css">
+
-
    /*
+
-
  * for footer moving cloud
+
  */
  */
-
#experiment{
+
img{
-
position: fixed;
+
max-width: 100%;
-
bottom: 0px;
+
height: auto;
-
z-index: 5;
+
-
+
-
}
+
-
#background {
+
-
background-color:#467FBC;
+
-
background: url('https://2013.igem.org/File:Cloud_back.png') repeat-x;
+
-
    background: url('https://static.igem.org/mediawiki/2013/7/70/UESTC_cloud2.png') 5% 5%, url('https://static.igem.org/mediawiki/2013/3/33/Cloud_front.jpg') 50% 50%, url('https://2013.igem.org/File:Cloud_back.png') 90% 110% repeat-x;
+
-
    top: 78%;
+
-
    left: 0;
+
-
    right: 0;
+
-
    bottom: 0;
+
-
    position: fixed;
+
-
    -webkit-transition: left 300s linear;
+
-
    -moz-transition: left 300s linear;
+
-
    -o-transition: left 300s linear;
+
-
    -ms-transition: left 300s linear;
+
-
    transition: left 300s linear;
+
-
    z-index: 0;
+
-
}
+
-
 
+
-
body:target #background {
+
-
    left: -5000px;
+
-
}
+
-
 
+
-
body:hover #background {
+
-
    left: -9999px;
+
}
}
/*
/*
-
  * logo and navigation style
+
  * top style
  */
  */
-
#logo{
+
#top{
-
position: relative;
+
position: fixed;
-
float:left;
+
right:0px;
-
width:11.538%;  /* 150/1300 */
+
bottom: 0px;
-
left:5%;
+
z-index: 6;
-
top:0px;
+
-
z-index: 100;
+
}
}
-
#team_bg{
+
/*
-
position: relative;
+
* slideshow style
-
float:left;
+
*/
-
width:64.28%;  /* 900/1300*/
+
.container{
-
left: 6%; /* 200/1200 */
+
width:61.538%;/* 800/1300 */
-
top:5px;
+
height:auto;
-
z-index: 100;
+
margin: 0 auto;
-
}
+
-
#igem_logo{
+
-
position: relative;
+
-
width: 12.307%;   /* 160/1300 */
+
-
float:left;
+
-
left:7%;
+
-
top:10px;
+
-
z-index: 100;
+
}
}
 +
#slides {
 +
      display: none;
 +
      padding:5px;
 +
    }
-
nav{
+
     #slides .slidesjs-navigation {
-
position:relative;
+
      margin-top:5px;
-
z-index: 50;
+
     }
-
top:0px;
+
-
}
+
-
.toggleMenu {
+
-
     display:  none;
+
-
    background: #666;
+
-
    padding: 10px 15px;
+
-
    color: #fff;
+
-
    position: absolute;
+
-
    top: 83px;
+
-
    left: 0px;
+
-
}
+
-
.nav {
+
-
display: inline-block;
+
-
    list-style: none;
+
-
    *zoom: 1;
+
-
    background:#335599;
+
-
    border-radius:10px; /*some css3*/
+
-
    -moz-border-radius:10px;
+
-
    -webkit-border-radius:10px;
+
-
    box-shadow:0 2px 2px rgba(0,0,0, .5);
+
-
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
+
-
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);
+
-
    width:100%;
+
-
    left: 0%;
+
-
    height: 48px;
+
-
}
+
-
.nav:before,
+
-
.nav:after {
+
-
    content: " ";
+
-
    display: block;
+
-
}
+
-
.nav:after {
+
-
    clear: both;
+
-
}
+
-
.nav ul {
+
-
    list-style: none;
+
-
    width: 9em;
+
-
}
+
-
.nav a {
+
-
    padding: 10px 15px;
+
-
    color:#fff;
+
-
    border-radius:10px; /*some css3*/
+
-
    -moz-border-radius:10px;
+
-
    -webkit-border-radius:10px;
+
-
    text-shadow:0 2px 2px rgba(0,0,0, .7);
+
-
}
+
-
.nav .current a, .nav li:hover > a {
+
-
    background:#7788aa url('https://static.igem.org/mediawiki/2013/1/12/UESTC_downArrow.png') repeat-x 0 -20px;
+
-
    color:#000;
+
-
    border-top:1px solid #f8f8f8;
+
-
text-decoration:none;
+
-
     box-shadow:0 2px 2px rgba(0,0,0, .7); /*some css3*/
+
-
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .7);
+
-
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);
+
-
    text-shadow:0 2px 2px rgba(255,255,255, 0.7);
+
-
}
+
-
.nav li {
+
-
    position: relative;
+
-
}
+
-
.nav > li {
+
-
    float: left;
+
-
    border-top: 1px solid #335599;
+
-
}
+
-
.nav > li > .parent {
+
-
    background-image: url('https://static.igem.org/mediawiki/2013/1/12/UESTC_downArrow.png');
+
-
    background-repeat: no-repeat;
+
-
    background-position: right;
+
-
}
+
-
.nav > li > a {
+
-
    display: block;
+
-
}
+
-
.nav li  ul {
+
-
    position: absolute;
+
-
    left: -9999px;
+
-
}
+
-
.nav > li.hover > ul {
+
-
    left: 0;
+
-
}
+
-
.nav li li.hover ul {
+
-
    left: 100%;
+
-
    top: 0;
+
-
}
+
-
.nav li li a {
+
-
    display: block;
+
-
    background: #335599;
+
-
    position: relative;
+
-
    z-index:100;
+
-
    border-top: 1px solid #175e4c;
+
-
}
+
-
.nav li li li a {
+
-
    background:#335599;
+
-
    z-index:200;
+
-
    border-top: 1px solid #1d7a62;
+
-
}
+
-
.nav ul li:first-child > a {
+
-
    -moz-border-radius-topleft:10px; /*some css3*/
+
-
    -moz-border-radius-topright:10px;
+
-
    -webkit-border-top-left-radius:10px;
+
-
    -webkit-border-top-right-radius:10px;
+
-
}
+
-
.nav ul li:last-child > a {
+
-
    -moz-border-radius-bottomleft:10px; /*some css3*/
+
-
    -moz-border-radius-bottomright:10px;
+
-
    -webkit-border-bottom-left-radius:10px;
+
-
    -webkit-border-bottom-right-radius:10px;
+
-
}
+
-
.nav ul {
+
-
    padding:0;
+
-
    width:170px;
+
-
  background-color:#335599;
+
-
    border:1px solid #7788aa;
+
-
     border-radius:10px; /*some css3*/
+
     a.slidesjs-next,
-
     -moz-border-radius:10px;
+
     a.slidesjs-previous,
-
     -webkit-border-radius:10px;
+
     a.slidesjs-play,
-
     box-shadow:0 2px 2px rgba(0,0,0, .5);
+
     a.slidesjs-stop {
-
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
+
      background-image: url("https://static.igem.org/mediawiki/2013/f/f9/UESTC_btns-next-prev.png");
-
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);
+
      background-repeat: no-repeat;
 +
      display:block;
 +
      width:12px;
 +
      height:18px;
 +
      overflow: hidden;
 +
      text-indent: -9999px;
 +
      float: left;
 +
      margin-right:5px;
 +
    }
-
     -moz-transition:opacity .25s linear, visibility .1s linear .1s;
+
     a.slidesjs-next {
-
    -webkit-transition:opacity .25s linear, visibility .1s linear .1s;
+
      margin-right:10px;
-
    -o-transition:opacity .25s linear, visibility .1s linear .1s;
+
      background-position: -12px 0;
-
    transition:opacity .25s linear, visibility .1s linear .1s;
+
-
}
+
-
/*
+
-
* media query for responsible drop menu
+
-
*/
+
-
@media screen and (max-width: 768px) {
+
-
#team_bg{
+
-
display:none;
+
-
}
+
-
#footer_box{
+
-
display:none;
+
-
}
+
-
#footer{
+
-
display: none;
+
-
}
+
-
#menubar{
+
-
display: none;
+
-
}
+
-
#logo img{
+
-
max-width:130px;
+
-
height:auto;
+
-
}
+
-
#igem_logo img{
+
-
max-width:130px;
+
-
height:auto;
+
-
}
+
-
#igem_logo{
+
-
left: 40%
+
-
}
+
-
    .active {
+
-
        display: block;
+
     }
     }
-
     nav{
+
 
-
    top: 51px;
+
     a:hover.slidesjs-next {
 +
      background-position: -12px -18px;
     }
     }
-
     .nav > li {
+
 
-
    background-color:#457EBC;
+
     a.slidesjs-previous {
-
        float: none;
+
      background-position: 0 0;
     }
     }
-
     .nav > li > .parent {
+
 
-
        background-position: 95% 50%;
+
     a:hover.slidesjs-previous {
 +
      background-position: 0 -18px;
     }
     }
-
     .nav li li .parent {
+
 
-
        background-image: url('https://static.igem.org/mediawiki/2013/1/12/UESTC_downArrow.png');
+
     a.slidesjs-play {
-
        background-repeat: no-repeat;
+
      width:15px;
-
        background-position: 95% 50%;
+
      background-position: -25px 0;
     }
     }
-
     .nav ul {
+
 
-
        display: block;
+
     a:hover.slidesjs-play {
-
        width: 100%;
+
      background-position: -25px -18px;
-
        position:relative;
+
-
        top:130px;
+
     }
     }
-
  .nav > li.hover > ul , .nav li li.hover ul {
+
 
-
        position: static;
+
    a.slidesjs-stop {
 +
      width:18px;
 +
      background-position: -41px 0;
     }
     }
-
}
+
     a:hover.slidesjs-stop {
-
     </style>
+
      background-position: -41px -18px;
-
     <script type="text/javascript">
+
     }
-
     var _gaq = _gaq || [];
+
     .slidesjs-pagination {
-
    _gaq.push(['_setAccount', 'UA-36212355-2']);
+
      margin: 7px 0 0;
-
     _gaq.push(['_trackPageview']);
+
      float: right;
 +
      list-style: none;
 +
     }
-
     (function() {
+
     .slidesjs-pagination li {
-
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+
      float: left;
-
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+
      margin: 0 1px;
-
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+
    }
-
        })();
+
-
+
-
var ww = document.body.clientWidth;
+
-
$(document).ready(function() {
+
    .slidesjs-pagination li a {
-
$(".nav li a").each(function() {
+
      display: block;
-
if ($(this).next().length > 0) {
+
      width: 13px;
-
$(this).addClass("parent");
+
      height: 0;
-
};
+
      padding-top: 13px;
-
})
+
      background-image: url("https://static.igem.org/mediawiki/2013/0/0f/UESTC_pagination.png");
-
+
      background-position: 0 0;
-
$(".toggleMenu").click(function(e) {
+
      float: left;
-
e.preventDefault();
+
      overflow: hidden;
-
$(this).toggleClass("active");
+
    }
-
$(".nav").toggle();
+
-
});
+
-
adjustMenu();
+
-
})
+
-
$(window).bind('resize orientationchange', function() {
+
    .slidesjs-pagination li a.active,
-
ww = document.body.clientWidth;
+
    .slidesjs-pagination li a:hover.active {
-
adjustMenu();
+
      background-position: 0 -13px
-
});
+
    }
-
var adjustMenu = function() {
+
    .slidesjs-pagination li a:hover {
-
if (ww < 768) {
+
      background-position: 0 -26px
-
$(".toggleMenu").css("display", "inline-block");
+
    }
-
if (!$(".toggleMenu").hasClass("active")) {
+
-
$(".nav").hide();
+
-
} else {
+
-
$(".nav").show();
+
-
}
+
-
$(".nav li").unbind('mouseenter mouseleave');
+
-
$(".nav li a.parent").unbind('click').bind('click', function(e) {
+
-
// must be attached to anchor element to prevent bubbling
+
-
e.preventDefault();
+
-
$(this).parent("li").toggleClass("hover");
+
-
});
+
-
}
+
-
else if (ww >= 768) {
+
-
$(".toggleMenu").css("display", "none");
+
-
$(".nav").show();
+
-
$(".nav li").removeClass("hover");
+
-
$(".nav li a").unbind('click');
+
-
$(".nav li").unbind('mouseenter mouseleave').bind('mouseenter mouseleave', function() {
+
-
// must be attached to li so that mouseleave is not triggered when hover over submenu
+
-
$(this).toggleClass('hover');
+
-
});
+
-
}
+
-
}
+
 +
    #slides a:link,
 +
    #slides a:visited {
 +
      color: #333
 +
    }
-
     </script>
+
     #slides a:hover,
 +
    #slides a:active {
 +
      color: #9e2020
 +
    }
-
</head>
+
    .navbar {
-
<!--header-->
+
      overflow: hidden
-
<body>
+
    }
-
<div id="experiment">
+
    /*
-
    <div id="background"></div>
+
* content style
-
</div>
+
*/
-
+
#hello{
-
<div id="logo"><a href="https://2013.igem.org/Team:UESTC"><img src="https://static.igem.org/mediawiki/2013/a/aa/UESTC_logo2.png"/></a></div>
+
position:relative;
-
<div id="team_bg"><img src="https://static.igem.org/mediawiki/2013/7/7b/UESTC_teambg1.jpg" /></div>
+
width:59%;
-
<div id="igem_logo"><a href="https://2013.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2013/3/3a/UESTC_igemlogo1.png" /></a></div>
+
padding:20px;
-
<nav>
+
height: auto;
-
  <a class="toggleMenu" href="#">Menu</a>
+
font: bold 0.9em Arial;
-
  <ul class="nav">
+
left: 21%;
-
<li>
+
}
-
<a href="https://2013.igem.org/Team:UESTC">Home</a>
+
    /*
-
</li>
+
    * main info style
-
<li>
+
    */
-
<a href="https://2013.igem.org/Team:UESTC/team_info.html">Team Info</a>
+
.article{
-
<ul>
+
position:relative;
-
<li><a href="https://2013.igem.org/Team:UESTC/team_info.html#greeting">Greetings</a></li>
+
padding:0px;
-
<li><a href="https://2013.igem.org/Team:UESTC/team_info.html#member">Member</a></li>
+
margin:5px;
-
<li><a href="https://2013.igem.org/Team:UESTC/team_info.html#contact">Contact Us</a></li>
+
width: 58%;
-
</ul>
+
left: 20%;
-
</li>
+
height: auto;
-
<li>
+
}
-
<a href="https://2013.igem.org/Team:UESTC/project.html">Project</a>
+
    .proj_info{
-
    <ul>
+
font: 0.8em Arial;
-
    <li><a href="https://2013.igem.org/Team:UESTC/project.html#overview">Overview</a></li>
+
position: relative;
-
    <li>
+
float: right;
-
<a href="https://2013.igem.org/Team:UESTC/Attributions.html">Attributions</a>
+
width: 80%;
-
<ul>
+
top: 0px;
-
<li><a href="https://2013.igem.org/Team:UESTC/Attributions.html#Academic Reference">Academic Reference</a></li>
+
}
-
<li><a href="https://2013.igem.org/Team:UESTC/Attributions.html#Material Source">Material Source</a></li>
+
.proj_info a{
-
</ul>
+
font: bold 1.5em Arial;
-
</li>
+
color:black;
-
<li><a href="https://2013.igem.org/Team:UESTC/project.html#project1">Blueprint</a></li>
+
text-shadow: 0 2px 0 hsla(0,0%,100%,0.75);
-
<li><a href="https://2013.igem.org/Team:UESTC/project.html#project2">Transpeeder</a></li>
+
}
-
<li><a href="https://2013.igem.org/Team:UESTC/project.html#project3">iBricks</a></li>
+
.proj_info a:hover{
-
</ul>
+
text-decoration: none;
-
</li>
+
-webkit-animation: warning 1.5s infinite ease-in;
-
<li>
+
}
-
<a href="https://2013.igem.org/Team:UESTC/project.html">Notebook</a>
+
.proj_logo{
-
<ul>
+
position:relative;
-
<li><a href="https://2013.igem.org/Team:UESTC/project.html#minutes">Minutes</a></li>
+
float:left;
-
<li><a href="https://2013.igem.org/Team:UESTC/project.html#photo">Photos</a></li>
+
width:10%;
-
<li><a href="https://2013.igem.org/Team:UESTC/project.html#video">Videos</a></li>
+
height: auto;
-
<li><a href="https://2013.igem.org/Team:UESTC/project.html#work_distribution">Work Distribution</a></li>
+
top: 0px;
-
+
left: 0%;
-
</ul>
+
}
-
</li>
+
#project1{
-
<li>
+
height: 200px;
-
<a href="https://2013.igem.org/Team:UESTC/Medal Fufillment.html">Medal Fufillment</a>
+
padding:10px;
-
</li>
+
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
-
+
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuODMiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9yYWRpYWxHcmFkaWVudD4KICA8cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
-
<li>
+
background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 40%, rgba(255,255,255,0.83) 50%, rgba(255,255,255,0) 100%); /* FF3.6+ */
-
<a href="https://2013.igem.org/Team:UESTC/human practice.html">Human Practice</a>
+
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(40%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,0.83)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
-
</li>
+
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 40%,rgba(255,255,255,0.83) 50%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
-
  </ul>
+
background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 40%,rgba(255,255,255,0.83) 50%,rgba(255,255,255,0) 100%); /* Opera 12+ */
-
</nav>
+
background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 40%,rgba(255,255,255,0.83) 50%,rgba(255,255,255,0) 100%); /* IE10+ */
 +
background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 40%,rgba(255,255,255,0.83) 50%,rgba(255,255,255,0) 100%); /* W3C */
 +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
-
</body>  
+
}
 +
#project2{
 +
height:200px;
 +
padding: 10px;
 +
box-shadow: 0px 3px 5px #444444;
 +
-webkit-box-shadow: 0px 3px 5px #444444;
 +
-moz-box-shadow:0px 3px 5px #444444;
 +
}
 +
#project3{
 +
height: 200px;
 +
padding: 10px;
 +
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
 +
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTIlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
 +
background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 92%, rgba(255,255,255,0) 100%); /* FF3.6+ */
 +
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(92%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
 +
background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 92%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
 +
background: -o-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 92%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
 +
background: -ms-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 92%,rgba(255,255,255,0) 100%); /* IE10+ */
 +
background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 92%,rgba(255,255,255,0) 100%); /* W3C */
 +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
 +
 
 +
}
 +
/*
 +
* main content div style
 +
*/
 +
#main{
 +
box-shadow: inset 0 0 10px #000000;
 +
-moz-box-shadow:inset 0 0 40px #000000;
 +
-webkit-box-shadow: inset 0 0 40px #000000;
 +
padding-bottom: 50px;
 +
z-index: 10;
 +
width: 100%;
 +
height:auto;
 +
position:relative;
 +
top: 0px;
 +
left:0%;
 +
}
 +
@media screen and (max-width: 768px) {
 +
#main{
 +
top: 180px;
 +
height: auto;
 +
}
 +
}/*
 +
  * CSS3 animation
 +
  */
 +
@-webkit-keyframes warning {
 +
from {
 +
text-shadow: 0px 0px 4px #000000;
 +
}
 +
50% {
 +
text-shadow: 0 0 40px #000000;
 +
}
 +
to {
 +
text-shadow: 0 0 4px #000000;
 +
}
 +
}
 +
 
 +
</style>
 +
<!--[if gte IE 9]>
 +
  <style type="text/css">
 +
    .gradient {
 +
      filter: none;
 +
    }
 +
  </style>
 +
<![endif]-->
 +
</head>
 +
<body>
 +
<div id="main">
 +
<div class="container">
 +
    <div id="slides">
 +
    <img src="https://static.igem.org/mediawiki/2013/1/14/Uestc_blueprint.jpg" />
 +
      <img src="https://static.igem.org/mediawiki/2013/b/bb/Uestc_transpeeder.jpg" />                       
 +
      <img src="https://static.igem.org/mediawiki/2013/5/5f/Uestc_ibricks.jpg" />       
 +
      <img src="https://static.igem.org/mediawiki/2013/1/11/Uestc_team.jpg" />
 +
    </div>
 +
      </div><!--end of container-->
 +
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
 +
<script src="https://2013.igem.org/Team:UESTC/js/jquery.slides.min.js?action=raw&ctype=text/javascript"></script>
 +
    <script type="text/javascript">
 +
    $(function() {
 +
      $('#slides').slidesjs({
 +
        width: 800,
 +
        height: 450,
 +
        play: {
 +
          active: true,
 +
          auto: true,
 +
          interval: 4000,
 +
          swap: true
 +
        }
 +
      });
 +
    });
 +
    </script>
 +
    <div id="hello">
 +
    <p>Hi there, We are 2013 iGEM Competition  Software Team UESTC(University of Eelctronic Science and Technology of China). Our team is composed of 3 instructors, 2 advisors, 8 student members from different schools. We have accomplished several projects including...
 +
</p>
 +
    </div>
 +
    <div id="project1" class="article">
 +
    <div class="proj_logo"><img src="https://static.igem.org/mediawiki/2013/4/4c/Uestc_logo_blueprint.png" /></div>
 +
    <div class="proj_info">
 +
    <a href="https://2013.igem.org/Team:UESTC/project.html#project1">Blueprint</a>
 +
    <p>No matter who you are, a scientist proficient in synthetic biology or a greenhand who only cares about output, Blueprint is your best choice. Two major parts are provided: Interactive part & Automatic part. In the first part, you are free to get what you want linking any parts we provide. But you have to make sense, of course. In the second part, the only thing you need to do is to determine the inducer and the output. Then, you can sit back and wait for our software to provide you with the optimized circuit. Wow!</p>
 +
    </div>
 +
    </div>
 +
    <div id="project2" class="article">
 +
    <div class="proj_logo"><img src="https://static.igem.org/mediawiki/2013/8/8f/Uestc_logo_transpeeder.jpg" /></div>
 +
    <div class="proj_info">
 +
    <a href="https://2013.igem.org/Team:UESTC/project.html#project2">Transpeeder</a>
 +
    <p>The satisfying amino acid or nucleic acid sequences that the user submitted will be compared to the chosen CD sequences by ClustalW, the sequence which has highest similarity with SD sequences are defined as the slow-translating sequence, on the contrary, the one which has lowest similarity with SD sequences are defined as the fast-translating sequence.</p>
 +
    </div>
 +
    </div>
 +
    <div id="project3" class="article">
 +
    <div class="proj_logo"><img src="https://static.igem.org/mediawiki/2013/e/e9/Uestc_logo_iBiobricks.jpg" /></div>
 +
    <div class="proj_info">
 +
    <a href="https://2013.igem.org/Team:UESTC/project.html#project3">iBricks</a>
 +
    <p>  iBricks is an iphone game concerning synthetic biology.
 +
  In this game, what you need to do is to synthesize protein to compound a cell.
 +
  You are provided with several basic parts to synthesize protein.
 +
  Once you accomplish combining these parts into a circuit, you will enter into transcription process, during which phage will continuously attack your circuit.
 +
  To protect it, you can press on these phages to kill them.
 +
  You can also utilize several tools to eliminate phages with higher efficiency.
 +
  After successfully synthesizing the protein, you can get new parts that increase the possibility of successfully synthesizing proteins.
 +
  With several synthesized proteins, you can accomplish the goal of synthesizing a complete cell.</p>
 +
    </div>
 +
    </div>
 +
    <div id="top">
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2013/c/c3/UESTC_top.png" /></a>
 +
</div>
 +
</div>
 +
    <!--end of #main-->
 +
    </body>
</html>
</html>
 +
{{Team:UESTC/footer}}

Revision as of 14:48, 7 August 2013

hidde original style

Hello,welcome to visit our Wiki, for better view, please use chrome, firefox, safari .etc modern browser.

header

Hi there, We are 2013 iGEM Competition Software Team UESTC(University of Eelctronic Science and Technology of China). Our team is composed of 3 instructors, 2 advisors, 8 student members from different schools. We have accomplished several projects including...

Blueprint

No matter who you are, a scientist proficient in synthetic biology or a greenhand who only cares about output, Blueprint is your best choice. Two major parts are provided: Interactive part & Automatic part. In the first part, you are free to get what you want linking any parts we provide. But you have to make sense, of course. In the second part, the only thing you need to do is to determine the inducer and the output. Then, you can sit back and wait for our software to provide you with the optimized circuit. Wow!

Transpeeder

The satisfying amino acid or nucleic acid sequences that the user submitted will be compared to the chosen CD sequences by ClustalW, the sequence which has highest similarity with SD sequences are defined as the slow-translating sequence, on the contrary, the one which has lowest similarity with SD sequences are defined as the fast-translating sequence.

iBricks

iBricks is an iphone game concerning synthetic biology. In this game, what you need to do is to synthesize protein to compound a cell. You are provided with several basic parts to synthesize protein. Once you accomplish combining these parts into a circuit, you will enter into transcription process, during which phage will continuously attack your circuit. To protect it, you can press on these phages to kill them. You can also utilize several tools to eliminate phages with higher efficiency. After successfully synthesizing the protein, you can get new parts that increase the possibility of successfully synthesizing proteins. With several synthesized proteins, you can accomplish the goal of synthesizing a complete cell.

footer

Retrieved from "http://2013.igem.org/Team:UESTC"