Team:UESTC

From 2013.igem.org

(Difference between revisions)
 
(180 intermediate revisions not shown)
Line 1: Line 1:
-
/*
+
{{Team:UESTC/hidden}}
-
    nav style
+
<html>
-
    */
+
<head data-gwd-animation-mode="proMode">
-
nav{
+
     <title>main</title>
-
position:fixed;
+
     <link type="text/css" href="https://2013.igem.org/Team:UESTC/home.css?action=raw&ctype=text/css" rel="stylesheet"/>
-
z-index: 50;
+
     <link type="text/css" href="https://2013.igem.org/Team:UESTC/nav.css?action=raw&ctype=text/css" rel="stylesheet"/>
-
top:15px;
+
     <script src="https://2013.igem.org/Team:UESTC/js/libs/modernizr-2.0.6.min.js?action=raw&ctype=text/javascript"></script>
-
    width:100%;
+
     <style type="text/css">
-
    height:45px;
+
        .panel {
-
    background-color:#EC6100;
+
            width:100%;
-
    left:0%;
+
        }
-
    text-align:center;
+
     </style>
-
}
+
     <!-- javascript for responsive drop menu -->
-
.toggleMenu {
+
    <script type="text/javascript">
-
    display: none;
+
-
    background: #666;
+
-
    padding: 10px 15px;
+
-
    color: #fff;
+
-
    position: absolute;
+
-
    top: 83px;
+
-
    left: 0px;
+
-
}
+
-
.nav {
+
-
    position:relative;
+
-
    top:0px;
+
-
    display: inline-block;
+
-
    margin:0px;
+
-
    padding:0px;
+
-
    list-style: none;
+
-
    background:#EC6100;
+
-
    height: 45px;
+
-
    font:1.6em BuxtonSketch,arial,verdana;
+
-
}
+
-
.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;
+
-
}
+
-
.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;
+
-
text-decoration:none;
+
-
}
+
-
.nav li {
+
-
    position: relative;
+
-
}
+
-
.nav > li {
+
-
     float: left;
+
-
    border-top: 1px solid #EC6100;
+
-
}
+
-
.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;
+
-
    top:20px;
+
-
}
+
-
.nav li li.hover ul {
+
-
    left: 100%;
+
-
    top: 0;
+
-
}
+
-
.nav li li a {
+
-
    display: block;
+
-
    background: #EC6100;
+
-
    position: relative;
+
-
    z-index:100;
+
-
    border-top: 1px solid #175e4c;
+
-
}
+
-
.nav li li li a {
+
-
    background:#EC6100;
+
-
    z-index:200;
+
-
    border-top: 1px solid #1d7a62;
+
-
}
+
-
.nav ul li:first-child > a {
+
-
}
+
-
.nav ul li:last-child > a {
+
-
}
+
-
.nav ul {
+
-
    padding:0;
+
-
    width:170px;
+
-
    background-color:#EC6100;
+
-
    border:1px solid #7788aa;
+
-
}
+
-
/*
+
-
    projects nav style
+
-
    */
+
-
#nav_proj {
+
-
    width: 100%;
+
-
    height: 100px;
+
-
    z-index:50;
+
-
    background-color:yellow;
+
-
}
+
-
/*
+
-
    team info nav style
+
-
    */
+
-
#nav_team {
+
-
    width: 100%;
+
-
    height: 100px;
+
-
    z-index:50;
+
-
    background-color:yellow;
+
-
}
+
-
/*
+
-
    home part style
+
-
    */
+
-
#home {
+
-
    height: 560px;
+
-
    background-color:#0EA6EA;
+
-
background:-webkit-gradient(linear,left top,left bottom,from(#0EA6EA),to(#F8FCFE));
+
-
background:-ms-gradient(linear,left top,left bottom,from(#0EA6EA),to(#F8FCFE));
+
-
background:gradient(linear,left top,left bottom,from(#0EA6EA),to(#F8FCFE));
+
-
background:-moz-linear-gradient(top,#0EA6EA,#F8FCFE);
+
-
background:-0-linear-gradient(top,#0EA6EA,#F8FCFE);
+
-
background:linear-gradient(top,#0EA6EA,#F8FCFE);
+
-
filter: progid:DXImageTransform.Microsoft.gradient(enabled='false',startColorstr='#0EA6EA',endColorstr='#F8FCFE');
+
-
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(enabled='false',startColorstr='#0EA6EA',endColorstr='#F8FCFE')";
+
-
    z-index:0;
+
-
}
+
-
#logo {
+
-
    height: 150px;
+
-
    width:46.875%;/* 600/1280 */
+
-
     margin:0 auto;
+
-
    position:relative;
+
-
    top:50px;
+
-
    z-index:10;
+
-
}
+
-
    #logo #team_logo {
+
-
        float: left;
+
-
    }
+
-
    #logo #igem_logo {
+
-
        float: right;
+
-
    }
+
-
/*
+
-
    moving cloud style
+
-
    */
+
-
#experiment{
+
-
position: relative;
+
-
top:0px;
+
-
    height:200px;
+
-
z-index: 5;
+
-
}
+
-
#background {
+
-
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: -136px;
+
-
    left: 0;
+
-
    right: 0;
+
-
    position:absolute;
+
-
     -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: 5;
+
-
    height:275px;
+
-
}
+
-
body:target #background {
+
        var _gaq = _gaq || [];
-
    left: -5000px;
+
        _gaq.push(['_setAccount', 'UA-36212355-2']);
-
}
+
        _gaq.push(['_trackPageview']);
-
body:hover #background {
+
        (function () {
-
    left: -9999px;
+
            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';
-
#hi {
+
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
-
    height: auto;
+
        })();
-
    width: 46.875%; /* 600/1280 */
+
 
-
    position:relative;
+
        var ww = document.body.clientWidth;
-
    top:-110px;
+
 
-
    margin:0 auto;
+
        $(document).ready(function () {
-
    font: 1.8em BuxtonSketch,arial,verdana;
+
            $(".nav li a").each(function () {
-
    z-index:5;
+
                if ($(this).next().length > 0) {
-
    text-align:center;
+
                    $(this).addClass("parent");
-
}
+
                };
-
#team_photo {
+
            })
-
    position:relative;
+
 
-
    top: -56px;
+
            $(".toggleMenu").click(function (e) {
-
    display:block;
+
                e.preventDefault();
-
    margin:0 auto;
+
                $(this).toggleClass("active");
-
    z-index:5;
+
                $(".nav").toggle();
-
}
+
            });
-
/*
+
            adjustMenu();
-
    responsive pic
+
        })
-
    */
+
 
-
img {
+
        $(window).bind('resize orientationchange', function () {
-
    max-width: 100%;
+
            ww = document.body.clientWidth;
-
}
+
            adjustMenu();
-
#proj_slides {
+
        });
-
    height: 700px;
+
 
-
    background-color:orange;
+
        var adjustMenu = function () {
-
    z-index:1;
+
            if (ww < 650) {
-
}
+
                $(".toggleMenu").css("display", "inline-block");
-
/*
+
                if (!$(".toggleMenu").hasClass("active")) {
-
     project slideshow style
+
                    $(".nav").hide();
-
    */
+
                } else {
-
#camera_wrap_1 {
+
                    $(".nav").show();
-
     max-width: 1280px;
+
                }
-
     max-height:600px;
+
                $(".nav li").unbind('mouseenter mouseleave');
-
     width:95%;
+
                $(".nav li a.parent").unbind('click').bind('click', function (e) {
-
    margin: 0 2.25%;
+
                    // must be attached to anchor element to prevent bubbling
-
    z-index:5;
+
                    e.preventDefault();
-
}
+
                    $(this).parent("li").toggleClass("hover");
-
     #camera_wrap_1 h1 {
+
                });
-
         font: 2em arial,verdana;
+
            }
-
         color:white;
+
            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>
 +
 
 +
 
 +
</head>
 +
<body>
 +
     <nav class="panel">
 +
        <a class="toggleMenu" href="#">Menu</a>
 +
        <ul class="nav">
 +
<li>
 +
<a href="https://2013.igem.org/Team:UESTC#" class="active_menu">Home</a>
 +
</li>
 +
<li>
 +
<a href="#project">Project</a>
 +
                <ul>
 +
                    <li><a href="https://2013.igem.org/Team:UESTC/nebula">Nebula</a></li>
 +
                    <li><a href="https://2013.igem.org/Team:UESTC/transpeeder">Transpeeder</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="https://2013.igem.org/Team:UESTC/team_info">Team Info</a>
 +
</li>
 +
<li>
 +
<a href="https://2013.igem.org/Team:UESTC/notebook">Notebook</a>
 +
</li>
 +
<li>
 +
<a href="https://2013.igem.org/Team:UESTC/mf">Medal Fulfillment</a>
 +
</li>
 +
<li>
 +
<a href="https://2013.igem.org/Team:UESTC/human_practice">Human Practice</a>
 +
</li>
 +
<li>
 +
<a href="#">Others</a>
 +
<ul>
 +
<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>

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"