diff options
author | Jan-Christoph Borchardt <hey@jancborchardt.net> | 2015-07-20 20:19:04 +0300 |
---|---|---|
committer | Jan-Christoph Borchardt <hey@jancborchardt.net> | 2015-07-20 20:19:04 +0300 |
commit | 110184d8ac61eea5d9db845da430401fb421bd85 (patch) | |
tree | 2f1bf19b69d226a485f0df2d407173a15826fdeb /css | |
parent | f953bc3599d490ae4703e16c38a8f1636fa3fde8 (diff) |
fix slideshow controls contrast, remove duplicate code
Diffstat (limited to 'css')
-rw-r--r-- | css/slideshow.css | 32 |
1 files changed, 11 insertions, 21 deletions
diff --git a/css/slideshow.css b/css/slideshow.css index 0e7af331..dfe064b4 100644 --- a/css/slideshow.css +++ b/css/slideshow.css @@ -38,14 +38,15 @@ height: 52px; position: absolute; z-index: 1100; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; - filter: alpha(opacity=30); - opacity: .3; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + filter: alpha(opacity=50); + opacity: .5; background-position: center center; background-repeat: no-repeat; } -#slideshow.inactive > input { +#slideshow.inactive > input, +#slideshow.inactive > .progress { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; @@ -82,9 +83,9 @@ } #slideshow > input:hover { - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; - filter: alpha(opacity=60); - opacity: .6; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; + filter: alpha(opacity=75); + opacity: .75; } #slideshow > .next, #slideshow > .previous { @@ -124,24 +125,13 @@ right: 13px; background-position: 0 100%; width: 32px; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; - filter: alpha(opacity=30); - opacity: .3; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + filter: alpha(opacity=50); + opacity: .5; height: 0; min-height: 0; } -#slideshow.inactive > .progress { - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter: alpha(opacity=0); - opacity: 0; - /* slow fadeout, fadein will be 300ms again*/ - -webkit-transition: opacity 3s; - -moz-transition: opacity 3s; - -o-transition: opacity 3s; - transition: opacity 3s; -} - #slideshow > .downloadImage { right: 75px; top: 6px; |