X-Git-Url: http://www.average.org/gitweb/?p=mkgallery.git;a=blobdiff_plain;f=include%2Fgallery.css;h=5e1f741a4de34d3dacf6a054e74b5ecebe430022;hp=93fea0d93baa2dd58e9e9e2931b4bbf3db27e70f;hb=1826ee90530507454b5cdd69a76a385f63f5e8d5;hpb=a01bd7a3ca127d89ae4a2d55c289c0c13ae70693 diff --git a/include/gallery.css b/include/gallery.css index 93fea0d..5e1f741 100644 --- a/include/gallery.css +++ b/include/gallery.css @@ -31,25 +31,6 @@ table.slide td { vertical-align: middle; } -div.ibox { - background-color: #ffffc0; - border: 1px solid black; - margin: 0px; - padding: 0px; - font-size: 10px; - display: none; - z-index: 1000; - position: absolute; -} -div.iboxtitle { - background-color: blue; - margin: 0px; - padding: 0.5ex; -} -div.iboxtitle * { - color: white; -} - table.ipage { background-color: #ffffc0; border: 1px solid black; @@ -107,3 +88,110 @@ table.picframe { margin-bottom: 5px; } +.MultiBoxContainer { + position: absolute; + border: 2px solid #000; + background-color: #FFF; + display: none; + z-index: 2; + text-align: left; +} + +.MultiBoxLoading { + background: url(loading.gif) no-repeat center; +} + +.MultiBoxContent { + position: relative; + width: 100%; + height: 100%; + overflow: hidden; +} + +.MultiBoxClose { + position: absolute; + top: 0px; + right: 0px; + background: url(close.png) no-repeat; + width: 24px; + height: 24px; + cursor: pointer; +} + + +.MultiBoxControlsContainer { + overflow: hidden; + height: 0px; + width: 100%; +} + +.MultiBoxControls { + width: 100%; + height: auto; + position: relative; + background-color: #000000; +} + + +.MultiBoxPrevious { + position: absolute; + background: url(left.png) no-repeat; + width: 24px; + height: 24px; + left: 0px; + margin-top: 5px; + cursor: pointer; +} + +.MultiBoxNext { + position: absolute; + background: url(right.png) no-repeat; + width: 24px; + height: 24px; + right: 0px; + margin-top: 5px; + cursor: pointer; +} + +.MultiBoxNextDisabled { + cursor: default; + background: url(rightDisabled.png) no-repeat; +} + +.MultiBoxPreviousDisabled { + cursor: default; + background: url(leftDisabled.png) no-repeat; +} + +.MultiBoxTitle { + position: relative; + margin: 10px 0 0 35px; + float: left; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 11px; + color: #FFF; + font-weight: bold; + text-align: left; +} + +.MultiBoxNumber { + position: relative; + width: 50px; + margin: 10px 35px 0 0; + float: right; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 11px; + color: #FFF; + text-align: right; +} + +.MultiBoxDescription { + clear: left; + position: relative; + margin: 0 35px 0 35px; + padding-top: 5px; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 11px; + color: #FFF; + text-align: left; +}