source: extensions/stripped_black_bloc/local_head.tpl @ 21516

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

bug correction
-no custom color on picture page
-the number of total pages was wrong in the navigation bar (will be improved on 2.5.1 piwigo update)

navigation bar for thumbs slightly improved

File size: 4.4 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}
[16787]86function FadeSC() {
87jQuery(".bloc a").hover(function() { jQuery(this).fadeTo(500, 1); }, function() { jQuery(this).fadeTo(500, 0.75);  });
88jQuery(".bloc_big a").hover(function() { jQuery(this).fadeTo(500, 1); }, function() { jQuery(this).fadeTo(500, 0.75);  });
89}
90jQuery(window).bind("RVTS_loaded", FadeSC);
[11699]91
92
[11677]93jQuery(document).ready(function(jQuery){
[16787]94  jQuery('#rvtsUp').remove();
[11699]95
96        // fade onmouseover
[11677]97        jQuery(".bloc a").hover(function() { jQuery(this).fadeTo(500, 1); }, function() { jQuery(this).fadeTo(500, 0.75);  });
[16787]98  jQuery(".bloc_big a").hover(function() { jQuery(this).fadeTo(500, 1); }, function() { jQuery(this).fadeTo(500, 0.75);  });
99 
[11699]100        // sidemenu managment
[11677]101        var sidemenu = jQuery.cookie('side-menu');
102        var isdisplayed;
103                // if cookie says the menu is hiding, keep it hidden!
[11679]104        {/literal} {if $stripped.hideMenu} {literal}
105        if (sidemenu == 'showing') {
[17863]106                jQuery("#content_cell").css({'margin-left' : '18em'});
[11679]107                isdisplayed=true;
108        }
109        else {
[12406]110                jQuery("#content_cell").css({'margin-left' : '0'});
[11679]111                isdisplayed=false;
112        }
113        {/literal} {else} {literal}
[11677]114        if (sidemenu == 'hiding') {
[12406]115                jQuery("#content_cell").css({'margin-left' : '0'});
[11677]116                isdisplayed=false;
117        }
[11679]118        else {
[17863]119                jQuery("#content_cell").css({'margin-left' : '18em'});
[11677]120                isdisplayed=true;
121        }
[11679]122        {/literal} {/if} {literal}
[11677]123        // creates a variable with the contents of the cookie side-menu
124        jQuery("#menuswitcher").click(function(){
125                if (jQuery("#menubar").is(":hidden") || isdisplayed==false ) {
[17863]126                        jQuery("#content_cell").css({'margin-left' : '18em'});
[11677]127                        isdisplayed=true;
128                } else {
[12406]129                        jQuery("#content_cell").css({'margin-left' : '0'});
[11677]130                        isdisplayed=false;
131                }
132        });
[11679]133        tnb_resize();
[10851]134
135});
136  </script>
137{/literal}
138{/html_head}
139{/if}
Note: See TracBrowser for help on using the repository browser.