Team:Frankfurt/NavBarTemp/NavCss

From 2013.igem.org

(Difference between revisions)
(Created page with "*{ margin:0px; padding: 0px; } #nav { font-family: arial, sans-serif; position: relative; width: 390px; height:56px; font-size:14px; color:#999; ...")
Line 1: Line 1:
 +
<style type="text/css" >
*{ margin:0px; padding: 0px; }
*{ margin:0px; padding: 0px; }
   
   
Line 52: Line 53:
     color:#fff;
     color:#fff;
}
}
 +
</style>

Revision as of 13:18, 2 October 2013

<style type="text/css" >

  • { margin:0px; padding: 0px; }
  1. nav {
    font-family: arial, sans-serif;
    position: relative;
    width: 390px;
    height:56px;
    font-size:14px;
    color:#999;
    margin: 0px auto;

}

  1. nav ul {
    list-style-type: none;

}

  1. nav ul li {
    float: left;
    position: relative;

}

  1. nav ul li a {
    text-align: center;
    border-right:1px solid #e9e9e9;
    padding:20px;
    display:block;
    text-decoration:none;
    color:#999;

}

  1. nav ul li ul {
    display: none

}

  1. nav ul li:hover ul {
    display: block;
    position: absolute;

}

  1. nav ul li:hover ul li a {
    display:block;
    background:#12aeef;
    color:#ffffff;
    width: 110px;
    text-align: center;
    border-bottom: 1px solid #f2f2f2;
    border-right: none;

}

  1. nav ul li:hover ul li a:hover {
    background:#6dc7ec;
    color:#fff;

} </style>