Template:KIT-Kyoto
From 2010.igem.org
(Difference between revisions)
Line 84: | Line 84: | ||
} | } | ||
.menu p{ | .menu p{ | ||
+ | clear:left; | ||
+ | } | ||
+ | |||
+ | |||
+ | .menu2{ | ||
+ | border:none; | ||
+ | border:0px; | ||
+ | margin:0px; | ||
+ | padding:0px; | ||
+ | font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif; | ||
+ | font-size:14px; | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | .menu2 ul{ | ||
+ | background:#333333; | ||
+ | height:35px; | ||
+ | list-style:none; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | } | ||
+ | .menu2 li{ | ||
+ | float:left; | ||
+ | padding:0px; | ||
+ | } | ||
+ | .menu2 li a{ | ||
+ | background:#333333 url("images/seperator.gif") bottom right no-repeat; | ||
+ | color:#cccccc; | ||
+ | display:block; | ||
+ | font-weight:normal; | ||
+ | line-height:35px; | ||
+ | margin:0px; | ||
+ | padding:0px 25px; | ||
+ | text-align:center; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | .menu2 li a:hover, .menu ul li:hover a{ | ||
+ | background: #ec6d71 url("images/hover.gif") bottom center no-repeat; | ||
+ | color:#FFFFFF; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | .menu2 li ul{ | ||
+ | background:#333333; | ||
+ | display:none; | ||
+ | height:auto; | ||
+ | padding:0px; | ||
+ | margin:0px; | ||
+ | border:0px; | ||
+ | position:absolute; | ||
+ | width:225px; | ||
+ | z-index:200; | ||
+ | /*top:1em; | ||
+ | /*left:0;*/ | ||
+ | } | ||
+ | .menu2 li:hover ul{ | ||
+ | display:block; | ||
+ | |||
+ | } | ||
+ | .menu2 li li { | ||
+ | background:url('images/sub_sep.gif') bottom left no-repeat; | ||
+ | display:block; | ||
+ | float:none; | ||
+ | margin:0px; | ||
+ | padding:0px; | ||
+ | width:225px; | ||
+ | } | ||
+ | .menu2 li:hover li a{ | ||
+ | background:none; | ||
+ | |||
+ | } | ||
+ | .menu2 li ul a{ | ||
+ | display:block; | ||
+ | height:35px; | ||
+ | font-size:12px; | ||
+ | font-style:normal; | ||
+ | margin:0px; | ||
+ | padding:0px 10px 0px 15px; | ||
+ | text-align:left; | ||
+ | } | ||
+ | .menu2 li ul a:hover, .menu2 li ul li:hover a{ | ||
+ | background:#ec6d71 url('images/hover_sub.gif') center left no-repeat; | ||
+ | border:0px; | ||
+ | color:#ffffff; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | .menu2 p{ | ||
clear:left; | clear:left; | ||
} | } | ||
Line 89: | Line 174: | ||
</style> | </style> | ||
<div class="menu"> | <div class="menu"> | ||
- | |||
<li><a href="https://2010.igem.org/Team:KIT-Kyoto" target="_self" >HOME</a> | <li><a href="https://2010.igem.org/Team:KIT-Kyoto" target="_self" >HOME</a> | ||
</li> | </li> | ||
+ | </div> | ||
+ | |||
+ | <div class="menu2"> | ||
+ | <ul> | ||
<li><a href="https://2010.igem.org/Team:KIT-Kyoto/Team" target="_self" >MEMBER</a> | <li><a href="https://2010.igem.org/Team:KIT-Kyoto/Team" target="_self" >MEMBER</a> | ||
<ul> | <ul> | ||
Line 101: | Line 189: | ||
</li> | </li> | ||
</ul> | </ul> | ||
- | + | ||
+ | |||
+ | |||
</head> | </head> | ||
</html> | </html> |
Revision as of 15:07, 7 August 2010