Changeset 16017


Ignore:
Timestamp:
Jun 24, 2012, 9:27:48 PM (12 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.