A tumblelog CMS built on AJAX, PHP and MySQL.

slimbox.css 1.2KB

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