Difference between revisions of "Giant Jamboree demo"

Line 37: Line 37:
  
 
}
 
}
 +
 +
 +
 +
 +
/*Style the h4 headings in the menu container */
 +
#menu_div h4{
 +
margin-left: -11px;
 +
color: #6D6E70;
 +
background-color: #d3d3d3;
 +
padding-top:10px;
 +
padding-bottom:10px;
 +
margin-bottom: -4px;
 +
}
 +
 +
/*Styling for the lists */
 +
#menu_div ul{
 +
width: 100%;
 +
margin-left:-20px;
 +
margin-bottom: 40px;
 +
}
 +
 +
/*Styling for the the list item */
 +
#menu_div ul li{
 +
 +
padding-left: 8px;
 +
padding-top:10px;
 +
margin-bottom: -1px;
 +
 +
border: 1px solid #ccc;
 +
border-right: 0px solid white;
 +
border-left: 0px solid white;
 +
 +
height:28px;
 +
font-weight: bold;
 +
color: #565656;
 +
list-style: none;
 +
 +
/*animate transition */
 +
-webkit-transition: background 0.2s linear;
 +
-moz-transition: background 0.2s linear;
 +
-ms-transition: background 0.2s linear;
 +
-o-transition: background 0.2s linear;
 +
transition: background 0.2s linear;
 +
}
 +
 +
/*For the list item, changes the color on hover.*/
 +
#menu_div ul li:hover{
 +
background-color: #76cfac;
 +
color: white;
 +
}
 +
 +
 +
  
 
#content_div {
 
#content_div {
Line 58: Line 111:
 
</div>
 
</div>
  
 +
<h4> About</h4>
 
<ul>
 
<ul>
−
<li> item 1 </li>
+
<a href="https://igem.org/About"><li>What is iGEM?</li></a>
−
<li> item 2</li>
+
<a href="https://igem.org/Values"><li> iGEM Values</li></a>
 +
<a href="https://igem.org/Previous_iGEM_Competitions"><li>Previous Competitions</li></a>
 +
<a href="https://igem.org/Board_of_Directors"><li>Leadership</li></a>
 +
<a href="https://igem.org/Staff"><li>Staff</li></a>
 +
<a href="https://igem.org/Financials"><li>Financials</li></a>
 +
<a href="https://igem.org/FAQ"><li>FAQ</li></a>
 +
<a href="https://igem.org/Contact"><li>Contact</li></a>
 +
 
 
</ul>
 
</ul>
 
</div>
 
</div>

Revision as of 17:54, 6 April 2015

Lorem ipsum dolor sit amet, risus posuere hendrerit sed adipiscing wisi nam, wisi non molestie sodales amet libero, montes nulla vel ultrices vitae nec non, neque justo. Vestibulum malesuada massa aenean enim tempor est, habitasse dapibus luctus pulvinar magnis, viverra amet risus. Sed neque eget duis lectus, mus voluptate sit justo semper vehicula, adipiscing ac ultricies elit. Ullamcorper consectetuer fringilla quis suspendisse sagittis in, wisi non eu sociis sit, amet vehicula, non sodales libero tortor in. Vestibulum mi quis eget diam taciti consectetuer. Sagittis elementum tristique lectus.

Lorem ipsum dolor sit amet, risus posuere hendrerit sed adipiscing wisi nam, wisi non molestie sodales amet libero, montes nulla vel ultrices vitae nec non, neque justo. Vestibulum malesuada massa aenean enim tempor est, habitasse dapibus luctus pulvinar magnis, viverra amet risus. Sed neque eget duis lectus, mus voluptate sit justo semper vehicula, adipiscing ac ultricies elit. Ullamcorper consectetuer fringilla quis suspendisse sagittis in, wisi non eu sociis sit, amet vehicula, non sodales libero tortor in. Vestibulum mi quis eget diam taciti consectetuer. Sagittis elementum tristique lectus.

Lorem ipsum dolor sit amet, risus posuere hendrerit sed adipiscing wisi nam, wisi non molestie sodales amet libero, montes nulla vel ultrices vitae nec non, neque justo. Vestibulum malesuada massa aenean enim tempor est, habitasse dapibus luctus pulvinar magnis, viverra amet risus. Sed neque eget duis lectus, mus voluptate sit justo semper vehicula, adipiscing ac ultricies elit. Ullamcorper consectetuer fringilla quis suspendisse sagittis in, wisi non eu sociis sit, amet vehicula, non sodales libero tortor in. Vestibulum mi quis eget diam taciti consectetuer. Sagittis elementum tristique lectus.

Lorem ipsum dolor sit amet, risus posuere hendrerit sed adipiscing wisi nam, wisi non molestie sodales amet libero, montes nulla vel ultrices vitae nec non, neque justo. Vestibulum malesuada massa aenean enim tempor est, habitasse dapibus luctus pulvinar magnis, viverra amet risus. Sed neque eget duis lectus, mus voluptate sit justo semper vehicula, adipiscing ac ultricies elit. Ullamcorper consectetuer fringilla quis suspendisse sagittis in, wisi non eu sociis sit, amet vehicula, non sodales libero tortor in. Vestibulum mi quis eget diam taciti consectetuer. Sagittis elementum tristique lectus.

Lorem ipsum dolor sit amet, risus posuere hendrerit sed adipiscing wisi nam, wisi non molestie sodales amet libero, montes nulla vel ultrices vitae nec non, neque justo. Vestibulum malesuada massa aenean enim tempor est, habitasse dapibus luctus pulvinar magnis, viverra amet risus. Sed neque eget duis lectus, mus voluptate sit justo semper vehicula, adipiscing ac ultricies elit. Ullamcorper consectetuer fringilla quis suspendisse sagittis in, wisi non eu sociis sit, amet vehicula, non sodales libero tortor in. Vestibulum mi quis eget diam taciti consectetuer. Sagittis elementum tristique lectus.

Lorem ipsum dolor sit amet, risus posuere hendrerit sed adipiscing wisi nam, wisi non molestie sodales amet libero, montes nulla vel ultrices vitae nec non, neque justo. Vestibulum malesuada massa aenean enim tempor est, habitasse dapibus luctus pulvinar magnis, viverra amet risus. Sed neque eget duis lectus, mus voluptate sit justo semper vehicula, adipiscing ac ultricies elit. Ullamcorper consectetuer fringilla quis suspendisse sagittis in, wisi non eu sociis sit, amet vehicula, non sodales libero tortor in. Vestibulum mi quis eget diam taciti consectetuer. Sagittis elementum tristique lectus.

Lorem ipsum dolor sit amet, risus posuere hendrerit sed adipiscing wisi nam, wisi non molestie sodales amet libero, montes nulla vel ultrices vitae nec non, neque justo. Vestibulum malesuada massa aenean enim tempor est, habitasse dapibus luctus pulvinar magnis, viverra amet risus. Sed neque eget duis lectus, mus voluptate sit justo semper vehicula, adipiscing ac ultricies elit. Ullamcorper consectetuer fringilla quis suspendisse sagittis in, wisi non eu sociis sit, amet vehicula, non sodales libero tortor in. Vestibulum mi quis eget diam taciti consectetuer. Sagittis elementum tristique lectus.

Lorem ipsum dolor sit amet, risus posuere hendrerit sed adipiscing wisi nam, wisi non molestie sodales amet libero, montes nulla vel ultrices vitae nec non, neque justo. Vestibulum malesuada massa aenean enim tempor est, habitasse dapibus luctus pulvinar magnis, viverra amet risus. Sed neque eget duis lectus, mus voluptate sit justo semper vehicula, adipiscing ac ultricies elit. Ullamcorper consectetuer fringilla quis suspendisse sagittis in, wisi non eu sociis sit, amet vehicula, non sodales libero tortor in. Vestibulum mi quis eget diam taciti consectetuer. Sagittis elementum tristique lectus.