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