/* $Id$ This is a part of mkgallery.pl suite http://www.average.org/mkgallery/ */ img.thumbnail { clear:both; border-style: inset; border-color: gray; border-width: 2px; margin: 0.2ex; } img.mainformat { clear:both; border-style: none; margin: 0px; padding: 0px; } table.slide { float: left; width: 210px; height: 210px; margin: 0.2ex; border-style: outset; border-color: #e0c080; border-width: 2px; background-color: #e0c080; text-align: center; font-size: 10px } table.slide tr { margin: 0px; } table.slide td { margin: 0px; vertical-align: middle; } table.ipage { background-color: #ffffc0; border: 1px solid black; border-collapse: collapse; text-align: left; margin: 0px; padding: 0px; } table.ipage td { border: 1px solid black; margin: 0px; padding: 1ex; } table.infotable { border-width: 0px; } table.infotable td { border-width: 0px; padding: 0.3ex; } table.navi { background-color: #c0c0c0; border: 1px solid black; border-collapse: collapse; text-align: center; margin: 0px; padding: 0px; } table.navi td { border: 1px solid black; margin: 0px; padding: 1ex; } table.picframe { border: 1px solid black; margin: 10px; padding: 10px; } .loading { background: url(loading.gif) center no-repeat; } .slideshowContainer { background-color: black; width: 100%; } .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 { 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; }