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