Team:Hong Kong-CUHK

From 2014.igem.org

(Difference between revisions)
(replace with index.html)
(link updated)
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="team">Our Team</a>
-
                <li><a href="#">Another action</a></li>
+
                        </li>
-
                <li><a href="#">Something else here</a></li>
+
                        <li><a href="#">Official Team Page</a>
-
                <li class="divider"></li>
+
                        </li>
-
                <li class="dropdown-header">Nav header</li>
+
                        <li><a href="#">Something else here</a>
-
                <li><a href="#">Separated link</a></li>
+
                        </li>
-
                <li><a href="#">One more separated link</a></li>
+
                        <li class="divider"></li>
-
              </ul>
+
                        <li class="dropdown-header">Nav header</li>
-
</li>
+
                        <li><a href="#">Separated link</a>
-
            <li class="dropdown">
+
                        </li>
-
<a href="#about" class="dropdown-toggle" data-toggle="dropdown">Project</a>
+
                        <li><a href="#">One more separated link</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="project" class="dropdown-toggle" data-toggle="dropdown">Project</a>
-
                <li class="dropdown-header">Nav header</li>
+
                    <ul class="dropdown-menu" role="menu">
-
                <li><a href="#">Separated link</a></li>
+
                        <li class="dropdown-header">Carbon Fixation</li>
-
                <li><a href="#">One more separated link</a></li>
+
<li><a href="project">Project-1</a>
-
              </ul>
+
                        </li>
-
</li>
+
                        <li><a href="project">Project-2</a>
-
            <li class="dropdown">
+
                        </li>
-
<a href="#contact" class="dropdown-toggle" data-toggle="dropdown">Biobrick</a>
+
                        <li><a href="project">Something else here</a>
-
  <ul class="dropdown-menu" role="menu">
+
                        </li>
-
                <li><a href="#">Action</a></li>
+
                        <li class="divider"></li>
-
                <li><a href="#">Another action</a></li>
+
                        <li class="dropdown-header">Nav header</li>
-
                <li><a href="#">Something else here</a></li>
+
                        <li><a href="#">Separated link</a>
-
                <li class="divider"></li>
+
                        </li>
-
                <li class="dropdown-header">Nav header</li>
+
                        <li><a href="#">One more separated link</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="#" class="dropdown-toggle" data-toggle="dropdown">Biobrick</a>
-
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Modelling</a>
+
                    <ul class="dropdown-menu" role="menu">
-
              <ul class="dropdown-menu" role="menu">
+
                        <li><a href="biobrick">Action</a>
-
                <li><a href="#">Action</a></li>
+
                        </li>
-
                <li><a href="#">Another action</a></li>
+
                        <li><a href="biobrick">Another action</a>
-
                <li><a href="#">Something else here</a></li>
+
                        </li>
-
                <li class="divider"></li>
+
                        <li><a href="biobrick">Something else here</a>
-
                <li class="dropdown-header">Nav header</li>
+
                        </li>
-
                <li><a href="#">Separated link</a></li>
+
                        <li class="divider"></li>
-
                <li><a href="#">One more separated link</a></li>
+
                        <li class="dropdown-header">Nav header</li>
-
              </ul>
+
                        <li><a href="biobrick">Separated link</a>
-
            </li>
+
                        </li>
-
<li class="dropdown">
+
                        <li><a href="biobrick">One more separated link</a>
-
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Human Practice</a>
+
                        </li>
-
              <ul class="dropdown-menu" role="menu">
+
                    </ul>
-
                <li><a href="#">Action</a></li>
+
                </li>
-
                <li><a href="#">Another action</a></li>
+
                <li class="dropdown">
-
                <li><a href="#">Something else here</a></li>
+
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Modelling</a>
-
                <li class="divider"></li>
+
                    <ul class="dropdown-menu" role="menu">
-
                <li class="dropdown-header">Nav header</li>
+
                        <li><a href="modelling">1</a>
-
                 <li><a href="#">Separated link</a></li>
+
                        </li>
-
                 <li><a href="#">One more separated link</a></li>
+
                        <li><a href="modelling#">2</a>
-
              </ul>
+
                        </li>
-
            </li>
+
                        <li><a href="modelling#">3</a>
-
<li class="dropdown">
+
                        </li>
-
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Safety</a>
+
                        <li class="divider"></li>
-
              <ul class="dropdown-menu" role="menu">
+
                        <li class="dropdown-header">Nav header</li>
-
                <li><a href="#">Action</a></li>
+
                        <li><a href="#">Separated link</a>
-
                <li><a href="#">Another action</a></li>
+
                        </li>
-
                <li><a href="#">Something else here</a></li>
+
                        <li><a href="#">One more separated link</a>
-
                <li class="divider"></li>
+
                        </li>
-
                <li class="dropdown-header">Nav header</li>
+
                    </ul>
-
                <li><a href="#">Separated link</a></li>
+
                </li>
-
                <li><a href="#">One more separated link</a></li>
+
                <li class="dropdown">
-
              </ul>
+
                    <a href="human-practice" class="dropdown-toggle" data-toggle="dropdown">Human Practice</a>
-
            </li>
+
                    <ul class="dropdown-menu" role="menu">
-
<li class="dropdown">
+
                        <li><a href="human-practice">Action</a>
-
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Documentation</a>
+
                        </li>
-
              <ul class="dropdown-menu" role="menu">
+
                        <li><a href="#">Another action</a>
-
                <li><a href="#">Action</a></li>
+
                        </li>
-
                <li><a href="#">Another action</a></li>
+
                        <li><a href="#">Something else here</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="safety" class="dropdown-toggle" data-toggle="dropdown">Safety</a>
-
              </ul>
+
                    <ul class="dropdown-menu" role="menu">
-
            </li>
+
                        <li><a href="safety#">Action</a>
-
<li class="dropdown">
+
                        </li>
-
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Acknowledgement</a>
+
                        <li><a href="#">Another action</a>
-
              <ul class="dropdown-menu" role="menu">
+
                        </li>
-
                <li><a href="#">Action</a></li>
+
                        <li><a href="#">Something else here</a>
-
                <li><a href="#">Another action</a></li>
+
                        </li>
-
                <li><a href="#">Something else here</a></li>
+
                        <li class="divider"></li>
-
                 <li class="divider"></li>
+
                        <li class="dropdown-header">Nav header</li>
-
                <li class="dropdown-header">Nav header</li>
+
                        <li><a href="#">Separated link</a>
-
                <li><a href="#">Separated link</a></li>
+
                        </li>
-
                <li><a href="#">One more separated link</a></li>
+
                        <li><a href="#">One more separated link</a>
-
              </ul>
+
                        </li>
-
             </li>
+
                    </ul>
-
          </ul>
+
                </li>
-
          <!--<ul class="nav navbar-nav navbar-right">
+
                <li class="dropdown">
 +
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Documentation</a>
 +
                    <ul class="dropdown-menu" role="menu">
 +
                        <li><a href="documentation">Protocol</a>
 +
                        </li>
 +
                        <li><a href="documentation#notebook">Notebook</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="acknowledgement">Sponsor</a>
 +
                        </li>
 +
                    </ul>
 +
                 </li>
 +
            </ul>
 +
             <!--<ul class="nav navbar-nav navbar-right">
             <li><a href="#">ABC</a></li>
             <li><a href="#">ABC</a></li>
             <li><a href="#">def</a></li>
             <li><a href="#">def</a></li>
             <li class="active"><a href="#">GHI</a></li>
             <li class="active"><a href="#">GHI</a></li>
           </ul>-->
           </ul>-->
-
         </div><!--/.nav-collapse -->
+
         </div>
-
      </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 252: Line 268:
             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/thumb/b/bc/Cuhkproject.png/600px-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/thumb/4/44/Cuhkproject-hover.png/600px-Cuhkproject-hover.png",
 +
link: "project"
         },
         },
         offset: {
         offset: {
Line 269: Line 286:
             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/thumb/e/e2/CuhkTeam.png/600px-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/thumb/6/63/CuhkTeam-hover.png/600px-CuhkTeam-hover.png",
 +
link: "team"
         },
         },
         offset: {
         offset: {
Line 286: Line 304:
             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/thumb/c/cb/CuhkBiobricks-hover.png/600px-CuhkBiobricks-hover.png",
 +
link: "biobrick"
         },
         },
         offset: {
         offset: {
Line 303: Line 322:
             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/thumb/7/74/CuhkModelling.png/600px-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/thumb/3/36/CuhkModelling-hover.png/600px-CuhkModelling-hover.png",
 +
link: "modelling"
         },
         },
         offset: {
         offset: {
Line 312: Line 332:
             background: "#ff0000",
             background: "#ff0000",
             offset: {
             offset: {
-
                 top: 50,  
+
                 top: 50,
                 left: 140
                 left: 140
             }
             }
Line 320: Line 340:
             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/thumb/a/a7/CuhkDocumentation-hover.png/600px-CuhkDocumentation-hover.png",
 +
link: "documentation"
         },
         },
         offset: {
         offset: {
Line 337: Line 358:
             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/thumb/b/bc/CuhkHuman-practice-hover.png/600px-CuhkHuman-practice-hover.png",
 +
link: "human-practice"
         },
         },
         offset: {
         offset: {
Line 354: Line 376:
             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/thumb/c/c6/Cuhksafety.png/600px-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/thumb/a/a8/Cuhksafety-hover.png/600px-Cuhksafety-hover.png",
 +
link: "safety"
         },
         },
         offset: {
         offset: {
Line 371: Line 394:
             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/thumb/b/b0/Cuhk-Acknowledgement-hover.png/600px-Cuhk-Acknowledgement-hover.png",
 +
link: "acknowledgement"
         },
         },
         offset: {
         offset: {
Line 412: Line 436:
             })
             })
             .click(function() {
             .click(function() {
-
                 location.href = 'home.html?' + value['about'];
+
                 location.href = 'home.html?page=link-' + value['info']['link'];
             });
             });

Revision as of 09:42, 17 October 2014

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