projects / online-glom:gwt-glom.git / blob
? search:
summary | shortlog | log | commit | commitdiff | tree
history | raw | HEAD
Add missing file.
[online-glom:gwt-glom.git] / mockups / details-view-html-tables.html
1 <html>
2 <head>
3 <style type="text/css">
4
5 body {
6     font-family: sans-serif;
7     font-size: medium;
8 }
9
10 .details-cell {
11
12 }
13
14 div#document-title {
15     color: #333333;
16     font-size: x-large;
17     font-weight: bold;
18     margin-bottom: 0.5em;
19     margin-left: 0.5em;
20 }
21
22 #headbox, #footbox {
23     background-color: #EEEEEE;
24     border: 1px solid #AAAAAA;
25     border-radius: 3px 3px 3px 3px;
26     overflow: hidden;
27     padding: 0.2em;
28 }
29
30 /* Headbox Contents */
31 .tablechooser {
32     float: left;
33     font-family: sans-serif;
34     font-size: 13.3333px;
35     margin-left: 0.5em;
36 }
37
38 .backlink {
39     float: right;
40     margin: 0.2em 0.5em;
41 }
42
43 /* Footbox Contents */
44 .records {
45     color: #333333;
46     float: left;
47     margin: 0.2em 0.5em;
48 }
49
50 .details-bottom-navigation {
51     float: right;
52     margin: 0.2em 0.5em;
53 }
54
55 a {
56     color: #333333;
57     font-weight: bold;
58     text-decoration: none;
59 }
60
61
62 h2.group-title {
63     border-bottom: 1px dashed #000000;
64     font-size: 100%;
65     margin: 0 0 0.8em;
66     padding: 0;
67 }
68
69 .subgroup-title {
70     font-size: 100%;
71     font-weight: bold;
72     margin: 0 0 0.6em;
73     padding: 0;
74 }
75
76 .group {
77     background-color: #EEEEEE;
78     border-radius: 7px 7px 7px 7px;
79     margin: 1em 0;
80     padding: 0.8em;
81 }
82
83 h2.group-title {
84     border-bottom: 1px dashed #000000;
85     font-size: 100%;
86     margin: 0 0 0.8em;
87     padding: 0;
88 }
89
90 .group-contents {
91     padding-left: 0.8em;
92 }
93
94 .details-label {
95     padding-right: 0.5em;
96     padding-top: 0.25em;
97 }
98
99 .details-data {
100     color: #333333;
101     padding-bottom: 0.5em;
102     padding-top: 0.25em
103 }
104
105 .details-navigation {
106     padding-left: 0.5em;
107 }
108
109 .hideextra { white-space: nowrap; overflow: hidden; text-overflow:ellipsis; }
110
111 textarea {
112     width: 100%;
113 }
114
115 input {
116     width: 100%;
117 }
118
119 table {
120     border-collapse: collapse;
121 }
122
123
124 /**
125  * List View
126  */
127 table.data-list
128 {
129         width: 100%;
130         margin-top: 1em;
131 }
132
133 table.data-list th
134 {
135         background-color: #ccc;
136         border: 1px solid #000;
137         text-align: left;
138         font-weight: normal;
139         padding: 0.2em;
140         color: #000;
141 }
142
143 table.data-list td
144 {
145         background-color: #fff;
146         border: 1px dotted #aaa;
147         padding: 0.2em;
148         font-size: medium;
149         vertical-align: middle;
150 }
151
152 /* Overrides the table settings from the list view */
153 .group table.data-list
154 {
155         margin-top: 0em;
156 }
157
158
159
160
161 </style>
162 </head>
163
164 <body >
165
166 <div id="document-title">Music Collection</div>
167
168
169 <div id="headbox">
170 <select class="tablechooser"><option value="albums">Albums</option><option value="artists">Artists</option><option value="publishers">Publishers</option><option selected="selected" value="songs">Songs</option></select>
171 <a class="backlink" href="listview-songs.html" style="">Back to List</a>
172 </div>
173
174 <div class="group">
175   <h2 class="group-title">Overview</h2>
176   <div class="group-contents">
177
178
179 <!-- the flowtable: a table -->
180 <table style="width: 100%">
181 <col width="49%"/>
182 <col width="49%"/>
183 <tr style="vertical-align: top;">
184
185   <!-- the first column: a table -->
186   <!-- the column gap is set using padding on the td of the flowtable -->
187   <td style="padding-right: 0.5%;">
188   <table>
189      <!-- details cell: a table row -->
190      <tr>
191         <td class="details-label" style="vertical-align: top; white-space: nowrap;">Song ID:</td>
192         <td class="details-data" colspan="2" style="vertical-align: top;"><div class="hideextra">0</div></td>
193      </tr>
194   </table>
195   </td>
196
197   <!-- the second column -->
198   <td style="padding-left: 0.5%;">
199   <table>
200      
201      <!-- details cell -->
202      <tr>
203         <td class="details-label" style="vertical-align: top; white-space: nowrap;">Name:</td>
204         <td class="details-data" colspan="2" style="vertical-align: top; colspan: 2"><div class="hideextra">Thunder Road</div></td>
205      </tr>
206
207   </table>
208   </td>
209
210 </tr>
211 </table>
212 </div>
213 </div>
214
215 <div class="group">
216   <h2 class="group-title">Details</h2>
217   <div class="group-contents">
218
219 <!-- the second flowtable -->
220 <table style="width: 100%">
221 <col width="49%"/>
222 <col width="49%"/>
223 <tr style="vertical-align: top;">
224
225   <!-- the first column -->
226   <td style="padding-right: 0.5%;">
227   <div class="subgroup">
228   <div class="subgroup-title">Album</div>
229   <div class="group-contents">
230   <table>
231
232      <!-- details cell -->
233      <tr>
234         <td class="details-label" style="vertical-align: top; white-space: nowrap;">Album ID:</td>
235         <td class="details-data" style="vertical-align: top;"><div class="hideextra">0</div></td>
236         <td class="details-navigation" style="vertical-align: top; width: 100%;"><button type="button">Open</button></td>
237      </tr>
238
239      <!-- details cell -->
240      <tr>
241         <td class="details-label" style="vertical-align: top; white-space: nowrap;">Name:</td>
242         <td class="details-data" colspan="2" style="vertical-align: top;"><div class="hideextra">Born To Run</div></td>
243      </tr>
244
245      <!-- details cell -->
246      <tr>
247         <td class="details-label" style="vertical-align: top; white-space: nowrap;">Favourite Song:</td>
248         <td class="details-data" colspan="2"  style="vertical-align: top;"><input type="checkbox" checked=""></td>
249
250      <!-- details cell -->
251      <tr>
252         <td class="details-label" style="vertical-align: top; white-space: nowrap;">Artist ID:</td>
253         <td class="details-data" style="vertical-align: top;"><div class="hideextra">0</div></td>
254         <td class="details-navigation" style="vertical-align: top; width: 100%"><button type="button">Open</button></td>
255      </tr>
256
257      </tr>
258
259   </table>
260   </div>
261   </div>
262   </td>
263
264   <!-- the second column -->
265   <td style="padding-left: 0.5%;">
266   <div class="subgroup">
267   <div class="subgroup-title">Album</div>
268   <div class="group-contents">
269   <table>
270
271      <!-- details cell -->
272      <tr>
273         <td class="details-label" style="vertical-align: top; white-space: nowrap;">Artist ID:</td>
274         <td class="details-data" style="vertical-align: top;"><div class="hideextra">0</div></td>
275         <td class="details-navigation" style="vertical-align: top; width: 100%"><button type="button">Open</button></td>
276      </tr>
277
278      <!-- details cell -->
279      <tr>
280         <td class="details-label" style="vertical-align: top; white-space: nowrap;">Name:</td>
281         <td class="details-data" colspan="2" style="vertical-align: top;"><div class="hideextra">Bruce Springsteen</div></td>
282      </tr>
283      
284      <!-- details cell -->
285      <tr>
286         <td class="details-label" style="vertical-align: top; white-space: nowrap;">Comments:</td>
287         <td class="details-data" colspan="2" style="vertical-align: top;"><div style="height: 6em; overflow: auto; white-space: nowrap;">
288 Amazing song!<br/>
289 <br/>
290 Rock on!<div></td>
291      </tr>
292
293   </table>
294   </div>
295   </div>
296   </td>
297
298 </tr>
299 </table>
300 </div>
301 </div>
302
303
304 <div class="group">
305   <h2 class="group-title">Details (Again)</h2>
306   <div class="group-contents">
307
308
309 <!-- the second flowtable -->
310 <table style="width: 100%">
311 <tr style="vertical-align: top;">
312 <td>
313
314         <!-- portal Note: no fixed height! -->
315         <div class="subgroup">
316           <div class="subgroup-title">Package Scans</div>
317           <div class="group-contents"><div><table cellspacing="0" __gwtcellbasedwidgetimpldispatchingfocus="true" __gwtcellbasedwidgetimpldispatchingblur="true" class="data-list" style="white-space: nowrap; table-layout: fixed;"><thead><tr><th class="GARUF5ABFD GARUF5ABDD GARUF5ABDE" colspan="1">Package Scan ID</th><th class="GARUF5ABFD GARUF5ABDE" colspan="1">Package Name</th><th class="GARUF5ABFD GARUF5ABDE" colspan="1">Description</th><th class="GARUF5ABFD GARUF5ABDE" colspan="1">License</th><th class="GARUF5ABFD  GARUF5ABND" colspan="1"></th></tr></thead><colgroup><col><col><col><col class="details"><col></colgroup><tbody style=""><tr class="GARUF5ABPC" onclick=""><td align="left" class="GARUF5ABOC GARUF5ABAD GARUF5ABBD"><div style="outline:none;"><div style="overflow: hidden; text-overflow: ellipsis; ">0</div></div></td><td align="left" class="GARUF5ABOC GARUF5ABAD"><div style="outline:none;"><div style="overflow: hidden; text-overflow: ellipsis; ">libgcc1</div></div></td><td align="left" class="GARUF5ABOC GARUF5ABAD"><div style="outline:none;"><div style="overflow: hidden; text-overflow: ellipsis; ">Shared version of the support library, a library of internal subroutines that GCC uses to overcome shortcomings of particular machines, or special needs for some languages.</div></div></td><td align="left" class="GARUF5ABOC GARUF5ABAD"><div style="outline:none;"><div style="overflow: hidden; text-overflow: ellipsis; "></div></div></td><td align="right" class="GARUF5ABOC GARUF5ABAD GARUF5ABLD"><div tabindex="0" style="outline:none;"><button tabindex="-1" type="button">Open</button></div></td></tr><tr class="GARUF5ABPD" onclick=""><td align="left" class="GARUF5ABOC GARUF5ABAE GARUF5ABBD"><div style="outline:none;"><div style="overflow: hidden; text-overflow: ellipsis; ">1</div></div></td><td align="left" class="GARUF5ABOC GARUF5ABAE"><div style="outline:none;"><div style="overflow: hidden; text-overflow: ellipsis; ">busybox</div></div></td><td align="left" class="GARUF5ABOC GARUF5ABAE"><div style="outline:none;"><div style="overflow: hidden; text-overflow: ellipsis; ">BusyBox combines tiny versions of many common UNIX utilities into a single small executable. It provides minimalist replacements for the most common utilities you would usually find on your desktop system (i.e., ls, cp, mv, mount, tar, etc.). The utilities in BusyBox generally have fewer options than their full-featured GNU cousins; however, the options that are included provide the expected functionality and behave very much like their GNU counterparts.
318
319 This package installs: - the BusyBox binary - symlinks for tools included into it that correspond to binaries
320  in essential Debian packages
321 - alternatives from packages that don't have anything else - awk, as a reminder that alternatives don't always work as expected
322
323 Symlinks to other tools included into BusyBox which correspond to binaries in non-essential Debian packages are provided in separate symlink packages. Those package are split and named according to the corresponding Debian packages.</div></div></td><td align="left" class="GARUF5ABOC GARUF5ABAE"><div style="outline:none;"><div style="overflow: hidden; text-overflow: ellipsis; "></div></div></td><td align="right" class="GARUF5ABOC GARUF5ABAE GARUF5ABLD"><div style="outline:none;"><button tabindex="-1" type="button">Open</button></div></td></tr><tr class="GARUF5ABPC" onclick=""><td align="left" class="GARUF5ABOC GARUF5ABAD GARUF5ABBD"><div style="outline:none;"><div style="overflow: hidden; text-overflow: ellipsis; ">2</div></div></td><td align="left" class="GARUF5ABOC GARUF5ABAD"><div style="outline:none;"><div style="overflow: hidden; text-overflow: ellipsis; ">gs</div></div></td><td align="left" class="GARUF5ABOC GARUF5ABAD"><div style="outline:none;"><div style="overflow: hidden; text-overflow: ellipsis; ">This dummy package is provided for a smooth transition from the previous gs package (the package name has been changed to gs-gpl). It may safely be removed after installation.</div></div></td><td align="left" class="GARUF5ABOC GARUF5ABAD"><div style="outline:none;"><div style="overflow: hidden; text-overflow: ellipsis; ">GPL2</div></div></td><td align="right" class="GARUF5ABOC GARUF5ABAD GARUF5ABLD"><div style="outline:none;"><button tabindex="-1" type="button">Open</button></div></td></tr><tr class="GARUF5ABPD" onclick=""><td align="left" class="GARUF5ABOC GARUF5ABAE GARUF5ABBD"><div style="outline:none;"><div style="overflow: hidden; text-overflow: ellipsis; ">3</div></div></td><td align="left" class="GARUF5ABOC GARUF5ABAE"><div style="outline:none;"><div style="overflow: hidden; text-overflow: ellipsis; ">libhildon-thumbnail-dev</div></div></td><td align="left" class="GARUF5ABOC GARUF5ABAE"><div style="outline:none;"><div style="overflow: hidden; text-overflow: ellipsis; ">Contains libhildon-thumbnail0 development files.</div></div></td><td align="left" class="GARUF5ABOC GARUF5ABAE"><div style="outline:none;"><div style="overflow: hidden; text-overflow: ellipsis; "></div></div></td><td align="right" class="GARUF5ABOC GARUF5ABAE GARUF5ABLD"><div style="outline:none;"><button tabindex="-1" type="button">Open</button></div></td></tr><tr class="GARUF5ABPC" onclick=""><td align="left" class="GARUF5ABOC GARUF5ABAD GARUF5ABBD"><div style="outline:none;"><div style="overflow: hidden; text-overflow: ellipsis; ">4</div></div></td><td align="left" class="GARUF5ABOC GARUF5ABAD"><div style="outline:none;"><div style="overflow: hidden; text-overflow: ellipsis; ">libsysfs-dev</div></div></td><td align="left" class="GARUF5ABOC GARUF5ABAD"><div style="outline:none;"><div style="overflow: hidden; text-overflow: ellipsis; ">Sysfs is a virtual file system in Linux kernel 2.5+ that provides a tree of system devices. libsysfs provides a stable programming interface to sysfs and eases querying system devices and their attributes.
324
325 This package provides everything that is needed for developing own programs using libsysfs: C headers, a static library, documentation and example programs.</div></div></td><td align="left" class="GARUF5ABOC GARUF5ABAD"><div style="outline:none;"><div style="overflow: hidden; text-overflow: ellipsis; "></div></div></td><td align="right" class="GARUF5ABOC GARUF5ABAD GARUF5ABLD"><div style="outline:none;"><button tabindex="-1" type="button">Open</button></div></td></tr></tbody><tbody style="display: none;"><tr><td align="center" colspan="5"><div><div style="width: 100%; height: 100%; padding: 0px; margin: 0px; display: none;"><div style="width: 100%; height: 100%; display: none;"></div></div><div style="width: 100%; height: 100%; padding: 0px; margin: 0px;"><div style="width: 100%; height: 100%;" class="GARUF5ABOD"><img border="0" style="width: 43px; height: 11px; background: url(data:image/gif;base64,R0lGODlhKwALAPEAAP///0tKSqampktKSiH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAKwALAAACMoSOCMuW2diD88UKG95W88uF4DaGWFmhZid93pq+pwxnLUnXh8ou+sSz+T64oCAyTBUAACH5BAkKAAAALAAAAAArAAsAAAI9xI4IyyAPYWOxmoTHrHzzmGHe94xkmJifyqFKQ0pwLLgHa82xrekkDrIBZRQab1jyfY7KTtPimixiUsevAAAh+QQJCgAAACwAAAAAKwALAAACPYSOCMswD2FjqZpqW9xv4g8KE7d54XmMpNSgqLoOpgvC60xjNonnyc7p+VKamKw1zDCMR8rp8pksYlKorgAAIfkECQoAAAAsAAAAACsACwAAAkCEjgjLltnYmJS6Bxt+sfq5ZUyoNJ9HHlEqdCfFrqn7DrE2m7Wdj/2y45FkQ13t5itKdshFExC8YCLOEBX6AhQAADsAAAAAAAAAAAA=) no-repeat 0px 0px;" src="http://bagu.org:8080/OnlineGlom/OnlineGlom/clear.cache.gif" onload="this.__gwtLastUnhandledEvent=&quot;load&quot;;" class="gwt-Image"></div></div></div></td></tr></tbody><tfoot style="display: none;"><tr><th class="GARUF5ABED GARUF5ABCD  GARUF5ABMD" colspan="5"></th></tr></tfoot></table>
326
327 <table cellspacing="0" cellpadding="0" style="font-family: Arial Unicode MS,Arial,sans-serif;font-size: small;"><tbody><tr><td align="left" style="vertical-align: middle; padding: 4px;" class="GARUF5ABJH GARUF5ABKH"><img border="0" style="width: 19px; height: 19px; background: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAABTUlEQVR42r2UO26EQAyGOQtnyVlyllTQcADqUIA4A1Cl5QLQ8H4/Smf/0Xo1M7CskmKRRiPM7w/bY49hvOPZ9/1zXVea55mmaRI73mH/C8RcloW6rqOyLA8LdnyH7hXoYxxH4dS2LfV9f1iw4zt00D+FIR0IzyD6KopCpH8KQj2qqhJpQJwkCYVheIDEcSx26KCH3wE2DAPVdf1w0mFN01AQBGRZ1sMGPfwU0LZtXxDLEciwPM/JdV0BkmH8E/jLKXZ6rRiWpik5jkO2bZ/C7ql2CgxGHeZ5ngAx5AyGIBTYLcxvuV5caESWZZlI8Soy+CuNyj2kw9jB9/0DjPWHBsa4yHXTTxOtEEWRAkOvwe+0+/m4r/oMByLrns7qLfcfbsar7ufmhv5yPlFMnk95IvgnsKNRlaK/ujkwJpg9BmHH+/0aMv97r5m8jHc+v9PgJIofYq0vAAAAAElFTkSuQmCC&quot;) no-repeat scroll 0px 0px transparent;" src="http://bagu.org:8080/OnlineGlom/OnlineGlom/clear.cache.gif" onload="this.__gwtLastUnhandledEvent=&quot;load&quot;;" class="gwt-Image"></td><td align="left" style="vertical-align: middle; padding: 4px;" class="GARUF5ABJH GARUF5ABKH"><img border="0" style="width: 19px; height: 19px; background: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAABOElEQVR42r1UO66DMBDkLJwlZ3lneRU0HID6NXAI6NJCjxAS//+n3GRQLMX2Ql5SxNLKsj0z8q5nbRjfGNu2/SzLQtM00TiO+4w19t8RMed5prZtqSgKLbCPc+BeCV2GYaA8z6lpGuq6TgvsQxQ44A/FkA6AnIgawAHPCqEeZVnuaXDkMAylNXDAg6eJ9X1PVVVpInVdk+/7ZNu2dgY80pWE1nX9BUkFp2lKruuSZVl7cDcGD/znFFu1VlEUkeM4+43OxMAD/1AsyzJN6N9i92v+qfVKkkRK8UgMjwC+ZFThIRXoed6hmMBrBka7cB6DBYIgYMWAB491v3huLp04jjVbPG7F9+o996voyTP3C3MDf9qfKCYMDMHnjhCOxz7OpaK/+jnQJug9IYQZ68c3ZH76r5kijG+OGyVGL0Z2EQ8bAAAAAElFTkSuQmCC&quot;) no-repeat scroll 0px 0px transparent;" src="http://bagu.org:8080/OnlineGlom/OnlineGlom/clear.cache.gif" onload="this.__gwtLastUnhandledEvent=&quot;load&quot;;" class="gwt-Image"></td><td align="left" style="vertical-align: middle;" class="GARUF5ABLH"><div class="gwt-HTML">1-5 of 1,178</div></td><td align="left" style="vertical-align: middle; padding: 4px;" class="GARUF5ABJH"><img border="0" style="width: 19px; height: 19px; background: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAB80lEQVR42r2UPU/bUBSG+S39K5AgAWJF6tINCRbYqq4dqi5IzAx0r8rAUnVLMA1RAyr5IKQJ+YBgO47jGGNRUJPh7X0v8ZUviULFUEtHV/ee9zw+vuccz8z8j8frh58tx8eV2cPltStX7nn+75Dgbu7a7qNcs5ApWEgXe0gVXLlyz3P6qZsO8u8+Nq66OMxbOKrd47g1RK45GNlQGs8PT01QR/1EUBA8vGq1XRj5zggyVBDuj5tDBaQZeQfUM24MxvvIFk38aAy0bD5sf1JABRZGHfWMG8uqfunAOL/V3k5gIjmP9c13+F4Jn/hEduch6i1Hz871bk9+lk3tbiKbTSSlrbx+g69HDS1LGuMYr2Cd7g2yBTMmHIzBEskkFpaWsfslpRWGcYxXMFtsWPYIEL8fCVLAeSwsLuNbri1B9DPOjsO6vcDPlcZhUWaJkfFT942qVojcmQXGK1g/CFcrdRuZ2m+tHeKfubbxFumSr/kyoud+iTjGaxVtW57ssUmZvd/aEa3wR1U48hsFB4ybOIvVegdG+SbWZwPs7qX05o1AQke954eTp8BxAzF7Ng5KfS27p5+eLnpSR/3U+eRlshEzouRpAc1ePDy2gFi55zn92qU/9+ewxZg0211UGx1ULiy5NsUs8vzZP8Y0MKv1YsBLn78yFAmErQgG1AAAAABJRU5ErkJggg==&quot;) no-repeat scroll 0px 0px transparent;" src="http://bagu.org:8080/OnlineGlom/OnlineGlom/clear.cache.gif" onload="this.__gwtLastUnhandledEvent=&quot;load&quot;;" class="gwt-Image"></td><td align="left" style="vertical-align: middle; padding: 4px;" class="GARUF5ABJH"><img border="0" style="width: 19px; height: 19px; background: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAB90lEQVR42r1UPU/bUBTlt/SvtAkSrViRunTrjFhQp1bqUNYO7dihY4dMLAxtgpGJShDEIYYm5AOC7fgrxqRQpDAc3nmJXzGOQsVQS1dX9/ie4/fuh+fm/scTDobfbDfCqRXg5MyXnjHxfxeJL5+dOQOYTRu6YaNUC1A0fOkZE+d75s0Wii7X2qcetqo2tpt/UOneYKczmtiNNOJb+xaYx/ypQnF8/aTb86FV+xORv8a40kljWtUF88nLiLEe5ZqFn+0RPn9dTxFpCSaFhTGP+eRlTtU6caEdXkhCLj+PlTfvUT6+VmLTMO1wiFbXTZ/ODy9290xL1eZpLi9t6eUrlIwgi9UCJUge+Uqs752jbFjqGgkxl89j4cUiNipWBiv8qMuPk0e+EnNEwLYnX5MkRZ7H2w+fMtjC80Vs1iPJc+6KeUEc7RxkxXKTa2lmnMG+73vjrtdtkK/EBvHw9VHLgd68kkdPrrS8+g564ypVM2LbzTGmi5n7JXjkpzras0M5Ywnx45dCaljvYskcaoYL8qbuYqPVFyf5jUKxnhKiFYqmmjEpZJ6D+WE0nL4Frh+L3XOweTC4twUj1Wn6Ui2UecyfuZ8sJgdRFy0vCdHxkI6kZ0yc71NFf+jP4Yg16fQ8NNp9HB3b0nfELhJ/8I8xS5jderTAY59bcTDi/IIty2YAAAAASUVORK5CYII=&quot;) no-repeat scroll 0px 0px transparent;" src="http://bagu.org:8080/OnlineGlom/OnlineGlom/clear.cache.gif" onload="this.__gwtLastUnhandledEvent=&quot;load&quot;;" class="gwt-Image"></td></tr></tbody></table></div></div></div>
328 </td>
329 </tr></table>
330
331 </div></div>
332
333
334
335
336 <div id="footbox">
337                 <span class="records">Displaying record 1 of 8</span>
338         
339                 <span class="details-bottom-navigation">
340                         <a href="">First</a>
341                         <a href="">Back</a>
342                         <a href="">Forward</a>
343                         <a href="">Last</a>
344                 </span>
345 </div>
346
347 </body>
348 </html>
3588367351ee6b8a4fb5bb546975a07e72