Changeset 13557


Ignore:
Timestamp:
Mar 14, 2012, 2:52:28 PM (12 years ago)
Author:
plg
Message:

import theme Simple version 2.5.2

  • more flexible layout for thumbnails
  • more flexible layout for categories
  • restore the possibility to hide thumbnails caption.
  • center image in slideshow
Location:
extensions/simple_themes/simple
Files:
5 edited

Legend:

Unmodified
Added
Removed

  • extensions/simple_themes/simple/README.md

    r13555 r13557  
    4343---------
    4444
     45### version 2.5.1 (18/10/2011)
     46
     47* refactor code for #titrePage and add the link to switch the menu
     48* fixes for comments page
     49* fixes for pages where the $MENUBAR is present
     50
     51### version 2.5 (08/10/2011)
     52
     53* use media queries to adapt layout for small screens
     54* remove arbitrary limit on width: the picture will simply be partially hidden if too wide
     55* update password.tpl
     56* add MENUBAR on all pages
     57* Spelling correction in README
     58* update url
     59* bugfix for the feature 'open external links in new window' for menubar links
     60
    4561### version 2.4.3 (31/05/2011)
    4662
    … …  
    7490
    7591* if cl_conflit is used, don't add jQuery.noConflict
    76 * fix the possibility to toggle visibility of image information 
     92* fix the possibility to toggle visibility of image information
    7793* show logout link when connected - thanks to gbo
    7894* update jquery to 1.4.4
    … …  
    110126- add Readme
    111127- tweak for plugins adding icons in .titrePage (piwishak, addthis, ...)
    112 
    113 
    114 ## TODO
    115 
    116 - put rss link in header.tpl (when ready)

  • extensions/simple_themes/simple/content.css

    r13556 r13557  
    99}
    1010
    11 img { border: 0; }
     11img { border: 0; max-width: 100%; }
    1212a { text-decoration: none; }
    1313hr { border: 1px #999999 solid; }
    … …  
    190190
    191191#thumbnails li, .middle_block > ul li {
    192   margin: 0;
     192  margin: 1em;
    193193  padding: 0;
    194194  display: inline-block;
    195   width: 200px;
    196   height: 200px;
     195  vertical-align: middle;
    197196}
    198197
    199198.nb-comments, .nb-hits {
    200199  font-weight: normal;
    201   display: block;
    202200}
    203201.zero {
    … …  
    209207.thumbnailCategories {
    210208  margin: 0;
    211   padding: 1em;
     209  padding: 0;
    212210  overflow: hidden;
    213211  list-style: none;
    … …  
    216214.thumbnailCategories li {
    217215  display: inline-block;
    218   height: 160px;
    219216  overflow: hidden;
    220217  vertical-align: top;
    221218  margin: 1em;
    222   width: 45%;
     219  width: 29%;
     220  text-align: center;
    223221}
    224222
    225223.illustration {
    226   float: left;
    227   width: 150px;
    228224}
    229225
    230226.description {
    231227  overflow: auto;
    232   padding-left: 1em;
    233228}
    234229
    … …  
    312307  text-align: center;
    313308  padding: 1em 0 2em;
    314   margin: auto;
     309  margin: 0 auto;
    315310  overflow: hidden;
    316311}
    … …  
    336331
    337332#slideshow {
    338   width: 656px;
    339   margin: 1em auto 0;
     333  margin: 1em auto;
     334}
     335#slideshow .titrePage {
     336  width: 600px;
     337  margin: 0 auto;
    340338}
    341339
    … …  
    345343  float: right;
    346344  margin-right: 1em;
     345}
     346#slideshow #theImage {
     347  float: none;
     348  width: 100%;
    347349}
    348350

  • extensions/simple_themes/simple/template/slideshow.tpl

    r13547 r13557  
    11{html_head}
    22{literal}
    3 <style>#copyright {display: none;}</style>
     3<style>
     4  #copyright { display: none; }
     5</style>
    46{/literal}
    57{/html_head}
    6 <div id="slideshow" class="titrePage">
    7   <div class="imageNumber">{$PHOTO}</div>
    8   {include file='picture_nav_buttons.tpl'|@get_extent:'picture_nav_buttons'}
    9   {if $SHOW_PICTURE_NAME_ON_TITLE }
    10   <h2>{$current.TITLE}</h2>
    11   {/if}
     8<div id="slideshow">
     9  <div class="titrePage">
     10    <div class="imageNumber">{$PHOTO}</div>
     11    {include file='picture_nav_buttons.tpl'|@get_extent:'picture_nav_buttons'}
     12    {if $SHOW_PICTURE_NAME_ON_TITLE }
     13    <h2>{$current.TITLE}</h2>
     14    {/if}
     15  </div>
     16  <div id="theImage">
     17    {$ELEMENT_CONTENT}
     18    {if isset($COMMENT_IMG)}
     19    <p class="showlegend">{$COMMENT_IMG}</p>
     20    {/if}
     21  </div>
    1222</div>
    13 <div id="theImage">
    14   {$ELEMENT_CONTENT}
    15   {if isset($COMMENT_IMG)}
    16   <p class="showlegend">{$COMMENT_IMG}</p>
    17   {/if}
    18 </div>

  • extensions/simple_themes/simple/template/thumbnails.tpl

    r13546 r13557  
    66      <img class="thumbnail" src="{$thumbnail.TN_SRC}" alt="{$thumbnail.TN_ALT}" title="{$thumbnail.TN_TITLE}" />
    77    </a>
     8    {if $SHOW_THUMBNAIL_CAPTION }
    89    <p>
    910      {if isset($thumbnail.NAME)}{$thumbnail.NAME}{/if}
    … …  
    1314      {if isset($thumbnail.NB_COMMENTS)}
    1415      <span class="{if 0==$thumbnail.NB_COMMENTS}zero {/if}nb-comments">
    15         {$pwg->l10n_dec('%d comment', '%d comments',$thumbnail.NB_COMMENTS)}
     16        ({$pwg->l10n_dec('%d comment', '%d comments',$thumbnail.NB_COMMENTS)})
    1617      </span>
    1718      {/if}
    18 {*      {if isset($thumbnail.NB_HITS)}
     19      {*
     20      {if isset($thumbnail.NB_HITS)}
    1921      <span class="{if 0==$thumbnail.NB_HITS}zero {/if}nb-hits">
    2022        {$pwg->l10n_dec('%d hit', '%d hits',$thumbnail.NB_HITS)}
    2123      </span>
    22       {/if} *}
     24      {/if}
     25      *}
    2326    </p>
     27    {/if}
    2428  </li>
    2529  {/foreach}

  • extensions/simple_themes/simple/themeconf.inc.php

    r13556 r13557  
    22/*
    33Theme Name: Simple Grey
    4 Version: 2.5.1
     4Version: 2.5.2
    55Description: Simple Grey
    66Theme URI: http://piwigo.org/ext/extension_view.php?eid=308
Note: See TracChangeset for help on using the changeset viewer.