"
Team:GeorgiaTech/core/header
From 2014.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
| - | |||
<html> | <html> | ||
| + | <style type="text/css"> | ||
| + | |||
| + | div.navigater { | ||
| + | border-top-style: solid; | ||
| + | border-top-width: 2px; | ||
| + | border-color: transparent; | ||
| + | } | ||
| + | .navigater ul { | ||
| + | position: relative; | ||
| + | left: -10px; | ||
| + | z-index:100; | ||
| + | text-align: center; | ||
| + | display: inline; | ||
| + | list-style: none; | ||
| + | } | ||
| + | |||
| + | .navigater ul li { | ||
| + | border: 0px solid #840000; | ||
| + | -moz-border-radius: 7px; | ||
| + | -webkit-border-radius: 7px; | ||
| + | z-index:100; | ||
| + | font: bold 14px/20PX helvetica; | ||
| + | display: inline-block; | ||
| + | margin: 0 20px; | ||
| + | padding-bottom: 18px; | ||
| + | position: relative; | ||
| + | width: 110px; | ||
| + | height: 32px; | ||
| + | background-color: #840000; | ||
| + | background-repeat:no-repeat; | ||
| + | text-align:center; | ||
| + | } | ||
| + | |||
| + | .navigater ul li a:link{ | ||
| + | display: block; | ||
| + | font-size:16px/20px; | ||
| + | width: 110px; | ||
| + | height: 14px; | ||
| + | padding-bottom:18px; | ||
| + | padding-top: 18px; | ||
| + | text-align:center; | ||
| + | text-decoration:none; | ||
| + | } | ||
| + | |||
| + | .navigater ul li ul { | ||
| + | z-index:100; | ||
| + | position: absolute; | ||
| + | top: 46px; | ||
| + | left: -18px; | ||
| + | width: 104px; | ||
| + | display: none; | ||
| + | opacity: 0; | ||
| + | visibility: hidden; | ||
| + | -webkit-transiton: opacity 0.2s; | ||
| + | -moz-transition: opacity 0.2s; | ||
| + | -ms-transition: opacity 0.2s; | ||
| + | -o-transition: opacity 0.2s; | ||
| + | -transition: opacity 0.2s; | ||
| + | } | ||
| + | |||
| + | .navigater ul li ul li { | ||
| + | border: 0px solid #840000; | ||
| + | -webkit-border-radius: 7px; | ||
| + | z-index:100; | ||
| + | width: 104px; | ||
| + | margin:0px 0px 10px 0px; | ||
| + | display: block; | ||
| + | padding: 0px; | ||
| + | } | ||
| + | |||
| + | .navigater ul li ul li a:link{ | ||
| + | width: 104px; | ||
| + | font-size:12px; | ||
| + | padding-bottom: 9px; | ||
| + | padding-top: 9px; | ||
| + | margin:0px; | ||
| + | } | ||
| + | |||
| + | .navigater ul li ul li:hover { | ||
| + | border: 0px solid #840000; | ||
| + | -moz-border-radius: 7px; | ||
| + | background-color: #BFAE30; | ||
| + | background-repeat: no-repeat; | ||
| + | background-position: 50% 60%; | ||
| + | |||
| + | } | ||
| + | .navigater ul li:hover ul { | ||
| + | border: 0px solid #840000; | ||
| + | -moz-border-radius: 7px; | ||
| + | z-index:100; | ||
| + | display: block; | ||
| + | opacity: 0.95; | ||
| + | visibility: visible; | ||
| + | background-color: #BFAE30; | ||
| + | } | ||
| + | .navigater ul li a:hover {text-decoration:none; background-color: transparent;} | ||
| + | .navigater ul li a:visited {text-decoration:none; background-color: transparent;} | ||
| + | </style> | ||
| + | |||
<DIV class="navigater" align="center"> | <DIV class="navigater" align="center"> | ||
<UL> | <UL> | ||
Revision as of 14:54, 24 June 2014
