Changes between Version 2 and Version 3 of ZooWebSite/Demo/WFS-TJs

Timestamp:

Dec 2, 2010, 12:31:56 PM (13 years ago)

Author:

djay

Comment:

Add style used in other demo pages

ZooWebSite/Demo/WFS-TJs

@@ -2 +2 @@
 #!html
 <script type="text/javascript" src="/openlayers/lib/OpenLayers.js"></script>
-<script type="text/javascript" src="js/jquery.qtip-1.0.0-rc3.min.js"></script>
+<script type="text/javascript" src="/js/jquery.qtip-1.0.0-rc3.min.js"></script>
 
 <script type="text/javascript">
@@ -220 +220 @@
 </script>
 
+<style xml:space="preserve">
+.olHandlerBoxZoomBox {
+    border: 3px solid #F60 !important;
+    position: absolute !important;
+    background-color: white !important;
+    opacity: 0.50 !important;
+    font-size: 1px !important;
+    filter: alpha(opacity=50) !important;
+}
+
+.olControlNavigationHistory  {
+        background-image:none !important;
+        background-repeat:no-repeat;
+        height:24px !important;
+        width:24px !important;
+}
+
+.zoom_in {background-image:url(/zoo-demo/images/zoom_in.png) !important;}
+.pan {background-image:url(/zoo-demo/images/pan.png) !important;}
+.zoom_out {background-image:url(/zoo-demo/images/zoom-out.png) !important;}
+.createprofile{background-image:url(/zoo-demo/images/get-profile.png) !important;}
+.deleteprofile{background-image:url(/zoo-demo/images/delete.png) !important;}
+
+.fg-toolbar {background: #bababa;
+ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bababa', endColorstr='#707070'); 
+background:-webkit-gradient(linear, left top, left bottom, from(#bababa), to(#707070)); 
+background:-moz-linear-gradient(top,  #bababa,  #707070); height:48px;width:98%;padding:0px; margin: 10px auto;z-index:10000;  }
+.fg-toolbarfoot { background:#333333; position:absolute;bottom:10px;left:10px;z-index:10000; }
+.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
+.fg-toolbar .fg-button { font-size: 1em;  }
+
+.fg-button {outline:0;margin:10px;margin-bottom:0; padding: 7px 10px; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
+.fg-button:hover {background:#b5b5b5;}
+
+.fg-button .ui-icon { position: absolute; top: 2px;  left: 2px; margin:0; }
+                        
+a.fg-button { float:left; }
+                
+button.fg-button { width:auto; overflow:visible; }
+                        
+.fg-button-icon-left { padding-left: 0; }
+.fg-button-icon-right { padding-right: 0; }
+.fg-button-icon-left .ui-icon { right: auto; left: 0 margin-left: 0; }
+.fg-button-icon-right .ui-icon { left: auto; right: 0; margin-left: 0; }
+                        
+.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }         .fg-buttonset { float:left; }
+.fg-buttonset .fg-button { float: left; }
+.fg-buttonset-single .fg-button, 
+.fg-buttonset-multi .fg-button { margin-right: -1px;}
+.fg-button { padding-bottom:5px;}
+.fg-buttonset{background:transparent;
+ width:100%;margin:0;}                  
+
+ .fg-button { font-size: 1em;  }
+
+</style>
 }}}