aboutsummaryrefslogtreecommitdiffstats
path: root/template-extension/distributed/samples/titling_categories.tpl
blob: df608666b83195bed57591ca8c300b2ed83bb885 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
{* 

   Copied from mainpage_categories.tpl 

*}
{if !empty($category_thumbnails)}
  {html_head}
<style media="screen,handheld,projection,tv" type="text/css">
#content ul.thumbnailCategories li {ldelim} width:100%; }
#Titling h3 {ldelim} margin:11px 0 -13px; padding:0 3px 0 20px; text-align:left; }
#Titling h3 a {ldelim} background-color: #222; padding: 0 10px; }
#content ul.thumbnailCategories .unbordered {ldelim} width:49%; float:left; margin:0 0 0 5px;}
</style>
  {/html_head}
  <ul class="thumbnailCategories" id="Titling"> {*                   1st difference: Titling/thumbnail *}
    {foreach from=$category_thumbnails item=cat}
    <div class="unbordered"> {*                                                   W3C HTML non conform *}
    <h3> {*                                               2nd difference: h3 is outside of description *}
      <a href="{$cat.URL}">{$cat.NAME}</a>{$cat.ICON}
    </h3>
    <li>
      <div class="thumbnailCategory">
       <div class="illustration">
          <a href="{$cat.URL}">
            <img src="{$cat.TN_SRC}" alt="{$cat.ALT}" 
            title="{'hint_category'|@translate}">
          </a>
        </div>
        <div class="description">
          <div class="text">
    				{if isset($cat.INFO_DATES) }
    				<p class="dates">{$cat.INFO_DATES}</p>
    				{/if}
    				<p class="Nb_images">{$cat.CAPTION_NB_IMAGES}</p>
    				{if not empty($cat.DESCRIPTION)}
    				<p>{$cat.DESCRIPTION}</p>
    				{/if}
          </div>
        </div>
      </div>
    </li>
    </div>    
    {/foreach}
  </ul>
{/if}