Template:SLOtemp
From 2009.igem.org
(Difference between revisions)
Line 2: | Line 2: | ||
<head> | <head> | ||
<style type="text/css" media="screen"> | <style type="text/css" media="screen"> | ||
+ | /* CSS Menus - Horizontal CSS Menu with Dropdown and Popout Menus - 20050131 */ | ||
- | /* | + | *{margin:0;padding:0;border:none;} |
- | #menu { | + | |
- | width: | + | body{margin:0.5em;font-family:verdana,tahoma,arial,sans-serif;} |
- | + | ||
+ | /* Begin CSS Popout Menu */ | ||
+ | |||
+ | #menu{ | ||
+ | width:100%; | ||
+ | float:left; | ||
} | } | ||
- | #menu | + | #menu a{ |
- | + | font:normal 90%/205% tahoma,arial,helvetica,sans-serif; | |
- | margin: 0; | + | display:block; |
- | padding: 0; | + | border-width:1px; |
+ | border-style:solid; | ||
+ | border-color:#ccc #888 #555 #bbb; | ||
+ | white-space:nowrap; | ||
+ | margin:0; | ||
+ | padding:0 5px; | ||
} | } | ||
- | #menu | + | #menu h3{ |
- | font | + | font:bold 90%/205% tahoma,arial,helvetica,sans-serif; |
- | + | display:block; | |
- | + | border-width:0px; | |
- | + | border-style:dotted; | |
- | display: block; | + | border-color:#ccc #888 #555 #bbb; |
- | border-width: 0px; | + | white-space:nowrap; |
- | border-style: dotted; | + | margin:0; |
- | border-color: #ccc #888 #555 #bbb; | + | padding:0 5px; |
- | margin: 0; | + | |
- | padding: | + | |
} | } | ||
- | #menu | + | #menu h3{ |
- | color: # | + | color:#000; |
- | background: # | + | background:#fff url(/css/images/expand3.gif) no-repeat 100% 100%; |
- | text-transform: uppercase | + | text-transform:uppercase |
} | } | ||
- | #menu a { | + | #menu a{ |
- | + | background:#fff; | |
- | background: # | + | text-decoration:none; |
- | text-decoration: none; | + | |
} | } | ||
- | #menu a: | + | #menu a, #menu a:visited{ |
- | color: # | + | color:#000; |
- | background: # | + | background:#0086c6; |
} | } | ||
- | #menu | + | #menu a:hover{ |
- | + | color:#fff; | |
+ | background:#0086c6; | ||
} | } | ||
- | #menu | + | #menu a:active{ |
- | + | color:#060; | |
- | + | background:#0086c6; | |
- | + | ||
- | + | ||
} | } | ||
- | + | #menu ul{ | |
- | + | list-style:none; | |
- | + | margin:0; | |
+ | padding:0; | ||
+ | float:left; | ||
+ | /*width:11.5em;*/ | ||
+ | } | ||
- | + | #menu li{ | |
- | + | position:relative; | |
- | + | } | |
- | + | #menu ul ul{ | |
- | + | position:absolute; | |
- | + | z-index:500; | |
- | + | top:auto; | |
- | + | display:none; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | #menu | + | #menu ul ul ul{ |
- | + | top:0; | |
- | } | + | left:100%; |
+ | } | ||
- | + | /* Begin non-anchor hover selectors */ | |
- | + | ||
- | + | ||
- | + | ||
- | + | /* Enter the more specific element (div) selector | |
- | + | on non-anchor hovers for IE5.x to comply with the | |
+ | older version of csshover.htc - V1.21.041022. It | ||
+ | improves IE's performance speed to use the older | ||
+ | file and this method */ | ||
- | + | div#menu h3:hover{ | |
- | + | background:#000 url(/css/images/expand3.gif) no-repeat -999px -9999px; | |
- | + | } | |
- | + | ||
- | + | div#menu li:hover{ | |
+ | cursor:pointer; | ||
+ | z-index:100; | ||
+ | } | ||
- | + | div#menu li:hover ul ul, | |
- | + | div#menu li li:hover ul ul, | |
- | + | div#menu li li li:hover ul ul, | |
- | + | div#menu li li li li:hover ul ul | |
+ | {display:none;} | ||
- | + | div#menu li:hover ul, | |
- | + | div#menu li li:hover ul, | |
- | + | div#menu li li li:hover ul, | |
- | + | div#menu li li li li:hover ul | |
- | + | {display:block;} | |
- | + | ||
- | + | /* End of non-anchor hover selectors */ | |
- | + | ||
- | + | ||
- | + | /* Styling for Expand */ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | #menu a.x, #menu a.x:visited{ | |
- | + | font-weight:normal; | |
- | + | color:#000; | |
+ | background:#eee url(/css/images/expand3.gif) no-repeat 100% 100%; | ||
+ | } | ||
- | + | #menu a.x:hover{ | |
- | + | color:#fff; | |
- | + | background:#000; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | #menu a.x:active{ | |
+ | color:#060; | ||
+ | background:#ccc; | ||
+ | } | ||
- | + | /* End CSS Popout Menu */ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | |||
- | |||
- | + | </style> | |
- | + | </head> | |
- | + | </html> | |
- | + | ||
- | + | ||
- | + | ||
- | + | {| | |
+ | |-valign="top" | ||
+ | |||
+ | |{{navimg|xsize=900|ysize=200|image=Pasica.gif|center|link=Team:Slovenia}} | ||
+ | |} | ||
+ | <html> | ||
+ | <p> | ||
+ | |||
+ | <div id="menu"> | ||
<ul> | <ul> | ||
+ | <li><a href="https://2009.igem.org/Team:Slovenia"><img src="https://static.igem.org/mediawiki/2009/0/07/Hom_v.gif" width="49" height="40" border="0" /></a></li> | ||
+ | </ul> | ||
+ | <ul> | ||
+ | <li><a href="#" target="_self"><img src="https://static.igem.org/mediawiki/2009/4/4b/Int_v.gif" width="94" height="40" border="0" /></a> | ||
+ | <ul> | ||
+ | <li><a href="#" target="_self">Bionanostructures</a></li> | ||
+ | <li><a href="#" target="_self">Modular protein nanostructure</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | |||
+ | <ul> | ||
+ | <li><a href="#" target="_self"><img src="https://static.igem.org/mediawiki/2009/2/23/Res_v.gif" width="57" height="40" border="0" /></a> | ||
+ | <ul> | ||
+ | <li><a href="#" target="_self">Polypeptide manufacturing</a> | ||
+ | <ul> | ||
+ | <li><a href="#" target="_self">Idea & Approach</a></li> | ||
+ | <li><a href="#" target="_self">Results</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#" target="_self">Modular protein nanostructure</a> | ||
- | + | <ul> | |
- | + | <li><a href="#" target="_self">Idea & Approach</a></li> | |
- | + | <li><a href="#" target="_self">Results</a></li> | |
- | + | </ul> | |
- | + | </li> | |
- | + | <li><a href="#" target="_self">Regulated assembly</a> | |
- | + | <ul> | |
- | + | <li><a href="#" target="_self">Idea & Approach</a></li> | |
- | + | <li><a href="#" target="_self">Results</a></li> | |
- | + | </ul> | |
- | + | </li> | |
+ | <li><a href="#" target="_self">Functional biomaterials</a> | ||
+ | <ul> | ||
+ | <li><a href="#" target="_self">Idea & Approach</a></li> | ||
+ | <li><a href="#" target="_self">Results</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#" target="_self">Self-assembling membranes</a> | ||
+ | |||
+ | <ul> | ||
+ | <li><a href="#" target="_self">Idea & Approach</a></li> | ||
+ | <li><a href="#" target="_self">Results</a></a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | |||
+ | <ul> | ||
+ | <li><a href="#" target="_self"><img src="https://static.igem.org/mediawiki/2009/3/3b/Mod_v.gif" width="78" height="40" border="0" /></a> | ||
+ | <ul> | ||
+ | <li><a href="#" target="_self">Orthogonal coiled-coils</a></li> | ||
+ | <li><a href="#" target="_self">Coiled-coil polyhedra</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
</ul> | </ul> | ||
- | + | ||
- | </ul> | + | <ul> |
+ | <li><a href="#" target="_self"><img src="https://static.igem.org/mediawiki/2009/8/8d/Biob_v.gif" width="85" height="40" border="0" /></a> | ||
+ | <ul> | ||
+ | <li><a href="#" target="_self">Development of BioBricks | ||
+ | <ul> | ||
+ | <li><a href="#" target="_self">Linker-extension standard</a></li> | ||
+ | <li><a href="#" target="_self">nanoBRICKs[PRO]</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#" target="_self">Deposited BioBricks</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | |||
+ | <ul> | ||
+ | <li><a href="#" target="_self"><img src="https://static.igem.org/mediawiki/2009/2/2d/Disc_v.gif" width="85" height="40" border="0" /></a> | ||
+ | <ul> | ||
+ | <li><a href="#" target="_self">Best achievements</a></li> | ||
+ | <li><a href="#" target="_self">Prospects and vision</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | |||
+ | <ul> | ||
+ | <li><a href="#" target="_self"><img src="https://static.igem.org/mediawiki/2009/c/cc/M_n_v.gif" width="86" height="40" border="0" /></a> | ||
+ | <ul> | ||
+ | <li><a href="#" target="_self">Methods</a></li> | ||
+ | <li><a href="#" target="_self">Notebook</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | |||
+ | <ul><li><a href="#" target="_self"><img src="https://static.igem.org/mediawiki/2009/0/00/S_e_v.gif" width="62" height="40" border="0" /></a></li></ul> | ||
+ | <ul><li><a href="#" target="_self"><img src="https://static.igem.org/mediawiki/2009/0/0f/Tim_v.gif" width="71" height="40" border="0" /></a></li></ul> | ||
+ | <ul><li><a href="#" target="_self"><img src="https://static.igem.org/mediawiki/2009/0/04/Akn_v.gif" width="137" height="40" border="0" /></a></li></ul> | ||
+ | <ul><li><a href="#" target="_self"><img src="https://static.igem.org/mediawiki/2009/8/80/Ref_v.gif" width="83" height="40" border="0" /></a></li></ul> | ||
+ | </div> | ||
</div> | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</p> | </p> | ||
Revision as of 06:10, 20 October 2009