From 324a4a112ac4a883f086372c8053c0021a4380d4 Mon Sep 17 00:00:00 2001
From: vdigital <vdigital@piwigo.org>
Date: Fri, 19 Sep 2008 19:38:15 +0000
Subject: =?UTF-8?q?Index=20page:=20Scrolling=20start=20above=20the=20categ?=
 =?UTF-8?q?ory=20when=20description=20is=20too=20long.=20Sql=20Trace=20in?=
 =?UTF-8?q?=20a=20<div>=20clear:both.=20French=20de-=C3=A0=20=3D>=20du-au?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

git-svn-id: http://piwigo.org/svn/trunk@2550 68402e56-0260-453c-a942-63ccdbb3a9ee
---
 template/yoga/default-layout.css      |  3 ++-
 template/yoga/footer.tpl              | 10 +++++++---
 template/yoga/mainpage_categories.tpl |  1 -
 template/yoga/theme/Sylvia/theme.css  | 12 ++++++++++--
 4 files changed, 19 insertions(+), 7 deletions(-)

(limited to 'template/yoga')

diff --git a/template/yoga/default-layout.css b/template/yoga/default-layout.css
index 6c2981411..29805b4a1 100644
--- a/template/yoga/default-layout.css
+++ b/template/yoga/default-layout.css
@@ -273,4 +273,5 @@ TABLE.tagLetterContent {
 	font-size:80%;
 	border-collapse : collapse;
 }
-#theHeader {text-align: center;}
\ No newline at end of file
+#theHeader {text-align: center;}
+#debug { margin: 15px 15px 5px 248px; font-size:12px; clear: both; word-wrap:break-word;}
\ No newline at end of file
diff --git a/template/yoga/footer.tpl b/template/yoga/footer.tpl
index a44260184..fdc0c92cf 100644
--- a/template/yoga/footer.tpl
+++ b/template/yoga/footer.tpl
@@ -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>
\ No newline at end of file
diff --git a/template/yoga/mainpage_categories.tpl b/template/yoga/mainpage_categories.tpl
index 0159bf6a4..9c810600b 100644
--- a/template/yoga/mainpage_categories.tpl
+++ b/template/yoga/mainpage_categories.tpl
@@ -28,4 +28,3 @@
 	</li>
 {/foreach}
 </ul>
-
diff --git a/template/yoga/theme/Sylvia/theme.css b/template/yoga/theme/Sylvia/theme.css
index 851a755f3..18df98a8a 100644
--- a/template/yoga/theme/Sylvia/theme.css
+++ b/template/yoga/theme/Sylvia/theme.css
@@ -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; }
-- 
cgit v1.2.3