lightbox.css 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202
  1. /* line 7, ../sass/lightbox.sass */
  2. body:after {
  3. content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);
  4. display: none;
  5. }
  6. /* line 11, ../sass/lightbox.sass */
  7. .lightboxOverlay {
  8. position: absolute;
  9. top: 0;
  10. left: 0;
  11. z-index: 9999;
  12. background-color: black;
  13. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  14. opacity: 0.8;
  15. display: none;
  16. }
  17. /* line 20, ../sass/lightbox.sass */
  18. .lightbox {
  19. position: absolute;
  20. left: 0;
  21. width: 100%;
  22. z-index: 10000;
  23. text-align: center;
  24. line-height: 0;
  25. font-weight: normal;
  26. }
  27. /* line 28, ../sass/lightbox.sass */
  28. .lightbox .lb-image {
  29. display: block;
  30. height: auto;
  31. -webkit-border-radius: 3px;
  32. -moz-border-radius: 3px;
  33. -ms-border-radius: 3px;
  34. -o-border-radius: 3px;
  35. border-radius: 3px;
  36. }
  37. /* line 32, ../sass/lightbox.sass */
  38. .lightbox a img {
  39. border: none;
  40. }
  41. /* line 35, ../sass/lightbox.sass */
  42. .lb-outerContainer {
  43. position: relative;
  44. background-color: white;
  45. *zoom: 1;
  46. width: 250px;
  47. height: 250px;
  48. margin: 0 auto;
  49. -webkit-border-radius: 4px;
  50. -moz-border-radius: 4px;
  51. -ms-border-radius: 4px;
  52. -o-border-radius: 4px;
  53. border-radius: 4px;
  54. }
  55. /* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
  56. .lb-outerContainer:after {
  57. content: "";
  58. display: table;
  59. clear: both;
  60. }
  61. /* line 44, ../sass/lightbox.sass */
  62. .lb-container {
  63. padding: 4px;
  64. }
  65. /* line 47, ../sass/lightbox.sass */
  66. .lb-loader {
  67. position: absolute;
  68. top: 43%;
  69. left: 0%;
  70. height: 25%;
  71. width: 100%;
  72. text-align: center;
  73. line-height: 0;
  74. }
  75. /* line 56, ../sass/lightbox.sass */
  76. .lb-cancel {
  77. display: block;
  78. width: 32px;
  79. height: 32px;
  80. margin: 0 auto;
  81. background: url(../img/loading.gif) no-repeat;
  82. }
  83. /* line 63, ../sass/lightbox.sass */
  84. .lb-nav {
  85. position: absolute;
  86. top: 0;
  87. left: 0;
  88. height: 100%;
  89. width: 100%;
  90. z-index: 10;
  91. }
  92. /* line 71, ../sass/lightbox.sass */
  93. .lb-container > .nav {
  94. left: 0;
  95. }
  96. /* line 74, ../sass/lightbox.sass */
  97. .lb-nav a {
  98. outline: none;
  99. }
  100. /* line 77, ../sass/lightbox.sass */
  101. .lb-prev, .lb-next {
  102. width: 49%;
  103. height: 100%;
  104. cursor: pointer;
  105. /* Trick IE into showing hover */
  106. display: block;
  107. }
  108. /* line 84, ../sass/lightbox.sass */
  109. .lb-prev {
  110. left: 0;
  111. float: left;
  112. }
  113. /* line 87, ../sass/lightbox.sass */
  114. .lb-prev:hover {
  115. background: url(../img/prev.png) left 48% no-repeat;
  116. }
  117. /* line 90, ../sass/lightbox.sass */
  118. .lb-next {
  119. right: 0;
  120. float: right;
  121. }
  122. /* line 93, ../sass/lightbox.sass */
  123. .lb-next:hover {
  124. background: url(../img/next.png) right 48% no-repeat;
  125. }
  126. /* line 96, ../sass/lightbox.sass */
  127. .lb-dataContainer {
  128. margin: 0 auto;
  129. padding-top: 5px;
  130. *zoom: 1;
  131. width: 100%;
  132. -moz-border-radius-bottomleft: 4px;
  133. -webkit-border-bottom-left-radius: 4px;
  134. border-bottom-left-radius: 4px;
  135. -moz-border-radius-bottomright: 4px;
  136. -webkit-border-bottom-right-radius: 4px;
  137. border-bottom-right-radius: 4px;
  138. }
  139. /* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
  140. .lb-dataContainer:after {
  141. content: "";
  142. display: table;
  143. clear: both;
  144. }
  145. /* line 103, ../sass/lightbox.sass */
  146. .lb-data {
  147. padding: 0 4px;
  148. color: #bbbbbb;
  149. }
  150. /* line 106, ../sass/lightbox.sass */
  151. .lb-data .lb-details {
  152. width: 85%;
  153. float: left;
  154. text-align: left;
  155. line-height: 1.1em;
  156. }
  157. /* line 111, ../sass/lightbox.sass */
  158. .lb-data .lb-caption {
  159. font-size: 13px;
  160. font-weight: bold;
  161. line-height: 1em;
  162. }
  163. /* line 115, ../sass/lightbox.sass */
  164. .lb-data .lb-number {
  165. display: block;
  166. clear: left;
  167. padding-bottom: 1em;
  168. font-size: 12px;
  169. color: #999999;
  170. }
  171. /* line 121, ../sass/lightbox.sass */
  172. .lb-data .lb-close {
  173. display: block;
  174. float: right;
  175. width: 30px;
  176. height: 30px;
  177. background: url(../img/close.png) top right no-repeat;
  178. text-align: right;
  179. outline: none;
  180. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  181. opacity: 0.7;
  182. }
  183. /* line 130, ../sass/lightbox.sass */
  184. .lb-data .lb-close:hover {
  185. cursor: pointer;
  186. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  187. opacity: 1;
  188. }