Restore IE5/5.5 support to MonoBook and Chick

This reverts r61083 and r61085, per my Code Review comments at r61083.
IE5 and 5.5 work okay right now in MonoBook, and there's not really any
benefit to removing support where it already exists.

I'll backport this to 1.16 and revert r61128 there too shortly.

diff --git a/skins/Chick.php b/skins/Chick.php
index b5c9bda..c8eb815 100644 (file)
--- a/skins/Chick.php
+++ b/skins/Chick.php
@@ -25,6 +25,8 @@ class SkinChick extends SkinTemplate {
                parent::setupSkinUserCss( $out );
                // Append to the default screen common & print styles...
                $out->addStyle( 'chick/main.css', 'screen,handheld' );
+               $out->addStyle( 'chick/IE50Fixes.css', 'screen,handheld', 'lt IE 5.5000' );
+               $out->addStyle( 'chick/IE55Fixes.css', 'screen,handheld', 'IE 5.5000' );
                $out->addStyle( 'chick/IE60Fixes.css', 'screen,handheld', 'IE 6' );
        }
 }

diff --git a/skins/MonoBook.php b/skins/MonoBook.php
index 594366b..fdc1684 100644 (file)
--- a/skins/MonoBook.php
+++ b/skins/MonoBook.php
@@ -35,9 +35,13 @@ class SkinMonoBook extends SkinTemplate {
                        $out->addStyle( $wgHandheldStyle, 'handheld' );
                }
 
+               $out->addStyle( 'monobook/IE50Fixes.css', 'screen', 'lt IE 5.5000' );
+               $out->addStyle( 'monobook/IE55Fixes.css', 'screen', 'IE 5.5000' );
                $out->addStyle( 'monobook/IE60Fixes.css', 'screen', 'IE 6' );
                $out->addStyle( 'monobook/IE70Fixes.css', 'screen', 'IE 7' );
+
                $out->addStyle( 'monobook/rtl.css', 'screen', '', 'rtl' );
+
        }
 }
 

diff --git a/skins/chick/IE50Fixes.css b/skins/chick/IE50Fixes.css
new file mode 100644 (file)
index 0000000..4a193e9
--- /dev/null
+++ b/skins/chick/IE50Fixes.css
@@ -0,0 +1,67 @@
+/*
+** IE5.0 Fix Stylesheet
+*/
+
+#column-content {
+    margin: 0 !important;
+    float: none;
+}
+#column-content #content { 
+    margin-top: 3em; 
+    height: 1%;
+}
+#column-one {
+    position: absolute;
+    overflow: visible;
+    top: 0;
+    left: 0;
+    z-index: 3;
+}
+#footer {
+    margin: 0 0 0 13.6em;
+}
+
+/* IE 5 & 5.5 interpret keyword sizes one off */
+body { font-size: xx-small; }
+/*
+** the edit tabs
+*/
+#p-cactions li {
+    float: left;
+    padding-top: 0;
+    padding-bottom: 0 !important;
+    height: 0.9em;
+}
+#p-cactions li a {
+    display: block;
+    padding-bottom: 0.045em;
+}
+#p-cactions li.selected a {
+    padding-bottom: 0.17em;
+}
+#p-cactions li a:hover {
+    padding-bottom: 0.17em;
+}
+/* 5.0 doesn't like the background icon for external links and user */
+.link-external,
+.external {
+    background: none;
+    padding: 0;
+}
+#p-personal ul { float: right }
+#p-personal li { float: left }
+li#pt-userpage,
+li#pt-anonuserpage,
+li#pt-login,
+li#pt-logout {
+    background: none;
+    padding-left: none;
+}
+.visualClear {
+    width:100%;
+    height: 0px;
+    padding:0;
+    margin:0;
+}
+#firstHeading { margin-bottom: 0.3em; }
+/*div{ border:1px solid Red !important;}*/

diff --git a/skins/chick/IE55Fixes.css b/skins/chick/IE55Fixes.css
new file mode 100644 (file)
index 0000000..2f78561
--- /dev/null
+++ b/skins/chick/IE55Fixes.css
@@ -0,0 +1,81 @@
+/* IE5.5/win- only fixes */
+
+#column-content { 
+    float: none; 
+    margin-left: 0;
+    height: 1%;
+}
+#column-content #content {
+    position: relative;
+    z-index: 5;
+    margin-left: 12.2em;
+    margin-top: 3em;
+    height: 1%;
+}
+#column-one {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 4;
+    width: 100%;
+}
+#footer {
+    margin-left: 13.6em;
+    border-left: 1px solid #fabd23;
+}
+
+/*#bodyContent div,
+#bodyContent pre { overflow: auto; }*/
+
+#p-personal { padding-bottom: 0.1em; }
+
+body { font-size: xx-small; }
+
+#p-cactions {
+    width: 76% !important;
+    z-index: 3 !important;
+    float: none;
+}
+#p-cactions li {
+    padding-bottom: 0 !important;
+    border: none;
+    background-color: transparent;
+    cursor: default;
+    float: none !important;
+}
+#p-cactions li a {
+    display: inline-block !important;
+    vertical-align: top;
+    padding-bottom: 0;
+    border: solid #aaa;
+    border-width: 1px 1px 0;
+}
+#p-cactions li.selected a {
+    border-color: #fabd23;
+    padding-bottom: 0.17em;
+}
+#p-cactions li a:hover {
+    padding-bottom: 0.17em;
+}
+.portlet {
+    overflow:hidden;
+}
+#bodyContent a.external {
+    background: url(external.png) center right no-repeat;
+    padding-right: 13px;
+}
+/* show the hand */
+#p-logo a,
+#p-logo a:hover {
+    cursor: pointer;
+}
+.visualClear {
+    width:90%;
+    height: 1px;
+    padding:0;
+    margin:0;
+}
+
+#editform {
+    width: 100%;
+}

diff --git a/skins/monobook/IE50Fixes.css b/skins/monobook/IE50Fixes.css
new file mode 100644 (file)
index 0000000..26c3dc9
--- /dev/null
+++ b/skins/monobook/IE50Fixes.css
@@ -0,0 +1,67 @@
+/*
+** IE5.0 Fix Stylesheet
+*/
+
+#column-content {
+       margin: 0 !important;
+       float: none;
+}
+#column-content #content { 
+       margin-top: 3em; 
+       height: 1%;
+}
+#column-one {
+       position: absolute;
+       overflow: visible;
+       top: 0;
+       left: 0;
+       z-index: 3;
+}
+#footer {
+       margin: 0 0 0 13.6em;
+}
+
+/* IE 5 & 5.5 interpret keyword sizes one off */
+body { font-size: xx-small; }
+/*
+** the edit tabs
+*/
+#p-cactions li {
+       float: left;
+       padding-top: 0;
+       padding-bottom: 0 !important;
+       height: 0.9em;
+}
+#p-cactions li a {
+       display: block;
+       padding-bottom: 0.045em;
+}
+#p-cactions li.selected a {
+       padding-bottom: 0.17em;
+}
+#p-cactions li a:hover {
+       padding-bottom: 0.17em;
+}
+/* 5.0 doesn't like the background icon for external links and user */
+.link-external,
+.external {
+       background: none;
+       padding: 0;
+}
+#p-personal ul { float: right }
+#p-personal li { float: left }
+li#pt-userpage,
+li#pt-anonuserpage,
+li#pt-login,
+li#pt-logout {
+       background: none;
+       padding-left: none;
+}
+.visualClear {
+       width: 100%;
+       height: 0px;
+       padding:0;
+       margin: 0;
+}
+#firstHeading { margin-bottom: .3em; }
+/*div{ border:1px solid Red !important;}*/

diff --git a/skins/monobook/IE55Fixes.css b/skins/monobook/IE55Fixes.css
new file mode 100644 (file)
index 0000000..637daae
--- /dev/null
+++ b/skins/monobook/IE55Fixes.css
@@ -0,0 +1,85 @@
+/* IE5.5/win- only fixes */
+
+#column-content { 
+       float: none; 
+       margin-left: 0;
+       height: 1%;
+}
+#column-content #content {
+       position: relative;
+       z-index: 5;
+       margin-left: 12.2em;
+       margin-top: 3em;
+       height: 1%;
+}
+#column-one {
+       position: absolute;
+       top: 0;
+       left: 0;
+       z-index: 4;
+       width: 100%;
+}
+#footer {
+       margin-left: 13.6em;
+       border-left: 1px solid #fabd23;
+}
+
+/*#bodyContent div,
+#bodyContent pre { overflow: auto; }*/
+
+#p-personal { padding-bottom: .1em; }
+
+body { font-size: xx-small; }
+
+#p-cactions {
+       width: 76% !important;
+       z-index: 3 !important;
+       float: none;
+}
+#p-cactions li {
+       padding-bottom: 0 !important;
+       border: none;
+       background-color: transparent;
+       cursor: default;
+       float: none !important;
+}
+#p-cactions li a {
+       display: inline-block !important;
+       vertical-align: top;
+       padding-bottom: 0;
+       border: solid #aaa;
+       border-width: 1px 1px 0;
+}
+#p-cactions li.selected a {
+       border-color: #fabd23;
+       padding-bottom: 0.17em;
+}
+#p-cactions li a:hover {
+       padding-bottom: 0.17em;
+}
+#p-navigation a {
+       display: inline-block;
+       width: 100%;
+}
+.portlet {
+       overflow: hidden;
+}
+#bodyContent a.external {
+       background: url(external.png) center right no-repeat;
+       padding-right: 13px;
+}
+/* show the hand */
+#p-logo a,
+#p-logo a:hover {
+       cursor: pointer;
+}
+.visualClear {
+       width: 90%;
+       height: 1px;
+       padding: 0;
+       margin: 0;
+}
+
+#editform {
+       width: 100%;
+}