source: extensions/theme_switch/trunk/thumb.tpl @ 21360

Last change on this file since 21360 was 21360, checked in by mistic100, 11 years ago

typo on template file

File size: 1.4 KB
Line 
1<li>{strip}<a id="themeSwitchLink" title="{'Interface theme'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
2  <span class="pwg-icon" style="background:url('{$ROOT_URL}{$THEME_SWITCH_PATH}icon.png') center center no-repeat;">&nbsp;</span><span class="pwg-button-text">{'Interface theme'|@translate}</span>
3</a>
4<div id="themeSwitchBox" class="switchBox">
5  <div class="switchBoxTitle">{'Interface theme'|@translate}</div>
6  {foreach from=$theme_switch item=theme name=t}
7  <a rel="nofollow" href="{$theme.url}" title="{$theme.name}"><img src="{$ROOT_URL}{$theme.img}" alt="{$theme.name}" class="theme-thumb"></a>
8  {if ($smarty.foreach.t.index+1)%5 == 0}<br>{/if}
9  {/foreach}
10</div>
11{/strip}</li>
12
13{footer_script require='jquery'}{literal}
14jQuery("#themeSwitchLink").click(function() {
15        var elt = jQuery("#themeSwitchBox");
16        elt.css("left", Math.min(jQuery(this).offset().left, jQuery(window).width() - elt.outerWidth(true) - 5))
17                .css("top", jQuery(this).offset().top + jQuery(this).outerHeight(true))
18                .toggle();
19});
20jQuery("#themeSwitchBox").on("mouseleave", function() {
21        jQuery(this).hide();
22});
23{/literal}{/footer_script}
24
25{* <!-- stylish for themes missing .switchBox styles --> *}
26{if $THEME_SWITCH_LOAD_STYLE}
27{combine_css path=$THEME_SWITCH_PATH|@cat:"style.css"}
28{/if}
29
30{* <!-- common style specific for LanguageSwitch --> *}
31{combine_css path=$THEME_SWITCH_PATH|@cat:"theme_switch.css"}
Note: See TracBrowser for help on using the repository browser.