Changeset 13729 for trunk/themes/default/template/index.tpl

Timestamp:

Mar 25, 2012, 9:20:13 PM (12 years ago)

Author:

Zaphod

Message:

feature 2588: template modification for v2.4

-> new class .switchBox for all boxes (sortOrder, derivative, etc...)
-> new classes to help layout in switchBoxes:

• .switchCheck for the check character
• .switchSelected for the selected option
• .switchUnselected for all other options

-> new menubar.tpl with empty div #menuSwitcher

File:

• trunk/themes/default/template/index.tpl (modified) (2 diffs)

trunk/themes/default/template/index.tpl

@@ -8 +8 @@
                         <span class="pwg-icon pwg-icon-sort">&nbsp;</span><span class="pwg-button-text">{'Sort order'|@translate}</span>
                 </a>
-                <div id="sortOrderBox" style="display:none; text-align:left" onclick="toggleSortOrderBox()" onmouseout="e=event.toElement||event.relatedTarget;e.parentNode==this||e==this||toggleSortOrderBox()">
+                <div id="sortOrderBox" class="switchBox" style="display:none; text-align:left" onclick="toggleSortOrderBox()" onmouseout="e=event.toElement||event.relatedTarget;e.parentNode==this||e==this||toggleSortOrderBox()">
                         <div class="switchBoxTitle">{'Sort order'|@translate}</div>
                         {foreach from=$image_orders item=image_order name=loop}{if !$smarty.foreach.loop.first}<br>{/if}
                         {if $image_order.SELECTED}
-                        <span>&#x2714; {$image_order.DISPLAY}</span>
+                        <span class="switchCheck">&#x2714; </span><span class="switchSelected">{$image_order.DISPLAY}</span>
                         {else}
-                        <a href="{$image_order.URL}" rel="nofollow">{$image_order.DISPLAY}</a>
+                        <a href="{$image_order.URL}" class="switchUnselected" rel="nofollow">{$image_order.DISPLAY}</a>
                         {/if}
                         {/foreach}
@@ -39 +39 @@
                         <span class="pwg-icon pwg-icon-sizes">&nbsp;</span><span class="pwg-button-text">{'Photo sizes'|@translate}</span>
                 </a>
-                <div id="derivativeSwitchBox" style="display:none; text-align:left" onclick="toggleImageDerivativesBox()" onmouseout="e=event.toElement||event.relatedTarget;e.parentNode==this||e==this||toggleImageDerivativesBox()">
+                <div id="derivativeSwitchBox" class="switchBox" style="display:none; text-align:left" onclick="toggleImageDerivativesBox()" onmouseout="e=event.toElement||event.relatedTarget;e.parentNode==this||e==this||toggleImageDerivativesBox()">
                         <div class="switchBoxTitle">{'Photo sizes'|@translate}</div>
                         {foreach from=$image_derivatives item=image_derivative name=loop}{if !$smarty.foreach.loop.first}<br>{/if}
                         {if $image_derivative.SELECTED}
-                        <span>&#x2714; {$image_derivative.DISPLAY}</span>
+                        <span class="switchCheck">&#x2714; </span><span class="switchSelected">{$image_derivative.DISPLAY}</span>
                         {else}
-                        <a href="{$image_derivative.URL}" rel="nofollow">{$image_derivative.DISPLAY}</a>
+                        <a href="{$image_derivative.URL}" class="switchUnselected" rel="nofollow">{$image_derivative.DISPLAY}</a>
                         {/if}
                         {/foreach}