Changeset 12547


Ignore:
Timestamp:
Nov 5, 2011, 12:36:01 PM (9 years ago)
Author:
Zaphod
Message:

version 2.0.0

Location:
extensions/stripped
Files:
9 added
19 edited

Legend:

Unmodified
Added
Removed
  • extensions/stripped/admin/admin.inc.php

    r12321 r12547  
    1414if(isset($_POST['submit_stripped']))
    1515{
     16        $config['themeStyle']=$_POST['f_themeStyle'];
    1617        $config['hideMenu']=isset($_POST['f_hideMenu']);
    1718        $config['animatedMenu']=isset($_POST['f_animatedMenu']);
     19        $config['noLowercase']=!isset($_POST['f_forceLowercase']);
     20        $config['thumbFrame']=isset($_POST['f_thumbFrame']);
     21        $config['showThumbLegend']=isset($_POST['f_showThumbLegend']);
     22
     23        $config['showTitleOnBrowsePath']=isset($_POST['f_showTitleOnBrowsePath']);
     24        $config['imageFrame']=isset($_POST['f_imageFrame']);
     25        $config['imageCaption']=$_POST['f_imageCaption'];
     26        $config['imageArrows']=isset($_POST['f_imageArrows']);
     27        $config['navArrows']=isset($_POST['f_navArrows']);
     28        $config['defaultZoomSize']=$_POST['f_defaultZoomSize'];
    1829        $config['animatedTabs']=isset($_POST['f_animatedTabs']);
    19         $config['noLowercase']=!isset($_POST['f_forceLowercase']);
    20         $config['showThumbLegend']=isset($_POST['f_showThumbLegend']);
    21         $config['showTitleOnBrowsePath']=isset($_POST['f_showTitleOnBrowsePath']);
    22         $config['showDescriptionInsteadOfTitle']=isset($_POST['f_showDescriptionInsteadOfTitle']);
    23         $config['useNavigationArrows']=isset($_POST['f_useNavigationArrows']);
    2430        $config['infoTabAdminOnly']=isset($_POST['f_infoTabAdminOnly']);
    2531        $config['defaultTab']=$_POST['f_defaultTab'];
    26         $config['defaultZoomSize']=$_POST['f_defaultZoomSize'];
     32
    2733        $config['imageAutosize']=isset($_POST['f_imageAutosize']);
    28         $config['imageAutosizeTitle']=isset($_POST['f_imageAutosizeTitle']);
    2934        if (isset($_POST['f_imageAutosizeMargin'])) { $config['imageAutosizeMargin']=intval($_REQUEST['f_imageAutosizeMargin']); }
    3035        if (isset($_POST['f_imageAutosizeMinHeight'])) { $config['imageAutosizeMinHeight']=intval($_REQUEST['f_imageAutosizeMinHeight']); }
     36
    3137        $config['imagePreload']=isset($_POST['f_imagePreload']);
    3238        $config['imagePreloadNb']=$_POST['f_imagePreloadNb'];
    3339        $config['imagePreloadThumbs']=isset($_POST['f_imagePreloadThumbs']);
    3440        $config['imagePreloadHD']=false;
    35         $config['navThumbsFade']=150;
     41
    3642        $config['marginContainer']=30;
    3743        $config['paddingContainer']=10;
    3844        $config['highResClickMode']='zoom';
    39 
    40         array_push($page['infos'], l10n('Information data registered in database'));
     45        $config['maxThumb']=15;
    4146
    4247        conf_update_param('stripped', pwg_db_real_escape_string(serialize($config)));
    4348
    44   array_push($page['infos'], l10n('Information data registered in database'));
     49        array_push($page['infos'], l10n('stripped Configuration updated'));
    4550
    4651  load_conf_from_db();
  • extensions/stripped/admin/admin.tpl

    r12538 r12547  
    99                        <ul>
    1010                                <li><label>
     11                                        <span class="property">{'Interface style'|@translate}</span>&nbsp;
     12                                        <select name="f_themeStyle" style="min-width:150px;">
     13                                                <option value="original" {if ($options.themeStyle=="original")}selected{/if}>original</option>
     14                                                <option value="black" {if ($options.themeStyle=="black")}selected{/if}>black</option>
     15                                                <option value="white" {if ($options.themeStyle=="white")}selected{/if}>white</option>
     16                                        </select>
     17                                </label></li>
     18                                <li><label>
    1119                                        <span class="property">{'Hide menu by default on category page'|@translate}</span>&nbsp;
    1220                                        <input type="checkbox" name="f_hideMenu" {if $options.hideMenu}checked{/if}>
     
    1725                                </label></li>
    1826                                <li><label>
    19                                         <span class="property">{'Animate tabs on picture page'|@translate}</span>&nbsp;
    20                                         <input type="checkbox" name="f_animatedTabs" {if $options.animatedTabs}checked{/if}>
     27                                        <span class="property">{'Force text to lowercase'|@translate}</span>&nbsp;
     28                                        <input type="checkbox" name="f_forceLowercase" {if !($options.noLowercase)}checked{/if}>
    2129                                </label></li>
    2230                                <li><label>
    23                                         <span class="property">{'Force text to lowercase'|@translate}</span>&nbsp;
    24                                         <input type="checkbox" name="f_forceLowercase" {if !($options.noLowercase)}checked{/if}>
     31                                        <span class="property">{'Display frame around thumbnails'|@translate}</span>&nbsp;
     32                                        <input type="checkbox" name="f_thumbFrame" {if $options.thumbFrame}checked{/if}>
    2533                                </label></li>
    2634                                <li><label>
     
    3846                                </label></li>
    3947                                <li><label>
    40                                         <span class="property">{'Show description instead of title below image'|@translate}</span>&nbsp;
    41                                         <input type="checkbox" name="f_showDescriptionInsteadOfTitle" {if $options.showDescriptionInsteadOfTitle}checked{/if}>
     48                                        <span class="property">{'Display frame around image'|@translate}</span>&nbsp;
     49                                        <input type="checkbox" name="f_imageFrame" {if $options.imageFrame}checked{/if}>
    4250                                </label></li>
    4351                                <li><label>
    44                                         <span class="property">{'Use arrows instead of navigation thumbnails'|@translate}</span>&nbsp;
    45                                         <input type="checkbox" name="f_useNavigationArrows" {if $options.useNavigationArrows}checked{/if}>
     52                                        <span class="property">{'Use navigation arrows on picture'|@translate}</span>&nbsp;
     53                                        <input type="checkbox" name="f_imageArrows" {if $options.imageArrows}checked{/if}>
    4654                                </label></li>
    4755                                <li><label>
    48                                         <span class="property">{'Show Information tab only to admins'|@translate}</span>&nbsp;
    49                                         <input type="checkbox" name="f_infoTabAdminOnly" {if $options.infoTabAdminOnly}checked{/if}>
     56                                        <span class="property">{'Use navigation arrows outside picture'|@translate}</span>&nbsp;
     57                                        <input type="checkbox" name="f_navArrows" {if $options.navArrows}checked{/if}>
     58                                </label></li>
     59                                <li><label>
     60                                        <span class="property">{'Property to display below picture'|@translate}</span>&nbsp;
     61                                        <select name="f_imageCaption" style="min-width:150px;">
     62                                                <option value="none">-----</option>
     63                                                <option value="title" {if ($options.imageCaption=="title")}selected{/if}>{'Title'|@translate}</option>
     64                                                <option value="description" {if ($options.imageCaption=="description")}selected{/if}>{'Description'|@translate}</option>
     65                                        </select>
     66                                </label></li>
     67                                <li><label>
     68                                        <span class="property">{'HD picture default display'|@translate}</span>&nbsp;
     69                                        <select name="f_defaultZoomSize" style="min-width:150px;">
     70                                                <option value="fit" {if ($options.defaultZoomSize=="fit")}selected{/if}>{'fit to screen'|@translate}</option>
     71                                                <option value="full" {if ($options.defaultZoomSize=="full")}selected{/if}>{'full size'|@translate}</option>
     72                                        </select>
    5073                                </label></li>
    5174                                <li><label>
    5275                                        <span class="property">{'Default tab to be displayed'|@translate}</span>&nbsp;
    53                                         <select name="f_defaultTab">
     76                                        <select name="f_defaultTab" style="min-width:150px;">
    5477                                                <option value="none">-----</option>
    5578                                                <option value="last" {if ($options.defaultTab=="last")}selected{/if}>{'Last displayed'|@translate}</option>
     
    6285                                </label></li>
    6386                                <li><label>
    64                                         <span class="property">{'HD picture default display'|@translate}</span>&nbsp;
    65                                         <select name="f_defaultZoomSize">
    66                                                 <option value="fit" {if ($options.defaultZoomSize=="fit")}selected{/if}>{'fit to screen'|@translate}</option>
    67                                                 <option value="full" {if ($options.defaultZoomSize=="full")}selected{/if}>{'full size'|@translate}</option>
    68                                         </select>
     87                                        <span class="property">{'Animate tabs on picture page'|@translate}</span>&nbsp;
     88                                        <input type="checkbox" name="f_animatedTabs" {if $options.animatedTabs}checked{/if}>
     89                                </label></li>
     90                                <li><label>
     91                                        <span class="property">{'Show Information tab only to admins'|@translate}</span>&nbsp;
     92                                        <input type="checkbox" name="f_infoTabAdminOnly" {if $options.infoTabAdminOnly}checked{/if}>
    6993                                </label></li>
    7094                        </ul>
     
    80104                        <fieldset style="width:80%; margin:auto;">
    81105                                <ul>
    82                                         <li><label>
    83                                                 <span class="property">{'Include title after resize'|@translate}</span>&nbsp;
    84                                                 <input type="checkbox" name="f_imageAutosizeTitle" {if $options.imageAutosizeTitle}checked{/if}>
    85                                         </label></li>
    86106                                        <li>
    87107                                                <label for="imageAutosizeMargin"><span class="property">{'Additional bottom margin after resize'|@translate}</span>&nbsp;</label>
     
    107127                                        <li><label>
    108128                                                <span class="property">{'On picture page, number of next images to preload'|@translate}</span>&nbsp;
    109                                                 <select name="f_imagePreloadNb">
     129                                                <select name="f_imagePreloadNb" style="min-width:150px;">
    110130                                                        <option value=1 {if ($options.imagePreloadNb==1)}selected{/if}>1</option>
    111131                                                        <option value=2 {if ($options.imagePreloadNb==2)}selected{/if}>2</option>
  • extensions/stripped/admin/maintain.inc.php

    r12321 r12547  
    88  {
    99    $config = array(
     10        'themeStyle'                                    => 'black',
    1011        'hideMenu'                                              => true,
    1112        'animatedMenu'                                  => true,
     13        'noLowercase'                                   => false,
     14        'thumbFrame'                                    => true,
     15        'showThumbLegend'                               => false,
     16
     17        'showTitleOnBrowsePath'                 => false,
     18        'imageFrame'                                    => true,
     19        'imageCaption'                                  => 'title',
     20        'imageArrows'                                   => false,
     21        'navArrows'                                             => true,
     22        'defaultZoomSize'                               => 'fit',
    1223        'animatedTabs'                                  => true,
    13         'noLowercase'                                   => false,
    14         'showThumbLegend'                               => false,
    15         'showTitleOnBrowsePath'                 => false,
    16         'showDescriptionInsteadOfTitle' => false,
    17         'useNavigationArrows'                   => true,
    1824        'infoTabAdminOnly'                              => false,
    1925        'defaultTab'                                    => "none",
     26
    2027        'imageAutosize'                                 => true,
    21         'imageAutosizeTitle'                    => true,
    2228        'imageAutosizeMargin'                   => 60,
    2329        'imageAutosizeMinHeight'                => 200,
     30
    2431        'imagePreload'                                  => false,
    2532        'imagePreloadNb'                                => 5,
    2633        'imagePreloadThumbs'                    => false,
    2734        'imagePreloadHD'                                => false,
    28         'navThumbsFade'                                 => 150,
     35
    2936        'marginContainer'                               => 30,
    3037        'paddingContainer'                              => 10,
    31         'defaultZoomSize'                               => 'fit',
    3238        'highResClickMode'                              => 'zoom',
     39        'maxThumb'                                              => 15,
    3340      );
    3441     
  • extensions/stripped/admin/upgrade.inc.php

    r12321 r12547  
    33if (!defined('PHPWG_ROOT_PATH')) die('Hacking attempt!');
    44
    5 global $prefixeTable, $conf;
     5global $prefixeTable, $conf, $stripped;
    66
    77if (!isset($conf['stripped']))
    88{
    99    $config = array(
     10        'themeStyle'                                    => 'black',
    1011        'hideMenu'                                              => true,
    1112        'animatedMenu'                                  => true,
     13        'noLowercase'                                   => false,
     14        'thumbFrame'                                    => true,
     15        'showThumbLegend'                               => false,
     16
     17        'showTitleOnBrowsePath'                 => false,
     18        'imageFrame'                                    => true,
     19        'imageCaption'                                  => 'title',
     20        'imageArrows'                                   => false,
     21        'navArrows'                                             => true,
     22        'defaultZoomSize'                               => 'fit',
    1223        'animatedTabs'                                  => true,
    13         'noLowercase'                                   => false,
    14         'showThumbLegend'                               => false,
    15         'showTitleOnBrowsePath'                 => false,
    16         'showDescriptionInsteadOfTitle' => false,
    17         'useNavigationArrows'                   => true,
    1824        'infoTabAdminOnly'                              => false,
    1925        'defaultTab'                                    => "none",
     26
    2027        'imageAutosize'                                 => true,
    21         'imageAutosizeTitle'                    => true,
    2228        'imageAutosizeMargin'                   => 60,
    2329        'imageAutosizeMinHeight'                => 200,
     30
    2431        'imagePreload'                                  => false,
    2532        'imagePreloadNb'                                => 5,
    2633        'imagePreloadThumbs'                    => false,
    2734        'imagePreloadHD'                                => false,
    28         'navThumbsFade'                                 => 150,
     35
    2936        'marginContainer'                               => 30,
    3037        'paddingContainer'                              => 10,
    31         'defaultZoomSize'                               => 'fit',
    3238        'highResClickMode'                              => 'zoom',
     39        'maxThumb'                                              => 15,
    3340      );
    3441     
     
    3845
    3946    pwg_query($query);
    40   }
     47
     48} else {
     49       
     50        if (isset($stripped['animatedMenu']) & (!isset($stripped['themeStyle']))) {
     51
     52                $config = $stripped;
     53                $config['themeStyle']='original';
     54                $config['thumbFrame']=true;
     55               
     56                if ($stripped['showDescriptionInsteadOfTitle']) {
     57                        $config['imageCaption']='description';
     58                } else {
     59                        $config['imageCaption']='title';
     60                }
     61
     62                $config['imageArrows']=true;
     63                $config['navArrows']=false;
     64                 
     65                conf_update_param('stripped', pwg_db_real_escape_string(serialize($config)));
     66       
     67        }
     68}
    4169
    4270?>
  • extensions/stripped/index.php

    r7989 r12547  
    11<?php
    22// +-----------------------------------------------------------------------+
    3 // | Piwigo - a PHP based picture gallery                                  |
     3// | Piwigo - a PHP based photo gallery                                    |
    44// +-----------------------------------------------------------------------+
    5 // | Copyright(C) 2008      Piwigo Team                  http://piwigo.org |
     5// | Copyright(C) 2008-2011 Piwigo Team                  http://piwigo.org |
    66// | Copyright(C) 2003-2008 PhpWebGallery Team    http://phpwebgallery.net |
    77// | Copyright(C) 2002-2003 Pierrick LE GALL   http://le-gall.net/pierrick |
  • extensions/stripped/js/preload.js

    r12153 r12547  
    1 $(window).load(function() {
     1jQuery(window).load(function() {
    22    setTimeout(function() {
    33     // Prefetch all files referenced in prefetch tags
  • extensions/stripped/js/scripts-tpp.js

    r12354 r12547  
    128128        }
    129129
    130         Init_nav_thumbs();
    131 
    132130       
    133131        // Image autosize function inspired from Autosize Plugin (from cljosse)
    134         var img_W0=0;
    135         var img_H0=0;
    136         var img_ratio=0;
     132
     133        var img_ratio=image_w / image_h;
    137134
    138135        if (options.imageAutosize) {
     136       
    139137                // Autosize image
    140138                jQuery(window).resize(function () {
    141                
    142                         var marge_inf_sup = options.imageAutosizeMargin;
    143                         var Hmin = options.imageAutosizeMinHeight;
    144                        
    145                         var ImageContainer;
    146                        
    147                         if (options.imageAutosizeTitle) {
    148                                 ImageContainer = jQuery("#theImageAndTitle");
    149                         } else {
    150                                 ImageContainer = jQuery("#theImage");
    151                         }
     139                       
     140                        var Fenetre = jQuery(window);
     141                        var ImageContainer = jQuery("#theImageAndTitle");
     142                        var ImageCadre = jQuery("#theImg");
    152143                        var Image = jQuery("img","#theImg");
    153144                        var TitleBox=jQuery("#imageTitleContainer");
    154145
     146                        var marge_cote;
     147                       
     148                        if (options.navArrows) {marge_cote=30;} else {marge_cote=10;};
     149
     150                        var marge_sup = 30;
     151                        var marge_inf;
     152                        if (options.themeStyle == 'original') { marge_inf = options.imageAutosizeMargin+10;} else { marge_inf = 30;};
     153                        var marge_spec = 0;
     154                       
     155                        var slideshow=jQuery("#light_slideshow");
     156                        if (slideshow.length!=0) {
     157                                marge_inf = 5;
     158                                marge_spec = 25;
     159                        }
     160                       
     161                        var Hmin = options.imageAutosizeMinHeight;
     162                       
    155163                        if (Image.length != 1) {
    156164                                if (TitleBox.length !=0) TitleBox.css("width","97%");
    157165                                return;
    158166                        }
    159                        
    160                         var marge_inf = ImageContainer.height()-Image.height()+marge_inf_sup;
    161                         var pos0 = jQuery(Image).offset();
    162                         if (!pos0) return;
    163                         var img_top = Math.round(parseFloat(pos0.top));
    164                         var win_height = jQuery(window).height();
    165                         var img_H = win_height - img_top - marge_inf;
     167
     168                        marge_inf = ImageContainer.height()-Image.height()+marge_inf;
     169                        var win_height = Fenetre.height();
     170                        var img_H = win_height - marge_sup - marge_inf;
    166171                        var max_H = img_H;
    167                        
    168                         if (img_W0==0){
    169                                 img_W0=Image.width();
    170                                 img_H0=Image.height();
    171                                 img_ratio=img_W0/img_H0;
    172                         }
    173 
    174                         if (img_W0 == 0) return;
    175 
    176                         if (img_H >= img_H0) img_H=img_H0;
    177                         if (img_H <= Hmin) img_H=Hmin;
     172
     173                       
     174                        if (img_H >= image_h) img_H = image_h;
     175                        if (img_H <= Hmin) img_H = Hmin;
    178176
    179177                        var img_W = Math.round(parseFloat(img_H * img_ratio));
    180178                       
    181                         var max_W = jQuery("#content").width() - Image.outerWidth() + Image.width();
     179
     180                        var marge_image = ImageCadre.outerWidth() - Image.width();
     181/* à modifier */
     182                        var ext_width;
     183                       
     184                        if (options.themeStyle == 'original') { ext_width = jQuery("#content").width();} else {ext_width = Fenetre.width();};
     185                        var max_W = ext_width - marge_image - marge_cote * 2;
     186                       
    182187                        if (img_W > max_W) {
    183                                 var img_H = Math.round(parseFloat(max_W / img_ratio));
    184                                 if (img_H <= Hmin) {
    185                                         img_H = Hmin;
    186                                         img_W = Math.round(parseFloat(img_H * img_ratio));
    187                                 } else {
    188                                         img_W = max_W;
    189                                 }
    190                         }
    191 
     188                                img_H = Math.round(parseFloat(max_W / img_ratio));
     189                                img_W = max_W;
     190                        }
     191                       
    192192                        Image.css("width", img_W + "px");
    193                         Image.css("height", img_H+ "px");
    194                        
     193                        Image.css("height", img_H + "px");
     194
     195                        if (options.themeStyle != 'original') {
     196                                var marge_tot = win_height - img_H - marge_inf - marge_sup - marge_spec;
     197                                if (marge_tot < 0) marge_tot=0;
     198                       
     199                                var marge = marge_sup + Math.round(parseFloat(marge_tot / 2));
     200
     201                                ImageContainer.css("top",marge+"px");
     202                        }
     203
     204                        // limit img title Container width
     205
     206                        if (TitleBox.length != 0) {
     207                                TitleBox.css("min-width",jQuery("#theImg").outerWidth()+"px");
     208                        }
     209
    195210                        jQuery.cookie("stripped_max_width",max_W);
    196211                        jQuery.cookie("stripped_max_height",max_H);
    197212
     213                        ImageContainer.css("opacity","1");
     214                        ImageCadre.css("opacity","1");
     215                        TitleBox.css("opacity","1");
     216
     217
    198218                        // limit img title Container width
    199 
     219/*
    200220                        if (TitleBox.length != 0) {
    201                                 TitleBox.css("min-width",jQuery("#theImg").outerWidth()+"px");
    202                         }
    203 
    204                         Calc_nav_thumbs_pos();
    205                        
     221                                var TBminW = jQuery("#theImg").outerWidth();
     222                                TitleBox.css("min-width",TBminW + "px");
     223                                if (TitleBox.width() > TBminW) {
     224                                        TitleBox.children().css("text-align","justify");
     225                                } else {
     226                                        TitleBox.children().css("text-align","center");
     227                                }
     228                        }
     229*/
     230                        // test
     231                        if (options.themeStyle != 'original') {
     232                                var max_footer_width = jQuery("#content").width() - jQuery("#tabTitles").width() - 5;
     233                                jQuery("#copyright").css("max-width",max_footer_width);
     234                        }
    206235                        return;
    207236
     
    209238               
    210239                jQuery(window).resize();
     240                jQuery(window).resize();
    211241       
    212242        }       else {
    213 
     243                jQuery("#theImageAndTitle").css("opacity","1");
    214244                var TitleBox=jQuery("#imageTitleContainer");
    215245                if (TitleBox.length !=0) TitleBox.css("width","97%");
    216246               
    217                 jQuery(window).resize(function () {
    218                         Calc_nav_thumbs_pos();
    219                         return;
    220                 });
     247        }
     248       
    221249               
    222         }
    223                
    224         Calc_nav_thumbs_pos()
    225 
    226250});
    227251
    228 function Init_nav_thumbs() {
    229         var tfade=options.navThumbsFade;
    230 
    231         var PrevBoxOut = jQuery("#linkPrevOut");
    232         if (PrevBoxOut.length !=0)
    233         {
    234                 var PrevBoxIn=jQuery("#linkPrevIn");
    235                 var PrevImgBox=jQuery("#linkPrevIn > .navThumb");
    236                 var PrevImg=jQuery("#linkPrevIn > .navThumb > img");
    237 
    238                 if ((jQuery("#mapPicture").length==0) && (jQuery("#Panorama").length==0) && (jQuery("#pamoorama").length==0)){
    239                         PrevBoxIn.mouseenter(function(){PrevImg.stop(true, false).animate({opacity:1},tfade);});
    240                         PrevBoxOut.mouseleave(function(){PrevImg.stop(true, false).animate({opacity:0},tfade);});
    241                 } else {
    242                         PrevBoxOut.css("display","none");
    243                 }
    244         }
    245 
    246         var NextBoxOut = jQuery("#linkNextOut");
    247         if (NextBoxOut.length !=0)
    248         {
    249                 var NextBoxIn=jQuery("#linkNextIn");
    250                 var NextImgBox=jQuery("#linkNextIn > .navThumb");
    251                 var NextImg=jQuery("#linkNextIn > .navThumb > img");
    252 
    253                 if ((jQuery("#mapPicture").length==0) && (jQuery("#Panorama").length==0) && (jQuery("#pamoorama").length==0)){
    254                         NextBoxIn.mouseenter(function(){NextImg.stop(true, false).animate({opacity:1},tfade);});
    255                         NextBoxOut.mouseleave(function(){NextImg.stop(true, false).animate({opacity:0},tfade);});
    256                 } else {
    257                         NextBoxOut.css("display","none");
    258                 }
    259         }
    260 }
    261 
    262 function Calc_nav_thumbs_pos() {
    263 
    264         var Window = jQuery(window);
    265         var Content = jQuery("#content");
    266         var ImageBox = jQuery("#theImg");
    267         var PrevImg=jQuery("#linkPrevIn > .navThumb > img");
    268 
    269         var window_width = Window.width();
    270         var content_width = Content.width();
    271         var image_width = ImageBox.width();
    272 
    273         var PrevBoxOut = jQuery("#linkPrevOut");
    274         if (PrevBoxOut.length !=0)
    275         {       
    276                 if (PrevBoxOut.css("display") != "none") {
    277                         var PrevBoxIn=jQuery("#linkPrevIn");
    278                         var PrevImgBox=jQuery("#linkPrevIn > .navThumb");
    279                         var PrevImg=jQuery("#linkPrevIn > .navThumb > img");
    280 
    281                         // height
    282 
    283                         var imgHeight = ImageBox.height()||0;
    284                         PrevBoxOut.css("height",imgHeight+"px");
    285 
    286                         var prevImgTopMargin =  parseInt( (imgHeight - PrevImgBox.outerHeight()) / 2 );
    287                         PrevImgBox.css("margin-top",prevImgTopMargin+"px");
    288 
    289                         // position
    290                        
    291                         var prevbox_pos1= parseInt( ( content_width - image_width + PrevImg.outerWidth()) / 2 ) + 120;
    292                         var prevbox_pos0= prevbox_pos1 - PrevBoxOut.width();
    293                         var left_margin = parseInt( ( window_width - content_width ) / 2 );
    294                        
    295                         if (prevbox_pos0 + left_margin < 0 ) {
    296                                 prevbox_pos0 = - left_margin
    297                                 prevbox_pos1 = prevbox_pos0 + PrevBoxOut.width();
    298                         }
    299                         var prevbox_width = prevbox_pos1 - prevbox_pos0;
    300                        
    301                         PrevBoxOut.css("left",prevbox_pos0+"px");
    302                         PrevBoxOut.css("width",prevbox_width+"px");
    303                 }
    304         }
    305 
    306         var NextBoxOut = jQuery("#linkNextOut");
    307         if (NextBoxOut.length !=0)
    308         {
    309                 if (NextBoxOut.css("display") != "none") {
    310                         var NextBoxIn=jQuery("#linkNextIn");
    311                         var NextImgBox=jQuery("#linkNextIn > .navThumb");
    312                         var NextImg=jQuery("#linkNextIn > .navThumb > img");
    313 
    314                         // height
    315 
    316                         var imgHeight = ImageBox.height()||0;
    317                         NextBoxOut.css("height",imgHeight+"px");
    318 
    319                         var nextImgTopMargin =  parseInt( (imgHeight - NextImg.outerHeight()) / 2 );
    320                         NextImgBox.css("margin-top",nextImgTopMargin+"px");
    321 
    322                         // position
    323 
    324                         var nextbox_pos1= parseInt( ( content_width - image_width + NextImg.outerWidth()) / 2 ) + 120;
    325                         var nextbox_pos0= nextbox_pos1 - NextBoxOut.width();
    326                         var right_margin = parseInt( ( window_width - content_width ) / 2 );
    327                        
    328                         if (nextbox_pos0 + right_margin < 0 ) {
    329                                 nextbox_pos0 = - right_margin
    330                                 nextbox_pos1 = nextbox_pos0 + NextBoxOut.width();
    331                         }
    332                
    333                         var nextbox_width = nextbox_pos1 - nextbox_pos0;
    334                        
    335                         NextBoxOut.css("right",nextbox_pos0+"px");
    336                         NextBoxOut.css("width",nextbox_width+"px");
    337                 }
    338         }
    339 }
    340252
    341253
  • extensions/stripped/language/en_UK/theme.lang.php

    r12538 r12547  
    22
    33$lang['Show/hide menu'] = 'Show/hide menu';
    4 $lang['Description'] = 'Description';
    54$lang['Information'] = 'Information';
    65$lang['GMap'] = 'Map';
    76
    87$lang['Interface options']='Interface options';
     8$lang['Interface style']='Interface style';
    99$lang['Hide menu by default on category page']='Hide menu by default on category page';
    1010$lang['Animate menu']='Animate menu';
    11 $lang['Animate tabs on picture page']='Animate tabs on picture page';
    12 $lang['Replace all icons by ALT text']='Replace all icons by ALT text';
    1311$lang['Force text to lowercase']='Force text to lowercase';
     12$lang['Display frame around thumbnails']='Display frame around thumbnails';
    1413$lang['Show thumbnail caption']='Show thumbnail caption';
     14
    1515$lang['Picture page options']='Picture page options';
    1616$lang['Show image title on top of the page (after browse path)']='Show image title on top of the page (after browse path)';
    17 $lang['Show description instead of title below image']='Show description instead of title below image';
    18 $lang['Use arrows instead of navigation thumbnails']='Use arrows instead of navigation thumbnails';
     17$lang['Display frame around image']='Display frame around image';
     18$lang['Use navigation arrows on picture']='Use navigation arrows on picture';
     19$lang['Use navigation arrows outside picture']='Use navigation arrows outside picture';
     20$lang['Property to display below picture']='Property to display below picture';
     21$lang['Title']='Title';
     22$lang['HD picture default display']='HD picture default display';
     23$lang['fit to screen']='fit to screen';
     24$lang['full size']='full size';
     25$lang['Default tab to be displayed']='Default tab to be displayed';
     26$lang['Last displayed']='Last displayed';
     27$lang['Metadata']='Metadata';
     28$lang['Animate tabs on picture page']='Animate tabs on picture page';
    1929$lang['Show Information tab only to admins']='Show Information tab only to admins';
     30
    2031$lang['Image autosize options']='Image autosize options';
    2132$lang['Resize image to fit window']='Resize image to fit window';
     
    2334$lang['Additional bottom margin after resize']='Additional bottom margin after resize';
    2435$lang['Minimum image height after resize']='Minimum image height after resize';
    25 $lang['stripped Configuration updated']='stripped Configuration updated';
    26 $lang['Default tab to be displayed']='Default tab to be displayed';
    27 $lang['Last displayed']='Last displayed';
    28 $lang['Metadata']='Metadata';
    2936
    30 $lang['HD picture default display']='HD picture default display';
    31 $lang['fit to screen']='fit to screen';
    32 $lang['full size']='full size';
    3337$lang['Image preloading options']='Image preloading options';
    3438$lang['Activate image preloading']='Activate image preloading';
    3539$lang['On picture page, number of next images to preload']='On picture page, number of next images to preload';
    3640$lang['Preload images on thumbnails page']='Preload images on thumbnails page';
     41
     42$lang['stripped Configuration updated']='stripped Configuration updated';
    3743?>
  • extensions/stripped/language/fr_FR/theme.lang.php

    r12538 r12547  
    22
    33$lang['Show/hide menu'] = 'Afficher/cacher le menu';
    4 $lang['Description'] = 'Description';
    54$lang['Information'] = 'Informations';
    65$lang['GMap'] = 'Carte';
    76
    87$lang['Interface options']='Interface';
     8$lang['Interface style']='Style de l\'interface';
    99$lang['Hide menu by default on category page']='Menu masqu&eacute; par d&eacute;faut sur la page des cat&eacute;gories';
    1010$lang['Animate menu']='Menu anim&eacute;';
    11 $lang['Animate tabs on picture page']='Onglets anim&eacute;s sur la page image';
    12 $lang['Replace all icons by ALT text']='Remplacer les icones par leur attribut ALT';
    1311$lang['Force text to lowercase']='Affichage forc&eacute; en minuscules';
     12$lang['Display frame around thumbnails']='Afficher un cadre autour des miniatures';
    1413$lang['Show thumbnail caption']='Afficher la l&eacute;gende sous les miniatures';
     14
    1515$lang['Picture page options']='Page Image';
    1616$lang['Show image title on top of the page (after browse path)']='Afficher le titre de l\'image en haut de la page';
    17 $lang['Show description instead of title below image']='Afficher la description &agrave; la place du titre en dessous de l\'image';
    18 $lang['Use arrows instead of navigation thumbnails']='Utiliser des fl&egrave;ches de navigation &agrave; la place des miniatures';
     17$lang['Display frame around image']='Afficher un cadre autour de l\'image';
     18$lang['Use navigation arrows on picture']='Utiliser des fl&egrave;ches de navigation sur l\'image';
     19$lang['Use navigation arrows outside picture']='Utiliser des fl&egrave;ches de navigation autour de l\'image';
     20$lang['Property to display below picture']='Propri&eacute; &agrave; afficher en dessous de l\'image';
     21$lang['Title']='Titre';
     22$lang['HD picture default display']='Affichage par d&eacute;faut de l\'image HD';
     23$lang['fit to screen']='Adapter &agrave; l\'&eacute;cran';
     24$lang['full size']='Plein format';
     25$lang['Default tab to be displayed']='Onglet affich&eacute; par d&eacute;faut';
     26$lang['Last displayed']='Dernier ouvert';
     27$lang['Metadata']='Meta-donn&eacute;es';
     28$lang['Animate tabs on picture page']='Onglets anim&eacute;s sur la page image';
    1929$lang['Show Information tab only to admins']='Onglet \'Informations\' r&eacute;serv&eacute; aux admins';
     30
    2031$lang['Image autosize options']='Redimensionnement auto des images';
    2132$lang['Resize image to fit window']='Activer le redimensionnement auto';
     
    2334$lang['Additional bottom margin after resize']='Marge suppl&eacute;mentaire en bas';
    2435$lang['Minimum image height after resize']='Hauteur minimale apr&egrave;s redimensionnement';
    25 $lang['stripped Configuration updated']='Configuration mise &agrave; jour';
    26 $lang['Default tab to be displayed']='Onglet affich&eacute; par d&eacute;faut';
    27 $lang['Last displayed']='Dernier ouvert';
    28 $lang['Metadata']='Meta-donn&eacute;es';
    2936
    30 $lang['HD picture default display']='Affichage par d&eacute;faut de l\'image HD';
    31 $lang['fit to screen']='Adapter &agrave; l\'&eacute;cran';
    32 $lang['full size']='Plein format';
    3337$lang['Image preloading options']='Options de pr&eacute;chargement des images';
    3438$lang['Activate image preloading']='Activer le pr&eacute;chargement des images';
     
    3640$lang['Preload images on thumbnails page']='Pr&eacute;charger les images depuis la page des miniatures';
    3741
     42$lang['stripped Configuration updated']='Configuration mise &agrave; jour';
    3843?>
  • extensions/stripped/local_head.tpl

    r12321 r12547  
    1414
    1515        {if !$stripped.noLowercase}
    16                 {combine_css path="themes/`$theme.id`/lowercase.css" order=-10}
     16                {combine_css path="themes/`$theme.id`/lowercase.css" order=-9}
     17        {/if}
     18
     19        {if ($stripped.themeStyle == 'black') }
     20                {combine_css path="themes/`$theme.id`/theme-black.css" order=-8}
     21        {else}
     22                {if ($stripped.themeStyle == 'white') }
     23                        {combine_css path="themes/`$theme.id`/theme-white.css" order=-8}
     24                {else}
     25                        {combine_css path="themes/`$theme.id`/theme-original.css" order=-8}
     26                {/if}
    1727        {/if}
    1828
    1929{/if}
    2030
    21         {if $BODY_ID=='theCategoryPage' || $BODY_ID=='thePicturePage'}
    22                 {include file='config.js.tpl'}
    23         {/if}
     31{if $BODY_ID=='theCategoryPage' || $BODY_ID=='thePicturePage'}
     32        {include file='config.js.tpl'}
     33{/if}
    2434
    25         {if ($BODY_ID=='theCategoryPage')}
    26                 {combine_script id='scripts-tcp' load='header' require='jquery.effects.blind' path='themes/stripped/js/scripts-tcp.js'}
    27         {/if}
     35{if ($BODY_ID=='theCategoryPage')}
     36        {combine_script id='scripts-tcp' load='header' require='jquery.effects.blind' path='themes/stripped/js/scripts-tcp.js'}
     37{/if}
    2838
    29         {if $BODY_ID=='thePicturePage'}
    30                 {combine_script id='scripts-tpp' load='header' require='jquery' path='themes/stripped/js/scripts-tpp.js'}
    31         {/if}
     39{if $BODY_ID=='thePicturePage'}
     40        {combine_script id='scripts-tpp' load='header' require='jquery' path='themes/stripped/js/scripts-tpp.js'}
     41{/if}
    3242
    33         {if isset($stripped.imagePreload)}
    34                 {combine_script id='preload' load='header' require='jquery' path='themes/stripped/js/preload.js'}
    35         {/if}
     43{if isset($stripped.imagePreload)}
     44        {combine_script id='preload' load='header' require='jquery' path='themes/stripped/js/preload.js'}
     45{/if}
    3646
    37   <script type="text/javascript">
    38     document.documentElement.className = 'js';
    39   </script>
     47<script type="text/javascript">
     48        document.documentElement.className = 'js';
     49</script>
     50
     51{if !$stripped.thumbFrame}
     52        <script type="text/javascript">
     53                document.documentElement.className = 'ntfd';
     54                document.documentElement.className = 'js ntf';
     55        </script>
     56{/if}
     57       
  • extensions/stripped/readme.txt

    r12538 r12547  
    33Author : Julien Capitaine (Zaphod on Piwigo forums)
    44
    5 This theme is based on "simple black" theme by Saïmon <contact@saimon.org>
    6 It has been influenced by Gally theme (by Grum) and Luciano Amodio theme
     5stripped theme is designed as a simple, clean theme, in order to focus on the images.
     6This theme comes with 3 different styles (original, black, white) and several options are available on the configuration page.
     7(Admin/Configuration/Themes -> stripped Configuration)
     8
     9It includes an automatic image sizing to be able view the whole image even on small screens,
     10and an image preloading system to permit faster browsing.
     11
     12It is originally based on "simple black" theme by Saïmon <contact@saimon.org>,
     13and has been influenced by Gally theme (by Grum) and Luciano Amodio theme
    714(by P@t and AdamQuadmon).
    8 
    9 It has been designed as a simple, clean theme, in order to focus on the images.
    10 
    11 Several options are available on the configuration page.
     15Thanks to the authors!
    1216
    1317Licence
     
    2832---------
    2933
     34*** version 2.0.0
     35
     36- this is a major upgrade, be careful if you use child themes or numerous plugins.
     37- 3 styles are now available: original, black, white.
     38- frames around thumbnails are now optional.
     39- navigation arrows can be on picture or outside picture.
     40- several new other options on configuration page.
     41- navigation thumbnails are not available anymore.
     42
    3043*** version 1.5.7 (piwigo 2.2) & version 1.5.8 (piwigo 2.3)
    3144
     
    3346
    3447*** version 1.5.5 (piwigo 2.2) & version 1.5.6 (piwigo 2.3)
     48
     49- bug fix for IE6-7
     50
     51*** version 1.5.4
    3552
    3653- bug fix for IE6-7
  • extensions/stripped/template/config.js.tpl

    r11982 r12547  
    44// configuration options
    55var options = { {/literal}
     6        imageAutosize:{if $stripped.imageAutosize}true{else}false{/if},
     7        imageAutosizeMargin:{$stripped.imageAutosizeMargin},
     8        imageAutosizeMinHeight:{$stripped.imageAutosizeMinHeight},
    69{if $BODY_ID=='theCategoryPage'}
    7         animatedMenu:{if $stripped.animatedMenu}true{else}false{/if},
     10        animatedMenu:{if $stripped.animatedMenu}true{else}false{/if}
    811{/if}
    912{if $BODY_ID=='thePicturePage'}
     13        themeStyle:"{$stripped.themeStyle}",
    1014        animatedTabs:{if $stripped.animatedTabs}true{else}false{/if},
    1115        defaultTab:"{$stripped.defaultTab}",
    12         imageAutosize:{if $stripped.imageAutosize}true{else}false{/if},
    13         imageAutosizeTitle:{if $stripped.imageAutosizeTitle}true{else}false{/if},
    14         imageAutosizeMargin:{$stripped.imageAutosizeMargin},
    15         imageAutosizeMinHeight:{$stripped.imageAutosizeMinHeight},
    16         navThumbsFade:{$stripped.navThumbsFade},
    1716        marginContainer:{$stripped.marginContainer},
    1817        paddingContainer:{$stripped.paddingContainer},
    1918        defaultZoomSize:"{$stripped.defaultZoomSize}",
    2019        highResClickMode:"{$stripped.highResClickMode}",
     20        navArrows:{if $stripped.navArrows}true{else}false{/if}
    2121{/if}
    22         replaceActionIcons:{if $stripped.replaceActionIcons}true{else}false{/if}
    2322{literal}
    2423}
  • extensions/stripped/template/footer.tpl

    r12321 r12547  
    3333
    3434                {if isset($U_ADMIN)}
    35                         <a href="{$U_ADMIN}" title="{'available for administrators only'|@translate}" class="uadmin">{'Administration'|@translate}</a>
     35                        <a href="{$U_ADMIN}" title="{'available for administrators only'|@translate}">{'Administration'|@translate}</a>
    3636                {/if}
    3737
  • extensions/stripped/template/index.tpl

    r12321 r12547  
     1{php}
     2        global $pwg_loaded_plugins;
     3        $this->assign('GMaps_loaded', isset($pwg_loaded_plugins[ 'GMaps' ]));
     4        $this->assign('ThumbScroller_loaded', isset($pwg_loaded_plugins[ 'rv_tscroller' ]));
     5{/php}
    16<div class="titrePage">
    27        <div class="browsePath">
     
    2025                </div>
    2126        {/if}
    22         {php}
    23                 global $pwg_loaded_plugins;
    24                 $this->assign('GMaps_loaded', isset($pwg_loaded_plugins[ 'GMaps' ]));
    25         {/php}
    2627        {if ($GMaps_loaded)}<div id="text_gmaps" style="display:none">{'GMap'|@translate}</div>{/if}
    2728</div>
     
    8283                                        <div id="thumbnails_block2">
    8384                                                <div class="thumbnails" id="thumbnails">{$THUMBNAILS}</div>
    84                                                 {if !empty($navbar) }
     85                                                {if (!(empty($navbar)) && !($ThumbScroller_loaded)) }
    8586                                                        {include file='navigation_thumb.tpl'|@get_extent:'navbar'}
    8687                                                {/if}
  • extensions/stripped/template/picture.tpl

    r12538 r12547  
     1{literal}
     2<script type="text/javascript">
     3var image_w = {/literal}{$WIDTH_IMG}{literal}
     4var image_h = {/literal}{$HEIGHT_IMG}{literal}
     5</script>
     6{/literal}
     7
    18{if isset($errors)}
    29        <div class="errors">
     
    93100
    94101        {assign var='display_description_tab' value=false}
    95         {if (!($stripped.showDescriptionInsteadOfTitle) && isset($COMMENT_IMG))}
     102        {if (($stripped.imageCaption != 'description') && isset($COMMENT_IMG))}
    96103                {assign var='display_description_tab' value=true}
    97104        {/if}
    98105
    99106        {assign var='showTitle' value=false}
    100         {if ($SHOW_PICTURE_NAME_ON_TITLE && (isset($COMMENT_IMG) || !($stripped.showDescriptionInsteadOfTitle) ))}
     107        {if ($SHOW_PICTURE_NAME_ON_TITLE && (isset($COMMENT_IMG) || (($stripped.imageCaption != 'description') )))}
    101108                {assign var='showTitle' value=true}
    102109        {/if}
     
    104111{php}
    105112        global $pwg_loaded_plugins;
    106         $this->assign('nothumbs', (isset($pwg_loaded_plugins[ 'Autosize' ]) || isset($pwg_loaded_plugins[ 'look_like_gbo2' ])));
    107113        $this->assign('usertags', (isset($pwg_loaded_plugins[ 'user_tags' ])));
    108114{/php}
    109 {if $stripped.useNavigationArrows }
    110         {assign var='nothumbs' value=true}
    111 {/if}   
    112115
    113116<div id="theImageAndTitle">
    114117        <div id="theImageBox">
    115                 {if ($DISPLAY_NAV_THUMB) && !($nothumbs)}
    116                         {if isset($previous) }<div id="linkPrevOut"><a id="linkPrevIn" href="{$previous.U_IMG}" title="{'Previous'|@translate} : {$previous.TITLE}" rel="prev"><div class="navThumb" ><img src="{$previous.THUMB_SRC}" alt="{$previous.TITLE}" /></div></a></div>{/if}
    117                         {if isset($next) }<div id="linkNextOut"><a id="linkNextIn" href="{$next.U_IMG}" title="{'Next'|@translate} : {$next.TITLE}" rel="next"><div class="navThumb" ><img src="{$next.THUMB_SRC}" alt="{$next.TITLE}" /></div></a></div>{/if}
     118                {if (isset($previous) && $stripped.navArrows) }
     119                        <a href="{$previous.U_IMG}" id="imgprev">&nbsp;</a>
    118120                {/if}
    119121                <div id="theImage">
    120122                        {$ELEMENT_CONTENT}
    121123                </div>
     124                {if (isset($next) && $stripped.navArrows)}
     125                        <a href="{$next.U_IMG}" id="imgnext">&nbsp;</a>
     126                {/if}
    122127        </div>
    123128        {if $showTitle }
    124129                <div id="imageTitleContainer"><div id="imageTitle">
    125                         {if $stripped.showDescriptionInsteadOfTitle}
     130                        {if ($stripped.imageCaption == 'description' )}
    126131                                {$COMMENT_IMG|strip_tags:false}
    127                         {else}
     132                        {/if}
     133                        {if ($stripped.imageCaption == 'title' )}
    128134                                {$current.TITLE}
    129135                        {/if}
     
    133139 <div style="clear: both;"></div>
    134140
    135         <div id="tabZone">
     141        <div id="tabZone">
    136142
    137143                {assign var='display_info_panel' value=false}
  • extensions/stripped/template/picture_content.tpl

    r12350 r12547  
    1111        {/if}
    1212{/if}
    13 <div id="theImg" {if ($stripped.useNavigationArrows)}class="img_frame"{/if}>
    14         {if ($stripped.useNavigationArrows) && ($DISPLAY_NAV_THUMB)}
    15                 {if isset($high)}
    16                         {if isset($pwghigh)}<a href="{$high.U_HIGH}" rel="shadowbox" class="hd_link">&nbsp;</a>{/if}
    17                         {if isset($winhigh)}<div onclick="openDisplayHigh('{$high.U_HIGH}');" class="hd_link">&nbsp;</div>{/if}
    18                         {if isset($stripped.imagePreloadHD)}<div class="preload" style="display:none;">{$high.U_HIGH}</div>{/if}
    19                 {/if}
     13<div id="theImg" {if ($stripped.imageFrame)}class="img_frame"{/if}>
     14        {if isset($high)}
     15                {if isset($pwghigh)}<a href="{$high.U_HIGH}" rel="shadowbox" class="hd_link">&nbsp;</a>{/if}
     16                {if isset($winhigh)}<div onclick="openDisplayHigh('{$high.U_HIGH}');" class="hd_link">&nbsp;</div>{/if}
     17                {if isset($stripped.imagePreloadHD)}<div class="preload" style="display:none;">{$high.U_HIGH}</div>{/if}
     18        {/if}
     19        {if ($stripped.imageArrows) }
    2020<!--            {if isset($U_UP)}
    2121                        <a href="{$U_UP}" class="cat_up">&nbsp;</a>
     
    2727                        <a href="{$next.U_IMG}" class="img_nav img_next">&nbsp;</a>
    2828                {/if}
    29                 <img src="{$SRC_IMG}" style="width:{$WIDTH_IMG}px;height:{$HEIGHT_IMG}px;" alt="{$ALT_IMG}" id="theMainImage">
    30         {else}
    31         {if isset($pwghigh)}<a href="{$high.U_HIGH}" rel="shadowbox">{/if}
    32                 <img src="{$SRC_IMG}" style="width:{$WIDTH_IMG}px;height:{$HEIGHT_IMG}px;" alt="{$ALT_IMG}" id="theMainImage" {if isset($winhigh) }onclick="openDisplayHigh('{$high.U_HIGH}');" class="pointer"{/if}
    33                         {if isset($high)}
    34                                 title="{'Click on the photo to see it in high definition'|@translate}"
    35                         {/if}>
    36                 {if isset($pwghigh)}</a>{/if}
    3729        {/if}
     30        <img src="{$SRC_IMG}" style="width:{$WIDTH_IMG}px;height:{$HEIGHT_IMG}px;" alt="{$ALT_IMG}" id="theMainImage">
    3831</div>
  • extensions/stripped/template/slideshow.tpl

    r12153 r12547  
    44{/literal}
    55{/html_head}
     6{literal}
     7<script type="text/javascript">
     8var image_w = {/literal}{$WIDTH_IMG}{literal}
     9var image_h = {/literal}{$HEIGHT_IMG}{literal}
     10</script>
     11{/literal}
    612<div id="light_slideshow">
    713
     
    3137                <div id="theImageAndTitle">
    3238                        <div id="theImageBox">
     39                                {if (isset($previous) && $stripped.navArrows) }
     40                                        <a href="{$previous.U_IMG}" id="imgprev">&nbsp;</a>
     41                                {/if}
    3342                                <div id="theImage">
    3443                                        {$ELEMENT_CONTENT}
    3544                                </div>
     45                {if (isset($next) && $stripped.navArrows)}
     46                        <a href="{$next.U_IMG}" id="imgnext">&nbsp;</a>
     47                {/if}
    3648                        </div>
    3749                        {if $showTitle }
    3850                                <div id="imageTitleContainer"><div id="imageTitle">
    39                                         {if $stripped.showDescriptionInsteadOfTitle}
     51                                        {if ($stripped.imageCaption == 'description' )}
    4052                                                {$COMMENT_IMG|strip_tags:false}
    41                                         {else}
     53                                        {/if}
     54                                        {if ($stripped.imageCaption == 'title' )}
    4255                                                {$current.TITLE}
    4356                                        {/if}
  • extensions/stripped/theme.css

    r12321 r12547  
    22
    33/* General rules ------------------------------------------------------------------------------- */
    4 
    5 body {
    6         background-color: #101010;
    7         color: #666;
    8 }
    94
    105#thePicturePage .left_block,
    116#thePicturePage .right_block,
    127#thePicturePage .middle_block,
    13 #content {
    14         background: #202020;
    15         border: 1px #555 solid;
    16         border-width: 1px 0;
     8content {
    179        padding:0 5px;
    1810}
    1911
    20 a {
    21         color: #999;
    22         text-decoration: none;
    23 }
    24 
    25 a:hover {
    26         color:#ccc;
    27 }
    28 
    29 :focus {
    30         outline: 0;
    31 }
    32 
    33 img {
    34         border: 0;
    35 }
    36 
    3712hr {
    38         border: 1px #999999 solid;
     13        border-style: solid;
     14        border-width: 1px;
    3915}
    4016
     
    4521}
    4622
    47 h1 {
    48         font-size: 153.846%;
    49 }
    50 
    51 #theHeader {
    52         color:#888;
    53 }
    54 
    55 table {
    56         border-spacing: 0px;
    57 }
     23a                       { text-decoration: none;}
     24:focus          { outline: 0;}
     25img                     { border: 0;}
     26h1                      { font-size: 153.846%;}
     27table           { border-spacing: 0px;}
    5828
    5929/* Fonts --------------------------------------------------------------------------------------- */
     
    239209
    240210.content_block .additional_info {
    241         color:#999;
    242211        max-width:870px;
    243212        margin: 5px 0px;
    244213        padding:10px;
    245         background-color:#404040;
    246214        -moz-border-radius:10px;
    247215        -webkit-border-radius:10px;
    248216        border-radius:10px;
    249217}
    250 
    251 /* new css for links in album description */
    252 .additional_info p a {color:#ddd;}
    253 .additional_info p a:hover {color:#fff;}
    254218
    255219#content .content_block .additional_info p {
     
    279243#menuswitcher {
    280244        cursor: pointer;
    281         color:#999;
    282 }
    283 
    284 #menuswitcher:hover {
    285         color:#ccc;
    286245}
    287246
     
    363322.stuffs_block .personal_block ul.thumbnailCategories li,
    364323.thumbnailCategories li {
    365         background: transparent url(images/back_30.png) 0 0 no-repeat;
    366324        float: left;
    367325        overflow: hidden;
     
    370328        text-align:center;
    371329        margin:5px;
    372         color:#999;
    373330}
    374331
    375332.stuffs_block .personal_block ul.thumbnailCategories li {
    376333        width:170px!important;
    377 }
    378 
    379 
    380 .stuffs_block .personal_block ul.thumbnailCategories li:hover,
    381 .thumbnailCategories li:hover {
    382         background: transparent url(images/back_30.png) 0 -170px no-repeat;
    383         color:#666;
    384 }
    385 
    386 .subcontent  .stuffs_block .personal_block ul.thumbnailCategories li {
    387         background: transparent url(images/back_40.png) 0 0 no-repeat;
    388 }
    389 
    390 .subcontent  .stuffs_block .personal_block ul.thumbnailCategories li:hover {
    391         background: transparent url(images/back_40.png) 0 -170px no-repeat;
    392         color:#666;
    393334}
    394335
     
    420361        display:block;
    421362        margin:auto;
    422         border: 1px solid #555;
    423363        max-height:128px;
    424364        max-width:160px;
    425 }
    426 
    427 .thumbnailCategory .illustration img:hover {
    428         border: 1px solid #101010;
    429365}
    430366
     
    476412  margin: 0;
    477413}
    478 
    479414
    480415ul.thumbnails,
     
    506441}
    507442
    508 .thumbnails li,
    509 #thumbnails li {
    510         background: transparent url(images/back_40.png) 0 0 no-repeat;
    511 }
    512 
    513 .thumbnails li:hover,
    514 #thumbnails li:hover {
    515         background: transparent url(images/back_40.png) 0 -170px no-repeat;
    516 }
    517 
    518 .stuffs_block li {
    519         background: transparent url(images/back_50.png) 0 -0 no-repeat;
    520 }
    521 
    522 .stuffs_block li:hover {
    523         background: transparent url(images/back_50.png) 0 -170px no-repeat;
    524 }
    525 
    526443.wrap1 {
    527444        display:inline-block;
     
    560477        display:block;
    561478        margin:auto;
    562         border:solid 1px #404040;
    563479        max-width:160px;
    564480}
     
    583499        display: table-cell;
    584500        vertical-align:middle;
    585         color:#888;
    586501}
    587502
     
    598513}
    599514
    600 /* fin new */
    601 
    602515.zero {
    603516        display: none;
    604 }
    605 
    606 
    607 /*
    608 .stuffs_block .thumbLegend,
    609 #thumbnails .thumbLegend {
    610         display:none;
    611         margin:0px;
    612         border:0px;
    613         padding:0px;
    614 }
    615 
    616 .thumbnails .wrap1,
    617 .stuffs_block .wrap1,
    618 #thumbnails .wrap1 {
    619         width:170px;
    620         table-layout:fixed;
    621         display:table;
    622 }
    623 
    624 .thumbnails .wrap2,
    625 .stuffs_block .wrap2,
    626 #thumbnails .wrap2 {
    627         display:table-cell;
    628         width:170px;
    629         height:170px;
    630         vertical-align:middle;
    631         margin:0px;
    632         padding:0px;
    633         overflow:hidden
    634 }
    635 
    636 .nb-comments, .nb-hits {
    637         font-weight: normal;
    638         display: none;
    639 }
    640 
    641 .thumbnail,
    642 .thumbnail:hover {
    643         display:block;
    644         padding:0px;
    645         margin:auto;
    646         max-width:160px;
    647         max-height:160px;
    648         border:solid 1px #404040;
    649517}
    650518
     
    665533
    666534#thumb_navigation {
    667         color:#666;
    668535        text-align: center;
    669536}
     537
    670538#thumb_navigation span,
    671539#thumb_navigation a {
     
    676544        text-indent: -3000px;
    677545}
     546
    678547#thumb_navigation #tn_prev {
    679548        position: absolute;
    680549        top: 195px;
    681550        left: 4px;
    682         background: transparent url(icon/arrows.png) 0 0 no-repeat;
    683 }
     551}
     552
    684553#thumb_navigation #tn_next {
    685554        position: absolute;
    686555        top: 195px;
    687556        right: 4px;
    688         background: transparent url(icon/arrows.png) -20px 0 no-repeat;
    689 }
    690 #thumb_navigation a#tn_prev:hover {
    691         background: transparent url(icon/arrows.png) 0 -150px no-repeat;
    692 }
    693 #thumb_navigation a#tn_next:hover {
    694         background: transparent url(icon/arrows.png) -20px -150px no-repeat;
    695557}
    696558
     
    732594        font-size:115.385%;
    733595        line-height:150%;
    734         padding: 6px;
    735596        margin: auto;
    736597        text-align:center;
    737         font-weight:bold;
    738         background: #303030;
    739         color:#888;
    740         -moz-border-radius:10px;
    741         -webkit-border-radius:10px;
    742         border-radius:10px;
    743598        text-transform:none;
    744599}
     
    747602        text-align: center;
    748603        padding: 0;
    749         margin: 10px auto 15px;
    750         position:relative;
    751604        width:100%;
    752605}
     
    760613}
    761614
    762 #theImage {
    763         margin-bottom:11px;
    764 }
    765 
    766615#theImgAndTitle,
    767616#theImage,
     
    770619}
    771620
    772 #theImage > img,
    773 #theImage > a > img {
    774         border: 1px #999 solid;
    775         padding:2px;
    776 }
    777 
    778 #theImg img {
    779         border: 1px #999 solid;
    780         padding:2px;
    781 }
    782 
    783621#rateForm {
    784622        margin: 0;
     
    801639}
    802640
    803 /* Image Nav Thumbnails ------------------------------------------------------------------------ */
    804 
    805 #linkPrevOut {
    806         position: absolute;
    807         top: 0;
    808         left: 0px;
    809         width: 300px;
    810         height: 600px;
    811         text-align: right;
    812 }
    813 
    814 #linkNextOut {
    815         position: absolute;
    816         top: 0;
    817         right: 0px;
    818         width: 300px;
    819         height: 600px;
    820         text-align: left;
    821 }
    822 
    823 #linkPrevIn  {
    824         margin-right: 40px;
    825         padding-right:100px;
    826         height: 100%;
    827         text-align: right;
    828         display:inline-block;
    829 }
    830 
    831 #linkNextIn     {
    832         margin-left: 40px;
    833         padding-left:100px;
    834         height: 100%;
    835         text-align: left;
    836         display:inline-block;
    837 }
    838 
    839 #theImageBox .navThumb {
    840         margin-top: 200px;
    841         display:block;
    842 }
    843 
    844 .navThumb img {
    845         border: 1px solid #888;
    846         padding: 1px;
     641.js #theImageAndTitle, .js #theImg, .js #imageTitleContainer {
    847642        opacity:0;
    848643        filter:alpha(opacity=0);
    849         -moz-opacity:0.;
    850         -khtml-opacity: 0.;
     644}
     645
     646#theMainImage {
     647        vertical-align:middle;
    851648}
    852649
     
    857654        vertical-align:middle;
    858655}
     656
    859657.img_nav {
    860658        position:absolute;
     
    864662        display:block;
    865663}
    866 .img_prev {
    867         background:transparent url(icon/none.png) no-repeat left center;
    868         left:0;
    869 }
    870 .img_prev:hover {
    871         background:transparent url(icon/img_prev.png) no-repeat left center;
    872 }
    873 .img_next {
    874         background:transparent url(icon/none.png) no-repeat right center;
    875         right:0;
    876         }
    877 .img_next:hover {
    878         background:transparent url(icon/img_next.png) no-repeat right center;
    879 }
     664
     665.img_prev               { background:transparent url(icon/none.png) no-repeat left center;}
     666.img_prev:hover         { background:transparent url(icon/img_prev.png) no-repeat left center;}
     667.img_next               { background:transparent url(icon/none.png) no-repeat right center;}
     668.img_next:hover         { background:transparent url(icon/img_next.png) no-repeat right center;}
    880669
    881670.hd_link {
     
    889678        cursor:pointer;
    890679}
     680
    891681.hd_link:hover {
    892682        background:transparent url(icon/HD.png) no-repeat center center;
     
    903693        background:transparent url(icon/none.png) no-repeat center top;
    904694        }
    905 .cat_up:hover {
     695
     696        .cat_up:hover {
    906697        background:transparent url(icon/cat_up.png) no-repeat center top;
     698}
     699
     700/* Navigation Arrows --------------------------------------------------------------------------- */
     701
     702#imgprev {
     703        position: absolute;
     704        height:150px;
     705        width:20px;
     706        left: 4px;
     707        top:50%;
     708        margin-top:-75px;
     709}
     710
     711#imgnext {
     712        position: absolute;
     713        height:150px;
     714        width:20px;
     715        right: 4px;
     716        top:50%;
     717        margin-top:-75px;
    907718}
    908719
     
    924735        width:100%;
    925736        height:100%;
    926         background-color:#333333;
    927         opacity:0.96;
    928         filter:alpha(opacity:96);
    929         -moz-opacity:0.96;
    930         -khtml-opacity: 0.96;
    931737}
    932738
     
    960766        width:28px;
    961767        height:28px;
    962         background:transparent url(icon/close_high.png) no-repeat scroll 0px 0px;
    963768        top:15px;
    964         right:-15px;
    965769        cursor:pointer;
    966770}
     
    970774        height:28px;
    971775        top:45px;
    972         right:-15px;
    973776        cursor:pointer;
    974 }
    975 
    976 #theImgHighZoomButton.fit {
    977         background:transparent url(icon/zoom_fit_high.png) no-repeat scroll 0px 0px;
    978 }
    979 
    980 #theImgHighZoomButton.full {
    981         background:transparent url(icon/zoom_1-1_high.png) no-repeat scroll 0px 0px;
    982777}
    983778
     
    990785        float:left;
    991786        margin:-1px 0 0;
    992         background-image: url(icon/picture_24.png);
    993787        background-repeat: no-repeat;
    994788        overflow:hidden;
     
    1034828/* Tabs ---------------------------------------------------------------------------------------- */
    1035829
    1036 #tabTitleBar {
    1037         height: 25px;
    1038         border-top: 1px solid #555;
    1039 }
     830#tabTitleBar { height: 25px;}
    1040831
    1041832#tabTitles {
    1042833        height: 25px;
    1043         line-height: 25px;
    1044834        list-style:none;
    1045835        margin:0;
     
    1057847
    1058848.tabTitle {
    1059         margin: 0;
    1060849        padding: 0 20px;
    1061850        cursor: pointer;
     
    1064853        display:inline-block;
    1065854        float:left;
    1066         background: #202020;
    1067         color: #777;
    1068855        font-weight:bold;
    1069 }
    1070 
    1071 .tabTitle:hover {
    1072         color:#999;
    1073 }
    1074 
    1075 .tabSelected {
    1076         color: #999;
    1077         background: #404040;
    1078 }
    1079 
    1080 .tabBlockContent {
    1081         background:#404040;
    1082 /*      display:none;*/
    1083         color:#aaa;
    1084         padding:10px 50px;
    1085 }
    1086 
    1087 .tabBlock a {
    1088         color:#eee;
    1089856}
    1090857
     
    1113880        margin:auto;
    1114881        width:100%;
    1115 }
    1116 
    1117 /* Light Slideshow ----------------------------------------------------------------------------- */
    1118 
    1119 #light_slideshow{
    1120         color:#444;
    1121 }
    1122 
    1123 #light_slideshow a {
    1124         color:#666;
    1125 }
    1126 
    1127 #light_slideshow a:hover {
    1128         color: #999;
    1129 }
    1130 
    1131 #light_slideshow .navButton {
    1132         opacity:0.5;
    1133         /*filter:alpha(opacity:50); not working for IE8 */
    1134         -moz-opacity:0.5;
    1135         -khtml-opacity: 0.5;
    1136 }
    1137 
    1138 #light_slideshow #content {
    1139         background-color: #101010;
    1140         border: 1px #101010 solid;
    1141         border-width: 1px 0;
    1142 }
    1143 
    1144 #light_slideshow #theImageAndTitle {
    1145         margin-bottom:3px;
    1146 }
    1147 
    1148 #light_slideshow #theImg img {
    1149         border-color: #bbb;
    1150 }
    1151 
    1152 #light_slideshow #imageTitle{
    1153         color:#666;
    1154         background:#252525;
    1155882}
    1156883
     
    1168895        display:block;
    1169896        width:99%;
    1170         background:#404040;
    1171897        margin:10px auto;
    1172898        padding:5px;
     
    1174900        -webkit-border-radius:10px;
    1175901        border-radius:10px;
    1176 }
    1177 
    1178 .subcontent .stuffs_block #comments li {
    1179         background:#505050;
    1180902}
    1181903
     
    1210932        display:block;
    1211933        height:140px;
    1212         color:#999;
    1213934        overflow:hidden;
    1214 }
    1215 
    1216 #comments .description .author,
    1217 #comments .description .date {
    1218         color:#c0c0c0;
    1219935}
    1220936
     
    1262978}
    1263979
    1264 
    1265980.stuffs #comments blockquote {
    1266981        margin-left:10px;
     
    12931008        clear: both;
    12941009        display: block;
    1295         border-top: 1px dotted #606060;
    12961010        padding: 0.5em 0;
    12971011}
     
    13401054.tagLetter {
    13411055        text-align:left;
    1342 }
    1343 
    1344 fieldset legend {
    1345         color:#666;
    13461056}
    13471057
     
    13741084}
    13751085
    1376 #fullTagCloud a:hover {
    1377         background: #606060;
    1378 }
    1379 
    13801086#menuTagCloud span {
    13811087        margin: 0;
     
    13891095
    13901096/* Calendar ------------------------------------------------------------------------------------ */
    1391 
    1392 .calendarViews, .calendarCalBar {
    1393         margin: 1em 0;
    1394 }
    13951097
    13961098.calCalHead {
     
    13991101}
    14001102
    1401 .calMonth {
    1402         margin: 1em auto;
    1403 }
    1404 
    1405 .calendarBar {
    1406         text-align: center;
    1407 }
    1408 
    1409 .calendarBar span {
    1410         margin: 0 0.5em;
    1411 }
    1412 
    1413 .calMonth td {
    1414         background-color: #363636;
    1415         text-align: center;
    1416 }
     1103.calendarViews, .calendarCalBar         { margin: 1em 0;}
     1104.calMonth                                               { margin: 1em auto;}
     1105.calendarBar                                    { text-align: center;}
     1106.calendarBar span                               { margin: 0 0.5em;}
     1107.calMonth td                                            { text-align: center;}
     1108.calBackDate, .calForeDate              { display: none;}
    14171109
    14181110.calImg {
     
    14231115}
    14241116
    1425 .calBackDate, .calForeDate {
    1426         display: none;
    1427 }
    1428 
    14291117/* Inputs & Forms ------------------------------------------------------------------------------ */
    14301118
    1431 input, select, textarea {
    1432         background-color: #666;
    1433         border: 1px solid #999;
    1434         color: #F0F0F0;
    1435 }
    1436 
    1437 input[type="submit"], input[type="reset"] {
    1438         background-color: #3f3f3f;
    1439         border: 1px solid #606060;
    1440         color: #999;
    1441 }
    1442 input[type="submit"]:hover, input[type="reset"]:hover {
    1443         background-color: #666;
    1444         border: 1px solid #999;
    1445         color: #F0F0F0;
    1446 }
    1447 
    14481119fieldset {
    1449         border: 1px #606060 dotted;
    14501120        margin: 0 0 1em;
    14511121        padding: 1em;
    14521122}
    14531123
    1454 fieldset legend {
    1455         padding: 0 3px;
    1456 }
    1457 
    1458 fieldset li {
    1459         margin: 0.5em 0;
    1460 }
    1461 
    1462 .mandatorystar {
    1463         color: #e04040;
    1464 }
    1465 
    1466 #quicksearch input {
    1467         color:#BBB;
    1468         background:#505050;
    1469 }
    1470 
    1471 #quickconnect input#username,
    1472 #quickconnect input#password {
    1473         color:#AAA;
    1474 }
    1475 
    1476 form {
    1477         margin: 0;
    1478 }
     1124fieldset legend                 { padding: 0 3px;}
     1125fieldset li                             { margin: 0.5em 0;}
     1126form                            { margin: 0;}
     1127#quicksearch p          { margin: 0;}
    14791128
    14801129#content form li, #subcontent form li {
     
    14931142}
    14941143
    1495 #quicksearch p {
    1496         margin: 0;
    1497 }
    14981144
    14991145#quickconnect input#username,
     
    15101156#quickconnect ul.actions {
    15111157        padding:0;
    1512         float:left;
     1158        float:none;
    15131159        font-size:92.308%;
     1160        text-align:center;
    15141161}
    15151162
     
    15251172}
    15261173
    1527 .footer_login a {
    1528         color:#666;
    1529 }
    1530 
    1531 .footer_login a:hover {
    1532         color:#ccc;
    1533 }
    1534 
    15351174.footer_login,
    15361175.footer_customize,
     
    15451184/* Infos & Errors ------------------------------------------------------------------------------ */
    15461185
    1547 .errors {
    1548         margin: 1em;
    1549         border: 2px solid #A04040;
    1550         color: #A04040;
    1551 }
    1552 .errors a {
    1553         color: #FF0000;
    1554         font-weight: bold;
    1555 }
    1556 
    1557 .infos {
    1558         margin: 1em;
    1559         border: 2px solid #40A040;
    1560         color: #40A040;
    1561 }
    1562 .infos a {
    1563         color: #00FF00;
    1564         font-weight: bold;
    1565 }
     1186.errors                 { margin: 1em;}
     1187.infos          { margin: 1em;}
     1188.errors a       { font-weight: bold;}
     1189.infos a        { font-weight: bold;}
    15661190
    15671191/* Theme Switcher Plugin ----------------------------------------------------------------------- */
     
    16241248}
    16251249
    1626 #theImage {
    1627     width:100%;
    1628 }
    1629 
    1630 #mapPicture {
    1631         color:#202020;
    1632 }
    1633 
    1634 #theMapListPage .titrePage h2 {
    1635         margin-left: 1em;
    1636 }
     1250#theImage                                               { width: 100%;}
     1251#theMapListPage .titrePage h2   { margin-left: 1em;}
    16371252
    16381253/* User Tags Plugin ---------------------------------------------------------------------------- */
     
    16421257#Tags .value            {width:auto;}
    16431258
    1644 #Tags ul.token-input-list-facebook {
    1645         background-color: #555;
    1646         border-color: #666;
    1647 }
    1648 
    1649 #Tags li.token-input-token-facebook {
    1650         background-color: #666;
    1651         border-color: #999;
    1652         color: #EEE;
    1653 }
    1654 
    1655 #Tags li.token-input-input-token-facebook input {
    1656         background-color: #666;
    1657         color: #EEE;
    1658 }
    1659 
    16601259/* BBcodeBar Plugin ---------------------------------------------------------------------------- */
    16611260
     
    16841283.subcontent .stuffs_block .right_block,
    16851284.subcontent .stuffs_block .middle_block {
    1686         color:#999;
    16871285        max-width:870px;
    16881286        padding:10px;
    1689         background-color:#303030;
    1690         -moz-border-radius:10px;
    1691         -webkit-border-radius:10px;
    1692         -khtml-border-radius:10px;
    1693         border-radius:10px;
    16941287}
    16951288
     
    17401333        width: 0;
    17411334        height: auto;
    1742         display:block;
    1743         text-align:right;
     1335        display: block;
     1336        text-align: right;
    17441337}
    17451338
     
    17571350
    17581351.stuffs_block .logon_block  img {
    1759         display:none;
     1352        display: none;
    17601353}
    17611354
    17621355.stuffs_block .logon_block  .property {
    1763         line-height:200%;
     1356        line-height: 200%;
    17641357}
    17651358
    17661359.stuffs_block .logon_block  form{
    1767         text-align:center;
    1768         margin:auto;
    1769         max-width:600px;
     1360        text-align: center;
     1361        margin: auto;
     1362        max-width: 600px;
    17701363}
    17711364
    17721365.stuffs_block .logon_block  p a {
    1773         margin-right:8px
     1366        margin-right: 8px
    17741367}
    17751368
  • extensions/stripped/themeconf.inc.php

    r12321 r12547  
    99*/
    1010
     11global $conf, $user, $stripped;
    1112
    1213// Need upgrade?
    13 
    14 global $conf, $user, $stripped;
    15 
    1614if (!isset($conf['stripped']))
    1715  include(PHPWG_THEMES_PATH.'stripped/admin/upgrade.inc.php');
    1816
    1917$stripped = array_merge( unserialize( $conf['stripped'] ), (array)$stripped );
     18
     19// Need upgrade from v1.x?
     20if (!isset($stripped['themeStyle'])) {
     21        include(PHPWG_THEMES_PATH.'stripped/admin/upgrade.inc.php');
     22        $stripped = array_merge( unserialize( $conf['stripped'] ), (array)$stripped );
     23}
    2024
    2125add_event_handler('loc_begin_page_header', 'set_config_values');
     
    4852function modify_nb_thumbnail_page()
    4953{
    50         global $user, $page;
    51         {
    52                 $maxth=15;
    53                 $user['nb_image_page']=$maxth;
    54                 $page['nb_image_page']=$maxth;
    55         }
     54        global $user, $page, $stripped;
     55
     56        if (!isset($stripped['maxThumb'])) { $stripped['maxThumb']=15;}
     57        $user['nb_image_page']=$stripped['maxThumb'];
     58        $page['nb_image_page']=$stripped['maxThumb'];
    5659}
    5760
Note: See TracChangeset for help on using the changeset viewer.