Changeset 16017


Ignore:
Timestamp:
06/24/12 21:27:48 (7 years ago)
Author:
grum
Message:

feature:2664- compatibility with Piwigo 2.4

Location:
extensions/gally/gally-black-graphite
Files:
4 added
10 edited

Legend:

Unmodified
Added
Removed
  • extensions/gally/gally-black-graphite/conf/default.conf

    r8534 r16017  
    123123# window borders. Normal & high resolution view use this property 
    124124# Only used when the 'imageAutoScroll' is set to yes 
    125 marginContainer=0 
     125marginContainer=30 
    126126 
    127127# -- 1.3.0 -- 
     
    185185#             in the window 
    186186defaultZoomSize="full" 
    187  
    188 # -- 1.3.0 -- 
    189 # the 'displayHighResIcon' option can take theses values : 
    190 #   "yes" => display an icon 'view full res' in the toolbar 
    191 #   "no"  => don't display an icon 'view full res' in the toolbar 
    192 displayHighResIcon="yes" 
    193187 
    194188# -- 1.3.0 -- 
     
    213207manageTipsPos="tipOnBottom" 
    214208 
     209# -- 1.5.0 -- 
     210# the 'tipsSize' option can take any positive integer values. 
     211# This option define the size (Width&Height) of an arrow 
     212tipsSize=17 
     213 
    215214 
    216215# ------- Menu parameters ------------------------------------------------------ 
  • extensions/gally/gally-black-graphite/css/ASEgally-black-graphite.css

    r8534 r16017  
    77.gcLink { color: #c0c0c0; }                 /* used for link */ 
    88.gcLinkHover { color: #f0f0f0; }            /* used for link */ 
    9 .gcBgPage { background-color: #101010; }               /* used for page background */ 
     9.gcBgPage { background-color: #202020; }               /* used for page background */ 
    1010.gcBgTabSheet { background-color: #404040; }           /* used inside tabsheet & menu */ 
    1111.gcBgTableRow1 { background-color: #292929; }            /* used in for tables rows background */ 
     
    3333.ui-datepicker td.ui-datepicker-current-day { background-color:#404040; color:#f0f0f0; } 
    3434.ui-datepicker td.ui-datepicker-current-day a { color:#f0f0f0; } 
    35 .ui-category-selector-arrow { color:#202020; } 
     35.ui-category-selector-arrow { 
     36  background-image: url("./../icon/buttons_gpc.png"); 
     37  background-position: -30px -30px; 
     38  background-repeat: no-repeat; 
     39  border: 0 none; 
     40  border-radius: 2px 2px 2px 2px; 
     41} 
     42.ui-category-selector-arrow:hover { 
     43  background-position: -30px -15px; 
     44} 
    3645.ui-category-selector, .ui-category-selector-list { font-family:monospace; font-size:12px; } 
    3746li.ui-category-selector-item:hover, li.ui-tag-selector-list-item:hover { background-color:#666666; color:#f0f0f0; } 
     
    5564} 
    5665.ui-tag-selector-selected-tag-list li.ui-tag-selector-selected-tag { 
    57   background:#666666; 
     66  background:#202020; 
    5867  color:#F0F0F0; 
    5968  margin-top:0px; 
     
    8493} 
    8594 
    86 .iconEdit, .iconDelete { 
    87   background-image:url(./../icon/buttons.png); 
    88   background-repeat:no-repeat; 
    89   width:16px; 
    90   height:16px; 
    91 } 
    92 .iconEdit { background-position:-616px 0;} 
    93 .iconEdit:hover { background-position:-616px -22px;} 
    94 .iconDelete { background-position:-594px 0;} 
    95 .iconDelete:hover { background-position:-594px -22px;} 
    96  
    97 .iconMove { background:url(./../icon/asearchengine/move.png) no-repeat 0 0 transparent; } 
    98 .iconMove:hover { background:url(./../icon/asearchengine/move_h.png) no-repeat 0 0 transparent; } 
    99 .iconSwitchCondition  { background:url(./../icon/asearchengine/switch.png) no-repeat 0 0 transparent; } 
    100 .iconSwitchCondition:hover { background:url(./../icon/asearchengine/switch_h.png) no-repeat 0 0 transparent; } 
     95 
     96.iconSwitchCondition, 
     97.iconMove, 
     98.iconEdit, 
     99.iconDelete { 
     100  background:url(./../icon/buttons_gpc.png) no-repeat 0 0 transparent; 
     101  -moz-border-radius:2px; 
     102  -webkit-border-radius:2px; 
     103  -khtml-border-radius:2px; 
     104  border-radius:2px; 
     105} 
     106.iconSwitchCondition:hover, 
     107.iconMove:hover, 
     108.iconEdit:hover, 
     109.iconDelete:hover { 
     110  background-color:#666666; 
     111} 
     112 
     113 
     114.iconEdit { 
     115  background-position:-240px -30px; 
     116} 
     117.iconDelete { 
     118  background-position:-255px -30px; 
     119} 
     120.iconMove { 
     121  background-position:-285px -30px; 
     122} 
     123.iconSwitchCondition { 
     124  background-position:-300px -30px; 
     125} 
     126.iconEdit:hover { 
     127  background-position:-240px -15px; 
     128} 
     129.iconDelete:hover { 
     130  background-position:-255px -15px; 
     131} 
     132.iconMove:hover { 
     133  background-position:-285px -15px; 
     134} 
     135.iconSwitchCondition:hover { 
     136  background-position:-300px -15px; 
     137} 
     138 
     139 
    101140.cbItemMultiple { border:1px solid #666666; } 
    102141.cbItemOverGroup { border:1px dotted #666666; } 
    103 .itemContent { border-left:22px solid #404040; min-height:34px; padding:3px; } 
     142.itemContent { border-left:22px solid #666666; min-height:34px; padding:3px; } 
    104143.cbItem { padding:0px; } 
    105144 
     
    131170  font-weight: bold; 
    132171  padding: 4px; 
     172  cursor:pointer; 
    133173} 
    134174.cbButtons:hover { 
    135   color: #f0f0f0; 
     175  color: #c0c0c0; 
     176  background:#666666; 
    136177} 
    137178 
     
    158199 
    159200div#iMenuCaddieBar div#iMenuCaddieItems { z-index:1000; } 
     201div#iMenuCriterions div#iMenuCItems { margin-top: 0px; } 
    160202 
    161203ul.rbResultList td.rbResultItemDetail { 
     
    173215#iResultQueryContent a { 
    174216  border-bottom:1px dotted #666666; 
     217} 
     218 
     219 
     220#iResultQuery .gcBgInput { 
     221  background-color: #202020; 
     222  color: #666666; 
     223} 
     224 
     225#iDialogASECategoryChoose #iASECategoryCategory { 
     226  width:495px; 
     227} 
     228 
     229 
     230.ui-datepicker-next, 
     231.ui-datepicker-prev { 
     232  cursor:pointer; 
     233} 
     234#ui-datepicker-div div.ui-datepicker-header a.ui-datepicker-next span { 
     235  left:auto; 
     236  right:0; 
     237} 
     238 
     239#iASECategoryCategory .ui-category-selector-name li.ui-category-selector-selected-cat { 
     240  background: none repeat scroll 0 0 #202020; 
     241  border-radius: 8px 8px 8px 8px; 
     242  font-size: 12px; 
     243  margin-top: 0; 
     244  padding-bottom: 1px; 
     245  padding-top: 1px; 
     246  color:#f0f0f0; 
     247} 
     248#iASECategoryCategory div.ui-category-selector-check { 
     249  position:relative; 
     250} 
     251div.ui-dialog-buttonset { 
     252  padding-left:2px; 
     253  padding-bottom:2px; 
    175254} 
    176255 
     
    183262.error, input.error { background:#FFAAAA; border:1px solid #800000; color:#800000; } 
    184263#iDMCSelectMeta { font-size:12px; } 
    185 #iDMCListValues li { background:#666666; border:none; } 
    186  
    187  
     264#iDMCListValues li.valueItems { 
     265  border: 0 none; 
     266  border-radius: 4px 4px 4px 4px; 
     267  margin-bottom: 5px; 
     268  padding: 4px; 
     269} 
     270 
     271 
     272/* LMT */ 
     273#iBDLMTLicenceList li.valueItems { 
     274  border: 0 none; 
     275  border-radius: 4px 4px 4px 4px; 
     276  margin-bottom: 5px; 
     277  padding: 4px; 
     278} 
  • extensions/gally/gally-black-graphite/css/theme.css

    r12602 r16017  
    44  ------------------------------------------------------------------------------ 
    55  file: gally/gally-black-graphite/theme.css 
    6   file version: 1.0.0 
     6  file version: 1.5.0 
    77  ------------------------------------------------------------------------------ 
    88  author: grum at grum.fr 
     
    194194#icon_calendar_created:hover { 
    195195  background-position:-44px -22px; 
     196} 
     197 
     198#icon_sort { 
     199  background-position:-1078px 0; 
     200} 
     201#icon_sort:hover { 
     202  background-position:-1078px -22px; 
    196203} 
    197204 
     
    260267} 
    261268#icon_high_res:hover { 
    262   background-position:-176px -22; 
     269  background-position:-176px -22px; 
    263270} 
    264271 
     
    317324#icon_preferences:hover { 
    318325  background-position:-66px -22px; 
     326} 
     327 
     328#icon_derivatives { 
     329  background-position:-1056px 0; 
     330} 
     331#icon_derivatives:hover { 
     332  background-position:-1056px -22px; 
    319333} 
    320334 
     
    602616 
    603617.additional_info { 
    604   padding:8px 8px 8px 16px; 
     618  padding: 8px 0px 8px 8px; 
    605619} 
    606620 
     
    710724  display:table-cell; 
    711725  margin:0; 
     726  padding:0; 
    712727  vertical-align:middle; 
    713   height:140px; 
    714   min-width:140px; 
     728  border:none; 
     729} 
     730 
     731.content ul.thumbnails table.wrap1 tr.imgRow td:hover { 
     732  vertical-align:middle; 
    715733  -moz-border-radius: 8px;  /* round corners with Geko */ 
    716734  -webkit-border-radius: 8px;  /* round corners with webkit */ 
    717735  -khtml-border-radius: 8px;  /* round corners with khtml */ 
    718736  border-radius:8px; /* round corners with CSS3 compliant browsers */ 
    719   background-color:#101010; 
     737  background-color:#666666; 
    720738  border:none; 
    721739} 
    722740 
    723 #content UL.thumbnails SPAN.wrap2:hover { 
    724   background-color: #666666; 
     741.content ul.thumbnails table.wrap1 tr.nfoRow { 
     742  visibility:hidden; 
     743} 
     744 
     745.content ul.thumbnails table.wrap1:hover tr.nfoRow { 
     746  visibility:visible; 
    725747} 
    726748 
    727749table.wrap1 { 
    728   padding:25px 50px; 
     750  padding:20px 11px; 
    729751} 
    730752 
    731753div ul.thumbnails li { 
    732   width: 220px; 
     754  width: auto; 
     755  height: auto; 
    733756} 
    734757 
     
    10471070 
    10481071input[type="submit"], input[type="button"], input[type="reset"], button { 
    1049 /*  font-family: monospace; 
    1050   border-bottom:1px #606060 solid; 
    1051   border-right:1px #606060 solid; 
    1052   border-top:1px #ffffff solid; 
    1053   border-left:1px #ffffff solid; 
    1054 */ 
    10551072  -moz-border-radius: 8px; 
    10561073  -webkit-border-radius:8px; 
     
    10631080  font-weight: bold; 
    10641081  padding: 4px; 
     1082  margin-top:1px; 
     1083  cursor: pointer; 
    10651084} 
    10661085 
     
    11271146  picture page 
    11281147*/ 
     1148.switchBox { 
     1149  -moz-border-radius:4px; 
     1150  -webkit-border-radius:4px; 
     1151  -khtml-border-radius:4px; 
     1152  border-radius:4px; 
     1153  background-color: #202020; 
     1154  border: 1px solid #666666; 
     1155  margin-left:4px; 
     1156  z-index:15000; 
     1157  margin-top:12px; 
     1158} 
     1159 
     1160.switchBoxTitle { 
     1161  font-size: 12px; 
     1162  font-weight: bold; 
     1163} 
     1164 
     1165.switchBoxCat { 
     1166  margin-top:25px; 
     1167} 
     1168 
    11291169#thePicturePage #titrePageID { 
    11301170  min-height:0; 
     
    12541294#navThumbNext { 
    12551295  right:auto; 
    1256   margin-left:768px; 
     1296  margin-left:726px; 
    12571297} 
    12581298 
    12591299#navThumbPrev { 
    12601300  left:auto; 
    1261   margin-left:-14px; 
     1301  margin-left:28px; 
    12621302} 
    12631303 
    12641304#navThumbNext, #navThumbPrev { 
    1265   top:310px; 
    12661305  max-height:200px; 
    12671306  height:200px; 
     1307  top:-1px; /* will be calculated automatically */ 
    12681308} 
    12691309 
     
    12971337} 
    12981338 
     1339#imageInfosRight { 
     1340  display: block; 
     1341  float: right; 
     1342  height: 5px; 
     1343  width: 40px; 
     1344} 
     1345 
     1346table.infoTable td.cTitle { 
     1347  width:10%; 
     1348} 
     1349 
     1350table.infoTable td.cNfo { 
     1351  width:20%; 
     1352} 
     1353 
    12991354.infoTable { 
    13001355  margin:auto; 
    13011356  font-size:90%; 
    1302   max-width:94%; 
     1357  max-width:98%; 
    13031358  color:#d9d9d9; 
    13041359  z-index:200; 
     
    13141369 
    13151370.infoTable td.value, .infoTable td.label { 
    1316   padding-right:50px; 
     1371  padding-right:10px; 
    13171372} 
    13181373 
     
    13471402#rateForm input[type="button"].rateButtonStarFull:focus, 
    13481403#rateForm input[type="submit"].rateButtonStarFull  { 
    1349   background: url('./../icon/buttons.png') no-repeat scroll; background-position:-111px 1px; width:16px; height:16px; 
     1404  background: url('./../icon/buttons.png') no-repeat scroll; 
     1405  background-position:-111px 1px; 
     1406  width:16px; 
     1407  height:16px; 
    13501408  outline:none; 
    13511409  -moz-border-radius:0px; 
     
    13581416#rateForm input[type="button"].rateButtonStarEmpty:focus, 
    13591417#rateForm input[type="submit"].rateButtonStarEmpty { 
    1360   background: url('./../icon/buttons.png') no-repeat scroll; background-position:-89px 1px; width:16px; height:16px; 
     1418  background: url('./../icon/buttons.png') no-repeat scroll; 
     1419  background-position:-89px 1px; 
     1420  width:16px; 
     1421  height:16px; 
    13611422  outline:none; 
    13621423  -moz-border-radius:0px; 
     
    13731434  border:none; 
    13741435  padding:0; 
     1436} 
     1437 
     1438#privacyLevelBox { 
     1439  font-weight:normal; 
     1440} 
     1441 
     1442#privacyLevelBox a { 
     1443  cursor:pointer; 
     1444} 
     1445 
     1446#iPrivacyLevelLink { 
     1447  cursor:pointer; 
     1448  font-style:italic; 
    13751449} 
    13761450 
     
    17261800  font-family: sans-serif; 
    17271801  font-size: 11px; 
    1728   max-width: 200px; 
     1802  max-width: 250px; 
    17291803  padding: 4px; 
    17301804  min-height: 15px; 
     
    17611835} 
    17621836 
     1837.cSimpleTipArrow { 
     1838    background-image: url("./../icon/sTipArrows.png"); 
     1839} 
     1840 
     1841.cSimpleTipArrow { 
     1842    background-repeat: no-repeat; 
     1843    height: 12px; 
     1844    position: absolute; 
     1845    width: 12px; 
     1846} 
    17631847 
    17641848 
     
    17821866 
    17831867div.content ul.categoryActions li.menuf ul.flag-pan .flags:hover, 
    1784 div.content ul.categoryActions li.menuf a img.flags { 
    1785   border:1px solid #202020; 
    1786 } 
    1787  
    1788 div.content ul.categoryActions li.menuf ul.flag-pan .flags { 
    1789   border:1px solid #202020; 
     1868div.content ul.categoryActions li.menuf ul.flag-pan .flags, 
     1869div.content ul.categoryActions li.menuf a img.flags, 
     1870li.menuf img.flags { 
     1871  border:0px solid #202020 !important; 
     1872  margin-top:7px; 
    17901873} 
    17911874 
  • extensions/gally/gally-black-graphite/template/index.tpl

    r11038 r16017  
    1111    <div id="menuswitcher"> 
    1212      <a id="icon_menu" class="button" onclick="gallyCP.switchmenu('', '{$ROOT_URL}{$themeconf.icon_dir}/');">&nbsp; 
    13         <!-- <img  src="{$ROOT_URL}{$themeconf.icon_dir}/menu-show.png"  alt="{'display all elements in all sub-categories'|@translate}"> --> 
    1413      </a> 
    1514    </div> 
    1615    {/if} 
     16 
     17      {if !empty($image_orders)} 
     18      <div id="sortOrderBox" class="switchBox switchBoxCat"> 
     19        <div class="switchBoxTitle">{'Sort order'|@translate}</div> 
     20        {foreach from=$image_orders item=image_order name=loop}{if !$smarty.foreach.loop.first}<br>{/if} 
     21        {if $image_order.SELECTED} 
     22        <span>&#x2714; </span>{$image_order.DISPLAY} 
     23        {else} 
     24        <span style="visibility:hidden">&#x2714; </span><a href="{$image_order.URL}" rel="nofollow">{$image_order.DISPLAY}</a> 
     25        {/if} 
     26        {/foreach} 
     27      </div> 
     28      {/if} 
     29 
     30      {if !empty($image_derivatives)} 
     31      <div id="derivativeSwitchBox" class="switchBox switchBoxCat"> 
     32        <div class="switchBoxTitle">{'Photo sizes'|@translate}</div> 
     33        {foreach from=$image_derivatives item=image_derivative name=loop} 
     34        {if !$smarty.foreach.loop.first}<br>{/if} 
     35        {if $image_derivative.SELECTED} 
     36        <span>&#x2714; </span>{$image_derivative.DISPLAY} 
     37        {else} 
     38        <span style="visibility:hidden">&#x2714; </span> 
     39        <a href="{$image_derivative.URL}" rel=nofollow">{$image_derivative.DISPLAY}</a> 
     40        {/if} 
     41        {/foreach} 
     42      </div> 
     43      {/if} 
    1744 
    1845      <ul class="categoryActions" id="categoryActionsID"> 
    1946        <li>&nbsp;</li> 
    2047        {if !empty($image_orders) } 
    21         <li class="selector"> 
    22         {'Sort order'|@translate}: 
    23         <select onchange="document.location = this.options[this.selectedIndex].value;"> 
    24           {foreach from=$image_orders item=image_order } 
    25           <option value="{$image_order.URL}"{if $image_order.SELECTED} selected="selected"{/if}>{$image_order.DISPLAY}</option> 
    26           {/foreach} 
    27         </select> 
    28         </li> 
    29         {/if} 
    30  
    31         {if isset($favorite) } 
    32         <li><a id="icon_delall_favorite" class="button" href="{$favorite.U_FAVORITE}" title="{'delete all photos from your favorites'|@translate}"></a></li> 
    33         {/if} 
    34  
    35         {if isset($U_CADDIE) } 
    36         <li><a id="icon_caddie" class="button" href="{$U_CADDIE}" title="{'caddie'|@translate}"></a></li> 
    37         {/if} 
    38  
    39         {if isset($U_EDIT) } 
    40         <li><a id="icon_category_edit" class="button" href="{$U_EDIT}" title="{'edit'|@translate}"></a></li> 
    41         {/if} 
    42  
    43         {if isset($U_SEARCH_RULES) } 
    44         <li><a id="icon_search_rules" class="button" href="{$U_SEARCH_RULES}" style="border:none;" onclick="popuphelp(this.href); return false;" title="{'Search rules'|@translate}" rel="nofollow"></a></li> 
    45         {/if} 
    46  
    47         {if isset($U_SLIDESHOW) } 
    48         <li><a id="icon_start_slideshow" class="button" href="{$U_SLIDESHOW}" title="{'slideshow'|@translate}" rel="nofollow"></a></li> 
    49         {/if} 
    50  
    51         {if isset($U_MODE_FLAT) } 
    52         <li><a id="icon_flat" class="button" href="{$U_MODE_FLAT}" title="{'display all photos in all sub-albums'|@translate}" rel="nofollow"></a></li> 
    53         {/if} 
    54  
    55         {if isset($U_MODE_NORMAL) } 
    56         <li><a id="icon_normal_mode" class="button" href="{$U_MODE_NORMAL}" title="{'return to normal view mode'|@translate}"></a></li> 
    57         {/if} 
    58  
    59         {if isset($U_MODE_POSTED) } 
    60         <li><a id="icon_calendar" class="button" href="{$U_MODE_POSTED}" title="{'display a calendar by posted date'|@translate}" rel="nofollow"></a></li> 
    61         {/if} 
    62  
    63         {if isset($U_MODE_CREATED) } 
    64         <li><a id="icon_calendar_created" class="button" href="{$U_MODE_CREATED}" title="{'display a calendar by creation date'|@translate}" rel="nofollow"></a></li> 
     48        <li><a title="{'Sort order'|@translate}" id="icon_sort" class="button"></a></li> 
     49        {/if} 
     50 
     51        {if !empty($image_derivatives) } 
     52        <li><a title="{'Photo sizes'|@translate}" id="icon_derivatives" class="button"></a></li> 
     53        {/if} 
     54 
     55 
     56        {if isset($favorite)} 
     57        <li><a href="{$favorite.U_FAVORITE}" title="{'delete all photos from your favorites'|@translate}" id="icon_delall_favorite" class="button"></a></li> 
     58        {/if} 
     59 
     60        {if isset($U_CADDIE)} 
     61        <li><a href="{$U_CADDIE}" title="{'Add tocaddie'|@translate}" id="icon_caddie" class="button"></a></li> 
     62        {/if} 
     63 
     64        {if isset($U_EDIT)} 
     65        <li><a href="{$U_EDIT}" title="{'Edit album'|@translate}" id="icon_category_edit" class="button" ></a></li> 
     66        {/if} 
     67 
     68        {if isset($U_SEARCH_RULES)} 
     69        <li><a href="{$U_SEARCH_RULES}" style="border:none;" onclick="popuphelp(this.href); return false;" title="{'Search rules'|@translate}" rel="nofollow" id="icon_search_rules" class="button"></a></li> 
     70        {/if} 
     71 
     72        {if isset($U_SLIDESHOW)} 
     73        <li><a href="{$U_SLIDESHOW}" title="{'slideshow'|@translate}" rel="nofollow" id="icon_start_slideshow" class="button"></a></li> 
     74        {/if} 
     75 
     76        {if isset($U_MODE_FLAT)} 
     77        <li><a href="{$U_MODE_FLAT}" title="{'display all photos in all sub-albums'|@translate}" rel="nofollow" id="icon_flat" class="button"></a></li> 
     78        {/if} 
     79 
     80        {if isset($U_MODE_NORMAL)} 
     81        <li><a href="{$U_MODE_NORMAL}" title="{'return to normal view mode'|@translate}" id="icon_normal_mode" class="button"></a></li> 
     82        {/if} 
     83 
     84        {if isset($U_MODE_POSTED)} 
     85        <li><a href="{$U_MODE_POSTED}" title="{'display a calendar by posted date'|@translate}" rel="nofollow" id="icon_calendar" class="button"></a></li> 
     86        {/if} 
     87 
     88        {if isset($U_MODE_CREATED)} 
     89        <li><a href="{$U_MODE_CREATED}" title="{'display a calendar by creation date'|@translate}" rel="nofollow" id="icon_calendar_created" class="button"></a></li> 
    6590        {/if} 
    6691 
     
    82107<div id="subContent"> 
    83108  <div class="titrePage{if !(isset($chronology_views) or isset($chronology.TITLE))}Empty{/if}" id="titreContent1"> 
    84     {if isset($chronology_views) } 
     109    {if isset($chronology_views)} 
    85110    <div class="calendarViews">{'View'|@translate}: 
    86111      <select onchange="document.location = this.options[this.selectedIndex].value;"> 
     
    92117    {/if} 
    93118 
    94     {if isset($chronology.TITLE) } 
    95     <h2>{$chronology.TITLE}</h2> 
     119    {if isset($chronology.TITLE)} 
     120    <h2 class="calendarTitle">{$chronology.TITLE}</h2> 
    96121    {/if} 
    97122  </div> 
    98123 
     124  {if isset($errors) or not empty($infos)} 
     125  {include file='infos_errors.tpl'} 
     126  {/if} 
    99127  {if !empty($PLUGIN_INDEX_CONTENT_BEGIN)}{$PLUGIN_INDEX_CONTENT_BEGIN}{/if} 
    100128 
    101   {if !empty($category_search_results) } 
     129  {if !empty($category_search_results)} 
    102130  <div style="font-size:16px;text-align:left;margin:10px">{'Album results for'|@translate} <strong>{$QUERY_SEARCH}</strong> : 
    103131    <em><strong> 
     
    110138  {/if} 
    111139 
    112   {if !empty($tag_search_results) } 
     140  {if !empty($tag_search_results)} 
    113141  <div style="font-size:16px;text-align:left;margin:10px">{'Tag results for'|@translate} <strong>{$QUERY_SEARCH}</strong> : 
    114142    <em><strong> 
     
    121149  {/if} 
    122150 
    123   {if isset($FILE_CHRONOLOGY_VIEW) } 
     151  {if isset($FILE_CHRONOLOGY_VIEW)} 
    124152  {include file=$FILE_CHRONOLOGY_VIEW} 
    125153  {/if} 
     
    145173        </div> 
    146174 
    147         {if !empty($CATEGORIES) }<div id="categories">{$CATEGORIES}</div>{/if} 
    148         {if !empty($THUMBNAILS) }<div id="thumbnails">{$THUMBNAILS}</div>{/if} 
     175        {if !empty($CATEGORIES)}<div id="categories">{$CATEGORIES}</div>{/if} 
     176        {if !empty($THUMBNAILS)}<div id="thumbnails">{$THUMBNAILS}</div>{/if} 
    149177 
    150178        <div id="additional_infoBOTTOM"> 
     
    160188  {/if} 
    161189 
    162   {if !empty($navbar) }{include file='navigation_bar.tpl'|@get_extent:'navbar'}{/if} 
    163  
    164 </div> <!-- subContent --> 
     190  {if !empty($navbar)}{include file='navigation_bar.tpl'|@get_extent:'navbar'}{/if} 
     191 
     192</div>{* subContent *} 
    165193 
    166194 
    167195 
    168196{if !empty($PLUGIN_INDEX_CONTENT_END) }{$PLUGIN_INDEX_CONTENT_END}{/if} 
    169 </div> <!-- content --> 
     197</div> {* content *} 
    170198 
    171199{if !empty($PLUGIN_INDEX_CONTENT_AFTER)}{$PLUGIN_INDEX_CONTENT_AFTER}{/if} 
  • extensions/gally/gally-black-graphite/template/mainpage_categories.tpl

    r12602 r16017  
    22 
    33<ul class="thumbnailCategories"> 
    4   {foreach from=$category_thumbnails item=cat name=catloop} 
    5   <li class="odd{if ($smarty.foreach.catloop.iteration-1) % 2 == 0}0{else}1{/if}"> 
     4  {foreach from=$category_thumbnails item=cat name=cat_loop} 
     5  <li class="odd{if ($smarty.foreach.cat_loop.iteration-1) % 2 == 0}0{else}1{/if}"> 
    66    <div class="thumbnailCategory" onclick="window.location='{$cat.URL}';"> 
    77      <div class="description"> 
     
    1717 
    1818        <div class="illustration"> 
    19           <img {if isset($cat.EXTRA_CLASS)}class="{$cat.EXTRA_CLASS}"{/if} src="{$cat.TN_SRC}" alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '|@strip_tags:false} - {'display this album'|@translate}"> 
     19          <img {if isset($cat.EXTRA_CLASS)}class="{$cat.EXTRA_CLASS}"{/if} src="{$pwg->derivative_url($derivative_params, $cat.representative.src_image)}" alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '|@strip_tags:false} - {'display this album'|@translate}"> 
    2020        </div> 
    2121 
    2222        <div class="text"> 
    23  
    2423          {if isset($cat.INFO_DATES) } 
    2524          <p class="thumbCatDescNfoDate">{$cat.INFO_DATES}</p> 
     
    3029          {/if} 
    3130        </div> 
    32  
    33  
    3431      </div> 
    35  
    36  
    3732    </div> 
    3833  </li> 
  • extensions/gally/gally-black-graphite/template/picture.tpl

    r12603 r16017  
    11<!-- **GBL** >PICTURE> --> 
    22 
    3 {include file='dialogs.tpl'} 
     3{include file='infos_errors.tpl'} 
    44 
    55<div id="content" {if isset($MENUBAR)}class="pictureContent"{/if}> 
     
    1111      <div id="theImgHighZoomButton" class="fit" onclick="gallyPP.switchZoomHigh();"></div> 
    1212      <div id="theImgHighContainer2"> 
    13         <img id="theImgHigh" src="" style="display:none;" alt="{$ALT_IMG}" 
    14           {if isset($COMMENT_IMG)} 
    15             title="{$COMMENT_IMG|@strip_tags:false|@replace:'"':' '}" {else} title="{$current.TITLE|@replace:'"':' '} - {$ALT_IMG}" 
    16           {/if}> 
     13        <img id="theImgHigh" src="" style="display:none;" alt="{$ALT_IMG}"> 
    1714      </div> 
    1815    </div> 
    1916  </div> 
    20  
    2117 
    2218  {if isset($MENUBAR)} 
     
    4945  {if !empty($PLUGIN_PICTURE_BEFORE)}{$PLUGIN_PICTURE_BEFORE}{/if} 
    5046 
     47  {if $DISPLAY_NAV_THUMB} 
     48    {if isset($previous) } 
     49    <div id="navThumbPrev"> 
     50      <table id="navThumbPrevContainer" class="uiImg"><tr><td> 
     51        <div class="navThumbPrevBg">&nbsp;</div> 
     52        <div class="navThumbPrevContent"> 
     53          <a class="navThumb" id="thumbPrev" href="{$previous.U_IMG}" title="{'Previous'|@translate} : {$previous.TITLE}" rel="prev"> 
     54            <img src="{$previous.derivatives.square->get_url()}" class="thumbLink" id="linkPrev" alt="{$previous.TITLE}"> 
     55          </a> 
     56        </div> 
     57      </td></tr></table> 
     58    </div> <!-- navThumbPrev --> 
     59    {/if} 
     60 
     61    {if isset($next) } 
     62    <div id="navThumbNext"> 
     63      <table id="navThumbNextContainer" class="uiImg"><tr><td> 
     64        <div class="navThumbNextBg">&nbsp;</div> 
     65        <div class="navThumbNextContent"> 
     66          <a class="navThumb" id="thumbNext" href="{$next.U_IMG}" title="{'Next'|@translate} : {$next.TITLE}" rel="next"> 
     67            <img src="{$next.derivatives.square->get_url()}" class="thumbLink" id="linkNext" alt="{$next.TITLE}"> 
     68          </a> 
     69        </div> 
     70      </td></tr></table> 
     71    </div> <!-- navThumbNext --> 
     72    {/if} 
     73  {/if} 
     74 
    5175  <div id="imageToolBar"> 
    5276    <div id="imageToolBarContainer" class="uiImg"> 
     
    82106 
    83107 
    84     {if isset($U_SLIDESHOW_START) or isset($U_SLIDESHOW_STOP) or isset($U_METADATA) or 
    85         (#displayHighResIcon#=="yes" and isset($high)) or 
     108    {if isset($U_SLIDESHOW_START) or isset($U_METADATA) or 
     109        count($current.unique_derivatives)>1 or 
    86110        isset($current.U_DOWNLOAD) or isset($favorite) or !empty($U_SET_AS_REPRESENTATIVE) or 
    87111        isset($U_ADMIN) or isset($U_CADDIE) 
    88112    } 
     113 
     114      {if count($current.unique_derivatives)>1} 
     115      <div id="derivativeSwitchBox" class="switchBox"> 
     116        <div class="switchBoxTitle">{'Photo sizes'|@translate}</div> 
     117        {foreach from=$current.unique_derivatives item=derivative key=derivative_type} 
     118        <span class="switchCheck" id="derivativeChecked{$derivative_type}"{if $derivative->get_type() ne $current.selected_derivative->get_type()} style="visibility:hidden"{/if}>&#x2714; </span> 
     119        <a onclick="gallyPP.changeImgSrc('{$derivative->get_url()|@escape:javascript}','{$derivative_type}','{$derivative->get_type()}', '{$COOKIE_PATH}')"> 
     120          {$derivative->get_type()|@translate}<span class="derivativeSizeDetails"> ({$derivative->get_size_hr()})</span> 
     121        </a><br> 
     122        {/foreach} 
     123        {if isset($U_ORIGINAL)} 
     124        <span class="switchCheck" style="visibility:hidden">&#x2714; </span><a onclick="gallyPP.openDisplayHigh('{$U_ORIGINAL}');">{'Original'|@translate}</a> 
     125        {/if} 
     126      </div> 
     127      {/if} 
     128 
    89129    <div class="tab" id="tabRandomButtons"> 
     130 
    90131      <div class="randomButtons"> 
    91132 
    92         {if isset($U_SLIDESHOW_START) } 
    93           <a id="icon_start_slideshow" class="button" href="{$U_SLIDESHOW_START}" title="{'Play of slideshow'|@translate}" rel="nofollow"></a> 
    94         {/if} 
    95         {if isset($U_SLIDESHOW_STOP) } 
    96           <a id="icon_stop_slideshow" class="button" href="{$U_SLIDESHOW_STOP}" title="{'Pause of slideshow'|@translate}" rel="nofollow"></a> 
    97         {/if} 
     133        {if count($current.unique_derivatives)>1} 
     134          <a id="icon_derivatives" title="{'Photo sizes'|@translate}" rel="nofollow" class="button" ></a> 
     135        {/if} 
     136 
     137        {if isset($U_SLIDESHOW_START)} 
     138          <a href="{$U_SLIDESHOW_START}" title="{'slideshow'|@translate}" rel="nofollow" id="icon_start_slideshow" class="button"></a> 
     139        {/if} 
     140 
    98141        {if isset($U_METADATA)} 
    99           <a id="icon_metadata" class="button" href="{$U_METADATA}" title="{'Show file metadata'|@translate}" rel="nofollow"></a> 
    100         {/if} 
    101  
    102         {if #displayHighResIcon#=="yes" and isset($high) } 
    103           <a id="icon_high_res" class="button pointer" onclick="gallyPP.openDisplayHigh('{$high.U_HIGH}');" title="" rel="nofollow" ></a> 
    104         {/if} 
    105  
    106         {if isset($current.U_DOWNLOAD) } 
    107           <a id="icon_save" class="button" href="{$current.U_DOWNLOAD}" title="{'download this file'|@translate}"></a> 
     142          <a href="{$U_METADATA}" title="{'Show file metadata'|@translate}" rel="nofollow" id="icon_metadata" class="button"></a> 
     143        {/if} 
     144 
     145        {if isset($current.U_DOWNLOAD)} 
     146          <a href="{$current.U_DOWNLOAD}" title="{'Download this file'|@translate}" id="icon_save" class="button"></a> 
    108147        {/if} 
    109148 
    110149        {if isset($PLUGIN_PICTURE_ACTIONS)}{$PLUGIN_PICTURE_ACTIONS}{/if} 
    111150 
    112  
    113         {if isset($favorite) } 
    114           <a id="icon_{if $favorite.IS_FAVORITE}del_{/if}favorite" class="button" onclick="window.location='{$favorite.U_FAVORITE}';" title="{$favorite.FAVORITE_HINT}"></a> 
    115         {/if} 
    116         {if !empty($U_SET_AS_REPRESENTATIVE) } 
    117           <a id="icon_representative" class="button" href="{$U_SET_AS_REPRESENTATIVE}" title="{'set as album representative'|@translate}"></a> 
    118         {/if} 
    119         {if isset($U_ADMIN) } 
    120           <a id="icon_preferences" class="button" href="{$U_ADMIN}" title="{'Modify information'|@translate}"></a> 
    121         {/if} 
    122         {if isset($U_CADDIE) } 
    123         <script type="text/javascript"> 
    124         {literal} 
    125         function addToCadie(aElement, rootUrl, id) 
     151          {if isset($favorite)} 
     152            <a href="{$favorite.U_FAVORITE}" title="{if $favorite.IS_FAVORITE}{'delete this photo from your favorites'|@translate}{else}{'add this photo to your favorites'|@translate}{/if}" id="icon_{if $favorite.IS_FAVORITE}del_{/if}favorite" class="button"></a> 
     153        {/if} 
     154          {if isset($U_SET_AS_REPRESENTATIVE)} 
     155            <a href="{$U_SET_AS_REPRESENTATIVE}" title="{'set as album representative'|@translate}" id="icon_representative" class="button" ></a> 
     156        {/if} 
     157          {if isset($U_ADMIN)} 
     158            <a href="{$U_ADMIN}" title="{'Modify information'|@translate}" id="icon_preferences" class="button"></a> 
     159        {/if} 
     160          {if isset($U_CADDIE) }{*caddie management BEGIN*} 
     161          {footer_script} 
     162          {literal}function addToCadie(aElement, rootUrl, id) 
    126163        { 
    127164          if (aElement.disabled) return; 
    128165          aElement.disabled=true; 
    129166          var y = new PwgWS(rootUrl); 
    130  
    131167          y.callService( 
    132168            "pwg.caddie.add", {image_id: id} , 
     
    137173          ); 
    138174        }{/literal} 
    139         </script> 
    140         <a id="icon_caddie" class="button" onclick="addToCadie(this, '{$ROOT_URL|@escape:'javascript'}', {$current.id}); return false;" title="{'add to caddie'|@translate}"><!-- <img src="{$ROOT_URL}{$themeconf.icon_dir}/caddie_add.png" class="button" alt="{'caddie'|@translate}"> --></a> 
    141         {/if} 
    142         <script type="text/javascript"> 
     175          {/footer_script} 
     176          <a onclick="addToCadie(this, '{$ROOT_URL|@escape:'javascript'}', {$current.id}); return false;" title="{'Add to caddie'|@translate}" id="icon_caddie" class="button"></a> 
     177          {/if}{*caddie management END*} 
     178          {footer_script} 
    143179          $('div.randomButtons a.button').addClass('sTipOnRight'); 
    144         </script> 
     180          {/footer_script} 
    145181      </div> 
    146182    </div> 
     
    150186      {include file='picture_nav_buttons.tpl'|@get_extent:'picture_nav_buttons'} 
    151187    </div> 
    152  
    153188 
    154189    <ul id="theTabsheets"> 
     
    177212    {if $display_info_panel} 
    178213      <div id="imageInfos" class="tabPanel"> 
     214        <div id="imageInfosRight"></div> 
    179215        <div id="imageInfosContainer"> 
    180216        <div class="imageInfosBg">&nbsp;</div> 
     
    183219            <tr  class="emptyrow" style="line-height:0px;"> 
    184220              <td colspan="2">&nbsp;</td> 
    185               <td width="10px">&nbsp;</td> 
    186               <td width="12%">&nbsp;</td> 
    187               <td width="18%">&nbsp;</td> 
    188               <td width="10px">&nbsp;</td> 
    189               <td width="12%">&nbsp;</td> 
    190               <td width="18%">&nbsp;</td> 
     221              <td class='cTitle'>&nbsp;</td> 
     222              <td class='cNfo' >&nbsp;</td> 
     223              <td class='cTitle'>&nbsp;</td> 
     224              <td class='cNfo' >&nbsp;</td> 
    191225            </tr> 
    192226 
    193227            {if $display_info.author or $display_info.created_on or $display_info.posted_on} 
    194228            <tr> 
    195               {assign var='colspan' value=8} 
     229              {assign var='colspan' value=6} 
    196230              {if $display_info.author} 
    197                 {assign var='colspan' value=`$colspan-3`} 
     231                {assign var='colspan' value=`$colspan-2`} 
    198232                <td class="label">{'Author'|@translate}</td> 
    199233                <td class="value" style="min-width:214px;">{if isset($INFO_AUTHOR)}{$INFO_AUTHOR}{else}{'N/A'|@translate}{/if}</td> 
    200                 <td>&nbsp;</td> 
    201234              {/if} 
    202235 
    203236              {if $display_info.created_on} 
    204                 {assign var='colspan' value=`$colspan-3`} 
     237                {assign var='colspan' value=`$colspan-2`} 
    205238                <td class="label">{'Created on'|@translate}</td> 
    206239                <td class="value">{if isset($INFO_CREATION_DATE)}{$INFO_CREATION_DATE}{else}{'N/A'|@translate}{/if}</td> 
    207                 <td>&nbsp;</td> 
    208240              {/if} 
    209241 
     
    223255            {if $display_info.dimensions or $display_info.file or $display_info.filesize} 
    224256            <tr> 
    225               {assign var='colspan' value=8} 
     257              {assign var='colspan' value=6} 
    226258 
    227259              {if $display_info.dimensions} 
    228                 {assign var='colspan' value=`$colspan-3`} 
     260                {assign var='colspan' value=`$colspan-2`} 
    229261                <td class="label">{'Dimensions'|@translate}</td> 
    230262                <td class="value">{if isset($INFO_DIMENSIONS)}{$INFO_DIMENSIONS|@replace:"*":"x"}{else}{'N/A'|@translate}{/if}</td> 
    231                 <td>&nbsp;</td> 
    232263              {/if} 
    233264 
    234265              {if $display_info.file} 
    235                 {assign var='colspan' value=`$colspan-3`} 
     266                {assign var='colspan' value=`$colspan-2`} 
    236267                <td class="label">{'File'|@translate}</td> 
    237268                <td class="value">{$INFO_FILE}</td> 
    238                 <td>&nbsp;</td> 
    239269              {/if} 
    240270 
     
    252282 
    253283            {if isset($related_tags) and $display_info.tags} 
    254               <tr class="emptyrow"><td colspan="8">&nbsp;</td></tr> 
     284              <tr class="emptyrow"><td colspan="6">&nbsp;</td></tr> 
    255285              <tr id="infoTags"> 
    256286                <td class="label">{'Tags'|@translate}</td> 
    257                 <td colspan="7" class="value"> 
     287                <td colspan="5" class="value"> 
    258288                    {foreach from=$related_tags item=tag name=tag_loop}{if !$smarty.foreach.tag_loop.first}, {/if} 
    259289                    <a href="{$tag.URL}">{$tag.name}</a>{/foreach} 
     
    263293 
    264294            {if isset($related_categories) and $display_info.categories} 
    265               <tr class="emptyrow"><td colspan="8">&nbsp;</td></tr> 
     295              <tr class="emptyrow"><td colspan="6">&nbsp;</td></tr> 
    266296              <tr id="infoCats"> 
    267297                <td class="label">{'Albums'|@translate}</td> 
    268                 <td colspan="7" class="value"> 
     298                <td colspan="5" class="value"> 
    269299                  {foreach from=$related_categories item=cat name=tag_loop}{if !$smarty.foreach.tag_loop.first},&nbsp;{/if} 
    270300                  {$cat} 
     
    273303              </tr> 
    274304            {/if} 
    275  
    276305            {if $display_info.visits} 
    277               <tr class="emptyrow"><td colspan="8">&nbsp;</td><tr> 
     306              <tr class="emptyrow"><td colspan="6">&nbsp;</td><tr> 
    278307              <tr> 
    279308                <td class="label">{'Visits'|@translate}</td> 
    280                 <td colspan="7" class="value">{$INFO_VISITS}</td> 
     309                <td {if !($display_info.privacy_level and isset($available_permission_levels))}colspan="5"{/if} class="value">{$INFO_VISITS}</td> 
     310 
     311                  {if $display_info.privacy_level and isset($available_permission_levels)} 
     312                      <td colspan="4" class="label"><a id="iPrivacyLevelLink">{'Who can see this photo?'|@translate}</a> 
     313 
     314                        <div id="privacyLevelBox" class="switchBox"> 
     315                          {foreach from=$available_permission_levels item=label key=level} 
     316                          <span id="levelCheck{$level}" class="switchCheck" {if $level != $current.level} style="visibility:hidden"{/if}>&#x2714; </span> 
     317                          <a id="switchLevel{$level}" onclick="gallyPP.setPrivacyLevel('{$ROOT_URL}', {$current.id}, {$level})">{$label}</a><br> 
     318                          {/foreach} 
     319                        </div> 
     320                     </td> 
     321                  {/if} 
     322 
    281323              </tr> 
    282324            {/if} 
     
    297339                  <td colspan="2">&nbsp;</td> 
    298340                {/if} 
    299                 <td>&nbsp;</td> 
    300341 
    301342                {if isset($rating)} 
    302                   <td class="label" colspan="5"> 
     343                  <td class="label" colspan="4"> 
    303344                    <span id="updateRate">{if isset($rating.USER_RATE)}{'Update your rating'|@translate}{else}{'Rate this photo'|@translate}{/if}</span> 
    304345 
     
    337378                  </td> 
    338379                {else} 
    339                   <td colspan="5">&nbsp;</td> 
     380                  <td colspan="4">&nbsp;</td> 
    340381                {/if} 
    341382              </tr> 
    342383            {/if} 
    343  
    344           {if isset($available_permission_levels) and $display_info.privacy_level} 
    345             <tr> 
    346               <td class="label">{'Who can see this photo?'|@translate}:</td> 
    347               <td colspan="4" class="value"> 
    348                 <script type="text/javascript"> 
    349                 {literal}function setPrivacyLevel(selectElement, rootUrl, id, level) 
    350                 { 
    351                 selectElement.disabled = true; 
    352                 var y = new PwgWS(rootUrl); 
    353                 y.callService( 
    354                   "pwg.images.setPrivacyLevel", {image_id: id, level:level} , 
    355                   { 
    356                     method: "POST", 
    357                     onFailure: function(num, text) { selectElement.disabled = false; alert(num + " " + text); }, 
    358                     onSuccess: function(result) { selectElement.disabled = false; } 
    359                   } 
    360                   ); 
    361                 }{/literal} 
    362                 </script> 
    363                 <select onchange="setPrivacyLevel(this, '{$ROOT_URL|@escape:'javascript'}', {$current.id}, this.options[selectedIndex].value)"> 
    364                   {foreach from=$available_permission_levels item=label key=level} 
    365                   <option label="{$label}" value="{$level}"{if $level == $current.level} selected="selected"{/if}>{$label}</option> 
    366                   {/foreach} 
    367                 </select> 
    368               </td> 
    369             </tr> 
    370           {/if} 
    371384 
    372385          </table> 
     
    419432          {/if} 
    420433            <h4>{'Add a comment'|@translate}</h4> 
    421             <form  method="post" action="{$comment_add.F_ACTION}" class="filter" id="addComment"> 
     434            <form method="post" action="{$comment_add.F_ACTION}" class="filter" id="addComment"> 
    422435              <table> 
    423436                {if $comment_add.SHOW_AUTHOR} 
     
    432445                <tr> 
    433446                  <td {if $comment_add.SHOW_AUTHOR}colspan="2"{/if}> 
    434                     <input type="hidden" name="key" value="{$comment_add.KEY}" /> 
    435                     <input class="submit" type="submit" value="{'Submit'|@translate}"/> 
     447                    <input type="hidden" name="key" value="{$comment_add.KEY}"> 
     448                    <input class="submit" type="submit" value="{'Submit'|@translate}"> 
    436449                  </td> 
    437450                </tr> 
  • extensions/gally/gally-black-graphite/template/slideshow.tpl

    r12602 r16017  
    88      <a href="{$U_SLIDESHOW_STOP}">{'stop the slideshow'|@translate}</a> 
    99      {/if} 
    10       {if $SHOW_PICTURE_NAME_ON_TITLE } 
     10      {* if $SHOW_PICTURE_NAME_ON_TITLE *} 
    1111        &#124; <span class="showtitle">{$current.TITLE}</span> 
    12       {/if} 
     12      {* /if *} 
    1313    </div> 
    1414 
  • extensions/gally/gally-black-graphite/themeconf.inc.php

    r12632 r16017  
    22/* 
    33Theme Name: Gally/Black-graphite 
    4 Version: 1.4.5 
     4Version: 1.5.0 
    55Description: simple dark-grey theme (inspired from Zaphod's theme <STRIPPED>) 
    66Theme URI: http://piwigo.org/ext/extension_view.php?eid= 
Note: See TracChangeset for help on using the changeset viewer.