Merge "support for interwikis in experimental JS preview"
[lhc/web/wiklou.git] / skins / monobook / main.css
index 0fcb478..0566e98 100644 (file)
@@ -59,135 +59,21 @@ div#globalWrapper {
 }
 
 /* general styles */
-
-table {
-       font-size: 100%;
-}
 a {
-       text-decoration: none;
        color: #002bb8;
-       background: none;
 }
 a:visited {
        color: #5a3696;
 }
-a:active {
-       color: #faa700;
-}
-a:hover {
-       text-decoration: underline;
-}
-a.stub {
-       color: #772233;
-}
-a.new, #p-personal a.new {
+a.new,
+#p-personal a.new {
        color: #cc2200;
 }
-a.new:visited, #p-personal a.new:visited {
-       color: #a55858;
-}
-
-img {
-       border: none;
-       vertical-align: middle;
-}
-p {
-       margin: .4em 0 .5em 0;
-       line-height: 1.5em;
-}
-p img {
-       margin: 0;
-}
-
-hr {
-       height: 1px;
-       color: #aaa;
-       background-color: #aaa;
-       border: 0;
-       margin: .2em 0 .2em 0;
-}
-
-h1, h2, h3, h4, h5, h6 {
-       color: black;
-       background: none;
-       font-weight: normal;
-       margin: 0;
-       overflow: hidden;
-       padding-top: .5em;
-       padding-bottom: .17em;
-       border-bottom: 1px solid #aaa;
-}
-h1 { font-size: 188%; }
-h1 .editsection { font-size: 53%; }
-h2 { font-size: 150%; }
-h2 .editsection { font-size: 67%; }
-h3, h4, h5, h6 {
-       border-bottom: none;
-       font-weight: bold;
-}
-h3 { font-size: 132%; }
-h3 .editsection { font-size: 76%; font-weight: normal; }
-h4 { font-size: 116%; }
-h4 .editsection { font-size: 86%; font-weight: normal; }
-h5 { font-size: 100%; }
-h5 .editsection { font-weight: normal; }
-h6 { font-size: 80%; }
-h6 .editsection { font-size: 125%; font-weight: normal; }
 
 ul {
-       line-height: 1.5em;
-       list-style-type: square;
-       margin: .3em 0 0 1.5em;
-       padding: 0;
        /* @embed */
        list-style-image: url(bullet.gif);
 }
-ol {
-       line-height: 1.5em;
-       margin: .3em 0 0 3.2em;
-       padding: 0;
-       list-style-image: none;
-}
-li {
-       margin-bottom: .1em;
-}
-dt {
-       font-weight: bold;
-       margin-bottom: .1em;
-}
-dl {
-       margin-top: .2em;
-       margin-bottom: .5em;
-}
-dd {
-       line-height: 1.5em;
-       margin-left: 2em;
-       margin-bottom: .1em;
-}
-
-fieldset {
-       border: 1px solid #2f6fab;
-       margin: 1em 0 1em 0;
-       padding: 0 1em 1em;
-       line-height: 1.5em;
-}
-fieldset.nested {
-       margin: 0 0 0.5em 0;
-       padding: 0 0.5em 0.5em;
-}
-legend {
-       padding: .5em;
-       font-size: 95%;
-}
-form {
-       border: none;
-       margin: 0;
-}
-
-textarea {
-       width: 100%;
-       padding: .1em;
-}
 
 input.historysubmit {
        padding: 0 .3em .3em .3em !important;
@@ -196,26 +82,8 @@ input.historysubmit {
        height: 1.7em !important;
        margin-left: 1.6em;
 }
-select {
-       vertical-align: top;
-}
-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 {
-       background-color: #f9f9f9;
-}
-pre {
-       padding: 1em;
-       border: 1px dashed #2f6fab;
-       color: black;
-       background-color: #f9f9f9;
+
+pre, .mw-code {
        line-height: 1.1em;
 }
 
@@ -223,210 +91,16 @@ pre {
 ** the main content area
 */
 
-#siteSub {
-       display: none;
-}
-#jump-to-nav {
-       display: none;
-}
-
-#contentSub, #contentSub2 {
-       font-size: 84%;
-       line-height: 1.2em;
-       margin: 0 0 1.4em 1em;
-       color: #7d7d7d;
-       width: auto;
-}
-span.subpages {
-       display: block;
-}
-
-/* Some space under the headers in the content area */
-#bodyContent h1, #bodyContent h2 {
-       margin-bottom: .6em;
-}
-#bodyContent h3, #bodyContent h4, #bodyContent h5 {
-       margin-bottom: .3em;
-}
-#firstHeading {
-       margin-bottom: .1em;
-       /* These two rules hack around bug 2013 (fix for more limited bug 11325).
-          When bug 2013 is fixed properly, they should be removed. */
-       line-height: 1.2em;
-       padding-bottom: 0;
-}
-
-/* user notification thing */
-.usermessage {
-       background-color: #ffce7b;
-       border: 1px solid #ffa500;
-       color: black;
-       font-weight: bold;
-       margin: 2em 0 1em;
-       padding: .5em 1em;
-       vertical-align: middle;
-}
 #siteNotice {
-       position: relative;
-       text-align: center;
        font-size: 95%;
        padding: 0 0.9em;
 }
-#siteNotice p {
+#localNotice {
        margin: 0;
-       padding: 0;
 }
-
-.catlinks {
-       border: 1px solid #aaa;
-       background-color: #f9f9f9;
-       padding: 5px;
-       margin-top: 1em;
-       clear: both;
-}
-/* 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;
-       display: block;
-       margin: 1em 0;
-       line-height: 1.5em;
-}
-.documentByLine {
-       text-align: right;
-       font-size: 90%;
-       clear: both;
-       font-weight: normal;
-       color: #76797c;
-}
-
-/* emulate center */
-.center {
-       width: 100%;
-       text-align: center;
-}
-*.center * {
-       margin-left: auto;
-       margin-right: auto;
-}
-/* small for tables and similar */
-.small {
-       font-size: 94%;
-}
-table.small {
-       font-size: 100%;
-}
-
-/*
-** content styles
-*/
-
-#toc,
-.toc,
-.mw-warning {
-       border: 1px solid #aaa;
-       background-color: #f9f9f9;
-       padding: 5px;
-       font-size: 95%;
-}
-#toc h2,
-.toc h2 {
-       display: inline;
-       border: none;
+#siteNotice p {
+       margin: 0;
        padding: 0;
-       font-size: 100%;
-       font-weight: bold;
-}
-#toc #toctitle,
-.toc #toctitle,
-#toc .toctitle,
-.toc .toctitle {
-       text-align: center;
-}
-#toc ul,
-.toc ul {
-       list-style-type: none;
-       list-style-image: none;
-       padding: 0 .4em;
-       text-align: left;
-}
-#toc ul ul,
-.toc ul ul {
-       margin: 0 0 0 2em;
-}
-#toc .toctoggle,
-.toc .toctoggle {
-       font-size: 94%;
-}
-
-.mw-warning {
-       margin-left: 50px;
-       margin-right: 50px;
-       text-align: center;
-}
-
-/* images */
-/* @noflip */div.floatright, table.floatright {
-       margin: 0 0 .5em .5em;
-       border: 0;
-/*
-       border: .5em solid white;
-       border-width: .5em 0 .8em 1.4em;
-*/
-}
-div.floatright p { font-style: italic; }
-/* @noflip */div.floatleft, table.floatleft {
-       margin: 0 .5em .5em 0;
-       border: 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: .5em;
-       width: auto;
-}
-div.thumbinner {
-       border: 1px solid #ccc;
-       padding: 3px !important;
-       background-color: #f9f9f9;
-       font-size: 94%;
-       text-align: center;
-       overflow: hidden;
-}
-html .thumbimage {
-       border: 1px solid #ccc;
-}
-html .thumbcaption {
-       border: none;
-       text-align: left;
-       line-height: 1.4em;
-       padding: 3px !important;
-       font-size: 94%;
-}
-div.magnify {
-       float: right;
-       border: none !important;
-       background: none !important;
-}
-div.magnify a, div.magnify img {
-       display: block;
-       border: none !important;
-       background: none !important;
-}
-/* @noflip */div.tright {
-       margin: .5em 0 1.3em 1.4em;
-}
-/* @noflip */div.tleft {
-       margin: .5em 1.4em 1.3em 0;
-}
-img.thumbborder {
-       border: 1px solid #dddddd;
 }
 
 /*
@@ -445,12 +119,6 @@ table.rimage {
        margin-bottom: 1em;
        text-align: center;
 }
-.toccolours {
-       border: 1px solid #aaa;
-       background-color: #f9f9f9;
-       padding: 5px;
-       font-size: 95%;
-}
 
 /*
 ** edit views etc
@@ -483,7 +151,7 @@ table.rimage {
        background: url(mail_icon.gif) center right no-repeat;
        padding-right: 18px;
 }
-#bodyContent a.external[href ^="news://"] {
+#bodyContent a.external[href ^="news:"] {
        /* @embed */
        background: url(news_icon.png) center right no-repeat;
        padding-right: 18px;
@@ -509,7 +177,7 @@ table.rimage {
 #bodyContent a.external[href $=".wma"], #bodyContent a.external[href $=".WMA"],
 .link-audio {
        /* @embed */
-       background: url("audio.png") center right no-repeat;
+       background: url(audio.png) center right no-repeat;
        padding-right: 13px;
 }
 #bodyContent a.external[href $=".ogm"], #bodyContent a.external[href $=".OGM"],
@@ -518,7 +186,7 @@ table.rimage {
 #bodyContent a.external[href $=".mpg"], #bodyContent a.external[href $=".MPG"],
 .link-video {
        /* @embed */
-       background: url("video.png") center right no-repeat;
+       background: url(video.png) center right no-repeat;
        padding-right: 13px;
 }
 #bodyContent a.external[href $=".pdf"], #bodyContent a.external[href $=".PDF"],
@@ -526,35 +194,20 @@ table.rimage {
 #bodyContent a.external[href *=".pdf?"], #bodyContent a.external[href *=".PDF?"],
 .link-document {
        /* @embed */
-       background: url("document.png") center right no-repeat;
+       background: url(document.png) center right no-repeat;
        padding-right: 12px;
 }
+
 /* Interwiki Styling */
 #bodyContent a.extiw,
 #bodyContent a.extiw:active {
        color: #36b;
-       /* Don't show icons for interwiki links */
-       background: none;
-       padding: 0;
-}
-#bodyContent a.extiw:visited {
-       color: #636;
-}
-#bodyContent a.extiw:active {
-       color: #b63;
 }
 
 /* External links */
 #bodyContent a.external {
        color: #36b;
 }
-#bodyContent a.external:visited {
-       color: #636; /* bug 3112 */
-}
-#bodyContent a.external:active {
-       color: #b63;
-}
 
 /*
 ** Structural Elements
@@ -571,15 +224,6 @@ table.rimage {
        width: 11.6em;
        overflow: hidden;
 }
-html > body .portlet {
-       float: left;
-       clear: left;
-}
-/* recover IEMac (might be fine with the float, but usually it's close to IE */
-*>body .portlet {
-       float: none;
-       clear: none;
-}
 .portlet h4 {
        font-size: 95%;
        font-weight: normal;
@@ -847,7 +491,10 @@ li#pt-login {
 li#ca-talk {
        margin-right: 1.6em;
 }
-li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
+li#ca-watch,
+li#ca-unwatch,
+li#ca-varlang-0,
+li#ca-print {
        margin-left: 1.6em;
 }
 #p-cactions .pBody {
@@ -1005,8 +652,8 @@ td.htmlform-tip {
        margin-top: 2em;
 }
 
-div#userloginForm form,
-div#userlogin form#userlogin2 {
+div#userloginForm,
+div#userlogin {
        margin: 0 3em 1em 0;
        border: 1px solid #aaa;
        clear: both;
@@ -1016,12 +663,12 @@ div#userlogin form#userlogin2 {
 }
 
 div#userloginForm table,
-div#userlogin form#userlogin2 table {
+div#userlogin table {
        background-color: #f9f9f9;
 }
 
 div#userloginForm h2,
-div#userlogin form#userlogin2 h2 {
+div#userlogin h2 {
        padding-top: 0;
 }
 
@@ -1060,15 +707,21 @@ div#userloginForm .captcha {
 ** @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 #aaa;
        border-bottom: none;
 }
-* > html #p-cactions 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 #f-copyrightico {
+       width: 88px;
+}
 * > html #bodyContent,
 * > html #bodyContent pre {
        overflow-x: auto;
@@ -1078,12 +731,16 @@ div#userloginForm .captcha {
 
 /* more IE fixes */
 /* float/negative margin brokenness */
-* html div#footer {margin-top: 0;}
+* html div#footer {
+       margin-top: 0;
+}
 * html div#column-content {
        display: inline;
        margin-bottom: 0;
 }
-#pagehistory li.selected { position: relative; }
+#pagehistory li.selected {
+       position: relative;
+}
 
 /* Mac IE 5.0 fix; floated content turns invisible */
 * > html div#column-content {
@@ -1102,10 +759,6 @@ div#userloginForm .captcha {
        margin: 5px;
 }
 
-.printfooter {
-       display: none;
-}
-
 div.patrollink {
        clear: both;
 }
@@ -1139,7 +792,8 @@ span.updatedmarker {
 }
 
 /* @bug 1714 */
-input#wpSave, input#wpDiff {
+input#wpSave,
+input#wpDiff {
        margin-right: 0.33em;
 }
 
@@ -1156,17 +810,17 @@ div.noarticletext {
 }
 
 div#searchTargetContainer {
-       left:       10px;
-       top:        10px;
-       width:      90%;
+       left: 10px;
+       top: 10px;
+       width: 90%;
        background: white;
 }
 
 div#searchTarget {
-       padding:    3px;
-       margin:     5px;
+       padding: 3px;
+       margin: 5px;
        background: #F0F0F0;
-       border:     solid 1px blue;
+       border: solid 1px blue;
 }
 
 div#searchTarget ul li {
@@ -1179,10 +833,10 @@ div#searchTarget ul li:before {
 }
 
 div#searchTargetHide {
-       float:right;
-       border:solid 1px black;
-       background:#DCDCDC;
-       padding:2px;
+       float: right;
+       border: solid 1px black;
+       background: #DCDCDC;
+       padding: 2px;
 }
 
 #powersearch p {
@@ -1210,7 +864,9 @@ table.multipageimage td {
        text-align: center;
 }
 
-.templatesUsed { margin-top: 1.5em; }
+.templatesUsed {
+       margin-top: 1.5em;
+}
 
 .mw-summary-preview {
        margin: 0.1em 0;
@@ -1244,8 +900,8 @@ div.mw-lag-warn-high {
 }
 
 /* God-damned hack for the crappy layout */
-.ui-autocomplete {
-       font-size: 127%!important;
+.os-suggest {
+       font-size: 127%;
 }
 
 /* Sometimes people don't want personal tools to be lowercase! */
@@ -1257,3 +913,17 @@ div.mw-lag-warn-high {
 .tipsy {
        font-size: 127%;
 }
+
+/* jsMessage */
+
+div#mw-js-message {
+       position: absolute;
+       margin: 0;
+       padding: 0.25em 1em;
+       right: 1em;
+       top: 1em;
+       width: 20em;
+       z-index: 10000;
+       -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.125);
+       box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.125);
+}