Mercurial > hg > digilib-old

comparison client/digitallibrary/jquery/jquery-test-embedded.html @ 725:936d88972cd0 jquery

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
put styles in stylesheet. use relative positioning in embedded mode.
author robcast
date Mon, 31 Jan 2011 17:44:20 +0100
parents c1b1c463bc44
children aab01da232ef
comparison
equal deleted inserted replaced
724:c6878e9575fe 725:936d88972cd0
7 body { 7 body {
8 background: silver; 8 background: silver;
9 } 9 }
10 10
11 div.digilib { 11 div.digilib {
12 padding: 10px; 12 /* padding for buttons and bird-div */
13 width: 220px; 13 padding-right: 18px;
14 padding-bottom: 100px;
15 /* width: 220px; */
14 } 16 }
15
16 div.buttons {
17 position: absolute;
18 margin-left: 184px;
19 top: 0px;
20 padding: 2px;
21 background-color: grey;
22 opacity: 0.4;
23 }
24
25 div.button {
26 }
27
28 div.button:hover {
29 background-color: darkred;
30 }
31
32 div.birdview {
33 border: 1px solid white;
34 z-index: 1;
35 }
36
37 div.scaler {
38 background-color: grey;
39 z-index: 0;
40 }
41
42 div.about {
43 position: absolute;
44 width: 200px;
45 top: 100px;
46 left: 350px;
47 height: 200px;
48 padding: 0px 2px;
49 font-family: Verdana, Arial, Helvetica, sans-serif;
50 border: 2px solid lightcyan;
51 background-color: lightgrey;
52 text-align: center;
53 display: none;
54 z-index: 1000;
55 }
56 17
57 td { 18 td {
58 vertical-align: top; 19 vertical-align: top;
59 } 20 }
60 21
87 48
88 <script type="text/javascript" src="jquery-1.4.4.js"></script> 49 <script type="text/javascript" src="jquery-1.4.4.js"></script>
89 <script type="text/javascript" src="dlGeometry.js"></script> 50 <script type="text/javascript" src="dlGeometry.js"></script>
90 <script type="text/javascript" src="jquery.cookie.js"></script> 51 <script type="text/javascript" src="jquery.cookie.js"></script>
91 <script type="text/javascript" src="jquery.digilib.js"></script> 52 <script type="text/javascript" src="jquery.digilib.js"></script>
53 <link rel="stylesheet" type="text/css" href="jquery.digilib.css" />
92 54
93 55
94 <script type="text/javascript"> 56 <script type="text/javascript">
95 $(document).ready(function(){ 57 $(document).ready(function(){
96 $('div.digilib').digilib({ 58 $('div.digilib').digilib({