/assets/styles/panojs.css

http://panojs.googlecode.com/ · CSS · 72 lines · 67 code · 0 blank · 5 comment · 0 complexity · f636f2e28898d8176abe852ac18ca6a9 MD5 · raw file

  1. #viewer {
  2. position: relative;
  3. top: 0;
  4. left: 0;
  5. /* NOTE: the size and width should be set dynamically when initialized */
  6. width: 0;
  7. height: 0;
  8. }
  9. #viewer .well, #viewer .surface {
  10. margin: 0;
  11. padding: 0;
  12. width: 100%;
  13. height: 100%;
  14. position: absolute;
  15. top: 0px;
  16. left: 0px;
  17. /* FIXME: let's apply this in GSV.js */
  18. /*cursor: grab;*/
  19. cursor: -moz-grab;
  20. _cursor: url(../gfx/grab.cur);
  21. }
  22. #viewer .surface {
  23. z-index: 20;
  24. *background: url(../gfx/blank.gif) no-repeat center center; /* NOTE: required for IE to"see" the surface */
  25. }
  26. #viewer .well {
  27. overflow: hidden;
  28. z-index: 10;
  29. }
  30. #viewer .well .tile
  31. {
  32. border: 0;
  33. margin: 0;
  34. padding: 0;
  35. position: absolute;
  36. top: 0px;
  37. left: 0px;
  38. display: block;
  39. /*-moz-outline: 1px dashed #FF0000;*/
  40. }
  41. #viewer .controls
  42. {
  43. background-color: #FFFFFF;
  44. position: absolute;
  45. /* NOTE: the right and bottom can be adjusted when initialized */
  46. right: 0;
  47. bottom: 0;
  48. width: 44px;
  49. height: 20px;
  50. margin: 0;
  51. padding: 0 0 0 4px;
  52. font-size: 12px;
  53. line-height: 20px;
  54. vertical-align: middle;
  55. font-weight: bold;
  56. border: 1px solid #000000;
  57. z-index: 30;
  58. }
  59. #viewer .controls a, #viewer .controls span
  60. {
  61. color: #000000;
  62. text-decoration: none;
  63. -moz-outline: none;
  64. cursor: pointer;
  65. }
  66. #viewer .controls a img, #viewer .controls span img {
  67. border: 0;
  68. vertical-align: middle;
  69. }
  70. #viewer .controls a:active, #viewer .controls span:active {
  71. color: #FF0000;
  72. }