globe.css 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. /**
  2. * globe.js - visualizes individual data on an interactive globe
  3. *
  4. * Based on webgl-globe hosted at the time of this writing at
  5. * http://code.google.com/p/webgl-globe/
  6. *
  7. * Copyright 2011 Data Arts Team, Google Creative Lab
  8. * Copyright 2013 Matthias Gazzari, Annemarie Mattmann, André Wolski
  9. *
  10. * Licensed under the Apache License, Version 2.0 (the "License");
  11. * you may not use this file except in compliance with the License.
  12. * You may obtain a copy of the License at
  13. *
  14. * http://www.apache.org/licenses/LICENSE-2.0
  15. *
  16. * Unless required by applicable law or agreed to in writing, software
  17. * distributed under the License is distributed on an "AS IS" BASIS,
  18. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  19. * See the License for the specific language governing permissions and
  20. * limitations under the License.
  21. */
  22. /**
  23. * globe.css - Style definition of the tooltips
  24. */
  25. .globe-tooltip {
  26. position: absolute;
  27. background-color: white;
  28. width: 100;
  29. height: 100;
  30. box-shadow: 0 3px 14px rgba(0,0,0,0.4);
  31. border: solid 1px #CDCDCD;
  32. margin: -27px 0 0 1px;
  33. padding: 0px 2px;
  34. }
  35. .globe-background {
  36. background: #FFFFFF url(./loading.gif) center center no-repeat;
  37. height: 100%;
  38. width: 100%;
  39. position: absolute;
  40. }