PageRenderTime 40ms CodeModel.GetById 26ms RepoModel.GetById 0ms app.codeStats 0ms

/ajax/styles/graphics.css

http://showslow.googlecode.com/
CSS | 171 lines | 155 code | 16 blank | 0 comment | 0 complexity | b16e82665e2c424e33800807144cc506 MD5 | raw file
  1. div.simileAjax-bubble-container {
  2. margin: 0px;
  3. padding: 0px;
  4. border: none;
  5. position: absolute;
  6. z-index: 1000;
  7. }
  8. div.simileAjax-bubble-innerContainer {
  9. margin: 0px;
  10. padding: 0px;
  11. border: none;
  12. position: relative;
  13. width: 100%;
  14. height: 100%;
  15. overflow: visible;
  16. }
  17. div.simileAjax-bubble-contentContainer {
  18. margin: 0px;
  19. padding: 0px;
  20. border: none;
  21. position: absolute;
  22. left: 0px;
  23. top: 0px;
  24. width: 100%;
  25. height: 100%;
  26. overflow: auto;
  27. background: white;
  28. }
  29. div.simileAjax-bubble-border-left {
  30. position: absolute;
  31. left: -50px;
  32. top: 0px;
  33. width: 50px;
  34. height: 100%;
  35. }
  36. div.simileAjax-bubble-border-left-pngTranslucent {
  37. background: url(../images/bubble-left.png) top right repeat-y;
  38. }
  39. div.simileAjax-bubble-border-right {
  40. position: absolute;
  41. right: -50px;
  42. top: 0px;
  43. width: 50px;
  44. height: 100%;
  45. }
  46. .simileAjax-bubble-border-right-pngTranslucent {
  47. background: url(../images/bubble-right.png) top left repeat-y;
  48. }
  49. div.simileAjax-bubble-border-top {
  50. position: absolute;
  51. top: -50px;
  52. left: 0px;
  53. width: 100%;
  54. height: 50px;
  55. }
  56. .simileAjax-bubble-border-top-pngTranslucent {
  57. background: url(../images/bubble-top.png) bottom left repeat-x;
  58. }
  59. div.simileAjax-bubble-border-bottom {
  60. position: absolute;
  61. bottom: -50px;
  62. left: 0px;
  63. width: 100%;
  64. height: 50px;
  65. }
  66. .simileAjax-bubble-border-bottom-pngTranslucent {
  67. background: url(../images/bubble-bottom.png) top left repeat-x;
  68. }
  69. div.simileAjax-bubble-border-top-left {
  70. position: absolute;
  71. top: -50px;
  72. left: -50px;
  73. width: 50px;
  74. height: 50px;
  75. }
  76. .simileAjax-bubble-border-top-left-pngTranslucent {
  77. background: url(../images/bubble-top-left.png) bottom right no-repeat;
  78. }
  79. div.simileAjax-bubble-border-top-right {
  80. position: absolute;
  81. top: -50px;
  82. right: -50px;
  83. width: 50px;
  84. height: 50px;
  85. }
  86. .simileAjax-bubble-border-top-right-pngTranslucent {
  87. background: url(../images/bubble-top-right.png) bottom left no-repeat;
  88. }
  89. div.simileAjax-bubble-border-bottom-left {
  90. position: absolute;
  91. bottom: -50px;
  92. left: -50px;
  93. width: 50px;
  94. height: 50px;
  95. }
  96. .simileAjax-bubble-border-bottom-left-pngTranslucent {
  97. background: url(../images/bubble-bottom-left.png) top right no-repeat;
  98. }
  99. div.simileAjax-bubble-border-bottom-right {
  100. position: absolute;
  101. bottom: -50px;
  102. right: -50px;
  103. width: 50px;
  104. height: 50px;
  105. }
  106. .simileAjax-bubble-border-bottom-right-pngTranslucent {
  107. background: url(../images/bubble-bottom-right.png) top left no-repeat;
  108. }
  109. div.simileAjax-bubble-arrow-point-left {
  110. position: absolute;
  111. left: -100px;
  112. width: 100px;
  113. height: 49px;
  114. }
  115. .simileAjax-bubble-arrow-point-left-pngTranslucent {
  116. background: url(../images/bubble-arrow-point-left.png) center right no-repeat;
  117. }
  118. div.simileAjax-bubble-arrow-point-right {
  119. position: absolute;
  120. right: -100px;
  121. width: 100px;
  122. height: 49px;
  123. }
  124. .simileAjax-bubble-arrow-point-right-pngTranslucent {
  125. background: url(../images/bubble-arrow-point-right.png) center left no-repeat;
  126. }
  127. div.simileAjax-bubble-arrow-point-up {
  128. position: absolute;
  129. top: -100px;
  130. width: 49px;
  131. height: 100px;
  132. }
  133. .simileAjax-bubble-arrow-point-up-pngTranslucent {
  134. background: url(../images/bubble-arrow-point-up.png) bottom center no-repeat;
  135. }
  136. div.simileAjax-bubble-arrow-point-down {
  137. position: absolute;
  138. bottom: -100px;
  139. width: 49px;
  140. height: 100px;
  141. }
  142. .simileAjax-bubble-arrow-point-down-pngTranslucent {
  143. background: url(../images/bubble-arrow-point-down.png) bottom center no-repeat;
  144. }
  145. div.simileAjax-bubble-close {
  146. position: absolute;
  147. right: -10px;
  148. top: -12px;
  149. width: 16px;
  150. height: 16px;
  151. cursor: pointer;
  152. }
  153. .simileAjax-bubble-close-pngTranslucent {
  154. background: url(../images/close-button.png) no-repeat;
  155. }