feature 1502: based on Dotclear model, P@t has reorganized the way Piwigo

manages template/theme in a simpler "theme only level" architecture. It
supports multiple level inheritance.

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

1 files changed, 36 insertions, 0 deletions

diff --git a/themes/default/thumbnails.css b/themes/default/thumbnails.css
new file mode 100644
index 000000000..5ed9544c9
--- /dev/null
+++ b/themes/default/thumbnails.css
@@ -0,0 +1,36 @@
+
+/* Thumbnails customization */
+.content UL.thumbnails SPAN.thumbLegend {
+	font-size: 90%;
+	overflow: hidden;/* oversized legend is clipped */
+}
+
+/* Thumbnail "elastic" layout */
+.content UL.thumbnails {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+	text-align: center;	/* to center the whole collection in .content */
+}
+.content UL.thumbnails LI { display: inline }
+
+.content UL.thumbnails SPAN.wrap1 {
+	margin: 0 5px 5px 5px;
+	display: table-cell; display: inline-table;
+	display: inline-block;/* Why 3 display option ??? */
+	vertical-align: top;	/* OK with Opera and IE6 not Geko */
+	text-align: center;		/* to center the thumbnail and legend in Geko/Opera */
+}
+.content UL.thumbnails SPAN.wrap2 {
+	margin: 0;			/* important reset the margins */
+	display: table-cell;/* block prevents vertical-align here */
+	vertical-align: middle;/* Ok with Opera and Geko not IE6 */
+}
+.content UL.thumbnails SPAN.wrap2 A,
+.content UL.thumbnails LABEL {
+	display: block;
+	border-bottom: none;
+}
+.content UL.thumbnails IMG {
+	margin-bottom: -4px;  /* why ??? something wrong with Geko and Opera ignored by IE6*/
+}