Mercurial > repos > jankanis > blast2html
annotate test-data/blast xml example2.html @ 38:91008923c402
add repository dependency; add <stdio> tag; update version
author | Jan Kanis <jan.code@jankanis.nl> |
---|---|
date | Mon, 19 May 2014 14:41:55 +0200 |
parents | 3bb5da68305e |
children | f611cf649c90 |
rev | line source |
---|---|
32 | 1 <!DOCTYPE html> |
2 <html> | |
3 <head> | |
4 <meta charset="UTF-8"> | |
33
3bb5da68305e
add test update script, add url to github page
Jan Kanis <jan.code@jankanis.nl>
parents:
32
diff
changeset
|
5 <meta name=generator content="blast2html; see https://github.com/thehyve/blast2html/"> |
32 | 6 |
7 <title>Blast output</title> | |
8 | |
9 <style> | |
10 body { | |
11 color: #333333; | |
12 font-family: Arial,Sans-Serif; | |
13 } | |
14 | |
15 :link { | |
16 color: #336699; | |
17 } | |
18 | |
19 .right { | |
20 float: right; | |
21 } | |
22 | |
23 /* Galaxy with html sanitization enabled strips the header of this html page. If so, show the user a warning.*/ | |
24 #strip_html_warning { | |
25 display: none; | |
26 } | |
27 | |
28 #content { | |
29 margin: 0 2em; | |
30 padding: 0.5em; | |
31 border: 1px solid #888888; | |
32 background-color: #d3dff5; | |
33 } | |
34 | |
35 h1, h2, h3, h4, h5, h6 { | |
36 color: #2A6979; | |
37 font-family: arial,verdana,sans-serif; | |
38 letter-spacing: -1px; | |
39 margin: 1.2em 0 0.3em; | |
40 } | |
41 | |
42 h1 { | |
43 border-bottom: 1px solid #CCCCCC; | |
44 font-size: 150%; | |
45 padding-bottom: 0.1em; | |
46 } | |
47 | |
48 h2 { | |
49 font-size: 120%; | |
50 font-weight: bold; | |
51 } | |
52 | |
53 h4.darkHeader { | |
54 color: #4D4D4D; | |
55 letter-spacing: 0; | |
56 font-weight: bold; | |
57 } | |
58 | |
59 #nodata { | |
60 font-weight: bold; | |
61 } | |
62 | |
63 .index { | |
64 margin-bottom: 3em; | |
65 } | |
66 .index div.indexentry { | |
67 margin: 1.2em 1.6em; | |
68 font-weight: bold; | |
69 font-size: 100%; | |
70 } | |
71 | |
72 .headerdata { | |
73 font-size: 90%; | |
74 } | |
75 .headerdata .param { | |
76 font-weight: bold; | |
77 text-align: right; | |
78 padding: 0 1em; | |
79 } | |
80 | |
81 .grey { | |
82 background-color: #eeeeee; | |
83 border: 1px solid #cccccc; | |
84 padding: 1em; | |
85 } | |
86 | |
87 .white { | |
88 background-color: white; | |
89 border: 1px solid #cccccc; | |
90 padding: 1.5em 2%; | |
91 } | |
92 | |
93 .graphicrow { | |
94 clear: left; | |
95 width: 100%; | |
96 } | |
97 | |
98 .graphicitem { | |
99 float: left; | |
100 } | |
101 | |
102 | |
103 | |
104 .graphics .grey { | |
105 text-align: center; | |
106 } | |
107 | |
108 .graphic { | |
109 background-color: white; | |
110 border: 2px solid black; | |
111 padding: 1.5em; | |
112 margin: auto; | |
113 } | |
114 | |
115 .centered, .defline, div.legend, div.tablewrapper { | |
116 margin-left: auto; | |
117 margin-right: auto; | |
118 } | |
119 | |
120 .defline { | |
121 background-color: white; | |
122 border: 1px solid black; | |
123 margin: .5em auto; | |
124 padding-left: .2em; | |
125 padding-right: .2em; | |
126 max-width: 50em; | |
127 text-align: left; | |
128 height: 2.8em; | |
129 overflow-y: hidden; | |
130 } | |
131 | |
132 div.legend { | |
133 max-width: 40em; | |
134 } | |
135 div.legend div { | |
136 width: 100%; | |
137 color: white; | |
138 font-weight: bold; | |
139 border-spacing: 0; | |
140 } | |
141 div.legend div .graphicitem { | |
142 width: 20%; | |
143 padding: 0; | |
144 margin: 0; | |
145 border: none; | |
146 } | |
147 | |
148 div.tablewrapper { | |
149 width: 50%; | |
150 min-width: 60em; | |
151 } | |
152 | |
153 /* For small widths we give the graphic 100% */ | |
154 @media (max-width: 72.5em) { | |
155 div.tablewrapper { | |
156 width: 100%; | |
157 min-width: 0px; | |
158 } | |
159 } | |
160 | |
161 .scale { | |
162 width: 100%; | |
163 margin: .5em 0; | |
164 font-weight: bold; | |
165 } | |
166 .scale div { | |
167 color: red; | |
168 text-align: left; | |
169 } | |
170 .scale .graphicrow { | |
171 margin: .5em 0 .5em 0; | |
172 color: white; | |
173 } | |
174 .scale .graphicitem { | |
175 position: relative; | |
176 } | |
177 .scale .graphicitem div { | |
178 margin: 0 1px; | |
179 padding: 0 2px; | |
180 text-align: right; | |
181 background-color: red; | |
182 color: white; | |
183 } | |
184 .scale .graphicitem:first-child div { | |
185 margin-left: 0px; | |
186 } | |
187 .scale .graphicitem:last-child div { | |
188 margin-right: 0px; | |
189 } | |
190 .scale .graphicitem .lastlabel { | |
191 position: absolute; | |
192 top: 0px; | |
193 left: 100%; | |
194 background-color: transparent; | |
195 color: red; | |
196 } | |
197 | |
198 a.matchresult { | |
199 display: block; | |
200 margin: 0; | |
201 padding: 0; | |
202 } | |
203 div.matchrow { | |
204 margin-top: 4px; | |
205 } | |
206 div.matchrow, div.matchitem { | |
207 height: 4px; | |
208 } | |
209 | |
210 | |
211 table.descriptiontable { | |
212 font-size: 85%; | |
213 border: 1px solid #97b0c8; | |
214 border-spacing: 0; | |
215 color: #222222; | |
216 line-height: 1.3em; | |
217 background-color: white; | |
218 } | |
219 table.descriptiontable col:first-child { | |
220 width: 100%; | |
221 } | |
222 table.descriptiontable tr:hover { | |
223 background-color: #D5DEE3; | |
224 } | |
225 table.descriptiontable th { | |
226 color: #14376C; | |
227 font-weight: normal; | |
228 background-color: #F0F0F0; | |
229 background: linear-gradient(#FFFFFF, #F0F0F0); | |
230 border-bottom: 1px solid #D4DFE9; | |
231 border-right: 1px solid #CFCFCF; | |
232 border-left: 0px solid black; | |
233 border-top: 0px solid black; | |
234 } | |
235 table.descriptiontable td { | |
236 overflow: hidden; | |
237 text-align: center; | |
238 padding: .4em .8em; | |
239 } | |
240 table.descriptiontable td div { | |
241 width: 1em; | |
242 overflow: visible; | |
243 white-space: nowrap; | |
244 text-align: left; | |
245 } | |
246 | |
247 | |
248 | |
249 .alignments .white { | |
250 padding: 1.5em 1em; | |
251 } | |
252 | |
253 .alignment { | |
254 border-top: 1px solid black; | |
255 padding-left: 1em; | |
256 padding-right: 1em; | |
257 } | |
258 | |
259 div.linkheader { | |
260 padding-top: .2em; | |
261 font-size: 85%; | |
262 color: #14376C; | |
263 } | |
264 div.linkheader a.linkheader { | |
265 margin-right: 1em; | |
266 } | |
267 div.linkheader .right a { | |
268 text-decoration: none; | |
269 } | |
270 | |
271 .title .hittitle { | |
272 color: #222222; | |
273 margin-bottom: .3em; | |
274 } | |
275 .title .titleinfo { | |
276 font-size: 80%; | |
277 margin-top: 0; | |
278 margin-bottom: .3em; | |
279 } | |
280 .title .titleinfo .b { | |
281 color: #606060; | |
282 font-weight: bold; | |
283 font-size: 90%; | |
284 } | |
285 | |
286 .moretitles { | |
287 margin: 1.2em; | |
288 } | |
289 .moretitles .titleinfo { | |
290 margin: 0; | |
291 padding: 0; | |
292 } | |
293 .moretitles .hittitle { | |
294 margin: .4em 0 .2em 0; | |
295 padding: 0; | |
296 } | |
297 | |
298 a.showmoretitles { | |
299 font-size: 75%; | |
300 color: #336699; | |
301 font-weight: bold; | |
302 margin-top: 0; | |
303 } | |
304 a.showmoretitles:hover { | |
305 } | |
306 | |
307 .hotspot { | |
308 color: #606060; | |
309 font-family: verdana, arial, sans-serif; | |
310 margin-bottom: 2.5em; | |
311 } | |
312 | |
313 .hotspot p.range { | |
314 font-size: 70%; | |
315 margin-top: 0; | |
316 margin-top: 1em; | |
317 margin-bottom: .2em; | |
318 } | |
319 .hotspot p.range span.range { | |
320 font-weight: bold; | |
321 } | |
322 .hotspot p.range a.range { | |
323 margin-left: .5em; | |
324 } | |
325 | |
326 table.hotspotstable { | |
327 border-top: 1px solid; | |
328 border-bottom: 1px solid; | |
329 text-align: left; | |
330 border-collapse: collapse; | |
331 } | |
332 table.hotspotstable th, table.hotspotstable td { | |
333 padding: .1em 1em; | |
334 } | |
335 table.hotspotstable th { | |
336 font-size: 70%; | |
337 } | |
338 table.hotspotstable td { | |
339 min-width: 7em; | |
340 color: #222222; | |
341 font-size: 80%; | |
342 } | |
343 | |
344 pre.alignmentgraphic { | |
345 color: #222222; | |
346 } | |
347 | |
348 footer { | |
349 text-align: center; | |
350 color: #cccccc; | |
351 font-size: 70%; | |
352 margin-top: 1em; | |
353 } | |
354 footer :link { | |
355 color: #5588cc; | |
356 } | |
357 | |
358 </style> | |
359 | |
360 <script type="text/javascript"> | |
361 function toggle_visibility(id) { | |
362 var e = document.getElementById(id); | |
363 if(e.style.display != 'block') | |
364 e.style.display = 'block'; | |
365 else | |
366 e.style.display = 'none'; | |
367 } | |
368 </script> | |
369 | |
370 </head> | |
371 | |
372 | |
373 <body> | |
374 | |
375 <div id="strip_html_warning"> | |
376 <!-- This div should be hidden by the header css block. Galaxy | |
377 strips all css, breaking this page but making this warning | |
378 visible. This warning contains some ugly old skool tabular html | |
379 layout that is not stripped. --> | |
380 <table bgcolor="#FFE5C9"><tr><td><font color="red"><b> | |
381 <font size=5><center>This html page seems to have been stripped by Galaxy.</center></font> | |
382 Disable Galaxy's html sanitization feature to view the full page (see <font face=monospace>sanitize_all_html</font> in your galaxy's universe_wsgi.ini), or download this page instead of viewing it in Galaxy. | |
383 </b></font></td></tr></table> | |
384 </div> | |
385 | |
386 <div id=content> | |
387 | |
388 | |
389 | |
390 | |
391 <section class=match id=match1> | |
392 | |
393 <h1>Nucleotide Sequence (16 letters)</h1> | |
394 | |
395 <section class=header> | |
396 | |
397 <table class=headerdata> | |
398 <tr><td class=param>Query ID:</td><td>Query_1</td></tr> | |
399 <tr><td class=param>Query definition:</td><td>No definition line</td></tr> | |
400 <tr><td class=param>Query length:</td><td>16</td></tr> | |
401 <tr><td class=param>Program:</td><td>BLASTN 2.2.28+</td></tr> | |
402 <tr><td class=param>Database:</td><td>/share/BlastDB/nt</td></tr> | |
403 </table> | |
404 | |
405 </section> | |
406 | |
407 <section> | |
408 <h2>No Hits</h2> | |
409 <div class=grey> | |
410 <table class=headerdata> | |
411 <tr><td class=param>Message:</td><td>No hits found</td></tr> | |
412 </table> | |
413 </div> | |
414 </section> | |
415 </section> | |
416 | |
417 </div> | |
418 | |
419 <footer> | |
33
3bb5da68305e
add test update script, add url to github page
Jan Kanis <jan.code@jankanis.nl>
parents:
32
diff
changeset
|
420 This page was generated by <a href="https://github.com/thehyve/blast2html/">blast2html</a>. |
32 | 421 </footer> |
422 </body> | |
423 </html> | |
424 |