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

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
line wrap: on
line diff
--- a/client/digitallibrary/jquery/jquery-test-embedded.html	Mon Jan 31 16:31:40 2011 +0100
+++ b/client/digitallibrary/jquery/jquery-test-embedded.html	Mon Jan 31 17:44:20 2011 +0100
@@ -9,51 +9,12 @@
             }
 
             div.digilib {
-                padding: 10px;
-                width: 220px;
-            }
-
-            div.buttons {
-                position: absolute;
-                margin-left: 184px;
-                top: 0px;
-                padding: 2px;
-                background-color: grey;
-                opacity: 0.4;
-            }
-
-            div.button {
-            }
-
-            div.button:hover {
-                background-color: darkred;
+                /* padding for buttons and bird-div */
+                padding-right: 18px;
+                padding-bottom: 100px;
+                /* width: 220px; */
             }
 
-            div.birdview {
-                border: 1px solid white;
-                z-index: 1;
-                }
-
-            div.scaler {
-                background-color: grey;
-                z-index: 0;
-                }
-
-            div.about {
-                position: absolute;
-                width: 200px;
-                top: 100px;
-                left: 350px;
-                height: 200px;
-                padding: 0px 2px;
-                font-family: Verdana, Arial, Helvetica, sans-serif;
-                border: 2px solid lightcyan;
-                background-color: lightgrey;
-                text-align: center;
-                display: none;
-                z-index: 1000;
-                }
-
             td {
                 vertical-align: top;
                 }
@@ -89,6 +50,7 @@
         <script type="text/javascript" src="dlGeometry.js"></script>
         <script type="text/javascript" src="jquery.cookie.js"></script>
         <script type="text/javascript" src="jquery.digilib.js"></script>
+        <link rel="stylesheet" type="text/css" href="jquery.digilib.css" />
 
 
         <script type="text/javascript">