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

Line 1: Line 1:
 
<html>
 
<html>
−
<body>
+
<body>
 +
</p>
 
<style type="text/css">
 
<style type="text/css">
−
#globalWrapper, #content {
+
  #globalWrapper, #content {
−
background-color: transparent;
+
    background-color: transparent;
−
border: 0px;
+
    border: 0px;
−
margin:0px;
+
    margin:0px;
−
padding: 0px;
+
    padding: 0px;
−
text-align: center;
+
    text-align: center;
−
width: 100%;
+
    width: 100%;
−
}
+
  }
−
.firstHeading {
+
  .firstHeading {
−
display: none;
+
    display: none;
−
}
+
  }
−
#customContent {
+
  #customContent {
−
                width: 100%;
+
    width: 100%;
−
background-color: #fff;
+
    background-color: #fff;
−
margin: 0 auto;
+
    margin: 0 auto;
−
text-align: center;
+
    text-align: center;
−
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
−
}
+
  }
 +
 
 +
  /*Code for Navbar*/
 +
  #navholder {
 +
    width: 100%;
 +
    margin: 0 auto;
 +
  }
 +
  #navbar {
 +
    width: 100%;
 +
    height: 36px;
 +
    position: fixed;
 +
    margin: 0 auto;
 +
    z-index: 10;   
 +
  }
 +
  #navbar span {
 +
    position: absolute;
 +
    margin-left: -50%;
 +
    width: 100%;
 +
    height: 100%;
 +
    z-index: -100;
 +
    background-color: orange;
 +
    opacity: 0.7;
 +
  }
 +
  #navbar ul {
 +
    height: 100%;
 +
    margin: 0 auto;
 +
    font-size: 16px;
 +
  }
 +
  #navbar ul li {
 +
    position: static;
 +
    text-decoration: none;
 +
    display: inline-block;
 +
    height: 100%;
 +
  }
 +
  #navbar ul li a {
 +
    text-decoration: inherit;
 +
    padding: 10px 0.5em;
 +
    line-height: 36px;
 +
    color: white;
 +
    opacity: 1.0;
 +
  }
 +
  #navbar ul li:hover{
 +
    background-color: white;
 +
    opacity: 1.0;
 +
  }
 +
  #navbar ul li:hover a {
 +
    color: purple;
 +
  }
 +
  #navbar div {
 +
    position: absolute;
 +
    right: 10px;
 +
  }
 +
  #navbar div a {
 +
    display: inline-block;
 +
    text-decoration: none;
 +
    font-weight: bold;
 +
  }
 +
</style>
 +
 
 +
<div id="navbar">
 +
  <span></span>
 +
  <ul>
 +
    <li>
 +
      <a href="#frame1">Introduction</a>
 +
    </li><li>
 +
      <a href="#frame2">iGEM</a>
 +
    </li><li>
 +
      <a href="#frame3">Project</a>
 +
    </li><li>
 +
      <a href="#frame4">Sponsorship</a>
 +
    </li><li>
 +
      <a href="#frame5">More Platforms</a>
 +
    </li>
 +
  </ul>
 +
  <div><a href="#" onclick="toEnglish()">English</a> / <a href="#" onclick="toChinese()">中文</a></div>
 +
</div>
 +
<div id="navholder"></div>
 
div {
 
div {
 
display: inline-block;
 
display: inline-block;

Revision as of 17:11, 5 June 2015

div { display: inline-block; } /*Code for Navbar*/ #navholder { width: 100%; margin: inherit; } #navbar { width: 100%; height: 36px; position: fixed; margin: inherit; z-index: 10; } #navbar span { position: absolute; margin-left: -50%; width: 100%; height: 100%; z-index: -100; background-color: black; opacity: 0.5; } #navbar ul { height: 100%; margin: inherit; font-size: 16px; } #navbar ul li { position: static; text-decoration: none; display: inline-block; height: 100%; } #navbar ul li a { text-decoration: inherit; padding: 10px 0.5em; line-height: 36px; color: white; opacity: 1.0; } #navbar ul li:hover{ background-color: white; opacity: 1.0; } #navbar ul li:hover a { color: purple; } #navbar div { position: absolute; right: 10px; } #navbar div a { display: inline-block; text-decoration: none; font-weight: bold; } /*Code for Frame 1*/ #frame1 { width: 1200px; height: 100%; margin: 0 auto; } #frame1image { position: absolute; height: 100%; width: 600px; margin-left: -600px; } #frame1image img { margin-top: 75px; width: 600px; } #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*/ #frame2 { width: 100%; height: 113%; margin: 0 auto; } #frame2bg { position: absolute; margin-left: -50%; } #frame2bg img { width: 100%; height: 100%; } /*Code for Frame 3*/ #frame3 { width: 100%; height: 100%; background-color: lightgreen; margin: 0 auto; } /*Code for Frame 4*/ #frame4 { width: 100%; height: 100%; background-color: lightblue; margin: 0 auto; } /*Code for Frame 5*/ #frame5 { width: 100%; height: 100%; background-color: yellow; margin: 0 auto; }

NYU Shanghai iGEM Team

We are proud to present NYU Shanghai's official iGEM team.