light.css 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. /*
  2. Skin Name: Nivo Slider Light Theme
  3. Skin URI: http://nivo.dev7studios.com
  4. Description: A light skin for the Nivo Slider.
  5. Version: 1.0
  6. Author: Gilbert Pellegrom
  7. Author URI: http://dev7studios.com
  8. Supports Thumbs: true
  9. */
  10. .theme-light.slider-wrapper {
  11. background: #fff;
  12. padding: 10px;
  13. }
  14. .theme-light .nivoSlider {
  15. position:relative;
  16. background:#fff url(loading.gif) no-repeat 50% 50%;
  17. margin-bottom:10px;
  18. overflow: visible;
  19. }
  20. .theme-light .nivoSlider img {
  21. position:absolute;
  22. top:0px;
  23. left:0px;
  24. display:none;
  25. }
  26. .theme-light .nivoSlider a {
  27. border:0;
  28. display:block;
  29. }
  30. .theme-light .nivo-controlNav {
  31. text-align: left;
  32. padding: 0;
  33. position: relative;
  34. z-index: 10;
  35. }
  36. .theme-light .nivo-controlNav a {
  37. display:inline-block;
  38. width:10px;
  39. height:10px;
  40. background:url(bullets.png) no-repeat;
  41. text-indent:-9999px;
  42. border:0;
  43. margin: 0 2px;
  44. }
  45. .theme-light .nivo-controlNav a.active {
  46. background-position:0 100%;
  47. }
  48. .theme-light .nivo-directionNav a {
  49. display:block;
  50. width:30px;
  51. height:30px;
  52. background: url(arrows.png) no-repeat;
  53. text-indent:-9999px;
  54. border:0;
  55. top: auto;
  56. bottom: -36px;
  57. z-index: 11;
  58. }
  59. .theme-light .nivo-directionNav a:hover {
  60. background-color: #eee;
  61. -webkit-border-radius: 2px;
  62. -moz-border-radius: 2px;
  63. border-radius: 2px;
  64. }
  65. .theme-light a.nivo-nextNav {
  66. background-position:160% 50%;
  67. right:0px;
  68. }
  69. .theme-light a.nivo-prevNav {
  70. background-position:-60% 50%;
  71. left: auto;
  72. right: 35px;
  73. }
  74. .theme-light .nivo-caption {
  75. font-family: Helvetica, Arial, sans-serif;
  76. }
  77. .theme-light .nivo-caption a {
  78. color:#fff;
  79. border-bottom:1px dotted #fff;
  80. }
  81. .theme-light .nivo-caption a:hover {
  82. color:#fff;
  83. }
  84. .theme-light .nivo-controlNav.nivo-thumbs-enabled {
  85. width: 80%;
  86. }
  87. .theme-light .nivo-controlNav.nivo-thumbs-enabled a {
  88. width: auto;
  89. height: auto;
  90. background: none;
  91. margin-bottom: 5px;
  92. }
  93. .theme-light .nivo-controlNav.nivo-thumbs-enabled img {
  94. display: block;
  95. width: 120px;
  96. height: auto;
  97. }