Mercurial > hg > digilib-old

comparison client/digitallibrary/jquery/jquery-test-full-rc.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 123706249227
children b9a75079aece
comparison
equal deleted inserted replaced
724:c6878e9575fe 725:936d88972cd0
7 <style type="text/css"> 7 <style type="text/css">
8 body { 8 body {
9 background: silver; 9 background: silver;
10 } 10 }
11 11
12 div.digilib {
13 }
14
15 div.buttons {
16 position: fixed;
17 right: 5px;
18 top: 5px;
19 padding: 3px;
20 background-color: transparent;
21 z-index: 20;
22 }
23
24 img.button:hover {
25 background-image: url('../greyskin/corona.png');
26 }
27
28 div.digilib div.mark {
29 position: absolute;
30 color: white;
31 background: url('../greyskin/mark-bg-16.png');
32 font-family: Verdana, Arial, Helvetica, sans-serif;
33 font-weight: bold;
34 font-size:11px;
35 height: 15px;
36 width: 16px;
37 padding-top: 1px;
38 text-align: center;
39 z-index: 10;
40 }
41
42 div.digilib div.zoomrect {
43 position: absolute;
44 /* border: 2px solid #ffa060; */
45 border: 2px solid #ff0000;
46 z-index: 100;
47 }
48
49 div.birdview {
50 border: 1px solid white;
51 position: fixed;
52 bottom: 8px;
53 right: 48px;
54 z-index: 1;
55 }
56
57 div.about {
58 position: absolute;
59 width: 200px;
60 top: 100px;
61 left: 350px;
62 height: 200px;
63 padding: 0px 2px;
64 font-family: Verdana, Arial, Helvetica, sans-serif;
65 border: 2px solid lightcyan;
66 background-color: lightgrey;
67 text-align: center;
68 display: none;
69 z-index: 1000;
70 }
71
72 div.scaler {
73 background-color: grey;
74 z-index: 0;
75 }
76
77 </style> 12 </style>
78 13
79 <script type="text/javascript" src="jquery-1.4.4.js"></script> 14 <script type="text/javascript" src="jquery-1.4.4.js"></script>
80 <script type="text/javascript" src="dlGeometry.js"></script> 15 <script type="text/javascript" src="dlGeometry.js"></script>
81 <script type="text/javascript" src="jquery.cookie.js"></script> 16 <script type="text/javascript" src="jquery.cookie.js"></script>
82 <script type="text/javascript" src="jquery.digilib.js"></script> 17 <script type="text/javascript" src="jquery.digilib.js"></script>
18 <link rel="stylesheet" type="text/css" href="jquery.digilib.css" />
83 19
84 20
85 <script type="text/javascript"> 21 <script type="text/javascript">
86 $(document).ready(function(){ 22 $(document).ready(function(){
87 var opts = { 23 var opts = {
94 </script> 30 </script>
95 </head> 31 </head>
96 32
97 <body> 33 <body>
98 34
99 <div id="digilib-1" class="digilib single"> 35 <div id="digilib-1" class="digilib">
100 <img src="http://digilib.biblhertz.it/digilib04/servlet/Scaler?dw=200&amp;dh=200&amp;fn=/digisprint/jquery/FransHals-WillemVanHeythuysen" /> 36 <img src="http://digilib.biblhertz.it/digilib04/servlet/Scaler?dw=200&amp;dh=200&amp;fn=/digisprint/jquery/FransHals-WillemVanHeythuysen" />
101 </div> 37 </div>
102 </body> 38 </body>
103 </html> 39 </html>
104 40