Team:OUC-China

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
{{CSS/Main}}
{{CSS/Main}}
<html>
<html>
-
     <link href="https://2014.igem.org/Team:OUC-China/css/bootstrap.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
+
     <link href="https://2014.igem.org/Team:OUC-China/css/bootstrap.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
     <link href="https://2014.igem.org/Team:OUC-China/css/topsection.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
     <link href="https://2014.igem.org/Team:OUC-China/css/topsection.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
     <script src="https://2014.igem.org/Team:OUC-China/js/jquery.js?action=raw&ctype=text/javascript"></script>
     <script src="https://2014.igem.org/Team:OUC-China/js/jquery.js?action=raw&ctype=text/javascript"></script>
Line 11: Line 11:
             padding: 0;
             padding: 0;
             border: 0;
             border: 0;
 +
        }
 +
        body {
 +
            background-color: #808080;
 +
        }
 +
        .content {
 +
            width: 1024px;
 +
            margin: 0 auto;
 +
            background-color: #FFFFFF;
 +
            -webkit-box-shadow: 0 0 5px #000000;
 +
            -moz-box-shadow: 0 0 5px #000000;
 +
            -ms-box-shadow: 0 0 5px #000000;
 +
            -o-box-shadow: 0 0 5px #000000;
 +
            box-shadow: 0 0 5px #000000;
         }
         }
         #silder,#silder > ul, #silder > ul > li {
         #silder,#silder > ul, #silder > ul > li {
             width:100%;
             width:100%;
-
             height:400px;
+
             height:362px;
         }
         }
         #silder > ul {
         #silder > ul {
Line 49: Line 62:
                     opacity: 1;
                     opacity: 1;
                 }
                 }
 +
        .team {
 +
            height: 403px;
 +
            background-color: #bac5e1;
 +
            background-image: url(https://static.igem.org/mediawiki/2014/0/0e/OUC-China_Index_Team.png);
 +
            background-position-y: bottom;
 +
            background-position-x:left;
 +
            background-repeat: no-repeat;
 +
        }
 +
        .part {
 +
            height: 850px;
 +
            background-color: #32488e;
 +
            margin-top: -1px;
 +
        }
 +
        .part > ul {
 +
          list-style: none;
 +
          margin: 0 0 0 32px;
 +
        }
 +
        .part > ul > li {
 +
            width: 440px;
 +
            height: 235px;
 +
            float:left;
 +
            margin: 20px;
 +
        }
         footer {
         footer {
             width: 100%;
             width: 100%;
             height: 100px;
             height: 100px;
-
             background-color: #4ca5fa;
+
             background-color: #7c93db;
-
            margin-top: 50px;
+
         }
         }
         footer p {
         footer p {
Line 67: Line 102:
         }
         }
</style>
</style>
-
        <script>
+
    <script>
-
            if($('.firstHeading')) $('.firstHeading').remove();
+
        if ($('.firstHeading')) $('.firstHeading').remove();
-
            $('#top-section').css({'position':'relative'});
+
        $('#top-section').css({ 'position': 'relative' });
-
        </script>
+
    </script>
-
     <div style="width:1024px;height:256px;background-image:url('https://static.igem.org/mediawiki/2014/9/9a/OUC-China_index_banner.png');margin: 0 auto"></div>
+
     <div class="content">
-
    <div style="background-color:#4ca5fa">
+
        <div style="height:79px;background-image:url(https://static.igem.org/mediawiki/2014/6/6c/OUC-China_Index_Top.png)">
-
        <div class="navbar navbar-inverse" style="margin:0 auto;width:895px">
+
            <div>
-
            <div class="navbar-collapse collapse navbar-inverse-collapse">
+
                <div class="navbar navbar-inverse" style="margin:0 auto 0 74px;width:871px;padding-top:8px">
-
                <ul class="nav navbar-nav">
+
                    <div class="navbar-collapse collapse navbar-inverse-collapse">
-
                    <li class="active"><a href="#"><span class="glyphicon glyphicon-home"></span>&nbsp;&nbsp;HOME</a></li>
+
                        <ul class="nav navbar-nav">
-
                    <li class="dropdown">
+
                            <li class="active"><a href="#">HOME</a></li>
-
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span>&nbsp;&nbsp;TEAM <b class="caret"></b></a>
+
                            <li class="dropdown">
-
                        <ul class="dropdown-menu">
+
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">TEAM <b class="caret"></b></a>
-
                            <li><a href="https://2014.igem.org/Team:OUC-China/Team">Member</a></li>
+
                                <ul class="dropdown-menu">
-
                             <li><a href="https://2014.igem.org/Team:OUC-China/Team_Attribution">Attribution</a></li>
+
                                    <li><a href="https://2014.igem.org/Team:OUC-China/Team">Member</a></li>
-
                             <li><a href="https://2014.igem.org/Team:OUC-China/Team_Gallery">Gallery</a></li>
+
                                    <li><a href="https://2014.igem.org/Team:OUC-China/Team_Attribution">Attribution</a></li>
-
                             <li><a href="https://2014.igem.org/Team:OUC-China/Team_Acknowledgement">Acknowledgement</a></li>
+
                                    <li><a href="https://2014.igem.org/Team:OUC-China/Team_Gallery">Gallery</a></li>
 +
                                    <li><a href="https://2014.igem.org/Team:OUC-China/Team_Acknowledgement">Acknowledgement</a></li>
 +
                                </ul>
 +
                            </li>
 +
                            <li class="dropdown">
 +
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">PROJECT <b class="caret"></b></a>
 +
                                <ul class="dropdown-menu">
 +
                                    <li><a href="https://2014.igem.org/Team:OUC-China/Project">Overview</a></li>
 +
                                    <li><a href="https://2014.igem.org/Team:OUC-China/Project_Background">Background</a></li>
 +
                                    <li><a href="https://2014.igem.org/Team:OUC-China/Project_Design">Design</a></li>
 +
                                    <li><a href="https://2014.igem.org/Team:OUC-China/Project_Result">Result</a></li>
 +
                                    <li><a href="https://2014.igem.org/Team:OUC-China/Projec_Future workt">Future work</a></li>
 +
                                </ul>
 +
                            </li>
 +
                            <li class="dropdown">
 +
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">MODELING <b class="caret"></b></a>
 +
                                <ul class="dropdown-menu">
 +
                                    <li><a href="https://2014.igem.org/Team:OUC-China/Modeling">Overview</a></li>
 +
                                    <li><a href="https://2014.igem.org/Team:OUC-China/Modeling_Why">Why</a></li>
 +
                                    <li><a href="https://2014.igem.org/Team:OUC-China/Modeling_Aim">Aim</a></li>
 +
                                    <li><a href="https://2014.igem.org/Team:OUC-China/Modeling_??">??</a></li>
 +
                                    <li><a href="https://2014.igem.org/Team:OUC-China/Modeling_Model">Model</a></li>
 +
                                    <li><a href="https://2014.igem.org/Team:OUC-China/Modeling_DataAnalyse">Data &amp; Analyse</a></li>
 +
                                </ul>
 +
                            </li>
 +
                            <li class="dropdown">
 +
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">JUDGING <b class="caret"></b></a>
 +
                                <ul class="dropdown-menu">
 +
                                    <li><a href="https://2014.igem.org/Team:OUC-China/Judging">Part</a></li>
 +
                                    <li><a href="https://2014.igem.org/Team:OUC-China/Judging_Achieveent">Achieveent</a></li>
 +
                                </ul>
 +
                             </li>
 +
                            <li class="dropdown">
 +
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">SAFETY <b class="caret"></b></a>
 +
                                <ul class="dropdown-menu">
 +
                                    <li><a href="https://2014.igem.org/Team:OUC-China/Safety">Overview</a></li>
 +
                                    <li><a href="https://2014.igem.org/Team:OUC-China/Safety_DoubleSystemSafety">Double system safety</a></li>
 +
                                    <li><a href="https://2014.igem.org/Team:OUC-China/Safety_LysisSafety">Lysis safety</a></li>
 +
                                    <li><a href="https://2014.igem.org/Team:OUC-China/Safety_Transfection">Transfection</a></li>
 +
                                </ul>
 +
                             </li>
 +
                            <li class="dropdown">
 +
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">HUMAN PRACTICE <b class="caret"></b></a>
 +
                                <ul class="dropdown-menu">
 +
                                    <li><a href="https://2014.igem.org/Team:OUC-China/HumanPractice">???</a></li>
 +
                                    <li><a href="https://2014.igem.org/Team:OUC-China/HumanPractice_???">???</a></li>
 +
                                </ul>
 +
                             </li>
 +
                            <li class="dropdown">
 +
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">NOTEBOOK <b class="caret"></b></a>
 +
                                <ul class="dropdown-menu">
 +
                                    <li><a href="https://2014.igem.org/Team:OUC-China/HumanPractice">???</a></li>
 +
                                    <li><a href="https://2014.igem.org/Team:OUC-China/HumanPractice_???">???</a></li>
 +
                                </ul>
 +
                            </li>
                         </ul>
                         </ul>
-
                     </li>
+
                     </div>
-
                    <li class="dropdown">
+
-
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-edit"></span>&nbsp;&nbsp;PROJECT <b class="caret"></b></a>
+
-
                        <ul class="dropdown-menu">
+
-
                            <li><a href="https://2014.igem.org/Team:OUC-China/Project">Overview</a></li>
+
-
                            <li><a href="https://2014.igem.org/Team:OUC-China/Project_Background">Background</a></li>
+
-
                            <li><a href="https://2014.igem.org/Team:OUC-China/Project_Design">Design</a></li>
+
-
                            <li><a href="https://2014.igem.org/Team:OUC-China/Project_Result">Result</a></li>
+
-
                            <li><a href="https://2014.igem.org/Team:OUC-China/Projec_Future workt">Future work</a></li>
+
-
                        </ul>
+
-
                    </li>
+
-
                    <li class="dropdown">
+
-
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-cog"></span>&nbsp;&nbsp;MODELING <b class="caret"></b></a>
+
-
                        <ul class="dropdown-menu">
+
-
                            <li><a href="https://2014.igem.org/Team:OUC-China/Modeling">Overview</a></li>
+
-
                            <li><a href="https://2014.igem.org/Team:OUC-China/Modeling_Why">Why</a></li>
+
-
                            <li><a href="https://2014.igem.org/Team:OUC-China/Modeling_Aim">Aim</a></li>
+
-
                            <li><a href="https://2014.igem.org/Team:OUC-China/Modeling_??">??</a></li>
+
-
                            <li><a href="https://2014.igem.org/Team:OUC-China/Modeling_Model">Model</a></li>
+
-
                            <li><a href="https://2014.igem.org/Team:OUC-China/Modeling_DataAnalyse">Data &amp; Analyse</a></li>
+
-
                        </ul>
+
-
                    </li>
+
-
                    <li class="dropdown">
+
-
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-stats"></span>&nbsp;&nbsp;JUDGING <b class="caret"></b></a>
+
-
                        <ul class="dropdown-menu">
+
-
                            <li><a href="https://2014.igem.org/Team:OUC-China/Judging">Part</a></li>
+
-
                            <li><a href="https://2014.igem.org/Team:OUC-China/Judging_Achieveent">Achieveent</a></li>
+
-
                        </ul>
+
-
                    </li>
+
-
                    <li class="dropdown">
+
-
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-warning-sign"></span>&nbsp;&nbsp;SAFETY <b class="caret"></b></a>
+
-
                        <ul class="dropdown-menu">
+
-
                            <li><a href="https://2014.igem.org/Team:OUC-China/Safety">Overview</a></li>
+
-
                            <li><a href="https://2014.igem.org/Team:OUC-China/Safety_DoubleSystemSafety">Double system safety</a></li>
+
-
                            <li><a href="https://2014.igem.org/Team:OUC-China/Safety_LysisSafety">Lysis safety</a></li>
+
-
                            <li><a href="https://2014.igem.org/Team:OUC-China/Safety_Transfection">Transfection</a></li>
+
-
                        </ul>
+
-
                    </li>
+
-
                    <li class="dropdown">
+
-
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-comment"></span>&nbsp;&nbsp;HUMAN PRACTICE <b class="caret"></b></a>
+
-
                        <ul class="dropdown-menu">
+
-
                            <li><a href="https://2014.igem.org/Team:OUC-China/HumanPractice">???</a></li>
+
-
                            <li><a href="https://2014.igem.org/Team:OUC-China/HumanPractice_???">???</a></li>
+
-
                        </ul>
+
-
                    </li>
+
-
                </ul>
+
-
            </div>
+
-
        </div>
+
-
    </div> 
+
-
    <div style="margin:0 auto;width:1024px">
+
-
        <!--Slide area-->
+
-
        <div style="padding:20px 10px 20px 10px">
+
-
            <div style="border: 2px solid #5b97fb">
+
-
                <div id="silder">
+
-
                    <ul>
+
-
                        <li><h1 style="margin:50px">Coming soon...</h1></li>
+
-
                        <li><h1 style="margin:50px">Coming soon...</h1></li>
+
-
                        <li><h1 style="margin:50px">Coming soon...</h1></li>
+
-
                    </ul>
+
                 </div>
                 </div>
-
                <script>
 
-
                    $('#silder').unslider({
 
-
                        speed: 500,
 
-
                        delay: 3000,
 
-
                        keys: true,
 
-
                        dots: true,
 
-
                        fluid: false
 
-
                    });
 
-
                </script>
 
             </div>
             </div>
         </div>
         </div>
-
        <!--Mini-part area-->
+
         <div id="silder">
-
         <div class="col-md-4">
+
             <ul>
-
             <div class="panel panel-primary">
+
                 <li><h1 style="margin:50px">Coming soon...</h1></li>
-
                 <div class="panel-heading">
+
                <li><h1 style="margin:50px">Coming soon...</h1></li>
-
                    <h3 class="panel-title">Coming soon...</h3>
+
                 <li><h1 style="margin:50px">Coming soon...</h1></li>
-
                </div>
+
             </ul>
-
                 <div class="panel-body">
+
-
                    This is the first content.
+
-
                </div>
+
-
             </div>
+
         </div>
         </div>
-
         <div class="col-md-4">
+
         <script>
-
             <div class="panel panel-primary">
+
             $('#silder').unslider({
-
                 <div class="panel-heading">
+
                 speed: 500,
-
                    <h3 class="panel-title">Coming soon...</h3>
+
                delay: 3000,
-
                 </div>
+
                 keys: true,
-
                <div class="panel-body">
+
                dots: true,
-
                    This is the second content.
+
                fluid: false
-
                </div>
+
            });
-
            </div>
+
        </script>
 +
        <div class="team">
 +
 
         </div>
         </div>
-
         <div class="col-md-4">
+
         <div class="part">
-
             <div class="panel panel-primary">
+
             <ul>
-
                 <div class="panel-heading">
+
                <li style="background-color:#86bde2"></li>
-
                    <h3 class="panel-title">Coming soon...</h3>
+
                 <li style="background-color:#e2d886"></li>
-
                 </div>
+
                <li style="background-color:#6d7fcc"></li>
-
                 <div class="panel-body">
+
                 <li style="background-color:#c3e286"></li>
-
                    This is the last content.
+
                 <li style="background-color:#b678d6"></li>
-
                 </div>
+
                 <li style="background-color:#86e299"></li>
-
             </div>
+
             </ul>
-
         </div>
+
        </div>
 +
         <div style="clear:both"></div>
 +
        <footer>
 +
            <p style="padding-top:40px">Designed by WinUP Software</p>
 +
            <p>Thanks to <a href="http://getbootstrap.com/">Bootstrap</a>, <a href="http://bootswatch.com/">Bootswatch</a> and <a href="http://glyphicons.com/">Glyphicons</a></p>
 +
        </footer>
     </div>
     </div>
-
    <div style="clear:both"></div>
 
-
    <footer>
 
-
        <p style="padding-top:40px">Designed by WinUP Software</p>
 
-
        <p>Thanks to <a href="http://getbootstrap.com/">Bootstrap</a>, <a href="http://bootswatch.com/">Bootswatch</a> and <a href="http://glyphicons.com/">Glyphicons</a></p>
 
-
    </footer>
 
</html>
</html>

Revision as of 11:39, 11 October 2014

  • Coming soon...

  • Coming soon...

  • Coming soon...

Retrieved from "http://2014.igem.org/Team:OUC-China"