X-Git-Url: http://www.average.org/gitweb/?p=mkgallery.git;a=blobdiff_plain;f=include%2Fgallery.css;h=e06e65af103a62f38f46680a75ae6e804e7e2981;hp=5e1f741a4de34d3dacf6a054e74b5ecebe430022;hb=b9bad7137ebc39fc083b04b3a17db5555f6b6f22;hpb=e1409ccb8e6b656b691b97f9741c1313d0a30558 diff --git a/include/gallery.css b/include/gallery.css index 5e1f741..e06e65a 100644 --- a/include/gallery.css +++ b/include/gallery.css @@ -1,4 +1,6 @@ /* + $Id$ + This is a part of mkgallery.pl suite http://www.average.org/mkgallery/ */ @@ -77,15 +79,92 @@ table.picframe { background: url(loading.gif) center no-repeat; } -.slideshowWindow { +.slideshowContainer { background-color: black; + width: 100%; } -.slideshowContainer { - border: 1px solid #ccc; - width: 99%; - height: 95%; - margin-bottom: 5px; +.slideshowControls { + position: absolute; + bottom: 0px; + left: 0px; + width: 100%; + height: 30px; + z-index: 3; + opacity: .15; + color: white; +} + +.slideshowControls:hover { + opacity: 1; +} + +.controlButton { + position: absolute; + bottom: 3px; + width: 24px; + height: 24px; + cursor: pointer; +} + +.controlButton#prev { + left: 3px; + background: url(left.png) no-repeat; +} + +.controlButton#prevDisabled { + left: 3px; + background: url(leftDisabled.png) no-repeat; + cursor: default; +} + +.controlButton#stop { + left: 28px; + background: url(stop.png) no-repeat; +} + +.controlButton#play { + left: 28px; + background: url(play.png) no-repeat; +} + +.controlButton#next { + left: 53px; + background: url(right.png) no-repeat; +} + +.controlButton#nextDisabled { + left: 53px; + background: url(rightDisabled.png) no-repeat; + cursor: default; +} + +.controlButton#exit { + left: 78px; + background: url(close.png) no-repeat; +} + +.controlButton#comm { + left: 103px; + width: auto; + font-size: 20px; + margin-left: .5ex; + margin-right: .5ex; + padding-left: .5ex; + padding-right: .5ex; + background-color: rgba(0,0,0,.5); + cursor: default; +} + +.controlButton#comm a { + color: white; + text-decoration: none; +} + +.controlPosition { + vertical-align: middle; + font-size: 10px; + margin-right: 1ex; } .MultiBoxContainer {