categories are looking better

git-svn-id: http://piwigo.org/svn/trunk@843 68402e56-0260-453c-a942-63ccdbb3a9ee

3 files changed, 49 insertions, 22 deletions

diff --git a/template/cclear/category.tpl b/template/cclear/category.tpl
index c100ac42d..841ee8705 100644
--- a/template/cclear/category.tpl
+++ b/template/cclear/category.tpl
@@ -112,23 +112,25 @@
 <ul class="thumbnails">
   <!-- BEGIN line -->
   <!-- BEGIN thumbnail -->
-  <li><span><a href="{thumbnails.line.thumbnail.U_IMG_LINK}"><img class="thumbnail" src="{thumbnails.line.thumbnail.IMAGE}"
-    alt="{thumbnails.line.thumbnail.IMAGE_ALT}"
-    title="{thumbnails.line.thumbnail.IMAGE_TITLE}"></a>
-    <!-- BEGIN element_name -->
-    <br />
-    <span class="thumb_picture">{thumbnails.line.thumbnail.element_name.NAME}</span>
-    <!-- END element_name -->
-    <!-- BEGIN category_name -->
+  <li><span>
+    <a href="{thumbnails.line.thumbnail.U_IMG_LINK}">
+      <img class="thumbnail" src="{thumbnails.line.thumbnail.IMAGE}"
+	   alt="{thumbnails.line.thumbnail.IMAGE_ALT}"
+	   title="{thumbnails.line.thumbnail.IMAGE_TITLE}">
+    </a>
+      <!-- BEGIN element_name -->
+      <p>
+	<span class="thumb_picture">{thumbnails.line.thumbnail.element_name.NAME}</span>
+	<!-- END element_name -->
+	<!-- BEGIN category_name -->
+	<span class="thumb_category">[{thumbnails.line.thumbnail.category_name.NAME}]</span>
+	<!-- END category_name -->
+	{thumbnails.line.thumbnail.IMAGE_TS}
+      </p>
+    <!-- BEGIN nb_comments -->
     <br />
-    <span class="thumb_category">[{thumbnails.line.thumbnail.category_name.NAME}]</span>
-    <!-- END category_name -->
-  </a>
-  {thumbnails.line.thumbnail.IMAGE_TS}
-  <br />
-  <!-- BEGIN nb_comments -->
-  {thumbnails.line.thumbnail.nb_comments.NB_COMMENTS} {L_COMMENT}
-  <!-- END nb_comments -->
+    {thumbnails.line.thumbnail.nb_comments.NB_COMMENTS} {L_COMMENT}
+    <!-- END nb_comments -->
   </span></li>
   <!-- END thumbnail -->
   <!-- END line -->
diff --git a/template/cclear/content.css b/template/cclear/content.css
index b07d52d32..885eef35c 100644
--- a/template/cclear/content.css
+++ b/template/cclear/content.css
@@ -16,24 +16,31 @@
 #content UL.thumbnails {
     margin: 0; padding: 0;
     list-style-type: none;
-    text-align: center; /* eventuellement */
+    /*text-align: center;  eventuellement */
 }
 
 #content UL.thumbnails LI {
-    display: inline;
-    text-align: center; /* eventuellement */
-    margin: 0; padding: 0;
+	display: inline;
+	/*text-align: center; */
+	padding: 0; text-indent: 0;
+	margin: 0 10px 10px 10px;
+}
+#content UL.thumbnails UL LI {
+	dislplay: list-item;
 }
 
 #content UL.thumbnails SPAN {
-    	margin: 0 10px 10px 10px;
+	margin: 0;
+    	/*margin: 0 10px 10px 10px;*/
     	vertical-align: top;
     	width: 128px;
     	display:table-cell;   /* for geko */
 	display:inline-table; /* for ??? (ask yoDan) */
 	display:inline-block; /* for IE */
+	text-align: center;    for IE */
+border: 1px solid yellow;
 }
-#content UL.thumbnails LI>SPAN { vertical-align: baseline; }
+/*#content UL.thumbnails LI>SPAN { vertical-align: baseline; }*/
 #content UL.thumbnails LI IMG.thumbnail { margin-bottom: .4ex; }
 
 #content UL.thumbnails IMG.thumbnail { border: 1px solid #000000; }
diff --git a/template/cclear/default-layout.css b/template/cclear/default-layout.css
index cd86b3d47..4ae91b86c 100644
--- a/template/cclear/default-layout.css
+++ b/template/cclear/default-layout.css
@@ -56,6 +56,8 @@ IMG {
 
 /** General defaults **/
 ul, dl, li { text-align: left;}
+/* for debugging purpose */
+pre { text-align:left; }
 
 /** forms **/
 div.formbox {
@@ -126,6 +128,22 @@ select.categoryList {
 }
 
 /** go to an admin.css ? **/
+/**
+ * Informations box in administration
+ */
+#infos {
+  text-align: left;
+  background-color: #eee;
+  background-image: url(admin/images/infos.png);
+  background-repeat: no-repeat;
+  background-position: top right;
+  color: black;
+  font-weight: bold;
+  margin: 5px;
+  border:1px solid gray;
+  padding: 10px 50px 10px 10px;
+}
+
 .table2 {
 	border: 1px solid #000000; 
 	margin:	auto 10px auto 10px;