source: extensions/stripped_black_bloc/local_head.tpl @ 17843

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

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

File size: 4.3 KB
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.