/* reset */ div.tGallery table, div.tGallery tbody, div.tGallery tr, div.tGallery td, div.tGallery a, div.tGallery ul li, div.tGallery div, div.tGallery span{ margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 12px; line-height: 15px; font-family: Arial, Helvetica, sans-serif; vertical-align: baseline; float: none; color: #4b4b4b; } /* Tables still need 'cellspacing="0"' in the markup. */ div.tGallery table { border-collapse: separate; border-spacing: 0; } div.tGallery td { text-align: left; vertical-align: top; } div.tGallery a, div.tGallery a, div.tGallery a img, div.tGallery a img { border-style: none; outline-style: none; } div.tGallery ul li { list-style-type: none; background: none; } div.tGallery a { color: #000000; } div.tGallery a:link, div.tGallery a:visited, div.tGallery a:active, div.tGallery a:hover, div.tGallery a:link, div.tGallery a:visited, div.tGallery a:active, div.tGallery a:hover { text-decoration: none; } /******************************** tGallery ********************************/ .tGallery{} .tGallery a{ outline: 0; } .tGallery var{ display: none; } .tGallery .title{ padding: 4px 0 6px; font-size: 16px; line-height: 19px; text-align: center; border-bottom: solid 1px #7c7c7c; } .tGallery .text{ padding: 10px; } .tGallery, .tGallery p{ font-style: normal; font-size: 12px; line-height: 15px; font-family: Arial, Helvetica, sans-serif; color: #4b4b4b; } /* thumb slider */ .tGallery.thumb{ overflow: hidden; padding: 0 9px; } .tGallery.thumb ul.slider{ width: 100%; position: relative; overflow: hidden; margin: 14px 0; padding: 0; height: 140px!important; } .tGallery.thumb ul.slider li{ float: left; position: absolute; width: 140px; display: inline-block; list-style-type: none; border-radius: 4px; -moz-border-radius: 4px; } .tGallery.thumb ul.slider li.hovered{ background: #ededed; } .tGallery.thumb ul.slider li.active{ background: #e20074; } .tGallery.thumb ul.slider li a{ position: relative; display: inline-block; width: 100%; height: 136px; text-align: center; background: transparent url(/static-tr/alkalmazasok/tgallery/img/loader.gif) center center no-repeat; } .tGallery.thumb ul.slider li a img{ margin-top: 30px; padding: 3px; max-height: 89px; /* TODO: background: #fff; ? */ box-shadow: 0 0 3px #aaa; -moz-box-shadow: 0 0 3px #aaa; } .tGallery.thumb ul.slider.static{ text-align: center; } .tGallery.thumb ul.slider.static li{ float: none; position: relative; } .tGallery.thumb div.pager{ text-align: center; padding: 9px 0 5px; border-top: solid 1px #dcdcdc; } .tGallery.thumb div.pager a{ display: inline-block; width: 30px; height: 36px; background-color: transparent; background-image: url(/static-tr/alkalmazasok/tgallery/img/bg_pager.png); background-repeat: no-repeat; z-index: 100; } .tGallery.thumb div.pager a.prev{ background-position: 2px -208px; margin: 0 34px 0 0; } .tGallery.thumb div.pager a.next{ background-position: -100px -208px; margin: 0 0 0 34px; } /* large slider */ .tGallery.large{ /*display: none;*/ width: 738px; overflow: hidden; padding: 10px 0 0; background: #fff; } .tGallery.large .largeSlider{ position: relative; overflow: hidden; margin: 20px 0 0; padding-bottom: 10px; border-bottom: solid 1px #7c7c7c; } .tGallery.large .largeSlider ul.slider{ position: relative; overflow: hidden; height: 453px; padding: 0; margin: 0; } .tGallery.large .largeSlider ul.slider li{ float: left; overflow: hidden; width: 738px; height: 100%; position: absolute; text-align: center; list-style-type: none; background: transparent url(/static-tr/alkalmazasok/tgallery/img/loader.gif) center center no-repeat; } .tGallery.large .largeSlider ul.slider li img{ height: 453px; } .tGallery.large .largeSlider a.pager{ position: absolute; display: inline-block; width: 55px; height: 453px; background-color: transparent; background-image: url(/static-tr/alkalmazasok/tgallery/img/bg_pager.png); background-repeat: no-repeat; z-index: 100; text-indent: -9999px; } .tGallery.large .largeSlider a.prev{ top: 10px; left: 0; background-position: 19px -20px; } .tGallery.large .largeSlider a.next{ top: 10px; right: 0; background-position: -92px -20px; } /* kmodal */ .tGallery.kWindow { border: 0; padding: 0; float: left; width: auto; height: auto; position: relative; background: #fff; display: inline-block; border: solid 1px #ccc; border-radius: 6px; -moz-border-radius: 6px; box-shadow: 0 5px 8px #bbb; -moz-box-shadow: 0 5px 8px #bbb; } .tGallery.kWindow.dumbIE{ border: 2px solid #ddd; } .tGallery .noTitle .kWindowHeader { height: 0; } .tGallery .noTitle .kWindowTitle { padding: 0; height: 0; } .tGallery .noDrag .kWindowTitle, .noDrag .kWindowHeader { cursor: default; } .tGallery .kWindowIcons { position: absolute; right: 11px; top: 29px; z-index: 10; } .tGallery .kWindowClose { float: right; cursor: pointer; position: absolute; right: -10px; top: -35px; white-space: nowrap; font-family: Arial, Helvetica, sans-serif; font-size: 11px !important; line-height: 14px; padding-right: 9px; z-index: 10000; } .tGallery .kWindowClose img{ margin-left: 10px; } .tGallery .kWindowClose:hover{ color: #e20074; } .tGallery .kWindowHeader img { float: right; } .tGallery .kWindowContentContainer { float: left; position: relative; display: inline-block; } .tGallery .kWindowContent { position: relative; padding: 5px 0 0; height: auto; } .tGallery .noButtons .kWindowContent { padding: 5px 0; } .tGallery .kWindowScroll { position: relative; overflow: auto; height: 100%; width: 100%; background: transparent; padding: 0; margin: 0; display: inline-block; } .tGallery .kWindowScroll .cnt { padding: 15px; } .tGallery .kWindowScroll .modalImage { vertical-align: bottom; } .tGallery .kWindowButtons { display: block; text-align: center; margin-top: 2px; } .tGallery .kWindowButtons .beautyButton { margin: 0 5px; } #kModal{ position: fixed; z-index: 1000; left: 0; top: 0; right: 0; bottom: 0; background: #fff; border: none; }