aboutsummaryrefslogtreecommitdiffstats
path: root/template
diff options
context:
space:
mode:
authorchrisaga <chrisaga@piwigo.org>2005-08-20 09:17:54 +0000
committerchrisaga <chrisaga@piwigo.org>2005-08-20 09:17:54 +0000
commitdf74f2d2040ab1c44566335aac9767a5fe716e14 (patch)
tree1ec30daaa19f25905a5f6a7d9a8cfcd5adfbaf9d /template
parent52b88882416af59e1ecf9cbcf26856941615a0dd (diff)
categories are looking better
git-svn-id: http://piwigo.org/svn/trunk@843 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to '')
-rw-r--r--template/cclear/category.tpl34
-rw-r--r--template/cclear/content.css19
-rw-r--r--template/cclear/default-layout.css18
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;