Team:Toulouse/template/navigation
From 2014.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | /* ************ navigation header **************** */ | ||
+ | |||
+ | #navigation,.navigation { | ||
+ | } | ||
+ | .navigation { | ||
+ | z-index: 1; | ||
+ | box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); | ||
+ | position: relative;} | ||
+ | |||
+ | /* stick navigation */ | ||
+ | .stickToTop { | ||
+ | position: fixed; | ||
+ | background-color: #f6f6f6; | ||
+ | top:0; | ||
+ | width:100%; | ||
+ | z-index:5;} | ||
+ | |||
+ | .stickToTop .navlink{ | ||
+ | display:none;} | ||
+ | |||
+ | .stickToTop li{ | ||
+ | top:-12px; | ||
+ | } | ||
+ | |||
+ | .stickToTop ul.topnav li ul.subnav { | ||
+ | top: 50px; | ||
+ | } | ||
+ | |||
+ | .stickToTop ul.topnav li ul.subnav li a{ | ||
+ | margin-top:10px; | ||
+ | } | ||
+ | |||
+ | ul.topnav { | ||
+ | list-style: none; | ||
+ | padding: 0; | ||
+ | margin: 26px 0 0 124px; | ||
+ | float: left; | ||
+ | width: 100%; | ||
+ | font-size: 16px; | ||
+ | padding-left:270px; | ||
+ | } | ||
+ | ul.topnav li { | ||
+ | float: left; | ||
+ | margin: 0; | ||
+ | padding: 2px 33px; | ||
+ | position: relative; /*--Declare X and Y axis base for sub navigation--*/ | ||
+ | } | ||
+ | ul.topnav li a { | ||
+ | padding: 7px 0px 5px; | ||
+ | color: #010101; | ||
+ | display: block; | ||
+ | text-decoration: none; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | |||
+ | ul.topnav > li > a { | ||
+ | height: 40px; | ||
+ | overflow: hidden; | ||
+ | padding-top: 44px; | ||
+ | text-align:center; | ||
+ | line-height:17px;} | ||
+ | |||
+ | ul.topnav > li > a > span{ | ||
+ | display:none;} | ||
+ | |||
+ | ul.topnav li:first-child a{ | ||
+ | padding-left: 0; | ||
+ | } | ||
+ | |||
+ | ul.topnav li ul.subnav { | ||
+ | z-index: 1; //Stay on top of slider | ||
+ | list-style: none; | ||
+ | position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/ | ||
+ | left: 5px; top: 85px; | ||
+ | background: #50a29b; | ||
+ | margin: 0; padding: 0; | ||
+ | display: none; | ||
+ | float: left; | ||
+ | } | ||
+ | ul.topnav li ul.subnav li { | ||
+ | margin: 0; padding: 0; | ||
+ | clear: both; | ||
+ | list-style: none outside none; | ||
+ | } | ||
+ | ul.topnav li ul.subnav, ul.topnav li ul.subnav li { | ||
+ | width: 160px; | ||
+ | } | ||
+ | |||
+ | html ul.topnav li ul.subnav li a { | ||
+ | float: left; | ||
+ | padding-left: 10px; | ||
+ | padding-right: 10px; | ||
+ | width: 143px; | ||
+ | color:#f6f6f6; | ||
+ | } | ||
+ | |||
+ | html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/ | ||
+ | background: #96d2cd; | ||
+ | } | ||
+ | |||
+ | </style> | ||
<div id="navigation"> | <div id="navigation"> |
Revision as of 12:22, 28 September 2014