X-Git-Url: https://git.heureux-cyclage.org/?a=blobdiff_plain;f=skins%2Fmonobook%2Fmain.css;h=466aecc8c3364f203b285da86b082917ceae3dd1;hb=fe43f5ea7039e3c59944e96095583ada865d0559;hp=517765c4b884bf43b42052d4f546b181febf61c5;hpb=0b06a4fffc9f5cbfd2d5970d25d3054044fb38bf;p=lhc%2Fweb%2Fwiklou.git diff --git a/skins/monobook/main.css b/skins/monobook/main.css index 517765c4b8..466aecc8c3 100644 --- a/skins/monobook/main.css +++ b/skins/monobook/main.css @@ -9,32 +9,21 @@ ** All you guys rock :) */ -/** - * Stylesheet for screen/projection. All rules not marked media-specific are - * shared with handheld.css and should be updated in tandem. The rules can't - * be in the same file because old browsers like IE5 won't obey @media rules. - * - * Rules that are screen/projection-specific are marked with commented-out - * @media rules and indentation. - */ - -/* @media screen, projection { */ - #column-content { - width: 100%; - float: right; - margin: 0 0 .6em -12.2em; - padding: 0; - } - #content { - margin: 2.8em 0 0 12.2em; - padding: 0 1em 1.5em 1em; - position: relative; - z-index: 2; - } - #column-one { - padding-top: 160px; - } -/* } */ +#column-content { + width: 100%; + float: right; + margin: 0 0 .6em -12.2em; + padding: 0; +} +#content { + margin: 2.8em 0 0 12.2em; + padding: 0 1em 1.5em 1em; + position: relative; + z-index: 2; +} +#column-one { + padding-top: 160px; +} #content { background: white; color: black; @@ -106,12 +95,10 @@ img { border: none; vertical-align: middle; } -/* @media screen, projection { */ - p { - margin: .4em 0 .5em 0; - line-height: 1.5em; - } -/* } */ +p { + margin: .4em 0 .5em 0; + line-height: 1.5em; +} p img { margin: 0; } @@ -124,36 +111,28 @@ hr { margin: .2em 0 .2em 0; } -h1, h2, h3, h4, h5, h6 { +.mw-h1, .mw-h2, .mw-h3, .mw-h4, .mw-h5, .mw-h6 { color: black; background: none; - font-weight: normal; margin: 0; padding-top: .5em; padding-bottom: .17em; border-bottom: 1px solid #aaa; } +h1, h2, h3, h4, h5, h6 { + font-weight: normal; + display: inline; +} 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; } - -.editsection { - float: right; - margin-left: 5px; -} ul { line-height: 1.5em; @@ -245,14 +224,12 @@ pre { ** the main content area */ -/* @media screen, projection { */ - #siteSub { - display: none; - } - #jump-to-nav { - display: none; - } -/* } */ +#siteSub { + display: none; +} +#jump-to-nav { + display: none; +} #contentSub, #contentSub2 { font-size: 84%; @@ -485,17 +462,20 @@ div.tleft { margin-right: .5em; border-width: .5em 1.4em .8em 0; } - +img.thumbborder { + border: 1px solid #dddddd; +} .hiddenStructure { display: none; - speak: none; -} -img.tex { - vertical-align: middle; } -span.texhtml { - font-family: serif; + +/* Have a checkered background on images on the description pages and in galleries + to make transparency visible + +#file img, .gallerybox .thumb img { + background: url(Checker-16x16.png) repeat; } +*/ /* ** classes for special content elements like town boxes @@ -573,29 +553,6 @@ div.townBox dl dd { border: 1px dashed #aaa; } -/* -** Diff rendering -*/ -table.diff, td.diff-otitle, td.diff-ntitle { - background-color: white; -} -td.diff-addedline { - background: #cfc; - font-size: smaller; -} -td.diff-deletedline { - background: #ffa; - font-size: smaller; -} -td.diff-context { - background: #eee; - font-size: smaller; -} -span.diffchange { - color: red; - font-weight: bold; -} - /* ** keep the whitespace in front of the ^=, hides rule from konqueror ** this is css3, the validator doesn't like it when validating as css2 @@ -743,65 +700,35 @@ special external link styling */ ** Logo properties */ -/* @media screen, projection { */ - #p-logo { - top: 0; - left: 0; - position: absolute; /*needed to use z-index */ - z-index: 3; - height: 155px; - width: 12em; - overflow: visible; - } - #p-logo h5 { - display: none; - } - #p-logo a, - #p-logo a:hover { - display: block; - height: 155px; - width: 12.2em; - background-repeat: no-repeat; - background-position: 35% 50% !important; - text-decoration: none; - } -/* } */ -/* -** the navigation portlet -*/ - -/* @media screen, projection { */ - #p-navigation { - position: relative; - z-index: 3; - } - #p-navigation a { - display: block; - } - #p-navigation li.active a, #p-navigation li.active a:hover { - display: inline; - } -/* } */ - -#p-navigation .pBody { - padding-right: 0; +#p-logo { + top: 0; + left: 0; + position: absolute; /*needed to use z-index */ + z-index: 3; + height: 155px; + width: 12em; + overflow: visible; } - -#p-navigation li.active a, #p-navigation li.active a:hover { +#p-logo h5 { + display: none; +} +#p-logo a, +#p-logo a:hover { + display: block; + height: 155px; + width: 12.2em; + background-repeat: no-repeat; + background-position: 35% 50% !important; text-decoration: none; - font-weight: bold; } - /* ** Search portlet */ -/* @media screen, projection { */ - #p-search { - position: relative; - z-index: 3; - } -/* } */ +#p-search { + position: relative; + z-index: 3; +} input.searchButton { margin-top: 1px; font-size: 95%; @@ -824,82 +751,80 @@ input.searchButton { /* ** the personal toolbar */ -/* @media screen, projection { */ - #p-personal { - position: absolute; - left: 0; - top: 0; - z-index: 0; - } - #p-personal { - width: 100%; - white-space: nowrap; - padding: 0; - margin: 0; - border: none; - background: none; - overflow: visible; - line-height: 1.2em; - } - #p-personal h5 { - display: none; - } - #p-personal .portlet, - #p-personal .pBody { - z-index: 0; - padding: 0; - margin: 0; - border: none; - overflow: visible; - background: none; - } +#p-personal { + position: absolute; + left: 0; + top: 0; + z-index: 0; +} +#p-personal { + width: 100%; + white-space: nowrap; + padding: 0; + margin: 0; + border: none; + background: none; + overflow: visible; + line-height: 1.2em; +} +#p-personal h5 { + display: none; +} +#p-personal .portlet, +#p-personal .pBody { + z-index: 0; + padding: 0; + margin: 0; + border: none; + overflow: visible; + background: none; +} /* this is the ul contained in the portlet */ - #p-personal ul { - border: none; - line-height: 1.4em; - color: #2f6fab; - padding: 0 2em 0 3em; - margin: 0; - text-align: right; - list-style: none; - z-index: 0; - background: none; - cursor: default; - } - #p-personal li { - z-index: 0; - border: none; - padding: 0; - display: inline; - color: #2f6fab; - margin-left: 1em; - line-height: 1.2em; - background: none; - } - #p-personal li a { - text-decoration: none; - color: #005896; - padding-bottom: .2em; - background: none; - } - #p-personal li a:hover { - background-color: white; - padding-bottom: .2em; - text-decoration: none; - } - #p-personal li.active a:hover { - background-color: transparent; - } - /* the icon in front of the user name, single quotes - 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; - padding-left: 20px; - text-transform: none; - } -/* } */ +#p-personal ul { + border: none; + line-height: 1.4em; + color: #2f6fab; + padding: 0 2em 0 3em; + margin: 0; + text-align: right; + list-style: none; + z-index: 0; + background: none; + cursor: default; +} +#p-personal li { + z-index: 0; + border: none; + padding: 0; + display: inline; + color: #2f6fab; + margin-left: 1em; + line-height: 1.2em; + background: none; +} +#p-personal li a { + text-decoration: none; + color: #005896; + padding-bottom: .2em; + background: none; +} +#p-personal li a:hover { + background-color: white; + padding-bottom: .2em; + text-decoration: none; +} +#p-personal li.active a:hover { + background-color: transparent; +} +/* the icon in front of the user name, single quotes +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; + padding-left: 20px; + text-transform: none; +} #p-personal ul { text-transform: lowercase; } @@ -909,91 +834,89 @@ input.searchButton { /* ** the page-related actions- page/talk, edit etc */ -/* @media screen, projection { */ - #p-cactions { - position: absolute; - top: 1.3em; - left: 11.5em; - margin: 0; - white-space: nowrap; - width: 76%; - line-height: 1.1em; - overflow: visible; - background: none; - border-collapse: collapse; - padding-left: 1em; - list-style: none; - font-size: 95%; - } - #p-cactions ul { - list-style: none; - } - #p-cactions li { - display: inline; - border: 1px solid #aaa; - border-bottom: none; - padding: 0 0 .1em 0; - margin: 0 .3em 0 0; - overflow: visible; - background: white; - } - #p-cactions li.selected { - border-color: #fabd23; - padding: 0 0 .2em 0; - font-weight: bold; - } - #p-cactions li a { - background-color: #fbfbfb; - color: #002bb8; - border: none; - padding: 0 .8em .3em; - position: relative; - z-index: 0; - margin: 0; - text-decoration: none; - } - #p-cactions li.selected a { - z-index: 3; - padding: 0 1em .2em!important; - background-color: white; - } - #p-cactions .new a { - color: #ba0000; - } - #p-cactions li a:hover { - z-index: 3; - text-decoration: none; - background-color: white; - } - #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: .4em; - padding-right: .4em; - } - /* offsets to distinguish the tab groups */ - li#ca-talk { - margin-right: 1.6em; - } - li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print { - margin-left: 1.6em; - } - #p-cactions .pBody { - font-size: 1em; - background-color: transparent; - color: inherit; - border-collapse: inherit; - border: 0; - padding: 0; - } -/* } */ +#p-cactions { + position: absolute; + top: 1.3em; + left: 11.5em; + margin: 0; + white-space: nowrap; + width: 76%; + line-height: 1.1em; + overflow: visible; + background: none; + border-collapse: collapse; + padding-left: 1em; + list-style: none; + font-size: 95%; +} +#p-cactions ul { + list-style: none; +} +#p-cactions li { + display: inline; + border: 1px solid #aaa; + border-bottom: none; + padding: 0 0 .1em 0; + margin: 0 .3em 0 0; + overflow: visible; + background: white; +} +#p-cactions li.selected { + border-color: #fabd23; + padding: 0 0 .2em 0; + font-weight: bold; +} +#p-cactions li a { + background-color: #fbfbfb; + color: #002bb8; + border: none; + padding: 0 .8em .3em; + position: relative; + z-index: 0; + margin: 0; + text-decoration: none; +} +#p-cactions li.selected a { + z-index: 3; + padding: 0 1em .2em!important; + background-color: white; +} +#p-cactions .new a { + color: #ba0000; +} +#p-cactions li a:hover { + z-index: 3; + text-decoration: none; + background-color: white; +} +#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: .4em; + padding-right: .4em; +} +/* offsets to distinguish the tab groups */ +li#ca-talk { + margin-right: 1.6em; +} +li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print { + margin-left: 1.6em; +} +#p-cactions .pBody { + font-size: 1em; + background-color: transparent; + color: inherit; + border-collapse: inherit; + border: 0; + padding: 0; +} #p-cactions .hiddenStructure { display: none; } @@ -1004,13 +927,11 @@ input.searchButton { /* ** the remaining portlets */ -/* @media screen, projection { */ - #p-tbx, - #p-lang { - position: relative; - z-index: 3; - } -/* } */ +#p-tbx, +#p-lang { + position: relative; + z-index: 3; +} /* TODO: #t-iscite is only used by the Cite extension, come up with some * system which allows extensions to add to this file on the fly @@ -1034,8 +955,6 @@ input.searchButton { display: inline; 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; @@ -1061,21 +980,19 @@ head:first-child+body #footer li { white-space: nowrap; } background-color: #f0f0f0; color: #000; } -/* @media screen, projection { */ - #preftoc li { - margin: 1px -2px 1px 2px; - float: left; - padding: 2px 0 3px 0; - border: 1px solid #fff; - border-right-color: #716f64; - border-bottom: 0; - position: relative; - white-space: nowrap; - list-style-type: none; - list-style-image: none; - z-index: 3; - } -/* } */ +#preftoc li { + margin: 1px -2px 1px 2px; + float: left; + padding: 2px 0 3px 0; + border: 1px solid #fff; + border-right-color: #716f64; + border-bottom: 0; + position: relative; + white-space: nowrap; + list-style-type: none; + list-style-image: none; + z-index: 3; +} #preftoc li.selected { font-weight: bold; background-color: #f9f9f9; @@ -1128,17 +1045,13 @@ head:first-child+body #footer li { white-space: nowrap; } .prefsection table, .prefsection legend { background-color: #F9F9F9; } -/* @media screen, projection { */ - .mainLegend { - display: none; - } -/* } */ +.mainLegend { + display: none; +} div.prefsectiontip { - font-size: 95%; - margin-top: 0; - background-color: #FFC1C1; - padding: .2em .7em; - clear: both; + font-size: x-small; + padding: .2em 2em; + color: #666; } .btnSavePrefs { font-weight: bold; @@ -1176,10 +1089,10 @@ div#userlogin form#userlogin2 h2 { padding-top: 0; } -div#userlogin .captcha { +div#userlogin .captcha, +div#userloginForm .captcha { border: 1px solid #bbb; padding: 1.5em 2em; - width: 400px; background-color: white; } @@ -1202,29 +1115,27 @@ div#userlogin .captcha { font-weight: bold; } -/* @media screen, projection { */ - /* - ** 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"); - */ - /* tabs: border on the a, not the div */ - * > 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; } - /* 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; - } -/* } */ +/* +** 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"); +*/ +/* tabs: border on the a, not the div */ +* > 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; } +/* 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; +} /* more IE fixes */ /* float/negative margin brokenness */ @@ -1300,15 +1211,17 @@ table.gallery td { background-color: #f9f9f9; border: solid 2px white; } - +/* Keep this temporarily so that cached pages will display right */ table.gallery td.galleryheader { - text-align: center; + text-align: center; + font-weight: bold; +} +table.gallery caption { font-weight: bold; } div.gallerybox { margin: 2px; - width: 150px; } div.gallerybox div.thumb { @@ -1318,6 +1231,7 @@ div.gallerybox div.thumb { } div.gallerytext { + overflow: hidden; font-size: 94%; padding: 2px 4px; } @@ -1529,6 +1443,13 @@ div#searchTarget ul li:before { content: "\00BB \0020"; } +div#searchTargetHide { + float:right; + border:solid 1px black; + background:gainsboro; + padding:2px; +} + div.multipageimagenavbox { border: solid 1px silver; padding: 4px; @@ -1585,7 +1506,7 @@ tr.sv-space td { display: none; } .TablePager_nav a { text-decoration: none; } .TablePager { border-collapse: collapse; } .TablePager, .TablePager td, .TablePager th { - border: 0.15em solid #777777; + border: 1px solid #aaaaaa; padding: 0 0.15em 0 0.15em; } .TablePager th { background-color: #eeeeff } @@ -1609,10 +1530,40 @@ p.mw-ipb-conveniencelinks { float: right; } -/** - * Here is some stuff that's ACTUALLY COMMON TO ALL SKINS. - * When the day comes, it can be moved to a *real* common.css. - */ -#toolbar { clear: both; } -.mw-plusminus-null { color: #aaa; } -.texvc { direction: ltr; unicode-bidi: embed; } \ No newline at end of file +/* Friendlier slave lag warnings */ +div.mw-lag-warn-normal, +div.mw-lag-warn-high { + padding: 3px; + text-align: center; + margin: 3px auto; +} +div.mw-lag-warn-normal { + border: 1px solid #FFCC66; + background-color: #FFFFCC; +} +div.mw-lag-warn-high { + font-weight: bold; + border: 2px solid #FF0033; + background-color: #FFCCCC; +} + +/* Recreating-deleted-page/reupload file warning and log entries */ +div#mw-upload-deleted-warn, +div#mw-recreate-deleted-warn { + padding: 3px; + margin-bottom: 3px; + border: 2px solid #2F6FAB; +} +div#mw-upload-deleted-warn ul li, +div#mw-recreate-deleted-warn ul li { + font-size: 90%; +} +.MediaTransformError { + background-color: #ccc; + padding: 0.1em; +} +.MediaTransformError td { + text-align: center; + vertical-align: middle; + font-size: 90%; +}