annotate visualise.html.jinja @ 8:beb83da5a6b7

div-ified graphics
author Jan Kanis <jan.code@jankanis.nl>
date Thu, 08 May 2014 17:33:41 +0200
parents 9e7927673089
children bbdc8fb0de2b
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
5
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
1 <!DOCTYPE html>
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
2 <html>
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
3 <head>
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
4 <meta charset="UTF-8">
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
5
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
6 <title>Blast output</title>
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
7
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
8 <style>
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
9 body {
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
10 color: #33333;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
11 font-family: Verdana,Arial,Sans-Serif;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
12 }
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
13
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
14 #content {
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
15 margin: 0 2em;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
16 padding: 0.5em;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
17 border: 1px solid #888888;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
18 background-color: #d3dff5;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
19 }
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
20
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
21 h1, h2, h3, h4, h5, h6 {
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
22 color: #2A6979;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
23 font-family: arial,verdana,sans-serif;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
24 letter-spacing: -1px;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
25 margin: 1.2em 0 0.3em;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
26 }
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
27
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
28 h1 {
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
29 border-bottom: 1px solid #CCCCCC;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
30 font-size: 150%;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
31 padding-bottom: 0.1em;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
32 }
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
33
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
34 h2 {
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
35 font-size: 120%;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
36 font-weight: bold;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
37 }
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
38
7
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
39 h4.blackHeader {
5
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
40 color: black;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
41 letter-spacing: 0;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
42 font-style: bold;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
43 }
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
44
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
45 .headerdata {
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
46 font-size: 90%;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
47 }
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
48 .headerdata .param {
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
49 font-weight: bold;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
50 text-align: right;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
51 padding: 0 1em;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
52 }
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
53
7
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
54 .grey {
5
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
55 background-color: #eeeeee;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
56 border: 1px solid #cccccc;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
57 padding: 1em;
7
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
58 }
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
59
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
60 .white {
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
61 background-color: white;
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
62 border: 1px solid #cccccc;
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
63 padding: 1em;
5
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
64 }
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
65
8
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
66 .graphicrow {
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
67 clear: left;
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
68 width: 100%;
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
69 }
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
70
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
71 .graphicitem {
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
72 float: left;
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
73 }
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
74
5
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
75 .graphic {
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
76 background-color: white;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
77 border: 2px solid black;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
78 padding: .5em;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
79 align: center;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
80 margin: auto;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
81 }
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
82
7
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
83 #graphics .grey {
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
84 text-align: center;
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
85 }
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
86
8
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
87 .centered, #defline, div.legend, div.tablewrapper {
5
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
88 align: center;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
89 margin-left: auto;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
90 margin-right: auto;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
91 }
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
92
7
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
93 #defline {
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
94 background-color: white;
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
95 border: 1px solid black;
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
96 margin: .5em auto;
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
97 padding-left: .2em;
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
98 padding-right: .2em;
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
99 max-width: 50em;
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
100 text-align: left;
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
101 height: 4em;
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
102 overflow-y: hidden;
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
103 }
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
104
8
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
105 div.legend {
7
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
106 max-width: 40em;
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
107 }
8
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
108 div.legend div {
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
109 width: 100%;
5
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
110 color: white;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
111 font-weight: bold;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
112 border-spacing: 0;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
113 }
8
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
114 div.legend div .graphicitem {
5
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
115 width: 20%;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
116 padding: 0;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
117 margin: 0;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
118 border: none;
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
119 }
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
120
7
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
121 div.tablewrapper {
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
122 width: 50%;
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
123 min-width: 60em;
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
124 }
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
125
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
126 /* For small widths we give the graphic 100% */
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
127 @media (max-width: 70em) {
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
128 div.tablewrapper {
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
129 width: 100%;
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
130 min-width: 0px;
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
131 }
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
132 }
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
133
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
134 .scale {
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
135 width: 100%;
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
136 margin: .5em 0;
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
137 font-weight: bold;
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
138 }
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
139 .scale div {
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
140 color: red;
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
141 text-align: left;
6
d20ce91e1297 slight update
Jan Kanis <jan.code@jankanis.nl>
parents: 5
diff changeset
142 }
8
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
143 .scale .graphicrow {
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
144 margin: .5em 0 .5em 0;
7
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
145 color: white;
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
146 }
8
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
147 .scale .graphicitem div {
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
148 margin: 0 1px;
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
149 padding: 0 2px;
7
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
150 text-align: right;
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
151 background-color: red;
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
152 color: white;
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
153 }
8
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
154
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
155 a.matchresult {
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
156 display: block;
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
157 margin: 0;
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
158 padding: 0;
7
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
159 }
8
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
160 div.matchrow {
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
161 margin-top: 4px;
6
d20ce91e1297 slight update
Jan Kanis <jan.code@jankanis.nl>
parents: 5
diff changeset
162 }
8
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
163 div.matchrow, div.matchitem {
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
164 height: 4px;
7
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
165 }
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
166
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
167 table.descriptiontable {
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
168 width: 100%;
5
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
169 }
7
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
170 table.descriptiontable td {
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
171 overflow: hidden;
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
172 white-space: nowrap;
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
173 }
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
174 table.descriptiontable td div {
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
175 display: inline-block;
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
176 overflow: hidden;
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
177 max-height: 1.4em;
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
178 white-space: nowrap;
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
179 }
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
180
5
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
181 </style>
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
182
7
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
183
5
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
184 </head>
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
185
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
186 <body>
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
187 <div id=content>
7
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
188 <h1>Nucleotide Sequence ({{length}} letters)</h1>
5
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
189
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
190 <div id=header>
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
191
7
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
192 <table class=headerdata>
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
193 {% for param, value in params %}
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
194 <tr><td class=param>{{param}}</td><td>{{value}}</td></tr>
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
195 {% endfor %}
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
196 </table>
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
197
5
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
198 </div>
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
199
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
200 <div id=graphics>
7
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
201 <h2>Graphic Summary</h2>
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
202
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
203 <div class=grey>
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
204 <h3 class=centered>Distribution of {{hits|length}} Blast Hits on the Query Sequence</h3>
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
205
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
206 <div id=defline>Mouse-over to show defline and scores, click to show alignments</div>
5
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
207
7
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
208 <div class=graphic>
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
209 <h4 class=blackHeader>Color key for alignment scores</h4>
8
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
210 <div class=legend><div class=graphicrow>
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
211 <div class=graphicitem style="background-color: {{colors[0]}}">&lt;40</div>
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
212 <div class=graphicitem style="background-color: {{colors[1]}}">40-50</div>
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
213 <div class=graphicitem style="background-color: {{colors[2]}}">50-80</div>
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
214 <div class=graphicitem style="background-color: {{colors[3]}}">80-200</div>
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
215 <div class=graphicitem style="background-color: {{colors[4]}}">200&le;</div>
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
216 </div></div>
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
217 <div style="clear: left"></div>
7
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
218
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
219 <div class=tablewrapper>
5
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
220
7
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
221 <div class=scale>
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
222 <div>query:</div>
8
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
223 <div class=graphicrow>
7
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
224 {% for s in queryscale %}
8
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
225 <div class=graphicitem
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
226 style="width: {{s.width|safe}}%">
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
227 <div style="{{'margin-left: 0px' if loop.first else 'margin-right: 0px' if loop.last}}">{{s.label|safe}}</div>
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
228 </div>
7
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
229 {% endfor %}
8
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
230 </div>
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
231 <div style="clear: left"></div>
7
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
232 </div>
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
233
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
234 {% for line in match_colors %}
8
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
235 <a class=matchresult
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
236 href="{{line.link}}"
7
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
237 onmouseover='document.getElementById("defline").innerHTML="{{line.defline}}"'
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
238 onmouseout='document.getElementById("defline").innerHTML="Mouse-over to show defline and scores, click to show alignments"'
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
239 title="{{line.defline}}">
8
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
240 <div class="matchrow graphicrow">
7
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
241 {% for match in line.colors %}
8
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
242 <div class="matchitem graphicitem"
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
243 style="background-color: {{match[1]}}; width: {{match[0]}}%"></div>
7
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
244 {% endfor %}
8
beb83da5a6b7 div-ified graphics
Jan Kanis <jan.code@jankanis.nl>
parents: 7
diff changeset
245 </div>
7
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
246 </a>
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
247
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
248 {% endfor %}
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
249 </div>
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
250 </div>
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
251 </div>
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
252 </div>
5
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
253
7
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
254 <div id=descriptions>
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
255 <h2>Descriptions</h2>
5
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
256
7
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
257 <div class=grey><div class=white>
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
258 <h4 class=blackHeader>Sequences producing significant alignments:</h4>
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
259 <table class=descriptiontable>
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
260 <tr>
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
261 <th>Description</th>
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
262 <th>Max score</th>
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
263 <th>Total score</th>
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
264 <th>Query cover</th>
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
265 <th>E value</th>
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
266 <th>Ident</th>
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
267 <th>Accession</th>
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
268 </tr>
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
269 {% for hit in hit_info %}
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
270 <tr>
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
271 <td><div>{{hit.description}}</div></td>
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
272 <td>{{hit.maxscore}}</td>
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
273 <td>{{hit.totalscore}}</td>
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
274 <td>{{hit.cover}}</td>
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
275 <td>{{hit.e_value}}</td>
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
276 <td>{{hit.ident}}</td>
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
277 <td>{{hit.accession}}</td>
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
278 </tr>
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
279 {% endfor %}
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
280 </table>
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
281
9e7927673089 intermediate commit before converting some tables to divs
Jan Kanis <jan.code@jankanis.nl>
parents: 6
diff changeset
282 </div></div>
5
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
283
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
284 </div>
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
285
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
286 </div>
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
287 </body>
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
288 </html>
1df2bfce5c24 first features are working, partial match table
Jan Kanis <jan.code@jankanis.nl>
parents:
diff changeset
289