source: extensions/stripped_black_bloc/local_head.tpl @ 17828

Revision 17828, 4.4 KB checked in by flop25, 7 years ago (diff)

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

Line 
1{if ($BODY_ID=='theCategoryPage')}
2{combine_script id='jquery.isotope' load='header' require='jquery' path='themes/stripped_black_bloc/js/isotope.js'}
3{combine_script id='jquery.cookie' load='header' require='jquery' path='themes/stripped_black_bloc/js/jquery.ck.min.js'}
4{html_style}{literal}
5#theHeader a, .titrePage a, .footer_login a, .navigationBar a, #calendar_block A  {
6        color: {/literal}{if $stripped_black_bloc.color_main}#{$stripped_black_bloc.color_main}{/if}{literal};
7}
8.bloc, .gmapsMarkup {
9        max-width: {/literal}{if $stripped_black_bloc.thumbnail_width}{$stripped_black_bloc.thumbnail_width}{/if}{literal}px;
10}
11.bloc a {
12        max-width:{/literal}{if $stripped_black_bloc.thumbnail_width}{$stripped_black_bloc.thumbnail_width}{/if}{literal}px;
13}
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}
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}
26.content_block, .bloc_stuff, .two_columns {
27        width:{/literal}{if $stripped_black_bloc.thumbnail_width}{$stripped_black_bloc.column_width*2-20}{/if}{literal}px;
28}
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;
31}
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}
38{/literal}{if isset($chronology_calendar)}{literal}
39#subcontent {
40        min-height: inherit;
41}
42{/literal}{/if}
43{/html_style}
44
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}
55<script type="text/javascript">
56
57    // MASONRY
58
59function tnb_resize() {
60        $('#content_cell').isotope({
61         masonry: {
62                columnWidth: {/literal} {if $stripped_black_bloc.column_width}{$stripped_black_bloc.column_width}{/if}{literal}
63 },
64                itemSelector: '.bloc, .bloc_big, .content_block, .bloc_stuff',
65                isAnimated: true
66        });
67}
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);
73
74
75jQuery(document).ready(function(jQuery){
76  jQuery('#rvtsUp').remove();
77
78        // fade onmouseover
79        jQuery(".bloc a").hover(function() { jQuery(this).fadeTo(500, 1); }, function() { jQuery(this).fadeTo(500, 0.75);  });
80  jQuery(".bloc_big a").hover(function() { jQuery(this).fadeTo(500, 1); }, function() { jQuery(this).fadeTo(500, 0.75);  });
81 
82        // sidemenu managment
83        var sidemenu = jQuery.cookie('side-menu');
84        var isdisplayed;
85                // if cookie says the menu is hiding, keep it hidden!
86        {/literal} {if $stripped.hideMenu} {literal}
87        if (sidemenu == 'showing') {
88                jQuery("#content_cell").css({'margin-left' : '20em'});
89                isdisplayed=true;
90        }
91        else {
92                jQuery("#content_cell").css({'margin-left' : '0'});
93                isdisplayed=false;
94        }
95        {/literal} {else} {literal}
96        if (sidemenu == 'hiding') {
97                jQuery("#content_cell").css({'margin-left' : '0'});
98                isdisplayed=false;
99        }
100        else {
101                jQuery("#content_cell").css({'margin-left' : '20em'});
102                isdisplayed=true;
103        }
104        {/literal} {/if} {literal}
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 ) {
108                        jQuery("#content_cell").css({'margin-left' : '20em'});
109                        isdisplayed=true;
110                } else {
111                        jQuery("#content_cell").css({'margin-left' : '0'});
112                        isdisplayed=false;
113                }
114        });
115        tnb_resize();
116
117});
118  </script>
119{/literal}
120{/html_head}
121{/if}
Note: See TracBrowser for help on using the repository browser.