mason/homepage/iconmenu.mas

   1
   2
   3 <%doc>
   4
   5 =head1 NAME
   6
   7 /homepage/iconmenu.mas - a graphical way to present information on SGN
   8
   9 =head1 DESCRIPTION
  10
  11 Displays an icon-based menu of top level option. Mousing over the icons pops up menus with further links to guide the users to useful pages.
  12
  13 =head1 AUTHORS
  14
  15  Camilo Rosero
  16  Lukas Mueller (integration into SGN, some changes to the menus)
  17
  18  June 9, 2010
  19
  20 =cut
  21
  22
  23 </%doc>
  24
  25
  26 <& /util/import_javascript.mas, classes=>["hoverScript"] &>
  27
  28 <style type="text/css">
  29     @import url("/documents/inc/icon_nav.css");
  30
  31     #icon_nav {
  32         width: 720px;
  33         height: 480px;
  34         margin-top: -20px;
  35         margin-left: -20px;
  36     }
  37
  38     .MapsMarkers {
  39             position: relative;
  40         top: 80px;
  41         left: 50px;
  42     }
  43
  44     .MapsMarkersSubMenu {
  45             position: relative;
  46         left: 190px;
  47         top: -160px;
  48         width: 220px;
  49             height: 300px;
  50     }
  51
  52     .MapsMarkersSubMenu a {
  53      /* padding-left: 15px; */
  54     }
  55
  56     .Genes {
  57         position: relative;
  58         top: 40px;
  59         left: 120px;
  60     }
  61
  62     .GenesSubMenu {
  63         width: 227px;
  64         height: 100px;
  65         position: relative;
  66         top: -120px;
  67         left: 100px;
  68     }
  69
  70     .GenesSubMenu a {
  71     /* padding-left: 15px; */
  72      }
  73
  74     .Phenotypes {
  75         position: relative;
  76         top: 80px;
  77         left: 100px;
  78     }
  79
  80     .PhenotypesSubMenu {
  81         width: 227px;
  82         height: 100px;
  83         position: relative;
  84         top: -110px;
  85         left: 115px;
  86     }
  87
  88
  89     .BreedersToolBox {
  90         position: relative;
  91         top: 140px;
  92         left: -360px;
  93         z-index: 1;
  94     }
  95
  96     .BreedersToolBoxSubMenu {
  97         width: 227px;
  98         height: 341px;
  99         padding-top: 15px;
 100         position: relative;
 101         top: -100px;
 102         left: 115px;
 103     }
 104
 105     .GenomesSequences {
 106         position: relative;
 107         top: 40px;
 108         left: 260px;
 109     }
 110
 111     .GenomesSequencesSubMenu {
 112         width: 227px;
 113         height: 90px;
 114         padding-top: 15px;
 115         position: relative;
 116         top: -110px;
 117         left: 200px;
 118     }
 119
 120     .Pathways {
 121         position: relative;
 122         top: -10px;
 123         left: 310px;
 124     }
 125
 126     .PathwaysSubMenu {
 127         width: 227px;
 128         height: 341px;
 129         position: relative;
 130         top: -110px;
 131         left: 115px;
 132     }
 133
 134     .Divider {
 135             line-height:4px;
 136             font-size: 4px;
 137     }
 138
 139 </style>
 140
 141 <div id="icon_nav">
 142 <ul>
 143         <li class="MapsMarkers"><a href="/cview/" ><img src="/documents/img/soliconmenu/MapsMarkers.png" title="Maps and Markers" /></a>
 144
 145                 <ul>
 146                   <div class="submenu MapsMarkersSubMenu">
 147                     <li><a href="/cview/map.pl?map_id=9">Tomato ExPEN 2000</a></li>
 148                     <li><a href="/cview/map.pl?map_id=p9">Tomato physical map</a></li>
 149                     <li><a href="/cview/map.pl?map_id=c9">Tomato FPC contigs</a></li>
 150                     <li><a href="/cview/map.pl?map_id=il6">Tomato/pennellii IL map</a></li>
 151                     <li><a href="/cview/map.pl?map_id=13">Tomato FISH map</a></li>
 152                     <li><a href="/cview/map.pl?map_id=agp">Tomato AGP map</a></li>
 153                     <li><a href="/cview/map.pl?map_id=itag">Tomato ITAG BAC map</a></li>
 154                     <li><a href="/cview/map.pl?map_version_id=58">Pepper COSII map</a></li>
 155                     <li><a href="/cview/map.pl?map_id=11">Pepper AC99 map</a></li>
 156                     <li><a href="/cview/map.pl?map_id=10">Pepper FA03 map</a></li>
 157                     <li><a href="/cview/map.pl?map_id=3">Potato TxB 1992 map</a></li>
 158                     <li><a href="/cview/map.pl?map_id=6">Eggplant LxM 2002 map</a></li>
 159                     <li><a href="/cview/map.pl?map_id=15">Tobacco SSR 2007 map</a></li>
 160                     <li><a href="/cview/map.pl?map_id=7">Arabidopsis COSII map</a></li>
 161                     <li><a href="">&nbsp;</a></li>
 162                     <li><a href="/content/map_submissions.pl">Submit map information to SGN</a></li>
 163                   </div>
 164                 </ul>
 165
 166         </li>
 167
 168         <li class="Genes"><a href="/search/direct_search.pl?search=loci" style="background: none"><img src="/documents/img/soliconmenu/Genes.png" title="Genes" /></a>
 169           <ul>
 170             <div class="submenu GenesSubMenu"  >
 171               <li><a href="/search/direct_search.pl?search=loci">Search loci</a></li>
 172               <li><a href="/search/direct_search.pl?search=unigene">Search unigenes</a></li>
 173               <li><a href="/search/direct_search.pl?search=template">Expression</a></li>
 174               <li><a href="/genomes/Solanum_lycopersicum/genome_data.pl">Search/browse tomato genome</a></li>
 175               <li><a href="/phenome/">Become an SGN locus editor</a></li>
 176               </div>
 177
 178           </ul>
 179
 180
 181
 182         <li class="Phenotypes"><a href="/phenome/" style="background: none"><img src="/documents/img/soliconmenu/Phenotypes.png" alt="Phenotypes and QTLs" title="Phenotypes and QTLs" /></a>
 183           <ul>
 184             <div class="submenu PhenotypesSubMenu">
 185               <li><a href="/search/direct_search.pl?search=phenotypes">Search phenotypes</a></li>
 186
 187               <li><a href="/qtl/">Analyze QTLs</a></li>
 188               <li><a href="/tools/onto/">Ontology browser</a></li>
 189               <li><a href="">&nbsp;</a></li>
 190               <li><a href="/phenome/">Submit phenotype data</a></li>
 191             </div>
 192           </ul>
 193
 194         </li>
 195
 196     <li class="BreedersToolBox"><a href="/breeders/"><img src="/documents/img/soliconmenu/BreedersToolBox.png" alt="Breeders Toolbox" title="Click to access the Breeder's toolbox" /></a>
 197         <!--
 198                 <ul>
 199             <div class="submenu BreedersToolBoxSubMenu">
 200                 <li><a href="#">Test1</a></li>
 201                 <li><a href="#">Test2</a></li>
 202                 <li><a href="#">Test3</a></li>
 203             </div>
 204         </ul>
 205         -->
 206         </li>
 207
 208     <li class="GenomesSequences"><a href="/genomes"><img src="/documents/img/soliconmenu/GenomesSequences.png" alt="GenomesSequences" alt="Genomes and Sequences" title="Genomes and Sequences" /></a>
 209       <ul>
 210             <div class="submenu GenomesSequencesSubMenu">
 211                 <li><a href="/genomes/Solanum_lycopersicum">Tomato Genome Project</a></li>
 212                 <li><a href="/genomes/Solanum_lycopersicum/genome_data.pl">Search/browse tomato genome</a></li>
 213                 <li><a href="/genomes/Solanum_pimpinellifolium/">Solanum pimpinellifolium genome</a></li>
 214                 <li><a href=""></a>&nbsp;<li>
 215                 <li><a href="/sequencing/sol100.pl">SOL100 genomes</a></li>
 216             </div>
 217         </ul>
 218
 219         </li>
 220
 221     <li class="Pathways"><a href="http://solcyc.solgenomics.net/"><img src="/documents/img/soliconmenu/Pathways.png" alt="Pathways" alt="Pathways" title="Click to access SolCyc" /></a>
 222         <!--
 223                 <ul>
 224             <div class="submenu PathwaysSubMenu">
 225                 <li><a href="#">Test1</a></li>
 226                 <li><a href="#">Test2</a></li>
 227                 <li><a href="#">Test3</a></li>
 228             </div>
 229         </ul>
 230         -->
 231         </li>
 232
 233
 234 </ul>
 235
 236 </div>