diff options
author | Olivier Paroz <github@oparoz.com> | 2015-09-12 18:31:37 +0300 |
---|---|---|
committer | Olivier Paroz <github@oparoz.com> | 2015-09-12 18:31:37 +0300 |
commit | f8cd486c996cdac3d21ff5c60d44eb43b39515fe (patch) | |
tree | 60890c47515f32b2825eff163684f748a10e1554 /css | |
parent | a355c6d3700c45cf0d318dd604746b535d0424c2 (diff) |
Update the slideshow menu icons
Diffstat (limited to 'css')
-rw-r--r-- | css/slideshow.css | 32 |
1 files changed, 24 insertions, 8 deletions
diff --git a/css/slideshow.css b/css/slideshow.css index 9a2b8679..b8fe19c7 100644 --- a/css/slideshow.css +++ b/css/slideshow.css @@ -46,7 +46,8 @@ } #slideshow.inactive > input, -#slideshow.inactive > .progress { +#slideshow.inactive > .progress, +#slideshow.inactive > .menu input { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; @@ -82,7 +83,8 @@ transition: opacity 300ms; } -#slideshow > input:hover { +#slideshow > input:hover, +#slideshow > .menu input:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); opacity: .75; @@ -132,14 +134,28 @@ min-height: 0; } -#slideshow > .downloadImage { - right: 75px; - top: 6px; +#slideshow > .menu { + position: relative; + z-index: 1100; + display: table; + margin: 0 auto; } -#slideshow > .changeBackground { - right: 135px; - top: 6px; +#slideshow .menu .menuItem { + float: right; + border: 0 transparent; + color: transparent; + outline: 0; + box-shadow: none; + width: 52px; + height: 52px; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + filter: alpha(opacity=50); + opacity: .5; + background-position: center center; + background-repeat: no-repeat; + background-color: transparent; + margin-right: 10px; } #slideshow > .notification { |