Template:Queens Canada/Header
From 2012.igem.org
(Difference between revisions)
Line 38: | Line 38: | ||
#menu { position: relative; top: 0; left: 0; overflow: hidden; height: 98px;} | #menu { position: relative; top: 0; left: 0; overflow: hidden; height: 98px;} | ||
- | #menu .colourful { display: block; position: absolute; background: #f0ad22; height: | + | #menu .colourful { display: block; position: absolute; background: #f0ad22; height: 35px; width: 85px; top: 4px; left: -100px; } |
- | #menu ul { margin: 0; padding: 0; list-style: none; float: left; position: | + | #menu ul { margin: 0; padding: 0; list-style: none; float: left; position: absolute; top: 0; left: 0; z-index: 1; } |
#menu li { float: left; margin: 0 1px 0 0; } | #menu li { float: left; margin: 0 1px 0 0; } | ||
- | #menu a:link, #menu a:visited, #menu a:hover, #menu a:active { color: #000; text-align: center; display: block; border: solid; border-width: 4px 0 0; line-height: 40px; width: 85px; height: | + | #menu a:link, #menu a:visited, #menu a:hover, #menu a:active { color: #000; text-align: center; display: block; border: solid; border-width: 4px 0 0; line-height: 40px; width: 85px; height: 35px; } |
#menu li a:hover { text-decoration: none; color: #fff; text-shadow: 0 0 1px #999; } | #menu li a:hover { text-decoration: none; color: #fff; text-shadow: 0 0 1px #999; } | ||
Line 746: | Line 746: | ||
.ca-nav span:hover{ | .ca-nav span:hover{ | ||
opacity:1.0; | opacity:1.0; | ||
+ | } | ||
+ | .subs | ||
+ | { | ||
+ | position: absolute; | ||
+ | |||
+ | background-color: #C5E2ED; | ||
+ | |||
+ | margin-top:40px; | ||
+ | } | ||
+ | .menuitem ul li | ||
+ | { | ||
+ | margin-top: 40px; | ||
+ | |||
+ | } | ||
+ | .menuitem ul | ||
+ | { | ||
+ | position:absolute; | ||
+ | left:0 px; | ||
} | } | ||
</style> | </style> | ||
Line 779: | Line 797: | ||
<li class="menuitem"> | <li class="menuitem"> | ||
<a href="">Project</a> | <a href="">Project</a> | ||
- | |||
- | |||
+ | <ul class="subs"> | ||
+ | <li> | ||
+ | fas | ||
+ | </li> | ||
+ | <li> | ||
+ | das | ||
+ | </li> | ||
+ | <li> | ||
+ | das | ||
</li> | </li> | ||
</ul> | </ul> | ||
Line 836: | Line 861: | ||
Control | Control | ||
</div> | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
Line 878: | Line 889: | ||
}); | }); | ||
</script> | </script> | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</html> | </html> |
Revision as of 15:23, 10 September 2012
Control