slimbox2.css 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. /* SLIMBOX */
  2. #lbOverlay {
  3. position: fixed;
  4. z-index: 9999;
  5. left: 0;
  6. top: 0;
  7. width: 100%;
  8. height: 100%;
  9. background-color: #000;
  10. cursor: pointer;
  11. }
  12. #lbCenter, #lbBottomContainer {
  13. position: absolute;
  14. z-index: 9999;
  15. overflow: hidden;
  16. background-color: #fff;
  17. }
  18. .lbLoading {
  19. background: #fff url(loading.gif) no-repeat center;
  20. }
  21. #lbImage {
  22. position: absolute;
  23. left: 0;
  24. top: 0;
  25. border: 10px solid #fff;
  26. background-repeat: no-repeat;
  27. }
  28. #lbPrevLink, #lbNextLink {
  29. display: block;
  30. position: absolute;
  31. top: 0;
  32. width: 50%;
  33. outline: none;
  34. }
  35. #lbPrevLink {
  36. left: 0;
  37. }
  38. #lbPrevLink:hover {
  39. background: transparent url(prevlabel.gif) no-repeat 0 15%;
  40. }
  41. #lbNextLink {
  42. right: 0;
  43. }
  44. #lbNextLink:hover {
  45. background: transparent url(nextlabel.gif) no-repeat 100% 15%;
  46. }
  47. #lbBottom {
  48. font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
  49. font-size: 10px;
  50. color: #666;
  51. line-height: 1.4em;
  52. text-align: left;
  53. border: 10px solid #fff;
  54. border-top-style: none;
  55. }
  56. #lbCloseLink {
  57. display: block;
  58. float: right;
  59. width: 66px;
  60. height: 22px;
  61. background: transparent url(closelabel.gif) no-repeat center;
  62. margin: 5px 0;
  63. outline: none;
  64. }
  65. #lbCaption, #lbNumber {
  66. margin-right: 71px;
  67. }
  68. #lbCaption {
  69. font-weight: bold;
  70. }