Nessuna descrizione

angular-bootstrap-lightbox.css 1.2KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. .lightbox-nav {
  2. position: relative;
  3. margin-bottom: 12px; /* the font-size of .btn-xs */
  4. height: 22px;
  5. text-align: center;
  6. font-size: 0; /* prevent the otherwise inherited font-size and line-height from adding extra space to the bottom of this div */
  7. }
  8. .lightbox-nav .btn-group {
  9. vertical-align: top;
  10. }
  11. .lightbox-nav .close {
  12. /* absolutely position this in order to center the nav buttons */
  13. position: absolute;
  14. top: 0;
  15. right: 0;
  16. }
  17. .lightbox-image-container {
  18. position: relative;
  19. text-align: center; /* center the image */
  20. }
  21. /* the caption overlays the top left corner of the image */
  22. .lightbox-image-caption {
  23. position: absolute;
  24. top: 0;
  25. left: 0;
  26. margin: 0.5em 0.9em; /* the left and right margins are offset by 0.4em for the span box-shadow */
  27. color: #000;
  28. font-size: 1.5em;
  29. font-weight: bold;
  30. text-align: left;
  31. text-shadow: 0.1em 0.1em 0.2em rgba(255, 255, 255, 0.5);
  32. }
  33. .lightbox-image-caption span {
  34. padding-top: 0.1em;
  35. padding-bottom: 0.1em;
  36. background-color: rgba(255, 255, 255, 0.75);
  37. /* pad the left and right of each line of text */
  38. box-shadow: 0.4em 0 0 rgba(255, 255, 255, 0.75),
  39. -0.4em 0 0 rgba(255, 255, 255, 0.75);
  40. }