Changeset 16050


Ignore:
Timestamp:
06/26/12 12:16:41 (7 years ago)
Author:
plg
Message:

improve compatibility with Piwigo 2.4: do not take care of smart resize on
blocks for multiple size thumbnails.

force thumbnails to be smaller than 150x150 at display, because the background
is a fixed sized image. It would be better to use border-radius CSS property,
but less compatible with old browsers.

compatibiliy with plugin GuestBook

File:
1 edited

Legend:

Unmodified
Added
Removed
  • extensions/luciano/theme.css

    r16048 r16050  
    1919fieldset, form, label, legend   { margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;        vertical-align:baseline; } 
    2020fieldset                                                                                { margin: 0; padding-right: 2em; } 
    21 legend                                                                                  { padding: 0; } 
    22 label                                                                                           { float:left; width:12em; clear:left; text-align:left;  cursor:hand; } 
     21legend { padding: 0; } 
    2322textarea, input, select, label, button, optgroup        { margin-top:5px; } 
    2423input[type="checkbox"] ,input[type="radio"]     { margin-bottom:7px; } 
     
    151150.titrePage h1                                   { float: left; } 
    152151.content .additional_info {padding: 10px; text-indent: 20px; color: #666; text-align:justify;font-size:100%; } 
    153 .thumbnailCategories    { margin-left: 10px; } 
     152.thumbnailCategories    { margin-left: 10px; margin-bottom:10px;} 
    154153 
    155154.thumbnailCategories li                         { background: transparent url(skin/catBg.png) 0 0; width: 355px; height: 170px; float: left; margin-right: 15px; margin-top: 10px } 
    156 .thumbnailCategories li.hover   { background: transparent url(skin/catBg.png) 0 -170px; } 
    157  
    158 .thumbnailCategories .illustration              { float: left; width: 150px; margin: 10px; } 
    159 .thumbnailCategories .description               { float: right; width: 180px; margin-top: 10px; height: 160px; overflow:hidden; } 
    160 .thumbnailCategories .description h3    { margin-bottom: 10px; font-weight: 700; color: #f70; } 
    161 .thumbnailCategories .Nb_images                         { font-size: 0.8em; margin-bottom: 10px; } 
    162 .thumbnailCategories .desc                                              { font-size: 0.9em; } 
     155.thumbnailCategories li:hover   { background: transparent url(skin/catBg.png) 0 -170px; } 
     156 
     157.thumbnailCategory .illustration                { float: left; width: 150px !important; margin: 0; } 
     158.thumbnailCategory .illustration img {max-width:150px;max-height:150px;} 
     159.thumbnailCategory .description                 { float: right; width: 180px; margin-top: 0; height: 160px !important; overflow:hidden; } 
     160.thumbnailCategory .description h3      { margin-bottom: 10px; font-weight: 700; color: #f70; } 
     161.thumbnailCategory .Nb_images                   { font-size: 0.8em; margin-bottom: 10px; } 
     162.thumbnailCategory .desc                                                { font-size: 0.9em; } 
    163163 
    164164.thumbnails                                                             { margin-left: 10px; min-height: 540px; height: auto !important; height: 540px; text-align: center;} 
    165165.thumbnails li                                          { float: left; display: inline; width: 170px; height: 170px; margin-left: 10px; margin-bottom: 10px; background: transparent url(skin/thumbBg.png) 0 0;} 
    166 .thumbnails li.hover                    { background: transparent url(skin/thumbBg.png) 0 -170px; } 
     166.thumbnails li:hover                    { background: transparent url(skin/thumbBg.png) 0 -170px; } 
    167167.thumbnails li .wrap2           { width:170px; height:172px; display:table-cell; vertical-align:middle;} 
    168 .thumbnails li img                              { border: 1px solid #222; border-left: 1px solid #444; border-bottom: 1px solid #444;} 
    169 .thumbnails li.hover img        { border: 1px solid #111; border-left: 1px solid #222; border-bottom: 1px solid #222; } 
     168.thumbnails SPAN, .thumbnails .wrap2 A, .thumbnails LABEL { width: auto !important; } /* todo remove this and manage smart dimensions for multisize */ 
     169.thumbnails li img                              { border: 1px solid #222; border-left: 1px solid #444; border-bottom: 1px solid #444; max-height:150px;max-width:150px;} /* todo remove max-* and manage smart dimensions for multisize */ 
     170.thumbnails li:hover img        { border: 1px solid #111; border-left: 1px solid #222; border-bottom: 1px solid #222; } 
    170171 
    171172.thumbnails .thumbLegend { display:none; } 
Note: See TracChangeset for help on using the changeset viewer.