source: extensions/stripped_black_bloc/local_head.tpl @ 17828

Last change on this file since 17828 was 17828, checked in by flop25, 12 years ago

adding a new option : restrict heigth by using the 'thumbnail width' parameter
auto managment of pano photos : set pano on three columns
Thx to JJF and his work on White S&C
ToDo : medium pano on 2 columns

File size: 4.4 KB
RevLine 
[10851]1{if ($BODY_ID=='theCategoryPage')}
[13211]2{combine_script id='jquery.isotope' load='header' require='jquery' path='themes/stripped_black_bloc/js/isotope.js'}
[16787]3{combine_script id='jquery.cookie' load='header' require='jquery' path='themes/stripped_black_bloc/js/jquery.ck.min.js'}
4{html_style}{literal}
[16790]5#theHeader a, .titrePage a, .footer_login a, .navigationBar a, #calendar_block A  {
[11823]6        color: {/literal}{if $stripped_black_bloc.color_main}#{$stripped_black_bloc.color_main}{/if}{literal};
7}
[13920]8.bloc, .gmapsMarkup {
[11842]9        max-width: {/literal}{if $stripped_black_bloc.thumbnail_width}{$stripped_black_bloc.thumbnail_width}{/if}{literal}px;
[11699]10}
[17828]11.bloc a {
[11699]12        max-width:{/literal}{if $stripped_black_bloc.thumbnail_width}{$stripped_black_bloc.thumbnail_width}{/if}{literal}px;
13}
[12048]14.bloc_big {
15        max-width: {/literal}{if $stripped_black_bloc.thumbnail_width}{$stripped_black_bloc.thumbnail_width+$stripped_black_bloc.column_width}{/if}{literal}px;
16}
17.bloc_big a {
18        max-width:{/literal}{if $stripped_black_bloc.thumbnail_width}{$stripped_black_bloc.thumbnail_width+$stripped_black_bloc.column_width}{/if}{literal}px;
19}
[17828]20.bloc_wide {
21        max-width: {/literal}{if $stripped_black_bloc.thumbnail_width}{$stripped_black_bloc.thumbnail_width+$stripped_black_bloc.column_width+$stripped_black_bloc.column_width}{/if}{literal}px;
22}
23.bloc_wide a {
24        max-width:{/literal}{if $stripped_black_bloc.thumbnail_width}{$stripped_black_bloc.thumbnail_width+$stripped_black_bloc.column_width+$stripped_black_bloc.column_width}{/if}{literal}px;
25}
[11823]26.content_block, .bloc_stuff, .two_columns {
[16790]27        width:{/literal}{if $stripped_black_bloc.thumbnail_width}{$stripped_black_bloc.column_width*2-20}{/if}{literal}px;
[11709]28}
[11823]29.stuffs_thumbnails, .stuffs_thumbnails #thumbnails, .one_column {
30        width:{/literal}{if $stripped_black_bloc.thumbnail_width}{$stripped_black_bloc.thumbnail_width-10 }{/if}{literal}px;
[11709]31}
[13892]32.bloc, .bloc_big {
33{/literal}
34    margin-top: {math equation="( x - y - 10)/2" y=$stripped_black_bloc.thumbnail_width x=$stripped_black_bloc.column_width}px;
35                margin-bottom:{math equation="( x - y - 10)/2" y=$stripped_black_bloc.thumbnail_width x=$stripped_black_bloc.column_width}px;
36{literal}
37}
[11871]38{/literal}{if isset($chronology_calendar)}{literal}
39#subcontent {
40        min-height: inherit;
41}
[16787]42{/literal}{/if}
43{/html_style}
[11871]44
[16787]45{footer_script load="async"}
46{literal}
47jQuery(window).bind("rvtsUp", function() {
48jQuery('#rvtsUp').remove();
49});
50{/literal}
51{/footer_script}
52
53{html_head}
54{literal}
[10851]55<script type="text/javascript">
[11679]56
[11699]57    // MASONRY
58
[10851]59function tnb_resize() {
[13211]60        $('#content_cell').isotope({
61         masonry: {
62                columnWidth: {/literal} {if $stripped_black_bloc.column_width}{$stripped_black_bloc.column_width}{/if}{literal}
63 },
[12048]64                itemSelector: '.bloc, .bloc_big, .content_block, .bloc_stuff',
[11679]65                isAnimated: true
[10851]66        });
67}
[16787]68function FadeSC() {
69jQuery(".bloc a").hover(function() { jQuery(this).fadeTo(500, 1); }, function() { jQuery(this).fadeTo(500, 0.75);  });
70jQuery(".bloc_big a").hover(function() { jQuery(this).fadeTo(500, 1); }, function() { jQuery(this).fadeTo(500, 0.75);  });
71}
72jQuery(window).bind("RVTS_loaded", FadeSC);
[11699]73
74
[11677]75jQuery(document).ready(function(jQuery){
[16787]76  jQuery('#rvtsUp').remove();
[11699]77
78        // fade onmouseover
[11677]79        jQuery(".bloc a").hover(function() { jQuery(this).fadeTo(500, 1); }, function() { jQuery(this).fadeTo(500, 0.75);  });
[16787]80  jQuery(".bloc_big a").hover(function() { jQuery(this).fadeTo(500, 1); }, function() { jQuery(this).fadeTo(500, 0.75);  });
81 
[11699]82        // sidemenu managment
[11677]83        var sidemenu = jQuery.cookie('side-menu');
84        var isdisplayed;
85                // if cookie says the menu is hiding, keep it hidden!
[11679]86        {/literal} {if $stripped.hideMenu} {literal}
87        if (sidemenu == 'showing') {
[12406]88                jQuery("#content_cell").css({'margin-left' : '20em'});
[11679]89                isdisplayed=true;
90        }
91        else {
[12406]92                jQuery("#content_cell").css({'margin-left' : '0'});
[11679]93                isdisplayed=false;
94        }
95        {/literal} {else} {literal}
[11677]96        if (sidemenu == 'hiding') {
[12406]97                jQuery("#content_cell").css({'margin-left' : '0'});
[11677]98                isdisplayed=false;
99        }
[11679]100        else {
[12406]101                jQuery("#content_cell").css({'margin-left' : '20em'});
[11677]102                isdisplayed=true;
103        }
[11679]104        {/literal} {/if} {literal}
[11677]105        // creates a variable with the contents of the cookie side-menu
106        jQuery("#menuswitcher").click(function(){
107                if (jQuery("#menubar").is(":hidden") || isdisplayed==false ) {
[12406]108                        jQuery("#content_cell").css({'margin-left' : '20em'});
[11677]109                        isdisplayed=true;
110                } else {
[12406]111                        jQuery("#content_cell").css({'margin-left' : '0'});
[11677]112                        isdisplayed=false;
113                }
114        });
[11679]115        tnb_resize();
[10851]116
117});
118  </script>
119{/literal}
120{/html_head}
121{/if}
Note: See TracBrowser for help on using the repository browser.