/static/css/lightbox.css

https://bitbucket.org/haloweb/halogy-1.0/ · CSS · 89 lines · 87 code · 0 blank · 2 comment · 0 complexity · 7985080d0ce734fcc177d224bc7c00ea MD5 · raw file

  1. /* LIGHTBOX */
  2. #jquery-overlay {
  3. position: absolute;
  4. top: 0;
  5. left: 0;
  6. z-index: 8999;
  7. width: 100%;
  8. height: 500px;
  9. }
  10. #jquery-lightbox {
  11. position: absolute;
  12. top: 0;
  13. left: 0;
  14. width: 100%;
  15. z-index: 9000;
  16. text-align: center;
  17. line-height: 0;
  18. }
  19. #jquery-lightbox a img { border: none; }
  20. #lightbox-container-image-box {
  21. position: relative;
  22. background-color: #fff;
  23. width: 250px;
  24. height: 250px;
  25. margin: 0 auto;
  26. }
  27. #lightbox-container-image { padding: 10px; }
  28. #lightbox-loading {
  29. position: absolute;
  30. top: 40%;
  31. left: 0%;
  32. height: 25%;
  33. width: 100%;
  34. text-align: center;
  35. line-height: 0;
  36. }
  37. #lightbox-nav {
  38. position: absolute;
  39. top: 0;
  40. left: 0;
  41. height: 100%;
  42. width: 100%;
  43. z-index: 9000;
  44. }
  45. #lightbox-container-image-box > #lightbox-nav { left: 0; }
  46. #lightbox-nav a { outline: none;}
  47. #lightbox-nav-btnPrev, #lightbox-nav-btnNext {
  48. width: 49%;
  49. height: 100%;
  50. /*zoom: 1;*/
  51. display: block;
  52. }
  53. #lightbox-nav-btnPrev {
  54. left: 0;
  55. float: left;
  56. }
  57. #lightbox-nav-btnNext {
  58. right: 0;
  59. float: right;
  60. }
  61. #lightbox-container-image-data-box {
  62. font: 10px Verdana, Helvetica, sans-serif;
  63. background-color: #fff;
  64. margin: 0 auto;
  65. line-height: 1.4em;
  66. overflow: auto;
  67. width: 100%;
  68. padding: 0 10px 0;
  69. }
  70. #lightbox-container-image-data {
  71. padding: 0 10px 20px;
  72. color: #666;
  73. }
  74. #lightbox-container-image-data #lightbox-image-details {
  75. width: 70%;
  76. float: left;
  77. text-align: left;
  78. }
  79. #lightbox-image-details-caption { font-weight: bold; }
  80. #lightbox-image-details-currentNumber {
  81. display: block;
  82. clear: left;
  83. padding-bottom: 1.0em;
  84. }
  85. #lightbox-secNav-btnClose {
  86. width: 66px;
  87. float: right;
  88. padding-bottom: 0.7em;
  89. }