equal
deleted
inserted
replaced
|
1 <!DOCTYPE html> |
|
2 <html lang="fr"> |
|
3 <head> |
|
4 <meta charset="utf-8" /> |
|
5 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> |
|
6 <title>RENKAN test in read-only mode : body 100%</title> |
|
7 <meta name="description" content="" /> |
|
8 <meta name="author" content="Institut de Recherche et d'Innovation" /> |
|
9 <script src="../lib/jquery.min.js"></script> |
|
10 <script src="../lib/jquery.mousewheel.min.js"></script> |
|
11 <script src="../lib/underscore-min.js"></script> |
|
12 <script src="../lib/backbone.js"></script> |
|
13 <script src="../lib/backbone-relational.js"></script> |
|
14 <script src="../lib/paper.js"></script> |
|
15 <script src="../../build/renkan.js"></script> |
|
16 <script type="text/javascript"> |
|
17 var _renkan; |
|
18 $(function() { |
|
19 _renkan = new Rkns.Renkan({ |
|
20 editor_mode: false, |
|
21 show_bins: false, |
|
22 static_url: "../" |
|
23 }); |
|
24 Rkns.jsonIO(_renkan, { |
|
25 url: "../data/example-cinema.json" |
|
26 }); |
|
27 }); |
|
28 </script> |
|
29 <link rel="stylesheet" href="../css/renkan.css" /> |
|
30 <style type="text/css"> |
|
31 html { |
|
32 heigt: 100%; |
|
33 } |
|
34 body{ |
|
35 margin: 0 auto; |
|
36 width: 100%; |
|
37 heigt: 100%; |
|
38 } |
|
39 header { |
|
40 font-size: 14px; |
|
41 height: 40px; |
|
42 padding-top: 10px; |
|
43 } |
|
44 footer { |
|
45 font-size: 14px; |
|
46 height: 40px; |
|
47 padding-top: 10px; |
|
48 position:absolute; |
|
49 bottom: 0; |
|
50 } |
|
51 |
|
52 .wrapper { |
|
53 position:absolute; |
|
54 top:40px; |
|
55 left: 0; |
|
56 right: 0; |
|
57 bottom: 40px; |
|
58 } |
|
59 .rnk-container { |
|
60 min-height: 100%; |
|
61 position: relative; |
|
62 width: 100%; |
|
63 } |
|
64 </style> |
|
65 </head> |
|
66 |
|
67 <body> |
|
68 <header> |
|
69 This is a header |
|
70 </header> |
|
71 <div class="wrapper"> |
|
72 <div class="rnk-container"> |
|
73 <div id="renkan"></div> |
|
74 </div> |
|
75 </div> |
|
76 <footer> |
|
77 This is a footer |
|
78 </footer> |
|
79 </body> |
|
80 </html> |