From 2722f97d8e536fad1340041d6151489ddd99c90f Mon Sep 17 00:00:00 2001 From: Pierre Schmitz Date: Sat, 13 Jan 2007 21:58:51 +0000 Subject: Archlinux-Skin für MediaWiki 1.9 angepasst MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- skins/archlinux/main.css | 638 ++++++++++++++++++++++++++++------------------- 1 file changed, 386 insertions(+), 252 deletions(-) (limited to 'skins/archlinux/main.css') diff --git a/skins/archlinux/main.css b/skins/archlinux/main.css index a0f83737..fb62804e 100644 --- a/skins/archlinux/main.css +++ b/skins/archlinux/main.css @@ -8,27 +8,40 @@ ** Michael Zeltner and Geir Bækholt) ** 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. + */ -#column-content { - width: 100%; - float: right; - margin: 0 0 .6em -12.2em; - padding: 0; -} +/* @media screen, projection { */ + #column-content { + width: 100%; + float: right; + margin: 0 0 .6em -12.2em; + padding: 0; + } + #content { + margin: 3px 0 0 12.2em; + padding: 0 1em 1.5em 1em; + position: relative; + z-index: 2; + } + #column-one { + padding-top: 3px; + } +/* } */ #content { - margin: 0.3em 0 0 12.2em; - padding: 0 1em 1.5em 1em; background: white; color: black; - border: 1px solid #8faecd; + border: 1px solid #aaa; border-right: none; line-height: 1.5em; - position: relative; - z-index: 2; -} -#column-one { - padding-top: 0; } + /* the left column width is specified in class .portlet */ /* Font size: @@ -62,6 +75,9 @@ body { table { font-size: 100%; color: black; + /* we don't want the bottom borders of

s to be visible through + floated tables */ + background-color: white; } a { text-decoration: none; @@ -91,10 +107,13 @@ img { border: none; vertical-align: middle; } -p { - margin: .4em 0 .5em 0; - line-height: 1.5em; -} +/* @media screen, projection { */ + p { + margin: .4em 0 .5em 0; + line-height: 1.5em; + } +/* } */ + p img { margin: 0; } @@ -117,15 +136,27 @@ h1, h2, h3, h4, h5, h6 { border-bottom: 1px dotted #8faecd; } 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; @@ -218,13 +249,15 @@ pre { ** the main content area */ -#siteSub { - display: none; -} +/* @media screen, projection { */ + #siteSub { + display: none; + } + #jump-to-nav { + display: none; + } +/* } */ -#jump-to-nav { - display: none; -} #contentSub, #contentSub2 { font-size: 84%; @@ -400,6 +433,7 @@ div.floatright, table.floatright { div.floatright p { font-style: italic; } div.floatleft, table.floatleft { float: left; + clear: left; position: relative; margin: 0 .5em .5em 0; border: 0; @@ -417,7 +451,7 @@ div.thumb { border-color: white; width: auto; } -div.thumb div { +div.thumbinner { border: 1px solid #ccc; padding: 3px !important; background-color: #f9f9f9; @@ -425,14 +459,15 @@ div.thumb div { text-align: center; overflow: hidden; } -div.thumb div a img { +html .thumbimage { border: 1px solid #ccc; } -div.thumb div div.thumbcaption { +html .thumbcaption { border: none; text-align: left; line-height: 1.4em; - padding: .3em 0 .1em 0; + padding: 3px !important; + font-size: 94%; } div.magnify { float: right; @@ -451,6 +486,7 @@ div.tright { } div.tleft { float: left; + clear: left; margin-right: .5em; border-width: .5em 1.4em .8em 0; } @@ -598,6 +634,32 @@ span.diffchange { background: url(discussionitem_icon.gif) center right no-repeat; padding-right: 18px; } +#bodyContent a.external[href $=".ogg"], #bodyContent a.external[href $=".OGG"], +#bodyContent a.external[href $=".mid"], #bodyContent a.external[href $=".MID"], +#bodyContent a.external[href $=".midi"], #bodyContent a.external[href $=".MIDI"], +#bodyContent a.external[href $=".mp3"], #bodyContent a.external[href $=".MP3"], +#bodyContent a.external[href $=".wav"], #bodyContent a.external[href $=".WAV"], +#bodyContent a.external[href $=".wma"], #bodyContent a.external[href $=".WMA"], +.link-audio { + background: url("audio.png") center right no-repeat; + padding-right: 13px; +} +#bodyContent a.external[href $=".ogm"], #bodyContent a.external[href $=".OGM"], +#bodyContent a.external[href $=".avi"], #bodyContent a.external[href $=".AVI"], +#bodyContent a.external[href $=".mpeg"], #bodyContent a.external[href $=".MPEG"], +#bodyContent a.external[href $=".mpg"], #bodyContent a.external[href $=".MPG"], +.link-video { + background: url("video.png") center right no-repeat; + padding-right: 13px; +} +#bodyContent a.external[href $=".pdf"], #bodyContent a.external[href $=".PDF"], +#bodyContent a.external[href *=".pdf#"], #bodyContent a.external[href *=".PDF#"], +#bodyContent a.external[href *=".pdf?"], #bodyContent a.external[href *=".PDF?"], +.link-document { + background: url("document.png") center right no-repeat; + padding-right: 12px; +} + /* disable interwiki styling */ #bodyContent a.extiw, #bodyContent a.extiw:active { @@ -685,49 +747,52 @@ special external link styling */ /* ** Logo properties */ - -#p-logo { - z-index: 3; - position: absolute; /*needed to use z-index */ - top: 0; - left: 0; - 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; -} - +/* @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 */ -#p-navigation { - position: relative; - z-index: 3; -} +/* @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-navigation a { - display: block; -} - #p-navigation li.active a, #p-navigation li.active a:hover { text-decoration: none; - display: inline; font-weight: bold; } @@ -735,10 +800,13 @@ special external link styling */ /* ** Search portlet */ -#p-search { - position: relative; - z-index: 3; -} +/* @media screen, projection { */ + #p-search { + position: relative; + z-index: 3; + } +/* } */ + input.searchButton { margin-top: 1px; font-size: 95%; @@ -762,176 +830,195 @@ input.searchButton { /* ** the personal toolbar */ - -#p-personal { - width: 100%; - white-space: nowrap; - padding: 0; - margin: 0; - position: absolute; - left: 0; - top: 80px; - z-index: 0; - border: none; - background: none; - overflow: visible; - line-height: 1.2em; -} - -#p-personal h5 { - display: none; -} -#p-personal .portlet, -#p-personal .pBody { - padding: 0; - margin: 0; - border: none; - z-index: 0; - overflow: visible; - background: none; -} +/* @media screen, projection { */ + #p-personal { + position: absolute; + left: 0; + top: 80px; + 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; text-transform: lowercase; - 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.active { font-weight: bold; } -#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; -} - /* ** the page-related actions- page/talk, edit etc */ -#p-cactions { - position: absolute; - top: 137px; - left: 14.5em; - margin: 0; - white-space: nowrap; - width: 76%; - line-height: 1px; - overflow: visible; - background: none; - border-collapse: collapse; - padding-left: 1em; - list-style: none; - font-size: 95%; -} +/* @media screen, projection { */ + #p-cactions { + position: absolute; + top: 137px; + left: 14.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; } -#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; - text-decoration: none; text-transform: lowercase; - position: relative; - z-index: 0; - margin: 0; -} -#p-cactions li.selected a { - z-index: 3; - background-color: #fff; - padding: 0 1em .2em!important; -} -#p-cactions .new a { - color: #ba0000; -} -#p-cactions li a:hover { - z-index: 3; - text-decoration: none; - background-color: #fff; -} -#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; } /* ** the remaining portlets */ -#p-tbx, -#p-lang { - position: relative; - z-index: 3; -} +/* @media screen, projection { */ + #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 @@ -978,21 +1065,25 @@ head:first-child+body #footer li { white-space: nowrap; } width: 100%; clear: both; } -#preftoc li { - margin: 1px -2px 1px 2px; - float: left; - padding: 2px 0 3px 0; - background-color: #f0f0f0; +#preftoc li { background-color: #f0f0f0; color: #000; - 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; } +/* @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.selected { font-weight: bold; background-color: #f9f9f9; @@ -1045,9 +1136,12 @@ head:first-child+body #footer li { white-space: nowrap; } .prefsection table, .prefsection legend { background-color: #F9F9F9; } -.mainLegend { - display: none; -} +/* @media screen, projection { */ + .mainLegend { + display: none; + } +/* } */ + div.prefsectiontip { font-size: 95%; margin-top: 0; @@ -1117,27 +1211,30 @@ div#userlogin .captcha { font-weight: bold; } -/* -** 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; -} +/* @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; + } +/* } */ + /* more IE fixes */ /* float/negative margin brokenness */ @@ -1353,6 +1450,10 @@ ul#filetoc { padding-right: 2em; } +input#wpSummary { + width: 80%; +} + /* @bug 1714 */ input#wpSave, input#wpDiff { margin-right: 0.33em; @@ -1469,6 +1570,30 @@ table.multipageimage td { text-align: center; } +/** Special:Version */ + +table#sv-ext, table#sv-hooks { + margin: 1em; + padding:0em; +} + +#sv-ext td, #sv-hooks td, +#sv-ext th, #sv-hooks th { + border: 1px solid #A0A0A0; + padding: 0 0.15em 0 0.15em; +} +#sv-ext th, #sv-hooks th { + background-color: #F0F0F0; + color: black; + padding: 0 0.15em 0 0.15em; +} +tr.sv-space{ + height: 0.8em; + border:none; +} +tr.sv-space td { display: none; } + + /* Table pager (e.g. Special:Imagelist) - remove underlines from the navigation link @@ -1490,4 +1615,13 @@ table.multipageimage td { .imagelist td, .imagelist th { white-space: nowrap } .imagelist .TablePager_col_links { background-color: #eeeeff } .imagelist .TablePager_col_img_description { white-space: normal } -.imagelist th.TablePager_sort { background-color: #ccccff } \ No newline at end of file +.imagelist th.TablePager_sort { background-color: #ccccff } + +.templatesUsed { margin-top: 1.5em; } + +.mw-summary-preview { + margin: 0.1em 0; +} +#toolbar { clear: both; } + +.mw-plusminus-null { color: #aaa; } -- cgit v1.2.3-54-g00ecf