/*rozmery galerie*/ /* #jak-lightbox-obrazky {background-color: black; width: 930px; height: 462px; padding-top:10px; padding-left: 10px; padding-right: 10px;} */ .window-container { width: 994px; height: 462px; position: relative; } #jak-lightbox-obrazky .image-browser-image { width: 800px; height: 460px; overflow: hidden; padding: 0px; float: left; position: relative; background: #fff; } /*nahledovy pas*/ #jak-lightbox-obrazky .image-browser-thumbs { width: 163px;height: 460px; /*overflow-y:scroll;*/ overflow: hidden; float: right; background: #fff; } #jak-lightbox-obrazky .image-browser-thumbs div.image-browser-thumb-box { height: 55px; width: 100px; padding: 0px; margin: 3px 3px 3px 15px; border: 1px solid #333;} /*ramecek okolo aktivniho nahledu*/ #jak-lightbox-obrazky .image-browser-thumbs div.image-browser-active {border: 3px solid #E56154;} /*zasednuti pod galerii #jak-lightbox-obrazky div.image-browser-root { _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.penelope.cz/js/jak-lightbox/img/bg.png', sizingMethod='scale' );} #jak-lightbox-obrazky div[class~="image-browser-root"] { background: url(http://www.penelope.cz/js/jak-lightbox/img/bg.png); }*/ /*ovladaci tlacitka*/ #jak-lightbox-obrazky .image-browser-prev { position: absolute; top: 20px; left: 20px; display: block; width: 42px; height: 36px; cursor: pointer; background: url(http://www.penelope.cz/js/jak-lightbox/img/lb-previous-active.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.penelope.cz/js/jak-lightbox/img/lb-previous-active.png'));} #jak-lightbox-obrazky .image-browser-prev:hover { background: url(http://www.penelope.cz/js/jak-lightbox/img/lb-previous-hover.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.penelope.cz/js/jak-lightbox/img/lb-previous-hover.png')); } #jak-lightbox-obrazky .image-browser-next { position: absolute; top: 20px; left: 66px; display: block; width: 42px; height: 36px; cursor: pointer; background: url(http://www.penelope.cz/js/jak-lightbox/img/lb-next-active.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.penelope.cz/js/jak-lightbox/img/lb-next-active.png')); } #jak-lightbox-obrazky .image-browser-next:hover { background: url(http://www.penelope.cz/js/jak-lightbox/img/lb-next-hover.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.penelope.cz/js/jak-lightbox/img/lb-next-hover.png')); } #jak-lightbox-obrazky .image-browser-prev-disabled { position: absolute; top: 20px; left: 20px; display: block; width: 42px; height: 36px; cursor: pointer; background: url(http://www.penelope.cz/js/jak-lightbox/img/lb-previous-inactive.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.penelope.cz/js/jak-lightbox/img/lb-previous-inactive.png')); } #jak-lightbox-obrazky .image-browser-next-disabled { position: absolute; top: 20px; left: 66px; display: block; width: 42px; height: 36px; cursor: pointer; background: url(http://www.penelope.cz/js/jak-lightbox/img/lb-next-inactive.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.penelope.cz/js/jak-lightbox/img/lb-next-inactive.png')); } #jak-lightbox-obrazky .image-browser-close { position: absolute; top: 20px; left: 750px; display: block; width: 42px; height: 36px; cursor: pointer; background: url(http://www.penelope.cz/js/jak-lightbox/img/lb-close-active.png); _background:none ;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.penelope.cz/js/jak-lightbox/img/lb-close-active.png'));} #jak-lightbox-obrazky .image-browser-close:hover { background: url(http://www.penelope.cz/js/jak-lightbox/img/lb-close-hover.png); _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.penelope.cz/js/jak-lightbox/img/lb-close-hover.png'));} /*image preload pro hover obrazky navigace do poskytnutych skrytych DIVu, je mozno nacist i pro disabled */ #jak-lightbox-obrazky div.image-browser-prev-preload { background: url(http://www.penelope.cz/js/jak-lightbox/img/lb-previous-hover.png);} #jak-lightbox-obrazky div.image-browser-next-preload { background: url(http://www.penelope.cz/js/jak-lightbox/img/lb-next-hover.png);} #jak-lightbox-obrazky div.image-browser-close-preload { background: url(http://www.penelope.cz/js/jak-lightbox/img/lb-close-hover.png);} /*styly pro popisku*/ #jak-lightbox-obrazky .image-browser-caption { height: 1px; width: 958px; text-align:left; float: left; padding-left:5px; color: #999; padding-top: 0px; font-family:Arial, Helvetica, sans-serif; line-height:140%; font-size: 12px; /*napevno protoze je to v tabulce*/ background: #fff;} /** * * PUVODNI UPRAVENY CERNY KOD * */ /*rozmery galerie*/ /* #jak-lightbox-obrazky {background-color: black; width: 930px; height: 462px; padding-top:10px; padding-left: 10px; padding-right: 10px;} */ /* .window-container { width: 994px; height: 462px; position: relative; } #jak-lightbox-obrazky .image-browser-image { width: 800px; height: 460px; overflow: hidden; padding: 0px; float: left; position: relative; background: #000; } /*nahledovy pas #jak-lightbox-obrazky .image-browser-thumbs { width: 163px;height: 460px; overflow-y:scroll; overflow: hidden; float: right; background: #000; } #jak-lightbox-obrazky .image-browser-thumbs div.image-browser-thumb-box { height: 55px; width: 100px; padding: 0px; margin: 3px 3px 3px 15px; border: 1px solid #333;} /*ramecek okolo aktivniho nahledu #jak-lightbox-obrazky .image-browser-thumbs div.image-browser-active {border: 3px solid #E56154;} /*zasednuti pod galerii #jak-lightbox-obrazky div.image-browser-root { _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.penelope.cz/js/jak-lightbox/img/bg.png', sizingMethod='scale' );} #jak-lightbox-obrazky div[class~="image-browser-root"] { background: url(http://www.penelope.cz/js/jak-lightbox/img/bg.png); } /*ovladaci tlacitka #jak-lightbox-obrazky .image-browser-prev { position: absolute; top: 20px; left: 20px; display: block; width: 42px; height: 36px; cursor: pointer; background: url(http://www.penelope.cz/js/jak-lightbox/img/lb-previous-active.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.penelope.cz/js/jak-lightbox/img/lb-previous-active.png'));} #jak-lightbox-obrazky .image-browser-prev:hover { background: url(http://www.penelope.cz/js/jak-lightbox/img/lb-previous-hover.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.penelope.cz/js/jak-lightbox/img/lb-previous-hover.png')); } #jak-lightbox-obrazky .image-browser-next { position: absolute; top: 20px; left: 66px; display: block; width: 42px; height: 36px; cursor: pointer; background: url(http://www.penelope.cz/js/jak-lightbox/img/lb-next-active.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.penelope.cz/js/jak-lightbox/img/lb-next-active.png')); } #jak-lightbox-obrazky .image-browser-next:hover { background: url(http://www.penelope.cz/js/jak-lightbox/img/lb-next-hover.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.penelope.cz/js/jak-lightbox/img/lb-next-hover.png')); } #jak-lightbox-obrazky .image-browser-prev-disabled { position: absolute; top: 20px; left: 20px; display: block; width: 42px; height: 36px; cursor: pointer; background: url(http://www.penelope.cz/js/jak-lightbox/img/lb-previous-inactive.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.penelope.cz/js/jak-lightbox/img/lb-previous-inactive.png')); } #jak-lightbox-obrazky .image-browser-next-disabled { position: absolute; top: 20px; left: 66px; display: block; width: 42px; height: 36px; cursor: pointer; background: url(http://www.penelope.cz/js/jak-lightbox/img/lb-next-inactive.png); _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.penelope.cz/js/jak-lightbox/img/lb-next-inactive.png')); } #jak-lightbox-obrazky .image-browser-close { position: absolute; top: 20px; left: 750px; display: block; width: 42px; height: 36px; cursor: pointer; background: url(http://www.penelope.cz/js/jak-lightbox/img/lb-close-active.png); _background:none ;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.penelope.cz/js/jak-lightbox/img/lb-close-active.png'));} #jak-lightbox-obrazky .image-browser-close:hover { background: url(http://www.penelope.cz/js/jak-lightbox/img/lb-close-hover.png); _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.penelope.cz/js/jak-lightbox/img/lb-close-hover.png'));} /*image preload pro hover obrazky navigace do poskytnutych skrytych DIVu, je mozno nacist i pro disabled #jak-lightbox-obrazky div.image-browser-prev-preload { background: url(http://www.penelope.cz/js/jak-lightbox/img/lb-previous-hover.png);} #jak-lightbox-obrazky div.image-browser-next-preload { background: url(http://www.penelope.cz/js/jak-lightbox/img/lb-next-hover.png);} #jak-lightbox-obrazky div.image-browser-close-preload { background: url(http://www.penelope.cz/js/jak-lightbox/img/lb-close-hover.png);} /*styly pro popisku #jak-lightbox-obrazky .image-browser-caption { height: 1px; width: 958px; text-align:left; float: left; padding-left:5px; color: #999; padding-top: 0px; font-family:Arial, Helvetica, sans-serif; line-height:140%; font-size: 12px; background: #000;} */