* Adding a space to the left of #ca-print like there is for #ca-watch,
[lhc/web/wiklou.git] / skins / monobook / main.css
index 0d13364..1da4e4a 100644 (file)
@@ -1,4 +1,4 @@
-/*
+/*
 ** MediaWiki 'monobook' style sheet for CSS2-capable browsers.
 ** Copyright Gabriel Wicke - http://wikidev.net/
 ** License: GPL (http://www.gnu.org/copyleft/gpl.html)
 #column-content {
     width: 100%;
     float: right;
-    margin: 0 0 0.6em -12.2em;
-    padding:0;
+    margin: 0 0 .6em -12.2em;
+    padding: 0;
 }
 #content {
     margin: 2.8em 0 0 12.2em;
-    padding: 0em 1em 1.5em 1em;
-    background: White;
-    border: 1px solid #aaaaaa;
+    padding: 0 1em 1.5em 1em;
+    background: white;
+    color: black;
+    border: 1px solid #aaa;
     border-right: none;
     line-height: 1.5em;
     position: relative;
     z-index: 2;
 }
-#column-one { padding-top: 160px; }
+#column-one {
+    padding-top: 160px;
+}
 /* the left column width is specified in class .portlet */
 
 /* Font size:
 
 body {
     font: x-small sans-serif;
-    background: #f9f9f9 url("headbg.jpg") 0px 0px no-repeat;
-    color: Black;
+    background: #f9f9f9 url(headbg.jpg) 0 0 no-repeat;
+    color: black;
     margin: 0;
     padding: 0;
 }
 
 /* scale back up to a sane default */
 #globalWrapper {
-    font-size:127%;
+    font-size: 127%;
     width: 100%;
     margin: 0;
     padding: 0;
 }
-.visualClear { clear: both; }
+.visualClear {
+    clear: both;
+}
 
 /* general styles */
 
 table {
     font-size: 100%;
-    background: White;
+    background: white;
+    color: black;
 }
 a {
     text-decoration: none;
     color: #002bb8;
     background: none;
 }
-a:visited { color: #5a3696; }
-a:active { color: Orange; }
-a:hover { text-decoration: underline; }
-a.stub { color: #772233; }
-a.new,
-#p-personal a.new { color:#ba0000; }
-a.new:visited,
-#p-personal a.new:visited { color:#a55858; }
+a:visited {
+    color: #5a3696;
+}
+a:active {
+    color: #faa700;
+}
+a:hover {
+    text-decoration: underline;
+}
+a.stub {
+    color: #772233;
+}
+a.new, #p-personal a.new {
+    color: #ba0000;
+}
+a.new:visited, #p-personal a.new:visited {
+    color: #a55858;
+}
 
 img {
     border: none;
     vertical-align: middle;
 }
 p {
-    margin: 0.4em 0em 0.5em 0em;
+    margin: .4em 0 .5em 0;
     line-height: 1.5em;
 }
-
-p img { margin: 0; }
+p img {
+    margin: 0;
+}
 
 hr {
     height: 1px;
-    color: #aaaaaa;
-    background-color: #aaaaaa;
+    color: #aaa;
+    background-color: #aaa;
     border: 0;
-    margin: 0.2em 0 0.2em 0;
+    margin: .2em 0 .2em 0;
 }
 
 h1, h2, h3, h4, h5, h6 {
-    color: Black;
+    color: black;
     background: none;
     font-weight: normal;
     margin: 0;
-    padding-top: 0.5em;
-    padding-bottom: 0.17em;
-    border-bottom: 1px solid #aaaaaa;
+    padding-top: .5em;
+    padding-bottom: .17em;
+    border-bottom: 1px solid #aaa;
 }
 h1 { font-size: 188%; }
 h2 { font-size: 150%; }
@@ -113,40 +130,42 @@ h6 { font-size: 80%;  }
 ul {
     line-height: 1.5em;
     list-style-type: square;
-    margin: 0.3em 0 0 1.5em;
-    padding:0;
-    list-style-image: url("bullet.gif");
+    margin: .3em 0 0 1.5em;
+    padding: 0;
+    list-style-image: url(bullet.gif);
 }
 ol {
     line-height: 1.5em;
-    margin: 0.3em 0 0 3.2em;
-    padding:0;
+    margin: .3em 0 0 3.2em;
+    padding: 0;
     list-style-image: none;
 }
-li { margin-bottom: 0.1em; }
+li {
+    margin-bottom: .1em;
+}
 dt {
     font-weight: bold;
-    margin-bottom: 0.1em;
+    margin-bottom: .1em;
 }
-dl{
-    margin-top: 0.2em;
-    margin-bottom: 0.5em;
+dl {
+    margin-top: .2em;
+    margin-bottom: .5em;
 }
 dd {
     line-height: 1.5em;
     margin-left: 2em;
-    margin-bottom: 0.1em;
+    margin-bottom: .1em;
 }
 
 fieldset {
     border: 1px solid #2f6fab;
-    margin: 1em 0em 1em 0em;
-    padding: 0em 1em 1em 1em;
+    margin: 1em 0 1em 0;
+    padding: 0 1em 1em;
     line-height: 1.5em;
 }
 legend {
-    background: White;
-    padding: 0.5em;
+    background: white;
+    padding: .5em;
     font-size: 95%;
 }
 form {
@@ -155,41 +174,23 @@ form {
 }
 
 textarea {
-    border: 1px solid #2f6fab;
-    color: Black;
-    background-color: white;
     width: 100%;
-    padding: 0.1em;
-    overflow: auto;
-}
-/* hide this from ie/mac and konq2.2 */
-@media All {
-    head:first-child+body input {
-        visibility: visible;
-        border: 1px solid #2f6fab;
-        color: Black;
-        background-color: white;
-        vertical-align: middle;
-        padding: 0.2em;
-    }
+    padding: .1em;
 }
+
 input.historysubmit {
-    padding: 0 0.3em 0.3em 0.3em !important;
+    padding: 0 .3em .3em .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;
     vertical-align: top;
 }
 abbr, acronym, .explain {
-    border-bottom: 1px dotted Black;
-    color: Black;
+    border-bottom: 1px dotted black;
+    color: black;
     background: none;
     cursor: help;
 }
@@ -202,21 +203,24 @@ blockquote {
     font-family: Times, "Times New Roman", serif;
     font-style: italic;
 }*/
-code { background-color: #f9f9f9; }
+code {
+    background-color: #f9f9f9;
+}
 pre {
     padding: 1em;
     border: 1px dashed #2f6fab;
-    color: Black;
+    color: black;
     background-color: #f9f9f9;
     line-height: 1.1em;
 }
 
-
 /*
 ** the main content area
 */
 
-#siteSub { display: none; }
+#siteSub {
+    display: none; 
+}
 #contentSub {
     font-size: 84%;
     line-height: 1.2em;
@@ -224,41 +228,48 @@ pre {
     color: #7d7d7d;
     width: auto;
 }
-span.subpages { display: block; }
+span.subpages {
+    display: block;
+}
 
 /* Some space under the headers in the content area */
-#bodyContent h1, #bodyContent h2 { margin-bottom:0.6em; }
-#bodyContent h3,
-#bodyContent h4,
-#bodyContent h5 {
-    margin-bottom: 0.3em;
+#bodyContent h1, #bodyContent h2 {
+    margin-bottom: .6em;
+}
+#bodyContent h3, #bodyContent h4, #bodyContent h5 {
+    margin-bottom: .3em;
+}
+.firstHeading {
+    margin-bottom: .1em;
 }
-.firstHeading { margin-bottom:0.1em; }
 
 /* user notification thing */
 .usermessage {
     background-color: #ffce7b;
     border: 1px solid #ffa500;
-    color: Black;
+    color: black;
     font-weight: bold;
-    margin: 2em 0em 1em 0em;
-    padding: 0.5em 1em;
+    margin: 2em 0 1em;
+    padding: .5em 1em;
     vertical-align: middle;
 }
 #siteNotice {
     text-align: center;
     font-size: 95%;
-    padding: 0 0.9em 0 0.9em;
+    padding: 0 .9em;
+}
+#siteNotice p {
+    margin: 0;
+    padding: 0;
 }
-#siteNotice p { margin: none; padding: none; }
 .error {
     color: red;
     font-size: larger;
 }
 #catlinks {
-    border:1px solid #aaaaaa;
-    background-color:#f9f9f9;
-    padding:5px;
+    border: 1px solid #aaa;
+    background-color: #f9f9f9;
+    padding: 5px;
     margin-top: 1em;
     clear: both;
 }
@@ -268,7 +279,7 @@ in the bottom-right corner of the content area */
     /* The summary text describing the document */
     font-weight: bold;
     display: block;
-    margin: 1em 0em;
+    margin: 1em 0;
     line-height: 1.5em;
 }
 .documentByLine {
@@ -289,76 +300,99 @@ in the bottom-right corner of the content area */
     margin-right: auto;
 }
 /* small for tables and similar */
-.small, .small * { font-size: 94%; }
-table.small { font-size: 100% }
+.small, .small * {
+    font-size: 94%;
+}
+table.small {
+    font-size: 100%;
+}
 
 /*
 ** content styles
 */
 
-#toc {
-    /*border:1px solid #2f6fab;*/
-    border:1px solid #aaaaaa;
-    background-color:#f9f9f9;
-    padding:5px;
-    font-size: 95%;
+#toc,
+.toc {
+       border: 1px solid #aaa;
+       background-color: #f9f9f9;
+       padding: 5px;
+       font-size: 95%;
+       text-align: center;
+}
+#toc h2,
+.toc h2 {
+       display: inline;
+       border: none;
+       padding: 0;
+       font-size: 100%;
+       font-weight: bold;
 }
-#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%;
+#toc ul,
+.toc ul {
+       list-style-type: none;
+       list-style-image: none;
+       margin-left: 0;
+       padding-left: 0;
+       text-align: left;
+}
+#toc ul ul,
+.toc ul ul {
+       margin: 0 0 0 2em;
 }
+#toc .toctoggle,
+.toc .toctoggle {
+       font-size: 94%;
+}
+
 
 /* images */
 div.floatright, table.floatright {
     clear: right;
     float: right;
     position: relative;
-    margin: 0 0 0.5em 0.5em;
-    border: 0
+    margin: 0 0 .5em .5em;
+    border: 0;
 /*
-    border: 0.5em solid White;
-    border-width: 0.5em 0 0.8em 1.4em;
+    border: .5em solid white;
+    border-width: .5em 0 .8em 1.4em;
 */
 }
 div.floatright p { font-style: italic; }
 div.floatleft, table.floatleft {
     float: left;
     position: relative;
-    margin: 0 0.5em 0.5em 0;
-    border: 0
+    margin: 0 .5em .5em 0;
+    border: 0;
 /*
-    margin: 0.3em 0.5em 0.5em 0;
-    border: 0.5em solid White;
-    border-width: 0.5em 1.4em 0.8em 0;
+    margin: .3em .5em .5em 0;
+    border: .5em solid white;
+    border-width: .5em 1.4em .8em 0;
 */
 }
 div.floatleft p { font-style: italic; }
 /* thumbnails */
 div.thumb {
-    margin-bottom: 0.5em;
-    border-style: solid; border-color: White;
+    margin-bottom: .5em;
+    border-style: solid;
+    border-color: white;
     width: auto;
 }
 div.thumb div {
-    border:1px solid #cccccc;
+    border: 1px solid #ccc;
     padding: 3px !important;
-    background-color:#f9f9f9;
+    background-color: #f9f9f9;
     font-size: 94%;
     text-align: center;
     overflow: hidden;
 }
 div.thumb div a img {
-    border:1px solid #cccccc;
+    border: 1px solid #ccc;
 }
 div.thumb div div.thumbcaption {
     border: none;
     text-align: left;
     line-height: 1.4em;
-    padding: 0.3em 0 0.1em 0;
+    padding: .3em 0 .1em 0;
 }
 div.magnify {
     float: right;
@@ -373,19 +407,23 @@ div.magnify a, div.magnify img {
 div.tright {
     clear: right;
     float: right;
-    border-width: 0.5em 0 0.8em 1.4em;
+    border-width: .5em 0 .8em 1.4em;
 }
 div.tleft {
     float: left;
-    margin-right:0.5em;
-    border-width: 0.5em 1.4em 0.8em 0;
+    margin-right: .5em;
+    border-width: .5em 1.4em .8em 0;
 }
-.urlexpansion,
+
 .hiddenStructure {
     display: none;
 }
-img.tex { vertical-align: middle; }
-span.texhtml { font-family: serif; }
+img.tex {
+    vertical-align: middle;
+}
+span.texhtml {
+    font-family: serif;
+}
 
 /*
 ** classes for special content elements like town boxes
@@ -397,40 +435,40 @@ span.texhtml { font-family: serif; }
 */
 /* table standards */
 table.rimage {
-    float:right;
-    position:relative;
-    margin-left:1em;
-    margin-bottom:1em;
-    text-align:center;
+    float: right;
+    position: relative;
+    margin-left: 1em;
+    margin-bottom: 1em;
+    text-align: center;
 }
 .toccolours {
-    border:1px solid #aaaaaa;
-    background-color:#f9f9f9;
-    padding:5px;
+    border: 1px solid #aaa;
+    background-color: #f9f9f9;
+    padding: 5px;
     font-size: 95%;
 }
 div.townBox {
-    position:relative;
-    float:right;
-    background:White;
-    margin-left:1em;
-    border: 1px solid Grey;
-    padding:0.3em;
+    position: relative;
+    float: right;
+    background: white;
+    margin-left: 1em;
+    border: 1px solid gray;
+    padding: .3em;
     width: 200px;
     overflow: hidden;
     clear: right;
 }
 div.townBox dl {
     padding: 0;
-    margin: 0 0 0.3em 0;
+    margin: 0 0 .3em;
     font-size: 96%;
 }
 div.townBox dl dt {
     background: none;
-    margin: 0.4em 0 0 0;
+    margin: .4em 0 0;
 }
 div.townBox dl dd {
-    margin: 0.1em 0 0 1.1em;
+    margin: .1em 0 0 1.1em;
     background-color: #f3f3f3;
 }
 
@@ -445,36 +483,46 @@ div.townBox dl dd {
 
 /* Page history styling */
 /* the auto-generated edit comments */
-.autocomment { color: gray; }
+.autocomment {
+    color: gray;
+}
 #pagehistory span.user {
     margin-left: 1.4em;
-    margin-right: 0.4em;
+    margin-right: .4em;
+}
+#pagehistory span.minor {
+    font-weight: bold;
+}
+#pagehistory li {
+    border: 1px solid white;
 }
-#pagehistory span.minor { font-weight: bold; }
-#pagehistory li { border: 1px solid White; }
 #pagehistory li.selected {
-    background-color:#f9f9f9;
-    border:1px dashed #aaaaaa;
+    background-color: #f9f9f9;
+    border: 1px dashed #aaa;
 }
+
 /*
 ** Diff rendering
 */
-table.diff { background:white; }
-td.diff-otitle { background:#ffffff; }
-td.diff-ntitle { background:#ffffff; }
+table.diff, td.diff-otitle, td.diff-ntitle {
+    background-color: white;
+}
 td.diff-addedline {
-    background:#ccffcc;
+    background: #cfc;
     font-size: smaller;
 }
 td.diff-deletedline {
-    background:#ffffaa;
+    background: #ffa;
     font-size: smaller;
 }
 td.diff-context {
-    background:#eeeeee;
+    background: #eee;
     font-size: smaller;
 }
-span.diffchange { color: red; font-weight: bold; }
+span.diffchange {
+    color: red;
+    font-weight: bold;
+}
 
 /*
 ** keep the whitespace in front of the ^=, hides rule from konqueror
@@ -487,36 +535,38 @@ span.diffchange { color: red; font-weight: bold; }
 }
 #bodyContent a[href ^="https://"],
 .link-https {
-    background: 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: 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: 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: 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: url("discussionitem_icon.gif")  center right no-repeat;
+    background: url(discussionitem_icon.gif) center right no-repeat;
     padding-right: 18px;
 }
 /* disable interwiki styling */
 #bodyContent a.extiw,
 #bodyContent a.extiw:active {
-    color: #3366bb;
+    color: #36b;
     background: none;
     padding: 0;
 }
-#bodyContent a.external { color: #3366bb; }
+#bodyContent a.external {
+    color: #36b;
+}
 /* this can be used in the content area to switch off
 special external link styling */
 #bodyContent .plainlinks a {
@@ -532,9 +582,9 @@ special external link styling */
 */
 .portlet {
     border: none;
-    margin: 0 0 0.5em 0em;
-    float: none;
+    margin: 0 0 .5em;
     padding: 0;
+    float: none;
     width: 11.6em;
     overflow: hidden;
 }
@@ -545,11 +595,11 @@ special external link styling */
 }
 .portlet h5 {
     background: transparent;
-    padding: 0em 1em 0em 0.5em;
-    text-transform: lowercase;
+    padding: 0 1em 0 .5em;
     display: inline;
-    font-size: 91%;
     height: 1em;
+    text-transform: lowercase;
+    font-size: 91%;
     font-weight: normal;
     white-space: nowrap;
 }
@@ -557,7 +607,7 @@ special external link styling */
     background: #ffae2e;
     border: 1px solid #2f6fab;
     border-style: solid solid none solid;
-    padding: 0em 1em 0em 1em;
+    padding: 0 1em 0 1em;
     text-transform: lowercase;
     display: block;
     font-size: 1em;
@@ -567,10 +617,11 @@ special external link styling */
 }
 .pBody {
     font-size: 95%;
-    background: White;
+    background-color: white;
+    color: black;
     border-collapse: collapse;
-    border: 1px solid #aaaaaa;
-    padding: 0 0.8em 0.3em 0.5em;
+    border: 1px solid #aaa;
+    padding: 0 .8em .3em .5em;
 }
 .portlet h1,
 .portlet h2,
@@ -582,13 +633,12 @@ special external link styling */
 .portlet ul {
     line-height: 1.5em;
     list-style-type: square;
-    list-style-image: url("bullet.gif");
-    font-size:95%;
+    list-style-image: url(bullet.gif);
+    font-size: 95%;
 }
 .portlet li {
-    padding:0;
-    margin: 0 0 0 0;
-    margin-bottom: 0;
+    padding: 0;
+    margin: 0;
 }
 
 /*
@@ -597,14 +647,16 @@ special external link styling */
 
 #p-logo {
     z-index: 3;
-    position:absolute; /*needed to use z-index */
+    position: absolute; /*needed to use z-index */
     top: 0;
     left: 0;
     height: 155px;
     width: 12em;
     overflow: visible;
 }
-#p-logo h5 { display: none; }
+#p-logo h5 {
+    display: none;
+}
 #p-logo a,
 #p-logo a:hover {
     display: block;
@@ -619,37 +671,37 @@ special external link styling */
 ** the navigation portlet
 */
 
-#p-nav {
-    position:relative;
-    z-index:3;
+#p-navigation {
+    position: relative;
+    z-index: 3;
 }
 
 /*
 ** Search portlet
 */
 #p-search {
-    position:relative;
-    z-index:3;
+    position: relative;
+    z-index: 3;
 }
 #p-search .pBody {
     text-align: center;
 }
 input.searchButton {
-    margin-top:1px;
-    padding: 0 0.4em !important;
+    margin-top: 1px;
     font-size: 95%;
-    cursor: pointer;
-    background-color: White;
-    border: 1px solid #2f6fab;
+}
+#searchGoButton {
+    padding-left: .5em;
+    padding-right: .5em;
+    font-weight: bold;
 }
 #searchInput {
-    border: 1px solid #2f6fab;
-    width:10.9em;
-    margin: 0 0 0 0;
+    width: 10.9em;
+    margin: 0;
     font-size: 95%;
 }
 #p-search .pBody {
-    padding: 0.5em 0.4em 0.4em 0.4em;
+    padding: .5em .4em .4em .4em;
 }
 
 /*
@@ -657,13 +709,13 @@ input.searchButton {
 */
 
 #p-personal {
-    width:100%;
-    white-space:nowrap;
-    padding:0 0 0 0;
-    margin:0;
-    position:absolute;
-    left:0px;
-    top:0px;
+    width: 100%;
+    white-space: nowrap;
+    padding: 0;
+    margin: 0;
+    position: absolute;
+    left: 0;
+    top: 0;
     z-index: 0;
     border: none;
     background: none;
@@ -672,14 +724,14 @@ input.searchButton {
 }
 
 #p-personal h5 {
-    display:none;
+    display: none;
 }
 #p-personal .portlet,
 #p-personal .pBody {
-    padding:0;
-    margin:0;
+    padding: 0;
+    margin: 0;
     border: none;
-    z-index:0;
+    z-index: 0;
     overflow: visible;
     background: none;
 }
@@ -688,18 +740,18 @@ input.searchButton {
     border: none;
     line-height: 1.4em;
     color: #2f6fab;
-    padding: 0em 2em 0 3em;
+    padding: 0 2em 0 3em;
     margin: 0;
     text-align: right;
     text-transform: lowercase;
     list-style: none;
-    z-index:0;
+    z-index: 0;
     background: none;
 }
 #p-personal li {
-    z-index:0;
-    border:none;
-    padding:0;
+    z-index: 0;
+    border: none;
+    padding: 0;
     display: inline;
     color: #2f6fab;
     margin-left: 1em;
@@ -709,12 +761,12 @@ input.searchButton {
 #p-personal li a {
     text-decoration: none;
     color: #005896;
-    padding-bottom: 0.2em;
+    padding-bottom: .2em;
     background: none;
 }
 #p-personal li a:hover {
-    background-color: White;
-    padding-bottom: 0.2em;
+    background-color: white;
+    padding-bottom: .2em;
     text-decoration: none;
 }
 
@@ -723,8 +775,7 @@ in bg url to hide it from iemac */
 li#pt-userpage,
 li#pt-anonuserpage,
 li#pt-login {
-    background:  url('user.gif') top left no-repeat;
-    background-repeat: no-repeat;
+    background: url(user.gif) top left no-repeat;
     padding-left: 20px;
     text-transform: none;
 }
@@ -733,11 +784,11 @@ li#pt-login {
 ** the page-related actions- page/talk, edit etc
 */
 #p-cactions {
-    position:absolute;
+    position: absolute;
     top: 1.3em;
     left: 11.5em;
     margin: 0;
-    white-space:nowrap;
+    white-space: nowrap;
     width: 76%;
     line-height: 1.1em;
     overflow: visible;
@@ -747,70 +798,85 @@ li#pt-login {
     list-style: none;
     font-size: 95%;
 }
-#p-cactions .hiddenStructure { display: none; }
+#p-cactions .hiddenStructure {
+    display: none;
+}
 #p-cactions ul {
     list-style: none;
 }
 #p-cactions li {
     display: inline;
-    border: 1px solid #aaaaaa;
+    border: 1px solid #aaa;
     border-bottom: none;
-    padding: 0 0 0.1em 0;
-    margin: 0 0.3em 0 0;
+    padding: 0 0 .1em 0;
+    margin: 0 .3em 0 0;
     overflow: visible;
-    background: White;
+    background: white;
 }
 #p-cactions li.selected {
     border-color: #fabd23;
-    padding: 0 0 0.2em 0;
+    padding: 0 0 .2em 0;
 }
 #p-cactions li a {
-    background-color: White;
+    background-color: white;
     color: #002bb8;
     border: none;
-    padding: 0 0.8em 0.3em 0.8em;
+    padding: 0 .8em .3em .8em;
     text-decoration: none;
     text-transform: lowercase;
     position: relative;
     z-index: 0;
     margin: 0;
 }
-#p-cactions .selected a { z-index: 3; }
-#p-cactions .new a { color:#ba0000; }
+#p-cactions .selected a {
+    z-index: 3;
+}
+#p-cactions .new a {
+    color: #ba0000;
+}
 #p-cactions li a:hover {
     z-index: 3;
     text-decoration: none;
 }
-#p-cactions h5 { display: none; }
-#p-cactions li.istalk { margin-right: 0; }
-#p-cactions li.istalk a { padding-right: 0.5em; }
+#p-cactions h5 {
+    display: none;
+}
+#p-cactions li.istalk {
+    margin-right: 0;
+}
+#p-cactions li.istalk a {
+    padding-right: .5em;
+}
 #p-cactions #ca-addsection a {
-    padding-left: 0.4em;
-    padding-right: 0.4em;
+    padding-left: .4em;
+    padding-right: .4em;
 }
 /* offsets to distinguish the tab groups */
-li#ca-talk { margin-right: 1.6em; }
-li#ca-watch, li#ca-watch, li#ca-varlang-0 { margin-left: 1.6em; }
-
+li#ca-talk {
+    margin-right: 1.6em;
+}
+li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
+    margin-left: 1.6em;
+}
 
 /*
 ** the remaining portlets
 */
 #p-tbx,
 #p-lang {
-    position:relative;
-    z-index:3;
+    position: relative;
+    z-index: 3;
 }
 
 /*
 ** footer
 */
 #footer {
-    background-color: White;
+    background-color: white;
     border-top: 1px solid #fabd23;
     border-bottom: 1px solid #fabd23;
-    margin: 0.6em 0em 1em 0em;
-    padding: 0.4em 0em 1.2em 0em;
+    margin: .6em 0 1em 0;
+    padding: .4em 0 1.2em 0;
     text-align: center;
     font-size: 90%;
 }
@@ -837,13 +903,15 @@ head:first-child+body #footer li { white-space: nowrap; }
 /* js pref toc */
 #preftoc {
     float: left;
-    margin: 1em 1em 1em 1em;
+    margin: 1em;
     width: 13em;
 }
-#preftoc li { border: 1px solid White; }
+#preftoc li {
+    border: 1px solid white;
+}
 #preftoc li.selected {
-    background-color:#f9f9f9;
-    border:1px dashed #aaaaaa;
+    background-color: #f9f9f9;
+    border: 1px dashed #aaa;
 }
 #preftoc a,
 #preftoc a:active {
@@ -859,7 +927,9 @@ div.prefsectiontip {
     font-size: 95%;
     margin-top: 1em;
 }
-fieldset.operaprefsection { margin-left: 15em }
+fieldset.operaprefsection {
+    margin-left: 15em;
+}
 
 /*
 ** IE/Mac fixes, hope to find a validating way to move this
@@ -867,9 +937,9 @@ fieldset.operaprefsection { margin-left: 15em }
 ** @import("IEMacFixes.css");
 */
 /* tabs: border on the a, not the div */
-* > html #p-cactions li { border:none; }
+* > html #p-cactions li { border: none; }
 * > html #p-cactions li a {
-    border: 1px solid #aaaaaa;
+    border: 1px solid #aaa;
     border-bottom: none;
 }
 * > html #p-cactions li.selected a { border-color: #fabd23; }
@@ -906,46 +976,203 @@ fieldset.operaprefsection { margin-left: 15em }
     margin-left: 13.2em;
 }
 .redirectText {
-       font-size:150%;
-       margin:5px;
+    font-size: 150%;
+    margin: 5px;
 }
 
 .printfooter {
-        display: none;
+    display: none;
 }
 
-.not_patrolled {
-       background-color: #ffa;
+.not-patrolled {
+    background-color: #ffa;
 }
 div.patrollink {
-       font-size: 75%;
-       text-align: right;
+    font-size: 75%;
+    text-align: right;
 }
 span.newpage, span.minor, span.searchmatch {
-       font-weight: bold;
+    font-weight: bold;
 }
 span.unpatrolled {
-       font-weight:bold;
-       color:red;
+    font-weight: bold;
+    color: red;
 }
 
 span.searchmatch {
-       color: red;
+    color: red;
 }
 .sharedUploadNotice {
-        font-style: italic;
+    font-style: italic;
 }
 
 span.updatedmarker {
-       color:black;
-       background-color:#00FF00;
+    color: black;
+    background-color: #0f0;
 }
 span.newpageletter {
-       font-weight:bold
-       color:black;
-       background-color:yellow;
+    font-weight: bold;
+    color: black;
+    background-color: yellow;
 }
 span.minoreditletter {
-       color:black;
-       background-color:#C5FFE6;
+    color: black;
+    background-color: #c5ffe6;
+}
+
+table.gallery {
+    border: 1px solid #ccc;
+    margin: 2px;
+    padding: 2px;
+    background-color: white;
+}
+
+table.gallery tr {
+    vertical-align: top;
+}
+
+table.gallery td {
+    vertical-align: top;
+    background-color: #f9f9f9;
+    border: solid 2px white;
+}
+
+div.gallerybox {
+    margin: 2px;
+    width:  150px;
+}
+
+div.gallerybox div.thumb {
+    text-align: center;
+    border: 1px solid #ccc;
+    margin: 2px;
+}
+
+div.gallerytext {
+    font-size: 94%;
+    padding: 2px 4px;
+}
+
+span.comment {
+       font-style: italic;
+}
+
+span.changedby {
+       font-size: 95%;
+}
+
+.previewnote {
+       text-align: center;
+       color: #cc0000;
+}
+.editExternally {
+       border: 1px solid gray;
+       background-color: #ffffff;
+       padding: 3px;
+       margin-top: 0.5em;
+       float: left;
+       font-size: small;
+       text-align: center;
+}    
+.editExternallyHelp {
+       font-style: italic;
+       color: gray;
+}
+
+li span.deleted {
+       text-decoration: line-through;
+       color: #888;
+       font-style: italic;
+}
+
+.toggle {
+       margin-left: 2em;
+       text-indent: -2em;
+}
+
+/* Classes for EXIF data display */
+table.metadata {
+       font-size: 0.8em;
+       margin-left: 0.5em;
+       margin-bottom: 0.5em;
+}
+
+table.metadata caption {
+       font-weight: bold;
+}
+
+table.metadata th {
+       font-weight: normal;
+}
+
+table.metadata td {
+       padding: 0.1em;
+}
+
+table.metadata {
+       border: none;
+       border-collapse: collapse;
+}
+
+table.metadata td, table.metadata th {
+       text-align: center;
+       border: 1px solid #aaaaaa;
+       padding-left: 0.1em;
+       padding-right: 0.1em;
+}
+
+table.metadata th {
+       background-color: #f9f9f9;
+}
+
+table.metadata td {
+       background-color: #fcfcfc;
+}
+
+/* filetoc */
+ul#filetoc {
+       text-align: center;
+       border: 1px solid #aaaaaa;
+       background-color: #f9f9f9;
+       padding: 5px;
+       font-size: 95%;
+       margin-bottom: 0.5em;
+       margin-left: 0;
+       margin-right: 0;
+}
+
+#filetoc li {
+       display: inline;
+       list-style-type: none;
+       padding-right: 2em;
+}
+
+/* @bug 1714 */
+input#wpSave, input#wpDiff {
+       margin-right: 0.33em;
+}
+
+
+/* Classes for article validation */
+
+table.revisionform_default {
+       border: 1px solid #000000;
+}
+
+table.revisionform_focus {
+       border: 1px solid #000000;
+       background-color:#00BBFF;
+}
+
+tr.revision_tr_default {
+       background-color:#EEEEEE;
+}
+
+tr.revision_tr_first {
+       background-color:#DDDDDD;
+}
+
+p.revision_saved {
+       color: green;
+       font-weight:bold;
 }