Team:OUC-China

From 2014.igem.org

(Difference between revisions)
Line 7: Line 7:
     <script src="https://2014.igem.org/Team:OUC-China/js/unslider.js?action=raw&ctype=text/javascript"></script>
     <script src="https://2014.igem.org/Team:OUC-China/js/unslider.js?action=raw&ctype=text/javascript"></script>
<style>
<style>
-
        * {
 
-
            margin: 0;
 
-
            padding: 0;
 
-
            border: 0;
 
-
        }
 
         #silder,#silder > ul, #silder > ul > li {
         #silder,#silder > ul, #silder > ul > li {
             width:100%;
             width:100%;
Line 50: Line 45:
                 }
                 }
         .team {
         .team {
-
             height: 403px;
+
             height: 481px;
-
             background-color: #bac5e1;
+
             background-color: #d2e9fd;
-
             background-image: url(https://static.igem.org/mediawiki/2014/0/0e/OUC-China_Index_Team.png);
+
        }
-
             background-position-y: bottom;
+
        .team > div:first-child {
-
             background-position-x: center;
+
             width: 1024px;
 +
            margin: 0 auto;
 +
        }
 +
        .team .nami {
 +
             position: relative;
 +
             height: 130px;
             background-repeat: repeat-x;
             background-repeat: repeat-x;
 +
        }
 +
        .team .plas {
 +
            margin-top: 240px;
 +
            position: relative;
 +
            z-index: 5;
 +
            -webkit-transition: all ease 0.4s;
 +
            -moz-transition: all ease 0.4s;
 +
            -ms-transition: all ease 0.4s;
 +
            -o-transition: all ease 0.4s;
 +
            transition: all ease 0.4s;
 +
        }
 +
        .team .plas:hover {
 +
            margin-top:230px;
         }
         }
         .part {
         .part {
             height: 850px;
             height: 850px;
-
             background-color: #32488e;
+
             background-color: #609fd2;
             margin-top: -1px;
             margin-top: -1px;
         }
         }
Line 72: Line 85:
             float:left;
             float:left;
             margin: 20px;
             margin: 20px;
 +
            background-color: #ffffff;
 +
        }
 +
        .part > ul > li > p:first-child {
 +
            display: block;
 +
            width: 100%;
 +
            padding: 5px;
 +
            height: 50px;
 +
        }
 +
        .part > ul > li > p:first-child > img {
 +
            display: inline-block;
 +
            width: 40px;
 +
            height: 40px;
 +
            margin-top: -10px;
 +
        }
 +
        .part > ul > li > p:first-child > span {
 +
            font-size: 30px;
 +
            padding-top: 10px;
 +
            padding-left: 10px;
 +
            color: #222222;
         }
         }
         footer {
         footer {
             width: 100%;
             width: 100%;
             height: 100px;
             height: 100px;
-
             background-color: #7c93db;
+
             background-color: #2d6fa5;
         }
         }
         footer p {
         footer p {
Line 88: Line 120:
         footer p a:hover {
         footer p a:hover {
             color: #c7f1ff !important;
             color: #c7f1ff !important;
 +
        }
 +
        .anchor {
 +
            position: fixed;
 +
            right: 10px;
 +
            bottom: 10px;
 +
            cursor: pointer;
 +
            width: 60px;
 +
            height: 60px;
 +
            z-index: 20;
 +
            -webkit-transition: all ease 0.4s;
 +
            -moz-transition: all ease 0.4s;
 +
            -ms-transition: all ease 0.4s;
 +
            -o-transition: all ease 0.4s;
 +
            transition: all ease 0.4s;
 +
        }
 +
        .anchor:hover {
 +
            -webkit-transform: scale(1.1);
 +
            -moz-transform: scale(1.1);
 +
            -ms-transform: scale(1.1);
 +
            -o-transform: scale(1.1);
 +
            transform: scale(1.1);
         }
         }
</style>
</style>
Line 94: Line 147:
         $('#top-section').css({ 'position': 'relative' });
         $('#top-section').css({ 'position': 'relative' });
     </script>
     </script>
-
     <div style="background-color:#b3d3df;height:79px;margin-top:20px">
+
     <header>
-
         <div style="height:52px;background-color: white"></div>
+
         <div>
-
        <div style="height:79px;background-image:url(https://static.igem.org/mediawiki/2014/6/6c/OUC-China_Index_Top.png);width:1024px;position:relative;margin: -52px auto">
+
            <img src="https://static.igem.org/mediawiki/2014/3/3b/OUC-China_Index_IGEM.png" />
             <div class="navbar navbar-inverse" style="margin:0 auto;width:871px;padding-top:8px">
             <div class="navbar navbar-inverse" style="margin:0 auto;width:871px;padding-top:8px">
                 <div class="navbar-collapse collapse navbar-inverse-collapse">
                 <div class="navbar-collapse collapse navbar-inverse-collapse">
Line 164: Line 217:
                 </div>
                 </div>
             </div>
             </div>
 +
            <img src="https://static.igem.org/mediawiki/2014/0/0e/OUC-China_Index_Team.png" />
         </div>
         </div>
-
     </div>
+
     </header>
     <div id="silder">
     <div id="silder">
         <ul>
         <ul>
-
             <li><h1 style="margin:50px">Coming soon...</h1></li>
+
             <li style="background-image:url(https://static.igem.org/mediawiki/2014/2/20/OUC-China_Index_Slide1.png)"><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>
         </ul>
     </div>
     </div>
Line 183: Line 235:
     </script>
     </script>
     <div class="team">
     <div class="team">
-
 
+
        <div>
 +
            TEAM
 +
            <img class="plas" src="https://static.igem.org/mediawiki/2014/4/41/OUC-China_Index_Plasmid1.png" style="float:left" />
 +
            <img class="plas" src="https://static.igem.org/mediawiki/2014/e/e6/OUC-China_Index_Plasmid2.png" style="float:right" />
 +
        </div>
 +
        <div class="nami" style="background-image:url(https://static.igem.org/mediawiki/2014/7/7e/OUC-China_Index_Tsunami1.png);margin-top:330px;z-index:1"> </div>
 +
        <div class="nami" style="background-image:url(https://static.igem.org/mediawiki/2014/8/83/OUC-China_Index_Tsunami2.png);margin-top:-130px;z-index:10"> </div>
     </div>
     </div>
     <div class="part">
     <div class="part">
         <ul>
         <ul>
-
             <li style="background-color:#86bde2"></li>
+
             <li>
-
             <li style="background-color:#e2d886"></li>
+
                <p style="background-color:#99d6fc">
-
             <li style="background-color:#6d7fcc"></li>
+
                    <img src="" />
-
             <li style="background-color:#c3e286"></li>
+
                    <span>The double plasmid system</span>
-
             <li style="background-color:#b678d6"></li>
+
                </p>
-
             <li style="background-color:#86e299"></li>
+
            </li>
 +
             <li>
 +
                <p style="background-color:#fdfb7c">
 +
                    <img src="" />
 +
                    <span>Transfection</span>
 +
                </p>
 +
            </li>
 +
             <li>
 +
                <p style="background-color:#6afd90">
 +
                    <img src="" />
 +
                    <span>Modeling</span>
 +
                </p>
 +
            </li>
 +
             <li>
 +
                <p style="background-color:#fd9ea2">
 +
                    <img src="content/part4.png" />
 +
                    <span>Judging</span>
 +
                </p>
 +
            </li>
 +
             <li>
 +
                <p style="background-color:#faae80">
 +
                    <img src="" />
 +
                    <span>Safety</span>
 +
                </p>
 +
            </li>
 +
             <li>
 +
                <p style="background-color:#d993ea">
 +
                    <img src="" />
 +
                    <span>Policy&practise</span>
 +
                </p>
 +
            </li>
         </ul>
         </ul>
     </div>
     </div>
Line 200: Line 288:
         <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>
         <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>
     </footer>
 +
    <img src="https://static.igem.org/mediawiki/2014/9/9a/OUC-China_Index_Anchor.png" class="anchor" onclick="document.documentElement.scrollTop = document.body.scrollTop = 0;" />
</html>
</html>

Revision as of 14:15, 12 October 2014

  • Coming soon...

TEAM

  • The double plasmid system

  • Transfection

  • Modeling

  • Judging

  • Safety

  • Policy&practise

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