Team:ENSPS-Strasbourg/Attributions
From 2011.igem.org
Line 1: | Line 1: | ||
- | {{ | + | <style type="text/css"> |
+ | /* general styling */ | ||
+ | *{margin:0;padding:0} | ||
+ | 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 */ | ||
+ | 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> | ||
+ | |||
<div class="outer"> | <div class="outer"> |
Revision as of 14:33, 16 September 2011
<style type="text/css"> /* general styling */
- {margin:0;padding:0}
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 */ 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>