Changeset 26889


Ignore:
Timestamp:
Jan 19, 2014, 11:22:11 PM (7 years ago)
Author:
Miklfe
Message:
 
Location:
extensions/Slide
Files:
32 added
4 deleted
4 edited

Legend:

Unmodified
Added
Removed
  • extensions/Slide/Slide.php

    r26857 r26889  
    6161if($withEC)
    6262        {
    63         //$template->func_combine_css(array('path'=>'plugins/EasyCaptcha/template/drag.css'));
    64         //$template->func_combine_css(array('path'=>'plugins/EasyCaptcha/template/tictac.css'));
     63        $template->func_combine_css(array('path'=>'plugins/EasyCaptcha/template/drag.css'));
     64        $template->func_combine_css(array('path'=>'plugins/EasyCaptcha/template/tictac.css'));
    6565        $params = $conf['EasyCaptcha'];
    66         $EasyCaptcha_data = json_encode($params);
     66        $EasyCaptcha_data = array(
     67                "bd1"                   => $params['drag']['bd1'],
     68                "bd2"                   => $params['drag']['bd2'],
     69                "bg1"                   => $params['drag']['bg1'],
     70                "bg2"                   => $params['drag']['bg2'],
     71                "size"                  => $params['drag']['size'],
     72                "obj"                   => $params['drag']['obj'],
     73                "nb"                    => $params['drag']['nb'],
     74                "txt"                   => $params['drag']['txt'],
     75                "sel"                   => $params['drag']['sel'],
     76                "tictacsize"    => $params['tictac']['size'],
     77                );
     78               
     79        $EasyCaptcha_data = json_encode($EasyCaptcha_data);
    6780        $template->assign('slideEasyCaptcha', $EasyCaptcha_data);
     81
    6882        array_push($plug_act, 'EasyCaptcha');
    6983};
  • extensions/Slide/js/slide.js

    r25222 r26889  
    1         $(function()
    2                 {
    3                         if($('body').attr('id') == 'theCategoryPage')
    4                                 {
    5                                 $('#menu_start').hide()
    6                         };
    7                         if($('body').attr('id') != 'theCategoryPage')
    8                                 {
    9                                 $('#menu').hide()
    10                         };
    11                                
    12                         $("#page_content #nav_wrapper").css("display", "none");
    13                         $("li.liSub:last-child dt").addClass('dd_wrapper');
    14                         $("li.liSub:last-child dd").addClass('sub');
    15 
    16                         function megaHoverOver()
    17                                 {
    18                                 $(this).find(".sub").stop().fadeTo('slow', 1).show()
     1/************************************************************************************
     2 *                                                                                                                                                                      *                                                               
     3 *                                                                                                                                                                      *
     4 *                                                      Slide - v2.0 - 2013-10-01                                                               *
     5 *                                                       http://piwitheme.fr/                                                                   *
     6 *                                                                                                                                                                      *
     7 *                                                                                                                                                                      *
     8*************************************************************************************/
     9 
     10(function($) {
     11//_________________________________________________________________________________________________________________________________
     12//||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
     13
     14        $(document).ready(function(){
     15                $('body').prepend($('<div />').attr({'class':'tab','id':'tab-0','data-urltab':window.location}).append($('<div />').attr('class','sld_tab'))).wrapInner($('<div />').attr({'class':'pageslide','id':'layer-0'}));
     16                $('.pageslide').first().show();
     17                var $w_w                = $(window).width(),
     18                        $w_h            = $(window).height(),
     19                        $tab            = 40,
     20                        i                       = 0,
     21                        $layerShow      = $('#layer-0'),
     22                        $slideshow      = [];
     23                       
     24                $('body').append($('<div />').attr('id','slideLoading').css({top:(($w_h/2)-50),left:(($w_w/2)-50)}));
     25                $('body').data('layerShow',$layerShow);
     26                _init_page()
     27
     28       
     29                $(document).on('click','.slide', function(e) {
     30                        var $url        = $(this).attr('href');
     31                       
     32                        $int            = setTimeout(function() {
     33                                $('#slideLoading').css('z-index',1000)
     34                                }, 500);
     35                        i++;
     36                       
     37                        _load($url);
     38                        _pushstate($url);       
     39                       
     40                        e.preventDefault();
     41                });
     42
     43                $(document).on('click','.sameLayer', function(e) {
     44                        var $href               = $(this).attr('href'),
     45                                $layerShow      = $('body').data('layerShow'),
     46                                $url            = $href + ' #the_page',
     47                                $slide_w        = $layerShow.width();
     48                               
     49                        _pushstate($href);
     50                       
     51                        if ($('.slshFirst').length){
     52                                $urlFirst       = $('.slshFirst').attr('href')
     53                        } else {
     54                                $urlFirst       = $href
     55                        };
     56                       
     57                        $('#the_page',$layerShow).addClass('unwrap').load($url, function(){
     58                                _init_page($urlFirst,$slide_w)
     59                                $('.unwrap').children().unwrap();
     60                        });     
     61                       
     62                        e.preventDefault();
     63                });     
     64               
     65                $(document).on('click','.tab', function(e) {
     66                        _close( $(this) );
     67                        var $url = $(this).data('urltab');
     68                        _pushstate($url);                               
     69                });
     70               
     71                $(document).on('submit','#quicksearch', function(e) {
     72                        i++;
     73                        var $val        = $('#qsearchInput').attr('value'),
     74                                $url    = 'qsearch.php?q='+ $val,
     75                                frame   = $("<iframe />").attr({src: $url,id: 'frame'}).css({display:'none'});
     76                               
     77                                $('body').append(frame);
     78                               
     79                                setTimeout(     function () {
     80                                        var $obj = $("#frame").contents(),
     81                                                $urlframe = $obj[0].location.href;
     82                                        $('#frame').pushstate($urlframe);
     83                                        $('#frame').remove()
     84                                        },
     85                                1000);
     86                               
     87                        _load($url);
     88                        $(this).attr('value', qsearch_prompt);
     89                       
     90                        e.preventDefault();
     91                });
     92
     93// Picture page rating
     94                $(document).on('mouseover','.rateButton',function(){
     95                        $('#rateForm input').each(function(){
     96                                $(this).removeClass('rateButtonFull').removeClass('rateButtonSelected');
     97                                });
     98                        $(this).addClass('rateButtonFull');
     99                        var rate        = $(this).attr('title'),
     100                                nth             = ':nth-child(-n+' + rate + ')';
     101                        $('.rateButton' + nth).addClass('rateButtonFull');
     102                });
     103                               
     104                $(document).on('mouseout','#rateForm',function(){
     105                        $('#rateForm input').each(function(){
     106                                $(this).removeClass('rateButtonFull').addClass('rateButton');
     107                        });
     108                        $('#rateForm input[type="button"]').addClass('rateButtonSelected');
     109                        _rate_star()
     110                });
     111                               
     112                $(document).on('click','.rateButton', function(e){
     113                        var form        = $(this).parents('form'),
     114                                hrefa   = form.attr('action'),
     115                                hrefm   = form.attr('method'),
     116                                rate    = $(this).attr('title'),
     117                                rate    = 'rate=' + rate;
     118                        $.ajax({
     119                                url             : hrefa,
     120                                type    : hrefm,
     121                                data    : rate,
     122                                success : function(){
     123                                        hrefa = hrefa.substring(0,hrefa.indexOf('&'));
     124                                        hrefInf = hrefa + ' #imageInfos';
     125                                        $('#imageInfos').addClass('unwrap').load(hrefInf,function(){
     126                                                _rate_star();
     127                                                _imageInfo();
     128                                                $('.unwrap').children().unwrap();
     129                                        });
     130                                }
     131                        });
     132                        e.preventDefault();
     133                });
     134               
     135//switchbox derivative
     136                $(document).on('click','.derivative', function(){
     137                        var url                 = $(this).data('url'),
     138                                typeSave        = $(this).data('typesave'),
     139                                typeMap         = $(this).data('typemap'),
     140                                cookies         = $(this).data('cookie')
     141                                theImg          = $('#theMainImage');
     142                        theImg.attr({'width':'' ,'height':'', 'src': url , 'useMap': '#map' + typeMap});
     143                        $('#derivativeSwitchBox .switchCheck').css('visibility','hidden');
     144                        $('#derivativeChecked' + typeSave).css('visibility','visible');
     145                        document.cookie = 'picture_deriv='+typeSave+';path=cookies';
     146                });             
     147               
     148                $(document).on('click','.original',function(){
     149                        var theURL              = $(this).data('url'),
     150                                winName         = $(this).data('winname'),
     151                                features        = $(this).data('features');
     152                        $.getScript('./themes/default/js/scripts.js', function(){
     153                                phpWGOpenWindow(theURL,winName,features)
     154                        });
     155                });
     156               
     157                $(document).on('click','.privacy', function(){
     158                        var rootUrl             = $(this).data('root'),
     159                                id                      = $(this).data('id'),
     160                                level           = $(this).data('level');
     161                        setPrivacyLevel(rootUrl, id, level);
     162                });
     163
     164//add comment
     165                $(document).on('click', '#addComment input[type=submit]', function(e){
     166                        $(this).valid_comment();
     167                        e.preventDefault();
     168                });
     169                $(document).on('click', '#editComment input[type=submit]',  function(e){
     170                        $(this).valid_comment();
     171                        e.preventDefault();
     172                });
     173
     174// removal/edit comment
     175                $(document).on('click', '.actions a', function(e){
     176                        var e           = $(this),
     177                                confi   = e.attr('confirm');
     178                        if(e.hasClass('delet')){
     179                                if (confirm(confi)) {
     180                                        _rem_ed(e);
     181                                };
    19182                        }
    20                        
    21                         function megaHoverOut()
    22                                 {
    23                                 $(this).find(".sub").stop().fadeTo('slow', 0, function()
    24                                         {
    25                                         $(this).hide()
     183                        if(e.hasClass('annul')){
     184                                var href = e.attr('href') + ' #comments';
     185                                $('#comments').addClass('unwrap').load(href, function(){
     186                                        $('.unwrap').children().unwrap();
    26187                                });
    27188                        }
    28 
    29 
    30                         var configSub = {
    31                                  sensitivity: 2,                // number = sensitivity threshold (must be 1 or higher)   
    32                                  interval: 0,                   // number = milliseconds for onMouseOver polling interval   
    33                                  over: megaHoverOver,   // function = onMouseOver callback (REQUIRED)   
    34                                  timeout: 0,                    // number = milliseconds delay before onMouseOut   
    35                                  out: megaHoverOut              // function = onMouseOut callback (REQUIRED)   
    36                         };
    37 
    38                         $("ul#topnav li .sub").css({'display':'none'});
    39                         $("ul#topnav li").hoverIntent(configSub);
    40                        
    41                        
    42                         // Delete the border for the last li of the submenu
    43                         $("ul#topnav .sub ul li:last-child a").css("border", "none");
    44 
    45                         /*other menubar script*/
    46                         //open form login menu         
    47                        
    48                         $(".cl_wrapper").next("div").hide();
    49                         $(".cl_wrapper").hover(function()
    50                                 {
    51                                 if($(this).next("div").is(":hidden"))
    52                                         {
    53                                         $(this).next("div").fadeTo('fast', 1);
    54                                         $(this).addClass('activate');
    55                                         $(this).next("div").attr(":visible")
     189                        if(e.hasClass('editComment')){
     190                                _rem_ed(e);
     191                        };
     192                        e.preventDefault();
     193                });
     194
     195//Change the order of comments
     196                $(document).on('click', '.commentsOrder', function(e){
     197                        $.ajax({ 
     198                                url             : $(this).attr('href'),
     199                                success : function(html){
     200                                        _comment_reload(html)
     201                                                }
     202                        });
     203                        e.preventDefault();
     204                });
     205
     206//edit profil           
     207                $(document).on('click', '#profile input[name=reset_to_default]', function(e){
     208                        var profil              = $('#profile'),
     209                                profilhref      = profil.attr('action'),
     210                                profilmet       = profil.attr('method'),
     211                                profilser       = profil.serialize(),
     212                                profilval       = $(this).attr('value'),
     213                                profilnam       = $(this).attr('name'),
     214                        data = profilser + '&' + profilnam + '=' + profilval;
     215                                $.ajax({           
     216                                        url             : profilhref,
     217                                        type    : profilmet,
     218                                        data    : data,
     219                                        success : function(html) {
     220                                                var content = $(html).find('#profile');
     221                                                profil.replaceWith(content)
     222                                        }
     223                                });                     
     224                        e.preventDefault();
     225                });
     226
     227// search page
     228                $(document).on('submit', '.theSearchPage .filter', function(e){
     229                        var sch         = $('.filter'),
     230                        schmet  = sch.attr('method'),
     231                        schser  = sch.serialize(),
     232                        schhref = sch.attr('action');
     233                        schser = schser+"&submit=Valide";
     234                        $.ajax({           
     235                                url             : schhref,
     236                                type    : schmet,
     237                                data    : schser,
     238                                success : function(html){
     239                                        var e = $(html).find('.errors');
     240                                        if(e.length){
     241                                                var inf = e.text()
     242                                                _message(inf);
     243                                        } else {
     244                                                var $href               = $(html).find('.titrePage h2 a:nth-child(2)').attr('href'),
     245                                                        $layerShow      = $('body').data('layerShow'),
     246                                                        $url            = $href + ' #the_page';
     247                                                $('#the_page', $layerShow).addClass('unwrap').load($url,function(){
     248                                                        _init_page();
     249                                                        $('.unwrap').children().unwrap();
     250                                                });
     251                                        };     
    56252                                }
    57253                        });
    58                                
    59                         $(".cl_wrapper").click(function()
    60                                 {
    61                                 if($(this).next("div").is(":visible"))
    62                                         {
    63                                         $(this).next("div").fadeTo('slow', 0, function(){$(this).hide()});
    64                                         $(this).removeClass('activate');
    65                                         $(this).next("div").attr(":hidden")
     254                        e.preventDefault();
     255                });
     256                               
     257//comment page
     258                $(document).on('submit', '.theCommentsPage .filter',  function(e){
     259                        var com         = $('.filter'),
     260                                commet  = com.attr('method'),
     261                                comser  = com.serialize(),
     262                                comhref = com.attr('action');
     263                        $.ajax({           
     264                                url             : comhref,
     265                                type    : commet,
     266                                data    : comser,
     267                                success : function(html){
     268                                        var $layerShow          = $('body').data('layerShow'),
     269                                                $comfilt                = $(html).find('#content');
     270                                        $('#content', $layerShow).replaceWith($comfilt);       
    66271                                }
    67272                        });
    68 
    69                         $(".close").click(function()
    70                                 {
    71                                 if($("#loger").is(":visible"))
    72                                         {
    73                                         $("#loger").fadeTo('fast', 0, function(){$(this).hide()});
    74                                         $(".cl_wrapper").removeClass('activate');
    75                                         $("#loger").attr(":hidden");
     273                        e.preventDefault();
     274                });
     275               
     276//switchBox
     277                var $optbox = [ {li : '#sortOrderLink', box : '#sortOrderBox'},
     278                                                {li : '#derivativeSwitchLink' , box : '#derivativeSwitchBox'},
     279                                                {li : '#privacyLevelLink' , box : '#privacyLevelBox'},
     280                                                {li : '#calendarViewSwitchLink' , box : '#calendarViewSwitchBox'}
     281                                                ];
     282                $.each($optbox, function(i, a){
     283                        $(document).on('click', a.li , function(e) {
     284                                var $layerShow  = $('body').data('layerShow'),
     285                                        $ele            = $( a.box  , $layerShow),
     286                                        ePos            = $(this).position(),
     287                                        ePos_h          = $(this).height();
     288                                if ($ele.is(":hidden")){
     289                                        var left        = (ePos.left) + 'px',
     290                                                top             = (ePos.top + ePos_h) + 'px';
     291                                        $ele.css({left: left , top: top }).show();
    76292                                }
    77                         });
    78                        
    79                         $(".cc_wrapper").click(function()
    80                                 {
    81                                 if($(this).next("div").is(":visible"))
    82                                         {
    83                                         $(this).next("div").fadeTo('slow', 0, function(){$(this).hide()});
    84                                         $(this).removeClass('activate');
    85                                         $(this).next("div").attr(":hidden")
     293                        e.preventDefault();     
     294                        });
     295                        $(document).on('mouseleave', a.box, function() {
     296                                $(this).hide();
     297                        });
     298                });
     299               
     300//_____function SLIDE______________________________________________________________________________________________________________________________________________
     301                function _init_page($urlFirst,$slide_w) {
     302                var $layerShow  = $('body').data('layerShow');
     303                        _selectPageSlide();
     304                        _display_menu();
     305                        _titre_page();
     306                        _scrollbar();
     307                        _content_size();
     308                        _piwitheme_link();
     309                        _dragbar_tabs();
     310                        if($('#the_page',$layerShow).hasClass('thePicturePage')){
     311                                _rate_star();
     312                                _imageInfo()
     313                        };
     314                        if($('#the_page',$layerShow).hasClass('EC_drag')||$('#the_page',$layerShow).hasClass('EC_tictac')){
     315                                _ECaptcha();
     316                        };
     317                        if($('#slideshow').length){
     318                                $('#theHeader', $layerShow).remove();
     319                                _load_slideshow($urlFirst, $slide_w);
     320                               
     321                        };
     322                        if($('body').hasClass('lightbox')||$('body').hasClass('lightboxReady')) {
     323                                _lightbox()                             
     324                        };
     325                        if($('body').hasClass('GThumb')||$('body').hasClass('GThumbReady')) {
     326                                _GThumb()
     327                        };
     328                };             
     329               
     330                function _load( $url ) {
     331                        var     $z                              = (100 / i).toFixed(),
     332                                $tab                    = 40 * i,
     333                                $pageslide_w    = $w_w - $tab,
     334                                $href                   = $url + ' #the_page';
     335                               
     336                        $('body').append($('<div />').attr('class','pageslide').css({ left: 'auto', right: '-' + $w_w + 'px' }));
     337                        $('.pageslide').attr('id', function(i){
     338                                return "layer-" + i;
     339                        });
     340                       
     341                        var $layerPrev          = $('#layer-' + (i - 1)),
     342                                $layerShow              = $('#layer-' + i);
     343
     344                        $layerShow.css({'z-index'       : $z,
     345                                                        width           : $pageslide_w +'px'
     346                        })     
     347                        $('body').data('layerShow',$layerShow);
     348                        $('body').data('layerPrev',$layerPrev);
     349                        $('body').data( 'i',i);
     350                        $layerShow.load( $href, function(){
     351                                $layerPrev      .css({right:'auto'})
     352                                                        .animate({marginLeft: - $pageslide_w + ((i - 1) * 40)}, 1000);
     353                                $layerShow      .show()
     354                                                        .animate({right: 0}, 1000)
     355                                                        .prepend($('<div />')
     356                                                        .attr({'class':'tab','id':'tab-0','data-urltab':window.location})
     357                                                        .append($('<div />').attr('class','sld_tab')));
     358                                $('.tab').attr('id', function(i){
     359                                        return "tab-" + i;
     360                                });
     361                                $('#slideLoading').css('z-index',0);
     362                                clearTimeout($int);
     363                                _init_page($url, $pageslide_w)
     364                        });
     365                };
     366
     367                function _selectPageSlide(){
     368                        var $layerShow  = $('body').data('layerShow'),
     369                                $a                      = [     '#menu_start a',
     370                                                                '.navigationBar a',
     371                                                                '.calendarBar a',
     372                                                                '.calendarCalBar a',
     373                                                                '.navigationButtons a',
     374                                                                '#imageHeaderBar a',
     375                                                                '.calImg a',
     376                                                                '.date_today',
     377                                                                '#sortOrderLink',
     378                                                                '#sortOrderBox a',
     379                                                                '#derivativeSwitchBox a',
     380                                                                '#derivativeSwitchLink',
     381                                                                '.actionButtons a',
     382                                                                '.actions a',
     383                                                                '.navThumb',
     384                                                                '.calendarTitle a',
     385                                                                '#linkToPiwigo a',
     386                                                                '#copyright a',
     387                                                                '#languageSwitchLink',
     388                                                                '#languageSwitchBox a',
     389                                                                '#theHeader a',
     390                                                                '#myHomePage a',
     391                                                                '#mbAdditionalPages a',
     392                                                                '#photosAddContent a',
     393                                                                '.amm-MenuBar-links-icons a',
     394                                                                '.commentsOrder',
     395                                                                '#calendarViewSwitchLink',
     396                                                                '#calendarViewSwitchBox a',
     397                                                                '#ato_header a',
     398                                                                '#ato_header_closed a',
     399                                                                ],
     400                                $b                      = [     '.pwg-icon-letters',
     401                                                                '.pwg-icon-cloud',
     402                                                                '.pwg-icon-help',
     403                                                                '.pwg-icon-calendar',
     404                                                                '.pwg-icon-camera-calendar',
     405                                                                '.pwg-icon-favorite-del',
     406                                                                '.pwg-icon-caddie-add',
     407                                                                '.pwg-icon-category-view-flat',
     408                                                                '.pwg-icon-category-view-normal',
     409                                                                '#thePicturePage .pwg-icon-slideshow',
     410                                                                '#thePicturePage .pwg-icon-camera-info',
     411                                                                '#thePicturePage .pwg-icon-save',
     412                                                                '#thePicturePage .pwg-icon-favorite-add',
     413                                                                '#thePicturePage .pwg-icon-representative',
     414                                                                '#thePicturePage .pwg-icon-edit',
     415                                                                '.pwg-icon-category-edit'
     416                                                                ],
     417                                $c                      = [     '.description_stuffs .zero nb-comments',
     418                                                                '.description_stuffs .nb-hits',
     419                                                                '.description_stuffs .nb-comments'
     420                                                                ],
     421                                $d                      = [ '.pwg-icon-arrow-n'
     422                                                                ],
     423                                $e                      = [     '#linkToPiwigo a',
     424                                                                '#copyright a'
     425                                                                ],
     426                                $f                      = [ '.navigationButtons a',
     427                                                                '.navThumbs a',
     428                                                                '.navigationBar a',
     429                                                                '#derivativeSwitchBox a',
     430                                                                '#sortOrderBox a',
     431                                                                '#theMainImage map area a',
     432                                                                '#calendarViewSwitchBox a',
     433                                                                '.calImg a',
     434                                                                ];
     435                                $g                      = [ '.pwg-icon-caddie-add',
     436                                                                '.pwg-icon-category-view-normal',
     437                                                                '.pwg-icon-calendar',
     438                                                                '.pwg-icon-camera-calendar'
     439                                                                ];
     440                                                               
     441                        if($('body').hasClass('withlightbox')) {       
     442                                        $a.push('.illustration a');
     443                                };
     444                                       
     445                        $.each($a, function(i,e) {
     446                                $(e, $layerShow).addClass('noSlide')
     447                        });
     448                        $.each($b, function(i,e) {
     449                                $(e, $layerShow).parent().addClass('noSlide')
     450                        });
     451                        $.each($c,function(i,e) {
     452                                $(e, $layerShow).remove()
     453                        });
     454                        $.each($d,function(i,e) {
     455                                $(e, $layerShow).parent().remove()
     456                        });
     457                        $.each($e,function(i,e) {
     458                                $(e, $layerShow).attr('target','blank')
     459                        });
     460                        $.each($f, function(i,e) {
     461                                $(e, $layerShow).addClass('sameLayer')
     462                        });
     463                        $.each($g, function(i,e) {
     464                                $(e, $layerShow).parent().addClass('sameLayer')
     465                        });
     466
     467                        $('a:not(.noSlide)', $layerShow).addClass('slide');
     468                        $('#layer-0 ').find('.sameLayer').removeClass('sameLayer');
     469
     470                        $('.stuffs_block .illustration .description', $layerShow).removeClass('description').addClass('description_stuffs');
     471                        $('.titrePage + div', $layerShow).addClass('blockConteneur');
     472                        $('.myHomePage_links a[href="index.php?/contact"]', $layerShow).addClass('slide');
     473                };
     474               
     475                function _titre_page() {
     476                        var $layerShow  = $('body').data('layerShow'),
     477                                $titre          = $('#content .titrePage h2',$layerShow).first().text(),
     478                                $titre          = $titre.substring($titre.lastIndexOf("/")).replace("/","");
     479                        $('#content .titrePage h2',$layerShow).first().replaceWith("<h2>"+ $titre +"</h2>");
     480                       
     481                        if (($titre.indexOf("[")>=0)) {
     482                                var $titreTab   = $titre.substring(0,$titre.indexOf("[",1));
     483                        }else{
     484                                var $titreTab   = $titre;
     485                        };
     486                        $('.sld_tab',$layerShow).text($titreTab);
     487               
     488                        $('.browsePath a',$layerShow).remove();
     489                        var $titre              = $('.browsePath',$layerShow).text(),
     490                                $titre          = $titre.substring($titre.lastIndexOf("/")).replace("/","").replace("[","").replace("]","");
     491                        $('.browsePath',$layerShow).replaceWith("<h2>"+ $titre +"</h2>");
     492                };
     493               
     494                function _scrollbar() {
     495                        var $layerShow  = $('body').data('layerShow'),
     496                                $settings       = {     verticalDragMinHeight: 100,
     497                                                                verticalDragMaxHeight: 100,
     498                                                                autoReinitialise: true
     499                                                        };
     500                        var $pane               = $('.scrollpane', $layerShow).jScrollPane($settings);
     501                };
     502               
     503                function _display_menu() {
     504                        var $layerShow  = $('body').data('layerShow');
     505                        if($layerShow.attr('id') != ('layer-0')) {
     506                                $layerShow.find('#menubar').remove();
     507                                $layerShow.find('#theHeader').addClass('headbord')
     508                        };
     509                        $('#theIdentificationPage #menu').remove();
     510                };
     511               
     512                function _content_size(){
     513                        var $layerShow  = $('body').data('layerShow'),
     514                                $headerH        = $('#theHeader', $layerShow).height(),
     515                                $headerBar      = $('.imageHeaderBar', $layerShow).height(),   
     516                                $copyright      = $('#copyright', $layerShow).height(),
     517                                $imageToolBar = $('.imageToolBar', $layerShow).height()
     518                                $w_mh           = $(window).height() - ($headerH + $headerBar + $copyright +$imageToolBar + 50 ) + 'px';
     519                        $('#content',$layerShow).css({minHeight: $w_mh});
     520                };
     521
     522                function _piwitheme_link(){
     523                        var $layerShow  = $('body').data('layerShow');
     524                        var $link               = ' - theme by <a href="http://piwitheme.fr" target="_blank">piwitheme</a>';
     525                        $('#copyright', $layerShow).append($link);
     526                };
     527
     528                function _rate_star(){
     529                        $('.rateButton').attr('value','');
     530                        if ($('.rateButton [type="button"]').length){
     531                                var rate        = $('.rateButtonSelected').attr('title'),
     532                                        nth             = ':nth-child(-n+' + rate + ')';
     533                                $('.rateButton' + nth).addClass('rateButtonFull');
     534                        }
     535                }
     536               
     537                function _imageInfo() {
     538                        $('.imageInfo a').each(function(){
     539                                var text = $(this).text();
     540                                $(this).wrap($('<span />').html(text)).remove();
     541                        })
     542                };
     543               
     544                function _load_slideshow($href,$slideW) {
     545                        $('#slideshow').empty().addClass('slideloader');
     546                        $.getScript('themes/Slide/js/slideshow.js');
     547                        $.ajax({
     548                                url     : $href,
     549                                success : function(html){
     550                                        var $next       = $(html).find('.pwg-button-icon-right').attr('href'),
     551                                                $title  = $(html).find('#imageHeaderBar h2').text(),
     552                                                $img    = $(html).find('#theImage img').attr('src');
     553                                        _stock_img($img,$title);
     554                                        if(typeof $next != "undefined"){
     555                                                _load_slideshow($next,$slideW)
     556                                        }else{
     557                                                $('#slideshow').removeClass('slideloader').slideshow({
     558                                                        imgs                            : $slideshow,
     559                                                        autoPlay                        : true,
     560                                                        speed                           : 3000,
     561                                                        height                          : $w_h,
     562                                                        width                           : $slideW - 40,
     563                                                        navType                         : 'thumb',
     564                                                        styleSlideshow          : 'Fade',
     565                                                        thumb_always            : false,
     566                                                        thumb_width                     : 100,
     567                                                        thumb_height            : 80,
     568                                                })
     569                                        };
     570                                }       
     571                        })
     572                };
     573
     574                function _tabs_dragbar() {
     575                        var $layerShow  = $('body').data('layerShow');
     576                        $('.tab',$layerShow).fadeOut(1000).css("cursor","default");
     577                        $('.jspDrag',$layerShow).css("cursor","pointer");                       
     578                        $('.jspVerticalBar',$layerShow).fadeIn(1000)
     579                };
     580               
     581                function _dragbar_tabs() {
     582                        var $layerPrev  = $('body').data('layerPrev');
     583                        if (typeof ($layerPrev) != 'undefined') {
     584                                $('.tab',$layerPrev).fadeIn(1000).css("cursor","pointer");
     585                                $('.jspDrag',$layerPrev).css("cursor","default");                       
     586                                $('.jspVerticalBar',$layerPrev).fadeOut(1000)
     587                        }
     588                };
     589               
     590                function _stock_img($href,$title){
     591                        var $img = {image : $href  , title : $title , descr : $title};
     592                        $slideshow.push($img);
     593                };
     594
     595                function _close($tabClick) {
     596                        var $layerBack  = $tabClick.parent(),
     597                                $layerShow      = $('body').data('layerShow'),
     598                                $newI           = $layerBack.attr('id'),
     599                                $newI           = $newI.substring($newI.lastIndexOf("-")).replace("-","");
     600
     601                        $('body').data('layerShow', $layerBack);
     602                        _tabs_dragbar();
     603                        $layerShow.animate({left: $w_w}, 1000,function(){
     604                                if($('#slideshow').length){
     605                                        var $inter              = $('#slideshow').data('e').interval;
     606                                        $slideshow              = [];
     607                                        clearTimeout($inter);
     608                                };
     609                                $layerBack.nextAll('.pageslide').remove();
     610                                var $layerPrev = $layerBack.prev
     611                        });
     612                        $layerBack.css({right:'auto'}).animate({marginLeft:($newI * 40)}, 1000);
     613                        i                       = $newI;
     614                        var     $layerPrev      = $('#layer-' + (i - 1));
     615                        $('body').data( 'i',i);         
     616                        $('body').data('layerPrev', $layerPrev)
     617                };
     618               
     619                function _pushstate($url) {
     620                        window.top.history.pushState({ key: i }, 'titre', $url)
     621                        window.onpopstate = function(e){
     622                                if (!e.state || e.state.key < i) {
     623                                        $layerPrev = $('body').data('layerPrev');
     624                                        _close($('.tab',$layerPrev))
     625                                } else {
     626                                        i++;
     627                                        var $url = window.location;
     628                                        _load($url);   
    86629                                }
    87                         });
    88                        
    89                         $(".cc_wrapper").click(function()
    90                                 {
    91                                 if($(this).next("div").is(":hidden"))
    92                                         {
    93                                         $(this).next("div").fadeTo('fast', 1);
    94                                         $(this).addClass('activate');
    95                                         $(this).next("div").attr(":visible")
     630                        }
     631                };
     632               
     633                function setPrivacyLevel(rootUrl, id, level) {
     634                        var y = new PwgWS(rootUrl);
     635                        y.callService(
     636                                "pwg.images.setPrivacyLevel", {image_id: id, level:level} ,
     637                        {
     638                                method: "POST",
     639                                onFailure: function(num, text) { alert(num + " " + text); },
     640                                onSuccess: function(result) {
     641                                          $('#privacyLevelBox .switchCheck').hide();
     642                                          $('#levelCheck'+level).show();
    96643                                }
    97644                        });
    98                        
    99                                 $(".close").click(function()
    100                                         {
    101                                         if($("#loger").is(":visible"))
    102                                                 {
    103                                                 $("#loger").fadeTo('fast', 0, function(){$(this).hide()});
    104                                                 $(".cc_wrapper").removeClass('activate');
    105                                                 $("#loger").attr(":hidden");
    106                                         }
    107                         });
    108                        
    109                        
    110                 $( document ).ready(function()
    111                         {
    112                
    113                         // make column menubar_categorie
    114                         $('.mcol').makeacolumnlists({cols:4, colWidth:155, equalHeight: true, startN: 1});
    115                        
    116                         //determines what page will slide
    117                         var t = [       $('#menu_start a'),
    118                                                 $('.navigationBar a'),
    119                                                 $('.calendarBar a'),
    120                                                 $('.calendarCalBar a'),
    121                                                 $('.navigationButtons a'),
    122                                                 $('#imageHeaderBar a'),
    123                                                 $('.calImg a'),
    124                                                 $('.date_today'),
    125                                                 $('#sortOrderBox a'),
    126                                                 $('#derivativeSwitchBox a'),
    127                                                 $('#sortOrderLink'),
    128                                                 $('#derivativeSwitchLink'),
    129                                                 $('.actions a'),
    130                                                 $('.navThumb'),
    131                                                 $('.calendarTitle a'),
    132                                                 $('#linkToPiwigo a'),
    133                                                 $('#copyright a'),
    134                                                 //determines what page will slide->specific plugin     
    135                                                 $('#languageSwitchLink'),
    136                                                 $('#languageSwitchBox a'),
    137                                                 $('#theHeader a'),
    138                                                 $('#myHomePage a'),
    139                                                 $('#mbAdditionalPages a'),
    140                                                 $('#photosAddContent a'),
    141                                                 $('.amm-MenuBar-links-icons a'),
    142                                         ];
    143                         $.each(t,function()
    144                                 {
    145                                 $(this).attr('class','noSlide')
    146                         });
    147                                
    148                         var r = [       $('.pwg-icon-letters'),
    149                                                 $('.pwg-icon-cloud'),
    150                                                 $('.pwg-icon-help'),
    151                                                 $('.pwg-icon-favorite-del'),
    152                                                 $('.pwg-icon-caddie-add'),
    153                                                 $('.pwg-icon-category-view-flat'),
    154                                                 $('.pwg-icon-category-view-normal'),
    155                                                 $('#thePicturePage .pwg-icon-slideshow'),
    156                                                 $('#thePicturePage .pwg-icon-camera-info'),
    157                                                 $('#thePicturePage .pwg-icon-save'),
    158                                                 $('#thePicturePage .pwg-icon-favorite-add'),
    159                                                 $('#thePicturePage .pwg-icon-representative'),
    160                                                 $('#thePicturePage .pwg-icon-edit'),
    161                                                 $('.pwg-icon-category-edit')
    162                                         ];
    163                         $.each(r,function()
    164                                 {
    165                                 $(this).parent().attr('class','noSlide')
    166                         });
    167                                
    168                         if($('.illustration a').hasClass('cboxElement'))
    169                                 {
    170                                 $('.illustration a').addClass('noSlide').removeClass('slide')
    171                         };
    172                                
    173                         $('.categoryActions a[onclick]').addClass('noSlide');
    174                         $('.actionButtons a[onclick]').addClass('noSlide');
    175                                
    176                         $('a:not(.noSlide)').addClass('slide');
    177                                
    178                         var s = [       $('.description_stuffs .zero nb-comments'),
    179                                                 $('.description_stuffs .nb-hits'),
    180                                                 $('.description_stuffs .nb-comments'),
    181                                                 $('.pwg-icon-arrow-n').parent()
    182                                         ];
    183                         $.each(s,function()
    184                                 {
    185                                 $(this).remove()
    186                         });
    187 
    188                         var u = [       $('#linkToPiwigo a'),
    189                                                 $('#copyright a'),
    190                                         ];
    191                         $.each(u,function()
    192                                 {
    193                                 $(this).attr('target','blank')
    194                         });
    195                                
    196                         $('.stuffs_block .illustration .description').removeClass('description').addClass('description_stuffs');
    197                         $('.titrePage + div').addClass('blockConteneur');
    198                         $('.myHomePage_links a[href="index.php?/contact"]').addClass('slide');
    199                 });     
    200 
    201                        
    202                         $('#theHeader').find('a').on('click',function()
    203                                 {
    204                                 window.top.location.reload()
    205                         });
    206                                
    207                 //initialise scroll bar         
    208                         var settings            = {     verticalDragMinHeight: 100,
    209                                                                         verticalDragMaxHeight: 100,
    210                                                                         autoReinitialise: true
    211                                                                 };
    212                         var pane                        = $('.scrollpane').jScrollPane(settings);
    213                         var api                         = pane.data('jsp');
    214 
    215                 //open the slide
    216                         $(function()
    217                                 {
    218                                 $('.slide').pageslide({direction: "left",speed:2000})
    219                         });
    220 
    221                 $(function()
    222                         {
    223                         if(top !== self)
    224                                 {
    225                                 $('#menubar').remove();
    226                                 $('#theHeader').addClass('headbord')
    227                         }
    228                 });
    229                
    230                 //close the slide
    231                         function close()
    232                                 {
    233                                 $.pageslide.close()
    234                         };
    235                                                                
    236                 //fit the size of the screen           
    237                         var w_w                 = $(window).width()-41 + 'px',
    238                                 w_h             = $(window).height() + 'px',
    239                                 w_mh            = $(window).height()-180 + 'px';
    240                         $('#pageslide').css({width: w_w});             
    241                         $('#the_page').css({height: w_h});             
    242                         $('.intabs').css({height: w_h});       
    243                         $('#content').css({minHeight: w_mh})
    244                                                                        
    245                 //when click on tabs or scroll bar                                     
    246                         $('.tabs').bind('click', function()
    247                                 {
    248                                 tabs_dragbar()
    249                         });
    250                                                                
    251                         $('.jspTrack').bind('click', function()
    252                                 {
    253                                 tabs_dragbar()
    254                         });
    255 
    256                         tabs_dragbar = function()
    257                                 {
    258                                 $('.intabs').removeClass('visibleTransi').css("cursor","default");
    259                                 $('.jspDrag').css("cursor","pointer");                 
    260                                 $('.jspVerticalBar').addClass('visibleTransi');
    261                                 $('.jspVerticalBar').removeClass('hideTransi')
    262                         };
    263                        
    264                        
    265                 //when click on link with class'slide' 
    266 
    267                         $(function()
    268                                         {
    269                                 $('.slide').bind('click', function()
    270                                         {dragbar_tabs()
    271                                 });
    272                         });
    273 
    274                         dragbar_tabs = function()
    275                                 {
    276                                 $('.intabs').addClass('visibleTransi').css("cursor","pointer");
    277                                 $('.jspDrag').css("cursor","default");                 
    278                                 $('.jspVerticalBar').addClass('hideTransi');
    279                                 $('.jspVerticalBar').removeClass('visibleTransi')
    280                         };
    281 
    282                 //specif tab in page indentification
    283                         var content             = $('#theIdentificationPage .titrePage a').first().text(),
    284                                 link            = '<a href="index.php" class="noSlide">' + content + '</a>';
    285                         $('#theIdentificationPage .intabs').addClass('visible');
    286                         $('#theIdentificationPage #sld_tab').replaceWith('<div id="sld_tabIdent">' + link + '</div>');
    287                         $('#theIdentificationPage #menubar').remove();
    288                                                
    289                 //title page           
    290                         var titre               = $('#sld_tab').text(),
    291                                 titre           = titre.substring(titre.lastIndexOf("/")),
    292                                 titre           = titre.replace("/","");
    293                         if ((titre.indexOf("[")>=0))
    294                                 {
    295                                 var titre       = titre.substring(0,titre.indexOf("[",1))
    296                         };
    297                         $('#sld_tab').replaceWith("<div id='sld_tab'>"+ titre +"</div>")               
    298                        
    299                         var titre               = $('#content .titrePage h2').first().text(),
    300                                 titre           = titre.substring(titre.lastIndexOf("/")),
    301                                 titre           = titre.replace("/","");
    302                         $('#content .titrePage h2').first().replaceWith("<h2>"+ titre +"</h2>");
    303                                        
    304                         $('.browsePath a').remove();
    305                         var titre               = $('.browsePath').text(),
    306                                 titre           = titre.substring(titre.lastIndexOf("/")),
    307                                 titre           = titre.replace("/",""),
    308                                 titre           = titre.replace("[",""),
    309                                 titre           = titre.replace("]","");
    310                         $('.browsePath').replaceWith("<h2>"+ titre +"</h2>");
    311                                                        
    312 
    313                 //description size on thumbnail
    314                         var l                   = $('.illustration img').width();
    315                         if(l<230)
    316                                 {
    317                                 $('.description').css('width','80%')
    318                         };
    319                                                        
    320                 //input scearch on menubar
    321                         $('#submitSearch').click( function()
    322                                 {
    323                                 $('.intabs').addClass('visibleTransi');
    324                                 $('.jspVerticalBar').addClass('hideTransi');
    325                                 $('.jspVerticalBar').removeClass('visibleTransi')
    326                         });
    327 
    328                 //piwitheme link in footer                             
    329                         var link                = ' - theme by <a href="http://piwitheme.fr" target="_blank">piwitheme</a>';
    330                         $('#copyright').append(link);
    331                
    332                 //specific IE8
    333                         if ($.browser.msie  && parseInt($.browser.version, 10) === 8)
    334                                 {       
    335                                 $("#sortOrderLink").click(function()
    336                                         {
    337                                         var elt                 = $("#sortOrderBox");
    338                                         elt.css("left", Math.min( $(this).offset().left, $(window).width() - elt.outerWidth(true) - 5))
    339                                                 .css("top", $(this).offset().top + $(this).outerHeight(true))
    340                                                 .toggle()
    341                                         });
    342                                 $("#sortOrderBox").on("mouseleave", function()
    343                                         {
    344                                         $(this).hide()
    345                                 });
    346                                 $("#derivativeSwitchLink").click(function()
    347                                         {
    348                                         var elt                 = $("#derivativeSwitchBox");
    349                                         elt.css("left", Math.min( $(this).offset().left, $(window).width() - elt.outerWidth(true) - 5))
    350                                                 .css("top", $(this).offset().top + $(this).outerHeight(true))
    351                                                 .toggle()
    352                                 });
    353                                 $("#derivativeSwitchBox").on("mouseleave", function()
    354                                         {
    355                                         $(this).hide()
    356                                 });
    357                                 $("#languageSwitchLink").click(function()
    358                                         {
    359                                         var elt = $("#languageSwitchBox");
    360                                         elt.css("left", Math.min($(this).offset().left, $(window).width() - elt.outerWidth(true) - 5))
    361                                                 .css("top", $(this).offset().top + $(this).outerHeight(true))
    362                                                 .toggle()
    363                                 });
    364                                 $("#languageSwitchBox").on("mouseleave", function()
    365                                         {
    366                                         $(this).hide();
    367                                 });                             
    368                         };
     645                };
     646
     647                function _rem_ed(e) {
     648                        var c = e.attr('class'),
     649                                href = e.attr('href');
     650                        $.ajax({ 
     651                                url             : href,
     652                                success : function(html){
     653                                _comment_reload(html)
     654                                }
     655                        });
     656                };     
     657                               
     658                $.fn.valid_comment = function(){       
     659                        var addcom      = $(this).parents('form'),
     660                                formp   = addcom.children('p'),
     661                                contid  = $('#contentid'),
     662                                contval = contid.val(),
     663                                contlen = contid.length,
     664                                aut             = $('#author'),
     665                                autval  = aut.val(),
     666                                autlen  = aut.length,
     667                                em              = $('#email'),
     668                                emval   = em.val(),
     669                                emlen   = em.length,
     670                                emregl  = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/,
     671                                href    = addcom.attr('action'),
     672                                framehref= href;
     673                        formp.children().each(function(){
     674                                $(this).removeClass('requi');
     675                        });
     676                        $.ajax({           
     677                                url             : href,
     678                                type    : addcom.attr('method'),
     679                                data    : addcom.serialize(),
     680                                error   : function (xhr, ajaxOptions, thrownError) {
     681                                        var e           = (xhr.responseText),
     682                                                e               = e.substring(e.indexOf('<div class="errors">')),
     683                                                e               = e.substring(e.indexOf('<li>') , e.indexOf('</ul>')),
     684                                                reg     = new RegExp("(<li>)","g"),
     685                                                rege    = new RegExp("(</li>)","g"),
     686                                                inf             = e.substring(e.indexOf('<li>'),e.lastIndexOf('</li>')).replace(reg,'').replace(rege,'');
     687                                        _message(inf);
     688                                },
     689                                success : function(html){
     690                                        var inf         = $(html).find('.infos li').text();
     691                                        if(href.indexOf('&')>=0){href = href.substring(0,href.indexOf('&'))}
     692                                        _message(inf);
     693                                        _comment_reload(html);
     694                                }                       
     695                        });
     696                };
     697               
     698                function _comment_reload(html){
     699                        var $com                = $(html).find('#comments'),
     700                                $layerShow      = $('body').data('layerShow');
     701                                console.log($com);
     702                        $('#comments', $layerShow).replaceWith($com);
     703                };
     704
     705                function _message(inf) {
     706                        if($('#msgBox').length==0){
     707                                $('body').append($('<div />').attr('id','msgBox').append($('<div />').attr('id','msgBoxCom'))).fadeIn();
     708                        } else {
     709                                $('#msgBox').fadeIn()
     710                        };
     711                        $('#msgBoxCom').text(inf);
     712                        $('#msgBox').delay(5000).fadeOut();                     
     713                };
     714
    369715        });
     716})(jQuery);
  • extensions/Slide/local_head.tpl

    r25167 r26889  
    1 {combine_script id='hoverIntent' load='header' require='jquery' path='themes/Slide/js/jquery.hoverIntent.minified.js'}
    2 {combine_script id='columnizer' load='header' require='jquery' path='themes/Slide/js/columnizer.min.js'}
     1{combine_script id='hoverIntent' load='footer' require='jquery' path='themes/Slide/js/jquery.hoverIntent.js'}
     2{combine_script id='columnizer' load='footer' require='jquery' path='themes/Slide/js/jquery.columnizer.js'}
     3{combine_script id='menu' load='footer' require='jquery' path='themes/Slide/js/menu.js'}
    34
    4 {combine_script id='slide' load='header' require='jquery' path='themes/Slide/js/slide.js'}
    5 {combine_script id='pageslide' load='footer' require='jquery' path='themes/Slide/js/jquery.pageslide.min.js'}
     5{if not empty($pluginActive)}{foreach from=$pluginActive item=foo}{if $foo == 'GThumb'}{combine_script id='slideGT' load='footer' require='jquery' path='themes/Slide/js/plugin/SlideGThumb.js'}{/if}{/foreach}{/if}
     6{if not empty($pluginActive)}{foreach from=$pluginActive item=foo}{if $foo == 'lightbox'}{combine_script id='slideLB' load='footer' require='jquery' path='themes/Slide/js/plugin/SlideLightbox.js'}{/if}{/foreach}{/if}
     7{if not empty($pluginActive)}{foreach from=$pluginActive item=foo}{if $foo == 'EasyCaptcha'}{combine_script id='slideEC' load='footer' require='jquery' path='themes/Slide/js/plugin/SlideEasyCaptcha.js'}{/if}{/foreach}{/if}
     8
     9{combine_script id='slide' load='footer' require='jquery' path='themes/Slide/js/slide.js'}
     10
     11{combine_script id='mousewheel' load='footer' require='jquery' path='themes/Slide/js/jquery.mousewheel.min.js'}
    612{combine_script id='scrollpane' load='footer' require='jquery' path='themes/Slide/js/jquery.jscrollpane.min.js'}
    7 {combine_script id='mousewheel' load='footer' require='jquery' path='themes/Slide/js/jquery.mousewheel.min.js'}
    813
    914<link href='http://fonts.googleapis.com/css?family=Tenor+Sans' rel='stylesheet' type='text/css'>
    1015
    11         <!--[if lte IE 8]>
    12                 <link rel="stylesheet" type="text/css" href="{$ROOT_URL}themes/Slide/fix-ie8.css">
    13         <![endif]-->
    1416
     17
  • extensions/Slide/theme.css

    r25167 r26889  
    123123}
    124124.headbord {
    125     border-bottom:              1px solid rgb(51, 51, 51);
     125    border-bottom:              1px solid #808080;
    126126}
    127127#imageHeaderBar {
    128128    margin-bottom:              10px;
    129129    padding-left:               15px;
    130 }
     130        border:                                         none;
     131        background:                                     none;
     132}
     133
    131134/*_______________________________menu______________________________________*/
    132135#menubar {
     
    152155    list-style:                 none outside none;
    153156    margin:                     0px;
    154 }
     157        padding:                                        0px 0px 0px 5px
     158}
     159#topnav {
     160    padding:                    0px 2px 0px 0px;
     161    height:                     30px;
     162    position:                   relative;
     163    z-index:                    999;
     164    display:                    inline-block;
     165}
     166#topnav .liSub {
     167        height:                                         30px;
     168    float:                      left;
     169    position:                   relative;
     170    padding-right:              2px;
     171}
     172#topnav .sub, #loger {
     173    position:                   absolute;
     174    top:                        30px;
     175    margin-left:                0px;
     176    background:                 none repeat scroll 0% 0% rgb(121, 121, 121);
     177    padding:                    5px 8px 10px 5px;
     178    float:                      left;
     179    max-width:                  100em;
     180    min-width:                  200px;
     181    max-height:                 500px;
     182}
     183
    155184.dd_wrapper, .cl_wrapper, .cc_wrapper, #menubar dt, #menubar dt a {
    156185    float:                      left;
     
    160189    line-height:                21px;
    161190    text-decoration:            none;
    162     color:                      rgb(179, 179, 179);
    163191    font-size:                  16px;
    164192}
    165 .dd_wrapper:hover, .cl_wrapper:hover, .cc_wrapper:hover, .activate {
    166     z-index:                    100;
    167     padding:                    3px 16px 6px;
    168     text-shadow:                none;
    169     cursor:                     default;
    170     background:                 none repeat scroll 0px 0px rgb(228, 228, 228);
    171 }
    172 #menubar dt a, #menubar dt a:hover {
    173     z-index:                    100;
    174     padding:                    0px;
    175     text-shadow:                none;
    176     cursor:                     default;
    177 }
    178 span#menu_start {
    179     width:                      85px;
    180     float:                      left;
    181     display:                    block;
    182     height:                     30px;
    183 }
    184 span#menu_start a {
    185     background:                 url("images/menu/home_w.png") no-repeat scroll left top transparent;
    186     width:                      52px;
    187     height:                     30px;
    188     padding:                    0px;
    189     margin:                     0px 20px 0px 25px;
    190     display:                    block;
    191     line-height:                46px;
    192 }
    193 span#menu_start a:hover {
    194     background-position:        left -30px;
    195 }
    196 span#menu_start a:active {
    197     background-position:        left -60px;
    198 }
    199 #topnav {
    200     margin:                     0px;
    201     padding:                    0px 2px 0px 0px;
    202     list-style:                 none outside none;
    203     height:                     30px;
    204     position:                   relative;
    205     z-index:                    999;
    206     display:                    inline-block;
    207 }
    208 #topnav .liSub {
    209     float:                      left;
    210     position:                   relative;
    211     padding-right:              2px;
    212 }
    213 #topnav .sub, #topnav #loger {
    214     position:                   absolute;
    215     top:                        30px;
    216     margin-left:                0px;
    217     background:                 none repeat scroll 0% 0% rgb(121, 121, 121);
    218     padding:                    5px 8px 10px 5px;
    219     float:                      left;
    220     max-width:                  100em;
    221     min-width:                  200px;
    222     display:                    none;
    223     max-height:                 500px;
    224 }
    225 #topnav #loger {
    226     z-index:                    50;
    227 }
     193.activate{
     194        cursor:                                         default;
     195    background:                 none repeat scroll 0px 0px rgb(121, 121, 121);
     196}
     197.activate:first-child{
     198        color:                                          #dddddd!important;
     199}
     200
    228201.sub {
    229202    z-index:                    100;
     
    236209    text-transform:             none;
    237210}
    238 .sub a {
     211.sub a,  #loger a {
    239212    color:                      rgb(179, 179, 179);
    240 }
    241 .sub a:hover {
    242     color:                      rgb(179, 179, 179);
    243 }
    244 ul#topnav .sub ul li, ul#topnav #loger ul li, ul#topnav .sub #menuTagCloud div {
     213    font-size:                  1.4em;
     214    line-height:                17px;
     215    padding:                    0px 0px 0px 15px;
     216}
     217
     218.sub a:hover,loger a:hover {
     219    color:                      rgb(196, 196, 196);
     220    background:                 url("images/menu/navlist_arrow_hover.png") no-repeat scroll 4px 5px transparent;
     221}
     222.sub .selected a {
     223    background:                 url("images/menu/navlist_arrow_select.png") no-repeat scroll 4px 5px transparent;
     224}
     225.sub ul li,  #loger ul li, .sub #menuTagCloud div {
    245226    width:                      95%;
    246227    color:                      rgb(179, 179, 179);
     
    253234    -webkit-border-radius:      10px 10px 10px 10px;
    254235}
    255 ul#topnav .sub ul li a, ul#topnav #loger ul li a {
    256     float:                      none;
    257     text-indent:                0px;
    258     height:                     auto;
    259     margin:                     0px 8px;
    260     display:                    block;
    261     text-decoration:            none;
    262     color:                      rgb(179, 179, 179);
    263     font-size:                  1.2em;
    264     text-shadow:                none;
    265     text-transform:             none;
    266     line-height:                17px;
    267     padding:                    0px 0px 0px 15px;
    268 }
    269 ul#topnav .sub ul .level1 li, ul#topnav .sub ul .level1 li .selected {
    270     border:                     medium none;
    271     background:                 none repeat scroll 0% 0% transparent;
    272 }
    273 ul#topnav .sub ul li.selected a {
    274     background:                 url("images/menu/navlist_arrow_select.png") no-repeat scroll 4px 5px transparent;
    275     color:                      rgb(179, 179, 179);
    276     text-decoration:            none;
    277     border:                     medium none;
    278 }
    279 ul#topnav .sub ul li a:hover, ul#topnav .sub #menuTagCloud div a:hover {
    280     color:                      rgb(196, 196, 196);
    281     background:                 url("images/menu/navlist_arrow_hover.png") no-repeat scroll 4px 5px transparent;
    282 }
    283 ul#topnav li .sub ul, ul#topnav #loger ul {
    284     list-style:                 none outside none;
    285     margin:                     0px 5px 0px 10px;
    286     padding:                    0px;
    287 }
    288 .level2, .level3, .level4, .level5 {
     236.level2, .level3, .level4, .level5,.level6 {
    289237    border:                     medium none ! important;
    290238}
     
    299247    margin-bottom:              5px;
    300248    height:                     30px;
     249}
     250#menu_cat_act a:hover {
     251        background:                                     none;
    301252}
    302253#filter {
     
    313264#menuTagCloud a {
    314265    text-decoration:            none;
    315     text-shadow:                none;
    316266    z-index:                    200;
     267}
     268span#menu_start {
     269    width:                      85px;
     270    float:                      left;
     271    display:                    block;
     272    height:                     30px;
     273}
     274span#menu_start a {
     275    background:                 url("images/menu/home_w.png") no-repeat scroll left top transparent;
     276    width:                      52px;
     277    height:                     30px;
     278    padding:                    0px;
     279    margin:                     0px 20px 0px 25px;
     280    display:                    block;
     281    line-height:                46px;
     282}
     283span#menu_start a:hover {
     284    background-position:        left -30px;
    317285}
    318286#quickconnect {
     
    346314    float:                      left;
    347315    padding:                    0px;
    348     border:                     0px none;
     316    border:                     none;
    349317    height:                     24px;
    350318    width:                      23px;
     
    365333}
    366334#loger {
    367     line-height:                25px;
     335    line-height:                20px;
    368336    width:                      220px;
    369337    position:                   absolute;
    370338    top:                        30px;
    371     background:                 none repeat scroll 0% 0% rgb(255, 255, 255);
    372339    padding:                    10px;
    373340    float:                      left;
     
    380347    margin-bottom:              20px;
    381348}
    382 #quickconnect #log {
     349#log {
    383350    margin-bottom:              20px;
     351        margin-top:                                     5px! important;
    384352}
    385353#log div {
     
    415383}
    416384/*_______________________________content______________________________________*/
    417 #the_page {
    418     height:                     900px;
    419 }
    420 #content {
     385
     386#the_page #content, #the_page > .content {
    421387    width:                      90%;
    422388    margin:                     20px auto;
    423 }
     389        border:                                         none;
     390}
     391
    424392.contentWithMenu {
    425393    margin:                     0px auto;
    426394}
    427 .thumbnailCategories {
     395.thumbnailCategories, #profile, .filter {
    428396    background:                 none repeat scroll 0% 0% rgb(51, 51, 51);
    429397    border:                     1px solid rgb(20, 20, 20);
     
    433401    margin-bottom:              20px;
    434402}
     403.thumbnailCategory .illustration, .commentElement .illustration{
     404        text-align:                                     left;
     405}
    435406.content .titrePage {
    436407    margin:                     10px;
    437408    height:                     auto;
     409        background:                                     none;
     410        border:                                         none;
     411}
     412.content .titrePage H2, #imageHeaderBar h2{
     413        font-size:                                      120%;
     414        font-weight:                            bold;
    438415}
    439416.blockConteneur {
     
    519496}
    520497.thumbnails {
     498        padding:                                        10px;
    521499    margin-top:                 20px;
    522500    border:                     1px solid rgb(20, 20, 20);
     
    566544    z-index:                    120;
    567545}
    568 /*_______________________________slide______________________________________*/
     546
     547/*_______________________________SLIDE______________________________________*/
    569548#pageslide {
    570549    display:                    none;
     
    577556    overflow:                   hidden;
    578557    padding:                    0px;
    579 }
    580 .intabs {
    581     background:                 none repeat scroll 0% 0% rgb(34, 34, 34);
    582     width:                      40px;
    583     border-right:               1px solid rgb(77, 77, 77);
    584     z-index:                    120;
    585     top:                        0px;
    586     position:                   absolute;
    587     left:                       0px;
    588     transition:                 bottom 1s ease 0s, width 1s ease 0s, opacity 2s ease 0s;
    589     -moz-transition:            bottom 1s ease 0s, width 1s ease 0s, opacity 2s ease 0s;
    590     -webkit-transition:         bottom 1s ease 0s, width 1s ease 0s, opacity 2s ease 0s;
    591     -o-transition:              bottom 1s ease 0s, width 1s ease 0s, opacity 2s ease 0s;
    592     opacity:                    0;
    593     -ms-filter:                 "alpha(opacity=0)";
    594     filter:                     alpha(opacity=0);
    595     zoom:                       1;
    596     cursor:                     default;
     558        background:red;
     559        display:block;
    597560}
    598561.tabs {
     
    612575    zoom:                       1;
    613576}
    614 #sld_tab, #sld_tabIdent {
     577.sld_tab, .sld_tabIdent {
    615578    font-size:                  30px;
    616579    position:                   relative;
     
    625588    display:                    none;
    626589}
    627 .hideTransi {
    628     opacity:                    0;
    629     -ms-filter:                 "alpha(opacity=0)";
    630     filter:                     alpha(opacity=0);
    631     zoom:                       1;
    632     transition:                 bottom 1s ease 0s, width 1s ease 0s, opacity 2s ease 0s;
    633     -moz-transition:            bottom 1s ease 0s, width 1s ease 0s, opacity 2s ease 0s;
    634     -webkit-transition:         bottom 1s ease 0s, width 1s ease 0s, opacity 2s ease 0s;
    635     -o-transition:              bottom 1s ease 0s, width 1s ease 0s, opacity 2s ease 0s;
    636 }
    637 .visibleTransi {
    638     opacity:                    1;
    639     -ms-filter:                 "alpha(opacity=100)";
    640     filter:                     alpha(opacity=100);
    641     zoom:                       1;
    642     transition:                 bottom 1s ease 0s, width 1s ease 0s, opacity 3s ease 2s;
    643     -moz-transition:            bottom 1s ease 0s, width 1s ease 0s, opacity 3s ease 2s;
    644     -webkit-transition:         bottom 1s ease 0s, width 1s ease 0s, opacity 3s ease 2s;
    645     -o-transition:              bottom 1s ease 0s, width 1s ease 0s, opacity 3s ease 2s;
    646 }
    647590.visible {
    648591    opacity:                    1;
     
    654597.jspPane {
    655598    position:                   absolute;
     599        min-height:100%;
    656600}
    657601.jspContainer {
     
    747691    z-index:                    1000 ! important;
    748692}
     693/*_______________________________slide_______________________________________*/
     694.pageslide {
     695    display:                                    none;
     696    position:                                   absolute;
     697    top:                                                0;
     698    height:                                     100%;
     699    z-index:                                    101;
     700    width:                                              100%;
     701    background-color:                   #222;
     702    color:                                              #FFF;
     703}
     704.tab{
     705        height:                                         100%;
     706        position:                                       absolute;
     707        right:                                          0px;
     708        width:                                          40px;
     709        background:                                     none repeat scroll 0% 0% rgb(34, 34, 34);
     710        cursor:                                         pointer;
     711        z-index:                                        100;
     712        display:                                        none;
     713        border-right:                           1px solid #808080;
     714        padding-right:                          2px
     715}
     716.tab:hover{
     717        background:                                     none repeat scroll 0% 0% #333333;
     718}
     719
     720/*____________________________SLIDESHOW___________________________________________*/
     721#slideshow{
     722        font-family:                            Arial;
     723        font-size:                                      12px;
     724        position:                                       relative;
     725        min-width:                                      500px;
     726        min-height:                             500px;
     727        margin-top:                                     10px
     728        }
     729.contener_slideshow{
     730        border:                                         1px solid #ccc;
     731        border-radius:                          5px
     732}
     733#slideshow ul{
     734        height:                                         100%;
     735        margin:                                         0;
     736        padding:                                        0;
     737        position:                                       relative;
     738        overflow:                                       hidden
     739}
     740#slideshow ul li{
     741        list-style-type:                        none;
     742}
     743.slideloader{
     744        background:                                     url(images/slideshow/loader.gif)no-repeat center ! important;
     745        position:                                       absolute;
     746        top:                                            0;
     747        left:                                           0;
     748        z-index:                                        1000
     749}
     750.contenerImg{
     751        position:                                       relative
     752}
     753.contenerImg img{
     754        position:                                       relative;
     755}
     756.control_slideshow{
     757        position:                                       relative;
     758}
     759/*FADE*/
     760.Fade .contenerImg{
     761        position:                                       absolute;
     762        left:                                           0;
     763        top:                                            0;
     764        }
     765.Fade ul li{
     766        position:                                       absolute;
     767        top:                                            0;
     768        left:                                           0;
     769        height:                                         100%;
     770        width:                                          100%
     771}       
     772/*SLIDE*/                       
     773.slideCont{
     774        overflow:                                       hidden;
     775        position:                                       relative;
     776}
     777.Slide ul li{
     778        float:                                          left
     779}
     780/*THUMB*/                       
     781.nav-thumb-slide{
     782        height:                                         auto
     783}
     784.nav-thumb-content{
     785        position:                                       relative;
     786}
     787.nav-thumb-content span{
     788        padding:                                        0;
     789        border:                                         none;
     790        }
     791.thumb{
     792        height:                                         100%;
     793        width:                                          100%;
     794        position:                                       absolute;
     795        top:                                            0px;
     796        left:                                           0px
     797}
     798.slideshow-thumb{
     799        border:                                         1px #000 solid;
     800        cursor:                                         pointer;
     801        left:                                           3px;
     802        line-height:                            22px;
     803        margin:                                         3px;
     804        padding:                                        2px 6px;
     805        position:                                       relative;
     806        text-align:                                     center;
     807        top:                                            3px;
     808        vertical-align:                         top;
     809        display:                                        inline-block;
     810        opacity:                                        0.50;                           
     811}
     812.slideshow-thumb:hover{
     813        opacity:                                        1
     814}
     815.thumb_control{
     816        opacity:                                        0.5;
     817        width:                                          40px;
     818        height:                                         100%;
     819        cursor:                                         pointer;
     820        position:                                       absolute;
     821        top:                                            0;
     822}
     823.thumb_control:hover{
     824        opacity:                                        1
     825}
     826.thumb-left{
     827        background:                                     url(images/slideshow/prev_thumb.png)no-repeat 50% 50%;
     828}
     829.thumb-right{
     830        background:                                     url(images/slideshow/next_thumb.png)no-repeat 50% 50%;
     831        right:                                          0;
     832}
     833.nav-thumb-slide{
     834        overflow:                                       hidden;
     835       
     836}
     837.clt_thumb{
     838        background:                                     url(images/slideshow/show.png)no-repeat -2px -34px;
     839        border:                                         1px #4a4a4a solid;
     840        width:                                          28px;
     841        height:                                         28px;
     842        cursor:                                         pointer;
     843        margin:                                         3px;
     844        text-align:                                     center;
     845        vertical-align:                         top;
     846        right:                                          0;
     847        z-index:                                        200;
     848        display:                                        inline-block;
     849        position:                                       absolute;
     850}
     851.show{
     852        background:                                     url(images/slideshow/show.png)no-repeat -2px -2px
     853}
     854/*LINK-NAV*/                   
     855.link{
     856        text-align:                                     center;
     857        height:                                         auto;
     858        padding:                                        5px 0;
     859        position:                                       relative
     860}
     861.slideshow-link{
     862        cursor:                                         pointer;
     863        display:                                        inline-block;
     864        width:                                          24px;
     865        height:                                         24px;
     866        background:                                     url(images/slideshow/nav.png)no-repeat center 0px;
     867        padding:                                        0 10px;
     868        color:                                          #fff;
     869        line-height:                            24px
     870}
     871.slideshow-link:hover{
     872        background:                                     url(images/slideshow/nav.png) no-repeat scroll center -24px transparent;
     873}
     874.selected {
     875        background:                                     url(images/slideshow/nav.png) no-repeat scroll center -24px transparent;
     876        font-weight:                            bold;
     877        opacity:                                        1;
     878}
     879/*PLAY/PAUSE*/                 
     880.slideshow_control      {                       
     881        display:                                        inline-block;
     882        border:                                         1px #4a4a4a solid;
     883        width:                                          28px;
     884        height:                                         28px;
     885        cursor:                                         pointer;
     886        margin:                                         3px;
     887        text-align:                                     center;
     888        vertical-align:                         top;
     889        z-index:                                        200
     890}
     891.pause{
     892        background:                                     url(images/slideshow/pauseh.png)no-repeat center;
     893}
     894.play{
     895        background:                                     url(images/slideshow/playh.png)no-repeat center
     896}
     897.play:hover{
     898        background:                                     url(images/slideshow/play.png)no-repeat center
     899}
     900.pause:hover{
     901        background:                                     url(images/slideshow/pause.png)no-repeat center;
     902}
     903/*NAVIGATION*/                 
     904.nav{
     905        cursor:                                         pointer;
     906        position:                                       absolute;
     907        width:                                          20%;
     908        top:                                            0;
     909        min-width:                                      30px
     910}
     911.prev{
     912        left:                                           0
     913}
     914.next{
     915        right:                                          0
     916}
     917.prev:hover{
     918        background:                                     url(images/slideshow/prev.png)no-repeat 0 50%;
     919}
     920.next:hover{
     921        background:                                     url(images/slideshow/next.png)no-repeat 100% 50%
     922}
     923/*DESCRIPTION*/
     924.descr{
     925        position:                                       absolute;
     926        color:                                          #fff;
     927        z-index:                                        100;
     928        display:                                        none;
     929        background:                             rgba(0,0,0,0.5);
     930        font-size:                                      15px
     931}
     932
     933
     934/*_____________________________________RATING____________________________________________________*/
     935#rateForm{
     936        position:                                       relative
     937}
     938INPUT[type="submit"].rateButton, INPUT[type="button"].rateButton {
     939    background:                                 url("images/rating-stars.png") repeat scroll 0% 0% transparent;
     940        min-width:                                      inherit;
     941        box-shadow:                                     none;
     942        border-radius:                          0;
     943        margin:                                         0 5px;
     944        height:                                         16px;
     945        width:                                          16px;
     946        padding-bottom:                         0
     947       
     948}
     949INPUT[type="button"].rateButtonSelected {
     950    background:                                 url("images/rating-stars.png") repeat scroll 16px center transparent;
     951        margin:                                         0 5px;
     952        height:                                         16px;
     953        width:                                          16px;
     954        font-size:                                      100%
     955}
     956INPUT[type="submit"].rateButtonFull, INPUT[type="button"].rateButtonFull {
     957    background:                                 url("images/rating-stars.png") repeat scroll 16px center transparent;
     958}
     959.derivative:hover, .original:hover{
     960        color:                      rgb(194, 194, 194);
     961        cursor:                                         pointer
     962}
     963
     964/*________________________________________COMMENT__________________________________*/
     965@keyframes monanimation {
     966  0% {
     967    border:                                     1px solid #fff;
     968  }
     969  100%{
     970    border:                                     1px solid red;
     971  }
     972}
     973#comments TEXTAREA, #comments INPUT[type="text"]{
     974    border:                                     1px solid #fff;
     975}
     976
     977#comments INPUT[type="text"].requi, #comments TEXTAREA.requi {
     978        animation:                                      monanimation 0.5s ease-in-out 4 alternate;
     979        border:                                         1px solid red;
     980}
     981#msgBoxCom {
     982    border:                     1px solid rgb(107, 120, 133);
     983    border-radius:              5px 5px 5px 5px;
     984    -moz-border-radius:         5px 5px 5px 5px;
     985    -webkit-border-radius:      5px 5px 5px 5px;
     986    text-align:                 center;
     987    font-size:                  1.2em;
     988    height:                     auto;
     989    width:                      310px;
     990    padding:                    25px 5px;
     991}
     992#msgBox {
     993    background:                 none repeat scroll 0% 0% rgb(0, 0, 0);
     994    position:                   fixed;
     995    top:                        100px;
     996    right:                      100px;
     997    width:                      320px;
     998    height:                     auto;
     999    padding:                    15px;
     1000    border-radius:              5px 5px 5px 5px;
     1001    -moz-border-radius:         5px 5px 5px 5px;
     1002    -webkit-border-radius:      5px 5px 5px 5px;
     1003    z-index:                    200;
     1004}
     1005
     1006/*_______________________________PICTURE PAGE____________________________________________________*/
     1007#imgContent{
     1008        position:                                       relative;
     1009        display:                                        table;
     1010        margin:                                         auto
     1011}
     1012#imgHoverNav a{
     1013        outline:                                        medium none
     1014}
     1015#imgPrevHov,#imgNextHov,#thumbPrevHov,#thumbNextHov{
     1016        width:                                          48%;
     1017        height:                                         100%;
     1018        display:                                        block;
     1019        border:                                         medium none!important;
     1020        opacity:                                        0;
     1021        position:                                       relative
     1022}
     1023#imgPrevHov{
     1024        left:                                           0;
     1025        float:                                          left;
     1026        margin-left:                            3px;
     1027        background:                                     url(images/picture/imgPrevHover.png) no-repeat scroll left 45% transparent
     1028}
     1029#imgNextHov{
     1030        right:                                          0;
     1031        float:                                          right;
     1032        margin-right:                           3px;
     1033        background:                                     url(images/picture/imgNextHover.png) no-repeat scroll right 45% transparent
     1034}
     1035#thumbPrevHov{
     1036        left:                                           0;
     1037        float:                                          left;
     1038        background:                                     none repeat scroll 0 0 transparent
     1039}
     1040#thumbNextHov{
     1041        right:                                          0;
     1042        float:                                          right;
     1043        background:                                     none repeat scroll 0 0 transparent
     1044}
     1045#imgPrevHov:hover,#imgNextHov:hover,#thumbPrevHov:hover,#thumbNextHov:hover{
     1046        opacity:                                        1
     1047}
     1048.linkPrev{
     1049        position:                                       absolute;
     1050        left:                                           -80px;
     1051        top:                                            40%
     1052}
     1053.linkNext{
     1054        position:                                       absolute;
     1055        right:                                          -80px;
     1056        top:                                            40%
     1057}
     1058#imageInfos{
     1059        border-radius:                          5px;
     1060}
     1061.pwg-icon-arrowstop-w{
     1062        display:                                        none
     1063}
     1064
     1065/*_________________________ICONS_______________________________________________________*/
     1066.pwg-icon{
     1067        background-image:                       url(icon/icons_sprite.png);
     1068}
     1069A:hover .pwg-icon{
     1070        background-image:                       url(icon/icons_sprite-hover.png);
     1071}
     1072
     1073/*_________________________slide loading_______________________________________________*/
     1074#slideLoading{
     1075        position:                                       fixed;
     1076        height:                                         100px;
     1077        width:                                          100px;
     1078        background:                                     url("/piwigo26/themes/Slide/images/ajax-loader.gif") no-repeat scroll center center rgba(51, 51, 51, 0.46);
     1079        z-index:                                        0;
     1080        border-radius:                          5px;
     1081        border:                                         1px solid #000;
     1082}
     1083
Note: See TracChangeset for help on using the changeset viewer.