"Fixed" issues in IE by removing PIE.htc behaviour from critical places

1. iconbar hover effect lagged awfully behind
2. messages and boxes began to fall apart when an element styled by PIE.htc was scrolled out of the #content div
This might be a bug in PIE.htc, need to check and report upstream, if so.

We are now back to edged uglyness without pretty box shadows, but usability has to be dominant until we find a proper fix
NOTE: border-radius.htc does not work on iconbar buttons, it totally messes them up!

diff --git a/webcit/static/styles/box.css b/webcit/static/styles/box.css
index aefa3b560a10903b074c62a8e548fd489148e5c5..2a6163bc4f2b2514af61ca5285ca4759db565821 100644 (file)
--- a/webcit/static/styles/box.css
+++ b/webcit/static/styles/box.css
@@ -26,7 +26,6 @@
        border-radius: 8px 8px 0 0;
        -webkit-border-radius: 8px 8px 0 0;
        -moz-border-radius: 8px 8px 0 0;
-       behavior: url(/static/styles/PIE.htc);
 }
 
 .boxcontent {
@@ -41,6 +40,9 @@
        -webkit-box-shadow: #666 0px 1px 2px;
        -moz-box-shadow: #666 0px 2px 3px;
        box-shadow: #666 0px 2px 3px;
-       behavior: url(/static/styles/PIE.htc);
 }
 
+* .boxcontent {
+        border: 1px inset #666;
+        border-width: 1px 2px 3px 1px; 
+}

diff --git a/webcit/static/styles/iconbar.css b/webcit/static/styles/iconbar.css
index 20de4805c030c6a2922627d230e75852ddaf0c4a..12e51e8e310c42d9e608e243b2bddf13181a51a8 100644 (file)
--- a/webcit/static/styles/iconbar.css
+++ b/webcit/static/styles/iconbar.css
@@ -80,7 +80,6 @@ div.iconbar_text select { border: 1px solid #424b5; }
        -khtml-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
-       behavior: url(static/styles/PIE.htc);
  }
 
 .logo, #citlogo, .iconbar_text, #online_users li {

diff --git a/webcit/static/styles/message.css b/webcit/static/styles/message.css
index 06647cd0aa24f769a78a1392d0c1bf18424a8535..0f3fe647ced233a4fbf33b1dfd6357e26dfbe263 100644 (file)
--- a/webcit/static/styles/message.css
+++ b/webcit/static/styles/message.css
@@ -2,10 +2,15 @@
        background-color: #deded0;
        margin: 0.5em 1em;
 /*     border: 1px solid #5C646B; */
-       -webkit-box-shadow: #666 0px 1px 2px;
+       -webkit-box-shadow: #666 0px 2px 3px;
        -moz-box-shadow: #666 0px 2px 3px;
        box-shadow: #666 0px 2px 3px;
-       behavior: url(/static/styles/PIE.htc);
+/*     behavior: url(/static/styles/PIE.htc);*/
+}
+
+* .message {
+       border: 1px inset #666;
+       border-width: 1px 2px 3px 1px; 
 }
 
 .entmsg { height: 95%; }