Template:CSS/GiantJamboreeStyle

From 2014.igem.org

(Difference between revisions)
Line 3: Line 3:
<html>
<html>
<style>
<style>
 +
 +
 +
 +
#jamboreemenu ul {list-style: none;padding: 0px;margin: 0px;}
 +
  #jamboreemenu ul li {display: block;position: relative;float: left; #414141}
 +
    #jamboreemenu li ul {display: none;}
 +
    #jamboreemenu ul li a {display: block;background: #414141;padding: 10px 10px 5px 10px;text-decoration: none;
 +
          white-space: nowrap;color: #fff;}
 +
  #jamboreemenu li a:hover {background: ##49b677;}
 +
    #jamboreemenu li:hover ul {display: block; position: absolute;}
 +
  #jamboreemenu li:hover li {float: none;}
 +
  #jamboreemenu  li:hover a {background: #49b677;}
 +
  #jamboreemenu  li:hover li a:hover {background: #414141}
 +
  #drop-nav li ul li {border-top: 0px;}
 +
 +
 +
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
p {
p {
Line 81: Line 99:
<!-- MENU -->
<!-- MENU -->
-
<table id="menu" width="100%"  cellspacing="0" align="center">
+
<table id="jamboreemenu" width="100%"  cellspacing="0" align="center">
<tr>
<tr>
Line 88: Line 106:
<table width="975px" cellspacing="0">
<table width="975px" cellspacing="0">
<tr align="center" bgColor="#414141" height="35px">
<tr align="center" bgColor="#414141" height="35px">
-
<td width="5%"></td>
 
-
<td onMouseOver="this.bgColor='#49b677'" onMouseOut="this.bgColor='#414141'" bgColor="#414141" width="16%">
 
-
<a style="color: #ffffff" href="#about">ABOUT</a>  </td>
 
-
<td onMouseOver="this.bgColor='#49b677'" onMouseOut="this.bgColor='#414141'" bgColor="#414141" width="16%">
+
<td>
-
<a style="color: #ffffff" href="#">PROGRAM </a> </td>
+
<ul id="drop-nav">
 +
<li><a href="#about">ABOUT    </a>
 +
    <ul>
 +
      <li><a href="#">Giant Jamboree</a></li>
 +
      <li><a href="#">iGEM</a></li>
 +
      <li><a href="#">Social Media</a></li>
 +
    </ul>
 +
  </li>
 +
</ul>
 +
</td>
 +
 
 +
<td>
 +
<ul id="drop-nav">
 +
<li><a href="#schedule">SCHEDULE</a>
 +
    <ul>
 +
      <li><a href="#">Full Program</a></li>
 +
    </ul>
 +
  </li>
 +
</ul>
 +
</td>
 +
 
 +
 
 +
<td>
 +
<ul id="drop-nav">
 +
  <li><a href="#registration">ATTENDING</a>
 +
    <ul>
 +
      <li><a href="#">Registration</a></li>
 +
      <li><a href="#hotels">Hotels</a></li>
 +
      <li><a href="#location">Location</a></li>
 +
    </ul>
 +
  </li>
 +
</ul>
 +
</td>
 +
 
 +
 
 +
<td>
 +
<ul id="drop-nav">
 +
  <li><a href="#sponsor">SPONSORS</a>
 +
    <ul>
 +
      <li><a href="#">Sponsors</a></li>
 +
      <li><a href="#">Exhibitors</a></li>
 +
    </ul>
 +
  </li>
 +
</ul>
 +
</td>
-
<td onMouseOver="this.bgColor='#49b677'"  onMouseOut="this.bgColor='#414141'" bgColor="#414141" width="16%">
 
-
<a style="color: #ffffff"  href="#">ATTENDING </a> </td>
 
-
<td onMouseOver="this.bgColor='#49b677'" onMouseOut="this.bgColor='#414141'" bgColor="#414141" width="16%">
+
<td>
-
<a style="color: #ffffff" href="#">SPONSORS </a> </td>
+
<ul id="drop-nav">
 +
  <li><a href="#">PRESS</a>
 +
    <ul>
 +
      <li><a href="#">Press Package</a></li>
 +
    </ul>
 +
  </li>
 +
</ul>
 +
</td>
-
<td onMouseOver="this.bgColor='#49b677'" onMouseOut="this.bgColor='#414141'" bgColor="#414141" width="16%">
 
-
<a style="color: #ffffff"  href="#">PRESS</a> </td>
 
 +
<td>
 +
<ul id="drop-nav">
 +
<li><a href="#contact">CONTACT</a></li>
 +
</ul>
 +
</ul>
 +
</td>
-
<td onMouseOver="this.bgColor='#49b677'" onMouseOut="this.bgColor='#414141'" bgColor="#414141" width="16%">
 
-
<a style="color: #ffffff" href="#contact">CONTACT </a> </td>
 
-
<td width="5%"></td>
 
</tr>
</tr>
</table>
</table>

Revision as of 17:54, 24 July 2014

Retrieved from "http://2014.igem.org/Template:CSS/GiantJamboreeStyle"