aboutsummaryrefslogtreecommitdiffstats
path: root/BSF/template/yoga/thumbnails.css
diff options
context:
space:
mode:
authorvdigital <vdigital@piwigo.org>2008-05-23 21:05:41 +0000
committervdigital <vdigital@piwigo.org>2008-05-23 21:05:41 +0000
commit77fd1f51a3c5f5a52f72ef8a299fe368228e2285 (patch)
treea67ede42904657ccf3349ecdaef1cec8b8e36ff8 /BSF/template/yoga/thumbnails.css
parent553727dffacc48e8337c1d141f2a25af359e74b1 (diff)
git-svn-id: http://piwigo.org/svn/trunk@2357 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to 'BSF/template/yoga/thumbnails.css')
-rw-r--r--BSF/template/yoga/thumbnails.css60
1 files changed, 60 insertions, 0 deletions
diff --git a/BSF/template/yoga/thumbnails.css b/BSF/template/yoga/thumbnails.css
new file mode 100644
index 000000000..8d02e7742
--- /dev/null
+++ b/BSF/template/yoga/thumbnails.css
@@ -0,0 +1,60 @@
+/* $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; /* 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*/
+}
+
+/* label and input used for caddie in admin section */
+.content UL.thumbnails LABEL {
+ position: relative;
+}
+
+.content UL.thumbnails INPUT {
+ position: relative; /* <= Opera can handle relative here */
+ top: -20px;
+}
+:root .content UL.thumbnails INPUT { /* hide from Opera */
+ position: absolute; /* <= Opera hide 1 checkbox over 2 !!! */
+ left: 2px;
+ top: 2px;
+}
+
+UL.thumbnails .levelIndicatorB {
+display:block; position:absolute; z-index:100;padding:0px 0 0 14px; color:black; font-weight:bold; fontsize:120%;
+}
+
+UL.thumbnails .levelIndicatorF {
+display:block; position:absolute; z-index:101;padding:1px 0 0 15px; color:white; font-weight:bold; fontsize:120%;
+} \ No newline at end of file