Ignore:
Timestamp:
Sep 10, 2012, 6:02:26 PM (12 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.