css
This commit is contained in:
Sanj
parent
63e1c1bec1
commit
b326714143
92
manifests/media/css/main.css
Normal file
92
manifests/media/css/main.css
Normal file
|
|
@ -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 */
|
||||
|
||||
44
manifests/media/css/reset.css
Normal file
44
manifests/media/css/reset.css
Normal file
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user