First Commit

css/NivooSlider.css

@@ -0,0 +1,128 @@
+.nivoo-slider,
+.nivoo-slider-holder {
+    height: 261px;
+    overflow: hidden;
+    position: relative;
+    width: 680px;
+}
+.nivoo-slider.got-control-nav {
+    height: 261px;
+}
+.nivoo-slider.direction-nav-outside {
+    width: 720px;
+}
+.direction-nav-outside .nivoo-slider-holder {
+    margin: 0 60px;
+}
+
+.nivoo-slider-holder {
+	background-repeat: no-repeat;
+}
+
+.nivoo-slider img,
+.nivoo-link {
+	left: 0;
+	position: absolute;
+	top: 0;
+    z-index: 0;
+}
+.nivoo-slider > img:first-child,
+.nivoo-slider > a:first-child img {
+    z-index: 1;
+}
+
+.nivoo-link {
+	border: none;
+	display: none;
+	height: 100%;
+	width: 100%;
+	z-index: 20;	
+}
+
+.direction-nav-left {
+    left: 0;
+}
+.direction-nav-right {
+    right: 0;
+}
+
+/* directioNavPosition inside */
+.direction-nav-left,
+.direction-nav-right {
+    position: absolute;
+    top: 0;
+    z-index: 40;
+    }
+    .direction-nav-left a,
+    .direction-nav-right a {
+        display: block;
+    }
+    .direction-nav-left a:focus,
+    .direction-nav-right a:focus {
+        outline: none;
+    }
+    .direction-nav-left a {
+        background: url(images/icons/arrow-left.png) no-repeat 2% 50%;
+    }
+    .direction-nav-right a {
+        background: url(images/icons/arrow-right.png) no-repeat 98% 50%;
+    }
+    
+/* directioNavPosition oustide */
+.direction-nav-outside .direction-nav-left,
+.direction-nav-outside .direction-nav-right {
+    width: 60px;
+}
+
+.nivoo-slice {
+	display: block;
+	height: 100%;
+	position: absolute;
+	z-index: 10;
+}
+
+/* caption */
+
+.nivoo-slider p {
+    background: #181818;
+	background: rgba(0, 0, 0, .6);
+	bottom: -30px;
+	color: #fff;
+	height: 30px;
+	line-height: 30px;
+	left: 0;
+    margin: 0;
+	text-indent: 10px;
+	position: absolute;
+	width: 100%;
+    z-index: 30;
+}
+
+/* control navigation */
+
+div.control-nav {
+    height: 20px;
+    line-height: 20px;
+    margin: 10px 0 0;
+    text-align: center;
+    }
+    div.control-nav a {
+        color: #aaa;
+		font-size: 20px;
+        outline: none;
+        padding: 2px;
+        text-decoration: none;
+        text-shadow: 0 0 2px #ddd;
+        -moz-transition: color 1s;
+        -ms-transition: color 1s;
+        -o-transition: color 1s;
+        -webkit-transition: color 1s;
+        transition: color 1s;
+        }
+		div.control-nav .disc {
+			font-size: 40px;
+		}
+        div.control-nav a.current,
+        div.control-nav a:hover {
+            color: #333;
+        }