Template:Amoy/css/MenuCss

@font-face {

   font-family: 'Uni-Sans-Book';
   src: url('https://2015.igem.org/File:Uni-Sans-Book.otf');

}

.preload1 { } .preload2 { }

1. nav {

padding:0; margin:0; list-style:none; height:38px; position:relative; z-index:500;

       display: inline-block;
       padding-top: 3%;
       float: right;
       margin-right: 2%;

}

1. nav li.top {

display:block; float:left; height:38px; }

1. nav li a.top_link {

display:block; float:left; height:35px; line-height:33px; color:#fff; text-decoration:none; font-size:1.3em; padding:0 0 0 12px; cursor:pointer; }

1. nav li a.top_link span {

float:left; display:block; padding:0 18px 0 10px; height:35px; }

1. nav li a.top_link span.down {

float:left; display:block; padding:0 18px 0 10px; height:35px; }

1. nav li:hover a.top_link {

color:#fff; }

1. nav li:hover a.top_link span {

}

1. nav li:hover a.top_link span.down {

} /* Default list styling */

1. nav li:hover {

position:relative; z-index:200; }

1. nav li:hover ul.sub {

left:10px; top:38px; background: #333333; white-space:nowrap; width:140px; height:auto; z-index:300; padding-top: 7px; padding-bottom: 7px; padding-left: 10px; }

1. nav li:hover ul.sub li {

display:block; height:20px; position:relative; float:left; width:140px; font-weight:normal; margin-top: 5px; margin-bottom: 5px; }

1. nav li:hover ul.sub li a {

display:block; font-size:1.2em; height:18px; width:88px; text-indent:5px; color:#dddddd; text-decoration:none; }

1. nav li ul.sub li a.fly {

}

1. nav li:hover ul.sub li a:hover {

color:#fff; }

1. nav li:hover ul.sub li a.fly:hover {

color:#fff; }

1. nav li:hover li:hover ul, #nav li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover li:hover ul {

left:90px; top:-4px; background: #333333; padding:3px; white-space:nowrap; width:90px; z-index:400; height:auto; }

1. nav ul, #nav li:hover ul ul, #nav li:hover li:hover ul ul, #nav li:hover li:hover li:hover ul ul, #nav li:hover li:hover li:hover li:hover ul ul {

position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; }

1. nav li:hover li:hover a.fly, #nav li:hover li:hover li:hover a.fly, #nav li:hover li:hover li:hover li:hover a.fly, #nav li:hover li:hover li:hover li:hover li:hover a.fly {

color:#fff; border-color:#fff; }

1. nav li:hover li:hover li a.fly, #nav li:hover li:hover li:hover li a.fly, #nav li:hover li:hover li:hover li:hover li a.fly {

color:#000; border-color:#333333; }

.active {

   border-bottom: 1px solid #fff;

}