| | 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 | |