Difference between revisions of "Template:NYU Shanghai"

 
(108 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<style type="text/css">
 
<style type="text/css">
 +
@font-face {
 +
    font-family: "HelveticaNT";
 +
    src: url("https://static.igem.org/mediawiki/2015/1/12/NYU_Shanghai_HelveticaNT.otf") format("opentype");
 +
  }
 +
@font-face {
 +
  font-family: "bebasbook";
 +
  src: url("https://static.igem.org/mediawiki/2015/1/17/NYU_Shanghai_bebasbook.otf") format("opentype");
 +
}
 
   @font-face {
 
   @font-face {
 
     font-family: "neon";
 
     font-family: "neon";
Line 13: Line 21:
 
     src: url("https://static.igem.org/mediawiki/2015/a/a1/NYU_Shanghai_Bebas.ttf") format("truetype");
 
     src: url("https://static.igem.org/mediawiki/2015/a/a1/NYU_Shanghai_Bebas.ttf") format("truetype");
 
   }
 
   }
−
@font-face {
+
  @font-face {
 
     font-family: "bebasneue";
 
     font-family: "bebasneue";
 
     src: url("https://static.igem.org/mediawiki/2015/5/59/NYU_Shanghai_Bebasneue.otf") format("opentype");
 
     src: url("https://static.igem.org/mediawiki/2015/5/59/NYU_Shanghai_Bebasneue.otf") format("opentype");
 
}
 
}
−
 
+
  @font-face {
 +
    font-family: "helveticaNL";
 +
    src: url("https://static.igem.org/mediawiki/2015/8/86/NYU_Shanghai_HelveticaNeue-Light.otf") format("opentype");
 +
}
 
   body {
 
   body {
 
     background-color: black;
 
     background-color: black;
Line 27: Line 38:
 
     margin: -6px auto;
 
     margin: -6px auto;
 
     padding: 0;
 
     padding: 0;
−
     text-align: justify;
+
     text-align: left;
−
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+
     font-size: 15px;
−
     font-size: 14px;
+
 
     width: 982px;
 
     width: 982px;
 
   }
 
   }
 
   h1 {
 
   h1 {
−
     font-family: "neon";
+
     font-family: "bebas";
−
     font-size: 36px;
+
     font-size: 23px;
 
     text-transform: uppercase;
 
     text-transform: uppercase;
 
     border: 0;
 
     border: 0;
 +
    overflow: visible;
 +
    letter-spacing: 0.5px;
 +
  }
 +
  p, h3, h5 {
 +
    font-family: "helveticaNL", Helvetica, Arial, sans-serif;
 +
    overflow: visible;
 
   }
 
   }
 
   .firstHeading {
 
   .firstHeading {
Line 51: Line 67:
 
   .noselect:hover {
 
   .noselect:hover {
 
     cursor: default;
 
     cursor: default;
 +
  }
 +
  .scrollable {
 
   }
 
   }
  
 
   #nav {
 
   #nav {
 
     width: 982px;
 
     width: 982px;
−
     height: 90px;
+
     height: 110px;
 
     background-color: black;
 
     background-color: black;
 
     z-index: +100;
 
     z-index: +100;
 
     position: fixed;
 
     position: fixed;
−
     margin: -3px 0;
+
     margin: -6px 0;
 
     font-family: "bebas";
 
     font-family: "bebas";
 
     font-size: 20px;
 
     font-size: 20px;
 
     text-align: center;
 
     text-align: center;
 
     overflow-x: hidden;
 
     overflow-x: hidden;
−
     overflow-y: visible;
+
     overflow-y: hidden;
 +
    letter-spacing: 0.5px;
 +
 
 
   }
 
   }
 
   #nav ul {
 
   #nav ul {
Line 73: Line 93:
 
     display: inline-block;
 
     display: inline-block;
 
     text-decoration: none;
 
     text-decoration: none;
−
     margin: 0px 66px;
+
     margin: 0px 30px;
 
     padding: 0px 5px;
 
     padding: 0px 5px;
 
     z-index: 2;
 
     z-index: 2;
 +
    vertical-align: top;
 +
  }
 +
  #nav h1 {
 +
    margin: 0px;
 +
    margin-top: 0.25em;
 +
    margin-bottom: 0.25em;
 
   }
 
   }
 
   #nav p {
 
   #nav p {
Line 105: Line 131:
 
   }
 
   }
 
   #nav ul li span {
 
   #nav ul li span {
−
    display: none;
+
     height: 50px;
−
     height: 30px;
+
 
     width: 100%;
 
     width: 100%;
 
     position: absolute;
 
     position: absolute;
Line 177: Line 202:
  
 
<script type="text/javascript">
 
<script type="text/javascript">
−
document.onscroll=function(){
+
  document.onscroll=function(){
−
//document.getElementById("nav").scrollLeft = document.getElementById("content").scrollLeft;
+
                for (var i = document.getElementsByClassName("scrollable").length - 1; i >= 0; i--) {
−
                document.getElementById("testdiv").style.backgroundColor = "blue";
+
                  document.getElementsByClassName("scrollable")[i].style.marginLeft = "-" + String(document.body.scrollLeft) + "px";
−
                document.getElementById("testdivP").innerHTML = document.scrollLeft;
+
                };
−
};
+
  };
 
   function reset() {
 
   function reset() {
 
     document.getElementById("project").style.borderWidth = "0px 1px";
 
     document.getElementById("project").style.borderWidth = "0px 1px";
Line 208: Line 233:
 
   } else{
 
   } else{
 
     document.getElementById("project-submenu").style.visibility = "visible";
 
     document.getElementById("project-submenu").style.visibility = "visible";
−
     document.getElementById("project").style.borderWidth = "0px 1px 1px";
+
     document.getElementById("project").style.borderWidth = "0px 1px 2px";
 
     document.getElementById("project").style.borderColor = "black goldenrod";
 
     document.getElementById("project").style.borderColor = "black goldenrod";
 
     document.getElementById("project-span").style.display = "block";
 
     document.getElementById("project-span").style.display = "block";
Line 222: Line 247:
 
   } else{
 
   } else{
 
     document.getElementById("team-submenu").style.visibility = "visible";
 
     document.getElementById("team-submenu").style.visibility = "visible";
−
     document.getElementById("team").style.borderWidth = "0px 1px 1px";
+
     document.getElementById("team").style.borderWidth = "0px 1px 2px";
 
     document.getElementById("team").style.borderColor = "black #80f";
 
     document.getElementById("team").style.borderColor = "black #80f";
 
     document.getElementById("team-span").style.display = "block";
 
     document.getElementById("team-span").style.display = "block";
Line 237: Line 262:
 
   } else{
 
   } else{
 
     document.getElementById("outreach-submenu").style.visibility = "visible";
 
     document.getElementById("outreach-submenu").style.visibility = "visible";
−
     document.getElementById("outreach").style.borderWidth = "0px 1px 1px";
+
     document.getElementById("outreach").style.borderWidth = "0px 1px 2px";
 
     document.getElementById("outreach").style.borderColor = "black #3cb";
 
     document.getElementById("outreach").style.borderColor = "black #3cb";
 
     document.getElementById("outreach-span").style.display = "block";
 
     document.getElementById("outreach-span").style.display = "block";
Line 251: Line 276:
 
   } else{
 
   } else{
 
   document.getElementById("notebook-submenu").style.visibility = "visible";
 
   document.getElementById("notebook-submenu").style.visibility = "visible";
−
     document.getElementById("notebook").style.borderWidth = "0px 1px 1px";
+
     document.getElementById("notebook").style.borderWidth = "0px 1px 2px";
 
     document.getElementById("notebook").style.borderColor = "black #d66";
 
     document.getElementById("notebook").style.borderColor = "black #d66";
 
     document.getElementById("notebook-span").style.display = "block";
 
     document.getElementById("notebook-span").style.display = "block";
Line 318: Line 343:
 
</script>
 
</script>
  
−
<div id="nav">
+
<div id="nav" class="scrollable">
 
   <ul class="noselect">
 
   <ul class="noselect">
 +
    <li>
 +
      <a href="/Team:NYU_Shanghai">
 +
      <img src="https://static.igem.org/mediawiki/2015/5/57/NYU_Shanghai_flowerlogo.png" width="30" height="30" style="padding-top: 17px;">
 +
      </a>
 +
    </li>
 
     <li id="project">
 
     <li id="project">
−
       <p id="project-title" class="noselect" onmouseenter="selectProject()" onmouseleave="deselectProject()" onclick="reset();revealProject()">Project</p>
+
       <h1 id="project-title" class="noselect" onmouseenter="selectProject()" onmouseleave="deselectProject()" onclick="reset();revealProject()"><font color="white">Project</font></h1>
 
       <ul class="noselect" id="project-submenu">
 
       <ul class="noselect" id="project-submenu">
 
         <li><a href="/Team:NYU_Shanghai/Design">Design</a></li>
 
         <li><a href="/Team:NYU_Shanghai/Design">Design</a></li>
 
         <li><a href="/Team:NYU_Shanghai/Parts">Parts</a></li>
 
         <li><a href="/Team:NYU_Shanghai/Parts">Parts</a></li>
 
         <li><a href="/Team:NYU_Shanghai/Code">Code</a></li>
 
         <li><a href="/Team:NYU_Shanghai/Code">Code</a></li>
−
         <li><a href="/Team:NYU_Shanghai/Judging">Judging</a></li>
+
         <li><a href="https://igem.org/2015_Judging_Form?id=1756">Judging</a></li>
 
       </ul>
 
       </ul>
 
       <span id="project-span"></span>
 
       <span id="project-span"></span>
−
     </li><li id="team">
+
     </li>
−
       <p id="team-title" class="noselect" onmouseenter="selectTeam()" onmouseleave="deselectTeam()" onclick="reset();revealTeam()">Team</p>
+
    <li id="team">
 +
       <h1 id="team-title" class="noselect" onmouseenter="selectTeam()" onmouseleave="deselectTeam()" onclick="reset();revealTeam()"><font color="white">Team</font></h1>
 
       <ul id="team-submenu" class="noselect">
 
       <ul id="team-submenu" class="noselect">
 
         <li><a href="/Team:NYU_Shanghai/Members">Members</a></li>
 
         <li><a href="/Team:NYU_Shanghai/Members">Members</a></li>
Line 337: Line 368:
 
       </ul>
 
       </ul>
 
       <span id="team-span"></span>
 
       <span id="team-span"></span>
−
     </li><li id="outreach">
+
     </li>
−
       <p id="outreach-title" class="noselect" onmouseenter="selectOutreach()" onmouseleave="deselectOutreach()" onclick="reset();revealOutreach()">Outreach</p>
+
    <li id="outreach">
 +
       <h1 id="outreach-title" class="noselect" onmouseenter="selectOutreach()" onmouseleave="deselectOutreach()" onclick="reset();revealOutreach()"><font color="white">Outreach</font></h1>
 
       <ul id="outreach-submenu" class="noselect">
 
       <ul id="outreach-submenu" class="noselect">
 
         <li><a href="/Team:NYU_Shanghai/Collaborations">Collaborations</a></li>
 
         <li><a href="/Team:NYU_Shanghai/Collaborations">Collaborations</a></li>
Line 345: Line 377:
 
       </ul>
 
       </ul>
 
       <span id="outreach-span"></span>
 
       <span id="outreach-span"></span>
−
     </li><li id="notebook">
+
     </li>
−
       <p id="notebook-title" class="noselect" onmouseenter="selectNotebook()" onmouseleave="deselectNotebook()" onclick="reset();revealNotebook()">Notebook</p>
+
    <li id="notebook">
 +
       <h1 id="notebook-title" class="noselect" onmouseenter="selectNotebook()" onmouseleave="deselectNotebook()" onclick="reset();revealNotebook()"><font color="white">Notebook</font></h1>
 
       <ul id="notebook-submenu" class="noselect">
 
       <ul id="notebook-submenu" class="noselect">
 
         <li><a href="/Team:NYU_Shanghai/DailyNotes">Daily Notes</a></li>
 
         <li><a href="/Team:NYU_Shanghai/DailyNotes">Daily Notes</a></li>
 
         <li><a href="/Team:NYU_Shanghai/Protocols">Protocols</a></li>
 
         <li><a href="/Team:NYU_Shanghai/Protocols">Protocols</a></li>
 
         <li><a href="/Team:NYU_Shanghai/Bibliography">Bibliography</a></li>
 
         <li><a href="/Team:NYU_Shanghai/Bibliography">Bibliography</a></li>
−
        <li><a href="/Team:NYU_Shanghai/Safety">Safety</a></li>
 
 
       </ul>
 
       </ul>
 
       <span id="notebook-span"></span>
 
       <span id="notebook-span"></span>
Line 357: Line 389:
 
   </ul>
 
   </ul>
 
</div>
 
</div>
−
<div style="width: 982px; height: 80px;"></div>
+
<div style="width: 982px; height: 108px;"></div>
−
<div id="testdiv" style="height: 100px; width: 100px; background-color: lime; margin: 0 auto;"><p id="testdivP"></p></div>
+
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 01:22, 18 September 2015