diff options
author | chrisaga <chrisaga@piwigo.org> | 2006-04-09 10:53:14 +0000 |
---|---|---|
committer | chrisaga <chrisaga@piwigo.org> | 2006-04-09 10:53:14 +0000 |
commit | ba711b68b38f8b8aad7f7c4158b9479df7e6a44f (patch) | |
tree | 716e4b3380e5d63897df2b3430d21396935d688a /template-common | |
parent | 86a90feddf8a9f6918bac25c52f31f1f5d6e17c7 (diff) |
- Improve thumbnailCategories display : This new display looks quite good with both themes.
Handle long category description with automatic scrollbars.
Got rid of the hr.separation which mess the display sometimes.
git-svn-id: http://piwigo.org/svn/trunk@1136 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to 'template-common')
-rw-r--r-- | template-common/default-layout.css | 17 |
1 files changed, 13 insertions, 4 deletions
diff --git a/template-common/default-layout.css b/template-common/default-layout.css index 5f8cf62e1..87ef74fb2 100644 --- a/template-common/default-layout.css +++ b/template-common/default-layout.css @@ -16,17 +16,26 @@ BODY#theAdminPage #content { margin-left: 14em; } -/* Set some sizes according to your maximum thumbnail width adn height */ -#content UL.thumbnails SPAN, #content UL.thumbnails SPAN.wrap2 A { +/* Set some sizes according to your maximum thumbnail width and height */ +#content UL.thumbnails SPAN, +#content UL.thumbnails SPAN.wrap2 A, +#content DIV.thumbnailCategory DIV.illustration { width: 140px; /* max thumbnail width + 2px */ } -#content UL.thumbnails SPAN.wrap2 { +#content UL.thumbnails SPAN.wrap2, +#content DIV.thumbnailCategory DIV.description { height: 140px; /* max thumbnail height + 2px */ } -#content DIV.comment BLOCKQUOTE { +#content DIV.comment BLOCKQUOTE/*, +#content DIV.thumbnailCategory DIV.description*/ { margin-left: 150px; /*maximum thumbnail width + ~10px */ } +/* Category thumbnails on main page */ +#content UL.thumbnailCategories LI { + width: 49.9%; /* 49.9% for 2 per line, 33.3% for 3 per line*/ +} + /* display/hide thumbnails legend */ #content UL.thumbnails SPAN.thumbLegend { display: block; /* display: none; if you don't want legend */ |