aboutsummaryrefslogtreecommitdiffstats
path: root/template/yoga/thumbnails.css
diff options
context:
space:
mode:
authorchrisaga <chrisaga@piwigo.org>2006-06-24 08:56:59 +0000
committerchrisaga <chrisaga@piwigo.org>2006-06-24 08:56:59 +0000
commit300eaed89232caa09695e2a947c4e92c1d2d229a (patch)
tree6acc228e7a4e887d882137c0de8cae03ee499821 /template/yoga/thumbnails.css
parent235cd535398d706ba8c26314660549bba9be555f (diff)
feature 434: split thumbnails in template so customization could be easyer
git-svn-id: http://piwigo.org/svn/trunk@1384 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to '')
-rw-r--r--template/yoga/thumbnails.css47
1 files changed, 47 insertions, 0 deletions
diff --git a/template/yoga/thumbnails.css b/template/yoga/thumbnails.css
new file mode 100644
index 000000000..dfc4bb9dc
--- /dev/null
+++ b/template/yoga/thumbnails.css
@@ -0,0 +1,47 @@
+/* $Id: $ */
+
+/* Thumbnails customization */
+#content UL.thumbnails SPAN.thumbLegend {
+ font-size: 80%; /* font size */
+ 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;
+ 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 SPAN.wrap2 LABEL {
+ display: block;
+ border-bottom: none;
+}
+#content UL.thumbnails IMG {
+ margin-bottom: -4px; /* why ??? something wrong with Geko and Opera ignored by IE6*/
+}
+
+/* label and input used for caddie in admin section */
+#content UL.thumbnails SPAN.wrap2 LABEL {
+ position: relative;
+}
+:root #content UL.thumbnails SPAN.wrap2 INPUT { /* hide from Opera */
+ position: absolute;
+ left: 0;
+ top: 0;
+}
+