inline interwiki link now with class "extiw" instead of "external"
[lhc/web/wiklou.git] / stylesheets / monobook / main.css
index d9cc799..065bf47 100644 (file)
@@ -1,5 +1,5 @@
 /*
-** Mediawiki 'mono' style sheet for CSS2-capable browsers.
+** Mediawiki 'monobook' style sheet for CSS2-capable browsers.
 ** Copyright Gabriel Wicke - http://www.aulinx.de/
 **
 ** Based on http://www.positioniseverything.net/ordered-floats.html by Big John
@@ -7,36 +7,37 @@
 ** Alexander Limi - http://www.plonesolutions.com
 ** additional plone work:
 ** Joe Geldart & Tom Croucher - http://www.netalleynetworks.com, Michael Zeltner - http://niij.org,
-** Geir Bækholt - http://www.plonesolutions.com
+** Geir Bækholt - http://www.plonesolutions.com
 ** All you guys rock :)
 */
 
-#portal-columns {
-    width: 100%;
-    margin: 0;
-}
-#portal-column-content {
+#column-content {
     width: 100%;
     float: right;
-    margin: 0 0 0 -12.2em;
+    margin: 0 0 0.6em -12.2em;
     padding:0;
 }
-#portal-column-content #content {
-    margin: 2.7em 0 0 12.2em;
-}
-#portal-column-one {
-    padding-top: 160px;
+#content {
+    margin: 2.8em 0 0 12.2em;
+    padding: 0em 1em 1.5em 1em;
+    background: White;
+    border: 1px solid #aaaaaa;
+    border-right: none;
+    line-height: 1.5em;
+    position: relative;
+    z-index: 2;
 }
+#column-one { padding-top: 160px; }
 /* the left column width is specified in class .portlet */
 
-/* Font size: 
+/* Font size:
 ** We take advantage of keyword scaling- browsers won't go below 9px
 ** More at http://www.w3.org/2003/07/30-font-size
 ** http://style.cleverchimp.com/font_size_intervals/altintervals.html
 */
 
 body {
-    font: x-small "Bitstream Vera Sans", "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
+    font: x-small sans-serif;
     background: #f9f9f9 url("headbg.jpg") 0px 0px no-repeat;
     color: Black;
     margin: 0;
@@ -44,24 +45,31 @@ body {
 }
 
 /* scale back up to a sane default */
-#visual-portal-wrapper {
-    font-size:123%;
+#globalWrapper {
+    font-size:124%;
     width: 100%;
     margin: 0;
     padding: 0;
 }
+.visualClear { clear: both; }
 
 /* general styles */
 
 table {
     font-size: 100%;
+    background: White;
 }
 a {
     text-decoration: none;
-    /*color: #436976;*/
-    color: #005189;
-    background-color: transparent;
+    color: #004ba6;
+    background: none;
 }
+a:visited { color: #5a3696; }
+a:active { color: Orange; }
+a:hover { text-decoration: underline; }
+a.stub { color: #772233; }
+a.new { color:#ba0000; }
+
 img {
     border: none;
     vertical-align: middle;
@@ -70,21 +78,8 @@ p {
     margin: 0.4em 0em 0.7em 0em;
     line-height: 1.5em;
 }
-p a {
-    text-decoration: none;
-}
-p a:visited {
-    color: #5a3696;
-    background-color: transparent;
-}
-p a:active {
-    color: Red;
-    background-color: transparent;
-}
-p img {
-    border: 0;
-    margin: 0;
-}
+
+p img { margin: 0; }
 
 hr {
     height: 1px;
@@ -96,49 +91,24 @@ hr {
 
 h1, h2, h3, h4, h5, h6 {
     color: Black;
-    background-color: transparent;
-    font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
-    font-size: 100%;
+    background: none;
+    font-family: sans-serif;
     font-weight: normal;
     margin: 0;
     padding-top: 0.5em;
     padding-bottom: 0.17em;
-   /* border-bottom: 1px solid #2f6fab;*/
     border-bottom: 1px solid #aaaaaa;
-
-}
-h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
-    color: Black ! important; 
-}
-h1 {
-    font-size: 188%;
-}
-h2 {
-    font-size: 150%;
-}
-h3 {
-    font-size: 132%;
-    border-bottom: none;
-    font-weight: bold;
 }
-h4 {
-    font-size: 116%;
-    border-bottom: none;
-    font-weight: bold;
-}
-
-h5 {
-    font-size: 100%;
-    border-bottom: none;
-    font-weight: bold;
-}
-
-h6 {
-    font-size: 80%;
+h1 { font-size: 188%; }
+h2 { font-size: 150%; }
+h3, h4, h5, h6 { 
     border-bottom: none;
     font-weight: bold;
 }
-
+h3 { font-size: 132%; }
+h4 { font-size: 116%; }
+h5 { font-size: 100%; }
+h6 { font-size: 80%;  }
 
 ul { 
     line-height: 1.5em;
@@ -149,34 +119,15 @@ ul {
 }
 ol {
     line-height: 1.5em;
-    margin: 0.3em 0 0 1.5em;
+    margin: 0.3em 0 0 3.2em;
     padding:0;
 }
-ul a, ol a {
-    text-decoration: none;
-}
-li {
-    margin-bottom: 0.1em;
-}
-dt {
-    font-weight: bold;    
-}
-dt a {
-    text-decoration: none;
-}
-
+li { margin-bottom: 0.1em; }
+dt { font-weight: bold; }
 dd {
     line-height: 1.5em;
     margin-bottom: 0.8em;
-    margin-left: 1.4em;
-}
-dd a {
-    text-decoration: none;
-}
-
-dd.link a {
-    text-decoration: none;
-    color: Black;
+    margin-left: 2em;
 }
 
 fieldset {
@@ -188,9 +139,8 @@ fieldset {
 legend {
     background: White;
     padding: 0.5em;
-    font-size: 90%;
+    font-size: 95%;
 }
-
 form {
     border: none;
     margin: 0;
@@ -200,13 +150,13 @@ textarea {
     border: 1px solid #2f6fab;  
     color: Black;
     background-color: white;
-    width: 98%;
+    width: 100%;
     padding: 0.1em;
+    overflow: auto;
 }
 /* hide this from ie/mac and konq2.2 */
 @media All {
-    input {
-        font-family: "Bitstream Vera Sans", "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
+    head:first-child+body input {
         visibility: visible;
         border: 1px solid #2f6fab;  
         color: Black;
@@ -215,10 +165,15 @@ textarea {
         padding: 0.2em;
     }
 }
-input[type="radio"],
-input[type="checkbox"] {
-    border:none;
+input.historysubmit {
+    padding: 0 0.3em 0.3em 0.3em !important;
+    font-size: 94%;
+    cursor: pointer;
+    height: 1.7em !important;
+    margin-left: 1.6em;
 }
+input[type="radio"],
+input[type="checkbox"] { border:none; }
 select {
     border: 1px solid #2f6fab;  
     color: Black;
@@ -227,29 +182,25 @@ select {
 abbr, acronym, .explain {
     border-bottom: 1px dotted Black;
     color: Black;
-    background-color: transparent;
+    background: none;
     cursor: help;
 }
 q {
     font-family: Times, "Times New Roman", serif;
     font-style: italic;
 }
+/* disabled for now
 blockquote {
     font-family: Times, "Times New Roman", serif;
     font-style: italic;
-}
-code {
-    color: Black;
-    background-color: #f9f9f9;
-}
+}*/
+code { background-color: #f9f9f9; }
 pre {
     padding: 1em;
     border: 1px dashed #2f6fab;
     color: Black;
     background-color: #f9f9f9;
-}
-.pre a {
-    text-decoration: none;
+    line-height: 1.1em;
 }
 
 
@@ -257,60 +208,48 @@ pre {
 ** the main content area
 */
 
-#documentSubtitle {
+#siteSub { display: none; }
+#contentSub {
     font-size: 84%;
     line-height: 1.2em;
-    margin: -1.6em 0 0.6em 1em;
+    margin: 0 0 1.4em 1em;
     color: #7d7d7d;
+    width: auto;
 }
-
-#siteSubtitle {
-    display: none;    
-}
-
-
-#content {
-    padding: 0 0 1em 0em;
-    margin: 0;
-}
-
-#bodyContent a:hover {
-    text-decoration: underline;
-}
+span.subpages { display: block; }
 
 /* Some space under the headers in the content area */
 #bodyContent h1,
-.documentFirstHeading,
 #bodyContent h2,
 #bodyContent h3,
 #bodyContent h4,
 #bodyContent h5 {
     margin-bottom:0.8em;
 }
+.firstHeading { margin-bottom:0.1em; }
 
-
-#documentContent {
-    padding: 0em 1em 1.5em 1em;
-    background: White;
-    border: 1px solid #aaaaaa;
-    border-right: none;
-    margin:0;
-    line-height: 1.5em;
-    position: relative;
-    z-index: 2;
-}
-
-/* this will be the user notification thing */
-.portalMessage {
+/* user notification thing */
+.usermessage {
     background-color: #ffce7b;
     border: 1px solid #ffa500;
     color: Black;
-    font-size: 100%;
     font-weight: bold;
     margin: 2em 0em 1em 0em;
     padding: 0.5em 1em;
     vertical-align: middle;
 }
+.error {
+    color: red;
+    font-size: larger;
+}
+#catlinks {
+    border:1px solid #aaaaaa;
+    background-color:#f9f9f9;
+    padding:5px;
+    margin-top: 1em;
+}
+/* currently unused, intended to be used by a metadata box
+in the bottom-right corner of the content area */
 .documentDescription {
     /* The summary text describing the document */
     font-weight: bold;
@@ -325,17 +264,22 @@ pre {
     font-weight: normal;
     color: #76797c;
 }
-.documentByLine a {
-    text-decoration: none;
+
+/* emulate center */
+.center {
+    width: 100%;
+    text-align: center;
 }
+*.center * {
+    margin-left: auto;
+    margin-right: auto;
+}
+
 
 /*
-** mediawiki-specific styles
+** content styles
 */
 
-a.stub,
-a.new { color:#ba0000; text-decoration:none; }
-
 #toc { 
     /*border:1px solid #2f6fab;*/
     border:1px solid #aaaaaa;
@@ -343,15 +287,15 @@ a.new { color:#ba0000; text-decoration:none; }
     padding:5px;
     font-size: 95%;
 }
-.tocindent {
-       margin-left: 2em;
-}
-.tocline {
-       margin-bottom: 0px;
-}
-.toctoggle, .editsection {
-       font-size: smaller;
+#toc .tocindent { margin-left: 2em; }
+#toc .tocline { margin-bottom: 0px; }
+#toc p { margin: 0 }
+#toc .toctoggle { font-size: 94%; }
+#toc .editsection { 
+    margin-top: 0.7em; 
+    font-size: 94%;
 }
+
 /* images */
 div.floatright { 
     float: right; 
@@ -370,40 +314,46 @@ div.floatleft {
 }
 div.floatleft p { font-style: italic; } 
 /* thumbnails */
-div.thumbnail-none,
-div.thumbnail-right,
-div.thumbnail-left {
- /*   border:1px solid #2f6fab;*/
+div.thumb {
+    margin-bottom: 0.5em;
+    border-style: solid; border-color: White;
+    width: auto;
+}
+div.thumb div {
+    border:1px solid #cccccc;
+    padding: 3px !important;
     background-color:#f9f9f9;
-    padding: 2px;
-    position:relative;
-    margin: 0.3em 0 0.5em;
-    font-size: 95%;
+    font-size: 94%;
     text-align: center;
 }
-div.thumbnail-none div,
-div.thumbnail-right div,
-div.thumbnail-left div{
+div.thumb div a img {
     border:1px solid #cccccc;
 }
-div.thumbnail-none p, div.thumbnail-right p, div.thumbnail-left p {
-    margin-top:3px; margin-bottom:3px;
-    position:relative;
+div.thumb div div.thumbcaption {
+    border: none;
     text-align: left;
+    padding: 0.3em 0 0.1em 0;
 }
-div.thumbnail-right {
+div.magnify {
     float: right;
-    position:relative;
-    border: 0.5em solid White;
-    border-width: 0.5em 0 0.8em 1.4em;
+    border: none !important;
+    background: none !important;
 }
-div.thumbnail-left {
-    float: left;
-    position:relative;
-    margin-right:0.5em;
-    border: 0.5em solid White;
-    border: 0.5em 1.4em 0.8em 0;
+div.magnify a, div.magnify img {
+    display: block;
+    border: none !important;
+    background: none !important;
 }
+
+.urlexpansion,
+.hiddenStructure {
+    display: none;
+}
+img.tex { vertical-align: middle; }
+/*
+** classes for special content elements like town boxes
+** intended to be referenced directly from the wiki src
+*/
 /* table standards */
 table.rimage {
     float:right; 
@@ -413,16 +363,75 @@ table.rimage {
     margin-bottom:1em;
     text-align:center;
 }
+div.tright {
+    float: right;
+    border-width: 0.5em 0 0.8em 1.4em;
+}
+div.tleft {
+    float: left;
+    margin-right:0.5em;
+    border: 0.5em 1.4em 0.8em 0;
+}
+
+div.townBox {
+    position:relative;
+    float:right;
+    background:White;
+    margin-left:1em;
+    border: 1px solid Grey;
+    padding:0.3em;
+    width: 200px;
+    overflow: hidden;
+    clear: right;
+}
+div.townBox dl {
+    padding: 0;
+    margin: 0 0 0.3em 0; 
+    font-size: 96%;
+}
+div.townBox dl dt {
+    background: none;
+    margin: 0.4em 0 0 0;
+}
+div.townBox dl dd {
+    margin: 0.1em 0 0 1.1em;
+    background-color: #f3f3f3;
+}
 
 /*
-** Link rendering 
+** edit views etc
 */
 
-.urlexpansion,
-.hiddenStructure {
-    display: none;
+.special li {
+    line-height: 1.4em;
+    margin: 0;
+    padding: 0;
 }
 
+
+/* Page history styling */
+/* the auto-generated edit comments */
+.autocomment { color: gray; }
+#pagehistory span.user { 
+    margin-left: 1.4em;
+    margin-right: 0.4em;
+}
+#pagehistory span.minor { font-weight: bold; }
+#pagehistory li { border: 1px solid White; }
+#pagehistory li.selected { 
+    background-color:#f9f9f9;
+    border:1px dashed #aaaaaa;
+}
+/*
+** Diff rendering
+*/
+table.diff { background:white; }
+td.diff-otitle { background:#ffffff; }
+td.diff-ntitle { background:#ffffff; }
+td.diff-addedline { background:#ccffcc; }
+td.diff-deletedline { background:#ffffaa; }
+td.diff-context { background:#eeeeee; }
+
 /* 
 ** keep the whitespace in front of the ^=, hides rule from konqueror
 ** this is css3, the validator doesn't like it when validating as css2 
@@ -434,83 +443,51 @@ table.rimage {
 }
 #bodyContent a[href ^="https://"],
 .link-https {
-    background: transparent url("lock_icon.gif") center right no-repeat;
+    background: 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;
+    background: 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;
+    background: 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;
+    background: 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;
+    background: 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 {
+/* disable interwiki styling */
+#bodyContent a.extiw {
+    color: #3366bb;
+    background: none;
     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;
-    margin: 0;
+#bodyContent a.external { color: #3366bb; }
+/* this can be used in the content area to switch off
+special external link styling */
+#bodyContent .plainlinks a {
+    background: none;
     padding: 0;
 }
-/* the auto-generated edit comments */
-.autocomment { color: gray; }
-
-
 /*
 ** Structural Elements
 */
 
 /*
-** the portlets (elements in the quickbar)
+** general portlet styles (elements in the quickbar)
 */
 .portlet {
     border: none;
-    margin: 0 0 1em 0em;
+    margin: 0 0 0.5em 0em;
     float: none;
     padding: 0;
     width: 11.6em;
@@ -543,27 +520,12 @@ div.townBox dl dd {
     font-weight: normal;
     white-space: nowrap;
 }
-.portletBody {
+.pBody {
     font-size: 95%;
     background: White;
     border-collapse: collapse;
     border: 1px solid #aaaaaa;
-}
-.portletDetails {
-    text-align: right;
-}
-.portletMore {
-    display: block;
-    text-align: right;
-}
-.portletContent {
-    padding: 0.1em 0.8em 0.7em 0.5em;
-}
-.portletClose {
-    float: right;
-    text-transform: none;
-    border-left: 1px solid #2f6fab;
-    padding: 0em 0.2em;
+    padding: 0 0.8em 0.3em 0.5em;
 }
 .portlet h1, 
 .portlet h2, 
@@ -572,15 +534,6 @@ div.townBox dl dd {
     margin: 0;
     padding: 0;
 }
-.portlet .even {
-    background-color: #f7f9fa;
-}
-.portlet .odd {
-    background-color: transparent;
-}
-.portlet input {
-    font-size: 100%;
-}
 .portlet ul {
     line-height: 1.5em;
     list-style-type: square;
@@ -592,42 +545,28 @@ div.townBox dl dd {
     margin: 0 0 0 0;
     margin-bottom: 0;
 }
-.even {
-    background-color: #f7f9fa;
-}
-.odd {
-    background-color: transparent;
-}
-.visualHighlight {
-    background-color: #f7f9fa;
-}
-.discreet {
-    color: #76797c;
-    font-size: 80%;
-    font-weight: normal;
-}
 
 /* 
 ** Logo properties 
 */
-#portlet-logo {
+
+#p-logo {
     z-index: 3;
     position:absolute; /*needed to use z-index */
     top: 0;
     left: 0;
     height: 155px;
-    width: 135px;
+    width: 12em;
     overflow: visible;
 }
-#portlet-logo h5 { display: none; }
-#portlet-logo a,
-#portlet-logo a:hover {
+#p-logo h5 { display: none; }
+#p-logo a,
+#p-logo a:hover {
     display: block;
     height: 155px;
-    width: 135px;
-    background: url(wiki.png) no-repeat;
+    width: 12.2em;
     background-repeat: no-repeat;
+    background-position: 35% 50% !important;
     text-decoration: none;
 }
 
@@ -635,46 +574,39 @@ div.townBox dl dd {
 ** the navigation portlet
 */
 
-
-#portlet-navigation {
+#p-nav {
     position:relative;
     z-index:3;
 }
-#portlet-navigation .plain {
-    white-space: nowrap;
-}
 
 /*
 ** Search portlet
 */
-#portlet-search {
+#p-search {
     position:relative;
     z-index:3;
 }    
-#portlet-search .portletBody {
+#p-search .pBody {
     text-align: center;
 }
 input.searchButton {
     margin-top:1px;
-    padding: 0 0.4em;
+    padding: 0 0.4em !important;
     font-size: 95%;
-    /*    font-size: 100%;
-    margin-bottom: 1px ! important;
-    background: White url(search_icon.gif) 2px 1px no-repeat;
     cursor: pointer;
-    padding: 1px 1px 1px 15px;
-    text-transform: lowercase;*/
-
+    background-color: White;
+    border: 1px solid #2f6fab;  
 }
 
-#searchGadget {
-    width:11.0em;
+#searchInput {
+    border: 1px solid #2f6fab;  
+    width:10.9em;
     margin: 0 0 0 0;
     font-size: 95%;
 }
 
 
-#portlet-search .portletContent {
+#p-search .pBody {
     padding: 0.5em 0.4em 0.4em 0.4em;
 }
 
@@ -683,7 +615,7 @@ input.searchButton {
 ** the personal toolbar
 */
 
-#portlet-personal {
+#p-personal {
     width:100%;
     white-space:nowrap;
     padding:0 0 0 0;
@@ -693,37 +625,25 @@ input.searchButton {
     top:0px;
     z-index: 0;
     border: none;
-    background-color: transparent;
+    background: none;
     overflow: visible;
     line-height: 1.2em;
 }
 
-#portlet-personal h5 {
+#p-personal h5 {
     display:none;
 }
-#portlet-personal .portlet,
-#portlet-personal .portletBody,
-#portlet-personal .portletContent,
-#portlet-personal .odd{
+#p-personal .portlet,
+#p-personal .pBody {
     padding:0;
     margin:0;
     border: none;
     z-index:0;
     overflow: visible;
-    background-color: transparent;
-}
-#portal-personal ul,
-#portal-personal li {
-    z-index:0;
-    border:none;
-    background-color: transparent;
+    background: none;
 }
-
 /* this is the ul contained in the portlet */
-
-#portal-personaltools {
-/*    background-color: #fabd23;*/
-/*    border-bottom-color: #2f6fab;*/
+#p-personal ul {
     border: none;
     line-height: 1.4em;
     color: #2f6fab;
@@ -733,93 +653,81 @@ input.searchButton {
     text-transform: lowercase;
     list-style: none;
     z-index:0;
-    background-color: transparent;
+    background: none;
 }
-
-#portal-personaltools .portalNotLoggedIn {
-    color: #2f6fab;
-    padding: 0;
-    background: transparent;
-    background-image: none;
-} /* Used on all descriptions relevant to those not logged in */
-#portal-personaltools li {
+#p-personal li {
+    z-index:0;
+    border:none;
     padding:0;
     display: inline;
     color: #2f6fab;
     margin-left: 1em;
     line-height: 1.2em;
-    background-color: transparent;
+    background: none;
 }
-#portal-personaltools li a {
+#p-personal li a {
     text-decoration: none;
-/*    color: #436976;*/
     color: #005896;
     padding-bottom: 0.2em;
-    background-color: transparent;
+    background: none;
 }
-#portal-personaltools li a:hover {
-    text-decoration: none;
-/*    color: #436976;*/
+#p-personal li a:hover {
     background-color: White;
     padding-bottom: 0.2em;
+    text-decoration: none;
 }
 
 /* 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;
+li#pt-userpage,
+li#pt-anonuserpage,
+li#pt-login {
+    background:  url('user.gif') top left no-repeat;
     background-repeat: no-repeat;
     padding-left: 20px;
     text-transform: none;
 }
+#p-personal a.new { color:#ba0000; }
 
 /*
 ** the page-related actions- page/talk, edit etc 
 */
 
-#portlet-contentViews {
+#p-cactions {
     position:absolute;
-    top: 1.2em;
+    top: 1.3em;
     left: 11.5em;
     margin: 0;
     white-space:nowrap;
-    /*width:auto;*/
     width: 76%;
     line-height: 1.1em;
     overflow: visible;
-    background-color: transparent;
+    background: none;
     border-collapse: collapse;
     padding-left: 1em;
     list-style: none;
     font-size: 95%;
 }
-
-#portlet-contentViews .hiddenStructure {
-    display: none;
-}
-
-#portlet-contentViews ul {
+#p-cactions .hiddenStructure { display: none; }
+#p-cactions ul {
     list-style: none;
 }
-#portlet-contentViews li {
+#p-cactions li {
     display: inline;
     border: 1px solid #aaaaaa;
     border-bottom: none;
     padding: 0 0 0.1em 0;
     margin: 0 0.3em 0 0;
     overflow: visible;
+    background: White;
 }
-
-#portlet-contentViews li.selected {
+#p-cactions li.selected {
     border-color: #fabd23;
     padding: 0 0 0.2em 0;
 }
-    
-#portlet-contentViews li a {
+#p-cactions li a {
     background-color: White;
-    color: #005189;
+    color: #0014a6;
     border: none;
     padding: 0 0.8em 0.3em 0.8em;
     text-decoration: none;
@@ -828,32 +736,29 @@ li#personaltools-login {
     z-index: 0;
     margin: 0;
 }
-
-#portlet-contentViews .selected a {
+#p-cactions .selected a { z-index: 3; }
+#p-cactions .new a { color:#ba0000; }
+#p-cactions li a:hover {
     z-index: 3;
+    text-decoration: none;
 }
-#portlet-contentViews .new a {
-    color:#ba0000;
-}
-#portlet-contentViews li a:hover {
-    z-index: 3;
+#p-cactions h5 { display: none; }
+#p-cactions li.istalk { margin-right: 0; }
+#p-cactions li.istalk a { padding-right: 0.5em; }
+#p-cactions #ca-addsection a { 
+    padding-left: 0.4em;
+    padding-right: 0.4em;
 }
-#portlet-contentViews h5 { display: none; }
-
 /* offsets to distinguish the tab groups */
-li#contentaction-talk {
-    margin-right: 1.6em;
-}
-li#contentaction-watch {
-    margin-left: 1.6em;
-}
+li#ca-talk { margin-right: 1.6em; }
+li#ca-watch { margin-left: 1.6em; }
 
 
 /*
 ** the remaining portlets
 */
-#portlet-toolbox,
-#portlet-language {
+#p-tbx,
+#p-lang {
     position:relative;
     z-index:3;
 }
@@ -861,21 +766,61 @@ li#contentaction-watch {
 /*
 ** footer
 */
-
-#portal-footer {
+#footer {
     background-color: White;
     border-top: 1px solid #fabd23;
     border-bottom: 1px solid #fabd23;
-    margin: 0.3em 0em 1em 0em;
-    padding: 0.4em 0em 1em 0em;
+    margin: 0.6em 0em 1em 0em;
+    padding: 0.4em 0em 1.2em 0em;
     text-align: center;
     font-size: 90%;
 }
-#portal-footer li {
+#footer li {
     display: inline;
-    margin-right: 2em;
+    margin: 0 1.3em;
+}
+/* hide from incapable browsers */
+head:first-child+body #footer li { white-space: nowrap; }
+#f-poweredbyico, #f-copyrightico {
+    margin: 0 8px;
+    position: relative;
+    top: -2px; /* Bump it up just a tad */
+}
+#f-poweredbyico {
+    float: right;
+    height: 1%;
+}
+#f-copyrightico {
+    float: left;
+    height: 1%;
 }
 
+/* js pref toc */
+#preftoc { 
+    float: left;
+    margin: 1em 1em 1em 1em;
+    width: 13em;
+}
+#preftoc li { border: 1px solid White; }
+#preftoc li.selected { 
+    background-color:#f9f9f9;
+    border:1px dashed #aaaaaa;
+}
+#preftoc a,
+#preftoc a:active {
+    display: block;
+    color: #0014a6;
+}
+#prefcontrol { 
+    clear: both;
+    float: left;
+    margin-top: 1em;
+}
+div.prefsectiontip { 
+    font-size: 95%;
+    margin-top: 1em;
+}
+fieldset.operaprefsection { margin-left: 15em }
 
 /* 
 ** IE/Mac fixes, hope to find a validating way to move this
@@ -884,46 +829,49 @@ li#contentaction-watch {
 */
 
 /* tabs: border on the a, not the div */
-*>html #portlet-contentViews li {
-    border:none;
-}
-*>html #portlet-contentViews li a {
+* > html #p-cactions li { border:none; }
+* > html #p-cactions li a {
     border: 1px solid #aaaaaa;
     border-bottom: none;
 }
-*>html #portlet-contentViews li.selected a {
-    border-color: #fabd23;
+* > html #p-cactions li.selected a { border-color: #fabd23; }
+/* footer icons need a fixed width */
+* > html #f-poweredbyico,
+* > html #f-copyrightico { width: 88px; }
+* > html #bodyContent,
+* > html #bodyContent pre {
+    overflow-x: auto;
+    width: 100%;
+    padding-bottom: 25px;
 }
 
-/* fixes for broken IE float handling */
-*>html #portal-column-content {
+/* more IE fixes */
+/* float/negative margin brokenness */
+* html #footer {margin-top: 0;}
+* html #column-content {
     display: inline;
+    margin-bottom: 0;
 }
-/* the full-size images are in center tags */
-* html #bodyContent center, 
-* html #bodyContent pre {
-    overflow: auto;
-}
+* html div.editsection { font-size: smaller; }
+#pagehistory li.selected { position: relative; }
 
+/* debugging tool.. */
+/*div{ border:1px solid #000000;}*/
 
-/* opera 6 fixes */
-html>body #portal-column-one {
-    position: relative;
-    max-width: 11.7em;
-}
-head:first-child+body #portal-column-one {
-    position: static; 
-    width: auto;
+#siteNotice {
+    border: 1px solid red;
 }
 
-html>body #portlet-personal {
-    width: 45em;
-    margin-left: 8.6em;
-    right: 0;
+
+/* Mac IE 5.0 fix; floated content turns invisible */
+* > html #column-content {
+    float: none;
 }
-head:first-child+body #portlet-personal {
-    margin-left: 0;
-    width: 100%;
+* > html #column-one {
+    position: absolute;
+    left: 0;
+    top: 0;
+}
+* > html #footer {
+    margin-left: 13.2em;
 }
-/* debugging tool.. */
-/*div{ border:1px solid #000000;}*/