Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Browse files
Browse the repository at this point in the history
first sprite usage on picture page
git-svn-id: http://piwigo.org/svn/trunk@8066 68402e56-0260-453c-a942-63ccdbb3a9ee
- Loading branch information
rvelices
committed
Dec 10, 2010
1 parent
20a4572
commit acd3b90
Showing
7 changed files
with
201 additions
and
7 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,79 @@ | ||
.pwg-icon { | ||
display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; | ||
width: 26px; height: 26px; background-image: url(sprite.png); | ||
} | ||
.pwg-button-text { display:none; } | ||
|
||
a.pwg-state-default, a.pwg-state-default:visited, a.pwg-state-default:hover { | ||
text-decoration: none !important; | ||
} | ||
|
||
.pwg-state-disabled .pwg-icon { | ||
opacity: .5; | ||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";! | ||
filter: alpha(opacity=50); | ||
} | ||
|
||
.pwg-button { | ||
display: inline-block; | ||
} | ||
|
||
.pwg-icon-home {background-position: -26px 0} | ||
.pwg-icon-camera {background-position: -52px 0} | ||
.pwg-icon-calendar {background-position: -78px 0} | ||
.pwg-icon-save {background-position: -104px 0} | ||
|
||
.pwg-icon-arrow-n {background-position: 0 -26px} | ||
.pwg-icon-arrow-e {background-position: -26px -26px} | ||
.pwg-icon-arrow-s {background-position: -52px -26px} | ||
.pwg-icon-arrow-w {background-position: -78px -26px} | ||
|
||
.pwg-icon-arrowstop-n {background-position: 0 -52px} | ||
.pwg-icon-arrowstop-e {background-position: -26px -52px} | ||
.pwg-icon-arrowstop-s {background-position: -52px -52px} | ||
.pwg-icon-arrowstop-w {background-position: -78px -52px} | ||
|
||
.pwg-icon-caddie {background-position: 0 -78px} | ||
.pwg-icon-caddie-add {background-position: -26px -78px} | ||
.pwg-icon-caddie-del {background-position: -52px -78px} | ||
.pwg-icon-favorite {background-position: -78px -78px} | ||
.pwg-icon-favorite-add {background-position: -104px -78px} | ||
.pwg-icon-favorite-del {background-position: -130px -78px} | ||
|
||
.pwg-icon-camera-info {background-position: 0 -104px} | ||
|
||
.pwg-icon-slideshow {background-position: 0 -130px} | ||
.pwg-icon-play {background-position: -26px -130px} | ||
.pwg-icon-pause {background-position: -52px -130px} | ||
|
||
/* | ||
.pwg-icon-representative | ||
.pwg-icon-edit | ||
.pwg-icon-register | ||
.pwg-icon-lost-password | ||
.pwg-icon-cloud | ||
.pwg-icon-letters | ||
.pwg-icon-camera-calendar | ||
flat | ||
normal | ||
filter-plus | ||
filter-minus | ||
.pwg-icon-stop | ||
.pwg-icon-time | ||
.pwg-icon-time-plus | ||
.pwg-icon-time-minus | ||
.pwg-icon-repeat | ||
.pwg-icon-repeat-yes | ||
.pwg-icon-repeat-no | ||
*/ | ||
|
||
|
||
A.pwg-button { | ||
border: 1px solid blue; | ||
} | ||
|
||
.pwg-state-default:hover { | ||
border-color: green; | ||
} |
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,113 @@ | ||
<div class="pictureToolBar"> | ||
<div class="actionButtons" style="float:left"> | ||
{if isset($U_SLIDESHOW_START)} | ||
<a href="{$U_SLIDESHOW_START}" title="{'slideshow'|@translate}" class="pwg-state-default pwg-button" rel="nofollow"> | ||
<span class="pwg-icon pwg-icon-slideshow"> </span><span class="pwg-button-text">{'slideshow'|@translate}</span> | ||
</a> | ||
{/if} | ||
{if isset($U_METADATA)} | ||
<a href="{$U_METADATA}" title="{'Show file metadata'|@translate}" class="pwg-state-default pwg-button" rel="nofollow"> | ||
<span class="pwg-icon pwg-icon-camera-info"> </span><span class="pwg-button-text">{'Show file metadata'|@translate}</span> | ||
</a> | ||
{/if} | ||
{if isset($current.U_DOWNLOAD)} | ||
<a href="{$current.U_DOWNLOAD}" title="{'download this file'|@translate}" class="pwg-state-default pwg-button" rel="nofollow"> | ||
<span class="pwg-icon pwg-icon-save"> </span><span class="pwg-button-text">{'download'|@translate}</span> | ||
</a> | ||
{/if} | ||
{if isset($PLUGIN_PICTURE_ACTIONS)}{$PLUGIN_PICTURE_ACTIONS}{/if} | ||
{if isset($favorite)} | ||
<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"> | ||
<span class="pwg-icon pwg-icon-favorite-{if $favorite.IS_FAVORITE}del{else}add{/if}"> </span><span class="pwg-button-text">{'Favorites'|@translate}</span> | ||
</a> | ||
{/if} | ||
{if isset($U_SET_AS_REPRESENTATIVE)} | ||
<a href="{$U_SET_AS_REPRESENTATIVE}" title="{'set as category representative'|@translate}" class="pwg-state-default pwg-button" rel="nofollow"> | ||
<span class="pwg-icon pwg-icon-representative"> </span><span class="pwg-button-text">{'representative'|@translate}</span> | ||
</a> | ||
{/if} | ||
{if isset($U_ADMIN)} | ||
<a href="{$U_ADMIN}" title="{'Modify information'|@translate}" class="pwg-state-default pwg-button" rel="nofollow"> | ||
<span class="pwg-icon pwg-icon-edit"> </span><span class="pwg-button-text">{'edit'|@translate}</span> | ||
</a> | ||
{/if} | ||
{if isset($U_CADDIE)}{*caddie management BEGIN*} | ||
<script type="text/javascript"> | ||
{literal}function addToCadie(aElement, rootUrl, id) | ||
{ | ||
if (aElement.disabled) return; | ||
aElement.disabled=true; | ||
var y = new PwgWS(rootUrl); | ||
y.callService( | ||
"pwg.caddie.add", {image_id: id} , | ||
{ | ||
onFailure: function(num, text) { alert(num + " " + text); document.location=aElement.href; }, | ||
onSuccess: function(result) { aElement.disabled = false; } | ||
} | ||
); | ||
}{/literal} | ||
</script> | ||
<a href="{$U_CADDIE}" onclick="addToCadie(this, '{$ROOT_URL|@escape:'javascript'}', {$current.id}); return false;" title="{'add to caddie'|@translate}" class="pwg-state-default pwg-button" rel="nofollow"> | ||
<span class="pwg-icon pwg-icon-caddie-add"> </span><span class="pwg-button-text">{'caddie'|@translate}</span> | ||
</a> | ||
{/if}{*caddie management END*} | ||
</div> | ||
<div class="navigationButtons" style="float:right"> | ||
{if $DISPLAY_NAV_BUTTONS or isset($slideshow)} | ||
{if isset($first)} | ||
<a href="{$first.U_IMG}" title="{'First'|@translate} : {$first.TITLE}" class="pwg-state-default pwg-button"> | ||
<span class="pwg-icon pwg-icon-arrowstop-w"> </span><span class="pwg-button-text">{'First'|@translate}</span> | ||
</a> | ||
{else} | ||
<span class="pwg-state-disabled pwg-button"> | ||
<span class="pwg-icon pwg-icon-arrowstop-w"> </span><span class="pwg-button-text">{'First'|@translate}</span> | ||
</span> | ||
{/if} | ||
{if isset($previous)} | ||
<a href="{$previous.U_IMG}" title="{'Previous'|@translate} : {$previous.TITLE}" class="pwg-state-default pwg-button"> | ||
<span class="pwg-icon pwg-icon-arrow-w"> </span><span class="pwg-button-text">{'Previous'|@translate}</span> | ||
</a> | ||
{else} | ||
<span class="pwg-state-disabled pwg-button"> | ||
<span class="pwg-icon pwg-icon-arrow-w"> </span><span class="pwg-button-text">{'Previous'|@translate}</span> | ||
</span> | ||
{/if} | ||
{if isset($slideshow.U_START_PLAY)} | ||
<a href="{$slideshow.U_START_PLAY}" title="{'Play of slideshow'|@translate}" class="pwg-state-default pwg-button"> | ||
<span class="pwg-icon pwg-icon-play"> </span><span class="pwg-button-text">{'Play of slideshow'|@translate}</span> | ||
</a> | ||
{/if} | ||
{if isset($slideshow.U_STOP_PLAY)} | ||
<a href="{$slideshow.U_STOP_PLAY}" title="{'Pause of slideshow'|@translate}" class="pwg-state-default pwg-button"> | ||
<span class="pwg-icon pwg-icon-pause"> </span><span class="pwg-button-text">{'Pause of slideshow'|@translate}</span> | ||
</a> | ||
{/if} | ||
{if isset($U_UP) and !isset($slideshow)} | ||
<a href="{$U_UP}" title="{'Thumbnails'|@translate}" class="pwg-state-default pwg-button"> | ||
<span class="pwg-icon pwg-icon-arrow-n"> </span><span class="pwg-button-text">{'Thumbnails'|@translate}</span> | ||
</a> | ||
{/if} | ||
{if isset($next)} | ||
<a href="{$next.U_IMG}" title="{'Next'|@translate} : {$next.TITLE}" class="pwg-state-default pwg-button pwg-button-icon-right"> | ||
<span class="pwg-icon pwg-icon-arrow-e"> </span><span class="pwg-button-text">{'Next'|@translate}</span> | ||
</a> | ||
{else} | ||
<span class="pwg-state-disabled pwg-button pwg-button-icon-right"> | ||
<span class="pwg-icon pwg-icon-arrow-e"> </span><span class="pwg-button-text">{'Next'|@translate}</span> | ||
</span> | ||
{/if} | ||
{if isset($last)} | ||
<a href="{$last.U_IMG}" title="{'Last'|@translate} : {$last.TITLE}" class="pwg-state-default pwg-button pwg-button-icon-right"> | ||
<span class="pwg-icon pwg-icon-arrowstop-e"></span><span class="pwg-button-text">{'Last'|@translate}</span> | ||
</a> | ||
{else} | ||
<span class="pwg-state-disabled pwg-button pwg-button-icon-right"> | ||
<span class="pwg-icon pwg-icon-arrowstop-e"> </span><span class="pwg-button-text">{'Last'|@translate}</span> | ||
</span> | ||
{/if} | ||
{/if} | ||
</div> | ||
</div> | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters