Changeset 17844


Ignore:
Timestamp:
09/10/12 18:02:26 (7 years ago)
Author:
flop25
Message:

fix z-index
code simplified again
managment of extra wide pictures but not enougth for 3 columns, so set on 2 columns

Location:
extensions/stripped_black_bloc
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • extensions/stripped_black_bloc/template/thumbnails.tpl

    r17843 r17844  
    88{if !empty($thumbnails)} 
    99  {foreach from=$thumbnails item=thumbnail} 
    10    {assign var=triplehigh value=$thumbnail.height+$thumbnail.height+$thumbnail.height} 
    11    {if ($thumbnail.width > $triplehigh) and ($thumbnail.width>$stripped_black_bloc.thumbnail_width+$stripped_black_bloc.column_width+$stripped_black_bloc.column_width)} 
    12     {assign var=derivative value=$pwg->derivative($derivative_stripped_black_bloc_wide, $thumbnail.src_image)} 
    13     {assign var='size' value=$derivative->get_size()} 
    14   <div class="bloc threecol"> 
    15     <a href="{$thumbnail.URL}" style="background: url({if $derivative->is_cached()}{$derivative->get_url()}{else}{$ROOT_URL}{$themeconf.img_dir}/loading.gif{/if}) no-repeat scroll center center transparent; height: {$size[1]}px; width: {$size[0]}px; opacity: 0.75;" {if !$derivative->is_cached()}data-src="{$derivative->get_url()}"{/if}> 
    16     {if isset($thumbnail.NAME)}{$thumbnail.NAME}{else}{$thumbnail.TN_TITLE}{/if} 
    17     </a> 
    18     {if $SHOW_THUMBNAIL_CAPTION } 
    19     <div class="title">{if isset($thumbnail.NAME)}{$thumbnail.NAME}{/if}</div> 
    20     {/if} 
    21   </div> 
    22   {else} 
    23     {if (($thumbnail.width < $thumbnail.height) and $stripped_black_bloc.portrait_limitation=="yes")} 
     10    {assign var=triplehigh value=$thumbnail.height+$thumbnail.height+$thumbnail.height} 
     11    {if ($thumbnail.width > $triplehigh) and ($thumbnail.width>$stripped_black_bloc.thumbnail_width+$stripped_black_bloc.column_width+$stripped_black_bloc.column_width)} 
     12      {assign var=derivative value=$pwg->derivative($derivative_stripped_black_bloc_wide, $thumbnail.src_image)} 
     13      {assign var=TN_CLASS value='threecol'} 
     14    {elseif ($thumbnail.width > $triplehigh) and ($thumbnail.width>$stripped_black_bloc.column_width+$stripped_black_bloc.column_width)} 
     15      {assign var=derivative value=$pwg->derivative($derivative_stripped_black_bloc_big, $thumbnail.src_image)} 
     16      {assign var=TN_CLASS value='twocol'} 
     17    {elseif (($thumbnail.width < $thumbnail.height) and $stripped_black_bloc.portrait_limitation=="yes")} 
    2418      {if $thumbnail.TN_CLASS=="twocol" and $thumbnail.width>$stripped_black_bloc.thumbnail_width+$stripped_black_bloc.column_width} 
    2519        {assign var=derivative value=$pwg->derivative($derivative_stripped_black_bloc_big_vert, $thumbnail.src_image)} 
     20        {assign var=TN_CLASS value='twocol'} 
    2621      {else} 
    2722        {assign var=derivative value=$pwg->derivative($derivative_stripped_black_bloc_vert, $thumbnail.src_image)} 
     23        {assign var=TN_CLASS value='onecol'} 
    2824      {/if} 
    2925    {else} 
    3026      {if $thumbnail.TN_CLASS=="twocol" and $thumbnail.width>$stripped_black_bloc.thumbnail_width+$stripped_black_bloc.column_width} 
    3127        {assign var=derivative value=$pwg->derivative($derivative_stripped_black_bloc_big, $thumbnail.src_image)} 
     28        {assign var=TN_CLASS value='twocol'} 
    3229      {else} 
    3330        {assign var=derivative value=$pwg->derivative($derivative_stripped_black_bloc, $thumbnail.src_image)} 
     31        {assign var=TN_CLASS value='onecol'} 
    3432      {/if} 
    35   {/if} 
     33    {/if} 
    3634     {assign var='size' value=$derivative->get_size()} 
    37      <div class="bloc {$thumbnail.TN_CLASS}"> 
    38 <a href="{$thumbnail.URL}" style="background: url({if $derivative->is_cached()}{$derivative->get_url()}{else}{$ROOT_URL}{$themeconf.img_dir}/loading.gif{/if}) no-repeat scroll center center transparent; height: {$size[1]}px; width: {$size[0]}px; opacity: 0.75;" {if !$derivative->is_cached()}data-src="{$derivative->get_url()}"{/if}> 
     35  <div class="bloc {$TN_CLASS}"> 
     36    <a href="{$thumbnail.URL}" style="background: url({if $derivative->is_cached()}{$derivative->get_url()}{else}{$ROOT_URL}{$themeconf.img_dir}/loading.gif{/if}) no-repeat scroll center center transparent; height: {$size[1]}px; width: {$size[0]}px; opacity: 0.75;" {if !$derivative->is_cached()}data-src="{$derivative->get_url()}"{/if}> 
    3937    {if isset($thumbnail.NAME)}{$thumbnail.NAME}{else}{$thumbnail.TN_TITLE}{/if} 
    4038    </a> 
    4139          {if $SHOW_THUMBNAIL_CAPTION } 
    42   <div class="title">{if isset($thumbnail.NAME)}{$thumbnail.NAME}{/if}</div> 
    43   {/if} 
     40    <div class="title">{if isset($thumbnail.NAME)}{$thumbnail.NAME}{/if}</div> 
     41    {/if} 
    4442  </div> 
    45    {/if} 
    4643  {/foreach} 
    4744{/if} 
  • extensions/stripped_black_bloc/theme.css

    r17843 r17844  
    125125} 
    126126.bloc_stuff { 
    127         z-index:999; 
     127        z-index:50; 
    128128} 
    129129#thePicturePage .stuffs_thumbnails { 
     
    138138                margin-bottom:3px; 
    139139    padding: 5px; 
    140                 z-index:999; 
     140                z-index:50; 
    141141} 
    142142.content_block, .bloc_stuff, #subcontent .middle_block { 
     
    144144} 
    145145.content_block { 
    146         z-index:999; 
     146        z-index:50; 
    147147} 
    148148.menuf ul li ul { 
    149     z-index: 1100; 
     149    z-index: 100; 
    150150} 
    151151.bloc * { 
Note: See TracChangeset for help on using the changeset viewer.