default.css 2.0 KB

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