Team:NTNU Trondheim/Test
From 2012.igem.org
(Difference between revisions)
Line 27: | Line 27: | ||
</script> | </script> | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | #navigation{ | ||
+ | position:absolute; | ||
+ | height:39px; | ||
+ | top:98px; | ||
+ | width:994px; | ||
+ | background:#13b8d6; | ||
+ | z-index:6; /* above content */ | ||
+ | } | ||
+ | #navigation ul{ | ||
+ | list-style:none; | ||
+ | margin:0 0 0 41px; | ||
+ | padding:0; | ||
+ | position:absolute; | ||
+ | } | ||
+ | #navigation ul li{ | ||
+ | list-style:none; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | float:left; | ||
+ | } | ||
+ | #navigation ul li a{ | ||
+ | display:block; | ||
+ | margin:0; | ||
+ | padding:12px 13px 8px 13px; | ||
+ | float:left; | ||
+ | height:19px; | ||
+ | border-left:1px solid #84daea; | ||
+ | border-right:1px solid #15a1bb; | ||
+ | font-size:1.4em; | ||
+ | text-transform:uppercase; | ||
+ | text-decoration:none; | ||
+ | color:#FFF; | ||
+ | font-family: "Cuprum", Helvetica, "Helvetica Neue", arial; | ||
+ | } | ||
+ | #navigation ul li a.selected{ | ||
+ | height:24px !important; | ||
+ | background:#15a1bb url('../images/menu_arrow_down.gif') no-repeat center bottom !important; | ||
+ | border-right:none; | ||
+ | border-left:none; | ||
+ | padding-left:14px; | ||
+ | padding-right:14px; | ||
+ | } | ||
+ | #navigation ul li a:hover{ | ||
+ | background:#15a1bb; | ||
+ | height:19px; | ||
+ | text-decoration:underline; | ||
+ | } | ||
+ | #navigation ul li.first a{ | ||
+ | border-left:none; | ||
+ | padding-left:14px; | ||
+ | } | ||
+ | #navigation ul li.last a{ | ||
+ | border-right:none; | ||
+ | padding-right:14px; | ||
+ | } | ||
+ | #navigation_ribbon{ | ||
+ | position:absolute; | ||
+ | height:6px; | ||
+ | top:137px; | ||
+ | width:994px; | ||
+ | background:#13b8d6 url('../images/menu_under.gif') no-repeat bottom; | ||
+ | z-index:3; /* below content */ | ||
+ | } | ||
#fixednav{ | #fixednav{ | ||
position:fixed; | position:fixed; | ||
Line 91: | Line 154: | ||
</head> | </head> | ||
- | <div id="fixednav"> | + | <div id="navigation"> |
+ | |||
+ | <ul> | ||
+ | <li class="first"> | ||
+ | <a title="Home Page" href="/">Home</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a rel="nofollow" title="" href="http://support.dtbaker.com.au/">Envato Support</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a title="About DTBAKER" href="/about-us.html">About</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a class="selected" title="php blog" href="/random-bits/index.html">Blog</a> | ||
+ | </li> | ||
+ | <!-- <li> | ||
+ | <a href="/free-websites-and-php-scripts/index.html" title="Free Web Templates and PHP Scripts">Freebies</a> | ||
+ | </li> --> | ||
+ | <li> | ||
+ | <a title="Quality Wordpress Themes and Web Designs" href="/premium-website-templates/index.html">Premium Wordpress Templates</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a title="Professional PHP Applications and PHP Scripts" href="/premium-php-applications/index.html">Premium PHP Scripts</a> | ||
+ | </li> | ||
+ | <li class="last"> | ||
+ | <a title="Contact Us" href="/contact.html">Contact</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | <div id="fixednav" style="display: block;"> | ||
<div><ul> | <div><ul> | ||
<li class="first"> | <li class="first"> |
Revision as of 10:52, 23 July 2012