Template:UCSF/NewHead

From 2010.igem.org

Revision as of 03:21, 22 October 2010 by Maven (Talk | contribs)

#content{ z-index:0; } #navigation ul, #navigation li{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } #navigation ul li.active > a, #navigation > ul li a:hover, #navigation ul li.sub-nav:hover > a { border-color: #53a5ed; background: #256fdf; background: -webkit-gradient(linear, left top, left bottom, from(#2f88ec), to(#256fdf)); background: -moz-linear-gradient(top, #2f88ec, #256fdf); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f88ec', endColorstr='#256fdf'); } #navigation ul li.sub-nav > a:hover:before, #navigation ul li.sub-nav:hover > a:before { border-top-color: #53a5ed !important; } #navigation ul li.sub-nav > a:hover:after, #navigation ul li.sub-nav:hover > a:after { border-top-color: #256fdf !important; } #navigation ul ul li a:hover { background: #246cde; } #navigation { filter:alpha(opacity=95); opacity: 0.95; position: relative; top: 5px; left:0px; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; } #navigation > ul { height: 27px; background: #fff; border: 1px solid #222; padding: 0 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #navigation > ul li { display: block; float: left; font-size: 11px; line-height: 15px; margin: 0 1px; margin-top: -2px; list-style: none; padding-bottom: 15px; } #navigation > ul li.right{ display: block; float: right; font-size: 11px; line-height: 15px; margin: 0 1px; margin-top: -2px; list-style: none; padding-bottom: 15px; } #navigation > ul li a { position: relative; display: block; float: left; padding: 6px 7px 8px 7px; border: 1px solid transparent; color: black; text-decoration: none; } #navigation ul li.active > a, #navigation > ul li a:hover, #navigation ul li.sub-nav:hover > a { color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #navigation ul li.sub-nav > a:hover:before, #navigation ul li.sub-nav:hover > a:before { content: "\00a0"; display: block; position: absolute; bottom: -14px; left: 37%; width: 0; height: 0; border: 7px solid transparent; } #navigation ul li.sub-nav > a:hover:after, #navigation ul li.sub-nav:hover > a:after { content:"\00a0"; display:block; position:absolute; bottom: -13px; left: 37%; width: 0; height: 0; border: 7px solid transparent; } #navigation ul li ul { clear: left; position: absolute; left: -999em; z-index: 999; width: 140px; background: #fff; border: 1px solid #363636; list-style: none; padding: 5px 4px; outline: 1px solid #000; } #navigation ul li li { display: block; padding: 0; margin: 0; } #navigation ul ul li a { border: none; background: none; color: #000; display: block; float: left; font-size: 12px !important; width: 120px; padding: 4px 10px 5px 10px; } #navigation ul ul li a:hover { border: none; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } #navigation ul li:hover ul, #navigation ul li.sfhover ul{ left: auto; top: 42px; }