You are here

lightbox-rtl.css in Lightbox2 8

/* $Id: lightbox-rtl.css,v 1.1.2.18 2010/06/07 14:43:02 snpower Exp $ */

#imageData #imageDetails {
  float: right;
  text-align: right;
}

/* Image location mod */
#bottomNavClose {
  float: left;
}

#bottomNavZoom,
#bottomNavZoomOut {
  left: -30px;
  float: left;
}

#lightshowPlay,
#lightshowPause {
  float: left;
  margin-right: 0px;
  margin-left: 5px;
}

#prevLink, #nextLink {
  width: 49%;
  height: 100%;
  background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
  display: block;
}

#prevLink, #framePrevLink {
  left: auto;
  right: 0;
  float: right;
}

#nextLink, #frameNextLink {
  right: auto;
  left: 0;
  float: left;
}

#prevLink:hover, #prevLink:visited:hover, #prevLink.force_show_nav, #framePrevLink {
  background: url(../images/next.gif) right 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover, #nextLink.force_show_nav, #frameNextLink {
  background: url(../images/prev.gif) left 15% no-repeat;
}

#prevLink:hover.force_show_nav, #prevLink:visited:hover.force_show_nav,
#framePrevLink:hover, #framePrevLink:visited:hover {
  background: url(../images/next_hover.gif) right 15% no-repeat;
}

#nextLink:hover.force_show_nav, #nextLink:visited:hover.force_show_nav,
#frameNextLink:hover, #frameNextLink:visited:hover {
  background: url(../images/prev_hover.gif) left 15% no-repeat;
}

File

css/lightbox-rtl.css
View source
  1. /* $Id: lightbox-rtl.css,v 1.1.2.18 2010/06/07 14:43:02 snpower Exp $ */
  2. #imageData #imageDetails {
  3. float: right;
  4. text-align: right;
  5. }
  6. /* Image location mod */
  7. #bottomNavClose {
  8. float: left;
  9. }
  10. #bottomNavZoom,
  11. #bottomNavZoomOut {
  12. left: -30px;
  13. float: left;
  14. }
  15. #lightshowPlay,
  16. #lightshowPause {
  17. float: left;
  18. margin-right: 0px;
  19. margin-left: 5px;
  20. }
  21. #prevLink, #nextLink {
  22. width: 49%;
  23. height: 100%;
  24. background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
  25. display: block;
  26. }
  27. #prevLink, #framePrevLink {
  28. left: auto;
  29. right: 0;
  30. float: right;
  31. }
  32. #nextLink, #frameNextLink {
  33. right: auto;
  34. left: 0;
  35. float: left;
  36. }
  37. #prevLink:hover, #prevLink:visited:hover, #prevLink.force_show_nav, #framePrevLink {
  38. background: url(../images/next.gif) right 15% no-repeat;
  39. }
  40. #nextLink:hover, #nextLink:visited:hover, #nextLink.force_show_nav, #frameNextLink {
  41. background: url(../images/prev.gif) left 15% no-repeat;
  42. }
  43. #prevLink:hover.force_show_nav, #prevLink:visited:hover.force_show_nav,
  44. #framePrevLink:hover, #framePrevLink:visited:hover {
  45. background: url(../images/next_hover.gif) right 15% no-repeat;
  46. }
  47. #nextLink:hover.force_show_nav, #nextLink:visited:hover.force_show_nav,
  48. #frameNextLink:hover, #frameNextLink:visited:hover {
  49. background: url(../images/prev_hover.gif) left 15% no-repeat;
  50. }