categories are looking better

git-svn-id: http://piwigo.org/svn/trunk@843 68402e56-0260-453c-a942-63ccdbb3a9ee
This commit is contained in:
chrisaga
2005-08-20 09:17:54 +00:00
parent 52b8888241
commit df74f2d204
3 changed files with 49 additions and 22 deletions
+18 -16
View File
@@ -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 -->
<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_picture">{thumbnails.line.thumbnail.element_name.NAME}</span>
<!-- END element_name -->
<!-- BEGIN category_name -->
<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 -->
+13 -6
View File
@@ -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; }
+18
View File
@@ -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;