Changeset 16050 for extensions/luciano


Ignore:
Timestamp:
Jun 26, 2012, 12:16:41 PM (12 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.