Now using a CSS hack for IE's "filter" attribute to prevent CSS warnings in Firefox
authorDan
Mon, 06 Aug 2007 10:37:42 -0400
changeset 84 f99fb84bd959
parent 83 80facec76d9f
child 85 7c68a18a27be
Now using a CSS hack for IE's "filter" attribute to prevent CSS warnings in Firefox
includes/clientside/css/enano-shared-ie.css
includes/clientside/css/enano-shared.css
includes/clientside/tinymce/themes/advanced/css/editor_ui.css
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/includes/clientside/css/enano-shared-ie.css	Mon Aug 06 10:37:42 2007 -0400
@@ -0,0 +1,29 @@
+/*
+ * Shared stuff that all Enano themes (should) use. IE-only.
+ */
+
+span.tc_small_index_1 {
+  filter: alpha(opacity=100);
+}
+span.tc_small_index_2 {
+  filter: alpha(opacity=80);
+}
+span.tc_small_index_3 {
+  filter: alpha(opacity=60);
+}
+span.tc_small_index_4 {
+  filter: alpha(opacity=50);
+}
+span.tc_small_index_5 {
+  filter: alpha(opacity=45);
+}
+span.tc_small_index_6 {
+  filter: alpha(opacity=40);
+}
+span.tc_small_index_7 {
+  filter: alpha(opacity=35);
+}
+span.tc_small_index_8 {
+  filter: alpha(opacity=30);
+}
+
--- a/includes/clientside/css/enano-shared.css	Mon Aug 06 10:09:48 2007 -0400
+++ b/includes/clientside/css/enano-shared.css	Mon Aug 06 10:37:42 2007 -0400
@@ -1,7 +1,7 @@
 /*
  * Shared stuff that all Enano themes (should) use
  */
-
+ 
 /* Information, warning, question, error, and wait boxes */
 div.error-box                     { background-image: url(../../../images/error.png);    background-position: 8px 8px; background-repeat: no-repeat; background-color: #FFF4F4; border: 1px dashed #406080; padding: 10px 10px 10px 50px; margin: 1em 0 0 0; min-height: 25px; }
 div.info-box                      { background-image: url(../../../images/info.png);     background-position: 8px 8px; background-repeat: no-repeat; background-color: #F4F4FF; border: 1px dashed #406080; padding: 10px 10px 10px 50px; margin: 1em 0 0 0; min-height: 25px; }
@@ -9,6 +9,10 @@
 div.question-box                  { background-image: url(../../../images/question.png); background-position: 8px 8px; background-repeat: no-repeat; background-color: #F4FFF4; border: 1px dashed #406080; padding: 10px 10px 10px 50px; margin: 1em 0 0 0; min-height: 25px; }
 div.wait-box                      { background-image: url(../../../images/wait.png);     background-position: 8px 8px; background-repeat: no-repeat; background-color: #FFF4FF; border: 1px dashed #406080; padding: 10px 10px 10px 50px; margin: 1em 0 0 0; min-height: 25px; }
 
+/* IE-only stylesheet \*/
+@import url("enano-shared-ie.css");
+/* End IE-only stylesheet */
+
 div.error-box-mini                { background-image: url(../../../images/mini-error.png);    background-position: 5px center; background-repeat: no-repeat; background-color: #FFF4F4; border: 1px solid #406080; padding: 4px 4px 4px 26px; margin: 1em 0; min-height: 17px; }
 div.info-box-mini                 { background-image: url(../../../images/mini-info.png);     background-position: 5px center; background-repeat: no-repeat; background-color: #F4F4FF; border: 1px solid #406080; padding: 4px 4px 4px 26px; margin: 1em 0; min-height: 17px; }
 div.warning-box-mini              { background-image: url(../../../images/mini-warning.png);  background-position: 5px center; background-repeat: no-repeat; background-color: #FFFFF4; border: 1px solid #406080; padding: 4px 4px 4px 26px; margin: 1em 0; min-height: 17px; }
@@ -432,6 +436,7 @@
 span.tc_word_small {
   font-family: Arial, helvetica, sans-serif;
   font-size: 8pt;
+  color: #000;
 }
 span.tc_word_normal a, span.tc_word_small a {
   color: inherit !important;
@@ -471,34 +476,35 @@
   font-size: 0.8em;
 }
 span.tc_small_index_1 {
-  color: #000;
+  opacity: 1;
   font-size: 1.4em;
 }
 span.tc_small_index_2 {
-  color: #333;
+  opacity: 0.8;
   font-size: 1.3em;
 }
 span.tc_small_index_3 {
-  color: #666;
+  opacity: 0.6;
   font-size: 1.2em;
 }
 span.tc_small_index_4 {
-  color: #999;
+  opacity: 0.5;
   font-size: 1em;
 }
 span.tc_small_index_5 {
-  color: #aaa;
+  opacity: 0.45;
   font-size: 1.3em;
 }
 span.tc_small_index_6 {
-  color: #bbb;
+  opacity: 0.4;
   font-size: 1.1em;
 }
 span.tc_small_index_7 {
-  color: #ccc;
+  opacity: 0.35;
   font-size: 0.9em;
 }
 span.tc_small_index_8 {
-  color: #ddd;
+  opacity: 0.3;
   font-size: 0.7em;
 }
+
--- a/includes/clientside/tinymce/themes/advanced/css/editor_ui.css	Mon Aug 06 10:09:48 2007 -0400
+++ b/includes/clientside/tinymce/themes/advanced/css/editor_ui.css	Mon Aug 06 10:37:42 2007 -0400
@@ -69,7 +69,7 @@
 /* MSIE 6 specific rules */
 
 * html a.mceButtonNormal img, * html a.mceButtonSelected img, * html a.mceButtonDisabled img {border: 0 !important; margin-top: 2px; margin-bottom: 1px;}
-* html a.mceButtonDisabled img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); border: 0 !important;}
+* html a.mceButtonDisabled img {/* \*/ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); /* */ border: 0 !important;}
 * html a.mceButtonDisabled {border: 1px solid #F0F0EE !important;}
 * html a.mceButtonNormal, * html a.mceButtonSelected {border: 1px solid #F0F0EE !important; cursor: default;}
 * html a.mceButtonSelected {border: 1px solid #6779AA !important; background-color: #D4D5D8;}
@@ -84,7 +84,7 @@
 /* MSIE 7 specific rules */
 
 *:first-child+html a.mceButtonNormal img, *:first-child+html a.mceButtonSelected img, *:first-child+html a.mceButtonDisabled img {border: 0 !important; margin-top: 2px; margin-bottom: 1px;}
-*:first-child+html a.mceButtonDisabled img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); border: 0 !important;}
+*:first-child+html a.mceButtonDisabled img { /* \*/ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); /* */ border: 0 !important;}
 *:first-child+html a.mceButtonDisabled {border: 1px solid #F0F0EE !important;}
 *:first-child+html a.mceButtonNormal, *:first-child+html a.mceButtonSelected {border: 1px solid #F0F0EE !important; cursor: default;}
 *:first-child+html a.mceButtonSelected {border: 1px solid #6779AA !important; background-color: #D4D5D8;}