Changeset 2593

Timestamp:

Sep 26, 2008, 3:21:37 AM (16 years ago)

Author:

rvelices

Message:

• removed 3 unused rules from thumbnails.css
• changed default font-family to Arial,Helvetica,sans-serif because it is widely used, available on most platforms with a very good utf-8 coverage while Univers, Helvetica, Optima, "Bitstream Vera Sans" were not even all sans serif

Location:

trunk/template/yoga

Files:

• content.css (modified) (1 diff)
• default-layout.css (modified) (1 diff)
• install.tpl (modified) (1 diff)
• thumbnails.css (modified) (1 diff)

trunk/template/yoga/content.css

@@ -110 +110 @@
 TD.calDayCellFull, TD.calDayCellEmpty, TD.calDayCellBlank {
         vertical-align: top;
-        font: bold 18px Arial, Helvetica, sans-serif;
+        font: bold 18px;
 }
 
 TD.calDayHead {
-        font: bold 12px Arial, Helvetica, sans-serif;
+        font: bold 12px;
         text-align: center;
 }

trunk/template/yoga/default-layout.css

@@ -4 +4 @@
         padding: 0;
         font-size: 0.8em;
-        font-family:  Univers, Helvetica, Optima, "Bitstream Vera Sans", sans-serif;
+        font-family: Arial,Helvetica,sans-serif;
 }
 

trunk/template/yoga/install.tpl

@@ -19 +19 @@
   padding: 0;
   font-size: 0.8em;
-  font-family:  Univers, Helvetica, Optima, "Bitstream Vera Sans", sans-serif;
+  font-family: Arial,Helvetica,sans-serif;
 }
 

trunk/template/yoga/thumbnails.css

@@ -3 +3 @@
 /* Thumbnails customization */
 .content UL.thumbnails SPAN.thumbLegend {
-  font-size: 80%;               /* font size */
-  overflow: hidden;             /* oversized legend is clipped */
+        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 */
+        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 */
+        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 */
+        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;
+        display: block;
+        border-bottom: none;
 }
 .content UL.thumbnails IMG {
-  margin-bottom: -4px;  /* why ??? something wrong with Geko and Opera ignored by IE6*/
+        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;
-}