- improve : caddie display : now like the thumbails in category page. Valid HTML (still an Opera issue)

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

1 files changed, 19 insertions, 13 deletions

diff --git a/template/yoga/content.css b/template/yoga/content.css
index 1d2c7c930..2f17de8ff 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;
@@ -188,17 +205,6 @@ SPAN.filename:after {
   content: "]";
 }
 
-TD.thumbnail label {
-  position: relative;
-}
-TD.thumbnail input {
-  position: absolute;
-  left: 0;
-  top: 0;
-  background: transparent;
-  border: none;
-}
-
 /* begin chronology/calendar elements*/
 #content DIV.calendarViews {
   display: block;