css

manifests/media/css/main.css

@@ -0,0 +1,92 @@
+html, body {
+	width:100%;
+	height:100%;
+}
+
+body {
+	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, 'DejaVu Sans', sans-serif;
+	font-size:14px;
+	color:#333;
+}
+
+#wrapper {
+	width:98%;
+	margin:0 auto;
+	padding-top:1%;
+	padding-bottom:1%;
+}
+
+#status {
+	padding-bottom:12px;
+}
+
+#formDiv fieldset {
+	padding:12px;
+	border-top:1px solid #eee;
+	width:98%;
+	margin:0 auto;
+}
+
+#shipFilterForm input[type="submit"] {
+background: -moz-linear-gradient(top, rgba(0,119,119,1) 0%, rgba(0,204,204,1) 69%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,119,119,1)), color-stop(69%,rgba(0,204,204,1))); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top, rgba(0,119,119,1) 0%,rgba(0,204,204,1) 69%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top, rgba(0,119,119,1) 0%,rgba(0,204,204,1) 69%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top, rgba(0,119,119,1) 0%,rgba(0,204,204,1) 69%); /* IE10+ */
+background: linear-gradient(top, rgba(0,119,119,1) 0%,rgba(0,204,204,1) 69%); /* W3C */
+	padding:6px 12px;
+	border-radius:10px 4px;
+	color:#fff;
+	font-weight:bold;
+}
+
+#formDiv fieldset input {
+	border-radius:20px 4px;
+	padding:2px;
+}
+
+#formDiv fieldset input {
+	width:120px;
+	margin-right:20px;
+}
+
+#formDiv fieldset input:last-child {
+	margin-right:0;
+}
+
+
+table {
+	width:98%;
+	margin:0 auto;
+}
+
+thead, td {
+	padding: 1px 4px;
+}
+
+thead {
+	font-weight:bold;
+	color:#f0f0f0; /*00cccc, 0033cc*/
+	text-transform: uppercase;
+	font-size:13px;
+}
+
+thead tr:first-child {
+	background:#007777;
+}
+
+.shipRow:nth-of-type(odd) {	
+	background:#00cccc;
+}
+
+.shipRow:nth-of-type(even) {
+	background:#00bbdd;
+}
+
+/* SANJAY'S STYLING */
+.goodRow {
+    display: none;
+}
+
+/* END SANJAY'S STYLING */
+

manifests/media/css/reset.css

@@ -0,0 +1,44 @@
+/* http://meyerweb.com/eric/tools/css/reset/ 
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed, 
+figure, figcaption, footer, header, hgroup, 
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}

manifests/templates/shipList.html

@@ -108,36 +108,38 @@ No of results: {{ no_of_results }}   Displaying page {{ page }} of {{ no_of
                             <td>No of Goods</td>
                         </tr>                                              
                     </thead>
+                    <tbody>
                     {% for s in ships %}
-                    <tr class="shipRow">
-                        <td>{{ s.number }}</td>
-                        <td>{{ s.bill_type }}</td>
-                        <td>{{ s.date|date:"d, M, Y" }}</td>
-                        <td>{{ s.get_ship_name }}</td>
-                        <td>{{ s.get_captain }}</td>
-                        <td>{{ s.get_owner }}</td>
-                        <td>{{ s.port }}</td>
-                        <td>{{ s.country|default:"" }}</td>
-                        <td>{{ s.no_of_goods }}</td>
-                    </tr>
-                    <tr class="goodRow">
-                        <td></td>
-                        <td colspan="8">
-                            <table class="goodTable">
-                                {% for good in s.good_set.all %}
-                                <tr>
-                                    <td>{{ good.get_description }}</td>
-                                    <td>{{ good.no_of_packages }}</td>
-                                    <td>{{ good.weight }}</td>
-                                </tr>
-                                {% endfor %}
-                                <tr>
-                                    <td>Total wt.: {{ s.total_weight }}</td>
-                                </tr>
-                            </table>
-                        </td>
-                    </tr>
-                    {% endfor %}
+                        <tr class="shipRow">
+                            <td>{{ s.number }}</td>
+                            <td>{{ s.bill_type }}</td>
+                            <td>{{ s.date|date:"d, M, Y" }}</td>
+                            <td>{{ s.get_ship_name }}</td>
+                            <td>{{ s.get_captain }}</td>
+                            <td>{{ s.get_owner }}</td>
+                            <td>{{ s.port }}</td>
+                            <td>{{ s.country|default:"" }}</td>
+                            <td>{{ s.no_of_goods }}</td>
+                        </tr>
+                        <tr class="goodRow">
+                            <td></td>
+                            <td colspan="8">
+                                <table class="goodTable">
+                                    {% for good in s.good_set.all %}
+                                    <tr>
+                                        <td>{{ good.get_description }}</td>
+                                        <td>{{ good.no_of_packages }}</td>
+                                        <td>{{ good.weight }}</td>
+                                    </tr>
+                                    {% endfor %}
+                                    <tr>
+                                        <td>Total wt.: {{ s.total_weight }}</td>
+                                    </tr>
+                                </table>
+                            </td>
+                        </tr>
+                        {% endfor %}
+                    </tbody>
                 </table>
             </div>