Changeset 8076 for trunk/themes


Ignore:
Timestamp:
Dec 11, 2010, 2:42:19 PM (13 years ago)
Author:
rvelices
Message:

css sprites (still ongoing)

Location:
trunk/themes/default
Files:
12 edited

Legend:

Unmodified
Added
Removed

  • trunk/themes/default/iconset.css

    r8066 r8076  
    11.pwg-icon {
    2         display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat;
    3         width: 26px; height: 26px; background-image: url(sprite.png);
     2        display: block; /*IE6*/
     3        display: inline-block; /*IE6 does not get it*/
     4        text-indent: -99999px; overflow: hidden; background-repeat: no-repeat;
     5        width: 26px; height: 26px; background-image: url(sprite.png);
    46}
    57.pwg-button-text { display:none; }
    … …  
    1719.pwg-button {
    1820        display: inline-block;
     21        vertical-align: middle;
    1922}
    2023
    … …  
    2326.pwg-icon-calendar {background-position: -78px 0}
    2427.pwg-icon-save {background-position: -104px 0}
     28.pwg-icon-cloud {background-position: -130px 0}
     29.pwg-icon-letters {background-position: -156px 0}
    2530
    2631.pwg-icon-arrow-n {background-position: 0 -26px}
    … …  
    2833.pwg-icon-arrow-s {background-position: -52px -26px}
    2934.pwg-icon-arrow-w {background-position: -78px -26px}
    30 
    31 .pwg-icon-arrowstop-n {background-position: 0 -52px}
    32 .pwg-icon-arrowstop-e {background-position: -26px -52px}
    33 .pwg-icon-arrowstop-s {background-position: -52px -52px}
    34 .pwg-icon-arrowstop-w {background-position: -78px -52px}
     35.pwg-icon-arrowstop-n {background-position: -104px -26px}
     36.pwg-icon-arrowstop-e {background-position: -130px -26px}
     37.pwg-icon-arrowstop-s {background-position: -156px -26px}
     38.pwg-icon-arrowstop-w {background-position: -182px -26px}
    3539
    3640.pwg-icon-caddie {background-position: 0 -78px}
    … …  
    4246
    4347.pwg-icon-camera-info {background-position: 0 -104px}
     48.pwg-icon-camera-representative {background-position: -26px -104px}
     49.pwg-icon-edit {background-position: -52px -104px}
     50.pwg-icon-register {background-position: -78px -104px}
     51.pwg-icon-lost-password {background-position: -104px -104px}
    4452
    4553.pwg-icon-slideshow {background-position: 0 -130px}
    4654.pwg-icon-play {background-position: -26px -130px}
    4755.pwg-icon-pause {background-position: -52px -130px}
     56.pwg-icon-stop {background-position: -78px -130px}
     57.pwg-icon-clock-plus {background-position: -104px -130px}
     58.pwg-icon-clock-minus {background-position: -130px -130px}
     59.pwg-icon-repeat-play {background-position: -156px -130px}
     60.pwg-icon-repeat-stop {background-position: -182px -130px}
    4861
    4962/*
    50 .pwg-icon-representative
    51 .pwg-icon-edit
    52 .pwg-icon-register
    53 .pwg-icon-lost-password
    54 .pwg-icon-cloud
    55 .pwg-icon-letters
    5663.pwg-icon-camera-calendar
    5764flat

  • trunk/themes/default/template/about.tpl

    r5250 r8076  
    22  <div class="titrePage">
    33    <ul class="categoryActions">
    4       <li>
    5         <a href="{$U_HOME}" title="{'return to homepage'|@translate}">
    6           <img src="{$themeconf.icon_dir}/home.png" class="button" alt="{'Home'|@translate}">
    7         </a>
    8       </li>
     4                <li><a href="{$U_HOME}" title="{'Home'|@translate}" class="pwg-state-default pwg-button">
     5                        <span class="pwg-icon pwg-icon-home">&nbsp;</span><span class="pwg-button-text">{'Home'|@translate}</span>
     6                </a></li>
    97    </ul>
    108    <h2>{'About'|@translate}</h2>

  • trunk/themes/default/template/comments.tpl

    r7028 r8076  
    11<div id="content" class="content">
    22
    3   <div class="titrePage">
    4     <ul class="categoryActions">
    5       <li><a href="{$U_HOME}" title="{'Home'|@translate}"><img src="{$ROOT_URL}{$themeconf.icon_dir}/home.png" class="button" alt="{'Home'|@translate}"></a></li>
    6     </ul>
    7     <h2>{'User comments'|@translate}</h2>
    8   </div>
     3<div class="titrePage">
     4        <ul class="categoryActions">
     5                <li><a href="{$U_HOME}" title="{'Home'|@translate}" class="pwg-state-default pwg-button">
     6                        <span class="pwg-icon pwg-icon-home">&nbsp;</span><span class="pwg-button-text">{'Home'|@translate}</span>
     7                </a></li>
     8        </ul>
     9        <h2>{'User comments'|@translate}</h2>
     10</div>
    911
    1012<form class="filter" action="{$F_ACTION}" method="get">

  • trunk/themes/default/template/identification.tpl

    r6437 r8076  
    11<div id="content" class="content">
    22
    3   <div class="titrePage">
    4     <ul class="categoryActions">
    5       <li><a href="{$U_HOME}" title="{'Go through the gallery as a visitor'|@translate}"><img src="{$ROOT_URL}{$themeconf.icon_dir}/home.png" class="button" alt="{'Home'|@translate}"></a></li>
    6     </ul>
    7     <h2>{'Identification'|@translate}</h2>
    8   </div>
     3<div class="titrePage">
     4        <ul class="categoryActions">
     5                <li><a href="{$U_HOME}" title="{'Home'|@translate}" class="pwg-state-default pwg-button">
     6                        <span class="pwg-icon pwg-icon-home">&nbsp;</span><span class="pwg-button-text">{'Home'|@translate}</span>
     7                </a></li>
     8        </ul>
     9        <h2>{'Identification'|@translate}</h2>
     10</div>
    911
    1012  {if isset($errors) }
    … …  
    5456
    5557  <p>
    56     {if isset($U_REGISTER) }
    57     <a href="{$U_REGISTER}" title="{'Register'|@translate}"><img src="{$ROOT_URL}{$themeconf.icon_dir}/register.png" class="button" alt="{'Register'|@translate}"> {'Register'|@translate}</a>
    58     {/if}
    59     <a href="{$U_LOST_PASSWORD}" title="{'Forgot your password?'|@translate}"><img src="{$ROOT_URL}{$themeconf.icon_dir}/lost_password.png" class="button" alt="{'Forgot your password?'|@translate}"> {'Forgot your password?'|@translate}</a>
     58{if isset($U_REGISTER)}
     59                <a href="{$U_REGISTER}" title="{'Register'|@translate}" class="pwg-state-default pwg-button">
     60                        <span class="pwg-icon pwg-icon-register">&nbsp;</span><span>{'Register'|@translate}</span>
     61                </a>
     62{/if}
     63                <a href="{$U_LOST_PASSWORD}" title="{'Forgot your password?'|@translate}" class="pwg-state-default pwg-button">
     64                        <span class="pwg-icon pwg-icon-lost-password">&nbsp;</span><span>{'Forgot your password?'|@translate}</span>
     65                </a>
    6066  </p>
    6167

  • trunk/themes/default/template/menubar_identification.tpl

    r6570 r8076  
    5151        <input type="hidden" name="redirect" value="{$smarty.server.REQUEST_URI|@urlencode}">
    5252        <input class="submit" type="submit" name="login" value="{'Submit'|@translate}">
    53         <ul class="actions">
    54                 <li><a href="{$U_LOST_PASSWORD}" title="{'Forgot your password?'|@translate}" rel="nofollow"><img src="{$ROOT_URL}{$themeconf.icon_dir}/lost_password.png" class="button" alt="{'Forgot your password?'|@translate}"></a></li>
    55                 {if isset($U_REGISTER)}
    56                 <li><a href="{$U_REGISTER}" title="{'Create a new account'|@translate}" rel="nofollow"><img src="{$ROOT_URL}{$themeconf.icon_dir}/register.png" class="button" alt="{'Register'|@translate}"></a></li>
    57                 {/if}
     53        <ul class="categoryActions">
     54{if isset($U_REGISTER)}
     55                <li><a href="{$U_REGISTER}" title="{'Create a new account'|@translate}" class="pwg-state-default pwg-button">
     56                        <span class="pwg-icon pwg-icon-register">&nbsp;</span>
     57                </a></li>
     58{/if}
     59                <li><a href="{$U_LOST_PASSWORD}" title="{'Forgot your password?'|@translate}" class="pwg-state-default pwg-button">
     60                        <span class="pwg-icon pwg-icon-lost-password">&nbsp;</span>
     61                </a></li>
    5862        </ul>
    5963        </div>

  • trunk/themes/default/template/notification.tpl

    r7474 r8076  
    77  <div class="titrePage">
    88    <ul class="categoryActions">
    9       <li><a href="{$U_HOME}" title="{'Home'|@translate}"><img src="{$ROOT_URL}{$themeconf.icon_dir}/home.png" class="button" alt="{'Home'|@translate}"></a></li>
     9                <li><a href="{$U_HOME}" title="{'Home'|@translate}" class="pwg-state-default pwg-button">
     10                        <span class="pwg-icon pwg-icon-home">&nbsp;</span><span class="pwg-button-text">{'Home'|@translate}</span>
     11                </a></li>
    1012    </ul>
    1113    <h2>{'Notification'|@translate}</h2>

  • trunk/themes/default/template/picture_toolbar.tpl

    r8066 r8076  
    5757        <div class="navigationButtons" style="float:right">
    5858{if $DISPLAY_NAV_BUTTONS or isset($slideshow)}
     59{if isset($slideshow)}
     60  {if isset($slideshow.U_INC_PERIOD)}
     61                <a href="{$slideshow.U_INC_PERIOD}" title="{'Accelerate diaporama speed'|@translate}" class="pwg-state-default pwg-button">
     62                        <span class="pwg-icon pwg-icon-clock-minus">&nbsp;</span><span class="pwg-button-text">{'Accelerate diaporama speed'|@translate}</span>
     63                </a>
     64        {else}
     65                <span class="pwg-state-disabled pwg-button">
     66                        <span class="pwg-icon pwg-icon-clock-minus">&nbsp;</span><span class="pwg-button-text">{'Accelerate diaporama speed'|@translate}</span>
     67                </span>
     68        {/if}
     69  {if isset($slideshow.U_DEC_PERIOD)}
     70                <a href="{$slideshow.U_DEC_PERIOD}" title="{'Accelerate diaporama speed'|@translate}" class="pwg-state-default pwg-button">
     71                        <span class="pwg-icon pwg-icon-clock-plus">&nbsp;</span><span class="pwg-button-text">{'Accelerate diaporama speed'|@translate}</span>
     72                </a>
     73        {else}
     74                <span class="pwg-state-disabled pwg-button">
     75                        <span class="pwg-icon pwg-icon-clock-plus">&nbsp;</span><span class="pwg-button-text">{'Accelerate diaporama speed'|@translate}</span>
     76                </span>
     77        {/if}
     78{/if}
     79{if isset($slideshow.U_START_REPEAT)}
     80                <a href="{$slideshow.U_START_REPEAT}" title="{'Repeat the slideshow'|@translate}" class="pwg-state-default pwg-button">
     81                        <span class="pwg-icon pwg-icon-repeat-play">&nbsp;</span><span class="pwg-button-text">{'Repeat the slideshow'|@translate}</span>
     82                </a>
     83{/if}
     84{if isset($slideshow.U_STOP_REPEAT)}
     85                <a href="{$slideshow.U_STOP_REPEAT}" title="{'Not repeat the slideshow'|@translate}" class="pwg-state-default pwg-button">
     86                        <span class="pwg-icon pwg-icon-repeat-stop">&nbsp;</span><span class="pwg-button-text">{'Not repeat the slideshow'|@translate}</span>
     87                </a>
     88{/if}
     89
    5990{if isset($first)}
    6091                <a href="{$first.U_IMG}" title="{'First'|@translate} : {$first.TITLE}" class="pwg-state-default pwg-button">

  • trunk/themes/default/template/profile.tpl

    r5164 r8076  
    1111{/if}
    1212
    13   <div class="titrePage">
    14     <ul class="categoryActions">
    15       <li><a href="{$U_HOME}" title="{'Home'|@translate}"><img src="{$ROOT_URL}{$themeconf.icon_dir}/home.png" class="button" alt="{'Home'|@translate}"></a></li>
    16     </ul>
    17     <h2>{'Profile'|@translate}</h2>
    18   </div>
     13<div class="titrePage">
     14        <ul class="categoryActions">
     15                <li><a href="{$U_HOME}" title="{'Home'|@translate}" class="pwg-state-default pwg-button">
     16                        <span class="pwg-icon pwg-icon-home">&nbsp;</span><span class="pwg-button-text">{'Home'|@translate}</span>
     17                </a></li>
     18        </ul>
     19        <h2>{'Profile'|@translate}</h2>
     20</div>
    1921
    2022{$PROFILE_CONTENT}

  • trunk/themes/default/template/register.tpl

    r7495 r8076  
    33<div id="content" class="content">
    44
    5   <div class="titrePage">
    6     <ul class="categoryActions">
    7       <li><a href="{$U_HOME}" title="{'Home'|@translate}"><img src="{$ROOT_URL}{$themeconf.icon_dir}/home.png" class="button" alt="{'Home'|@translate}"></a></li>
    8     </ul>
    9     <h2>{'Registration'|@translate}</h2>
    10   </div>
     5<div class="titrePage">
     6        <ul class="categoryActions">
     7                <li><a href="{$U_HOME}" title="{'Home'|@translate}" class="pwg-state-default pwg-button">
     8                        <span class="pwg-icon pwg-icon-home">&nbsp;</span><span class="pwg-button-text">{'Home'|@translate}</span>
     9                </a></li>
     10        </ul>
     11        <h2>{'Registration'|@translate}</h2>
     12</div>
    1113
    1214{if isset($errors)}

  • trunk/themes/default/template/search.tpl

    r7975 r8076  
    1 
    21{* Example of resizeable *}
    3 
     2{*
    43{include file='include/resize.inc.tpl'}
    5 
     4*}
    65
    76{* Example of datepicker *}
    8 
     7{*
    98{include file='include/datepicker.inc.tpl'}
    109
    … …  
    1413 jQuery().ready(function(){ $(".date_today").hide(); });
    1514{/literal}{/footer_script}
    16 
     15*}
    1716
    1817<div id="content" class="content">
    1918
    20   <div class="titrePage">
    21     <ul class="categoryActions">
     19        <div class="titrePage">
     20                <ul class="categoryActions">
    2221                        {combine_script id='core.scripts' load='async' path='themes/default/js/scripts.js'}
    23       <li><a href="{$U_HELP}" onclick="popuphelp(this.href); return false;" title="{'Help'|@translate}" rel="nofollow"><img src="{$ROOT_URL}{$themeconf.icon_dir}/help.png" class="button" alt="(?)"></a></li>
    24       <li><a href="{$U_HOME}" title="{'Home'|@translate}" rel="Home"><img src="{$ROOT_URL}{$themeconf.icon_dir}/home.png" class="button" alt="{'Home'|@translate}"></a></li>
    25     </ul>
    26     <h2>{'Search'|@translate}</h2>
    27   </div>
     22                        <li><a href="{$U_HELP}" onclick="popuphelp(this.href); return false;" title="{'Help'|@translate}" class="pwg-state-default pwg-button">
     23                                <span class="pwg-icon pwg-icon-help">&nbsp;</span><span class="pwg-button-text">{'Help'|@translate}</span>
     24                        </a></li>
     25                        <li><a href="{$U_HOME}" title="{'Home'|@translate}" class="pwg-state-default pwg-button">
     26                                <span class="pwg-icon pwg-icon-home">&nbsp;</span><span class="pwg-button-text">{'Home'|@translate}</span>
     27                        </a></li>
     28                </ul>
     29                <h2>{'Search'|@translate}</h2>
     30        </div>
    2831
    2932{if isset($errors) }

  • trunk/themes/default/template/tags.tpl

    r6668 r8076  
    11<div id="content" class="content">
    22
    3         <div class="titrePage">
    4                 <ul class="categoryActions">
    5                 {if $display_mode == 'letters'}
    6                         <li><a href="{$U_CLOUD}" title="{'show tag cloud'|@translate}" rel="nofollow"><img src="{$ROOT_URL}{$themeconf.icon_dir}/tag_cloud.png" class="button" alt="{'cloud'|@translate}"></a></li>
    7                 {/if}
    8 
    9                 {if $display_mode == 'cloud'}
    10                         <li><a href="{$U_LETTERS}" title="{'group by letters'|@translate}" rel="nofollow"><img src="{$ROOT_URL}{$themeconf.icon_dir}/tag_letters.png" class="button" alt="{'letters'|@translate}"></a></li>
    11                 {/if}
    12 
    13                         <li><a href="{$U_HOME}" title="{'Home'|@translate}"><img src="{$ROOT_URL}{$themeconf.icon_dir}/home.png" class="button" alt="{'Home'|@translate}"></a></li>
    14                 </ul>
    15                 <h2>{'Tags'|@translate}</h2>
    16   </div>
     3<div class="titrePage">
     4        <ul class="categoryActions">
     5{if $display_mode == 'letters'}
     6                <li><a href="{$U_CLOUD}" title="{'show tag cloud'|@translate}" class="pwg-state-default pwg-button">
     7                        <span class="pwg-icon pwg-icon-cloud">&nbsp;</span><span class="pwg-button-text">{'cloud'|@translate}</span>
     8                </a></li>
     9{/if}
     10{if $display_mode == 'cloud'}
     11                <li><a href="{$U_LETTERS}" title="{'group by letters'|@translate}" class="pwg-state-default pwg-button">
     12                        <span class="pwg-icon pwg-icon-letters">&nbsp;</span><span class="pwg-button-text">{'letters'|@translate}</span>
     13                </a></li>
     14{/if}
     15                <li><a href="{$U_HOME}" title="{'Home'|@translate}" class="pwg-state-default pwg-button">
     16                        <span class="pwg-icon pwg-icon-home">&nbsp;</span><span class="pwg-button-text">{'Home'|@translate}</span>
     17                </a></li>
     18        </ul>
     19        <h2>{'Tags'|@translate}</h2>
     20</div>
    1721
    1822{if isset($tags)}
Note: See TracChangeset for help on using the changeset viewer.