Luxbum.net - Script de galerie photo

Changeset 238

Show
Ignore:
Timestamp:
08/19/07 15:19:15 (1 year ago)
Author:
nicolas
Message:

refonte de la page d'acceuil

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • trunk/templates/public/photoblog/index.html

    r237 r238  
    1717{foreach $galleries as $gallery} 
    1818  <div class="album"> 
     19    <div class="photo"> 
    1920    {if $gallery->isPrivateAndLocked()} 
    2021        <a href="{$gallery.linkPrivate}"> 
    …… 
    2526    {/if} 
    2627    <img src="{$gallery.defaultImage}" alt=""/></a> 
     28    </div> 
    2729             
    2830    <div class="albumdesc"> 
    …… 
    3133    {else} 
    3234        {if $gallery.totalCount > 0} 
    33                <h3><a href="{$gallery.linkConsult}">{$gallery.niceName}</a></h3> 
     35          <h3><a href="{$gallery.linkConsult}">{$gallery.niceName}</a></h3> 
    3436        {/if} 
    3537         
    3638        {if $gallery->hasSubGallery()} 
    37                 {if $gallery.totalCount == 0} 
    38                                 <h2>{$gallery.niceName}</h2> 
    39                         {/if} 
    40             <h3><a href="{$gallery.linkSubGallery}">{i18n 'Sub galleries'}</a></h3> 
    41         {/if} 
     39          {if $gallery.totalCount == 0} 
     40            <h3><a href="{$gallery.linkSubGallery}">{$gallery.niceName}</a></h3> 
     41          {/if} 
     42        {/if} 
    4243    {/if} 
    4344     
    …… 
    4546    <span class="infos"> 
    4647        {if $gallery.imageCount > 0} 
    47                 {$gallery.imageCount} {i18n ' pictures - '} {$gallery.imageNiceSize} 
     48                <strong>{$gallery.imageCount}</strong> {i18n ' pictures'}  
    4849        {/if} 
    4950        {if $gallery.flvCount > 0} 
    5051                {if $gallery.imageCount > 0} <br/>{/if} 
    51                 {$gallery.flvCount} {i18n ' videos - '} {$gallery.flvNiceSize} 
     52                <strong>{$gallery.flvCount}</strong> {i18n ' videos'} 
    5253        {/if} 
    5354    </span> 
     55    {/if} 
     56    </div> 
     57 
     58    <div class="otherlinks"> 
     59    {if $gallery.totalCount > 0 && !$gallery->isPrivateAndLocked() && $gallery->hasSubGallery()} 
     60            <h3><a href="{$gallery.linkSubGallery}">{i18n 'Sub galleries'}</a></h3> 
     61    {/if} 
     62    {if $gallery.totalCount > 0 && !$gallery->isPrivateAndLocked()} 
     63            <h3><a href="#">{i18n 'Diaporama'}</a></h3> 
    5464    {/if} 
    5565    </div> 
    …… 
    7484  <p style="clear:both;"></p> 
    7585{/if} 
     86  <p style="clear:both;"></p> 
    7687 
    7788{include '_footer.html'} 

  • trunk/templates/public/photoblog/themes/blue/blue.css

    r201 r238  
    11/* 
    22 
    3     Zen Photo Default 1.0 
    4      
    5 */ 
     3   Zen Photo Default 1.0 
     4    
     5   */ 
    66 
    77/* Basics 
    8 ------------------------------ */ 
     8  */ 
    99html { 
    10     margin-bottom: 0.1em; 
     10  margin-bottom: 0.1em; 
    1111} 
    1212 
    1313/* Main Layout 
    14 ------------------------------ */ 
     14  */ 
    1515body { 
    16     background: #F5F5F3; 
    17     margin: 0px; 
    18     padding: 0px 0px 50px; 
    19     text-align: center; 
     16  background: #F5F5F3; 
     17  margin: 0px; 
     18  padding: 0px 0px 50px; 
     19  text-align: center; 
    2020} 
    2121#main { 
    22     text-align: left; 
    23     margin: 20px auto; 
    24     width: 600px; 
    25     background: #fff; 
    26     padding: 20px 30px 70px; 
    27     border-top: 1px solid #E6E6DF; 
    28     border-right: 1px solid #E6E6DF; 
    29     border-bottom: 5px solid #E6E6DF; 
    30     border-left: 1px solid #E6E6DF; 
     22  text-align: left; 
     23  margin: 20px auto; 
     24  width: 600px; 
     25  background: #fff; 
     26  padding: 20px 30px 70px; 
     27  border-top: 1px solid #E6E6DF; 
     28  border-right: 1px solid #E6E6DF; 
     29  border-bottom: 5px solid #E6E6DF; 
     30  border-left: 1px solid #E6E6DF; 
    3131} 
    3232#credit { 
    33     margin: 0 auto; 
    34     width: 640px; 
    35     font-size: 85%; 
    36     color: #96967E; 
    37     text-align: right; 
    38     clear: both; 
     33  margin: 0 auto; 
     34  width: 640px; 
     35  font-size: 85%; 
     36  color: #96967E; 
     37  text-align: right; 
     38  clear: both; 
    3939} 
    4040#credit a { 
    41     text-decoration: none; 
    42     color: #96967E; 
    43     border-bottom: 1px dotted #96967E; 
     41  text-decoration: none; 
     42  color: #96967E; 
     43  border-bottom: 1px dotted #96967E; 
    4444} 
    4545#credit a:hover { 
    46     color: #BDBDAE; 
    47     border-bottom: 1px solid #BDBDAE; 
    48     text-decoration: none; 
     46  color: #BDBDAE; 
     47  border-bottom: 1px solid #BDBDAE; 
     48  text-decoration: none; 
    4949} 
    5050#gallerytitle { 
    51     border-bottom: 1px solid #E6E6DF; 
    52     padding-bottom: 14px; 
    53     margin-bottom: 12px; 
    54     _margin-top: 40px; /* IE Only */ 
     51  border-bottom: 1px solid #E6E6DF; 
     52  padding-bottom: 14px; 
     53  margin-bottom: 12px; 
     54  margin-top: 40px; /* IE Only */ 
    5555} 
    5656 
    5757 
    5858/* Text Styles 
    59 ------------------------------ */ 
     59  */ 
    6060body { 
    61     font: normal 82%/200% "Helvetica Neue", Helvetica, Arial, sans-serif; 
    62     color: #5A5A4B; 
     61  font: normal 82%/200% "Helvetica Neue", Helvetica, Arial, sans-serif; 
     62  color: #5A5A4B; 
    6363} 
    6464h2 { 
    65     font: 120% "Helvetica Neue", Helvetica, Arial, sans-serif; 
    66     color: #002E5B; 
    67     margin-top: 25px; 
     65  font: 120% "Helvetica Neue", Helvetica, Arial, sans-serif; 
     66  color: #002E5B; 
     67  margin-top: 25px; 
    6868} 
    6969h2 a:link, h2 a:visited, h2 span { 
    70     color: #8DB8CF; 
     70  color: #8DB8CF; 
    7171} 
    7272h3 { 
    73     font: 120% "Helvetica Neue", Helvetica, Arial, sans-serif; 
    74     color: #002E5B; 
    75     margin-top: 30px; 
     73  font: 120% "Helvetica Neue", Helvetica, Arial, sans-serif; 
     74  color: #002E5B; 
     75  margin-top: 30px; 
    7676} 
    7777 
    7878 
    7979/* Link Styles 
    80 ------------------------------ */ 
     80  */ 
    8181a:link, a:active { text-decoration: underline; color: #17A; } 
    8282a:visited { text-decoration: underline; color: #035; } 
    …… 
    8585 
    8686/* Miscellaneous 
    87 ------------------------------ */ 
     87  */ 
    8888hr { 
    89     clear: both; 
    90     height: 0; 
    91     border: 0; 
    92     border-top: 1px solid #E6E6DF; 
    93     margin: 0 0 12px 0; 
    94     padding: 0; 
     89  clear: both; 
     90  height: 0; 
     91  border: 0; 
     92  border-top: 1px solid #E6E6DF; 
     93  margin: 0 0 12px 0; 
     94  padding: 0; 
    9595} 
    9696img { 
    97     border: 0; 
     97  border: 0; 
    9898} 
    9999blockquote { 
    100     border-left: 1px dotted #96967E; 
    101     margin-left: 20px; 
    102     padding-left: 20px; 
    103     color: #363630; 
     100  border-left: 1px dotted #96967E; 
     101  margin-left: 20px; 
     102  padding-left: 20px; 
     103  color: #363630; 
    104104} 
    105105 
    106106 
    107107/* Page Navigation 
    108 ------------------------------ */ 
     108  */ 
    109109ul.pagelist { 
    110     clear: both; 
    111     padding: 0; 
    112     margin: 20px 0 0 0; 
    113     list-style-type: none; 
     110  clear: both; 
     111  padding: 0; 
     112  margin: 20px 0 0 0; 
     113  list-style-type: none; 
    114114} 
    115115ul.pagelist li { 
    116     display: inline; 
     116  display: inline; 
    117117} 
    118118ul.pagelist li a, ul.pagelist span.disabledlink { 
    119     padding: 4px; 
     119  padding: 4px; 
    120120} 
    121121ul.pagelist li.current a { 
    122     font-weight: bold; 
    123     text-decoration: none; 
    124     cursor: default; 
    125     color: #5A5A4B; 
     122  font-weight: bold; 
     123  text-decoration: none; 
     124  cursor: default; 
     125  color: #5A5A4B; 
    126126} 
    127127ul.pagelist li.prev { 
    128     margin-right: 10px; 
     128  margin-right: 10px; 
    129129} 
    130130ul.pagelist li.next { 
    131     margin-left: 10px; 
     131  margin-left: 10px; 
    132132} 
    133133.disabledlink { 
    134     color: #ddd; 
    135     cursor: default; 
     134  color: #ddd; 
     135  cursor: default; 
    136136} 
    137137.pagenav { 
    138     clear: both; 
     138  clear: both; 
    139139} 
    140140 
    …… 
    142142 
    143143/* Image Thumbnails 
    144 ------------------------------ */ 
     144  */ 
    145145.imagethumb a { 
    146     display: block; 
    147     padding: 10px; 
    148     margin: 6px; 
    149      
    150     border: 1px solid #92BED3; 
    151     background: #DDEAF0; 
    152     line-height: 0px; 
    153     vertical-align:middle; 
    154 /*     height:116px; */ 
    155 /*     width:116px; */ 
     146  display: block; 
     147  padding: 10px; 
     148  margin: 6px; 
     149   
     150  border: 1px solid #92BED3; 
     151  background: #DDEAF0; 
     152  line-height: 0px; 
     153  vertical-align:middle; 
     154  /*     height:116px; */ 
     155  /*     width:116px; */ 
    156156} 
    157157.imagethumb a:visited { 
    158     border: 1px solid #D3E4ED; 
    159     background: #F2F7F9; 
     158  border: 1px solid #D3E4ED; 
     159  background: #F2F7F9; 
    160160} 
    161161.imagethumb a:hover { 
    162     border: 1px solid #62A0BF; 
    163     background: #F4F9FB; 
     162  border: 1px solid #62A0BF; 
     163  background: #F4F9FB; 
    164164} 
    165165.imagethumb { 
    166      float: left; 
    167     height:145px; 
    168     width:150px; 
     166  float: left; 
     167  height:145px; 
     168  width:150px; 
    169169} 
    170170.imagethumb a  { 
    171171  text-align:center; 
    172 /*     vertical-align:middle; */ 
     172  /*     vertical-align:middle; */ 
    173173} 
    174174 
    175175/* Album Thumbnails 
    176 ------------------------------ */ 
    177 .album { 
    178     padding: 10px; 
    179     height:85px; 
    180     margin-bottom: 12px; 
    181     clear: both; 
    182     border: 1px solid #E7F0F5; 
    183     background: #FBFCFD; 
    184 } 
    185 .album img { 
    186     float: left; 
    187 } 
    188 .album h3 { 
    189     padding: 0; 
    190     margin: 0; 
    191 } 
    192 .album h3 a { 
    193     display: inline; 
    194     width: 340px; 
    195     padding: 3px 0 6px 0; 
    196 } 
    197 .album p { 
    198     margin: 0 0 4px 0; 
    199 } 
    200 .albumdesc { 
    201     float: right; 
    202     width: 480px; 
    203 } 
    204 .albumdesc small { 
    205     margin-top: 8px; 
    206     line-height: 130%; 
    207     width: 120px; 
    208     float: right; 
    209     color: #8DB8CF; 
    210 } 
    211  
     176   */ 
     177#albums { 
     178  width:680px; 
     179} 
     180#albums .album { 
     181  float:left; 
     182  width:110px; 
     183  margin-right:10px; 
     184  margin-top:10px; 
     185  padding-top:10px; 
     186  height:200px; 
     187  border: 1px solid #E7F0F5; 
     188  background: #FBFCFD; 
     189} 
     190#albums .album .photo { 
     191  text-align:center; 
     192} 
     193#albums .album h3 { 
     194  font-size:1.1em; 
     195  padding: 0; 
     196  margin: 0; 
     197} 
     198#albums .album .albumdesc h3 a { 
     199  display: inline; 
     200} 
     201#albums .album p { 
     202  margin: 0 0 4px 0; 
     203} 
     204#albums .album .albumdesc { 
     205  padding:5px; 
     206} 
     207#albums .album .albumdesc .infos { 
     208 
     209  color: #8DB8CF; 
     210} 
     211#albums .album .otherlinks h3 { 
     212  font-size:0.9em; 
     213  padding-left:5px; 
     214} 
     215#albums .album .otherlinks h3 a{ 
     216  text-decoration:none; 
     217} 
    212218 
    213219/* Individual Image 
    214 ------------------------------ */ 
     220  */ 
    215221.image {  
    216     margin: 0; 
    217     padding: 0; 
    218     border: 0; 
     222  margin: 0; 
     223  padding: 0; 
     224  border: 0; 
    219225} 
    220226#image { 
    221     text-align: center; 
    222     line-height: 0; 
     227  text-align: center; 
     228  line-height: 0; 
    223229} 
    224230.imgnav { 
    225     float: right; 
    226     width: 200px; 
    227     text-align: center; 
    228     border: 1px solid #D5E6EE; 
    229     background: #EEF5F9; 
    230     margin-top: 13px; 
    231     _margin-top: 8px; /* IE Only */ 
    232     height:30px; 
     231  float: right; 
     232  width: 200px; 
     233  text-align: center; 
     234  border: 1px solid #D5E6EE; 
     235  background: #EEF5F9; 
     236  margin-top: 13px; 
     237  margin-top: 8px; /* IE Only */ 
     238  height:30px; 
    233239} 
    234240.imgnav .imgprevious, .imgnav .imgnext { 
    235     display: block; 
    236     width: 49%; 
    237     height: 100%; 
    238     float: left; 
    239     padding: 2px 0px; 
    240     font-size: 100%; 
    241     text-decoration: none; 
    242     line-height: 200%; 
    243     color: #237898; 
     241  display: block; 
     242  width: 49%; 
     243  height: 100%; 
     244  float: left; 
     245  padding: 2px 0px; 
     246  font-size: 100%; 
     247  text-decoration: none; 
     248  line-height: 200%; 
     249  color: #237898; 
    244250} 
    245251.imgnav .imgprevious a:hover, .imgnav .imgnext a:hover { 
    246     background-color: #fff; 
    247     text-decoration: none; 
    248     color: #002E5B; 
     252  background-color: #fff; 
     253  text-decoration: none; 
     254  color: #002E5B; 
    249255} 
    250256.imgnav .imgprevious a { 
    251        margin-left:4px; 
    252     float: left; 
     257  margin-left:4px; 
     258  float: left; 
    253259} 
    254260.imgnav .imgnext a { 
    255        margin-right:4px; 
    256     float: right; 
     261  margin-right:4px; 
     262  float: right; 
    257263} 
    258264#narrow { 
    259     margin: 0 auto; 
    260     width: 440px; 
     265  margin: 0 auto; 
     266  width: 440px; 
    261267} 
    262268 
    263269 
    264270/* Comments 
    265 ------------------------------ */ 
     271  */ 
    266272#comments { 
    267     clear: both; 
     273  clear: both; 
    268274} 
    269275.error {  
    …… 
    272278} 
    273279.comment { 
    274     padding: 10px; 
    275     border: 1px solid #E7F0F5; 
    276     background: #FBFCFD; 
    277     margin-bottom: 12px; 
     280  padding: 10px; 
     281  border: 1px solid #E7F0F5; 
     282  background: #FBFCFD; 
     283  margin-bottom: 12px; 
    278284} 
    279285.commentmeta { 
    280     margin-bottom: 12px; 
     286  margin-bottom: 12px; 
    281287} 
    282288.commentauthor { 
    283     font-weight: bold; 
     289  font-weight: bold; 
    284290} 
    285291.commentdate { 
    286     margin-top: 12px; 
    287     color: #8DB8CF; 
    288     font-size: 85%; 
     292  margin-top: 12px; 
     293  color: #8DB8CF; 
     294  font-size: 85%; 
    289295} 
    290296 
    291297 
    292298/* Forms 
    293 ------------------------------ */ 
     299  */ 
    294300.inputbox { 
    295     width: 250px; 
    296     padding: 2px; 
     301  width: 250px; 
     302  padding: 2px; 
    297303} 
    298304textarea { 
    299     padding: 4px; 
    300     width: 100%; 
    301     color: #5A5A4B; 
    302     font: 100%/200% "Helvetica Neue", Helvetica, Arial, sans-serif; 
     305  padding: 4px; 
     306  width: 100%; 
     307  color: #5A5A4B; 
     308  font: 100%/200% "Helvetica Neue", Helvetica, Arial, sans-serif; 
    303309} 
    304310.checkbox { 
    305     cursor: pointer; 
     311  cursor: pointer; 
    306312} 
    307313.pushbutton { 
    308     cursor: pointer; 
    309     padding: 5px 10px; 
     314  cursor: pointer; 
     315  padding: 5px 10px; 
    310316} 
    311317label { 
    312     cursor: pointer; 
     318  cursor: pointer; 
    313319} 
    314320label:hover { 
    315     color: #000; 
     321  color: #000; 
    316322} 
    317323fieldset {