1 | {combine_css path="template-extension/flop_style/mainpage_categories/picpile_cat.css"} |
---|
2 | {if $themeconf.name == "Sylvia"} |
---|
3 | {html_style} |
---|
4 | {literal} |
---|
5 | #theCategoryPage .content { |
---|
6 | margin: 21px 10px 0 290px !important; |
---|
7 | } |
---|
8 | {/literal} |
---|
9 | {/html_style} |
---|
10 | {/if} |
---|
11 | {define_derivative name='derivative_picpile_cat' width=160 height=120 crop=true} |
---|
12 | {html_style} |
---|
13 | {literal} |
---|
14 | .picRotated { |
---|
15 | width:{/literal}{$derivative_picpile_cat->max_width()+18}{literal}px; |
---|
16 | height:{/literal}{$derivative_picpile_cat->max_height()+18}{literal}px; |
---|
17 | } |
---|
18 | .albumHolder { |
---|
19 | width:{/literal}{$derivative_picpile_cat->max_width()+10}{literal}px; |
---|
20 | height:{/literal}{$derivative_picpile_cat->max_height()+10}{literal}px; |
---|
21 | } |
---|
22 | .wrap1 { |
---|
23 | width:{/literal}{$derivative_picpile_cat->max_width()+30}{literal}px; |
---|
24 | height:{/literal}{$derivative_picpile_cat->max_height()+60}{literal}px; |
---|
25 | } |
---|
26 | |
---|
27 | {/literal} |
---|
28 | {/html_style} |
---|
29 | |
---|
30 | <ul class="thumbnailCategories"> |
---|
31 | {foreach from=$category_thumbnails item=cat} |
---|
32 | {assign var=der_picpile_cat value=$pwg->derivative($derivative_picpile_cat, $cat.representative.src_image)} |
---|
33 | <li> |
---|
34 | <span class="wrap1"><div class="albumHolder"> |
---|
35 | <div class="picRotated"></div> |
---|
36 | <div class="album"> <a class="ajax" href="{$cat.URL}"> <span title="Browse Album" class="highlight"></span> <img {$der_picpile_cat->get_size_htm()} title="{$cat.NAME|@replace:'"':' '} - {'display this album'|@translate}" alt="{$cat.TN_ALT}" src="{$der_picpile_cat->get_url()}"> <span title="Contains {$cat.CAPTION_NB_IMAGES} images" class="albumCnt">{$cat.CAPTION_NB_IMAGES}</span> </a> </div> |
---|
37 | <div title="{$cat.NAME}" class="albumTitle">{$cat.NAME}</div> |
---|
38 | <div class="clear"></div> |
---|
39 | </div> |
---|
40 | {* |
---|
41 | <div class="thumbnailCategory"> |
---|
42 | <div class="illustration"> |
---|
43 | <a href="{$cat.URL}"> |
---|
44 | <img src="{$cat.TN_SRC}" alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '} - {'display this album'|@translate}"> |
---|
45 | </a> |
---|
46 | </div> |
---|
47 | <div class="description"> |
---|
48 | <h3> |
---|
49 | <a href="{$cat.URL}">{$cat.NAME}</a> |
---|
50 | {if !empty($cat.icon_ts)} |
---|
51 | <img title="{$cat.icon_ts.TITLE}" src="{$ROOT_URL}{$themeconf.icon_dir}/recent{if $cat.icon_ts.IS_CHILD_DATE}_by_child{/if}.png" alt="(!)"> |
---|
52 | {/if} |
---|
53 | </h3> |
---|
54 | <div class="text"> |
---|
55 | {if isset($cat.INFO_DATES) } |
---|
56 | <p class="dates">{$cat.INFO_DATES}</p> |
---|
57 | {/if} |
---|
58 | <p class="Nb_images">{$cat.CAPTION_NB_IMAGES}</p> |
---|
59 | {if not empty($cat.DESCRIPTION)} |
---|
60 | <p>{$cat.DESCRIPTION}</p> |
---|
61 | {/if} |
---|
62 | </div> |
---|
63 | </div> |
---|
64 | </div> |
---|
65 | *} |
---|
66 | </span> |
---|
67 | </li> |
---|
68 | {/foreach} |
---|
69 | </ul> |
---|