diff options
author | chrisaga <chrisaga@piwigo.org> | 2005-08-20 09:17:54 +0000 |
---|---|---|
committer | chrisaga <chrisaga@piwigo.org> | 2005-08-20 09:17:54 +0000 |
commit | df74f2d2040ab1c44566335aac9767a5fe716e14 (patch) | |
tree | 1ec30daaa19f25905a5f6a7d9a8cfcd5adfbaf9d /template/cclear | |
parent | 52b88882416af59e1ecf9cbcf26856941615a0dd (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.tpl | 34 | ||||
-rw-r--r-- | template/cclear/content.css | 19 | ||||
-rw-r--r-- | template/cclear/default-layout.css | 18 |
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; |