~lss-team/lilsoftstats/trunk

« back to all changes in this revision

Viewing changes to text.html

  • Committer: Nick
  • Date: 2011-11-14 04:10:28 UTC
  • Revision ID: nick@little-apps.org-20111114041028-cvmpwq6z6hx3pkya
first commit

Show diffs side-by-side

added added

removed removed

Lines of Context:
 
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
2
<html xmlns="http://www.w3.org/1999/xhtml">
 
3
<head>
 
4
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 
5
<title>Internet Dreams</title>
 
6
<link rel="stylesheet" href="css/screen.css" type="text/css" media="screen" title="default" />
 
7
<!--[if IE]>
 
8
<link rel="stylesheet" media="all" type="text/css" href="css/pro_dropline_ie.css" />
 
9
<![endif]-->
 
10
 
 
11
<!--  jquery core -->
 
12
<script src="js/jquery/jquery-1.4.1.min.js" type="text/javascript"></script>
 
13
 
 
14
<!--  checkbox styling script -->
 
15
<script src="js/jquery/ui.core.js" type="text/javascript"></script>
 
16
<script src="js/jquery/ui.checkbox.js" type="text/javascript"></script>
 
17
<script src="js/jquery/jquery.bind.js" type="text/javascript"></script>
 
18
<script type="text/javascript">
 
19
$(function(){
 
20
        $('input').checkBox();
 
21
        $('#toggle-all').click(function(){
 
22
        $('#toggle-all').toggleClass('toggle-checked');
 
23
        $('#mainform input[type=checkbox]').checkBox('toggle');
 
24
        return false;
 
25
        });
 
26
});
 
27
</script>  
 
28
 
 
29
<![if !IE 7]>
 
30
 
 
31
<!--  styled select box script version 1 -->
 
32
<script src="js/jquery/jquery.selectbox-0.5.js" type="text/javascript"></script>
 
33
<script type="text/javascript">
 
34
$(document).ready(function() {
 
35
        $('.styledselect').selectbox({ inputClass: "selectbox_styled" });
 
36
});
 
37
</script>
 
38
 
 
39
 
 
40
<![endif]>
 
41
 
 
42
<!--  styled select box script version 2 --> 
 
43
<script src="js/jquery/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
 
44
<script type="text/javascript">
 
45
$(document).ready(function() {
 
46
        $('.styledselect_form_1').selectbox({ inputClass: "styledselect_form_1" });
 
47
        $('.styledselect_form_2').selectbox({ inputClass: "styledselect_form_2" });
 
48
});
 
49
</script>
 
50
 
 
51
<!--  styled select box script version 3 --> 
 
52
<script src="js/jquery/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
 
53
<script type="text/javascript">
 
54
$(document).ready(function() {
 
55
        $('.styledselect_pages').selectbox({ inputClass: "styledselect_pages" });
 
56
});
 
57
</script>
 
58
 
 
59
<!--  styled file upload script --> 
 
60
<script src="js/jquery/jquery.filestyle.js" type="text/javascript"></script>
 
61
<script type="text/javascript" charset="utf-8">
 
62
  $(function() {
 
63
      $("input.file_1").filestyle({ 
 
64
          image: "images/forms/choose-file.gif",
 
65
          imageheight : 21,
 
66
          imagewidth : 78,
 
67
          width : 310
 
68
      });
 
69
  });
 
70
</script>
 
71
 
 
72
<!-- Custom jquery scripts -->
 
73
<script src="js/jquery/custom_jquery.js" type="text/javascript"></script>
 
74
 
 
75
<!-- Tooltips -->
 
76
<script src="js/jquery/jquery.tooltip.js" type="text/javascript"></script>
 
77
<script src="js/jquery/jquery.dimensions.js" type="text/javascript"></script>
 
78
<script type="text/javascript">
 
79
$(function() {
 
80
        $('a.info-tooltip ').tooltip({
 
81
                track: true,
 
82
                delay: 0,
 
83
                fixPNG: true, 
 
84
                showURL: false,
 
85
                showBody: " - ",
 
86
                top: -35,
 
87
                left: 5
 
88
        });
 
89
});
 
90
</script> 
 
91
 
 
92
 
 
93
<!--  date picker script -->
 
94
<link rel="stylesheet" href="css/datePicker.css" type="text/css" />
 
95
<script src="js/jquery/date.js" type="text/javascript"></script>
 
96
<script src="js/jquery/jquery.datePicker.js" type="text/javascript"></script>
 
97
<script type="text/javascript" charset="utf-8">
 
98
        $(function()
 
99
{
 
100
 
 
101
// initialise the "Select date" link
 
102
$('#date-pick')
 
103
        .datePicker(
 
104
                // associate the link with a date picker
 
105
                {
 
106
                        createButton:false,
 
107
                        startDate:'01/01/2005',
 
108
                        endDate:'31/12/2020'
 
109
                }
 
110
        ).bind(
 
111
                // when the link is clicked display the date picker
 
112
                'click',
 
113
                function()
 
114
                {
 
115
                        updateSelects($(this).dpGetSelected()[0]);
 
116
                        $(this).dpDisplay();
 
117
                        return false;
 
118
                }
 
119
        ).bind(
 
120
                // when a date is selected update the SELECTs
 
121
                'dateSelected',
 
122
                function(e, selectedDate, $td, state)
 
123
                {
 
124
                        updateSelects(selectedDate);
 
125
                }
 
126
        ).bind(
 
127
                'dpClosed',
 
128
                function(e, selected)
 
129
                {
 
130
                        updateSelects(selected[0]);
 
131
                }
 
132
        );
 
133
        
 
134
var updateSelects = function (selectedDate)
 
135
{
 
136
        var selectedDate = new Date(selectedDate);
 
137
        $('#d option[value=' + selectedDate.getDate() + ']').attr('selected', 'selected');
 
138
        $('#m option[value=' + (selectedDate.getMonth()+1) + ']').attr('selected', 'selected');
 
139
        $('#y option[value=' + (selectedDate.getFullYear()) + ']').attr('selected', 'selected');
 
140
}
 
141
// listen for when the selects are changed and update the picker
 
142
$('#d, #m, #y')
 
143
        .bind(
 
144
                'change',
 
145
                function()
 
146
                {
 
147
                        var d = new Date(
 
148
                                                $('#y').val(),
 
149
                                                $('#m').val()-1,
 
150
                                                $('#d').val()
 
151
                                        );
 
152
                        $('#date-pick').dpSetSelected(d.asString());
 
153
                }
 
154
        );
 
155
 
 
156
// default the position of the selects to today
 
157
var today = new Date();
 
158
updateSelects(today.getTime());
 
159
 
 
160
// and update the datePicker to reflect it...
 
161
$('#d').trigger('change');
 
162
});
 
163
</script>
 
164
 
 
165
<!-- MUST BE THE LAST SCRIPT IN <HEAD></HEAD></HEAD> png fix -->
 
166
<script src="js/jquery/jquery.pngFix.pack.js" type="text/javascript"></script>
 
167
<script type="text/javascript">
 
168
$(document).ready(function(){
 
169
$(document).pngFix( );
 
170
});
 
171
</script>
 
172
</head>
 
173
<body> 
 
174
<!-- Start: page-top-outer -->
 
175
<div id="page-top-outer">    
 
176
 
 
177
<!-- Start: page-top -->
 
178
<div id="page-top">
 
179
 
 
180
        <!-- start logo -->
 
181
        <div id="logo">
 
182
        <a href=""><img src="images/shared/logo.png" width="156" height="40" alt="" /></a>
 
183
        </div>
 
184
        <!-- end logo -->
 
185
        
 
186
        <!--  start top-search -->
 
187
        <div id="top-search">
 
188
                <table border="0" cellpadding="0" cellspacing="0">
 
189
                <tr>
 
190
                <td><input type="text" value="Search" onblur="if (this.value=='') { this.value='Search'; }" onfocus="if (this.value=='Search') { this.value=''; }" class="top-search-inp" /></td>
 
191
                <td>
 
192
                <select  class="styledselect">
 
193
                        <option value=""> All</option>
 
194
                        <option value=""> Products</option>
 
195
                        <option value=""> Categories</option>
 
196
                        <option value="">Clients</option>
 
197
                        <option value="">News</option>
 
198
                </select> 
 
199
                </td>
 
200
                <td>
 
201
                <input type="image" src="images/shared/top_search_btn.gif"  />
 
202
                </td>
 
203
                </tr>
 
204
                </table>
 
205
        </div>
 
206
        <!--  end top-search -->
 
207
        <div class="clear"></div>
 
208
 
 
209
</div>
 
210
<!-- End: page-top -->
 
211
 
 
212
</div>
 
213
<!-- End: page-top-outer -->
 
214
        
 
215
<div class="clear">&nbsp;</div>
 
216
 
 
217
<!--  start nav-outer-repeat................................................................................................. START -->
 
218
<div class="nav-outer-repeat"> 
 
219
<!--  start nav-outer -->
 
220
<div class="nav-outer"> 
 
221
 
 
222
                <!-- start nav-right -->
 
223
                <div id="nav-right">
 
224
                
 
225
                        <div class="nav-divider">&nbsp;</div>
 
226
                        <div class="showhide-account"><img src="images/shared/nav/nav_myaccount.gif" width="93" height="14" alt="" /></div>
 
227
                        <div class="nav-divider">&nbsp;</div>
 
228
                        <a href="" id="logout"><img src="images/shared/nav/nav_logout.gif" width="64" height="14" alt="" /></a>
 
229
                        <div class="clear">&nbsp;</div>
 
230
                
 
231
                        <!--  start account-content --> 
 
232
                        <div class="account-content">
 
233
                        <div class="account-drop-inner">
 
234
                                <a href="" id="acc-settings">Settings</a>
 
235
                                <div class="clear">&nbsp;</div>
 
236
                                <div class="acc-line">&nbsp;</div>
 
237
                                <a href="" id="acc-details">Personal details </a>
 
238
                                <div class="clear">&nbsp;</div>
 
239
                                <div class="acc-line">&nbsp;</div>
 
240
                                <a href="" id="acc-project">Project details</a>
 
241
                                <div class="clear">&nbsp;</div>
 
242
                                <div class="acc-line">&nbsp;</div>
 
243
                                <a href="" id="acc-inbox">Inbox</a>
 
244
                                <div class="clear">&nbsp;</div>
 
245
                                <div class="acc-line">&nbsp;</div>
 
246
                                <a href="" id="acc-stats">Statistics</a> 
 
247
                        </div>
 
248
                        </div>
 
249
                        <!--  end account-content -->
 
250
                
 
251
                </div>
 
252
                <!-- end nav-right -->
 
253
 
 
254
 
 
255
                <!--  start nav -->
 
256
                <div class="nav">
 
257
                <div class="table">
 
258
                
 
259
                <ul class="select"><li><a href="#nogo"><b>Dashboard</b><!--[if IE 7]><!--></a><!--<![endif]-->
 
260
                <!--[if lte IE 6]><table><tr><td><![endif]-->
 
261
                <div class="select_sub">
 
262
                        <ul class="sub">
 
263
                                <li><a href="#nogo">Dashboard Details 1</a></li>
 
264
                                <li><a href="#nogo">Dashboard Details 2</a></li>
 
265
                                <li><a href="#nogo">Dashboard Details 3</a></li>
 
266
                        </ul>
 
267
                </div>
 
268
                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
 
269
                </li>
 
270
                </ul>
 
271
                
 
272
                <div class="nav-divider">&nbsp;</div>
 
273
                                    
 
274
                <ul class="current"><li><a href="#nogo"><b>Products</b><!--[if IE 7]><!--></a><!--<![endif]-->
 
275
                <!--[if lte IE 6]><table><tr><td><![endif]-->
 
276
                <div class="select_sub show">
 
277
                        <ul class="sub">
 
278
                                <li><a href="#nogo">View all products</a></li>
 
279
                                <li class="sub_show"><a href="#nogo">Add product</a></li>
 
280
                                <li><a href="#nogo">Delete products</a></li>
 
281
                        </ul>
 
282
                </div>
 
283
                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
 
284
                </li>
 
285
                </ul>
 
286
                
 
287
                <div class="nav-divider">&nbsp;</div>
 
288
                
 
289
                <ul class="select"><li><a href="#nogo"><b>Categories</b><!--[if IE 7]><!--></a><!--<![endif]-->
 
290
                <!--[if lte IE 6]><table><tr><td><![endif]-->
 
291
                <div class="select_sub">
 
292
                        <ul class="sub">
 
293
                                <li><a href="#nogo">Categories Details 1</a></li>
 
294
                                <li><a href="#nogo">Categories Details 2</a></li>
 
295
                                <li><a href="#nogo">Categories Details 3</a></li>
 
296
                        </ul>
 
297
                </div>
 
298
                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
 
299
                </li>
 
300
                </ul>
 
301
                
 
302
                <div class="nav-divider">&nbsp;</div>
 
303
                
 
304
                <ul class="select"><li><a href="#nogo"><b>Clients</b><!--[if IE 7]><!--></a><!--<![endif]-->
 
305
                <!--[if lte IE 6]><table><tr><td><![endif]-->
 
306
                <div class="select_sub">
 
307
                        <ul class="sub">
 
308
                                <li><a href="#nogo">Clients Details 1</a></li>
 
309
                                <li><a href="#nogo">Clients Details 2</a></li>
 
310
                                <li><a href="#nogo">Clients Details 3</a></li>
 
311
                         
 
312
                        </ul>
 
313
                </div>
 
314
                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
 
315
                </li>
 
316
                </ul>
 
317
                
 
318
                <div class="nav-divider">&nbsp;</div>
 
319
                
 
320
                <ul class="select"><li><a href="#nogo"><b>News</b><!--[if IE 7]><!--></a><!--<![endif]-->
 
321
                <!--[if lte IE 6]><table><tr><td><![endif]-->
 
322
                <div class="select_sub">
 
323
                        <ul class="sub">
 
324
                                <li><a href="#nogo">News details 1</a></li>
 
325
                                <li><a href="#nogo">News details 2</a></li>
 
326
                                <li><a href="#nogo">News details 3</a></li>
 
327
                        </ul>
 
328
                </div>
 
329
                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
 
330
                </li>
 
331
                </ul>
 
332
                
 
333
                <div class="clear"></div>
 
334
                </div>
 
335
                <div class="clear"></div>
 
336
                </div>
 
337
                <!--  start nav -->
 
338
 
 
339
</div>
 
340
<div class="clear"></div>
 
341
<!--  start nav-outer -->
 
342
</div>
 
343
<!--  start nav-outer-repeat................................................... END -->
 
344
 
 
345
  <div class="clear"></div>
 
346
 
 
347
<!-- start content-outer ........................................................................................................................START -->
 
348
<div id="content-outer">
 
349
<!-- start content -->
 
350
<div id="content">
 
351
 
 
352
        <!--  start page-heading -->
 
353
        <div id="page-heading">
 
354
                <h1>Add product</h1>
 
355
        </div>
 
356
        <!-- end page-heading -->
 
357
 
 
358
        <table border="0" width="100%" cellpadding="0" cellspacing="0" id="content-table">
 
359
        <tr>
 
360
                <th rowspan="3" class="sized"><img src="images/shared/side_shadowleft.jpg" width="20" height="300" alt="" /></th>
 
361
                <th class="topleft"></th>
 
362
                <td id="tbl-border-top">&nbsp;</td>
 
363
                <th class="topright"></th>
 
364
                <th rowspan="3" class="sized"><img src="images/shared/side_shadowright.jpg" width="20" height="300" alt="" /></th>
 
365
        </tr>
 
366
        <tr>
 
367
                <td id="tbl-border-left"></td>
 
368
                <td>
 
369
                <!--  start content-table-inner ...................................................................... START -->
 
370
                <div id="content-table-inner">
 
371
                
 
372
                        <!--  start table-content  -->
 
373
                        <div id="table-content">
 
374
                        <h2>Sub Heading </h2>
 
375
                        <h3>Local Heading</h3>
 
376
                        
 
377
                        Lorem ipsum dolor sit amet consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et Lorem ipsum dolor sit amet consectetur 
 
378
                        adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  dolore magna aliqua. Lorem ipsum dolor sit amet consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et Lorem ipsum dolor sit amet consectetur 
 
379
                        adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  dolore magna aliqua. 
 
380
                        <br />
 
381
                        <br />
 
382
                        Lorem ipsum dolor sit amet consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et Lorem ipsum dolor sit amet consectetur 
 
383
                        adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  dolore magna aliqua. Lorem ipsum dolor sit amet consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et Lorem ipsum dolor sit amet consectetur 
 
384
                        adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  dolore magna aliqua. 
 
385
                        <br />
 
386
                        <br />
 
387
                        Lorem ipsum dolor sit amet consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et Lorem ipsum dolor sit amet consectetur 
 
388
                        adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  dolore magna aliqua. Lorem ipsum dolor sit amet consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et Lorem ipsum dolor sit amet consectetur 
 
389
                        adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  dolore magna aliqua. 
 
390
                        
 
391
                        
 
392
                        </div>
 
393
                        <!--  end table-content  -->
 
394
        
 
395
                        <div class="clear"></div>
 
396
                 
 
397
                </div>
 
398
                <!--  end content-table-inner ............................................END  -->
 
399
                </td>
 
400
                <td id="tbl-border-right"></td>
 
401
        </tr>
 
402
        <tr>
 
403
                <th class="sized bottomleft"></th>
 
404
                <td id="tbl-border-bottom">&nbsp;</td>
 
405
                <th class="sized bottomright"></th>
 
406
        </tr>
 
407
        </table>
 
408
        <div class="clear">&nbsp;</div>
 
409
 
 
410
</div>
 
411
<!--  end content -->
 
412
<div class="clear">&nbsp;</div>
 
413
</div>
 
414
<!--  end content-outer........................................................END -->
 
415
 
 
416
<div class="clear">&nbsp;</div>
 
417
    
 
418
<!-- start footer -->         
 
419
<div id="footer">
 
420
<!-- <div id="footer-pad">&nbsp;</div> -->
 
421
        <!--  start footer-left -->
 
422
        <div id="footer-left">
 
423
        Admin Skin &copy; Copyright Internet Dreams Ltd. <a href="">www.netdreams.co.uk</a>. All rights reserved.</div>
 
424
        <!--  end footer-left -->
 
425
        <div class="clear">&nbsp;</div>
 
426
</div>
 
427
<!-- end footer -->
 
428
 
 
429
</body>
 
430
</html>
 
 
b'\\ No newline at end of file'