source: extensions/stripped_black_bloc/local_head.tpl @ 31997

Revision 23569, 4.8 KB checked in by flop25, 6 years ago (diff)

adding a new option for the mouseover effect

Line 
1{html_style}{literal}
2.bloc {
3display:block;
4}
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.album a {
9  border: 1.5px solid #{/literal}{$stripped_black_bloc.color_main}{literal};
10  margin:-2px;
11}
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}
28
29.onecol, .gmapsMarkup, .onecol a {
30        max-width: {/literal}{$one_column}{literal}px;
31}
32.twocol, .twocol a {
33        max-width: {/literal}{$two_columns}{literal}px;
34}
35.threecol, .threecol a {
36        max-width: {/literal}{$three_columns}{literal}px;
37}
38.stuffs_thumbnails, .stuffs_thumbnails #thumbnails, .one_column {
39        width:{/literal}{$one_column}{literal}px;
40}
41.content_block, .bloc_stuff, .two_columns {
42        width:{/literal}{$two_columns}{literal}px;
43}
44.bloc_stuff #comments ul.commentList {
45        width:{/literal}{$two_columns-30}{literal}px;
46}
47.content_block, #the_page .middle_block {
48  margin-left:5px !important;
49{/literal}
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}
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}
60{/literal}
61{/html_style}
62
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}
73<script type="text/javascript">
74
75    // MASONRY
76
77function tnb_resize() {
78        $('#content_cell').isotope({
79         masonry: {
80                columnWidth: {/literal} {if $stripped_black_bloc.column_width}{$stripped_black_bloc.column_width}{/if}{literal}
81 },
82                itemSelector: '.bloc, .bloc_big, .content_block, .bloc_stuff, .errors, .infos',
83                isAnimated: true
84        });
85}
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}
96}
97jQuery(window).bind("RVTS_loaded", Hover_action_SC);
98
99
100jQuery(document).ready(function(jQuery){
101  jQuery('#rvtsUp').remove();
102
103        Hover_action_SC();
104 
105        // sidemenu managment
106        var sidemenu = jQuery.cookie('side-menu');
107        var isdisplayed;
108                // if cookie says the menu is hiding, keep it hidden!
109        {/literal} {if $stripped.hideMenu} {literal}
110        if (sidemenu == 'showing') {
111                jQuery("#content_cell").css({'margin-left' : '18em'});
112                isdisplayed=true;
113        }
114        else {
115                jQuery("#content_cell").css({'margin-left' : '0'});
116                isdisplayed=false;
117        }
118        {/literal} {else} {literal}
119        if (sidemenu == 'hiding') {
120                jQuery("#content_cell").css({'margin-left' : '0'});
121                isdisplayed=false;
122        }
123        else {
124                jQuery("#content_cell").css({'margin-left' : '18em'});
125                isdisplayed=true;
126        }
127        {/literal} {/if} {literal}
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 ) {
131                        jQuery("#content_cell").css({'margin-left' : '18em'});
132                        isdisplayed=true;
133                } else {
134                        jQuery("#content_cell").css({'margin-left' : '0'});
135                        isdisplayed=false;
136                }
137        });
138        tnb_resize();
139
140});
141  </script>
142{/literal}
143{/html_head}
144{/if}
Note: See TracBrowser for help on using the repository browser.