source: extensions/stripped_black_bloc/local_head.tpl @ 17843

Revision 17843, 4.3 KB checked in by flop25, 7 years ago (diff)

code simplification
margin and width adjusted for stuff blocs and descriptions
shadow added for stuffs_thumbnails.tpl
managment of pictures which have a smaller width than the wanted block
no more grey border for album thumbnails : colored border
etc

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{assign var='one_column' value=$stripped_black_bloc.thumbnail_width}
5{assign var='two_columns' value=$stripped_black_bloc.thumbnail_width+$stripped_black_bloc.column_width}
6{assign var='three_columns' value=$stripped_black_bloc.thumbnail_width+$stripped_black_bloc.column_width+$stripped_black_bloc.column_width}
7{html_style}{literal}
8#theHeader a, .titrePage a, .footer_login a, .navigationBar a, #calendar_block A {
9        color: {/literal}{if $stripped_black_bloc.color_main}#{$stripped_black_bloc.color_main}{/if}{literal};
10}
11.album a {
12  border: 1.5px solid #{/literal}{$stripped_black_bloc.color_main}{literal};
13  margin:-2px;
14}
15
16.onecol, .gmapsMarkup, .onecol a {
17        max-width: {/literal}{$one_column}{literal}px;
18}
19.twocol, .twocol a {
20        max-width: {/literal}{$two_columns}{literal}px;
21}
22.threecol, .threecol a {
23        max-width: {/literal}{$three_columns}{literal}px;
24}
25.stuffs_thumbnails, .stuffs_thumbnails #thumbnails, .one_column {
26        width:{/literal}{$one_column}{literal}px;
27}
28.content_block, .bloc_stuff, .two_columns {
29        width:{/literal}{$two_columns}{literal}px;
30}
31.bloc_stuff #comments ul.commentList {
32        width:{/literal}{$two_columns-30}{literal}px;
33}
34.content_block, #the_page .middle_block {
35  margin-left:5px !important;
36{/literal}
37    margin-top: {math equation="( x - y )/2" y=$stripped_black_bloc.thumbnail_width x=$stripped_black_bloc.column_width}px !important;
38                margin-bottom:{math equation="( x - y )/2" y=$stripped_black_bloc.thumbnail_width x=$stripped_black_bloc.column_width}px !important;
39{literal}
40}
41.bloc, .stuffs_thumbnails, .stuffs_thumbnails #thumbnails {
42{/literal}
43    margin-top: {math equation="( x - y - 10)/2" y=$stripped_black_bloc.thumbnail_width x=$stripped_black_bloc.column_width}px;
44                margin-bottom:{math equation="( x - y - 10)/2" y=$stripped_black_bloc.thumbnail_width x=$stripped_black_bloc.column_width}px;
45{literal}
46}
47{/literal}{if isset($chronology_calendar)}{literal}
48#subcontent {
49        min-height: inherit;
50}
51{/literal}{/if}
52{/html_style}
53
54{footer_script load="async"}
55{literal}
56jQuery(window).bind("rvtsUp", function() {
57jQuery('#rvtsUp').remove();
58});
59{/literal}
60{/footer_script}
61
62{html_head}
63{literal}
64<script type="text/javascript">
65
66    // MASONRY
67
68function tnb_resize() {
69        $('#content_cell').isotope({
70         masonry: {
71                columnWidth: {/literal} {if $stripped_black_bloc.column_width}{$stripped_black_bloc.column_width}{/if}{literal}
72 },
73                itemSelector: '.bloc, .bloc_big, .content_block, .bloc_stuff',
74                isAnimated: true
75        });
76}
77function FadeSC() {
78jQuery(".bloc a").hover(function() { jQuery(this).fadeTo(500, 1); }, function() { jQuery(this).fadeTo(500, 0.75);  });
79jQuery(".bloc_big a").hover(function() { jQuery(this).fadeTo(500, 1); }, function() { jQuery(this).fadeTo(500, 0.75);  });
80}
81jQuery(window).bind("RVTS_loaded", FadeSC);
82
83
84jQuery(document).ready(function(jQuery){
85  jQuery('#rvtsUp').remove();
86
87        // fade onmouseover
88        jQuery(".bloc a").hover(function() { jQuery(this).fadeTo(500, 1); }, function() { jQuery(this).fadeTo(500, 0.75);  });
89  jQuery(".bloc_big a").hover(function() { jQuery(this).fadeTo(500, 1); }, function() { jQuery(this).fadeTo(500, 0.75);  });
90 
91        // sidemenu managment
92        var sidemenu = jQuery.cookie('side-menu');
93        var isdisplayed;
94                // if cookie says the menu is hiding, keep it hidden!
95        {/literal} {if $stripped.hideMenu} {literal}
96        if (sidemenu == 'showing') {
97                jQuery("#content_cell").css({'margin-left' : '20em'});
98                isdisplayed=true;
99        }
100        else {
101                jQuery("#content_cell").css({'margin-left' : '0'});
102                isdisplayed=false;
103        }
104        {/literal} {else} {literal}
105        if (sidemenu == 'hiding') {
106                jQuery("#content_cell").css({'margin-left' : '0'});
107                isdisplayed=false;
108        }
109        else {
110                jQuery("#content_cell").css({'margin-left' : '20em'});
111                isdisplayed=true;
112        }
113        {/literal} {/if} {literal}
114        // creates a variable with the contents of the cookie side-menu
115        jQuery("#menuswitcher").click(function(){
116                if (jQuery("#menubar").is(":hidden") || isdisplayed==false ) {
117                        jQuery("#content_cell").css({'margin-left' : '20em'});
118                        isdisplayed=true;
119                } else {
120                        jQuery("#content_cell").css({'margin-left' : '0'});
121                        isdisplayed=false;
122                }
123        });
124        tnb_resize();
125
126});
127  </script>
128{/literal}
129{/html_head}
130{/if}
Note: See TracBrowser for help on using the repository browser.