{$cat.INFO_DATES}
+ {/if} +{$cat.CAPTION_NB_IMAGES}
+ {if not empty($cat.DESCRIPTION)} +{$cat.DESCRIPTION}
+ {/if} +Index: /extensions/flop_style/mainpage_categories/popout_details.css =================================================================== --- /extensions/flop_style/mainpage_categories/popout_details.css (revision 12579) +++ /extensions/flop_style/mainpage_categories/popout_details.css (revision 12579) @@ -0,0 +1,70 @@ +/*--Column Styles--*/ +.content { + overflow:visible; +} +ul.columns { + width: 960px; + list-style: none; + margin: 0 auto; + padding: 0; +} +ul.columns li { + width: 220px; + float: left; + display: inline; + margin: 10px; + padding: 0; + position: relative; +} +ul.columns li:hover { + z-index: 99; +} +/*--Thumbnail Styles--*/ +ul.columns li img { + position: relative; + filter: alpha(opacity=30); + opacity: 0.3; + -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /*--IE8 Specific--*/ +} +ul.columns li:hover img { + z-index: 99; + filter: alpha(opacity=100); + opacity: 1; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; +} +/*--Details Style--*/ +ul.columns li .info { + position: absolute; + left: -10px; + top: -10px; + padding: 210px 10px 20px; + width: 220px; + overflow: hidden; + display: none; + background: #fff; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + color:#000; +} +ul.columns li:hover .info { + display: block; +} +ul.columns li .info a { + color:#000; +} +ul.columns li .info a:hover { + color:#333; +} +ul.columns li h6 { + font-size: 1.2em; + font-weight: bold; + text-transform: uppercase; + margin: 0; + padding: 10px 0; +} +ul.columns li p { + padding: 0; + margin: 0; + font-size: 0.9em; +} Index: /extensions/flop_style/mainpage_categories/popout_details.tpl =================================================================== --- /extensions/flop_style/mainpage_categories/popout_details.tpl (revision 12579) +++ /extensions/flop_style/mainpage_categories/popout_details.tpl (revision 12579) @@ -0,0 +1,51 @@ +{combine_css path="template-extension/flop_style/mainpage_categories/popout_details.css"} +{footer_script require='jquery'} +{literal} +var max_dim_width = 0; +var max_dim_height = 0; +jQuery(window).load(function() { + $(".columns img").each(function () { + if (jQuery(this).height() > max_dim_height) + max_dim_height = jQuery(this).height() + 10; + if (jQuery(this).width() > max_dim_width) + max_dim_width = jQuery(this).width() + 10; + + jQuery(".columns img") + .css('width', max_dim_width+'px') + .css('height', max_dim_height+'px'); + jQuery(".columns li, .columns .info") + .css('width', max_dim_width+'px'); + jQuery(".columns .info") + .css('padding-top', max_dim_height+'px') + .css('max-height', max_dim_height+'px'); + }); +}); +{/literal} +{/footer_script} +
{$cat.INFO_DATES}
+ {/if} +{$cat.CAPTION_NB_IMAGES}
+ {if not empty($cat.DESCRIPTION)} +{$cat.DESCRIPTION}
+ {/if} +