Team:UESTC

From 2013.igem.org

(Difference between revisions)
 
(276 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Team:UESTC/hidden}}
<html>
<html>
-
<head>
+
<head data-gwd-animation-mode="proMode">
-
     <title>header</title>
+
     <title>main</title>
-
     <meta name="viewport" content="width=device-width, initial-scale=1">
+
     <link type="text/css" href="https://2013.igem.org/Team:UESTC/home.css?action=raw&ctype=text/css" rel="stylesheet"/>
-
    <!-- web fonts for the team name and navigation bar -->
+
     <link type="text/css" href="https://2013.igem.org/Team:UESTC/nav.css?action=raw&ctype=text/css" rel="stylesheet"/>
-
     <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>
     <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">
     <style type="text/css">
-
/*
+
         .panel {
-
* logo and navigation style
+
            width:100%;
-
*/
+
         }
-
#logo{
+
-
position: relative;
+
-
width:16.667%;  /* 200/1200 */
+
-
left:0%;
+
-
top:-40px;
+
-
}
+
-
#team_bg{
+
-
position: relative;
+
-
width:64.28%;  /* 900/1300*/
+
-
left: 16.667%; /* 200/1200 */
+
-
top:-190px;
+
-
}
+
-
#igem_logo{
+
-
position: relative;
+
-
width:  19.307%;    /* 251/1300 */
+
-
left:0%;
+
-
top:0px;
+
-
}
+
-
nav{
+
-
position:relative;
+
-
z-index: 50;
+
-
}
+
-
.toggleMenu {
+
-
    display:  none;
+
-
    background: #666;
+
-
    padding: 10px 15px;
+
-
    color: #fff;
+
-
    position: relative;
+
-
    top: -50px;
+
-
}
+
-
.nav {
+
-
    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);
+
-
    position:relative;
+
-
    width:100%;
+
-
    top: -50px;
+
-
    left: 0%;
+
-
}
+
-
.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;
+
-
 
+
-
    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*/
+
-
    -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);
+
-
 
+
-
    -moz-transition:opacity .25s linear, visibility .1s linear .1s;
+
-
    -webkit-transition:opacity .25s linear, visibility .1s linear .1s;
+
-
    -o-transition:opacity .25s linear, visibility .1s linear .1s;
+
-
    transition:opacity .25s linear, visibility .1s linear .1s;
+
-
}
+
-
/*
+
-
* media query for responsible drop menu
+
-
*/
+
-
@media screen and (max-width: 768px) {
+
-
    .active {
+
-
         display: block;
+
-
    }
+
-
    .nav > li {
+
-
        float: none;
+
-
    }
+
-
    .nav > li > .parent {
+
-
        background-position: 95% 50%;
+
-
    }
+
-
    .nav li li .parent {
+
-
        background-image: url('https://static.igem.org/mediawiki/2013/1/12/UESTC_downArrow.png');
+
-
        background-repeat: no-repeat;
+
-
        background-position: 95% 50%;
+
-
    }
+
-
    .nav ul {
+
-
        display: block;
+
-
        width: 100%;
+
-
    }
+
-
  .nav > li.hover > ul , .nav li li.hover ul {
+
-
         position: static;
+
-
    }
+
-
 
+
-
}
+
     </style>
     </style>
-
     <script type="text/javascript">
+
     <!-- javascript for responsive drop menu -->
 +
    <script type="text/javascript">
-
    var _gaq = _gaq || [];
+
        var _gaq = _gaq || [];
-
    _gaq.push(['_setAccount', 'UA-36212355-2']);
+
        _gaq.push(['_setAccount', 'UA-36212355-2']);
-
    _gaq.push(['_trackPageview']);
+
        _gaq.push(['_trackPageview']);
-
    (function() {
+
        (function () {
-
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
-
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
-
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
-
        })();
+
        })();
-
+
-
var ww = document.body.clientWidth;
+
-
$(document).ready(function() {
+
        var ww = document.body.clientWidth;
-
$(".nav li a").each(function() {
+
-
if ($(this).next().length > 0) {
+
-
$(this).addClass("parent");
+
-
};
+
-
})
+
-
+
-
$(".toggleMenu").click(function(e) {
+
-
e.preventDefault();
+
-
$(this).toggleClass("active");
+
-
$(".nav").toggle();
+
-
});
+
-
adjustMenu();
+
-
})
+
-
$(window).bind('resize orientationchange', function() {
+
        $(document).ready(function () {
-
ww = document.body.clientWidth;
+
            $(".nav li a").each(function () {
-
adjustMenu();
+
                if ($(this).next().length > 0) {
-
});
+
                    $(this).addClass("parent");
 +
                };
 +
            })
-
var adjustMenu = function() {
+
            $(".toggleMenu").click(function (e) {
-
if (ww < 768) {
+
                e.preventDefault();
-
$(".toggleMenu").css("display", "inline-block");
+
                $(this).toggleClass("active");
-
if (!$(".toggleMenu").hasClass("active")) {
+
                $(".nav").toggle();
-
$(".nav").hide();
+
            });
-
} else {
+
            adjustMenu();
-
$(".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');
+
-
});
+
-
}
+
-
}
+
 +
        $(window).bind('resize orientationchange', function () {
 +
            ww = document.body.clientWidth;
 +
            adjustMenu();
 +
        });
 +
        var adjustMenu = function () {
 +
            if (ww < 650) {
 +
                $(".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 >= 650) {
 +
                $(".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');
 +
                });
 +
            }
 +
        }
     </script>
     </script>
 +
 
</head>
</head>
-
<!--header-->
 
<body>
<body>
-
<div id="experiment">
+
    <nav class="panel">
-
    <div id="background"></div>
+
        <a class="toggleMenu" href="#">Menu</a>
-
</div>
+
        <ul class="nav">
-
+
-
<div id="logo"><img src="https://static.igem.org/mediawiki/2013/7/70/Uestc_logo.png"/></div>
+
-
<div id="team_bg"><img src="https://static.igem.org/mediawiki/2013/d/d6/UESTC_teambg.jpg" /></div>
+
-
<div id="igem_logo"><img src="https://static.igem.org/mediawiki/2013/3/3e/UESTC_igemlogo.png" /></div>
+
-
<nav>
+
-
  <a class="toggleMenu" href="#">Menu</a>
+
-
  <ul class="nav">
+
<li>
<li>
-
<a href="https://2013.igem.org/Team:UESTC">Home</a>
+
<a href="https://2013.igem.org/Team:UESTC#" class="active_menu">Home</a>
-
</li>
+
-
<li>
+
-
<a href="https://2013.igem.org/Team:UESTC/team_info.html">Team Info</a>
+
-
<ul>
+
-
<li><a href="https://2013.igem.org/Team:UESTC/team_info.html#greeting">Greetings</a></li>
+
-
<li><a href="https://2013.igem.org/Team:UESTC/team_info.html#member">Member</a></li>
+
-
<li><a href="https://2013.igem.org/Team:UESTC/team_info.html#contact">Contact Us</a></li>
+
-
</ul>
+
</li>
</li>
<li>  
<li>  
-
<a href="https://2013.igem.org/Team:UESTC/project.html">Project</a>
+
<a href="#project">Project</a>
-
    <ul>
+
                <ul>
-
    <li><a href="https://2013.igem.org/Team:UESTC/project.html#overview">Overview</a></li>
+
                    <li><a href="https://2013.igem.org/Team:UESTC/nebula">Nebula</a></li>
-
    <li>
+
                    <li><a href="https://2013.igem.org/Team:UESTC/transpeeder">Transpeeder</a></li>
-
<a href="https://2013.igem.org/Team:UESTC/Attributions.html">Attributions</a>
+
-
<ul>
+
-
<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>
+
-
</ul>
+
-
</li>
+
-
<li><a href="https://2013.igem.org/Team:UESTC/project.html#project1">Blueprinting</a></li>
+
-
<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">iBiobrick</a></li>
+
</ul>
</ul>
 +
</li>
 +
<li>
 +
<a href="https://2013.igem.org/Team:UESTC/team_info">Team Info</a>
</li>
</li>
<li>  
<li>  
-
<a href="https://2013.igem.org/Team:UESTC/project.html">Notebook</a>
+
<a href="https://2013.igem.org/Team:UESTC/notebook">Notebook</a>
-
<ul>
+
-
<li><a href="https://2013.igem.org/Team:UESTC/project.html#minutes">Minutes</a></li>
+
-
<li><a href="https://2013.igem.org/Team:UESTC/project.html#photo">Photos</a></li>
+
-
<li><a href="https://2013.igem.org/Team:UESTC/project.html#video">Videos</a></li>
+
-
</ul>
+
</li>
</li>
<li>
<li>
-
<a href="https://2013.igem.org/Team:UESTC/Medal Fufillment.html">Medal Fufillment</a>
+
<a href="https://2013.igem.org/Team:UESTC/mf">Medal Fulfillment</a>
</li>
</li>
-
 
<li>
<li>
-
<a href="https://2013.igem.org/Team:UESTC/human practice.html">Human Practice</a>
+
<a href="https://2013.igem.org/Team:UESTC/human_practice">Human Practice</a>
</li>
</li>
-
  </ul>
+
<li>
-
</nav>
+
<a href="#">Others</a>
-
 
+
<ul>
-
</body>  
+
<li><a href="https://2013.igem.org/Team:UESTC/safety">Safety</a></li>
 +
<li><a href="https://2013.igem.org/Team:UESTC/submission">Submission</a></li>
 +
</ul>
 +
</li>
 +
</ul><!-- end of .nav ul-->
 +
    </nav>
 +
    <div class="panel" id="home">
 +
        <div id="logo" class="gwd-gen-f18lgwdanimation gwd-div-vixx">
 +
            <a href="https://2013.igem.org/Team:UESTC"><img  id="team_logo" src="https://static.igem.org/mediawiki/2013/a/aa/UESTC_logo2.png"/></a>
 +
            <a href="https://2013.igem.org/Main_Page" target="_blank"><img id="igem_logo" src="https://static.igem.org/mediawiki/2013/3/3a/UESTC_igemlogo1.png" /></a>
 +
        </div><!--end of #logo-->
 +
        <div class="panel" id="experiment"> <div id="background"></div></div><!-- moving cloud bg-->
 +
        <div id="hi">
 +
            <p>Hi! We are 2013 iGEM Competition  Software Team UESTC</p>
 +
            <p>(University of Electronic Science and Technology of China)</p>
 +
        </div>
 +
    </div><!--end of #home-->
 +
    <div class="panel" id="project">
 +
        <span>Projects</span>
 +
        <div id="nebula-show" class="proj_show">
 +
        <h1>Nebula</h1>
 +
<p class="pp">Nebula (Network of Elaborated Biobricks based on User Locating and Automation) is a biological circuit design tool composed of Auto Mode & Manual Mode.</p>
 +
<a href="https://2013.igem.org/Team:UESTC/nebula" class="pp">Learn more</a>
 +
<img src="https://static.igem.org/mediawiki/2013/e/ee/UESTC_proj_1.jpg">
 +
        </div>
 +
        <div id="transpeeder-show" class="proj_show">
 +
        <h1>Transpeeder</h1>
 +
        <p class="pp">Transpeeder will help you to control your gene translation velocity by providing you a fast and a slow mutated sequence.</p>
 +
        <a href="https://2013.igem.org/Team:UESTC/transpeeder" class="pp">Learn more</a>
 +
        <img src="https://static.igem.org/mediawiki/2013/f/f8/UESTC_proj_2.png">
 +
        </div>
 +
     
 +
    </div><!-- end of #project -->
 +
    <div class="panel" id="main_footer">
 +
        <span id="footer_head">Sponsors</span>
 +
        <div class="mem_panel" id="thanks_org">
 +
            <ul class="mem_list">
 +
                <li>
 +
                    <a href="http://www.oice.uestc.edu.cn/en/"><img src="https://static.igem.org/mediawiki/2013/6/60/UESTC_Sponsor1.jpg" /></a>
 +
                    <span>UESTC</span>
 +
                </li>
 +
                <li>
 +
                    <a href="http://www.oice.uestc.edu.cn/en/index.php?m=content&c=index&a=lists&catid=118"><img src="https://static.igem.org/mediawiki/2013/f/f9/UESTC_Sponsor2.jpg" /></a>
 +
                    <span>Teaching Affairs Office of UESTC</span>
 +
                </li>
 +
                <li>
 +
                  <a href="http://www.oice.uestc.edu.cn/en/index.php?m=content&c=index&a=show&catid=117&id=17"><img src="https://static.igem.org/mediawiki/2013/4/42/UESTC_Sponsor3.jpg" /></a>
 +
                    <span>School of Life Science and Technology,UESTC</span>
 +
                </li>
 +
            </ul>
 +
        </div><!-- end of #thanks_org -->
 +
    </div><!--- end of #footer -->
 +
</body>
</html>
</html>

Latest revision as of 13:37, 28 October 2013

hidde original style

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

main

Hi! We are 2013 iGEM Competition Software Team UESTC

(University of Electronic Science and Technology of China)

Projects

Nebula

Nebula (Network of Elaborated Biobricks based on User Locating and Automation) is a biological circuit design tool composed of Auto Mode & Manual Mode.

Learn more

Transpeeder

Transpeeder will help you to control your gene translation velocity by providing you a fast and a slow mutated sequence.

Learn more

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