Team:UCLA/anuved verma ucla2014 workspace
From 2014.igem.org
(Difference between revisions)
Anuvedverma (Talk | contribs) |
Anuvedverma (Talk | contribs) |
||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | |||
+ | <style> | ||
+ | #dropdown_menu{ | ||
+ | width:100%; | ||
+ | position:relative; | ||
+ | z-index:2; | ||
+ | } | ||
+ | #dropdown_menu li{ | ||
+ | float:left; | ||
+ | position:relative; | ||
+ | list-style:none; | ||
+ | } | ||
+ | #dropdown_menu a{ | ||
+ | color:white; | ||
+ | background:black; | ||
+ | width:5em; | ||
+ | display:block; | ||
+ | padding:5px; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | #dropdown_menu a:hover{ | ||
+ | color:white; | ||
+ | |||
+ | } | ||
+ | #dropdown_menu ul{ | ||
+ | position:absolute; | ||
+ | } | ||
+ | #dropdown_menu a:hover{ | ||
+ | color:white; | ||
+ | background:deepskyblue; | ||
+ | } | ||
+ | #dropdown_menu ul{ | ||
+ | display:none; | ||
+ | position:absolute; | ||
+ | } | ||
+ | #dropdown_menu li:hover ul{ | ||
+ | display:block; | ||
+ | background:black; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
<ul id = "dropdown_menu"> | <ul id = "dropdown_menu"> | ||
<li><a href="#">Item 1</a> | <li><a href="#">Item 1</a> | ||
Line 7: | Line 49: | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | <li><a href="#">Item | + | <li><a href="#">Item 2</a> |
<ul> | <ul> | ||
<li><a href="#">Page1</a></li> | <li><a href="#">Page1</a></li> | ||
Line 14: | Line 56: | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | <li><a href="#">Item | + | <li><a href="#">Item 3</a> |
<ul> | <ul> | ||
<li><a href="#">Page1</a></li> | <li><a href="#">Page1</a></li> | ||
Line 21: | Line 63: | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | <li><a href="#">Item | + | <li><a href="#">Item 4</a> |
<ul> | <ul> | ||
<li><a href="#">Page1</a></li> | <li><a href="#">Page1</a></li> | ||
Line 42: | Line 84: | ||
</style> | </style> | ||
- | <h1>Project</h1> | + | <h1><br></br>Project</h1> |
Revision as of 08:12, 29 April 2014
Project
Sub-Project 1
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.- uno
- dos
- tres