Index page: Scrolling start above the category when description is too long.
Sql Trace in a <div> clear:both. French de-à => du-au git-svn-id: http://piwigo.org/svn/trunk@2550 68402e56-0260-453c-a942-63ccdbb3a9ee
This commit is contained in:
parent
bff424f8d9
commit
324a4a112a
7 changed files with 35 additions and 17 deletions
|
|
@ -114,7 +114,6 @@ padding:0; width:207px; z-index:99; text-align: left; }
|
|||
scrollbar-face-color: #222; scrollbar-shadow-color: #444; scrollbar-highlight-color: #000;
|
||||
scrollbar-3dlight-color: #292929; scrollbar-darkshadow-color: #333; scrollbar-track-color: #111;
|
||||
scrollbar-arrow-color: #ff3333; }
|
||||
html>body #menubar {min-height:477px; height:477px;} /* IE 7 and modern browsers */
|
||||
#menubar .selected a { color: #f70; }
|
||||
#menubar .selected a:hover { color: #f36; border-bottom: 1px solid #f33;}
|
||||
#menubar dd {
|
||||
|
|
@ -134,4 +133,6 @@ color: #F70; border-bottom: 1px dotted #F70;}
|
|||
#menubar li.external { list-style-image:url(images/external_inactive.png); padding:10px 0px 0pt 10px; }
|
||||
#menubar li.external:hover { list-style-image:url(images/external_active.png); }
|
||||
#menubar ul { color: #333; margin:10px 0pt 3px 9px;
|
||||
list-style-type: square; list-style-position: inside; padding: 0 0 0 2px; }
|
||||
list-style-type: square; list-style-position: inside; padding: 0 0 0 2px; }
|
||||
/* hacks */
|
||||
html>body #menubar {min-height:477px; height:477px;} /* IE 7 and modern browsers */
|
||||
|
|
@ -343,7 +343,7 @@ $lang['Administrator, webmaster and special user cannot use this method'] = 'Adm
|
|||
$lang['reg_err_mail_address_dbl'] = 'un utilisateur utilise déjà cette adresse e-mail';
|
||||
$lang['Category results for'] = 'Résultats des catégories pour';
|
||||
$lang['Tag results for'] = 'Résultats des tags pour';
|
||||
$lang['from %s to %s'] = 'de %s à %s';
|
||||
$lang['from %s to %s'] = 'du %s au %s';
|
||||
$lang['start_play'] = 'Lecture du diaporama';
|
||||
$lang['stop_play'] = 'Pause du diaporama';
|
||||
$lang['start_repeat'] = 'Répeter le diaporama';
|
||||
|
|
|
|||
|
|
@ -6,10 +6,15 @@
|
|||
{if !empty($category_thumbnails)}
|
||||
{html_head}
|
||||
<style media="screen,handheld,projection,tv" type="text/css">
|
||||
#content ul.thumbnailCategories li {ldelim} width:100%; }
|
||||
#Titling h3 {ldelim} margin:11px 0 -13px; padding:0 3px 0 20px; text-align:left; }
|
||||
#content ul.thumbnailCategories li {ldelim} width:100%; z-index: 55; position: relative;}
|
||||
#Titling h3 {ldelim} margin:11px 0 -13px; padding:0 3px 0 20px; text-align:left; z-index: 99; position: relative;}
|
||||
#Titling h3 a {ldelim} background-color: #222; padding: 0 10px; }
|
||||
#content ul.thumbnailCategories .unbordered {ldelim} width:49%; float:left; margin:0 0 0 5px;}
|
||||
#content ul.thumbnailCategories .unbordered {ldelim} width:49%; float:left; margin:0 0 0 5px; }
|
||||
.content div.thumbnailCategory div.description p.dates {ldelim} margin: 0 45px 0 20px; }
|
||||
#content .thumbnailCategory div.description .text {ldelim} margin: 0; padding: 0 4px; text-align: justify; }
|
||||
p.Nb_images {ldelim} text-align: left; color: #444; }
|
||||
/* hacks */
|
||||
*+html #Titling h3, * html #Titling h3 {ldelim} font-weight: normal;} /* IE browsers */
|
||||
</style>
|
||||
{/html_head}
|
||||
<ul class="thumbnailCategories" id="Titling"> {* 1st difference: Titling/thumbnail *}
|
||||
|
|
@ -27,11 +32,11 @@
|
|||
</a>
|
||||
</div>
|
||||
<div class="description">
|
||||
<div class="text">
|
||||
{if isset($cat.INFO_DATES) }
|
||||
{if isset($cat.INFO_DATES) }
|
||||
<p class="dates">{$cat.INFO_DATES}</p>
|
||||
{/if}
|
||||
<p class="Nb_images">{$cat.CAPTION_NB_IMAGES}</p>
|
||||
{/if}
|
||||
<div class="text">
|
||||
<p class="Nb_images">{$cat.CAPTION_NB_IMAGES}</p>
|
||||
{if not empty($cat.DESCRIPTION)}
|
||||
<p>{$cat.DESCRIPTION}</p>
|
||||
{/if}
|
||||
|
|
|
|||
|
|
@ -273,4 +273,5 @@ TABLE.tagLetterContent {
|
|||
font-size:80%;
|
||||
border-collapse : collapse;
|
||||
}
|
||||
#theHeader {text-align: center;}
|
||||
#theHeader {text-align: center;}
|
||||
#debug { margin: 15px 15px 5px 248px; font-size:12px; clear: both; word-wrap:break-word;}
|
||||
|
|
@ -19,14 +19,18 @@
|
|||
<a href="mailto:{$CONTACT_MAIL}?subject={'title_send_mail'|@translate|@escape:url}">{'Webmaster'|@translate}</a>
|
||||
{/if}
|
||||
|
||||
</div> <!-- copyright -->
|
||||
|
||||
{if isset($footer_elements)}
|
||||
{foreach from=$footer_elements item=v}
|
||||
{$v}
|
||||
{/foreach}
|
||||
{/if}
|
||||
</div> <!-- the_page -->
|
||||
|
||||
{if isset($debug.QUERIES_LIST)}{$debug.QUERIES_LIST}{/if}
|
||||
{if isset($debug.QUERIES_LIST)}
|
||||
<div id="debug">
|
||||
{$debug.QUERIES_LIST}
|
||||
</div>
|
||||
{/if}
|
||||
</div> <!-- copyright -->
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -28,4 +28,3 @@
|
|||
</li>
|
||||
{/foreach}
|
||||
</ul>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
/* $Id$ */
|
||||
.content div.thumbnailCategory div.illustration { width:190px !important; /* Usable range 162px-360px , optimal : Thumbnail width + 40px */ }
|
||||
.content div.thumbnailCategory div.illustration { width:165px !important; /* Usable range 162px-360px , optimal : Thumbnail width + 40px */ }
|
||||
.content div.thumbnailCategory { height: 180px !important; /* Usable range 172px-250px , optimal : Thumbnail height + 30px */ }
|
||||
.content div.thumbnailCategory div.description .text { height: 130px !important; /* -42px than previous one */ }
|
||||
|
||||
/* Sylvia Theme is close to the Roma Admin theme */
|
||||
BODY, H1, H3, DT, INPUT.rateButtonSelected { color:#ddd; }
|
||||
H2, #menubar DT { color: #666; }
|
||||
|
|
@ -52,7 +54,13 @@ padding: 0; margin:0; }
|
|||
padding: 0 0 0 10px; margin: 0; }
|
||||
.content .thumbnailCategory div.illustration a { display: block; margin: 0; padding:20px 0 0 8px; }
|
||||
#content .thumbnailCategory div.description { background:transparent url(images/cat_top-right.gif) no-repeat scroll right top;
|
||||
margin:0; padding:15px 10px 3px 0; overflow: hidden; }
|
||||
margin: 0; padding:15px 10px 3px 0; overflow: hidden; }
|
||||
#content .thumbnailCategory div.description .text { margin: 10px 2px 0 0; padding:-10px 0 5px 0;
|
||||
overflow: auto; overflow-x: hidden; /* Only IE family supports colored scrollbar */
|
||||
scrollbar-face-color: #222; scrollbar-shadow-color: #444; scrollbar-highlight-color: #000;
|
||||
scrollbar-3dlight-color: #292929; scrollbar-darkshadow-color: #333; scrollbar-track-color: #111;
|
||||
scrollbar-arrow-color: #f70; }
|
||||
.content div.thumbnailCategory div.description p.dates { margin: 0 15px 0 15px; text-align: right; }
|
||||
#content.content .thumbnailCategory div.description H3 { display: block; margin: 0; }
|
||||
#content ul.thumbnailCategories li:hover { background-color:#111; }
|
||||
#imageHeaderBar .imageNumber { margin-right:170px; }
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue