"
Template:Aquila
From 2012hs.igem.org
(Difference between revisions)
| Line 64: | Line 64: | ||
#navbar | #navbar | ||
| + | |||
ul.navbar | ul.navbar | ||
{ | { | ||
| Line 85: | Line 86: | ||
} | } | ||
| - | ul.navbar a:hover {background-color:#A3ABAE;} | + | ul.navbar a:hover |
| - | ul.navbar li {display:inline;} | + | { |
| + | background-color:#A3ABAE; | ||
| + | } | ||
| + | |||
| + | ul.navbar li | ||
| + | { | ||
| + | position:relative; | ||
| + | display:inline; | ||
| + | } | ||
#long | #long | ||
| Line 98: | Line 107: | ||
padding:0 20px; | padding:0 20px; | ||
} | } | ||
| + | |||
| + | /*--- DROPDOWN ---*/ | ||
| + | #navbar | ||
| + | |||
| + | ul.navbar | ||
| + | { | ||
| + | background:#fffff; | ||
| + | background:rgba(255,255,255,0); | ||
| + | list-style:none; | ||
| + | position:absolute; | ||
| + | left:-9999px; | ||
| + | } | ||
| + | |||
| + | ul.navbar li | ||
| + | { | ||
| + | padding-top:1px; | ||
| + | float:none; | ||
| + | } | ||
| + | |||
| + | ul.navbar a | ||
| + | { | ||
| + | white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */ | ||
| + | } | ||
| + | |||
| + | ul.navbar li:hover ul | ||
| + | { /* Display the dropdown on hover */ | ||
| + | left:0; /* Bring back on-screen when needed */ | ||
| + | } | ||
| + | ul.navbar li:hover a | ||
| + | { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */ | ||
| + | background:#A3ABAE; | ||
| + | text-decoration:underline; | ||
| + | } | ||
| + | |||
| + | ul.navbar li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */ | ||
| + | text-decoration:none; | ||
| + | } | ||
| + | |||
| + | ul.navbar li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */ | ||
| + | background:#333; | ||
| + | } | ||
| + | |||
</style> | </style> | ||
| Line 107: | Line 158: | ||
<!--navigation menu--> | <!--navigation menu--> | ||
<ul class="navbar"> | <ul class="navbar"> | ||
| + | |||
<li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila">HOME</a></li> | <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila">HOME</a></li> | ||
| + | |||
<li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Team">TEAM</a></li> | <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Team">TEAM</a></li> | ||
| + | |||
<li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Project">PROJECT</a></li> | <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Project">PROJECT</a></li> | ||
| + | <ul> | ||
| + | <li><a href="#">OVERVIEW</a></li> | ||
| + | <li><a href="#">OVERVIEW2</a></li> | ||
| + | </ul> | ||
| + | |||
<li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Results">RESULTS</a></li> | <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Results">RESULTS</a></li> | ||
| + | |||
<li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Notebook">NOTEBOOK</a></li> | <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Notebook">NOTEBOOK</a></li> | ||
| + | |||
<li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Safety">SAFETY</a></li> | <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Safety">SAFETY</a></li> | ||
| + | |||
<li><a id="long" href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/HumanPractices">HUMAN PRACTICES</a></li> | <li><a id="long" href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/HumanPractices">HUMAN PRACTICES</a></li> | ||
| + | |||
<li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Attributions">ATTRIBUTIONS</a></li> | <li><a href="https://2012hs.igem.org/Team:Sharon_MA_Aquila/Attributions">ATTRIBUTIONS</a></li> | ||
| + | |||
</ul> | </ul> | ||
Revision as of 02:51, 28 March 2012
