/css/SqueezeBox.css

https://bitbucket.org/sirbrialliance/mpd-dj · CSS · 141 lines · 111 code · 13 blank · 17 comment · 0 complexity · 05156d17f2133cc5b9d79a07ede46ad8 MD5 · raw file

  1. /**
  2. * SqueezeBox - Expandable Lightbox
  3. *
  4. * Allows to open various content as modal,
  5. * centered and animated box.
  6. *
  7. * @version 1.1 rc4
  8. *
  9. * @license MIT-style license
  10. * @author Harald Kirschner <mail [at] digitarald.de>
  11. * @copyright Author
  12. */
  13. #sbox-overlay {
  14. position: absolute;
  15. background-color: #000;
  16. left: 0px;
  17. top: 0px;
  18. /* zoom: 1;*/
  19. }
  20. #sbox-window {
  21. position: absolute;
  22. background-color: #fff;
  23. text-align: left;
  24. overflow: visible;
  25. padding: 10px;
  26. /* invalid values, but looks smoother! */
  27. -moz-border-radius: 3px;
  28. -webkit-border-radius: 3px;
  29. }
  30. #sbox-btn-close {
  31. position: absolute;
  32. width: 30px;
  33. height: 30px;
  34. right: -15px;
  35. top: -15px;
  36. background: url(../img/closebox.png) no-repeat center;
  37. border: none;
  38. }
  39. .sbox-window-ie6 #sbox-btn-close {
  40. background-image: url(../img/closebox.gif);
  41. }
  42. .sbox-loading #sbox-content {
  43. background-image: url(../img/spinner.gif);
  44. background-repeat: no-repeat;
  45. background-position: center;
  46. }
  47. #sbox-content {
  48. clear: both;
  49. overflow: auto;
  50. background-color: #fff;
  51. height: 100%;
  52. width: 100%;
  53. }
  54. .sbox-content-image#sbox-content {
  55. overflow: visible;
  56. }
  57. #sbox-image {
  58. display: block;
  59. }
  60. .sbox-content-image img {
  61. display: block;
  62. width: 100%;
  63. height: 100%;
  64. }
  65. .sbox-content-iframe#sbox-content {
  66. overflow: visible;
  67. }
  68. /* Hides scrollbars */
  69. .body-overlayed {
  70. overflow: hidden;
  71. }
  72. /* Hides flash (Firefox problem) and selects (IE) */
  73. .body-overlayed embed, .body-overlayed object, .body-overlayed select {
  74. visibility: hidden;
  75. }
  76. #sbox-window embed, #sbox-window object, #sbox-window select {
  77. visibility: visible;
  78. }
  79. /* Shadows */
  80. .sbox-bg {
  81. position: absolute;
  82. width: 33px;
  83. height: 40px;
  84. }
  85. .sbox-bg-n {
  86. left: 0;
  87. top: -40px;
  88. width: 100%;
  89. background: url(../img/bg_n.png) repeat-x;
  90. }
  91. .sbox-bg-ne {
  92. right: -33px;
  93. top: -40px;
  94. background: url(../img/bg_ne.png) no-repeat;
  95. }
  96. .sbox-bg-e {
  97. right: -33px;
  98. top: 0;
  99. height: 100%;
  100. background: url(../img/bg_e.png) repeat-y;
  101. }
  102. .sbox-bg-se {
  103. right: -33px;
  104. bottom: -40px;
  105. background: url(../img/bg_se.png) no-repeat;
  106. }
  107. .sbox-bg-s {
  108. left: 0;
  109. bottom: -40px;
  110. width: 100%;
  111. background: url(../img/bg_s.png) repeat-x;
  112. }
  113. .sbox-bg-sw {
  114. left: -33px;
  115. bottom: -40px;
  116. background: url(../img/bg_sw.png) no-repeat;
  117. }
  118. .sbox-bg-w {
  119. left: -33px;
  120. top: 0;
  121. height: 100%;
  122. background: url(../img/bg_w.png) repeat-y;
  123. }
  124. .sbox-bg-nw {
  125. left: -33px;
  126. top: -40px;
  127. background: url(../img/bg_nw.png) no-repeat;
  128. }