Ignore:
Timestamp:
Feb 17, 2012, 2:20:16 PM (12 years ago)
Author:
flop25
Message:

masonry changed for isotope.js
enhanced compat. with stuffs_thumbnails.tpl

Location:
extensions/stripped_black_bloc
Files:
2 added
1 deleted
3 edited

Legend:

Unmodified
Added
Removed
  • extensions/stripped_black_bloc/local_head.tpl

    r12406 r13211  
    11{if ($BODY_ID=='theCategoryPage')}
    2 {combine_script id='jquery.masonry' load='header' require='jquery' path='themes/stripped_black_bloc/js/masonry.js'}
     2{combine_script id='jquery.isotope' load='header' require='jquery' path='themes/stripped_black_bloc/js/isotope.js'}
    33{html_head}{literal}
    44<style>
     
    99        max-width: {/literal}{if $stripped_black_bloc.thumbnail_width}{$stripped_black_bloc.thumbnail_width}{/if}{literal}px;
    1010}
    11 .bloc a {
     11.bloc a{
    1212        max-width:{/literal}{if $stripped_black_bloc.thumbnail_width}{$stripped_black_bloc.thumbnail_width}{/if}{literal}px;
    1313}
     
    7777
    7878function tnb_resize() {
    79         $('#content_cell').masonry({
    80                 columnWidth: {/literal} {if $stripped_black_bloc.column_width}{$stripped_black_bloc.column_width}{/if}{literal},
     79        $('#content_cell').isotope({
     80         masonry: {
     81                columnWidth: {/literal} {if $stripped_black_bloc.column_width}{$stripped_black_bloc.column_width}{/if}{literal}
     82 },
    8183                itemSelector: '.bloc, .bloc_big, .content_block, .bloc_stuff',
    8284                isAnimated: true
  • extensions/stripped_black_bloc/template/stuffs_blocks.tpl

    r11679 r13211  
    11{foreach from=$blocks item=block key=key}
     2  {if !isset($block.thumbnails)}
    23    <div id="stuffs_block_{$block.ID}" class="content bloc_stuff {$block.CLASS} {$block.TEMPLATE|replace:'.tpl':''}" {if !empty($block.WIDTH)}style="width: {$block.WIDTH}%;"{/if}>
    34    {if isset($block.TITLE)}
     
    1718      </div>
    1819    {/if}
     20  {/if}
    1921    {include file=$block.TEMPLATE}
    20     </div>
     22  {if !isset($block.thumbnails)}
     23  </div>
     24  {/if}
    2125{/foreach}
  • extensions/stripped_black_bloc/theme.css

    r13017 r13211  
    11/**/
     2/**** Isotope CSS3 transitions ****/
     3
     4.isotope,
     5.isotope .isotope-item {
     6  -webkit-transition-duration: 0.8s;
     7     -moz-transition-duration: 0.8s;
     8       -o-transition-duration: 0.8s;
     9          transition-duration: 0.8s;
     10}
     11
     12.isotope {
     13  -webkit-transition-property: height, width;
     14     -moz-transition-property: height, width;
     15       -o-transition-property: height, width;
     16          transition-property: height, width;
     17}
     18
     19.isotope .isotope-item {
     20  -webkit-transition-property: -webkit-transform, opacity;
     21     -moz-transition-property:    -moz-transform, opacity;
     22       -o-transition-property:         top, left, opacity;
     23          transition-property:         transform, opacity;
     24}
     25/**** disabling Isotope CSS3 transitions ****/
     26.isotope.no-transition,
     27.isotope.no-transition .isotope-item,
     28.isotope .isotope-item.no-transition {
     29  -webkit-transition-duration: 0s;
     30     -moz-transition-duration: 0s;
     31       -o-transition-duration: 0s;
     32          transition-duration: 0s;
     33}
     34.isotope .isotope-item { border-radius: 5px 5px 5px 5px; }
    235#theCategoryPage #content, #content, #subcontent, #the_page, #thumbnails_block1, #thePicturePage #content, #content_cell {
    336    max-width: none;
Note: See TracChangeset for help on using the changeset viewer.