Team:Hong Kong-CUHK

From 2014.igem.org

(Difference between revisions)
(replace with index.html)
m
 
(10 intermediate revisions not shown)
Line 12: Line 12:
<style type="text/css">
<style type="text/css">
.navbar-default {
.navbar-default {
-
background-color: #40AECC;
+
    background-color: #40AECC;
-
border-color: #FFFFFF;
+
    border-color: #FFFFFF;
-
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4);
+
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4);
}
}
-
 
.navbar-default .navbar-brand {
.navbar-default .navbar-brand {
-
color: #FFF;
+
    color: #FFF;
-
border-right: 1px solid rgba(255, 255, 255, 0.1);
+
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}
}
-
 
+
.navbar>.container .navbar-brand,
-
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{
+
.navbar>.container-fluid .navbar-brand {
-
margin-left: 0px;
+
    margin-left: 0px;
}
}
-
 
.navbar-default .navbar-nav>li>a {
.navbar-default .navbar-nav>li>a {
-
color: #FFF;
+
    color: #FFF;
-
border-right: 1px solid rgba(255, 255, 255, 0.1);
+
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}
}
-
 
.dropdown-menu .sub-menu {
.dropdown-menu .sub-menu {
     left: 100%;
     left: 100%;
Line 38: Line 35:
     margin-top: -1px;
     margin-top: -1px;
}
}
-
 
.dropdown-menu li:hover .sub-menu {
.dropdown-menu li:hover .sub-menu {
     visibility: visible;
     visibility: visible;
}
}
-
 
.dropdown:hover .dropdown-menu {
.dropdown:hover .dropdown-menu {
     display: block;
     display: block;
}
}
-
 
#board {
#board {
     background-image: url('https://static.igem.org/mediawiki/2014/3/3a/Railbg.png');
     background-image: url('https://static.igem.org/mediawiki/2014/3/3a/Railbg.png');
Line 52: Line 46:
     width: 1000px;
     width: 1000px;
     height: 550px;
     height: 550px;
-
overflow: hidden;
+
    overflow: hidden;
}
}
.chess {
.chess {
Line 70: Line 64:
.member-wrapper:hover > .profile-dialog {
.member-wrapper:hover > .profile-dialog {
     display: block;
     display: block;
-
background: rgba(255, 255, 255, 1);
+
    background: rgba(255, 255, 255, 1);
-
padding: 12px;
+
    padding: 12px;
     font-size: 24px;
     font-size: 24px;
}
}
Line 82: Line 76:
     display: block;
     display: block;
}
}
-
 
#train {
#train {
     width: 620px;
     width: 620px;
Line 92: Line 85:
}
}
body {
body {
-
background-image: url('https://static.igem.org/mediawiki/2014/5/53/Trainstationbg.jpg');
+
    background-image: url('https://static.igem.org/mediawiki/2014/5/53/Trainstationbg.jpg');
}
}
#footer-box {
#footer-box {
-
opacity: 0.3;
+
    opacity: 0.3;
-
filter: alpha(opacity=30); /* For IE8 and earlier */
+
    filter: alpha(opacity=30);
-
bottom: -580px;
+
    /* For IE8 and earlier */
 +
   
 +
    bottom: -580px;
}
}
#footer-box:hover {
#footer-box:hover {
-
opacity: 1;
+
    opacity: 1;
-
filter: alpha(opacity=100); /* For IE8 and earlier */
+
    filter: alpha(opacity=100);
 +
    /* For IE8 and earlier */
}
}
-
 
-
 
</style>
</style>
<nav class="navbar navbar-default navbar-static-top" role="navigation">
<nav class="navbar navbar-default navbar-static-top" role="navigation">
-
  <div class="container">
+
    <div class="container">
-
<div class="navbar-header"><a href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" height="50px"></a></div>
+
         <div class="navbar-header">
         <div class="navbar-header">
-
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
+
            <a href="https://2014.igem.org/Main_Page">
-
            <span class="sr-only">Toggle navigation</span>
+
                <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" height="50px">
-
            <span class="icon-bar"></span>
+
            </a>
-
            <span class="icon-bar"></span>
+
        </div>
-
            <span class="icon-bar"></span>
+
        <div class="navbar-header">
-
          </button>
+
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
-
          <a class="navbar-brand" href="https://2014.igem.org/Team:Hong_Kong-CUHK">CUHK iGEM 2014</a>
+
                <span class="sr-only">Toggle navigation</span>
 +
                <span class="icon-bar"></span>
 +
                <span class="icon-bar"></span>
 +
                <span class="icon-bar"></span>
 +
            </button>
 +
            <a class="navbar-brand" href="https://2014.igem.org/Team:Hong_Kong-CUHK">CUHK iGEM 2014</a>
         </div>
         </div>
         <div class="navbar-collapse collapse">
         <div class="navbar-collapse collapse">
-
          <ul class="nav navbar-nav">
+
            <ul class="nav navbar-nav">
-
            <li class="dropdown">
+
                <li class="dropdown">
-
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Team</a>
+
                    <a href="team" class="dropdown-toggle" data-toggle="dropdown">Team</a>
-
    <ul class="dropdown-menu" role="menu">
+
                    <ul class="dropdown-menu" role="menu">
-
                <li><a href="#">Action</a></li>
+
                        <li><a href="https://igem.org/Team.cgi?id=1314">Official Team Page</a>
-
                <li><a href="#">Another action</a></li>
+
                        </li>
-
                <li><a href="#">Something else here</a></li>
+
                        <li><a href="https://2014.igem.org/Team:Hong_Kong-CUHK/home.html?page=link-team">Our Team</a>
-
                <li class="divider"></li>
+
                        </li>
-
                <li class="dropdown-header">Nav header</li>
+
                        <li><a href="https://2014.igem.org/Team:Hong_Kong-CUHK/home.html?page=link-team">Instructor and advisor</a>
-
                <li><a href="#">Separated link</a></li>
+
                        </li>
-
                <li><a href="#">One more separated link</a></li>
+
                    </ul>
-
              </ul>
+
                </li>
-
</li>
+
                <li class="dropdown">
-
            <li class="dropdown">
+
                    <a href="project" class="dropdown-toggle" data-toggle="dropdown">Project</a>
-
<a href="#about" class="dropdown-toggle" data-toggle="dropdown">Project</a>
+
                    <ul class="dropdown-menu" role="menu">
-
  <ul class="dropdown-menu" role="menu">
+
<li><a href="https://2014.igem.org/Team:Hong_Kong-CUHK/home.html?page=link-project">Start your A.V. adventure here!</a>
-
                <li><a href="#">Action</a></li>
+
                        </li>
-
                <li><a href="#">Another action</a></li>
+
                    </ul>
-
                <li><a href="#">Something else here</a></li>
+
                 </li>
-
                <li class="divider"></li>
+
                 <li class="dropdown">
-
                <li class="dropdown-header">Nav header</li>
+
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Biobrick</a>
-
                 <li><a href="#">Separated link</a></li>
+
                    <ul class="dropdown-menu" role="menu">
-
                 <li><a href="#">One more separated link</a></li>
+
                        <li><a href="https://2014.igem.org/Team:Hong_Kong-CUHK/home.html?page=link-biobricks#T7expression">Nitrogen-repressible T7 expression system</a>
-
              </ul>
+
                        </li>
-
</li>
+
                        <li><a href="https://2014.igem.org/Team:Hong_Kong-CUHK/home.html?page=link-biobricks#sclcd">ScLCD- Saccharomyces cerevisiae Liquid Chip Display</a>
-
            <li class="dropdown">
+
                        </li>
-
<a href="#contact" class="dropdown-toggle" data-toggle="dropdown">Biobrick</a>
+
                    </ul>
-
  <ul class="dropdown-menu" role="menu">
+
                </li>
-
                <li><a href="#">Action</a></li>
+
                <li class="dropdown">
-
                <li><a href="#">Another action</a></li>
+
                    <a href="https://2014.igem.org/Team:Hong_Kong-CUHK/home.html?page=link-modelling" class="dropdown-toggle" data-toggle="dropdown">Modelling</a>
-
                <li><a href="#">Something else here</a></li>
+
                    <ul class="dropdown-menu" role="menu">
-
                <li class="divider"></li>
+
                        <li><a href="https://2014.igem.org/Team:Hong_Kong-CUHK/home.html?page=link-modelling">Nitrogen-repressible T7 expression system</a>
-
                <li class="dropdown-header">Nav header</li>
+
                        </li>
-
                <li><a href="#">Separated link</a></li>
+
                    </ul>
-
                <li><a href="#">One more separated link</a></li>
+
                 </li>
-
              </ul>
+
                 <li class="dropdown">
-
</li>
+
                    <a href="human-practice" class="dropdown-toggle" data-toggle="dropdown">Human Practice</a>
-
            <li class="dropdown">
+
                    <ul class="dropdown-menu" role="menu">
-
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Modelling</a>
+
                        <li><a href="https://2014.igem.org/Team:Hong_Kong-CUHK/home.html?page=link-human-practice">What have we done</a>
-
              <ul class="dropdown-menu" role="menu">
+
                        </li>
-
                <li><a href="#">Action</a></li>
+
                        <li><a href="https://2014.igem.org/Team:Hong_Kong-CUHK/collaboration.html">Collaboration</a>
-
                <li><a href="#">Another action</a></li>
+
                        </li>
-
                <li><a href="#">Something else here</a></li>
+
                    </ul>
-
                <li class="divider"></li>
+
                </li>
-
                <li class="dropdown-header">Nav header</li>
+
                <li class="dropdown">
-
                 <li><a href="#">Separated link</a></li>
+
                    <a href="safety" class="dropdown-toggle" data-toggle="dropdown">Safety</a>
-
                 <li><a href="#">One more separated link</a></li>
+
                    <ul class="dropdown-menu" role="menu">
-
              </ul>
+
                        <li><a href="https://2014.igem.org/Team:Hong_Kong-CUHK/home.html?page=link-safety">Training</a>
-
            </li>
+
                        </li>
-
<li class="dropdown">
+
                        <li><a href="https://2014.igem.org/Team:Hong_Kong-CUHK/home.html?page=link-safety#group-local-rules">Local Rules and Regulations</a>
-
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Human Practice</a>
+
                        </li>
-
              <ul class="dropdown-menu" role="menu">
+
                        <li><a href="https://2014.igem.org/Team:Hong_Kong-CUHK/home.html?page=link-safety#group-organisms-and-parts-used">Organisms and Parts</a>
-
                <li><a href="#">Action</a></li>
+
                        </li>
-
                <li><a href="#">Another action</a></li>
+
                        <li><a href="https://2014.igem.org/Team:Hong_Kong-CUHK/home.html?page=link-safety#group-risks-now">Risk</a>
-
                <li><a href="#">Something else here</a></li>
+
                        </li>
-
                <li class="divider"></li>
+
                    </ul>
-
                <li class="dropdown-header">Nav header</li>
+
                </li>
-
                <li><a href="#">Separated link</a></li>
+
                <li class="dropdown">
-
                <li><a href="#">One more separated link</a></li>
+
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Documentation</a>
-
              </ul>
+
                    <ul class="dropdown-menu" role="menu">
-
            </li>
+
                        <li><a href="https://2014.igem.org/Team:Hong_Kong-CUHK/home.html?page=link-documentation">Protocol</a>
-
<li class="dropdown">
+
                        </li>
-
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Safety</a>
+
                        <li><a href="https://2014.igem.org/Team:Hong_Kong-CUHK/home.html?page=link-documentation#notebook">Notebook</a>
-
              <ul class="dropdown-menu" role="menu">
+
                        </li>
-
                <li><a href="#">Action</a></li>
+
                    </ul>
-
                <li><a href="#">Another action</a></li>
+
                </li>
-
                <li><a href="#">Something else here</a></li>
+
                <li class="dropdown">
-
                <li class="divider"></li>
+
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Acknowledgement</a>
-
                <li class="dropdown-header">Nav header</li>
+
                    <ul class="dropdown-menu" role="menu">
-
                <li><a href="#">Separated link</a></li>
+
                        <li><a href="https://2014.igem.org/Team:Hong_Kong-CUHK/home.html?page=link-acknowledgement">Sponsor and Thank you</a>
-
                <li><a href="#">One more separated link</a></li>
+
                        </li>
-
              </ul>
+
                    </ul>
-
            </li>
+
                 </li>
-
<li class="dropdown">
+
            </ul>
-
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Documentation</a>
+
-
              <ul class="dropdown-menu" role="menu">
+
-
                <li><a href="#">Action</a></li>
+
-
                <li><a href="#">Another action</a></li>
+
-
                <li><a href="#">Something else here</a></li>
+
-
                <li class="divider"></li>
+
-
                <li class="dropdown-header">Nav header</li>
+
-
                <li><a href="#">Separated link</a></li>
+
-
                <li><a href="#">One more separated link</a></li>
+
-
              </ul>
+
-
            </li>
+
-
<li class="dropdown">
+
-
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Acknowledgement</a>
+
-
              <ul class="dropdown-menu" role="menu">
+
-
                <li><a href="#">Action</a></li>
+
-
                <li><a href="#">Another action</a></li>
+
-
                <li><a href="#">Something else here</a></li>
+
-
                <li class="divider"></li>
+
-
                <li class="dropdown-header">Nav header</li>
+
-
                 <li><a href="#">Separated link</a></li>
+
-
                <li><a href="#">One more separated link</a></li>
+
-
              </ul>
+
-
            </li>
+
           </ul>
           </ul>
-
          <!--<ul class="nav navbar-nav navbar-right">
+
        </div>
-
            <li><a href="#">ABC</a></li>
+
         <!--/.nav-collapse -->
-
            <li><a href="#">def</a></li>
+
    </div>
-
            <li class="active"><a href="#">GHI</a></li>
+
-
          </ul>-->
+
-
         </div><!--/.nav-collapse -->
+
-
      </div>
+
</nav>
</nav>
<body>
<body>
-
<!--
+
    <!--
-
<div class="video" style="height: 100vh;">
+
    <div class="video" style="height: 100vh;">
                 <div id="bgVideo" class="background">
                 <div id="bgVideo" class="background">
-
<video id="video_background" preload="auto" autoplay="autoplay" loop="loop" style="top: -230px; left: 0px; bottom: 0px; right: 0px; z-index: -100; width: 1347px; height: 757.886524822695px;">
+
                <video id="video_background" preload="auto" autoplay="autoplay" loop="loop" style="top: -230px; left: 0px; bottom: 0px; right: 0px; z-index: -100; width: 1347px; height: 757.886524822695px;">
-
<source src="background.mp4" type="video/mp4">
+
                    <source src="background.mp4" type="video/mp4">
-
<source src="background.ogg" type="video/ogg">
+
                    <source src="background.ogg" type="video/ogg">
-
<source src="background.webm" type="video/webm">bgvideo</video>
+
                    <source src="background.webm" type="video/webm">bgvideo</video>
-
</div>
+
                </div>
-
</div>-->
+
    </div>-->
     <div class="row">
     <div class="row">
         <div id="board" class="center-block">
         <div id="board" class="center-block">
Line 251: Line 222:
         info: {
         info: {
             about: "Project",
             about: "Project",
-
             background: "https://static.igem.org/mediawiki/2014/thumb/b/bc/Cuhkproject.png/600px-Cuhkproject.png",
+
             background: "https://static.igem.org/mediawiki/2014/b/bc/Cuhkproject.png",
-
             backgroundHover: "https://static.igem.org/mediawiki/2014/thumb/4/44/Cuhkproject-hover.png/600px-Cuhkproject-hover.png"
+
             backgroundHover: "https://static.igem.org/mediawiki/2014/4/44/Cuhkproject-hover.png",
 +
link: "project"
         },
         },
         offset: {
         offset: {
Line 268: Line 240:
         info: {
         info: {
             about: "Team",
             about: "Team",
-
             background: "https://static.igem.org/mediawiki/2014/thumb/e/e2/CuhkTeam.png/600px-CuhkTeam.png",
+
             background: "https://static.igem.org/mediawiki/2014/e/e2/CuhkTeam.png",
-
             backgroundHover: "https://static.igem.org/mediawiki/2014/thumb/6/63/CuhkTeam-hover.png/600px-CuhkTeam-hover.png"
+
             backgroundHover: "https://static.igem.org/mediawiki/2014/6/63/CuhkTeam-hover.png",
 +
link: "team"
         },
         },
         offset: {
         offset: {
Line 286: Line 259:
             about: "Biobricks",
             about: "Biobricks",
             background: "https://static.igem.org/mediawiki/2014/thumb/7/70/Cuhk-Biobricks.png/599px-Cuhk-Biobricks.png",
             background: "https://static.igem.org/mediawiki/2014/thumb/7/70/Cuhk-Biobricks.png/599px-Cuhk-Biobricks.png",
-
             backgroundHover: "https://static.igem.org/mediawiki/2014/thumb/c/cb/CuhkBiobricks-hover.png/600px-CuhkBiobricks-hover.png"
+
             backgroundHover: "https://static.igem.org/mediawiki/2014/c/cb/CuhkBiobricks-hover.png",
 +
link: "biobricks"
         },
         },
         offset: {
         offset: {
Line 302: Line 276:
         info: {
         info: {
             about: "Modelling",
             about: "Modelling",
-
             background: "https://static.igem.org/mediawiki/2014/thumb/7/74/CuhkModelling.png/600px-CuhkModelling.png",
+
             background: "https://static.igem.org/mediawiki/2014/7/74/CuhkModelling.png",
-
             backgroundHover: "https://static.igem.org/mediawiki/2014/thumb/3/36/CuhkModelling-hover.png/600px-CuhkModelling-hover.png"
+
             backgroundHover: "https://static.igem.org/mediawiki/2014/3/36/CuhkModelling-hover.png",
 +
link: "modelling"
         },
         },
         offset: {
         offset: {
Line 312: Line 287:
             background: "#ff0000",
             background: "#ff0000",
             offset: {
             offset: {
-
                 top: 50,  
+
                 top: 50,
                 left: 140
                 left: 140
             }
             }
Line 320: Line 295:
             about: "Documentation",
             about: "Documentation",
             background: "https://static.igem.org/mediawiki/2014/thumb/0/03/CuhkDocumentation.png/600px-CuhkDocumentation.png",
             background: "https://static.igem.org/mediawiki/2014/thumb/0/03/CuhkDocumentation.png/600px-CuhkDocumentation.png",
-
             backgroundHover: "https://static.igem.org/mediawiki/2014/thumb/a/a7/CuhkDocumentation-hover.png/600px-CuhkDocumentation-hover.png"
+
             backgroundHover: "https://static.igem.org/mediawiki/2014/a/a7/CuhkDocumentation-hover.png",
 +
link: "documentation"
         },
         },
         offset: {
         offset: {
Line 337: Line 313:
             about: "Human Practice",
             about: "Human Practice",
             background: "https://static.igem.org/mediawiki/2014/thumb/8/85/CuhkHuman-practice.png/600px-CuhkHuman-practice.png",
             background: "https://static.igem.org/mediawiki/2014/thumb/8/85/CuhkHuman-practice.png/600px-CuhkHuman-practice.png",
-
             backgroundHover: "https://static.igem.org/mediawiki/2014/thumb/b/bc/CuhkHuman-practice-hover.png/600px-CuhkHuman-practice-hover.png"
+
             backgroundHover: "https://static.igem.org/mediawiki/2014/b/bc/CuhkHuman-practice-hover.png",
 +
link: "human-practice"
         },
         },
         offset: {
         offset: {
Line 353: Line 330:
         info: {
         info: {
             about: "Safety",
             about: "Safety",
-
             background: "https://static.igem.org/mediawiki/2014/thumb/c/c6/Cuhksafety.png/600px-Cuhksafety.png",
+
             background: "https://static.igem.org/mediawiki/2014/c/c6/Cuhksafety.png",
-
             backgroundHover: "https://static.igem.org/mediawiki/2014/thumb/a/a8/Cuhksafety-hover.png/600px-Cuhksafety-hover.png"
+
             backgroundHover: "https://static.igem.org/mediawiki/2014/a/a8/Cuhksafety-hover.png",
 +
link: "safety"
         },
         },
         offset: {
         offset: {
Line 371: Line 349:
             about: "Acknowledgement",
             about: "Acknowledgement",
             background: "https://static.igem.org/mediawiki/2014/thumb/0/0a/Cuhk-Acknowledgement.png/600px-Cuhk-Acknowledgement.png",
             background: "https://static.igem.org/mediawiki/2014/thumb/0/0a/Cuhk-Acknowledgement.png/600px-Cuhk-Acknowledgement.png",
-
             backgroundHover: "https://static.igem.org/mediawiki/2014/thumb/b/b0/Cuhk-Acknowledgement-hover.png/600px-Cuhk-Acknowledgement-hover.png"
+
             backgroundHover: "https://static.igem.org/mediawiki/2014/b/b0/Cuhk-Acknowledgement-hover.png",
 +
link: "acknowledgement"
         },
         },
         offset: {
         offset: {
Line 412: Line 391:
             })
             })
             .click(function() {
             .click(function() {
-
                 location.href = 'home.html?' + value['about'];
+
                 location.href = 'https://2014.igem.org/Team:Hong_Kong-CUHK/home.html?page=link-' + value['info']['link'];
             });
             });

Latest revision as of 18:27, 4 January 2015

Retrieved from "http://2014.igem.org/Team:Hong_Kong-CUHK"