source: extensions/stripped_black_bloc/local_head.tpl

Last change on this file was 23569, checked in by flop25, 11 years ago

adding a new option for the mouseover effect

File size: 4.8 KB
RevLine 
[16787]1{html_style}{literal}
[18691]2.bloc {
3display:block;
4}
[17843]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}
[17843]8.album a {
9  border: 1.5px solid #{/literal}{$stripped_black_bloc.color_main}{literal};
10  margin:-2px;
[11699]11}
[21516]12{/literal}{if isset($chronology_calendar)}{literal}
13#subcontent {
14        min-height: inherit;
15}
16{/literal}{/if}
17{/html_style}
18{if ($BODY_ID=='theCategoryPage')}
19{combine_script id='jquery.isotope' load='header' require='jquery' path='themes/stripped_black_bloc/js/isotope.js'}
20{combine_script id='jquery.cookie' load='header' require='jquery' path='themes/stripped_black_bloc/js/jquery.ck.min.js'}
21{assign var='one_column' value=$stripped_black_bloc.thumbnail_width}
22{assign var='two_columns' value=$stripped_black_bloc.thumbnail_width+$stripped_black_bloc.column_width}
23{assign var='three_columns' value=$stripped_black_bloc.thumbnail_width+$stripped_black_bloc.column_width+$stripped_black_bloc.column_width}
24{html_style}{literal}
25.bloc {
26display:block;
27}
[17843]28
29.onecol, .gmapsMarkup, .onecol a {
30        max-width: {/literal}{$one_column}{literal}px;
[11699]31}
[17843]32.twocol, .twocol a {
33        max-width: {/literal}{$two_columns}{literal}px;
[12048]34}
[17843]35.threecol, .threecol a {
36        max-width: {/literal}{$three_columns}{literal}px;
[12048]37}
[17843]38.stuffs_thumbnails, .stuffs_thumbnails #thumbnails, .one_column {
39        width:{/literal}{$one_column}{literal}px;
[17828]40}
[11823]41.content_block, .bloc_stuff, .two_columns {
[17843]42        width:{/literal}{$two_columns}{literal}px;
[11709]43}
[17843]44.bloc_stuff #comments ul.commentList {
45        width:{/literal}{$two_columns-30}{literal}px;
[11709]46}
[17843]47.content_block, #the_page .middle_block {
48  margin-left:5px !important;
[13892]49{/literal}
[17843]50    margin-top: {math equation="( x - y )/2" y=$stripped_black_bloc.thumbnail_width x=$stripped_black_bloc.column_width}px !important;
51                margin-bottom:{math equation="( x - y )/2" y=$stripped_black_bloc.thumbnail_width x=$stripped_black_bloc.column_width}px !important;
52{literal}
53}
54.bloc, .stuffs_thumbnails, .stuffs_thumbnails #thumbnails {
55{/literal}
[13892]56    margin-top: {math equation="( x - y - 10)/2" y=$stripped_black_bloc.thumbnail_width x=$stripped_black_bloc.column_width}px;
57                margin-bottom:{math equation="( x - y - 10)/2" y=$stripped_black_bloc.thumbnail_width x=$stripped_black_bloc.column_width}px;
58{literal}
59}
[21516]60{/literal}
[16787]61{/html_style}
[11871]62
[16787]63{footer_script load="async"}
64{literal}
65jQuery(window).bind("rvtsUp", function() {
66jQuery('#rvtsUp').remove();
67});
68{/literal}
69{/footer_script}
70
71{html_head}
72{literal}
[10851]73<script type="text/javascript">
[11679]74
[11699]75    // MASONRY
76
[10851]77function tnb_resize() {
[13211]78        $('#content_cell').isotope({
79         masonry: {
80                columnWidth: {/literal} {if $stripped_black_bloc.column_width}{$stripped_black_bloc.column_width}{/if}{literal}
81 },
[18727]82                itemSelector: '.bloc, .bloc_big, .content_block, .bloc_stuff, .errors, .infos',
[11679]83                isAnimated: true
[10851]84        });
85}
[23569]86// fade onmouseover
87function Hover_action_SC() {
88{/literal}{if $stripped_black_bloc.hover_action=="fadein"}{literal}
89  jQuery(".bloc a, .bloc_big a").fadeTo(500, 0.75);
90  jQuery(".bloc a, .bloc_big a").hover(function() { jQuery(this).fadeTo(500, 1); }, function() { jQuery(this).fadeTo(500, 0.75);  });
91{/literal}{elseif $stripped_black_bloc.hover_action=="fadeout"}{literal}
92  jQuery(".bloc a, .bloc_big a").hover(function() { jQuery(this).fadeTo(500, 0.75); }, function() { jQuery(this).fadeTo(500, 1);  });
93{/literal}{elseif $stripped_black_bloc.hover_action=="border"}{literal}
94  jQuery(".bloc a, .bloc_big a").hover(function() { jQuery(this).animate({borderColor: "#fff"}, 900); }, function() { jQuery(this).animate({borderColor: "{/literal}{if $stripped_black_bloc.color_main}#{$stripped_black_bloc.color_main}{/if}{literal}"}, 900);  });
95{/literal}{/if}{literal}
[16787]96}
[23569]97jQuery(window).bind("RVTS_loaded", Hover_action_SC);
[11699]98
99
[11677]100jQuery(document).ready(function(jQuery){
[16787]101  jQuery('#rvtsUp').remove();
[11699]102
[23569]103        Hover_action_SC();
[16787]104 
[11699]105        // sidemenu managment
[11677]106        var sidemenu = jQuery.cookie('side-menu');
107        var isdisplayed;
108                // if cookie says the menu is hiding, keep it hidden!
[11679]109        {/literal} {if $stripped.hideMenu} {literal}
110        if (sidemenu == 'showing') {
[17863]111                jQuery("#content_cell").css({'margin-left' : '18em'});
[11679]112                isdisplayed=true;
113        }
114        else {
[12406]115                jQuery("#content_cell").css({'margin-left' : '0'});
[11679]116                isdisplayed=false;
117        }
118        {/literal} {else} {literal}
[11677]119        if (sidemenu == 'hiding') {
[12406]120                jQuery("#content_cell").css({'margin-left' : '0'});
[11677]121                isdisplayed=false;
122        }
[11679]123        else {
[17863]124                jQuery("#content_cell").css({'margin-left' : '18em'});
[11677]125                isdisplayed=true;
126        }
[11679]127        {/literal} {/if} {literal}
[11677]128        // creates a variable with the contents of the cookie side-menu
129        jQuery("#menuswitcher").click(function(){
130                if (jQuery("#menubar").is(":hidden") || isdisplayed==false ) {
[17863]131                        jQuery("#content_cell").css({'margin-left' : '18em'});
[11677]132                        isdisplayed=true;
133                } else {
[12406]134                        jQuery("#content_cell").css({'margin-left' : '0'});
[11677]135                        isdisplayed=false;
136                }
137        });
[11679]138        tnb_resize();
[10851]139
140});
141  </script>
142{/literal}
143{/html_head}
144{/if}
Note: See TracBrowser for help on using the repository browser.