Changeset 12593


Ignore:
Timestamp:
Nov 11, 2011, 12:11:15 AM (13 years ago)
Author:
grum
Message:

feature:2499 - compatibility with Piwigo 2.3

Location:
extensions/gally/gally-graphite
Files:
3 added
91 deleted
2 edited

Legend:

Unmodified
Added
Removed

  • extensions/gally/gally-graphite/css/theme.css

    r7400 r12593  
    3838div.errors ul, div.infos ul {
    3939  text-align:justify;
    40   padding-left:0px;
     40  padding-left:16px;
    4141}
    4242
    … …  
    6666  background-color:#333333;
    6767  color:#999999;
     68  overflow-x:auto;
    6869}
    6970
    … …  
    7778
    7879a.button, a.navButton {
    79   display:block;
    8080  display:inline-block;
    8181  /*display:table-cell;*/
    82   width:28px;
    83   height:28px;
    84 }
     82  width:22px;
     83  height:22px;
     84}
     85
     86
     87a.button, a.navButton, span.button, #icon_menu {
     88  background-image:url(./../icon/buttons.png);
     89  background-repeat:no-repeat;
     90}
     91
     92/* menu */
     93#icon_menu.button, #icon_menu.button2 {
     94  width:26px;
     95  height:22px;
     96  display:inline-block;
     97}
     98#icon_menu.button {
     99  background-position:0px -66px;
     100}
     101#icon_menu.button:hover {
     102  background-position:0px -88px;
     103}
     104
     105#icon_menu.button2 {
     106  background-position:-44px -66px;
     107}
     108#icon_menu.button2:hover {
     109  background-position:-44px -88px;
     110}
     111
     112
     113#thePicturePage #icon_menu.button {
     114  width:22px;
     115  height:20px;
     116  background-position:-1078px 0px;
     117}
     118#thePicturePage #icon_menu.button:hover {
     119  background-position:-1078px -22px;
     120}
     121
     122#thePicturePage #icon_menu.button2 {
     123  width:22px;
     124  height:20px;
     125  background-position:-1100px 0px;
     126}
     127#thePicturePage #icon_menu.button2:hover {
     128  background-position:-1100px -22px;
     129}
     130
     131
     132
    85133
    86134/* index.tpl */
    87 #icon_menu {
    88   background:url(./../icon/menu-show.png);
    89 }
    90 #icon_menu:hover {
    91   background:url(./../icon/menu-show_h.png);
    92 }
    93 #icon_menu.button2 {
    94   display:block;
    95   display:inline-block;
    96   /*display:table-cell;*/
    97   width:28px;
    98   height:28px;
    99   background:url(./../icon/menu-hide.png);
    100 }
    101 #icon_menu.button2:hover {
    102   display:block;
    103   display:inline-block;
    104   /*display:table-cell;*/
    105   width:28px;
    106   height:28px;
    107   background:url(./../icon/menu-hide_h.png);
    108 }
    109 
    110135
    111136#icon_caddie {
    112   background:url(./../icon/caddie_add.png);
     137  background-position:0px 0;
    113138}
    114139#icon_caddie:hover {
    115   background:url(./../icon/caddie_add_h.png);
     140  background-position:0px -22px;
    116141}
    117142
    118143#icon_category_edit {
    119   background:url(./../icon/category_edit.png);
     144  background-position:-66px 0;
    120145}
    121146#icon_category_edit:hover {
    122   background:url(./../icon/category_edit_h.png);
     147  background-position:-66px -22px;
    123148}
    124149
    125150#icon_search_rules {
    126   background:url(./../icon/search_rules.png);
     151  background-position:-396px 0;
    127152}
    128153#icon_search_rules:hover {
    129   background:url(./../icon/search_rules_h.png);
     154  background-position:-396px -22px;
    130155}
    131156
    132157#icon_start_slideshow {
    133   background:url(./../icon/start_slideshow.png);
     158  background-position:-440px 0;
    134159}
    135160#icon_start_slideshow:hover {
    136   background:url(./../icon/start_slideshow_h.png);
     161  background-position:-440px -22px;
    137162}
    138163
    139164#icon_flat {
    140   background:url(./../icon/flat.png);
     165  background-position:-198px 0;
    141166}
    142167#icon_flat:hover {
    143   background:url(./../icon/flat_h.png);
     168  background-position:-198px -22px;
    144169}
    145170
    146171#icon_normal_mode {
    147   background:url(./../icon/normal_mode.png);
     172  background-position:-308px 0;
    148173}
    149174#icon_normal_mode:hover {
    150   background:url(./../icon/normal_mode_h.png);
     175  background-position:-308px -22px;
    151176}
    152177
    153178#icon_calendar {
    154   background:url(./../icon/calendar.png);
     179  background-position:-22px 0;
    155180}
    156181#icon_calendar:hover {
    157   background:url(./../icon/calendar_h.png);
     182  background-position:-22px -22px;
    158183}
    159184
    160185#icon_calendar_created {
    161   background:url(./../icon/calendar_created.png);
     186  background-position:-44px 0;
    162187}
    163188#icon_calendar_created:hover {
    164   background:url(./../icon/calendar_created_h.png);
     189  background-position:-44px -22px;
    165190}
    166191
    … …  
    176201/* upload.tpl */
    177202#icon_home {
    178   background:url(./../icon/home.png);
     203  background-position:-242px 0;
    179204}
    180205#icon_home:hover {
    181   background:url(./../icon/home_h.png);
     206  background-position:-242px -22px;
    182207}
    183208
    … …  
    185210/* menubar_identification.tpl */
    186211#icon_lost_password {
    187   background:url(./../icon/lost_password.png);
     212  background-position:-264px 0;
    188213}
    189214#icon_lost_password:hover {
    190   background:url(./../icon/lost_password_h.png);
     215  background-position:-264px -22px;
    191216}
    192217
    193218#icon_register, #icon_register2, #icon_register3 {
    194   background:url(./../icon/register.png);
     219  background-position:-330px 0;
    195220}
    196221#icon_register:hover, #icon_register2:hover, #icon_register3:hover {
    197   background:url(./../icon/register_h.png);
     222  background-position:-330px -22px;
    198223}
    199224
    200225#icon_lost_password, #icon_lost_password2, #icon_lost_password3 {
    201   background:url(./../icon/lost_password.png);
     226  background-position:-264px 0;
    202227}
    203228#icon_lost_password:hover, #icon_lost_password2:hover, #icon_lost_password3:hover {
    204   background:url(./../icon/lost_password_h.png);
     229  background-position:-264px -22px;
    205230}
    206231
    207232/* menubar_categories.tpl */
    208233#icon_start_filter {
    209   background:url(./../icon/start_filter.png);
     234  background-position:-1012px 0px;
     235  height: 22px;
     236  margin-top: 2px;
     237  width: 22px;
    210238}
    211239#icon_start_filter:hover {
    212   background:url(./../icon/start_filter_h.png);
     240  background-position:-1012px -22px;
    213241}
    214242
    215243#icon_stop_filter {
    216   background:url(./../icon/stop_filter.png);
     244  background-position:-1034px 0px;
     245  width:16px;
     246  height:16px;
    217247}
    218248#icon_stop_filter:hover {
    219   background:url(./../icon/stop_filter_h.png);
     249  background-position:-1034px -22px;
    220250}
    221251
    222252/* picture.tpl */
    223253#icon_high_res {
    224   background:url(./../icon/display_high_res.png);
     254  background-position:-176px 0;
    225255}
    226256#icon_high_res:hover {
    227   background:url(./../icon/display_high_res_h.png);
    228 }
    229 
    230 #icon_start_slideshow {
    231   background:url(./../icon/start_slideshow.png);
    232 }
    233 #icon_start_slideshow:hover {
    234   background:url(./../icon/start_slideshow_h.png);
     257  background-position:-176px -22px;
    235258}
    236259
    237260#icon_stop_slideshow {
    238   background:url(./../icon/stop_slideshow.png);
     261  background-position:-418px 0;
    239262}
    240263#icon_stop_slideshow:hover {
    241   background:url(./../icon/stop_slideshow_h.png);
     264  background-position:-418px -22px;
    242265}
    243266
    244267#icon_metadata {
    245   background:url(./../icon/metadata.png);
     268  background-position:-286px 0;
    246269}
    247270#icon_metadata:hover {
    248   background:url(./../icon/metadata_h.png);
     271  background-position:-286px -22px;
    249272}
    250273
    251274#icon_save {
    252   background:url(./../icon/save.png);
     275  background-position:-374px 0;
    253276}
    254277#icon_save:hover {
    255   background:url(./../icon/save_h.png);
     278  background-position:-374px -22px;
    256279}
    257280
    258281#icon_favorite {
    259   background:url(./../icon/favorite.png);
     282  background-position:-132px 0;
    260283}
    261284#icon_favorite:hover {
    262   background:url(./../icon/favorite_h.png);
     285  background-position:-132px -22px;
    263286}
    264287
    265288#icon_del_favorite {
    266   background:url(./../icon/del_favorite.png);
     289  background-position:-154px 0;
    267290}
    268291#icon_del_favorite:hover {
    269   background:url(./../icon/del_favorite_h.png);
     292  background-position:-154px -22px;
    270293}
    271294
    272295#icon_delall_favorite {
    273   background:url(./../icon/del_favorite.png);
     296  background-position:-154px 0;
    274297}
    275298#icon_delall_favorite:hover {
    276   background:url(./../icon/del_favorite_h.png);
     299  background-position:-154px -22px;
    277300}
    278301
    279302#icon_representative {
    280   background:url(./../icon/representative.png);
     303  background-position:-352px 0;
    281304}
    282305#icon_representative:hover {
    283   background:url(./../icon/representative_h.png);
     306  background-position:-352px -22px;
    284307}
    285308
    286309#icon_preferences {
    287   background:url(./../icon/preferences.png);
     310  background-position:-66px 0;
    288311}
    289312#icon_preferences:hover {
    290   background:url(./../icon/preferences_h.png);
     313  background-position:-66px -22px;
    291314}
    292315
    293316/* tags.tpl */
    294317#icon_cloud {
    295   background:url(./../icon/tag_cloud.png);
     318  background-position:-462px 0;
    296319}
    297320#icon_cloud:hover {
    298   background:url(./../icon/tag_cloud_h.png);
     321  background-position:-462px -22px;
    299322}
    300323
    301324#icon_tag_letters {
    302   background:url(./../icon/tag_letters.png);
     325  background-position:-484px 0;
    303326}
    304327#icon_tag_letters:hover {
    305   background:url(./../icon/tag_letters_h.png);
     328  background-position:-484px -22px;
    306329}
    307330
    308331/* picture_nav_buttons.tpl */
    309332#icon_last {
    310   background:url(./../icon/last.png);
     333  background-position:-704px 0;
    311334}
    312335#icon_last:hover {
    313   background:url(./../icon/last_h.png);
    314 }
    315 
     336  background-position:-704px -22px;
     337}
     338#icon_last_unactive {
     339  background-position:-704px -44px;
     340  cursor:default;
     341}
    316342#icon_right {
    317   background:url(./../icon/right.png);
     343  background-position:-748px 0;
    318344}
    319345#icon_right:hover {
    320   background:url(./../icon/right_h.png);
    321 }
    322 
     346  background-position:-748px -22px;
     347}
     348#icon_right_unactive {
     349  background-position:-748px -44px;
     350  cursor:default;
     351}
    323352#icon_play {
    324   background:url(./../icon/play.png);
     353  background-position:-792px 0;
    325354}
    326355#icon_play:hover {
    327   background:url(./../icon/play_h.png);
     356  background-position:-792px -22px;
    328357}
    329358
    330359#icon_pause {
    331   background:url(./../icon/pause.png);
     360  background-position:-814px 0;
    332361}
    333362#icon_pause:hover {
    334   background:url(./../icon/pause_h.png);
     363  background-position:-814px -22px;
    335364}
    336365
    337366#icon_up {
    338   background:url(./../icon/up.png);
     367  background-position:-770px 0;
    339368}
    340369#icon_up:hover {
    341   background:url(./../icon/up_h.png);
     370  background-position:-770px -22px;
    342371}
    343372
    344373#icon_left {
    345   background:url(./../icon/left.png);
     374  background-position:-726px 0;
    346375}
    347376#icon_left:hover {
    348   background:url(./../icon/left_h.png);
    349 }
    350 
     377  background-position:-726px -22px;
     378}
     379#icon_left_unactive {
     380  background-position:-726px -44px;
     381  cursor:default;
     382}
    351383#icon_first {
    352   background:url(./../icon/first.png);
     384  background-position:-682px 0;
    353385}
    354386#icon_first:hover {
    355   background:url(./../icon/first_h.png);
     387  background-position:-682px -22px;
     388}
     389#icon_first_unactive {
     390  background-position:-682px -44px;
     391  cursor:default;
    356392}
    357393
    358394#icon_start_repeat {
    359   background:url(./../icon/start_repeat.png);
     395  background-position:-858px 0;
    360396}
    361397#icon_start_repeat:hover {
    362   background:url(./../icon/start_repeat_h.png);
     398  background-position:-858px -22px;
    363399}
    364400
    365401#icon_stop_repeat {
    366   background:url(./../icon/stop_repeat.png);
     402  background-position:-836px 0;
    367403}
    368404#icon_stop_repeat:hover {
    369   background:url(./../icon/stop_repeat_h.png);
     405  background-position:-836px -22px;
    370406}
    371407
    372408#icon_dec_period {
    373   background:url(./../icon/dec_period.png);
     409  background-position:-880px 0;
    374410}
    375411#icon_dec_period:hover {
    376   background:url(./../icon/dec_period_h.png);
    377 }
    378 
     412  background-position:-880px -22px;
     413}
     414#icon_dec_period_unactive {
     415  background-position:-880px -44px;
     416  cursor:default;
     417}
    379418#icon_inc_period {
    380   background:url(./../icon/inc_period.png);
     419  background-position:-902px 0;
    381420}
    382421#icon_inc_period:hover {
    383   background:url(./../icon/inc_period_h.png);
     422  background-position:-902px -22px;
     423}
     424#icon_inc_period_unactive {
     425  background-position:-902px -44px;
     426  cursor:default;
    384427}
    385428
    … …  
    387430/* search_rules.tpl */
    388431#icon_exit {
    389   background:url(./../icon/exit.png);
     432  background-position:-660px 0;
    390433}
    391434#icon_exit:hover {
    392   background:url(./../icon/exit_h.png);
     435  background-position:-660px -22px;
    393436}
    394437
    395438/* search.tpl */
    396439#icon_help {
    397   background:url(./../icon/help.png);
     440  background-position:-220px 0;
    398441}
    399442#icon_help:hover {
    400   background:url(./../icon/help_h.png);
    401 }
     443  background-position:-220px -22px;
     444}
     445
     446/* pseudo icons */
     447span.id_recent {
     448  background-position:-550px 0;
     449  height: 11px;
     450  width: 11px;
     451  margin: -3px -3px 2px 2px;
     452}
     453span.id_recent_cat {
     454  background-position:-550px 0;
     455  height: 11px;
     456  width: 11px;
     457  position: relative;
     458  top: -5px;
     459  left:-6px;
     460}
     461span.id_recent_cat_by_child {
     462  background-position:-572px 0;
     463  height: 16px;
     464  width: 18px;
     465  position: relative;
     466  left:-6px;
     467}
     468span.id_delete {
     469  background-position:-594px 0;
     470  height: 16px;
     471  width: 16px;
     472}
     473span.id_delete:hover {
     474  background-position:-594px -22px;
     475}
     476span.id_edit {
     477  background-position:-616px 0;
     478  height: 16px;
     479  width: 16px;
     480}
     481span.id_edit:hover {
     482  background-position:-616px -22px;
     483}
     484span.id_validate {
     485  background-position:-638px 0;
     486  height: 16px;
     487  width: 16px;
     488}
     489span.id_validate:hover {
     490  background-position:-638px -22px;
     491}
     492
    402493
    403494
    … …  
    409500.titrePage, .navigationBar, #imageHeaderBar {
    410501  background-color:#606060;
     502}
     503
     504ul.categoryActions li.selector {
     505  top: -3px;
     506}
     507
     508
     509#menuswitcher {
     510  top: 4px;
    411511}
    412512
    … …  
    441541  page content : categories thumbnails
    442542*/
     543ul.thumbnailCategories {
     544  padding:0 0 0 2%;
     545}
     546
    443547.thumbnailCategory {
    444548  border-bottom: 3px #606060 solid;
    … …  
    468572  top:-2px;
    469573  position:relative;
     574}
     575
     576div ul.thumbnails {
     577  margin: 16px 0 0;
    470578}
    471579
    … …  
    635743  picture page
    636744*/
     745#thePicturePage #titrePageID {
     746  float: left;
     747  height: 20px;
     748  padding:0 0 0 3px;
     749}
     750#thePicturePage #menuswitcher {
     751  left:0;
     752  top:0;
     753  height: 20px;
     754}
    637755
    638756#theImgHighBg {
    … …  
    792910#rateForm input[type="button"].rateButtonStarFull:focus,
    793911#rateForm input[type="submit"].rateButtonStarFull  {
    794   background: url('./../icon/rating-stars.png') no-repeat scroll; background-position:-16px center; width:16px;
     912  background: url('./../icon/buttons.png') no-repeat scroll; background-position:-111px 1px; width:16px; height:16px;
    795913}
    796914
    … …  
    798916#rateForm input[type="button"].rateButtonStarEmpty:focus,
    799917#rateForm input[type="submit"].rateButtonStarEmpty {
    800   background: url('./../icon/rating-stars.png') no-repeat scroll; background-position:0 center; width:16px;
     918  background: url('./../icon/buttons.png') no-repeat scroll; background-position:-89px 1px; width:16px; height:16px;
    801919}
    802920
    … …  
    9381056  top:-3px;
    9391057}
    940 
     1058span.add_tag {
     1059  background:transparent url('./../icon/buttons.png') no-repeat scroll;
     1060  background-position:-528px 0px;
     1061  width:7px;
     1062  height:7px;
     1063  display:inline-block;
     1064}
     1065span.add_tag:hover {
     1066  background-position:-528px -22px;
     1067}
    9411068
    9421069.mandatorystar {
    … …  
    9601087 vd language switch plugin
    9611088*/
    962 .menuf ul li a, .menuf ul li a:visited {
     1089div.content ul.categoryActions li.menuf ul li a,
     1090div.content ul.categoryActions li.menuf ul li a:visited {
    9631091  height:27px;
    9641092  line-height:27px;
    965   margin-top:5px;
    966 }
    967 
    968 .menuf ul.flag-pan .flags:hover, .menuf a img.flags {
     1093  margin-top:2px;
     1094}
     1095
     1096div.content ul.categoryActions li.menuf ul li a,
     1097div.content ul.categoryActions li.menuf ul li.languageSwitchBoxTitle {
     1098  color:#999999;
     1099}
     1100div.content ul.categoryActions li.menuf ul li a:hover {
     1101  color:#f0f0f0;
     1102}
     1103
     1104
     1105div.content ul.categoryActions li.menuf ul.flag-pan .flags:hover,
     1106div.content ul.categoryActions li.menuf a img.flags {
    9691107  border:1px solid #606060;
    9701108}
    9711109
    972 .menuf ul.flag-pan .flags {
     1110div.content ul.categoryActions li.menuf ul.flag-pan .flags {
    9731111  border:1px solid #303030;
    9741112}

  • extensions/gally/gally-graphite/themeconf.inc.php

    r7337 r12593  
    22/*
    33Theme Name: Gally/Graphite
    4 Version: 1.3.5
     4Version: 1.4.0
    55Description: Grey theme
    66Theme URI: http://piwigo.org/ext/extension_view.php?eid=381
Note: See TracChangeset for help on using the changeset viewer.