Changeset 29476 for extensions/stripped_responsive/theme.css

Timestamp:

Sep 11, 2014, 10:11:42 AM (10 years ago)

Author:

JanisV

Message:

Updated picture navigation

File:

• extensions/stripped_responsive/theme.css (modified) (1 diff)

extensions/stripped_responsive/theme.css

@@ -799 +799 @@
         position:absolute;
         height:100%;
-        width:25%;
         top:0;
         display:block;
-}
-
-.img_prev               { background:transparent url(icon/none.png) no-repeat left center;}
-.img_prev:hover         { background:transparent url(icon/img_prev.png) no-repeat left center;}
-.img_next               { background:transparent url(icon/none.png) no-repeat right center;}
-.img_next:hover         { background:transparent url(icon/img_next.png) no-repeat right center;}
+    z-index: 101;
+}
+.img_prev               { width:40%; }
+.img_next               { width:60%; }
+
+.img_nav_content { 
+  width: 20px;
+  height: 150px;
+  display: block;
+  top: 50%;
+  margin-top: -75px;
+  position: absolute;
+}
+.img_prev .img_nav_content { 
+  background:url(icon/arrows.png) 0 0 no-repeat;
+}
+.img_prev:hover .img_nav_content { 
+  background:url(icon/arrows.png) 0 -150px no-repeat;
+}
+.img_next .img_nav_content { 
+  background:url(icon/arrows.png) -20px 0 no-repeat;
+  right: 0;
+}
+.img_next:hover .img_nav_content { 
+  background:url(icon/arrows.png) -20px -150px no-repeat;
+}
 
 .hd_link {