mainly ie fixes

diff --git a/stylesheets/monobook/IE50Fixes.css b/stylesheets/monobook/IE50Fixes.css
index e36c652..4f36ae5 100644 (file)
--- a/stylesheets/monobook/IE50Fixes.css
+++ b/stylesheets/monobook/IE50Fixes.css
@@ -39,6 +39,7 @@ body {
     display: block;
     float: left;
     overflow: visible;
+    padding: 0;
     white-space: nowrap !important;
 }
 #portlet-contentViews li.selected {

diff --git a/stylesheets/monobook/IE55Fixes.css b/stylesheets/monobook/IE55Fixes.css
index bb192d1..b896b63 100644 (file)
--- a/stylesheets/monobook/IE55Fixes.css
+++ b/stylesheets/monobook/IE55Fixes.css
@@ -1,12 +1,24 @@
 /* IE5.5/win- only fixes */
 
+#portal-column-content {
+    display: inline;
+}
 #portal-column-content #content {
     margin-top: 2.8em;
+    overflow: auto;
+}
+#bodyContent center,
+#bodyContent pre {
+    width: 100%;
+    overflow: auto;
 }
 
 #portal-personaltools {
     padding-bottom: 0.1em;
 }
+img {
+    position: relative;
+}
 
 body {
     font-size: xx-small;
@@ -20,6 +32,7 @@ body {
 #portlet-contentViews li {
     display: block;
     float: left;
+    padding: 0;
 }
 #portlet-contentViews li.selected {
     background-color: White;

diff --git a/stylesheets/monobook/IE60Fixes.css b/stylesheets/monobook/IE60Fixes.css
index 3436170..9b19232 100644 (file)
--- a/stylesheets/monobook/IE60Fixes.css
+++ b/stylesheets/monobook/IE60Fixes.css
@@ -1,32 +1,28 @@
 /* 6.0 - only fixes */
 /* content area */ 
-#portal-column-content {
-    margin: 0 0 4.8em 0;
-    float: none;
-}
-body, #visual-portal-wrapper {
-    height: 100%;
-}
+
+/* workaround for various ie float bugs */
 #portal-column-content #content {
-    height: 100%;
     margin-top: 2.9em;
+    overflow: auto;
 }
-#portal-column-one {
-    position: absolute;
-    top:0;
-    left:0;
-    margin-bottom: 4em;
-    z-index: 3;
+
+#portal-column-content {
+    display: inline;
 }
-#portal-footer {
-    position: absolute;
-    float: none;
-    bottom: 0px;
+#bodyContent center, /* the full-size images are in center tags */
+#bodyContent pre {
     width: 100%;
+    overflow: auto;
 }
 
+
 /* the tabs */
 
+#portlet-contentViews {
+    z-index: 3;
+}
+
 #portlet-contentViews li {
     display: block;
     float: left;
@@ -48,12 +44,6 @@ body, #visual-portal-wrapper {
     padding-right: 13px;
 }
 
-/* disappearing table fix */
-#bodyContent,
-.documentContent {
-    position: relative;
-    z-index: 0 !important;
-}
 
 /* height on everything... */
 #toc,

diff --git a/stylesheets/monobook/IEMacFixes.css b/stylesheets/monobook/IEMacFixes.css
index a3cfe5d..faa720a 100644 (file)
--- a/stylesheets/monobook/IEMacFixes.css
+++ b/stylesheets/monobook/IEMacFixes.css
@@ -4,7 +4,6 @@
     float: none;
 }
 #portal-column-content #content {
-    height: 100%;
     z-index: 0;
 }
 #portal-column-one {
@@ -16,22 +15,30 @@
 #portal-footer {
     margin-left: 12em; 
 }
-
+/*
 #portlet-contentViews {
     top: 0.6em !important;
     left: 14.5em !important;
 }
-
-#portlet-contentViews li  {
+*/
+#portlet-contentViews li,
+#portlet-contentViews .selected {
     border: none !important;
 }
 #portlet-contentViews li a   {
     border: 1px solid #aaaaaa;
     border-bottom: none;
 }
+#portlet-contentViews li.selected a {
+    border: 1px solid #fabd23;
+    border-bottom: none;
+}
 /* no background images */
 li#personaltools-userpage,
 li#personaltools-login/* */ {
     background: none;
     padding-left: none;
 }
+#mactest {
+color: Green;
+}

diff --git a/stylesheets/monobook/main.css b/stylesheets/monobook/main.css
index a781c67..af02582 100644 (file)
--- a/stylesheets/monobook/main.css
+++ b/stylesheets/monobook/main.css
@@ -19,9 +19,10 @@
     width: 100%;
     float: right;
     margin: 0 0 0 -12.2em;
+    padding:0;
 }
 #portal-column-content #content {
-    margin: 2.6em 0 0 12.2em;
+    margin: 2.7em 0 0 12.2em;
 }
 #portal-column-one {
     padding-top: 160px;
@@ -46,6 +47,8 @@ body {
 #visual-portal-wrapper {
     font-size:123%;
     width: 100%;
+    margin: 0;
+    padding: 0;
 }
 
 /* general styles */
@@ -84,7 +87,7 @@ p img {
 }
 
 hr {
-    height: 1px !important;
+    height: 1px;
     color: #aaaaaa;
     background-color: #aaaaaa;
     border: 0;
@@ -199,15 +202,17 @@ textarea {
     width: 98%;
     padding: 0.1em;
 }
-
-input {
-    font-family: "Bitstream Vera Sans", "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
-    visibility: visible;
-    border: 1px solid #2f6fab;  
-    color: Black;
-    background-color: white;
-    vertical-align: middle;
-    padding: 0.2em;
+/* hide this from ie/mac and konq2.2 */
+@media all {
+    input {
+        font-family: "Bitstream Vera Sans", "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
+        visibility: visible;
+        border: 1px solid #2f6fab;  
+        color: Black;
+        background-color: white;
+        vertical-align: middle;
+        padding: 0.2em;
+    }
 }
 input[type=radio],
 input[type=checkbox] {
@@ -285,7 +290,7 @@ pre {
 
 
 .documentContent {
-    padding: 0em 1em 1.5em 1em !important;
+    padding: 0em 1em 1.5em 1em;
     background: White;
     border: 1px solid #aaaaaa;
     border-right: none;
@@ -328,11 +333,159 @@ pre {
     text-decoration: none;
 }
 
+/*
+** mediawiki-specific styles
+*/
+
+a.stub,
+a.new{ color:#ba0000; text-decoration:none; }
+
+#toc { 
+    /*border:1px solid #2f6fab;*/
+    border:1px solid #aaaaaa;
+    background-color:#f9f9f9;
+    padding:5px;
+    font-size: 95%;
+}
+.tocindent {
+       margin-left: 2em;
+}
+.tocline {
+       margin-bottom: 0px;
+}
+.toctoggle, .editsection {
+       font-size: smaller;
+}
+/* images */
+div.floatright { float: right; 
+    margin: 0 0 1em 1em;
+    position:relative;
+
+}
+div.floatright p { font-style: italic;} 
+div.floatleft { float: left; margin: 0.3em 0.5em 0.5em 0;
+    position:relative;
+}
+div.floatleft p { font-style: italic; } 
+/* thumbnails */
+div.thumbnail-none,
+div.thumbnail-right,
+div.thumbnail-left {
+ /*   border:1px solid #2f6fab;*/
+      border:1px solid #cccccc;
+    
+    background-color:#f9f9f9;
+    padding: 2px;
+    position:relative;
+    margin: 0.3em 0 0.5em;
+    font-size: 95%;
+    text-align: center;
+}
+div.thumbnail-none p, div.thumbnail-right p, div.thumbnail-left p {
+    margin-top:3px; margin-bottom:3px;
+    position:relative;
+    text-align: left;
+}
+div.thumbnail-right {
+    float: right;
+    position:relative;
+    margin-left:0.5em;
+}
+div.thumbnail-left {
+    float: left;
+    position:relative;
+    margin-right:0.5em;
+}
+/* table standards */
+table.rimage {
+    float:right; 
+    width:1pt; 
+    position:relative;
+    margin-left:1em; 
+    margin-bottom:1em;
+    text-align:center;
+}
+
+/*
+** Link rendering 
+*/
+
+.urlexpansion,
+.hiddenStructure {
+    display: none;
+}
+
+/* 
+** keep the whitespace in front of the ^=, hides rule from konqueror
+** this is css3, the validator doesn't like it when validating as css2 
+*/
+#bodyContent a[href ^="http://"],
+#bodyContent a[href ^="gopher://"] {
+    background: url(external.png) center right no-repeat;
+    padding-right: 13px;
+}
+#bodyContent a[href ^="https://"],
+.link-https {
+    background: transparent url("lock_icon.gif") center right no-repeat;
+    padding-right: 16px;
+}
+#bodyContent a[href ^="mailto:"],
+.link-mailto {
+    background: transparent url("mail_icon.gif") center right no-repeat;
+    padding-right: 18px;
+}
+#bodyContent a[href ^="news://"] {
+    background: transparent url("news_icon.png") center right no-repeat;
+    padding-right: 18px;
+}
+#bodyContent a[href ^="ftp://"],
+.link-ftp {
+    background: transparent url("file_icon.gif") center right no-repeat;
+    padding-right: 18px;
+}
+#bodyContent a[href ^="irc://"],
+.link-irc {
+    background: transparent url("discussionitem_icon.gif")  center right no-repeat;
+    padding-right: 18px;
+}
+.visualClear {
+    display: block;
+    clear: both;
+}
+
+/*
+** classes for special content elements like town boxes
+*/
+div.townBox {
+    position:relative;
+    float:right;
+    background:White;
+    margin-left:1em;
+    border: 1px solid Grey;
+    padding:0.3em;
+    line-height: 1.0em;
+    width: 200px;
+    overflow: hidden;
+}
+div.townBox dl {
+    padding: 0;
+    margin: 0 0 0.3em 0; 
+    font-size: 96%;
+}
+div.townBox dl dt {
+    background-color: transparent;
+    margin: 0.4em 0 0 0;
+}
+div.townBox dl dd {
+    margin: 0.1em 0 0 1.1em;
+    background-color: #f3f3f3;
+}
+
 /*
 ** Special content area views
 */
 .special li {
-    line-height: 1.4em !important;
+    line-height: 1.4em;
     margin: 0;
     padding: 0;
 }
@@ -343,11 +496,6 @@ pre {
 /*
 ** Structural Elements
 */
-#visual-portal-wrapper {
-    position: relative;
-    margin: 0;
-    padding: 0;
-}
 
 /*
 ** the portlets (elements in the quickbar)
@@ -492,6 +640,9 @@ pre {
     position:relative;
     z-index:2;
 }    
+#portlet-search .portletBody {
+    text-align: center;
+}
 input.searchButton {
     margin-top:1px;
     padding: 0 0.4em;
@@ -506,7 +657,7 @@ input.searchButton {
 }
 
 #searchGadget {
-    width:11.1em;
+    width:11.0em;
     margin: 0 0 0 0;
     font-size: 95%;
 }
@@ -522,8 +673,8 @@ input.searchButton {
 */
 
 #portlet-personal {
-    width:100% !important;
-    white-space:nowrap !important;
+    width:100%;
+    white-space:nowrap;
     padding:0 0 0 0;
     margin:0;
     position:absolute;
@@ -545,7 +696,7 @@ input.searchButton {
 #portlet-personal .odd{
     padding:0;
     margin:0;
-    border: none !important;
+    border: none;
     z-index:0;
     overflow: visible;
     background-color: transparent;
@@ -603,10 +754,11 @@ input.searchButton {
     padding-bottom: 0.2em;
 }
 
-/* the icon in front of the user name */
+/* the icon in front of the user name, single quotes
+in bg url to hide it from iemac */
 li#personaltools-userpage,
 li#personaltools-login {
-    background: transparent url(user.gif) center left no-repeat;
+    background: transparent url('user.gif') center left no-repeat;
     background-repeat: no-repeat;
     padding-left: 20px;
     text-transform: none;
@@ -621,7 +773,7 @@ li#personaltools-login {
     top: 1.2em;
     left: 11.5em;
     margin: 0;
-    white-space:nowrap !important;
+    white-space:nowrap;
     /*width:auto;*/
     width: 76%;
     line-height: 1.1em;
@@ -644,10 +796,11 @@ li#personaltools-login {
     display: inline;
     border: 1px solid #aaaaaa;
     border-bottom: none;
-    padding: 0;
+    padding: 0 0 0.1em 0;
     margin: 0 0.3em 0 0;
     overflow: visible;
 }
+
 #portlet-contentViews li.selected {
     border-color: #fabd23;
     padding: 0 0 0.2em 0;
@@ -664,6 +817,7 @@ li#personaltools-login {
     z-index: 0;
     margin: 0;
 }
+
 #portlet-contentViews .selected a {
     z-index: 3;
 }
@@ -697,7 +851,6 @@ li#contentaction-watch {
     background-color: White;
     border-top: 1px solid #fabd23;
     border-bottom: 1px solid #fabd23;
-    float: none;
     margin: 0.3em 0em 1em 0em;
     padding: 0.4em 0em 1em 0em;
     text-align: center;
@@ -707,187 +860,34 @@ li#contentaction-watch {
     display: inline;
     margin-right: 2em;
 }
-#portal-colophon {
-    float: none;
-    text-align: center;
-}
-#portal-colophon ul,
-#portal-colophon ul li,
-#portal-colophon ul li a {
-    list-style: none;
-    display: inline;
-    text-decoration: none;
-}
 
-/*
-** mediawiki-specific styles
-*/
-
-a.stub,
-a.new{ color:#ba0000; text-decoration:none; }
-
-#toc { 
-    /*border:1px solid #2f6fab;*/
-    border:1px solid #aaaaaa;
-    background-color:#f9f9f9;
-    padding:5px;
-}
-/* images */
-div.floatright { float: right; 
-    margin: 0 0 1em 1em;
-    position:relative;
-
-}
-div.floatright p { font-style: italic;} 
-div.floatleft { float: left; margin: 0.3em 0.5em 0.5em 0;
-    position:relative;
-}
-div.floatleft p { font-style: italic; } 
-/* thumbnails */
-div.thumbnail-none,
-div.thumbnail-right,
-div.thumbnail-left {
- /*   border:1px solid #2f6fab;*/
-      border:1px solid #cccccc;
-    
-    background-color:#f9f9f9;
-    padding: 2px;
-    position:relative;
-    margin: 0.3em 0 0.5em;
-    font-size: 95%;
-    text-align: center;
-}
-div.thumbnail-none p, div.thumbnail-right p, div.thumbnail-left p {
-    margin-top:3px; margin-bottom:3px;
-    position:relative;
-    text-align: left;
-}
-div.thumbnail-right {
-    float: right;
-    position:relative;
-    margin-left:0.5em;
-}
-div.thumbnail-left {
-    float: left;
-    position:relative;
-    margin-right:0.5em;
-}
-/* table standards */
-table.rimage {
-    float:right; 
-    width:1pt; 
-    position:relative;
-    margin-left:1em; 
-    margin-bottom:1em;
-    text-align:center;
-}
 
-/*
-** Accessibility and visual enhancement elements 
+/* 
+** IE/Mac fixes, hope to find a validating way to move this
+** to a separate stylesheet. This would work but doesn't validate: 
+** @import("IEMacFixes.css");
 */
 
-.link-plain {
-    background-image: none;
-    padding: 0;
-}
-.link-parent {
-    display: block;
-    background: transparent url("arrowUp.gif") 4px 5px no-repeat;
-    padding: 1px 0px 1px 16px;
-    font-size: 80%;
-}
-.link-user {
-    background: transparent url("user.gif") 0 1px no-repeat;
-    padding: 1px 0px 1px 16px;
-}
-#bodyContent a[href^="http://"] {
-    background: url(external.png) center right no-repeat;
-    padding-right: 13px;
-}
-.urlexpansion {
-    display: none;
-}
-#bodyContent a[href^="https://"],
-.link-https {
-    background: transparent url("lock_icon.gif") center right no-repeat;
-    padding-right: 16px;
-}
-#bodyContent a[href^="mailto:"],
-#bodyContent a[href^="news://"],
-.link-mailto {
-    background: transparent url("mail_icon.gif") center right no-repeat;
-    padding-right: 18px;
-}
-#bodyContent a[href^="ftp://"],
-.link-ftp {
-    background: transparent url("file_icon.gif") center right no-repeat;
-    padding-right: 18px;
-}
-#bodyContent a[href^="irc://"],
-.link-irc {
-    background: transparent url("discussionitem_icon.gif")  center right no-repeat;
-    padding-right: 18px;
+/* tabs: border on the a, not the div */
+*>html #portlet-contentViews li {
+    border:none;
 }
-/* dummy rule for konq 2.2 */
-#bodyContent a[href^="konqueror://"] {
-    background: none;
-    padding: none;
+*>html #portlet-contentViews li a {
+    border: 1px solid #aaaaaa;
+    border-bottom: none;
 }
-.hiddenStructure {
-    display: none;
-  }
-
-.contentActions .hiddenStructure {
-    position: absolute;
-    top: -200px;
-    left: -200px;
+*>html #portlet-contentViews li.selected a {
+    border-color: #fabd23;
 }
 
-.visualClear {
-    display: block;
-    clear: both;
-}
-.hiddenLabel {
-    display: block;
-    background: transparent;
-    background-image: none; /* safari bug */
-    border: none;
-    height: 1px;
-    overflow: hidden;
-    padding: 0;
-    margin: -1px 0 0 -1px;
-    width: 1px;
-}
-.label {
-    font-weight: bold;
+/* fixes for broken IE float handling */
+*>html #portal-column-content {
     display: inline;
-    padding-right: 0.5em;
 }
-
-.visualOverflow {
+/* the full-size images are in center tags */
+*>html #bodyContent center, 
+*>html #bodyContent pre {
     overflow: auto;
-    margin: 0 0 1em 0;
-}
-
-.visualOverflow pre,
-.visualOverflow table,
-.visualOverflow img {
-    margin: 0;
-}
-
-/* for highlighting of search terms */
-
-.highlightedSearchTerm {
-   background-color: #feff82;
 }
-
 /* debugging tool.. */
-/*div{ border:1px solid #000000 !important;}*/
-
-/*
-** IE/Mac
-*/
-
-\/*
-@import("IEMacFixes.css");
-*/
+/*div{ border:1px solid #000000;}*/