Difference between revisions of "Template:NYU Shanghai"

Line 134: Line 134:
 
   }
 
   }
  
   #outreach:hover {
+
   #outreach {
     border-left: 1px solid #3cb;
+
     border-style: solid;
     border-right: 1px solid #3cb;
+
     border-color: #3cb;
     border-bottom: 2px solid black;
+
    border-width: 0px;
 +
     border-bottom-color: black;
 
   }
 
   }
   #outreach:hover ul {
+
   #outreach ul {
     border-top: 1px solid #3cb;
+
     border-style: solid;
     border-bottom: 1px solid #3cb;
+
    border-color: #3cb;
 +
     border-width: 1px 0px;
 
   }
 
   }
 
   #outreach a:hover {
 
   #outreach a:hover {
Line 147: Line 149:
 
   }
 
   }
  
   #notebook:hover {
+
   #notebook {
     border-left: 1px solid #d66;
+
     border-style: solid;
     border-right: 1px solid #d66;
+
     border-color: #d66;
     border-bottom: 2px solid black;
+
    border-width: 0px;
 +
     border-bottom-color: black;
 
   }
 
   }
   #notebook:hover ul {
+
   #notebook ul {
     border-top: 1px solid #d66;
+
     border-style: solid;
     border-bottom: 1px solid #d66;
+
    border-color: #d66;
 +
     border-width: 1px 0px;
 
   }
 
   }
 
   #notebook a:hover {
 
   #notebook a:hover {
Line 165: Line 169:
 
   function reset() {
 
   function reset() {
 
     document.getElementById("project").style.borderWidth = "0px";
 
     document.getElementById("project").style.borderWidth = "0px";
 +
    document.getElementById("team").style.borderWidth = "0px";
 +
    document.getElementById("outreach").style.borderWidth = "0px";
 +
    document.getElementById("notebook").style.borderWidth = "0px";
 +
    document.getElementById("project-submenu").style.visibility = "hidden";
 +
    document.getElementById("team-submenu").style.visibility = "hidden";
 +
    document.getElementById("outreach-submenu").style.visibility = "hidden";
 +
    document.getElementById("notebook-submenu").style.visibility = "hidden";
 
   }
 
   }
 
   function revealProject() {
 
   function revealProject() {
Line 173: Line 184:
 
     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 1px";
 +
  }
 +
  function revealOutreach() {
 +
    document.getElementById("outreach-submenu").style.visibility = "visible";
 +
    document.getElementById("outreach").style.borderWidth = "0px 1px 1px";
 +
  }
 +
  function revealNotebook() {
 +
    document.getElementById("notebook-submenu").style.visibility = "visible";
 +
    document.getElementById("notebook").style.borderWidth = "0px 1px 1px";
 
   }
 
   }
 
</script>
 
</script>
Line 179: Line 198:
 
   <ul>
 
   <ul>
 
     <li id="project">
 
     <li id="project">
       <h3 id="project-title" onclick="revealProject()">Project</h3>
+
       <p id="project-title" onclick="reset();revealProject()">Project</p>
 
       <ul id="project-submenu">
 
       <ul id="project-submenu">
 
         <li><a href="#">Overview</a></li>
 
         <li><a href="#">Overview</a></li>
Line 189: Line 208:
 
       <span></span>
 
       <span></span>
 
     </li><li id="team">
 
     </li><li id="team">
       <h3 id="team-title" onclick="reset();revealTeam()">Team</h3>
+
       <p id="team-title" onclick="reset();revealTeam()">Team</p>
 
       <ul id="team-submenu">
 
       <ul id="team-submenu">
 
         <li><a href="#">About Us</a></li>
 
         <li><a href="#">About Us</a></li>
Line 198: Line 217:
 
       <span></span>
 
       <span></span>
 
     </li><li id="outreach">
 
     </li><li id="outreach">
       <a href="https://2015.igem.org/Team:NYU_Shanghai/Outreach" id="outreach-title">Outreach</a>
+
       <p id="outreach-title" onclick="reset();revealOutreach()">Outreach</p>
 
       <ul id="outreach-submenu">
 
       <ul id="outreach-submenu">
 
         <li><a href="#">Meetups</a></li>
 
         <li><a href="#">Meetups</a></li>
Line 206: Line 225:
 
       <span></span>
 
       <span></span>
 
     </li><li id="notebook">
 
     </li><li id="notebook">
       <a href="https://2015.igem.org/Team:NYU_Shanghai/Notebook" id="notebook-title">Notebook</a>
+
       <p id="notebook-title" onclick="reset();revealNotebook()">Notebook</p>
 
       <ul id="notebook-submenu">
 
       <ul id="notebook-submenu">
 
         <li><a href="#">Daily Notes</a></li>
 
         <li><a href="#">Daily Notes</a></li>

Revision as of 05:43, 15 July 2015