From 2011.igem.org
(Difference between revisions)
|
|
Line 18: |
Line 18: |
| | | |
| /* drop up */ | | /* drop up */ |
- | ul#nav,ul#nav ul {
| + | |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- | list-style: none;
| + | |
- | }
| + | |
- | ul#nav {
| + | |
- | width:1100px;
| + | |
- | height:25px;
| + | |
- |
| + | |
- | }
| + | |
- |
| + | |
- | ul#nav li {
| + | |
- | position: relative;
| + | |
- | float: left;
| + | |
- | width:143px;
| + | |
- | height:75px;
| + | |
- | color:#fff;
| + | |
- | text-align:left;
| + | |
- | }
| + | |
- | ul#nav li a {
| + | |
- | text-decoration: none;
| + | |
- | color:#fff;
| + | |
- |
| + | |
- | }
| + | |
- | #nav li ul {
| + | |
- | position: absolute;
| + | |
- | left: 0;
| + | |
- | top:70px;
| + | |
- | margin-left:-999em;
| + | |
- | border:none;
| + | |
- | height:193px;
| + | |
- | width:153px;
| + | |
- | background:#000;
| + | |
- | /*opacity for IE5+*/
| + | |
- | filter: alpha(opacity=60);
| + | |
- | /*opacity for older Mozilla browsers*/
| + | |
- | -moz-opacity: 0.6;
| + | |
- | /*opacity for mozilla/safari*/
| + | |
- | opacity: 0.6;
| + | |
- | }
| + | |
- | ul#nav li li{height:auto;border:none;}
| + | |
- | ul#nav li li a{
| + | |
- | color:red;
| + | |
- | padding:2px 5px 2px 5px;
| + | |
- | display:block;
| + | |
- | }
| + | |
- | ul#nav li:hover ul,
| + | |
- | ul#nav li.over ul {
| + | |
- | margin-left:0;
| + | |
- | }
| + | |
- | ul#nav li:hover,
| + | |
- | ul#nav li.over,
| + | |
- | ul#nav li:hover a,
| + | |
- | ul#nav li.over a {color:#800000}
| + | |
- |
| + | |
- | ul#nav li:hover li a,ul#nav li.over li a{color:#fff;}
| + | |
- | ul#nav li li a:hover{color:#800000; background-color: #fff;}
| + | |
- | ul#nav li p {padding:0px;}
| + | |
- | ul#nav li.last,ul#nav li.last ul{border:none;width:193px;}
| + | |
| | | |
| </style> | | </style> |
Revision as of 14:42, 16 September 2011
<style type="text/css">
/* general styling */
body {
font: x-small Verdana, Arial, Helvetica, sans-serif;
text-align:left;
padding:20px;
}
.outer{
padding:0px 0 0 0;
width:965px;
margin:auto;
position:relative;
text-align:center;
}
/* drop up */
</style>