anything_slider_rails 0.0.1

data/vendor/assets/stylesheets/anythingslider-ie.css

@@ -0,0 +1,65 @@
+/* AnythingSlider IE7 and older stylesheet - included !important flag in case the theme is loaded after page load */
+
+/* Navigation Arrows */
+div.anythingSlider .arrow {
+	top: 35% !important;
+}
+div.anythingSlider-metallic .arrow {
+	top: 40% !important;
+}
+div.anythingSlider-construction .arrow {
+	top: 14% !important;
+}
+div.anythingSlider-minimalist-round .arrow , div.anythingSlider-minimalist-square .arrow {
+	top: 45% !important;
+}
+div.anythingSlider-cs-portfolio .arrow {
+	bottom: -24px !important;
+}
+
+div.anythingSlider .arrow a,
+div.anythingSlider-metallic .arrow a,
+div.anythingSlider-minimalist-square .arrow a,
+div.anythingSlider-construction .arrow a,
+div.anythingSlider-minimalist-round .arrow a {
+	margin: 0 !important;
+}
+
+/* margin between buttons just looks better */
+div.anythingSlider .anythingControls li {
+	margin-left: 3px;
+}
+
+div.anythingSlider-metallic .anythingControls .start-stop,
+div.anythingSlider-minimalist-square .anythingControls .start-stop,
+div.anythingSlider-minimalist-round .anythingControls .start-stop {
+	top: -5px;
+}
+
+div.anythingSlider-construction .anythingControls .start-stop {
+	position: relative;
+	top: -2px;
+}
+
+/* When using the navigationSize option, the side margins need to be zero
+   None of the navigation panels look good in IE7 now =( */
+div.anythingSlider .anythingControls ul.thumbNav a {
+	margin: 0;
+}
+div.anythingSlider .anythingControls .anythingNavWindow li {
+	padding: 3px 0 0 0;
+}
+div.anythingSlider-cs-portfolio .anythingControls .anythingNavWindow {
+	margin: 18px 0 0 0;
+}
+div.anythingSlider-metallic .anythingControls,
+div.anythingSlider-minimalist-square .anythingControls,
+div.anythingSlider-construction .anythingControls,
+div.anythingSlider-minimalist-round .anythingControls {
+	width: 70%; /* arbitrary percentage, adjust to fit your slider in IE7 */
+	margin: 3px auto 0 auto;
+}
+
+div.anythingSlider-cs-portfolio .anythingControls ul {
+	margin-top: 16px;
+}

data/vendor/assets/stylesheets/anythingslider.css.erb

@@ -0,0 +1,202 @@
+/*
+	AnythingSlider v1.7+ Default (base) theme
+	By Chris Coyier: http://css-tricks.com
+	with major improvements by Doug Neiner: http://pixelgraphics.us/
+	based on work by Remy Sharp: http://jqueryfordesigners.com/
+*/
+
+/*****************************
+  SET DEFAULT DIMENSIONS HERE
+ *****************************/
+/* change the ID to match your slider */
+#slider {
+	width: 700px;
+	height: 390px;
+	list-style: none;
+	/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
+	overflow-y: auto;
+	overflow-x: hidden;
+}
+
+/*****************
+  SET COLORS HERE
+ *****************/
+/**** Default state (no keyboard focus) ****/
+/* slider window - top & bottom borders, default state */
+div.anythingSlider .anythingWindow {
+	border-top: 3px solid #777;
+	border-bottom: 3px solid #777;
+}
+/* Navigation buttons, default state */
+div.anythingSlider .anythingControls ul a.cur, div.anythingSlider .anythingControls ul a {
+	background: #777;
+	color: #000;
+}
+/* start-stop button, stopped, default state */
+div.anythingSlider .start-stop {
+	background-color: #040;
+	color: #fff;
+}
+/* start-stop button, playing, default state */
+div.anythingSlider .start-stop.playing {
+	background-color: #800;
+}
+/* start-stop button, default hovered text color (when visible) */
+div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
+	color: #ddd;
+}
+
+/**** Active State (slider has keyboard focus) ****/
+/* slider window - top & bottom borders, active state */
+div.anythingSlider.activeSlider .anythingWindow {
+	border-color: #7C9127;
+}
+/* Navigation buttons, active state */
+div.anythingSlider.activeSlider .anythingControls ul a.cur, div.anythingSlider.activeSlider .anythingControls ul a {
+	background-color: #7C9127;
+}
+/* start-stop button, stopped, active state */
+div.anythingSlider .start-stop {
+	background-color: #080;
+	color: #fff;
+}
+/* start-stop button, playing, active state */
+div.anythingSlider .start-stop.playing {
+	background-color: #d00;
+}
+/* start-stop button, active slider hovered text color (when visible) */
+div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
+	color: #fff;
+}
+
+/***********************
+  COMMON SLIDER STYLING
+ ***********************/
+/* Overall Wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */
+div.anythingSlider {
+	display: block;
+	margin: 0 auto;
+	overflow: visible !important; /* needed for Opera and Safari */
+	position: relative;
+	padding: 0 45px 28px 45px;
+}
+/* anythingSlider viewport window */
+div.anythingSlider .anythingWindow {
+	overflow: hidden;
+	position: relative;
+	width: 100%;
+	height: 100%;
+}
+/* anythingSlider base (original element) */
+.anythingBase {
+	background: transparent;
+	list-style: none;
+	position: absolute;
+	overflow: visible !important;
+	top: 0;
+	left: 0;
+	margin: 0;
+	padding: 0;
+}
+/* all panels inside the slider */
+.anythingBase .panel {
+	background: transparent;
+	display: block;
+	overflow: hidden;
+	float: left;
+	padding: 0;
+	margin: 0;
+}
+.anythingBase .panel.vertical {
+	float: none;
+}
+
+/* Navigation Arrows */
+div.anythingSlider .arrow {
+	top: 50%;
+	position: absolute;
+	display: block;
+}
+div.anythingSlider .arrow a {
+	display: block;
+	height: 140px;
+	margin: -70px 0 0 0; /* half height of image */
+	width: 45px;
+	text-align: center;
+	outline: 0;
+	background: url(../images/default.png) no-repeat;
+}
+/* hide text, target the span so IE7 doesn't text-indent the link */
+div.anythingSlider .arrow a span { display: block; visibility: hidden; }
+/* back arrow */
+div.anythingSlider .back { left: 0; }
+div.anythingSlider .back a { background-position: left top; }
+div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position: left -140px; }
+div.anythingSlider .back.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
+/* forward arrow */
+div.anythingSlider .forward { right: 0; }
+div.anythingSlider .forward a { background-position: right top; }
+div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position: right -140px; }
+div.anythingSlider .forward.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
+
+/* Navigation Links */
+div.anythingSlider .anythingControls { outline: 0; display: none; }
+div.anythingSlider .anythingControls ul { margin: 0; padding: 0; float: left; }
+div.anythingSlider .anythingControls ul li { display: inline; }
+div.anythingSlider .anythingControls ul a {
+	font: 11px/18px Georgia, Serif;
+	display: inline-block;
+	text-decoration: none;
+	padding: 2px 8px;
+	height: 18px;
+	margin: 0 5px 0 0;
+	background-image: url(../images/default.png);
+	background-position: center -288px ;
+	background-repeat: repeat-x;
+	text-align: center;
+	outline: 0;
+	border-radius: 0 0 5px 5px;
+	-moz-border-radius: 0 0 5px 5px;
+	-webkit-border-radius: 0 0 5px 5px;
+}
+div.anythingSlider .anythingControls ul a:hover {
+	background-image: none;
+}
+/* Navigation size window */
+div.anythingSlider .anythingControls .anythingNavWindow { overflow: hidden; float: left; }
+
+/* slider autoplay right-to-left, reverse order of nav links to look better */
+div.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
+div.anythingSlider.rtl .anythingControls ul { float: left; }    /* move nav link group to left */
+div.anythingSlider.rtl .anythingWindow {
+	direction: ltr;
+	unicode-bidi: bidi-override;
+}
+/* div.anythingSlider.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */
+
+/* Autoplay Start/Stop button */
+div.anythingSlider .start-stop {
+	background-image: url(../images/default.png);
+	background-position: center -288px;
+	background-repeat: repeat-x;
+	padding: 2px 5px;
+	width: 40px;
+	text-align: center;
+	text-decoration: none;
+	float: right;
+	z-index: 100;
+	outline: 0;
+	border-radius: 0 0 5px 5px;
+	-moz-border-radius: 0 0 5px 5px;
+	-webkit-border-radius: 0 0 5px 5px;
+}
+/* hide cell shading on hover - makes the button appear to come forward */
+div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; }
+
+/* probably not necessary, but added just in case */
+div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .anythingControls ul a, div.anythingSlider .arrow a, div.anythingSlider .start-stop {
+	transition-duration: 0;
+	-o-transition-duration: 0;
+	-moz-transition-duration: 0;
+	-webkit-transition-duration: 0;
+}

data/vendor/assets/stylesheets/theme-construction.css.erb

@@ -0,0 +1,142 @@
+/*
+	AnythingSlider v1.5.10 Construction Theme
+	By Rob Garrison
+*/
+
+/****** SET COLORS HERE *******/
+/* Default State */
+div.anythingSlider-construction .anythingWindow {
+	border-top: 3px solid #333;
+	border-bottom: 3px solid #333;
+}
+
+/* Active State */
+div.anythingSlider-construction.activeSlider .anythingWindow {
+	border-color: #d0aa0d;
+}
+div.anythingSlider-construction.activeSlider .anythingControls ul a:hover, div.anythingSlider-construction.activeSlider .anythingControls ul a {
+ background-color: transparent;
+}
+
+/* Navigation Arrows */
+div.anythingSlider-construction .arrow {
+	top: 50%;
+	position: absolute;
+	display: block;
+	z-index: 100;
+}
+div.anythingSlider-construction .arrow a {
+	display: block;
+	height: 300px;
+	margin-top: -150px; /* half height of image */
+	width: 45px;
+	outline: 0;
+	background: url(../images/construction.gif) no-repeat;
+}
+
+div.anythingSlider-construction .forward a {
+	border-radius: 0 5px 5px 0;
+	-moz-border-radius: 0 5px 5px 0;
+	-webkit-border-radius: 0 5px 5px 0;
+}
+
+div.anythingSlider-construction .back a {
+	border-radius: 5px 0 0 5px;
+	-moz-border-radius: 5px 0 0 5px;
+	-webkit-border-radius: 5px 0 0 5px;
+}
+
+div.anythingSlider-construction .forward { right: 0; }
+div.anythingSlider-construction .back { left: 0; }
+div.anythingSlider-construction .forward a { background-position: right top; }
+div.anythingSlider-construction .back a { background-position: left top; }
+div.anythingSlider-construction .forward a:hover, div.anythingSlider-construction .forward a.hover { background-position: -50px top; }
+div.anythingSlider-construction .back a:hover, div.anythingSlider-construction .back a.hover { background-position: -5px top; }
+
+/* Navigation Links */
+div.anythingSlider-construction .anythingControls {
+	float: right;
+	position: absolute;
+	bottom: 0;
+	right: 15%;
+	z-index: 100;
+	opacity: 0.90;
+	filter: alpha(opacity=90);
+}
+div.anythingSlider-construction .anythingControls ul {
+	margin: 0;
+	z-index: 100;
+}
+div.anythingSlider-construction .anythingControls ul li {
+	display: block;
+	float: left;
+}
+div.anythingSlider-construction .anythingControls ul a, div.anythingSlider-construction.activeSlider .anythingControls ul a,
+div.anythingSlider-construction .anythingControls a.start-stop {
+	display: block;
+	background: transparent url(../images/construction.gif) -36px -301px no-repeat;
+	border: 0;
+	height: 15px;
+	width: 15px;
+	margin: 2px;
+	padding: 0;
+	outline: 0;
+}
+div.anythingSlider-construction div.anythingControls a:hover, div.anythingSlider-construction .anythingControls ul a.cur,
+div.anythingSlider-construction.activeSlider .anythingControls ul a.cur {
+	background: transparent url(../images/construction.gif) -21px -301px no-repeat;
+}
+
+/* Navigation size window arrows */
+div.anythingSlider-construction .anythingControls li.next a, div.anythingSlider-construction .anythingControls li.prev a {
+	height: 12px;
+	width: 12px;
+	margin-top: 3px;
+	border-radius: 0;
+	-moz-border-radius: 0;
+	-webkit-border-radius: 0;
+	background: transparent url(../images/construction.gif) no-repeat;
+}
+div.anythingSlider-construction .anythingControls li.next a {
+	background-position: -78px -144px;
+}
+div.anythingSlider-construction .anythingControls li.prev a {
+	background-position: -12px -144px;
+}
+div.anythingSlider-construction .anythingControls li.next a:hover {
+	background: transparent url(../images/construction.gif) -76px -144px no-repeat;
+}
+div.anythingSlider-construction .anythingControls li.prev a:hover {
+	background: transparent url(../images/construction.gif) -14px -144px no-repeat;
+}
+
+/* slider autoplay right-to-left, reverse order of nav links to look better */
+div.anythingSlider-construction.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
+div.anythingSlider-construction.rtl .anythingControls ul { float: left; }    /* move nav link group to left */
+/* div.anythingSlider-construction.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */
+
+/* Autoplay Start/Stop button */
+div.anythingSlider-construction .anythingControls a.start-stop {
+	display: inline-block;
+	background: transparent url(../images/construction.gif) -66px -301px no-repeat;
+	z-index: 100;
+	float: right;
+}
+div.anythingSlider-construction .anythingControls a.start-stop.playing, div.anythingSlider-construction.activeSlider .anythingControls a.start-stop.playing  {
+	background-position: -51px -301px;
+}
+div.anythingSlider-construction .anythingControls a.start-stop:hover, div.anythingSlider-construction .anythingControls a.start-stop.playing:hover {
+	background-position: -21px -301px;
+}
+
+/* Extra - replace defaults */
+div.anythingSlider-construction {
+	padding: 6px 45px;
+}
+
+/* text indent moved to span inside "a", for IE7; apparently, a negative text-indent on an "a" link moves the link as well as the text */
+div.anythingSlider-construction .arrow a span, div.anythingSlider-construction .anythingControls ul a span, div.anythingSlider-construction .start-stop span {
+	display: block;
+	line-height: 1px; /* needed for IE7 */
+	visibility: hidden; /* needed for IE8, instead of text-indent: -9999px */
+}

data/vendor/assets/stylesheets/theme-cs-portfolio.css.erb

@@ -0,0 +1,149 @@
+/*
+	AnythingSlider v1.5.10 cs-portfolio
+	By Curtis Scott (http://www.curtisscott.com/portfolio.html)
+	updated to work with the new themes
+*/
+
+/*** Note: the nav-cs-portfolio.png used for navigation and slideshow buttons uses a semi-transparent png,
+     through which the background color is seen... so colors set will turn out darker than normal ***/
+
+/****** SET COLORS HERE *******/
+/* Default/Acitve State */
+div.anythingSlider-cs-portfolio .anythingControls ul a, div.anythingSlider-cs-portfolio.activeSlider .anythingControls ul a {
+	background-color: #fff;
+}
+div.anythingSlider-cs-portfolio .anythingControls ul a:hover, div.anythingSlider-cs-portfolio .anythingControls ul a.cur,
+div.anythingSlider-cs-portfolio.activeSlider .anythingControls ul a:hover, div.anythingSlider-cs-portfolio.activeSlider .anythingControls ul a.cur {
+	background-color: #0d5c9f;
+}
+div.anythingSlider-cs-portfolio .start-stop, div.anythingSlider-cs-portfolio .start-stop.hover {
+	background-color: #080;
+}
+div.anythingSlider-cs-portfolio .start-stop:hover {
+	background-color: #0f0;
+}
+div.anythingSlider-cs-portfolio .start-stop.playing {
+	background-color: #a00;
+}
+div.anythingSlider-cs-portfolio .start-stop.playing:hover {
+	background-color: #f00;
+}
+
+/* Overall */
+div.anythingSlider-cs-portfolio {}
+div.anythingSlider-cs-portfolio .anythingWindow, div.anythingSlider-cs-portfolio.activeSlider .anythingWindow {
+	border: 0;
+}
+/* Navigation Arrows */
+div.anythingSlider-cs-portfolio .arrow {
+	display: block;
+	bottom: 7px; /* this is -18px for IE7 */
+	position: absolute;
+	z-index: 100;
+}
+div.anythingSlider-cs-portfolio .arrow a {
+	display: block;
+	bottom: 5px;
+	position: absolute;
+	height: 27px;
+	width: 26px;
+	outline: 0;
+	background: url('<%=image_path("cs-portfolio.png")%>') no-repeat;
+}
+div.anythingSlider-cs-portfolio .forward { right: 70px; }
+div.anythingSlider-cs-portfolio .back { left: 20px; }
+div.anythingSlider-cs-portfolio .forward a { background-position: -24px top; }
+div.anythingSlider-cs-portfolio .back a { background-position: left top; }
+div.anythingSlider-cs-portfolio .forward a:hover, div.anythingSlider-cs-portfolio .forward a.hover { background-position: -24px -27px; }
+div.anythingSlider-cs-portfolio .back a:hover, div.anythingSlider-cs-portfolio .back a.hover { background-position: left -27px; }
+
+/* Navigation Links */
+div.anythingSlider-cs-portfolio .anythingControls {
+	background: url('<%=image_path("cs-portfolio.png")%>') repeat-x bottom center;
+	height: 49px;
+	margin: 0 auto 49px auto;
+	padding-left: 150px;
+	text-align: center;
+	z-index: 100;
+}
+div.anythingSlider-cs-portfolio .anythingControls ul {
+	margin: 0;
+	z-index: 100;
+}
+div.anythingSlider-cs-portfolio .anythingControls ul li {
+	padding: 0;
+	display: inline;
+}
+
+div.anythingSlider-cs-portfolio .anythingControls ul a, div.anythingSlider-cs-portfolio.activeSlider .anythingControls ul a {
+	/*display: inline-block;*/
+	float: left;
+	width: 17px;
+	height: 17px;
+	margin: 18px 5px 0 0;
+	padding: 0;
+	outline: 0;
+	border: 0;
+}
+
+div.anythingSlider-cs-portfolio .anythingControls ul a, div.anythingSlider-cs-portfolio.activeSlider .anythingControls ul a,
+div.anythingSlider-cs-portfolio .anythingControls ul a:hover, div.anythingSlider-cs-portfolio .anythingControls ul a.cur,
+div.anythingSlider-cs-portfolio.activeSlider .anythingControls ul a:hover, div.anythingSlider-cs-portfolio.activeSlider .anythingControls ul a.cur {
+	background-image: url('<%=image_path("cs-portfolio.png")%>');
+	background-position: right -20px;
+	background-repeat: no-repeat;
+}
+
+/* Navigation size window arrows */
+div.anythingSlider-cs-portfolio .anythingControls li.next a, div.anythingSlider-cs-portfolio .anythingControls li.prev a,
+div.anythingSlider-cs-portfolio .anythingControls li.next a:hover, div.anythingSlider-cs-portfolio .anythingControls li.prev a:hover {
+	width: 16px;
+	height: 15px;
+	background: url('<%=image_path("cs-portfolio.png")%>') -25px -54px no-repeat;
+	margin: 19px 5px 0 5px;
+}
+div.anythingSlider-cs-portfolio .anythingControls li.prev a {
+	background-position: -9px -54px;
+}
+div.anythingSlider-cs-portfolio .anythingControls li.next a:hover {
+	background-position: -56px -54px;
+}
+div.anythingSlider-cs-portfolio .anythingControls li.prev a:hover {
+	background-position: -41px -54px;
+}
+
+/* slider autoplay right-to-left, reverse order of nav links to look better */
+div.anythingSlider-cs-portfolio.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
+div.anythingSlider-cs-portfolio.rtl .anythingControls ul { float: left; }    /* move nav link group to left */
+/* div.anythingSlider-cs-portfolio.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */
+
+/* Autoplay Start/Stop button */
+div.anythingSlider-cs-portfolio .start-stop, div.anythingSlider-cs-portfolio .start-stop.hover {
+	margin: 15px 50px 0 0;
+	padding: 0;
+	display: inline;
+	text-align: center;
+	width: 20px;
+	height: 20px;
+	z-index: 100;
+	border: 0;
+}
+div.anythingSlider-cs-portfolio .start-stop, div.anythingSlider-cs-portfolio .start-stop.hover,
+div.anythingSlider-cs-portfolio .start-stop:hover, div.anythingSlider-cs-portfolio .start-stop.playing,
+div.anythingSlider-cs-portfolio .start-stop.playing:hover {
+	background-image: url('<%=image_path("cs-portfolio.png")%>');
+	background-position: right top;
+	background-repeat: no-repeat;
+}
+
+/* Extra - replace defaults */
+div.anythingSlider-cs-portfolio {
+	padding: 0 23px 50px 0;
+}
+
+/* text indent moved to span inside "a", for IE7; apparently, a negative text-indent on an "a" link moves the link as well as the text */
+div.anythingSlider-cs-portfolio .arrow a span, div.anythingSlider-cs-portfolio .anythingControls ul a span, div.anythingSlider-cs-portfolio .start-stop span {
+	display: block;
+	line-height: 1px; /* needed for IE7 */
+	visibility: hidden; /* needed for IE8, instead of text-indent: -9999px */
+}

data/vendor/assets/stylesheets/theme-metallic.css.erb

@@ -0,0 +1,146 @@
+/*
+	AnythingSlider v1.5.10 Metallic Theme
+	By Rob Garrison
+*/
+
+/****** SET COLORS HERE *******/
+/* Default State */
+div.anythingSlider-metallic .anythingWindow {
+	border-top: 3px solid #333;
+	border-bottom: 3px solid #333;
+}
+div.anythingSlider-metallic .anythingControls ul a {
+	border: 1px solid #000;
+}
+div.anythingSlider-metallic .start-stop {
+	border: 1px solid #000;
+}
+div.anythingSlider-metallic .start-stop.playing {
+	background-color: #300;
+}
+div.anythingSlider-metallic .start-stop:hover, div.anythingSlider-metallic .start-stop.hover {
+	color: #ddd;
+}
+
+/* Active State */
+div.anythingSlider-metallic.activeSlider .anythingWindow {
+	border-color: #0355a3;
+}
+div.anythingSlider-metallic.activeSlider .anythingControls ul a {
+	background-color: transparent;
+	background-position: -68px -40px;
+}
+div.anythingSlider-metallic.activeSlider .anythingControls ul a:hover, div.anythingSlider-metallic.activeSlider .anythingControls ul a.cur {
+	background-position: -76px -57px;
+/*	background: #fff; */
+}
+div.anythingSlider-metallic.activeSlider .start-stop.playing {
+	background-color: #f00;
+}
+div.anythingSlider-metallic .start-stop:hover, div.anythingSlider-metallic .start-stop.hover {
+	color: #fff;
+}
+
+/* Navigation Arrows */
+div.anythingSlider-metallic .arrow {
+	top: 50%;
+	position: absolute;
+	display: block;
+	z-index: 100;
+}
+div.anythingSlider-metallic .arrow a {
+	display: block;
+	height: 95px;
+	margin-top: -47px; /* half height of image */
+	width: 45px;
+	outline: 0;
+	background: url('<%=image_path("arrows-metallic.png")%>') no-repeat;
+}
+
+div.anythingSlider-metallic .forward { right: 0; }
+div.anythingSlider-metallic .back { left: 0; }
+div.anythingSlider-metallic .forward a { background-position: right bottom; }
+div.anythingSlider-metallic .back a { background-position: left bottom; }
+div.anythingSlider-metallic .forward a:hover, div.anythingSlider-metallic .forward a.hover { background-position: right top; }
+div.anythingSlider-metallic .back a:hover, div.anythingSlider-metallic .back a.hover { background-position: left top; }
+
+/* Navigation Links */
+div.anythingSlider-metallic .anythingControls {
+	float: right;
+	position: absolute;
+	bottom: 0;
+	right: 15%;
+	z-index: 100;
+	opacity: 0.90;
+	filter: alpha(opacity=90);
+}
+div.anythingSlider-metallic .anythingControls ul {
+	margin: 0;
+	z-index: 100;
+}
+div.anythingSlider-metallic .anythingControls ul li {
+	display: block;
+	float: left;
+}
+div.anythingSlider-metallic .anythingControls ul a {
+	display: block;
+	background: transparent url('<%=image_path("arrows-metallic.png")%>') -68px -136px no-repeat;
+	height: 10px;
+	width: 10px;
+	margin: 3px;
+	padding: 0;
+	outline: 0;
+	border-radius: 5px;
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+}
+
+div.anythingSlider-metallic .anythingControls ul a:hover, div.anythingSlider-metallic .anythingControls ul a.cur {
+	background: transparent url('<%=image_path("arrows-metallic.png")%>') -76px -57px no-repeat;
+}
+
+/* Navigation size window arrows */
+div.anythingSlider-metallic .anythingControls li.next a span, div.anythingSlider-metallic .anythingControls li.prev a span {
+	text-indent: 1px;
+	margin-top: 3px;
+}
+div.anythingSlider-metallic .anythingControls li.prev a, div.anythingSlider-metallic .anythingControls li.next a {
+	color: #ddd;
+}
+div.anythingSlider-metallic .anythingControls li.next a:hover, div.anythingSlider-metallic .anythingControls li.prev a:hover {
+	color: #000;
+}
+
+/* slider autoplay right-to-left, reverse order of nav links to look better */
+div.anythingSlider-metallic.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
+div.anythingSlider-metallic.rtl .anythingControls ul { float: left; }    /* move nav link group to left */
+/* div.anythingSlider-metallic.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */
+
+/* Autoplay Start/Stop button */
+div.anythingSlider-metallic .start-stop {
+	margin: 3px;
+	padding: 0;
+	display: inline-block;
+	width: 14px;
+	height: 14px;
+	position: relative;
+	bottom: 2px;
+	left: 0;
+	z-index: 100;
+	float: right;
+	border-radius: 7px;
+	-moz-border-radius: 7px;
+	-webkit-border-radius: 7px;
+}
+
+/* Extra - replace defaults */
+div.anythingSlider-metallic {
+	padding: 6px 23px;
+}
+
+/* text indent moved to span inside "a", for IE7; apparently, a negative text-indent on an "a" link moves the link as well as the text */
+div.anythingSlider-metallic .arrow a span, div.anythingSlider-metallic .anythingControls ul a span, div.anythingSlider-metallic .start-stop span {
+	display: block;
+	line-height: 1px; /* needed for IE7 */
+	visibility: hidden; /* needed for IE8, instead of text-indent: -9999px */
+}