Changeset 26889
- Timestamp:
- Jan 19, 2014, 11:22:11 PM (10 years ago)
- Location:
- extensions/Slide
- Files:
-
- 32 added
- 4 deleted
- 4 edited
Legend:
- Unmodified
- Added
- Removed
-
extensions/Slide/Slide.php
r26857 r26889 61 61 if($withEC) 62 62 { 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')); 65 65 $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); 67 80 $template->assign('slideEasyCaptcha', $EasyCaptcha_data); 81 68 82 array_push($plug_act, 'EasyCaptcha'); 69 83 }; -
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 }; 19 182 } 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(); 26 187 }); 27 188 } 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 }; 56 252 } 57 253 }); 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); 66 271 } 67 272 }); 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(); 76 292 } 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); 86 629 } 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(); 96 643 } 97 644 }); 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 369 715 }); 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'} 3 4 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'} 6 12 {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'}8 13 9 14 <link href='http://fonts.googleapis.com/css?family=Tenor+Sans' rel='stylesheet' type='text/css'> 10 15 11 <!--[if lte IE 8]>12 <link rel="stylesheet" type="text/css" href="{$ROOT_URL}themes/Slide/fix-ie8.css">13 <![endif]-->14 16 17 -
extensions/Slide/theme.css
r25167 r26889 123 123 } 124 124 .headbord { 125 border-bottom: 1px solid rgb(51, 51, 51);125 border-bottom: 1px solid #808080; 126 126 } 127 127 #imageHeaderBar { 128 128 margin-bottom: 10px; 129 129 padding-left: 15px; 130 } 130 border: none; 131 background: none; 132 } 133 131 134 /*_______________________________menu______________________________________*/ 132 135 #menubar { … … 152 155 list-style: none outside none; 153 156 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 155 184 .dd_wrapper, .cl_wrapper, .cc_wrapper, #menubar dt, #menubar dt a { 156 185 float: left; … … 160 189 line-height: 21px; 161 190 text-decoration: none; 162 color: rgb(179, 179, 179);163 191 font-size: 16px; 164 192 } 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 228 201 .sub { 229 202 z-index: 100; … … 236 209 text-transform: none; 237 210 } 238 .sub a {211 .sub a, #loger a { 239 212 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 { 245 226 width: 95%; 246 227 color: rgb(179, 179, 179); … … 253 234 -webkit-border-radius: 10px 10px 10px 10px; 254 235 } 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 { 289 237 border: medium none ! important; 290 238 } … … 299 247 margin-bottom: 5px; 300 248 height: 30px; 249 } 250 #menu_cat_act a:hover { 251 background: none; 301 252 } 302 253 #filter { … … 313 264 #menuTagCloud a { 314 265 text-decoration: none; 315 text-shadow: none;316 266 z-index: 200; 267 } 268 span#menu_start { 269 width: 85px; 270 float: left; 271 display: block; 272 height: 30px; 273 } 274 span#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 } 283 span#menu_start a:hover { 284 background-position: left -30px; 317 285 } 318 286 #quickconnect { … … 346 314 float: left; 347 315 padding: 0px; 348 border: 0pxnone;316 border: none; 349 317 height: 24px; 350 318 width: 23px; … … 365 333 } 366 334 #loger { 367 line-height: 2 5px;335 line-height: 20px; 368 336 width: 220px; 369 337 position: absolute; 370 338 top: 30px; 371 background: none repeat scroll 0% 0% rgb(255, 255, 255);372 339 padding: 10px; 373 340 float: left; … … 380 347 margin-bottom: 20px; 381 348 } 382 # quickconnect #log {349 #log { 383 350 margin-bottom: 20px; 351 margin-top: 5px! important; 384 352 } 385 353 #log div { … … 415 383 } 416 384 /*_______________________________content______________________________________*/ 417 #the_page { 418 height: 900px; 419 } 420 #content { 385 386 #the_page #content, #the_page > .content { 421 387 width: 90%; 422 388 margin: 20px auto; 423 } 389 border: none; 390 } 391 424 392 .contentWithMenu { 425 393 margin: 0px auto; 426 394 } 427 .thumbnailCategories {395 .thumbnailCategories, #profile, .filter { 428 396 background: none repeat scroll 0% 0% rgb(51, 51, 51); 429 397 border: 1px solid rgb(20, 20, 20); … … 433 401 margin-bottom: 20px; 434 402 } 403 .thumbnailCategory .illustration, .commentElement .illustration{ 404 text-align: left; 405 } 435 406 .content .titrePage { 436 407 margin: 10px; 437 408 height: auto; 409 background: none; 410 border: none; 411 } 412 .content .titrePage H2, #imageHeaderBar h2{ 413 font-size: 120%; 414 font-weight: bold; 438 415 } 439 416 .blockConteneur { … … 519 496 } 520 497 .thumbnails { 498 padding: 10px; 521 499 margin-top: 20px; 522 500 border: 1px solid rgb(20, 20, 20); … … 566 544 z-index: 120; 567 545 } 568 /*_______________________________slide______________________________________*/ 546 547 /*_______________________________SLIDE______________________________________*/ 569 548 #pageslide { 570 549 display: none; … … 577 556 overflow: hidden; 578 557 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; 597 560 } 598 561 .tabs { … … 612 575 zoom: 1; 613 576 } 614 #sld_tab, #sld_tabIdent {577 .sld_tab, .sld_tabIdent { 615 578 font-size: 30px; 616 579 position: relative; … … 625 588 display: none; 626 589 } 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 }647 590 .visible { 648 591 opacity: 1; … … 654 597 .jspPane { 655 598 position: absolute; 599 min-height:100%; 656 600 } 657 601 .jspContainer { … … 747 691 z-index: 1000 ! important; 748 692 } 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 } 938 INPUT[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 } 949 INPUT[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 } 956 INPUT[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 } 1069 A: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.