Changeset 16017
- Timestamp:
- Jun 24, 2012, 9:27:48 PM (12 years ago)
- 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 123 123 # window borders. Normal & high resolution view use this property 124 124 # Only used when the 'imageAutoScroll' is set to yes 125 marginContainer= 0125 marginContainer=30 126 126 127 127 # -- 1.3.0 -- … … 185 185 # in the window 186 186 defaultZoomSize="full" 187 188 # -- 1.3.0 --189 # the 'displayHighResIcon' option can take theses values :190 # "yes" => display an icon 'view full res' in the toolbar191 # "no" => don't display an icon 'view full res' in the toolbar192 displayHighResIcon="yes"193 187 194 188 # -- 1.3.0 -- … … 213 207 manageTipsPos="tipOnBottom" 214 208 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 212 tipsSize=17 213 215 214 216 215 # ------- Menu parameters ------------------------------------------------------ -
extensions/gally/gally-black-graphite/css/ASEgally-black-graphite.css
r8534 r16017 7 7 .gcLink { color: #c0c0c0; } /* used for link */ 8 8 .gcLinkHover { color: #f0f0f0; } /* used for link */ 9 .gcBgPage { background-color: # 101010; } /* used for page background */9 .gcBgPage { background-color: #202020; } /* used for page background */ 10 10 .gcBgTabSheet { background-color: #404040; } /* used inside tabsheet & menu */ 11 11 .gcBgTableRow1 { background-color: #292929; } /* used in for tables rows background */ … … 33 33 .ui-datepicker td.ui-datepicker-current-day { background-color:#404040; color:#f0f0f0; } 34 34 .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 } 36 45 .ui-category-selector, .ui-category-selector-list { font-family:monospace; font-size:12px; } 37 46 li.ui-category-selector-item:hover, li.ui-tag-selector-list-item:hover { background-color:#666666; color:#f0f0f0; } … … 55 64 } 56 65 .ui-tag-selector-selected-tag-list li.ui-tag-selector-selected-tag { 57 background:# 666666;66 background:#202020; 58 67 color:#F0F0F0; 59 68 margin-top:0px; … … 84 93 } 85 94 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 101 140 .cbItemMultiple { border:1px solid #666666; } 102 141 .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; } 104 143 .cbItem { padding:0px; } 105 144 … … 131 170 font-weight: bold; 132 171 padding: 4px; 172 cursor:pointer; 133 173 } 134 174 .cbButtons:hover { 135 color: #f0f0f0; 175 color: #c0c0c0; 176 background:#666666; 136 177 } 137 178 … … 158 199 159 200 div#iMenuCaddieBar div#iMenuCaddieItems { z-index:1000; } 201 div#iMenuCriterions div#iMenuCItems { margin-top: 0px; } 160 202 161 203 ul.rbResultList td.rbResultItemDetail { … … 173 215 #iResultQueryContent a { 174 216 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 } 251 div.ui-dialog-buttonset { 252 padding-left:2px; 253 padding-bottom:2px; 175 254 } 176 255 … … 183 262 .error, input.error { background:#FFAAAA; border:1px solid #800000; color:#800000; } 184 263 #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 4 4 ------------------------------------------------------------------------------ 5 5 file: gally/gally-black-graphite/theme.css 6 file version: 1. 0.06 file version: 1.5.0 7 7 ------------------------------------------------------------------------------ 8 8 author: grum at grum.fr … … 194 194 #icon_calendar_created:hover { 195 195 background-position:-44px -22px; 196 } 197 198 #icon_sort { 199 background-position:-1078px 0; 200 } 201 #icon_sort:hover { 202 background-position:-1078px -22px; 196 203 } 197 204 … … 260 267 } 261 268 #icon_high_res:hover { 262 background-position:-176px -22 ;269 background-position:-176px -22px; 263 270 } 264 271 … … 317 324 #icon_preferences:hover { 318 325 background-position:-66px -22px; 326 } 327 328 #icon_derivatives { 329 background-position:-1056px 0; 330 } 331 #icon_derivatives:hover { 332 background-position:-1056px -22px; 319 333 } 320 334 … … 602 616 603 617 .additional_info { 604 padding: 8px 8px 8px 16px;618 padding: 8px 0px 8px 8px; 605 619 } 606 620 … … 710 724 display:table-cell; 711 725 margin:0; 726 padding:0; 712 727 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; 715 733 -moz-border-radius: 8px; /* round corners with Geko */ 716 734 -webkit-border-radius: 8px; /* round corners with webkit */ 717 735 -khtml-border-radius: 8px; /* round corners with khtml */ 718 736 border-radius:8px; /* round corners with CSS3 compliant browsers */ 719 background-color:# 101010;737 background-color:#666666; 720 738 border:none; 721 739 } 722 740 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; 725 747 } 726 748 727 749 table.wrap1 { 728 padding:2 5px 50px;750 padding:20px 11px; 729 751 } 730 752 731 753 div ul.thumbnails li { 732 width: 220px; 754 width: auto; 755 height: auto; 733 756 } 734 757 … … 1047 1070 1048 1071 input[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 */1055 1072 -moz-border-radius: 8px; 1056 1073 -webkit-border-radius:8px; … … 1063 1080 font-weight: bold; 1064 1081 padding: 4px; 1082 margin-top:1px; 1083 cursor: pointer; 1065 1084 } 1066 1085 … … 1127 1146 picture page 1128 1147 */ 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 1129 1169 #thePicturePage #titrePageID { 1130 1170 min-height:0; … … 1254 1294 #navThumbNext { 1255 1295 right:auto; 1256 margin-left:7 68px;1296 margin-left:726px; 1257 1297 } 1258 1298 1259 1299 #navThumbPrev { 1260 1300 left:auto; 1261 margin-left: -14px;1301 margin-left:28px; 1262 1302 } 1263 1303 1264 1304 #navThumbNext, #navThumbPrev { 1265 top:310px;1266 1305 max-height:200px; 1267 1306 height:200px; 1307 top:-1px; /* will be calculated automatically */ 1268 1308 } 1269 1309 … … 1297 1337 } 1298 1338 1339 #imageInfosRight { 1340 display: block; 1341 float: right; 1342 height: 5px; 1343 width: 40px; 1344 } 1345 1346 table.infoTable td.cTitle { 1347 width:10%; 1348 } 1349 1350 table.infoTable td.cNfo { 1351 width:20%; 1352 } 1353 1299 1354 .infoTable { 1300 1355 margin:auto; 1301 1356 font-size:90%; 1302 max-width:9 4%;1357 max-width:98%; 1303 1358 color:#d9d9d9; 1304 1359 z-index:200; … … 1314 1369 1315 1370 .infoTable td.value, .infoTable td.label { 1316 padding-right: 50px;1371 padding-right:10px; 1317 1372 } 1318 1373 … … 1347 1402 #rateForm input[type="button"].rateButtonStarFull:focus, 1348 1403 #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; 1350 1408 outline:none; 1351 1409 -moz-border-radius:0px; … … 1358 1416 #rateForm input[type="button"].rateButtonStarEmpty:focus, 1359 1417 #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; 1361 1422 outline:none; 1362 1423 -moz-border-radius:0px; … … 1373 1434 border:none; 1374 1435 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; 1375 1449 } 1376 1450 … … 1726 1800 font-family: sans-serif; 1727 1801 font-size: 11px; 1728 max-width: 2 00px;1802 max-width: 250px; 1729 1803 padding: 4px; 1730 1804 min-height: 15px; … … 1761 1835 } 1762 1836 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 } 1763 1847 1764 1848 … … 1782 1866 1783 1867 div.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; 1868 div.content ul.categoryActions li.menuf ul.flag-pan .flags, 1869 div.content ul.categoryActions li.menuf a img.flags, 1870 li.menuf img.flags { 1871 border:0px solid #202020 !important; 1872 margin-top:7px; 1790 1873 } 1791 1874 -
extensions/gally/gally-black-graphite/template/index.tpl
r11038 r16017 11 11 <div id="menuswitcher"> 12 12 <a id="icon_menu" class="button" onclick="gallyCP.switchmenu('', '{$ROOT_URL}{$themeconf.icon_dir}/');"> 13 <!-- <img src="{$ROOT_URL}{$themeconf.icon_dir}/menu-show.png" alt="{'display all elements in all sub-categories'|@translate}"> -->14 13 </a> 15 14 </div> 16 15 {/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>✔ </span>{$image_order.DISPLAY} 23 {else} 24 <span style="visibility:hidden">✔ </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>✔ </span>{$image_derivative.DISPLAY} 37 {else} 38 <span style="visibility:hidden">✔ </span> 39 <a href="{$image_derivative.URL}" rel=nofollow">{$image_derivative.DISPLAY}</a> 40 {/if} 41 {/foreach} 42 </div> 43 {/if} 17 44 18 45 <ul class="categoryActions" id="categoryActionsID"> 19 46 <li> </li> 20 47 {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> 65 90 {/if} 66 91 … … 82 107 <div id="subContent"> 83 108 <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)} 85 110 <div class="calendarViews">{'View'|@translate}: 86 111 <select onchange="document.location = this.options[this.selectedIndex].value;"> … … 92 117 {/if} 93 118 94 {if isset($chronology.TITLE) 95 <h2 >{$chronology.TITLE}</h2>119 {if isset($chronology.TITLE)} 120 <h2 class="calendarTitle">{$chronology.TITLE}</h2> 96 121 {/if} 97 122 </div> 98 123 124 {if isset($errors) or not empty($infos)} 125 {include file='infos_errors.tpl'} 126 {/if} 99 127 {if !empty($PLUGIN_INDEX_CONTENT_BEGIN)}{$PLUGIN_INDEX_CONTENT_BEGIN}{/if} 100 128 101 {if !empty($category_search_results) 129 {if !empty($category_search_results)} 102 130 <div style="font-size:16px;text-align:left;margin:10px">{'Album results for'|@translate} <strong>{$QUERY_SEARCH}</strong> : 103 131 <em><strong> … … 110 138 {/if} 111 139 112 {if !empty($tag_search_results) 140 {if !empty($tag_search_results)} 113 141 <div style="font-size:16px;text-align:left;margin:10px">{'Tag results for'|@translate} <strong>{$QUERY_SEARCH}</strong> : 114 142 <em><strong> … … 121 149 {/if} 122 150 123 {if isset($FILE_CHRONOLOGY_VIEW) 151 {if isset($FILE_CHRONOLOGY_VIEW)} 124 152 {include file=$FILE_CHRONOLOGY_VIEW} 125 153 {/if} … … 145 173 </div> 146 174 147 {if !empty($CATEGORIES) 148 {if !empty($THUMBNAILS) 175 {if !empty($CATEGORIES)}<div id="categories">{$CATEGORIES}</div>{/if} 176 {if !empty($THUMBNAILS)}<div id="thumbnails">{$THUMBNAILS}</div>{/if} 149 177 150 178 <div id="additional_infoBOTTOM"> … … 160 188 {/if} 161 189 162 {if !empty($navbar) 163 164 </div> <!-- subContent -->190 {if !empty($navbar)}{include file='navigation_bar.tpl'|@get_extent:'navbar'}{/if} 191 192 </div>{* subContent *} 165 193 166 194 167 195 168 196 {if !empty($PLUGIN_INDEX_CONTENT_END) }{$PLUGIN_INDEX_CONTENT_END}{/if} 169 </div> <!-- content -->197 </div> {* content *} 170 198 171 199 {if !empty($PLUGIN_INDEX_CONTENT_AFTER)}{$PLUGIN_INDEX_CONTENT_AFTER}{/if} -
extensions/gally/gally-black-graphite/template/mainpage_categories.tpl
r12602 r16017 2 2 3 3 <ul class="thumbnailCategories"> 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}">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}"> 6 6 <div class="thumbnailCategory" onclick="window.location='{$cat.URL}';"> 7 7 <div class="description"> … … 17 17 18 18 <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}"> 20 20 </div> 21 21 22 22 <div class="text"> 23 24 23 {if isset($cat.INFO_DATES) } 25 24 <p class="thumbCatDescNfoDate">{$cat.INFO_DATES}</p> … … 30 29 {/if} 31 30 </div> 32 33 34 31 </div> 35 36 37 32 </div> 38 33 </li> -
extensions/gally/gally-black-graphite/template/picture.tpl
r12603 r16017 1 1 <!-- **GBL** >PICTURE> --> 2 2 3 {include file=' dialogs.tpl'}3 {include file='infos_errors.tpl'} 4 4 5 5 <div id="content" {if isset($MENUBAR)}class="pictureContent"{/if}> … … 11 11 <div id="theImgHighZoomButton" class="fit" onclick="gallyPP.switchZoomHigh();"></div> 12 12 <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}"> 17 14 </div> 18 15 </div> 19 16 </div> 20 21 17 22 18 {if isset($MENUBAR)} … … 49 45 {if !empty($PLUGIN_PICTURE_BEFORE)}{$PLUGIN_PICTURE_BEFORE}{/if} 50 46 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"> </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"> </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 51 75 <div id="imageToolBar"> 52 76 <div id="imageToolBarContainer" class="uiImg"> … … 82 106 83 107 84 {if isset($U_SLIDESHOW_START) or isset($U_ SLIDESHOW_STOP) or isset($U_METADATA) or85 (#displayHighResIcon#=="yes" and isset($high))or108 {if isset($U_SLIDESHOW_START) or isset($U_METADATA) or 109 count($current.unique_derivatives)>1 or 86 110 isset($current.U_DOWNLOAD) or isset($favorite) or !empty($U_SET_AS_REPRESENTATIVE) or 87 111 isset($U_ADMIN) or isset($U_CADDIE) 88 112 } 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}>✔ </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">✔ </span><a onclick="gallyPP.openDisplayHigh('{$U_ORIGINAL}');">{'Original'|@translate}</a> 125 {/if} 126 </div> 127 {/if} 128 89 129 <div class="tab" id="tabRandomButtons"> 130 90 131 <div class="randomButtons"> 91 132 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 98 141 {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> 108 147 {/if} 109 148 110 149 {if isset($PLUGIN_PICTURE_ACTIONS)}{$PLUGIN_PICTURE_ACTIONS}{/if} 111 150 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) 126 163 { 127 164 if (aElement.disabled) return; 128 165 aElement.disabled=true; 129 166 var y = new PwgWS(rootUrl); 130 131 167 y.callService( 132 168 "pwg.caddie.add", {image_id: id} , … … 137 173 ); 138 174 }{/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} 143 179 $('div.randomButtons a.button').addClass('sTipOnRight'); 144 </script>180 {/footer_script} 145 181 </div> 146 182 </div> … … 150 186 {include file='picture_nav_buttons.tpl'|@get_extent:'picture_nav_buttons'} 151 187 </div> 152 153 188 154 189 <ul id="theTabsheets"> … … 177 212 {if $display_info_panel} 178 213 <div id="imageInfos" class="tabPanel"> 214 <div id="imageInfosRight"></div> 179 215 <div id="imageInfosContainer"> 180 216 <div class="imageInfosBg"> </div> … … 183 219 <tr class="emptyrow" style="line-height:0px;"> 184 220 <td colspan="2"> </td> 185 <td width="10px"> </td> 186 <td width="12%"> </td> 187 <td width="18%"> </td> 188 <td width="10px"> </td> 189 <td width="12%"> </td> 190 <td width="18%"> </td> 221 <td class='cTitle'> </td> 222 <td class='cNfo' > </td> 223 <td class='cTitle'> </td> 224 <td class='cNfo' > </td> 191 225 </tr> 192 226 193 227 {if $display_info.author or $display_info.created_on or $display_info.posted_on} 194 228 <tr> 195 {assign var='colspan' value= 8}229 {assign var='colspan' value=6} 196 230 {if $display_info.author} 197 {assign var='colspan' value=`$colspan- 3`}231 {assign var='colspan' value=`$colspan-2`} 198 232 <td class="label">{'Author'|@translate}</td> 199 233 <td class="value" style="min-width:214px;">{if isset($INFO_AUTHOR)}{$INFO_AUTHOR}{else}{'N/A'|@translate}{/if}</td> 200 <td> </td>201 234 {/if} 202 235 203 236 {if $display_info.created_on} 204 {assign var='colspan' value=`$colspan- 3`}237 {assign var='colspan' value=`$colspan-2`} 205 238 <td class="label">{'Created on'|@translate}</td> 206 239 <td class="value">{if isset($INFO_CREATION_DATE)}{$INFO_CREATION_DATE}{else}{'N/A'|@translate}{/if}</td> 207 <td> </td>208 240 {/if} 209 241 … … 223 255 {if $display_info.dimensions or $display_info.file or $display_info.filesize} 224 256 <tr> 225 {assign var='colspan' value= 8}257 {assign var='colspan' value=6} 226 258 227 259 {if $display_info.dimensions} 228 {assign var='colspan' value=`$colspan- 3`}260 {assign var='colspan' value=`$colspan-2`} 229 261 <td class="label">{'Dimensions'|@translate}</td> 230 262 <td class="value">{if isset($INFO_DIMENSIONS)}{$INFO_DIMENSIONS|@replace:"*":"x"}{else}{'N/A'|@translate}{/if}</td> 231 <td> </td>232 263 {/if} 233 264 234 265 {if $display_info.file} 235 {assign var='colspan' value=`$colspan- 3`}266 {assign var='colspan' value=`$colspan-2`} 236 267 <td class="label">{'File'|@translate}</td> 237 268 <td class="value">{$INFO_FILE}</td> 238 <td> </td>239 269 {/if} 240 270 … … 252 282 253 283 {if isset($related_tags) and $display_info.tags} 254 <tr class="emptyrow"><td colspan=" 8"> </td></tr>284 <tr class="emptyrow"><td colspan="6"> </td></tr> 255 285 <tr id="infoTags"> 256 286 <td class="label">{'Tags'|@translate}</td> 257 <td colspan=" 7" class="value">287 <td colspan="5" class="value"> 258 288 {foreach from=$related_tags item=tag name=tag_loop}{if !$smarty.foreach.tag_loop.first}, {/if} 259 289 <a href="{$tag.URL}">{$tag.name}</a>{/foreach} … … 263 293 264 294 {if isset($related_categories) and $display_info.categories} 265 <tr class="emptyrow"><td colspan=" 8"> </td></tr>295 <tr class="emptyrow"><td colspan="6"> </td></tr> 266 296 <tr id="infoCats"> 267 297 <td class="label">{'Albums'|@translate}</td> 268 <td colspan=" 7" class="value">298 <td colspan="5" class="value"> 269 299 {foreach from=$related_categories item=cat name=tag_loop}{if !$smarty.foreach.tag_loop.first}, {/if} 270 300 {$cat} … … 273 303 </tr> 274 304 {/if} 275 276 305 {if $display_info.visits} 277 <tr class="emptyrow"><td colspan=" 8"> </td><tr>306 <tr class="emptyrow"><td colspan="6"> </td><tr> 278 307 <tr> 279 308 <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}>✔ </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 281 323 </tr> 282 324 {/if} … … 297 339 <td colspan="2"> </td> 298 340 {/if} 299 <td> </td>300 341 301 342 {if isset($rating)} 302 <td class="label" colspan=" 5">343 <td class="label" colspan="4"> 303 344 <span id="updateRate">{if isset($rating.USER_RATE)}{'Update your rating'|@translate}{else}{'Rate this photo'|@translate}{/if}</span> 304 345 … … 337 378 </td> 338 379 {else} 339 <td colspan=" 5"> </td>380 <td colspan="4"> </td> 340 381 {/if} 341 382 </tr> 342 383 {/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}371 384 372 385 </table> … … 419 432 {/if} 420 433 <h4>{'Add a comment'|@translate}</h4> 421 <form 434 <form method="post" action="{$comment_add.F_ACTION}" class="filter" id="addComment"> 422 435 <table> 423 436 {if $comment_add.SHOW_AUTHOR} … … 432 445 <tr> 433 446 <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}"> 436 449 </td> 437 450 </tr> -
extensions/gally/gally-black-graphite/template/slideshow.tpl
r12602 r16017 8 8 <a href="{$U_SLIDESHOW_STOP}">{'stop the slideshow'|@translate}</a> 9 9 {/if} 10 { if $SHOW_PICTURE_NAME_ON_TITLE}10 {* if $SHOW_PICTURE_NAME_ON_TITLE *} 11 11 | <span class="showtitle">{$current.TITLE}</span> 12 { /if}12 {* /if *} 13 13 </div> 14 14 -
extensions/gally/gally-black-graphite/themeconf.inc.php
r12632 r16017 2 2 /* 3 3 Theme Name: Gally/Black-graphite 4 Version: 1. 4.54 Version: 1.5.0 5 5 Description: simple dark-grey theme (inspired from Zaphod's theme <STRIPPED>) 6 6 Theme URI: http://piwigo.org/ext/extension_view.php?eid=
Note: See TracChangeset
for help on using the changeset viewer.