diff options
author | Olivier Paroz <github@oparoz.com> | 2015-09-14 23:24:48 +0300 |
---|---|---|
committer | Olivier Paroz <github@oparoz.com> | 2015-09-14 23:24:48 +0300 |
commit | 36e8c6ae995640c69c7bc94cab5be1bddc609d60 (patch) | |
tree | ad1268f10a30633ad3d8fd288981e28a829940cf /css | |
parent | ef0f835ce179ad1ce32d586f3c8d4a9569bad42e (diff) |
Add name to slideshow
Implements #237
Diffstat (limited to 'css')
-rw-r--r-- | css/slideshow.css | 28 |
1 files changed, 26 insertions, 2 deletions
diff --git a/css/slideshow.css b/css/slideshow.css index d3d34ff3..20f9de80 100644 --- a/css/slideshow.css +++ b/css/slideshow.css @@ -47,7 +47,8 @@ #slideshow.inactive > input, #slideshow.inactive > .progress, -#slideshow.inactive > .menu input { +#slideshow.inactive > .menu input, +#slideshow.inactive > .name { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; @@ -84,7 +85,8 @@ } #slideshow > input:hover, -#slideshow > .menu input:hover { +#slideshow > .menu input:hover, +#slideshow.inactive > .name:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); opacity: .75; @@ -151,6 +153,28 @@ margin-right: 10px; } +#slideshow > .name { + position: fixed; + bottom: 18px; + z-index: 1099; + width: 100%; +} + +#slideshow > .name .title { + padding: 0px 50px; + text-align: center; + color: #FFF; + font-size: 18px; + font-weight: bold; + line-height: normal; + text-overflow: ellipsis; + overflow:hidden; + white-space:nowrap; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; + filter: alpha(opacity=50); + opacity: .5; +} + #slideshow > .notification { margin: 0 auto; max-width: 60%; |