Mercurial > repos > jankanis > blast2html
annotate test-data/blast xml example2.html @ 69:0c4ac210068b
handle reverse matches
| author | Jan Kanis <jan.code@jankanis.nl> |
|---|---|
| date | Wed, 18 Jun 2014 14:12:00 +0200 |
| parents | f611cf649c90 |
| children | 4f0ed3b5ae46 |
| 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; | |
| 59 | 129 overflow: hidden; |
| 32 | 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 |