fix bug 381

git-svn-id: http://piwigo.org/svn/branches/branch-1_6@1317 68402e56-0260-453c-a942-63ccdbb3a9ee

3 files changed, 22 insertions, 3 deletions

diff --git a/template-common/default-layout.css b/template-common/default-layout.css
index 245115c6d..235f7df5f 100644
--- a/template-common/default-layout.css
+++ b/template-common/default-layout.css
@@ -24,6 +24,7 @@ BODY#theAdminPage #content {
 /* Set some sizes according to your maximum thumbnail width and height */
 #content UL.thumbnails SPAN,
 #content UL.thumbnails SPAN.wrap2 A,
+#content UL.thumbnails SPAN.wrap2 LABEL,
 #content DIV.thumbnailCategory DIV.illustration {
   width: 140px;			/* max thumbnail width + 2px */
 }
diff --git a/template/yoga/content.css b/template/yoga/content.css
index 1d2c7c930..dbf124cf0 100644
--- a/template/yoga/content.css
+++ b/template/yoga/content.css
@@ -56,7 +56,8 @@ BODY#theNBMPage #content
   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 A,
+#content UL.thumbnails SPAN.wrap2 LABEL {
   display: block;
   border-bottom: none;
 }
@@ -64,13 +65,24 @@ BODY#theNBMPage #content
   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;
+}
+
 /* fix IE with another layout */
 * html #content UL.thumbnails SPAN.wrap2 {
   display: block;
   position: relative;
   text-align: left;
 }
-* html #content UL.thumbnails SPAN.wrap2 A {
+* html #content UL.thumbnails SPAN.wrap2 A,
+* html #content UL.thumbnails SPAN.wrap2 LABEL {
   overflow: visible;
   position: absolute;
   top: 50%;
@@ -83,6 +95,11 @@ BODY#theNBMPage #content
     margin-top: -40%;
   /**/
 }
+* html #content UL.thumbnails SPAN.wrap2 input {
+  position: absolute;
+  left: 0;
+  top: -50%;  /* same as other browsers but not so pretty */
+}
 
 #content .navigationBar, #content .additional_info {
     margin: 10px 0;
diff --git a/template/yoga/fix-ie5-ie6.css b/template/yoga/fix-ie5-ie6.css
index 7f9d7c312..b50763967 100644
--- a/template/yoga/fix-ie5-ie6.css
+++ b/template/yoga/fix-ie5-ie6.css
@@ -10,7 +10,8 @@ H1, #theHeader {
 }
 
 /* to get less hugly checkboxes at least in tagSelection */
-UL.tagSelection LI INPUT {
+UL.tagSelection LI INPUT,
+#content UL.thumbnails SPAN.wrap2 input {
   border: none;
   background-color: transparent;
 }