| 4 | |
| 5 | <style> |
| 6 | .olHandlerBoxZoomBox { |
| 7 | border: 3px solid #F60 !important; |
| 8 | position: absolute !important; |
| 9 | background-color: white !important; |
| 10 | opacity: 0.50 !important; |
| 11 | font-size: 1px !important; |
| 12 | filter: alpha(opacity=50) !important; |
| 13 | } |
| 14 | |
| 15 | .olControlNavigationHistory { |
| 16 | background-image:none !important; |
| 17 | background-repeat:no-repeat; |
| 18 | height:24px !important; |
| 19 | width:24px !important; |
| 20 | } |
| 21 | |
| 22 | .zoom_in {background-image:url(/zoo-demo/images/zoom_in.png) !important;} |
| 23 | .pan {background-image:url(/zoo-demo/images/pan.png) !important;} |
| 24 | .zoom_out {background-image:url(/zoo-demo/images/zoom-out.png) !important;} |
| 25 | .createprofile{background-image:url(/zoo-demo/images/get-profile.png) !important;} |
| 26 | .deleteprofile{background-image:url(/zoo-demo/images/delete.png) !important;} |
| 27 | |
| 28 | .fg-toolbar {background: #bababa; |
| 29 | filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bababa', endColorstr='#707070'); |
| 30 | background:-webkit-gradient(linear, left top, left bottom, from(#bababa), to(#707070)); |
| 31 | background:-moz-linear-gradient(top, #bababa, #707070); height:48px;width:98%;padding:0px; margin: 10px auto;z-index:10000; } |
| 32 | .fg-toolbarfoot { background:#333333; position:absolute;bottom:10px;left:10px;z-index:10000; } |
| 33 | .fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; } |
| 34 | .fg-toolbar .fg-button { font-size: 1em; } |
| 35 | |
| 36 | .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; } |
| 37 | .fg-button:hover {background:#b5b5b5;} |
| 38 | |
| 39 | .fg-button .ui-icon { position: absolute; top: 2px; left: 2px; margin:0; } |
| 40 | |
| 41 | a.fg-button { float:left; } |
| 42 | |
| 43 | button.fg-button { width:auto; overflow:visible; } |
| 44 | |
| 45 | .fg-button-icon-left { padding-left: 0; } |
| 46 | .fg-button-icon-right { padding-right: 0; } |
| 47 | .fg-button-icon-left .ui-icon { right: auto; left: 0 margin-left: 0; } |
| 48 | .fg-button-icon-right .ui-icon { left: auto; right: 0; margin-left: 0; } |
| 49 | |
| 50 | .fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; } .fg-buttonset { float:left; } |
| 51 | .fg-buttonset .fg-button { float: left; } |
| 52 | .fg-buttonset-single .fg-button, |
| 53 | .fg-buttonset-multi .fg-button { margin-right: -1px;} |
| 54 | .fg-button { padding-bottom:5px;} |
| 55 | .fg-buttonset{background:transparent; |
| 56 | width:100%;margin:0;} |
| 57 | |
| 58 | .fg-button { font-size: 1em; } |
| 59 | </style> |
| 60 | <link href="/zoo-demo/css/jquery-ui-1.8.custom.css" rel="stylesheet" type="text/css" /> |
| 61 | <script type="text/javascript" src="/openlayers/lib/OpenLayers.js"></script> |
| 62 | <script type="text/javascript" src="/js/highcharts.js"></script> |
| 63 | <script type="text/javascript" src="/zoo-demo/js/jquery-ui-1.8.custom.min.js"></script> |
| 64 | <script type="text/javascript" src="/zoo-demo/js/jquery.qtip-1.0.0-rc3.min.js"></script> |
| 65 | <script type="text/javascript"> |
| 66 | |