X-Git-Url: http://git.cyclocoop.org/?p=velocampus%2Fweb%2Fwww.git;a=blobdiff_plain;f=www%2Fplugins%2Fauto%2Fanythingslider%2Fcss%2Ftheme-minimalist-round.css;fp=www%2Fplugins%2Fauto%2Fanythingslider%2Fcss%2Ftheme-minimalist-round.css;h=348de400f33d50fe16ff1a9f641f206c3433a800;hp=0000000000000000000000000000000000000000;hb=80b4d3e85f78d402ed2e73f8f5d1bf4c19962eed;hpb=aaf970bf4cdaf76689ecc10609048e18d073820c diff --git a/www/plugins/auto/anythingslider/css/theme-minimalist-round.css b/www/plugins/auto/anythingslider/css/theme-minimalist-round.css new file mode 100644 index 0000000..348de40 --- /dev/null +++ b/www/plugins/auto/anythingslider/css/theme-minimalist-round.css @@ -0,0 +1,145 @@ +/* + AnythingSlider v1.5.10 Minimalist Round Theme + By Rob Garrison +*/ + +/****** SET COLORS HERE *******/ +/* Default State */ +div.anythingSlider-minimalist-round .anythingWindow { + background: url('../images/slider-bg.png') 0 0 no-repeat; + width: 500px; + height: 207px; +} + +div.anythingSlider-minimalist-round .anythingControls ul a { + background: #333; +} +div.anythingSlider-minimalist-round .anythingControls ul a:hover, div.anythingSlider-minimalist-round .anythingControls ul a.cur { + background: #777; +} +div.anythingSlider-minimalist-round .start-stop { + border: 1px solid #000; +} +div.anythingSlider-minimalist-round .start-stop.playing { + background-color: #300; +} +div.anythingSlider-minimalist-round .start-stop:hover, div.anythingSlider-minimalist-round .start-stop.hover { + color: #ddd; +} + +/* Active State */ +div.anythingSlider-minimalist-round.activeSlider .anythingWindow { + border-color: #164054; +} +div.anythingSlider-minimalist-round.activeSlider .anythingControls ul a { + background-color: #164054; +} +div.anythingSlider-minimalist-round.activeSlider .anythingControls ul a:hover, div.anythingSlider-minimalist-round.activeSlider .anythingControls ul a.cur { + background: #fff; +} +div.anythingSlider-minimalist-round.activeSlider .start-stop.playing { + background-color: #f00; +} +div.anythingSlider-minimalist-round .start-stop:hover, div.anythingSlider-minimalist-round .start-stop.hover { + color: #fff; +} + +/* Navigation Arrows */ +div.anythingSlider-minimalist-round .arrow { + top: 50%; + position: absolute; + display: block; +} +div.anythingSlider-minimalist-round .arrow a { + display: block; + height: 48px; + margin-top: -20px; /* half height of image */ + width: 30px; + text-align: center; + outline: 0; + background: url(../images/arrows-minimalist.png) no-repeat; +} +div.anythingSlider-minimalist-round .forward { right: 0; } +div.anythingSlider-minimalist-round .back { left: 0; } +div.anythingSlider-minimalist-round .forward a { background-position: right bottom; } +div.anythingSlider-minimalist-round .back a { background-position: left bottom; } +div.anythingSlider-minimalist-round .forward a:hover, div.anythingSlider-minimalist-round .forward a.hover { background-position: right top; } +div.anythingSlider-minimalist-round .back a:hover, div.anythingSlider-minimalist-round .back a.hover { background-position: left top; } + +/* Navigation Links */ +div.anythingSlider-minimalist-round .anythingControls { + float: right; + position: absolute; + bottom: 1.5em; + right: 4em; + z-index: 100; + opacity: 0.90; + filter: alpha(opacity=90); +} +div.anythingSlider-minimalist-round .anythingControls ul { + margin: 0; + z-index: 100; +} +div.anythingSlider-minimalist-round .anythingControls ul li { + display: block; + float: left; +} +div.anythingSlider-minimalist-round .anythingControls ul a { + display: block; + height: 10px; + width: 10px; + margin: 3px; + padding: 0; + outline: 0; + border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; +} + +/* Navigation size window arrows */ +div.anythingSlider-minimalist-round .anythingControls li.next a span, div.anythingSlider-minimalist-round .anythingControls li.prev a span { + text-indent: 1px; + margin-top: 3px; +} +div.anythingSlider-minimalist-round .anythingControls li.prev a, div.anythingSlider-minimalist-round .anythingControls li.next a { + color: #ddd; +} +div.anythingSlider-minimalist-round .anythingControls li.next a:hover, div.anythingSlider-minimalist-round .anythingControls li.prev a:hover { + color: #000; +} + +/* slider autoplay right-to-left, reverse order of nav links to look better */ +div.anythingSlider-minimalist-round.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */ +div.anythingSlider-minimalist-round.rtl .anythingControls ul { float: left; } /* move nav link group to left */ +/* div.anythingSlider-minimalist-round.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */ + +/* Autoplay Start/Stop button */ +div.anythingSlider-minimalist-round .start-stop { + margin: 3px; + padding: 0; + display: inline-block; + width: 14px; + height: 14px; + position: relative; + bottom: 2px; + left: 0; + z-index: 100; + text-align: center; + text-decoration: none; + float: right; + border-radius: 7px; + -moz-border-radius: 7px; + -webkit-border-radius: 7px; +} + +/* Extra - replace defaults */ +div.anythingSlider-minimalist-round { + padding: 0 30px; +} + +/* 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-minimalist-round .arrow a span, div.anythingSlider-minimalist-round .anythingControls ul a span, div.anythingSlider-minimalist-round .start-stop span { + display: block; + line-height: 1px; /* needed for IE7 */ + text-indent: -9999px; +} \ No newline at end of file