Difference between revisions of "Team:NYU Shanghai/Composite Parts"

 
(153 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
<body>
+
<body>
 +
</p>
 
<style type="text/css">
 
<style type="text/css">
−
#customContent {
+
  #globalWrapper, #content {
−
                width: 100%;
+
    background-color: transparent;
−
height: 110%;
+
    border: 0px;
−
background-color: #fff;
+
    margin:0px;
−
margin: 0 auto;
+
    padding: 0px;
−
text-align: center;
+
    text-align: center;
−
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+
    width: 100%;
−
}
+
  }
−
div {
+
  .firstHeading {
−
display: inline-block;
+
    display: none;
−
}
+
  }
 +
  #customContent {
 +
    width: 100%;
 +
    background-color: none;
 +
    margin: 0 auto;
 +
    text-align: center;
 +
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
  }
  
−
/*Code for Navbar*/
+
  /*Code for Navbar*/
−
#navholder {
+
  #navholder {
−
width: 100%;
+
    width: 100%;
−
margin: inherit;
+
    margin: 0 auto;
−
}
+
  }
−
#navbar {
+
  #navbar {
−
width: 100%;
+
    width: 100%;
−
height: 36px;
+
    height: 36px;
−
position: fixed;
+
    position: fixed;
−
margin: inherit;
+
    margin: -0.5% auto;  
−
z-index: 10;
+
    z-index: +50;
−
}
+
  }
−
#navbar span {
+
  #navbar span {
−
position: absolute;
+
    position: absolute;
−
margin-left: -50%;
+
    margin-left: -50%;
−
width: 100%;
+
    width: 100%;
−
height: 100%;
+
    height: 100%;
−
z-index: -100;
+
    z-index: -100;
−
background-color: black;
+
    background-color: orange;
−
opacity: 0.5;
+
    opacity: 0.7;
−
}
+
  }
−
#navbar ul {
+
  #navbar ul {
−
height: 100%;
+
    height: 100%;
−
margin: inherit;
+
    margin: 0 auto;
−
font-size: 16px;
+
    font-size: 16px;
−
}
+
  }
−
#navbar ul li {
+
  #navbar ul li {
−
position: static;
+
    position: static;
−
text-decoration: none;
+
    text-decoration: none;
−
display: inline-block;
+
    display: inline-block;
−
height: 100%;
+
    height: 100%;
−
}
+
  }
−
#navbar ul li a {
+
  #navbar ul li a {
−
text-decoration: inherit;
+
    text-decoration: inherit;
−
padding: 10px 0.5em;
+
    padding: 10px 0.5em;
−
line-height: 36px;
+
    line-height: 36px;
−
color: white;
+
    color: white;
−
opacity: 1.0;
+
    opacity: 1.0;
−
}
+
  }
−
#navbar ul li:hover{
+
  #navbar ul li:hover{
−
background-color: white;
+
    background-color: white;
−
opacity: 1.0;
+
    opacity: 1.0;
−
}
+
  }
−
#navbar ul li:hover a {
+
  #navbar ul li:hover a {
−
color: purple;
+
    color: #57068c;
−
}
+
  }
−
#navbar div {
+
  #navbar div {
−
position: absolute;
+
    position: absolute;
−
right: 10px;
+
    right: 10px;
−
}
+
    margin-top: -24px;
−
#navbar div a {
+
    color: white;
−
display: inline-block;
+
  }
−
text-decoration: none;
+
  #navbar div a {
−
font-weight: bold;
+
    display: inline-block;
−
}
+
    text-decoration: none;
 +
    font-weight: bold;
 +
    color: white;
 +
  }
  
−
/*Code for Frame 1*/
+
  /*Code for Frame 1*/
−
#frame1 {
+
  #frame1 {
−
width: 1200px;
+
    width: 100%;
−
height: 100%;
+
    height: 650px;
−
margin: 0 auto;
+
    z-index: -13;
−
}
+
    position: static;
−
#frame1image {
+
  }
−
position: absolute;
+
  #frame1bg {
−
height: 100%;
+
    position: absolute;
−
width: 600px;
+
    margin-top: -10%;
−
margin-left: -600px;
+
    width: 100%;
−
}
+
    z-index: -12;
−
#frame1image img {
+
  }
−
margin-top: 75px;
+
  #frame1bg img {
−
width: 600px;
+
    width: 100%;
−
}
+
    z-index: -11;
−
#frame1text {
+
  }
−
position: absolute;
+
−
background-color: #bc6bef;
+
−
border-radius: 15px;
+
−
padding: 5px;
+
−
margin-top: 120px;
+
−
width: 500px;
+
−
}
+
−
#frame1bg {
+
−
position: absolute;
+
−
width: 100%;
+
−
height: 100%;
+
−
margin-left: -50%;
+
−
opacity: 0.4;
+
−
z-index: -50;
+
−
}
+
−
#frame1bg img {
+
−
width: 100%;
+
−
}
+
  
−
/*Code for Frame 2*/
+
  /*Code for Frame 2*/
−
#frame2 {
+
  #frame2 {
−
width: 100%;
+
    width: 100%;
−
height: 113%;
+
    height: 650px;
−
margin: 0 auto;
+
    margin: 0 auto;
−
}
+
    background-color: white;
−
#frame2bg {
+
  }
−
position: absolute;
+
  #frame2image {
−
margin-left: -50%;
+
    position: absolute;
−
}
+
    width: 100%;
−
#frame2bg img {
+
    height: 650px;
−
width: 100%;
+
    margin-left: -100px;
−
height: 100%;
+
  }
−
}
+
  #frame2image img {
 +
    height: 650px;
 +
  }
 +
  #frame2text {
 +
    position: absolute;
 +
    height: 200px;
 +
    width: 625px;
 +
    margin-left: 43%;
 +
    margin-top: 200px;
 +
    font-size: 16px;
 +
    padding: 0;
 +
  }
 +
  #frame2text p {
 +
    text-align: justify;
 +
  }
  
−
/*Code for Frame 3*/
+
  /*Code for Frame 3*/
−
#frame3 {
+
  #frame3 {
−
width: 100%;
+
    width: 100%;
−
height: 100%;
+
    height: 650px;
−
background-color: lightgreen;
+
    margin: 0 auto;
−
margin: 0 auto;
+
    background-image: url(https://static.igem.org/mediawiki/2015/6/64/NYU_Shanghai_landBG2.png);
−
}
+
  }
 +
  #frame3 span {
 +
    position: absolute;
 +
    width: 100%;
 +
    height: 650px;
 +
    background-color: darkgoldenrod;
 +
    opacity: 0.6;
 +
    margin-left: -50%;
 +
  }
  
−
/*Code for Frame 4*/
+
  /*Code for Frame 4*/
−
#frame4 {
+
  #frame4 {
−
width: 100%;
+
    width: 100%;
−
height: 100%;
+
    height: 650px;
−
background-color: lightblue;
+
    margin: 0 auto;
−
margin: 0 auto;
+
  }
−
}
+
  #frame4image {
 +
    position: absolute;
 +
    width: 100%;
 +
    height: 650px;
 +
    z-index: -10;
 +
  }
 +
  #frame4image img {
 +
    width: 120%;
 +
  }
 +
  #frame4sponsors {
 +
    margin: 0 auto;
 +
    width: 1200px;
 +
    height: 370px;
 +
    z-index: 10;
 +
  }
 +
  #frame4sponsors span {
 +
    height: 20px;
 +
    width: 100%;
 +
    display: block;
 +
  }
 +
  #frame4sponsors h2 {
 +
    font-size: 28px;
 +
    display: block;
 +
    margin: 0 auto;
 +
    padding: 10px;
 +
    color: #57068c;
 +
    opacity: 0.7;
 +
  }
 +
  #frame4sponsors img {
 +
    width: 1200px;
 +
    height: 300px;
 +
  }
 +
 
 +
</style>
  
−
/*Code for Frame 5*/
 
−
#frame5 {
 
−
width: 100%;
 
−
height: 100%;
 
−
background-color: yellow;
 
−
margin: 0 auto;
 
−
}
 
−
</style>
 
 
<div id="customContent">
 
<div id="customContent">
 
<div id="navbar">
 
<div id="navbar">
−
<span></span>
+
  <span></span>
−
<ul>
+
  <ul>
−
<li>
+
    <li>
−
<a href="#frame1">Introduction</a>
+
      <a href="#frame1">Introduction</a>
−
</li><li>
+
    </li><li>
−
<a href="#frame2">iGEM</a>
+
      <a href="#frame2">iGEM</a>
−
</li><li>
+
    </li><li>
−
<a href="#frame3">Project</a>
+
      <a href="#frame3">Project</a>
−
</li><li>
+
    </li><li>
−
<a href="#frame4">Sponsorship</a>
+
      <a href="#frame4">Sponsorship</a>
−
</li><li>
+
    </li><li>
−
<a href="#frame5">More Platforms</a>
+
      <a href="#frame5">More Platforms</a>
−
</li>
+
    </li><li>
−
</ul>
+
      <a href="#">Wiki</a>
−
<div><a href="#" onclick="toEnglish()">English</a> / <a href="#" onclick="toChinese()">中文</a></div>
+
    </li>
 +
  </ul>
 +
  <div><a href="https://2015.igem.org/Team:NYU_Shanghai/Composite_Parts">English</a> / <a href="https://2015.igem.org/Team:NYU_Shanghai/Chinese">中文</a></div>
 
</div>
 
</div>
 
<div id="navholder"></div>
 
<div id="navholder"></div>
 +
 
<div id="frame1">
 
<div id="frame1">
−
<div id="frame1image"><img src="https://static.igem.org/mediawiki/2015/d/d4/NYU_Shanghai_logo.png"></div>
+
  <div id="frame1bg"><img src="https://static.igem.org/mediawiki/2015/8/83/NYU_Shanghai_landingBG2.jpg"></div>
−
<div id="frame1text"><h2>NYU Shanghai iGEM Team</h2><p>We are proud to present NYU Shanghai's official iGEM team.</p></div>
+
−
<div id="frame1bg"><img src="http://36.media.tumblr.com/767eaa8de0222f9596346034ccf75e40/tumblr_noyqlhBDKl1uwai3vo4_1280.jpg"></div>
+
 
</div>
 
</div>
 +
 
<div id="frame2">
 
<div id="frame2">
−
<div id="frame2bg"><img src="https://static.igem.org/mediawiki/2015/8/83/NYU_Shanghai_landingBG2.jpg"></div>
+
  <div id="frame2image"><img src="https://static.igem.org/mediawiki/2015/7/70/NYU_Shanghai_landBG1.jpg"></div>
 +
  <div id="frame2text"><p>iGEM, or International Genetically Engineered Machine, is an international synthetic biology competition that was initially aimed at undergraduate university students, though has now expanded to include graduate, “over-graduate”, and high school students, as well as entrepreneurs and community laboratories. This year, iGEM community has expanded to over 18,000 members from more than 30 countries. Our undergraduate team consists of rising sophomores and juniors from various fields, under the guidance of our biology and ___ professors. Hover over their pictures to find out more.</p></div>
 
</div>
 
</div>
−
<div id="frame3">
 
  
 +
<div id="frame3">
 +
  <span></span>
 
</div>
 
</div>
−
<div id="frame4">
 
  
−
</div>
+
<div id="frame4">
−
<div id="frame5">
+
  <div id="frame4image"><img src="https://static.igem.org/mediawiki/2015/f/fc/NYU_Shanghai_landBG3.jpg"></div>
−
+
  <div id="frame4sponsors">
 +
    <span></span>
 +
    <h2>Sponsors</h2><br>
 +
    <img src="https://placeholdit.imgix.net/~text?txtsize=75&txt=1200%C3%97300&w=1200&h=300">
 +
  </div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 01:49, 7 June 2015

iGEM, or International Genetically Engineered Machine, is an international synthetic biology competition that was initially aimed at undergraduate university students, though has now expanded to include graduate, “over-graduate”, and high school students, as well as entrepreneurs and community laboratories. This year, iGEM community has expanded to over 18,000 members from more than 30 countries. Our undergraduate team consists of rising sophomores and juniors from various fields, under the guidance of our biology and ___ professors. Hover over their pictures to find out more.

Sponsors