You are here

lightbox-rtl.css in Lightbox2 6

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