X-Git-Url: http://www.average.org/gitweb/?p=mkgallery.git;a=blobdiff_plain;f=include%2Fgallery.css;h=5e1f741a4de34d3dacf6a054e74b5ecebe430022;hp=5778fc05be56e6fdd15aa534ff53a0baecfd3ef6;hb=1826ee90530507454b5cdd69a76a385f63f5e8d5;hpb=96a2650cf7261e7427592a2f635c87f4efe5fd92 diff --git a/include/gallery.css b/include/gallery.css index 5778fc0..5e1f741 100644 --- a/include/gallery.css +++ b/include/gallery.css @@ -1,16 +1,21 @@ +/* + This is a part of mkgallery.pl suite + http://www.average.org/mkgallery/ +*/ + img { clear:both; border-style: inset; border-color: gray; border-width: 2px; - margin: 0.3ex; + margin: 0.2ex; } table.slide { float: left; width: 210px; height: 210px; - margin: 0.3ex; + margin: 0.2ex; border-style: outset; border-color: #e0c080; border-width: 2px; @@ -26,25 +31,6 @@ table.slide td { vertical-align: middle; } -div.ibox { - background-color: #ffffc0; - border: 1px solid black; - margin: 0px; - padding: 0px; - display: none; - z-index: 1000; - position: absolute; -} -div.iboxtitle { - background-color: blue; - border: 1px solid black; - margin: 0px; - padding: 0.5ex; -} -div.iboxtitle * { - color: white; -} - table.ipage { background-color: #ffffc0; border: 1px solid black; @@ -86,3 +72,126 @@ table.picframe { margin: 10px; padding: 10px; } + +.loading { + background: url(loading.gif) center no-repeat; +} + +.slideshowWindow { + background-color: black; +} + +.slideshowContainer { + border: 1px solid #ccc; + width: 99%; + height: 95%; + 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; +}