X-Git-Url: https://git.heureux-cyclage.org/?a=blobdiff_plain;f=skins%2Fmonobook%2Fmain.css;h=0566e98cb783708eba319790ff241ca2c11f9f72;hb=8197acca32e783418a73f74edba810b8c8a212c3;hp=75b57e3555267ef69a2e761d7b3a05dbdb170e4a;hpb=2d55b1670f34dc63ecc9ce4be20f1b04610d191b;p=lhc%2Fweb%2Fwiklou.git diff --git a/skins/monobook/main.css b/skins/monobook/main.css index 75b57e3555..0566e98cb7 100644 --- a/skins/monobook/main.css +++ b/skins/monobook/main.css @@ -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,211 +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; - 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%; -} - -.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; } /* @@ -446,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 @@ -484,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; @@ -510,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"], @@ -519,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"], @@ -527,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 @@ -572,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; @@ -848,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 { @@ -1006,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; @@ -1017,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; } @@ -1061,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; @@ -1079,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 { @@ -1103,10 +759,6 @@ div#userloginForm .captcha { margin: 5px; } -.printfooter { - display: none; -} - div.patrollink { clear: both; } @@ -1140,7 +792,8 @@ span.updatedmarker { } /* @bug 1714 */ -input#wpSave, input#wpDiff { +input#wpSave, +input#wpDiff { margin-right: 0.33em; } @@ -1157,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 { @@ -1180,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 { @@ -1211,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; @@ -1245,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! */ @@ -1258,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); +}