Team:NYMU-Taipei/Header/Sidebar
From 2013.igem.org
(Difference between revisions)
Mastershot (Talk | contribs) (Created page with "<html> <header> <style> @import: url(http://fonts.googleapis.com/css?family=Enriqueta:700); body { margin: 0; background: url(http://solitarydesigns.net/tools/patgen/im...") |
Mastershot (Talk | contribs) |
||
Line 13: | Line 13: | ||
} | } | ||
- | ul { | + | .sdbar ul { |
list-style: none; | list-style: none; | ||
width: 189px; | width: 189px; | ||
Line 25: | Line 25: | ||
} | } | ||
- | h2 { | + | .sdbar h2 { |
font-size: 18px; | font-size: 18px; | ||
color: #587b83; | color: #587b83; | ||
Line 35: | Line 35: | ||
} | } | ||
- | ul li span.bullet { | + | .sdbar ul li span.bullet { |
border-color: transparent transparent transparent #587b83; | border-color: transparent transparent transparent #587b83; | ||
border-style: dotted; | border-style: dotted; | ||
- | /* 'dotted' or 'dashed' is better than'solid' for triangles, try to change 'dotted' -> 'solid' see the ugliest triangle ever !*/ | + | /* 'dotted' or 'dashed' is better than'solid' for triangles, try to change 'dotted' -> 'solid' see the ugliest triangle ever !*/ |
border-width: 5px; | border-width: 5px; | ||
display: inline-block; | display: inline-block; | ||
Line 47: | Line 47: | ||
} | } | ||
- | ul li div { | + | .sdbar ul li div { |
height: 0px; | height: 0px; | ||
opacity: 0; | opacity: 0; | ||
Line 58: | Line 58: | ||
} | } | ||
- | ul li div { | + | .sdbar ul li div { |
font-size: 12px; | font-size: 12px; | ||
} | } | ||
- | ul li:last-child:hover div { height: 150px } | + | .sdbar ul li:last-child:hover div { height: 150px } |
- | ul li:hover div { | + | .sdbar ul li:hover div { |
opacity: 1; | opacity: 1; | ||
height: 70px; | height: 70px; | ||
} | } | ||
- | ul li.dropdown:hover span.bullet { | + | .sdbar ul li.dropdown:hover span.bullet { |
/*transform*/ | /*transform*/ | ||
-webkit-transform: rotate(90deg); | -webkit-transform: rotate(90deg); | ||
Line 78: | Line 78: | ||
} | } | ||
- | fieldset { | + | .sdbar fieldset { |
border: 0px; | border: 0px; | ||
margin: 0px; | margin: 0px; | ||
Line 85: | Line 85: | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</style> | </style> | ||
</header> | </header> | ||
- | < | + | <div class="sdbar"> |
<ul> | <ul> | ||
<li class="dropdown"> | <li class="dropdown"> | ||
Line 165: | Line 133: | ||
</li> | </li> | ||
</ul> | </ul> | ||
+ | </div> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 00:09, 9 September 2013