Ignore:
Timestamp:
Dec 17, 2010, 9:39:08 PM (13 years ago)
Author:
Zaphod
Message:

Changes for version 1.1.0 :

  • picture navbuttons moved into the title bar
  • increased size of prev/next thumbnail zone on picture page
  • picture icons and thumbnail arrows replaced by png stripes
File:
1 edited

Legend:

Unmodified
Added
Removed

  • extensions/stripped/theme.css

    r8025 r8183  
    167167
    168168.titrePage {
     169        height:21px;
    169170        font-size:115.385%;
    170171        margin: 0.5em 0 0 0;
    171         line-height: 1.5em;
     172        line-height: 1.4em;
    172173}
    173174
    … …  
    201202  display: inline;
    202203  vertical-align:top;
    203   padding-left:3px;
     204  padding-left:7px;
     205  float:left;
    204206}
    205207
    … …  
    572574        top: 195px;
    573575        left: 4px;
    574         background: transparent url(icon/nb_prev_1.png) no-repeat scroll;
     576        background: transparent url(icon/arrows.png) 0 0 no-repeat;
    575577}
    576578#thumb_navigation #tn_next {
    … …  
    578580        top: 195px;
    579581        right: 4px;
    580         background: transparent url(icon/nb_next_1.png) no-repeat scroll;
     582        background: transparent url(icon/arrows.png) -20px 0 no-repeat;
    581583}
    582584#thumb_navigation a#tn_prev:hover {
    583         background: transparent url(icon/nb_prev_2.png) no-repeat scroll;
     585        background: transparent url(icon/arrows.png) 0 -150px no-repeat;
    584586}
    585587#thumb_navigation a#tn_next:hover {
    586         background: transparent url(icon/nb_next_2.png) no-repeat scroll;
     588        background: transparent url(icon/arrows.png) -20px -150px no-repeat;
    587589}
    588590
    … …  
    591593#thePicturePage #theHeader {
    592594        display: none;
    593 }
    594 
    595 #imageToolBar {
    596         float:right;
    597 }
    598 
    599 #imageInfoBar {
    600         display:block;
    601         height:25px;
    602         clear:both;
    603         padding: 0 2px;
    604595}
    605596
    … …  
    621612        display: inline;
    622613        vertical-align:top;
    623         padding-left:3px;
     614        padding-left:7px;
     615        float:left;
    624616}
    625617
    … …  
    654646        display:inline;
    655647        font-weight:normal;
    656         padding-left:2px;
    657648}
    658649
    … …  
    704695        top: 0;
    705696        left: 0px;
    706         width: 200px;
     697        width: 300px;
    707698        height: 600px;
    708699        text-align: right;
    … …  
    713704        top: 0;
    714705        right: 0px;
    715         width: 200px;
     706        width: 300px;
    716707        height: 600px;
    717708        text-align: left;
    … …  
    720711#linkPrevIn  {
    721712        margin-right: 40px;
     713        padding-right:100px;
    722714        height: 100%;
    723715        text-align: right;
    … …  
    727719#linkNextIn     {
    728720        margin-left: 40px;
     721        padding-left:100px;
    729722        height: 100%;
    730723        text-align: left;
    … …  
    824817
    825818#imageToolBar .navButton {
    826         display:inline-block;
    827         width:24px;
    828         height:24px;
    829         float:right;
     819        display:inline;
     820        width:20px;
     821        height:20px;
     822        float:left;
    830823        margin:0 2px;
    831 }
    832 
    833 #icon_last                                      {       background:url(icon/last_1.png);                        }
    834 #icon_last:hover                        {       background:url(icon/last_2.png);                        }
    835 #icon_right                                     {       background:url(icon/right_1.png);                       }
    836 #icon_right:hover                       {       background:url(icon/right_2.png);                       }
    837 #icon_play                                      {       background:url(icon/play_1.png);                        }
    838 #icon_play:hover                        {       background:url(icon/play_2.png);                        }
    839 #icon_stop                                      {       background:url(icon/stop_1.png);                        }
    840 #icon_stop:hover                        {       background:url(icon/stop_2.png);                        }
    841 #icon_pause                                     {       background:url(icon/pause_1.png);                       }
    842 #icon_pause:hover                       {       background:url(icon/pause_2.png);                       }
    843 #icon_up                                        {       background:url(icon/up_1.png);                          }
    844 #icon_up:hover                          {       background:url(icon/up_2.png);                          }
    845 #icon_left                                      {       background:url(icon/left_1.png);                        }
    846 #icon_left:hover                        {       background:url(icon/left_2.png);                        }
    847 #icon_first                                     {       background:url(icon/first_1.png);                       }
    848 #icon_first:hover                       {       background:url(icon/first_2.png);                       }
    849 #icon_start_repeat                      {       background:url(icon/start_repeat_1.png);        }
    850 #icon_start_repeat:hover        {       background:url(icon/start_repeat_2.png);        }
    851 #icon_stop_repeat                       {       background:url(icon/stop_repeat_1.png);         }
    852 #icon_stop_repeat:hover                 {       background:url(icon/stop_repeat_2.png);         }
    853 #icon_dec_period                        {       background:url(icon/dec_period_1.png);          }
    854 #icon_dec_period:hover          {       background:url(icon/dec_period_2.png);          }
    855 #icon_inc_period                        {       background:url(icon/inc_period_1.png);          }
    856 #icon_inc_period:hover          {       background:url(icon/inc_period_2.png);          }
     824        background-image: url(icon/picture.png);
     825        background-repeat: no-repeat;
     826        overflow:hidden;
     827}
     828
     829#icon_first_0                           {       background-position: 0          0               }
     830#icon_first                                     {       background-position: 0          -20px   }
     831#icon_first:hover                       {       background-position: 0          -40px   }
     832#icon_left_0                            {       background-position: -20px      0               }
     833#icon_left                                      {       background-position: -20px      -20px   }
     834#icon_left:hover                        {       background-position: -20px      -40px   }
     835#icon_up                                        {       background-position: -40px      -20px   }
     836#icon_up:hover                          {       background-position: -40px      -40px   }
     837#icon_stop                                      {       background-position: -60px      -20px   }
     838#icon_stop:hover                        {       background-position: -60px      -40px   }
     839#icon_pause                                     {       background-position: -80px      -20px   }
     840#icon_pause:hover                       {       background-position: -80px      -40px   }
     841#icon_play                                      {       background-position: -100px     -20px   }
     842#icon_play:hover                        {       background-position: -100px     -40px   }
     843#icon_right_0                           {       background-position: -120px 0           }
     844#icon_right                                     {       background-position: -120px     -20px   }
     845#icon_right:hover                       {       background-position: -120px -40px       }
     846#icon_last_0                            {       background-position: -140px 0           }
     847#icon_last                                      {       background-position: -140px     -20px   }
     848#icon_last:hover                        {       background-position: -140px -40px       }
     849#icon_stop_repeat                       {       background-position: -160px -20px       }
     850#icon_stop_repeat:hover                 {       background-position: -160px -40px       }
     851#icon_start_repeat                      {       background-position: -180px -20px       }
     852#icon_start_repeat:hover        {       background-position: -180px -40px       }
     853#icon_inc_period                        {       background-position: -200px     -20px   }
     854#icon_inc_period:hover          {       background-position: -200px -40px       }
     855#icon_dec_period                        {       background-position: -220px -20px       }
     856#icon_dec_period:hover          {       background-position: -220px -40px       }
    857857
    858858/* Tabs ---------------------------------------------------------------------------------------- */
Note: See TracChangeset for help on using the changeset viewer.