Template:TU-header2
From 2011.igem.org
(Difference between revisions)
Line 8: | Line 8: | ||
<style type="text/css"> | <style type="text/css"> | ||
- | + | ||
+ | ul.oe_menu{ | ||
+ | list-style:none; | ||
+ | position:relative; | ||
+ | margin:0px 0px 0px 0px; | ||
+ | width:560px; | ||
+ | float:left; | ||
+ | clear:both; | ||
+ | } | ||
+ | |||
+ | ul.oe_menu > li{ | ||
+ | width:112px; | ||
+ | height:101px; | ||
+ | padding-bottom:2px; | ||
+ | float:left; | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
+ | ul.oe_menu > li > a{ | ||
+ | display:block; | ||
+ | background-color:#101010; | ||
+ | color:#aaa; | ||
+ | text-decoration:none; | ||
+ | font-weight:bold; | ||
+ | font-size:12px; | ||
+ | width:90px; | ||
+ | height:80px; | ||
+ | padding:10px; | ||
+ | margin:1px; | ||
+ | text-shadow:0px 0px 1px #000; | ||
+ | opacity:0.8; | ||
+ | } | ||
+ | ul.oe_menu > li > a:hover, | ||
+ | ul.oe_menu > li.selected > a{ | ||
+ | background:#fff; | ||
+ | color:#101010; | ||
+ | opacity:1.0; | ||
+ | } | ||
+ | |||
+ | .oe_wrapper ul.hovered > li > a{ | ||
+ | background:#fff; | ||
+ | text-shadow:0px 0px 1px #FFF; | ||
+ | } | ||
+ | |||
+ | ul.oe_menu div{ | ||
+ | position:absolute; | ||
+ | top:103px; | ||
+ | left:1px; | ||
+ | background:#fff; | ||
+ | width:498px; | ||
+ | height:200px; | ||
+ | padding:30px; | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | ul.oe_menu div ul li a{ | ||
+ | text-decoration:none; | ||
+ | color:#222; | ||
+ | padding:2px 2px 2px 4px; | ||
+ | margin:2px; | ||
+ | display:block; | ||
+ | font-size:12px; | ||
+ | } | ||
+ | ul.oe_menu div ul li a:hover{ | ||
+ | background:#000; | ||
+ | color:#fff; | ||
+ | } | ||
+ | |||
+ | ul.oe_menu div ul.oe_full{ | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | ul.oe_menu li ul{ | ||
+ | list-style:none; | ||
+ | float:left; | ||
+ | width: 150px; | ||
+ | margin-right:10px; | ||
+ | } | ||
+ | |||
+ | li.oe_heading{ | ||
+ | color:#aaa; | ||
+ | font-size:16px; | ||
+ | margin-bottom:10px; | ||
+ | padding-bottom:6px; | ||
+ | border-bottom:1px solid #ddd; | ||
+ | } | ||
+ | |||
+ | |||
+ | #TU-header1 { | ||
+ | width:100%; | ||
+ | height:101px; | ||
+ | background-color:#fff; | ||
+ | display:block; | ||
+ | clear:both; | ||
+ | } | ||
+ | #TU-wrapper { | ||
+ | line-height:1em; | ||
+ | font-size:100%; | ||
+ | font: normal sans-serif; | ||
+ | } | ||
+ | #TU-body { | ||
+ | width:100%; | ||
+ | min-height: 400px; | ||
+ | display:block; | ||
+ | float: left; | ||
+ | clear:both; | ||
+ | } | ||
+ | #TU-body-wrapper { | ||
+ | margin:10px; | ||
+ | width:100%; | ||
+ | } | ||
+ | #TU-footer { | ||
+ | width:100%; | ||
+ | height:50px; | ||
+ | background-color:#002B60; | ||
+ | display:block; | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | |||
Line 137: | Line 256: | ||
<style type="text/css"> | <style type="text/css"> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</style> | </style> |