Ignore:
Timestamp:
09/10/12 16:58:25 (7 years ago)
Author:
flop25
Message:

code simplification
margin and width adjusted for stuff blocs and descriptions
shadow added for stuffs_thumbnails.tpl
managment of pictures which have a smaller width than the wanted block
no more grey border for album thumbnails : colored border
etc

File:
1 edited

Legend:

Unmodified
Added
Removed
  • extensions/stripped_black_bloc/local_head.tpl

    r17828 r17843  
    22{combine_script id='jquery.isotope' load='header' require='jquery' path='themes/stripped_black_bloc/js/isotope.js'} 
    33{combine_script id='jquery.cookie' load='header' require='jquery' path='themes/stripped_black_bloc/js/jquery.ck.min.js'} 
     4{assign var='one_column' value=$stripped_black_bloc.thumbnail_width} 
     5{assign var='two_columns' value=$stripped_black_bloc.thumbnail_width+$stripped_black_bloc.column_width} 
     6{assign var='three_columns' value=$stripped_black_bloc.thumbnail_width+$stripped_black_bloc.column_width+$stripped_black_bloc.column_width} 
    47{html_style}{literal} 
    5 #theHeader a, .titrePage a, .footer_login a, .navigationBar a, #calendar_block A  { 
     8#theHeader a, .titrePage a, .footer_login a, .navigationBar a, #calendar_block A { 
    69        color: {/literal}{if $stripped_black_bloc.color_main}#{$stripped_black_bloc.color_main}{/if}{literal}; 
    710} 
    8 .bloc, .gmapsMarkup { 
    9         max-width: {/literal}{if $stripped_black_bloc.thumbnail_width}{$stripped_black_bloc.thumbnail_width}{/if}{literal}px; 
     11.album a { 
     12  border: 1.5px solid #{/literal}{$stripped_black_bloc.color_main}{literal}; 
     13  margin:-2px; 
    1014} 
    11 .bloc a { 
    12         max-width:{/literal}{if $stripped_black_bloc.thumbnail_width}{$stripped_black_bloc.thumbnail_width}{/if}{literal}px; 
     15 
     16.onecol, .gmapsMarkup, .onecol a { 
     17        max-width: {/literal}{$one_column}{literal}px; 
    1318} 
    14 .bloc_big { 
    15         max-width: {/literal}{if $stripped_black_bloc.thumbnail_width}{$stripped_black_bloc.thumbnail_width+$stripped_black_bloc.column_width}{/if}{literal}px; 
     19.twocol, .twocol a { 
     20        max-width: {/literal}{$two_columns}{literal}px; 
    1621} 
    17 .bloc_big a { 
    18         max-width:{/literal}{if $stripped_black_bloc.thumbnail_width}{$stripped_black_bloc.thumbnail_width+$stripped_black_bloc.column_width}{/if}{literal}px; 
     22.threecol, .threecol a { 
     23        max-width: {/literal}{$three_columns}{literal}px; 
    1924} 
    20 .bloc_wide { 
    21         max-width: {/literal}{if $stripped_black_bloc.thumbnail_width}{$stripped_black_bloc.thumbnail_width+$stripped_black_bloc.column_width+$stripped_black_bloc.column_width}{/if}{literal}px; 
    22 } 
    23 .bloc_wide a { 
    24         max-width:{/literal}{if $stripped_black_bloc.thumbnail_width}{$stripped_black_bloc.thumbnail_width+$stripped_black_bloc.column_width+$stripped_black_bloc.column_width}{/if}{literal}px; 
     25.stuffs_thumbnails, .stuffs_thumbnails #thumbnails, .one_column { 
     26        width:{/literal}{$one_column}{literal}px; 
    2527} 
    2628.content_block, .bloc_stuff, .two_columns { 
    27         width:{/literal}{if $stripped_black_bloc.thumbnail_width}{$stripped_black_bloc.column_width*2-20}{/if}{literal}px; 
     29        width:{/literal}{$two_columns}{literal}px; 
    2830} 
    29 .stuffs_thumbnails, .stuffs_thumbnails #thumbnails, .one_column { 
    30         width:{/literal}{if $stripped_black_bloc.thumbnail_width}{$stripped_black_bloc.thumbnail_width-10 }{/if}{literal}px; 
     31.bloc_stuff #comments ul.commentList { 
     32        width:{/literal}{$two_columns-30}{literal}px; 
    3133} 
    32 .bloc, .bloc_big { 
     34.content_block, #the_page .middle_block { 
     35  margin-left:5px !important; 
     36{/literal} 
     37    margin-top: {math equation="( x - y )/2" y=$stripped_black_bloc.thumbnail_width x=$stripped_black_bloc.column_width}px !important; 
     38                margin-bottom:{math equation="( x - y )/2" y=$stripped_black_bloc.thumbnail_width x=$stripped_black_bloc.column_width}px !important; 
     39{literal} 
     40} 
     41.bloc, .stuffs_thumbnails, .stuffs_thumbnails #thumbnails { 
    3342{/literal} 
    3443    margin-top: {math equation="( x - y - 10)/2" y=$stripped_black_bloc.thumbnail_width x=$stripped_black_bloc.column_width}px; 
Note: See TracChangeset for help on using the changeset viewer.