Changeset 8091


Ignore:
Timestamp:
Dec 12, 2010, 1:22:49 PM (10 years ago)
Author:
rvelices
Message:

css sprites

Location:
trunk/themes
Files:
12 edited

Legend:

Unmodified
Added
Removed
  • trunk/themes/clear/theme.css

    r7877 r8091  
    5151/* links */
    5252A, INPUT.rateButton {
    53     color: #005e89;
    54     background: transparent;
     53        color: #005e89;
     54        background: transparent;
     55        border-bottom: 1px dotted #005e89;
    5556}
    5657
  • trunk/themes/default/iconset.css

    r8076 r8091  
    77.pwg-button-text { display:none; }
    88
    9 a.pwg-state-default, a.pwg-state-default:visited, a.pwg-state-default:hover {
     9A.pwg-state-default, A.pwg-state-default:visited, A.pwg-state-default:hover {
    1010        text-decoration: none !important;
    1111}
     
    1313.pwg-state-disabled .pwg-icon {
    1414        opacity: .5;
    15         -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";!
     15        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    1616        filter: alpha(opacity=50);
    1717}
     
    2424.pwg-icon-home {background-position: -26px 0}
    2525.pwg-icon-camera {background-position: -52px 0}
    26 .pwg-icon-calendar {background-position: -78px 0}
    27 .pwg-icon-save {background-position: -104px 0}
    28 .pwg-icon-cloud {background-position: -130px 0}
    29 .pwg-icon-letters {background-position: -156px 0}
     26.pwg-icon-save {background-position: -78px 0}
     27.pwg-icon-cloud {background-position: -104px 0}
     28.pwg-icon-letters {background-position: -130px 0}
     29.pwg-icon-calendar {background-position: -156px 0}
     30.pwg-icon-camera-calendar {background-position: -182px 0}
    3031
    3132.pwg-icon-arrow-n {background-position: 0 -26px}
     
    3839.pwg-icon-arrowstop-w {background-position: -182px -26px}
    3940
     41.pwg-icon-close {background-position: 0 -52px}
     42.pwg-icon-category-edit {background-position: -26px -52px}
     43.pwg-icon-category-view-normal {background-position: -156px -52px}
     44.pwg-icon-category-view-flat {background-position: -182px -52px}
     45
    4046.pwg-icon-caddie {background-position: 0 -78px}
    4147.pwg-icon-caddie-add {background-position: -26px -78px}
     
    4652
    4753.pwg-icon-camera-info {background-position: 0 -104px}
    48 .pwg-icon-camera-representative {background-position: -26px -104px}
     54.pwg-icon-representative {background-position: -26px -104px}
    4955.pwg-icon-edit {background-position: -52px -104px}
    5056.pwg-icon-register {background-position: -78px -104px}
     
    6066.pwg-icon-repeat-stop {background-position: -182px -130px}
    6167
    62 /*
    63 .pwg-icon-camera-calendar
    64 flat
    65 normal
    66 filter-plus
    67 filter-minus
    68 
    69 .pwg-icon-stop
    70 
    71 .pwg-icon-time
    72 .pwg-icon-time-plus
    73 .pwg-icon-time-minus
    74 .pwg-icon-repeat
    75 .pwg-icon-repeat-yes
    76 .pwg-icon-repeat-no
    77 */
    78 
    7968
    8069A.pwg-button {
  • trunk/themes/default/template/about.tpl

    r8076 r8091  
    22  <div class="titrePage">
    33    <ul class="categoryActions">
    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>
     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>
    77    </ul>
    88    <h2>{'About'|@translate}</h2>
  • trunk/themes/default/template/index.tpl

    r7975 r8091  
    22{if !empty($PLUGIN_INDEX_CONTENT_BEFORE)}{$PLUGIN_INDEX_CONTENT_BEFORE}{/if}
    33<div id="content" class="content">
    4   <div class="titrePage">
    5     <ul class="categoryActions">
    6       {if !empty($image_orders) }
    7       <li>
    8       {'Sort order'|@translate}:
    9       <select onchange="document.location = this.options[this.selectedIndex].value;">
    10         {foreach from=$image_orders item=image_order }
    11         <option value="{$image_order.URL}"{if $image_order.SELECTED} selected="selected"{/if}>{$image_order.DISPLAY}</option>
    12         {/foreach}
    13       </select>
    14       </li>
    15       {/if}
     4<div class="titrePage">
     5        <ul class="categoryActions">
     6                {if !empty($image_orders) }
     7                <li>
     8                {'Sort order'|@translate}:
     9                <select onchange="document.location = this.options[this.selectedIndex].value;">
     10                        {foreach from=$image_orders item=image_order }
     11                        <option value="{$image_order.URL}"{if $image_order.SELECTED} selected="selected"{/if}>{$image_order.DISPLAY}</option>
     12                        {/foreach}
     13                </select>
     14                </li>
     15                {/if}
    1616
    17       {if isset($favorite) }
    18       <li><a href="{$favorite.U_FAVORITE}" title="{'delete all images from your favorites'|@translate}"><img src="{$ROOT_URL}{$themeconf.icon_dir}/del_all_favorites.png" class="button" alt="favorite" title="{'delete all images from your favorites'|@translate}"></a></li>
    19       {/if}
     17{if isset($favorite)}
     18                <li><a href="{$favorite.U_FAVORITE}" title="{'delete all images from your favorites'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
     19                        <span class="pwg-icon pwg-icon-favorite-del">&nbsp;</span><span class="pwg-button-text">{'delete all images from your favorites'|@translate}</span>
     20                </a></li>
     21{/if}
     22{if isset($U_CADDIE)}
     23                <li><a href="{$U_CADDIE}" title="{'add to caddie'|@translate}" class="pwg-state-default pwg-button">
     24                        <span class="pwg-icon pwg-icon-caddie-add">&nbsp;</span><span class="pwg-button-text">{'caddie'|@translate}</span>
     25                </a></li>
     26{/if}
     27{if isset($U_EDIT)}
     28                <li><a href="{$U_EDIT}" title="{'edit'|@translate}" class="pwg-state-default pwg-button">
     29                        <span class="pwg-icon pwg-icon-category-edit">&nbsp;</span><span class="pwg-button-text">{'edit'|@translate}</span>
     30                </a></li>
     31{/if}
     32{if isset($U_SEARCH_RULES)}
     33                {combine_script id='core.scripts' load='async' path='themes/default/js/scripts.js'}
     34                <li><a href="{$U_SEARCH_RULES}" onclick="popuphelp(this.href); return false;" title="{'Search rules'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
     35                        <span class="pwg-icon pwg-icon-help">&nbsp;</span><span class="pwg-button-text">(?)</span>
     36                </a></li>
     37{/if}
     38{if isset($U_SLIDESHOW)}
     39                <li><a href="{$U_SLIDESHOW}" title="{'slideshow'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
     40                        <span class="pwg-icon pwg-icon-slideshow">&nbsp;</span><span class="pwg-button-text">{'slideshow'|@translate}</span>
     41                </a></li>
     42{/if}
     43{if isset($U_MODE_FLAT)}
     44                <li><a href="{$U_MODE_FLAT}" title="{'display all elements in all sub-albums'|@translate}" class="pwg-state-default pwg-button" rel="nofollow">
     45                        <span class="pwg-icon pwg-icon-category-view-flat">&nbsp;</span><span class="pwg-button-text">{'display all elements in all sub-albums'|@translate}</span>
     46                </a></li>
     47{/if}
     48{if isset($U_MODE_NORMAL)}
     49                <li><a href="{$U_MODE_NORMAL}" title="{'return to normal view mode'|@translate}" class="pwg-state-default pwg-button">
     50                        <span class="pwg-icon pwg-icon-category-view-normal">&nbsp;</span><span class="pwg-button-text">{'return to normal view mode'|@translate}</span>
     51                </a></li>
     52{/if}
     53{if isset($U_MODE_POSTED)}
     54                <li><a href="{$U_MODE_POSTED}" title="{'display a calendar by posted date'|@translate}" class="pwg-state-default pwg-button">
     55                        <span class="pwg-icon pwg-icon-camera-calendar">&nbsp;</span><span class="pwg-button-text">{'Calendar'|@translate}</span>
     56                </a></li>
     57{/if}
     58{if isset($U_MODE_CREATED)}
     59                <li><a href="{$U_MODE_CREATED}" title="{'display a calendar by creation date'|@translate}" class="pwg-state-default pwg-button">
     60                        <span class="pwg-icon pwg-icon-camera-calendar">&nbsp;</span><span class="pwg-button-text">{'Calendar'|@translate}</span>
     61                </a></li>
     62{/if}
     63{if !empty($PLUGIN_INDEX_ACTIONS)}{$PLUGIN_INDEX_ACTIONS}{/if}
     64        </ul>
    2065
    21       {if isset($U_CADDIE) }
    22       <li><a href="{$U_CADDIE}" title="{'add to caddie'|@translate}"><img src="{$ROOT_URL}{$themeconf.icon_dir}/caddie_add.png" class="button" alt="{'caddie'|@translate}"></a></li>
    23       {/if}
     66<h2>{$TITLE}</h2>
    2467
    25       {if isset($U_EDIT) }
    26       <li><a href="{$U_EDIT}" title="{'edit'|@translate}"><img src="{$ROOT_URL}{$themeconf.icon_dir}/category_edit.png" class="button" alt="{'edit'|@translate}"></a></li>
    27       {/if}
     68{if isset($chronology_views)}
     69<div class="calendarViews">{'View'|@translate}:
     70        <select onchange="document.location = this.options[this.selectedIndex].value;">
     71                {foreach from=$chronology_views item=view}
     72                <option value="{$view.VALUE}"{if $view.SELECTED} selected="selected"{/if}>{$view.CONTENT}</option>
     73                {/foreach}
     74        </select>
     75</div>
     76{/if}
    2877
    29       {if isset($U_SEARCH_RULES) }
    30                         {combine_script id='core.scripts' load='async' path='themes/default/js/scripts.js'}
    31       <li><a href="{$U_SEARCH_RULES}" onclick="popuphelp(this.href); return false;" title="{'Search rules'|@translate}" rel="nofollow"><img src="{$ROOT_URL}{$themeconf.icon_dir}/search_rules.png" class="button" alt="(?)"></a></li>
    32       {/if}
     78{if isset($chronology.TITLE) }
     79<h2>{$chronology.TITLE}</h2>
     80{/if}
    3381
    34       {if isset($U_SLIDESHOW) }
    35       <li><a href="{$U_SLIDESHOW}" title="{'slideshow'|@translate}" rel="nofollow"><img src="{$ROOT_URL}{$themeconf.icon_dir}/start_slideshow.png" class="button" alt="{'slideshow'|@translate}"></a></li>
    36       {/if}
    37 
    38       {if isset($U_MODE_FLAT) }
    39       <li><a href="{$U_MODE_FLAT}" title="{'display all elements in all sub-albums'|@translate}" rel="nofollow"><img src="{$ROOT_URL}{$themeconf.icon_dir}/flat.png" class="button" alt="{'display all elements in all sub-albums'|@translate}"></a></li>
    40       {/if}
    41 
    42       {if isset($U_MODE_NORMAL) }
    43       <li><a href="{$U_MODE_NORMAL}" title="{'return to normal view mode'|@translate}"><img src="{$ROOT_URL}{$themeconf.icon_dir}/normal_mode.png" class="button" alt="{'return to normal view mode'|@translate}"></a></li>
    44       {/if}
    45 
    46       {if isset($U_MODE_POSTED) }
    47       <li><a href="{$U_MODE_POSTED}" title="{'display a calendar by posted date'|@translate}" rel="nofollow"><img src="{$ROOT_URL}{$themeconf.icon_dir}/calendar.png" class="button" alt="{'display a calendar by posted date'|@translate}"></a></li>
    48       {/if}
    49      
    50       {if isset($U_MODE_CREATED) }
    51       <li><a href="{$U_MODE_CREATED}" title="{'display a calendar by creation date'|@translate}" rel="nofollow"><img src="{$ROOT_URL}{$themeconf.icon_dir}/calendar_created.png" class="button" alt="{'display a calendar by creation date'|@translate}"></a></li>
    52       {/if}
    53      
    54       {if !empty($PLUGIN_INDEX_ACTIONS)}{$PLUGIN_INDEX_ACTIONS}{/if}
    55     </ul>
    56 
    57   <h2>{$TITLE}</h2>
    58 
    59   {if isset($chronology_views) }
    60   <div class="calendarViews">{'View'|@translate}:
    61     <select onchange="document.location = this.options[this.selectedIndex].value;">
    62       {foreach from=$chronology_views item=view}
    63       <option value="{$view.VALUE}"{if $view.SELECTED} selected="selected"{/if}>{$view.CONTENT}</option>
    64       {/foreach}
    65     </select>
    66   </div>
    67   {/if}
    68 
    69   {if isset($chronology.TITLE) }
    70   <h2>{$chronology.TITLE}</h2>
    71   {/if}
    72 
    73   </div> <!-- titrePage -->
     82</div> <!-- titrePage -->
    7483
    7584{if !empty($PLUGIN_INDEX_CONTENT_BEGIN)}{$PLUGIN_INDEX_CONTENT_BEGIN}{/if}
  • trunk/themes/default/template/nbm.tpl

    r5559 r8091  
    11
    22<div id="content" class="content">
    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="{$themeconf.icon_dir}/home.png" class="button" alt="{'Home'|@translate}"></a></li>
    6     </ul>
    7     <h2>{'Notification'|@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>{'Notification'|@translate}</h2>
     10        </div>
    911
    1012  {if not empty($errors)}
  • trunk/themes/default/template/password.tpl

    r6668 r8091  
    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>{'Password forgotten'|@translate}</h2>
    8   </div>
     3        <div class="titrePage">
     4                <ul class="categoryActions">
     5                        <li><a href="{$U_HOME}" title="{'Go through the gallery as a visitor'|@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>{'Password forgotten'|@translate}</h2>
     10        </div>
    911
    1012  {if count($errors)}
  • trunk/themes/default/template/picture_toolbar.tpl

    r8076 r8091  
    1818{if isset($PLUGIN_PICTURE_ACTIONS)}{$PLUGIN_PICTURE_ACTIONS}{/if}
    1919{if isset($favorite)}
    20                 <a href="{$favorite.U_FAVORITE}" title="{if $favorite.IS_FAVORITE}{'delete this image from your favorites'|@translate}{else}{'add this image to your favorites'|@translate}{/if}" class="pwg-state-default pwg-button" rel="novollow">
     20                <a href="{$favorite.U_FAVORITE}" title="{if $favorite.IS_FAVORITE}{'delete this image from your favorites'|@translate}{else}{'add this image to your favorites'|@translate}{/if}" class="pwg-state-default pwg-button" rel="nofollow">
    2121                        <span class="pwg-icon pwg-icon-favorite-{if $favorite.IS_FAVORITE}del{else}add{/if}">&nbsp;</span><span class="pwg-button-text">{'Favorites'|@translate}</span>
    2222                </a>
  • trunk/themes/default/template/popuphelp.tpl

    r7823 r8091  
    11<div id="content" class="content">
    2   <div class="titrePage">
     2        <div class="titrePage">
    33        <ul class="categoryActions">
    4           <li>
    5                 <a href="#" onclick="window.close();" title="{'Close this window'|@translate}">
    6                   <img src="{$ROOT_URL}{$themeconf.icon_dir}/exit.png" class="button" alt="exit">
    7                 </a>
    8           </li>
     4                <li><a href="#" onclick="window.close();" title="{'Close this window'|@translate} class="pwg-state-default pwg-button">
     5                        <span class="pwg-icon pwg-icon-close">&nbsp;</span><span class="pwg-button-text">exit</span>
     6                </a></li>
    97        </ul>
    10   <h2>{$PAGE_TITLE}</h2>
    11   </div>
     8        <h2>{$PAGE_TITLE}</h2>
     9        </div>
    1210
    1311{$HELP_CONTENT}
  • trunk/themes/default/template/search_rules.tpl

    r7823 r8091  
    11<div id="content" class="content">
    2   <div class="titrePage">
     2        <div class="titrePage">
    33        <ul class="categoryActions">
    4           <li>
    5                 <a href="#" onclick="window.close();" title="{'Close this window'|@translate}">
    6                   <img src="{$ROOT_URL}{$themeconf.icon_dir}/exit.png" class="button" alt="exit">
    7                 </a>
    8           </li>
     4                <li><a href="#" onclick="window.close();" title="{'Close this window'|@translate} class="pwg-state-default pwg-button">
     5                        <span class="pwg-icon pwg-icon-close">&nbsp;</span><span class="pwg-button-text">exit</span>
     6                </a></li>
    97        </ul>
    10   <h2>{'Search rules'|@translate}</h2>
    11   </div>
     8        <h2>{'Search rules'|@translate}</h2>
     9        </div>
    1210
    1311{if isset($INTRODUCTION) }
  • trunk/themes/default/template/upload.tpl

    r6668 r8091  
    1 
    21{* Example of resizeable *}
    32{*
     
    76<div id="content" class="content">
    87
    9   <div class="titrePage">
    10     <ul class="categoryActions">
    11       <li><a href="{$U_HOME}" title="{'Home'|@translate}"><img src="{$ROOT_URL}{$themeconf.icon_dir}/home.png" class="button" alt="{'Home'|@translate}"></a></li>
    12     </ul>
    13     <h2>{'Upload a picture'|@translate}</h2>
    14   </div>
     8        <div class="titrePage">
     9                <ul class="categoryActions">
     10                        <li><a href="{$U_HOME}" title="{'Home'|@translate}" class="pwg-state-default pwg-button">
     11                                <span class="pwg-icon pwg-icon-home">&nbsp;</span><span class="pwg-button-text">{'Home'|@translate}</span>
     12                        </a></li>
     13                </ul>
     14                <h2>{'Upload a picture'|@translate}</h2>
     15        </div>
    1516
    1617  {if !empty($errors)}
  • trunk/themes/default/theme.css

    r8066 r8091  
    456456A {
    457457        text-decoration:none;
    458         border-bottom: 1px dotted #005e89;
    459458}
    460459A:hover {
Note: See TracChangeset for help on using the changeset viewer.