Changeset 1263

Timestamp:

Apr 23, 2006, 12:31:10 PM (18 years ago)

Author:

chrisaga

Message:

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

Location:

trunk

Files:

• template-common/default-layout.css (modified) (1 diff)
• template/yoga/admin/element_set_global.tpl (modified) (3 diffs)
• template/yoga/content.css (modified) (5 diffs)
• template/yoga/fix-ie5-ie6.css (modified) (1 diff)

trunk/template-common/default-layout.css

@@ -25 +25 @@
 #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 */

trunk/template/yoga/admin/element_set_global.tpl

@@ -35 +35 @@
 
   <legend>{lang:Display options}</legend>
-
+<!--
   <p>{lang:elements per line}:
       <a href="{U_COLS}&amp;cols=4">4</a>
@@ -45 +45 @@
     | <a href="{U_COLS}&amp;cols=10">10</a>
   </p>
-
+-->
   <p>{lang:elements per page}:
       <a href="{U_DISPLAY}&amp;display=20">20</a>
@@ -158 +158 @@
 
   <!-- BEGIN thumbnails -->
-  <!--table valign="top" align="center" class="thumbnail"-->
-  <table class="thumbnail">
+  <ul class="thumbnails">
     <!-- BEGIN line -->
-    <tr>
       <!-- BEGIN thumbnail -->
-      <td class="thumbnail">
+      <li><span class="wrap1"><span class="wrap2">
         <label>
         <img src="{thumbnails.line.thumbnail.SRC}"
              alt="{thumbnails.line.thumbnail.ALT}"
              title="{thumbnails.line.thumbnail.TITLE}"
-             class="thumbLink" />
+             class="thumbnail" />
         <input type="checkbox" name="selection[]" value="{thumbnails.line.thumbnail.ID}" />
         </label>
-      </td>
+      </span></span></li>
       <!-- END thumbnail -->
-    </tr>
     <!-- END line -->
-  </table>
+  </ul>
   <!-- END thumbnails -->
 

trunk/template/yoga/content.css

@@ -57 +57 @@
   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;
@@ -63 +64 @@
 #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;
 }
 
@@ -71 +82 @@
   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;
@@ -83 +95 @@
     margin-top: -40%;
   /**/
+}
+* html #content UL.thumbnails SPAN.wrap2 input {
+  position: absolute;
+  left: 0;
+  top: -50%;  /* same as other browsers but not so pretty */
 }
 
@@ -189 +206 @@
 }
 
-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 {

trunk/template/yoga/fix-ie5-ie6.css

@@ -11 +11 @@
 
 /* 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;