skin.css 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. /* LayerSlider No Skin */
  2. .ls-noskin .ls-playvideo {
  3. width: 50px;
  4. height: 50px;
  5. margin-left: -25px;
  6. margin-top: -25px;
  7. }
  8. .ls-noskin .ls-nav-sides,
  9. .ls-noskin .ls-bottom-nav-wrapper,
  10. .ls-noskin .ls-bottom-slidebuttons a,
  11. .ls-noskin .ls-nav-prev,
  12. .ls-noskin .ls-nav-next,
  13. .ls-noskin .ls-nav-start,
  14. .ls-noskin .ls-nav-stop {
  15. display: none;
  16. visibility: hidden;
  17. }
  18. .ls-noskin .ls-playvideo,
  19. .ls-noskin .ls-loading-container,
  20. .ls-noskin .ls-fullscreen {
  21. background-image: url(skin.png);
  22. }
  23. .ls-noskin .ls-playvideo {
  24. background-position: -300px -150px;
  25. }
  26. .ls-noskin .ls-playvideo:hover,
  27. .ls-noskin .ls-vpcontainer:hover .ls-playvideo {
  28. background-position: -375px -150px;
  29. }
  30. .ls-noskin .ls-thumbnail {
  31. top: 0px;
  32. }
  33. .ls-noskin .ls-thumbnail-inner {
  34. padding: 5px;
  35. margin-left: -5px;
  36. }
  37. .ls-noskin .ls-thumbnail-slide a {
  38. margin-right: 5px;
  39. }
  40. .ls-noskin .ls-nothumb {
  41. background: #eee;
  42. }
  43. .ls-noskin .ls-loading-container {
  44. width: 40px;
  45. height: 40px;
  46. margin-left: -20px;
  47. margin-top: -20px;
  48. background-position: -450px -150px;
  49. }
  50. .ls-noskin .ls-loading-indicator {
  51. width: 22px;
  52. height: 22px;
  53. margin-top: 9px;
  54. background-image: url(loading.gif);
  55. }
  56. .ls-noskin .ls-fullscreen {
  57. width: 30px;
  58. height: 30px;
  59. right: 10px;
  60. top: 10px;
  61. background-position: -525px -150px;
  62. }
  63. .ls-noskin .ls-fullscreen:hover {
  64. background-position: -525px -190px;
  65. }