From ae075ea7e4013952f1eca313fe99553dd9ad7537 Mon Sep 17 00:00:00 2001 From: Jack Phoenix Date: Sun, 16 May 2010 16:31:13 +0000 Subject: [PATCH] *spaces -> tabs for indentation *trimmed trailing spaces *made cologneblue.css readable *no functional changes --- skins/common/cologneblue.css | 247 ++++++++++++++++++++-------- skins/common/commonPrint.css | 301 ++++++++++++++++++----------------- skins/common/common_rtl.css | 12 +- skins/common/diff.css | 75 +++++---- 4 files changed, 378 insertions(+), 257 deletions(-) diff --git a/skins/common/cologneblue.css b/skins/common/cologneblue.css index 2329d233b4..c7b6eac18a 100644 --- a/skins/common/cologneblue.css +++ b/skins/common/cologneblue.css @@ -1,101 +1,210 @@ -body { margin: 0px; padding: 0px; color: black; } -#specialform { display: inline; } -#content { top: 0; margin: 0; padding: 0; } +body { + margin: 0px; + padding: 0px; + color: black; +} + +#specialform { + display: inline; +} + +#content { + top: 0; + margin: 0; + padding: 0; +} + #mw-data-after-content { - font-family: Verdana, Arial, sans-serif; - color: black; - font-size: 8pt; + font-family: Verdana, Arial, sans-serif; + color: black; + font-size: 8pt; +} + +#topbar { + padding: 0px; } -#topbar { padding: 0px; } + #powersearch { - background: #DDEEFF; border-style: solid; border-width: 1px; padding: 2px; + background: #DDEEFF; + border-style: solid; + border-width: 1px; + padding: 2px; } + #quickbar { - width: 140px; top: 18ex; padding: 2px; visibility: visible; z-index: 99; + width: 140px; + top: 18ex; + padding: 2px; + visibility: visible; + z-index: 99; } + #article, #article td, #article th, #article p { - font-family: Verdana, Arial, sans-serif; - font-size: 10pt; color: black; + font-family: Verdana, Arial, sans-serif; + font-size: 10pt; + color: black; } + #article p { - padding-top: 0; padding-bottom: 0; - margin-top: 1ex; margin-bottom: 0; + padding-top: 0; + padding-bottom: 0; + margin-top: 1ex; + margin-bottom: 0; +} + +p, pre, td, th, li, dd, dt { + line-height: 12pt; +} + +textarea { + overflow: auto; +} + +#footer { + padding: 4px; +} + +#footer form { + display: inline; } -p, pre, td, th, li, dd, dt { line-height: 12pt; } -textarea { overflow: auto; } -#footer { padding: 4px; } -#footer form { display: inline; } #sitetitle { - font-family: Times, serif; - color: white; - font-weight: normal; font-size: 32pt; - line-height: 32pt; + font-family: Times, serif; + color: white; + font-weight: normal; + font-size: 32pt; + line-height: 32pt; } + td.top { - background-color: #6688AA; color: white; - margin-top: 4px; margin-bottom: 4px; - padding-top: 0; padding-bottom: 0; - text-transform: uppercase; - font-family: Verdana, Arial, sans-serif; font-size: 8pt; + background-color: #6688AA; + color: white; + margin-top: 4px; + margin-bottom: 4px; + padding-top: 0; + padding-bottom: 0; + text-transform: uppercase; + font-family: Verdana, Arial, sans-serif; + font-size: 8pt; } + td.top a { - font-family: Verdana, Arial, sans-serif; - background-color: #6688AA; color: white; - text-decoration: none; font-size: 10pt; + font-family: Verdana, Arial, sans-serif; + background-color: #6688AA; + color: white; + text-decoration: none; + font-size: 10pt; } + td.bottom { - font-family: Verdana, Arial, sans-serif; - font-size: 10pt; - padding: 0; + font-family: Verdana, Arial, sans-serif; + font-size: 10pt; + padding: 0; } + #pagestats { - font-family: Verdana, Arial, sans-serif; - color: black; - font-size: 9pt; + font-family: Verdana, Arial, sans-serif; + color: black; + font-size: 9pt; } + #sitesub { - font-family: Verdana, Arial, sans-serif; - font-size: 9pt; font-weight: bold; - color: black; - padding-top: 0; + font-family: Verdana, Arial, sans-serif; + font-size: 9pt; font-weight: bold; + color: black; + padding-top: 0; } + #quickbar { - font-family: Verdana, Arial, sans-serif; - font-size: 8pt; font-weight: bold; line-height: 9.5pt; - text-decoration: none; - color: black; - padding: 0; margin-top: 0; + font-family: Verdana, Arial, sans-serif; + font-size: 8pt; + font-weight: bold; + line-height: 9.5pt; + text-decoration: none; + color: black; + padding: 0; + margin-top: 0; +} + +#quickbar a { + color: #446688; } -#quickbar a { color: #446688; } #quickbar h6 { - font-family: Verdana, Arial, sans-serif; - font-size: 10pt; font-weight: bold; line-height: 12pt; - text-decoration: none; - color: #666666; - padding: 0; margin-bottom: 2px; margin-top: 6px; + font-family: Verdana, Arial, sans-serif; + font-size: 10pt; + font-weight: bold; + line-height: 12pt; + text-decoration: none; + color: #666666; + padding: 0; + margin-bottom: 2px; + margin-top: 6px; +} + +#quickbar form { + padding: 0; + margin-top: 0; } -#quickbar form { padding: 0; margin-top: 0; } h1 { - color: #666666; - font-family: Verdana, Arial, sans-serif; - font-size: 180%; line-height: 21pt; + color: #666666; + font-family: Verdana, Arial, sans-serif; + font-size: 180%; + line-height: 21pt; +} + +h1 .editsection { + font-size: 55.6%; +} + +h1.pagetitle { + padding-bottom: 0; + margin-bottom: 0; } -h1 .editsection { font-size: 55.6%; } -h1.pagetitle { padding-bottom: 0; margin-bottom: 0; } + #article p.subtitle { - color: #666666; font-size: 11pt; font-weight: bold; - padding-top: 0; margin-top: 0; padding-bottom: 1ex; -} - -a { color: #223366; } -a.external { color: #336644; } -a:visited { color: #8D0749; } -a.printable { text-decoration: underline; } -a.stub, #quickbar a.stub { color:#772233; text-decoration:none; } -a.new, #quickbar a.new { color: #CC2200; } -h2, h3, h4, h5, h6 { margin-bottom: 0; } -small { font-size: 75%; } -input.mw-searchInput { width: 106px; } + color: #666666; + font-size: 11pt; + font-weight: bold; + padding-top: 0; + margin-top: 0; + padding-bottom: 1ex; +} + +a { + color: #223366; +} + +a.external { + color: #336644; +} + +a:visited { + color: #8D0749; +} + +a.printable { + text-decoration: underline; +} + +a.stub, #quickbar a.stub { + color: #772233; + text-decoration: none; +} + +a.new, #quickbar a.new { + color: #CC2200; +} + +h2, h3, h4, h5, h6 { + margin-bottom: 0; +} + +small { + font-size: 75%; +} + +input.mw-searchInput { + width: 106px; +} \ No newline at end of file diff --git a/skins/common/commonPrint.css b/skins/common/commonPrint.css index 9f4c509e65..e8633b3d8f 100644 --- a/skins/common/commonPrint.css +++ b/skins/common/commonPrint.css @@ -8,12 +8,15 @@ /* Thanks to A List Apart (http://alistapart.com/) for useful extras */ a.stub, -a.new{ color:#ba0000; text-decoration:none; } +a.new { + color: #ba0000; + text-decoration: none; +} #toc { - border:1px solid #aaaaaa; - background-color:#f9f9f9; - padding:5px; + border: 1px solid #aaaaaa; + background-color: #f9f9f9; + padding: 5px; } body.ltr .tocindent { margin-left: 2em; @@ -26,81 +29,87 @@ body.rtl .tocindent { } /* images */ -div.floatright { - float: right; - clear: right; - position: relative; - margin: 0.5em 0 0.8em 1.4em; -} -body.rtl div.floatright { - float: left; - clear: left; - margin: 0.5em 1.4em 0.8em 0; -} -div.floatright p { font-style: italic;} -div.floatleft { - float: left; - clear: left; - position: relative; - margin: 0.5em 1.4em 0.8em 0; -} -body.rtl div.floatleft { - float: right; - clear: right; - margin: 0.5em 0 0.8em 1.4em; -} -div.floatleft p { font-style: italic; } +div.floatright { + float: right; + clear: right; + position: relative; + margin: 0.5em 0 0.8em 1.4em; +} +body.rtl div.floatright { + float: left; + clear: left; + margin: 0.5em 1.4em 0.8em 0; +} +div.floatright p { + font-style: italic; +} +div.floatleft { + float: left; + clear: left; + position: relative; + margin: 0.5em 1.4em 0.8em 0; +} +body.rtl div.floatleft { + float: right; + clear: right; + margin: 0.5em 0 0.8em 1.4em; +} +div.floatleft p { + font-style: italic; +} /* thumbnails */ div.thumb { - border: none; - width: auto; - margin-top: 0.5em; - margin-bottom: 0.8em; - background-color: transparent; + border: none; + width: auto; + margin-top: 0.5em; + margin-bottom: 0.8em; + background-color: transparent; } div.thumbinner { - border:1px solid #cccccc; - padding: 3px !important; - background-color: White; - font-size: 94%; - text-align: center; - overflow: hidden; + border:1px solid #cccccc; + padding: 3px !important; + background-color: White; + font-size: 94%; + text-align: center; + overflow: hidden; } html .thumbimage { - border:1px solid #cccccc; + border: 1px solid #cccccc; } html .thumbcaption { border: none; - text-align: left; - line-height: 1.4em; + text-align: left; + line-height: 1.4em; padding: 3px !important; - font-size: 94%; + font-size: 94%; } body.rtl .thumbcaption { text-align: right; } -div.magnify { display: none; } +div.magnify { + display: none; +} div.tright { - float: right; - clear: right; - margin: 0.5em 0 0.8em 1.4em; + float: right; + clear: right; + margin: 0.5em 0 0.8em 1.4em; } div.tleft { - float: left; - clear: left; - margin: 0.5em 1.4em 0.8em 0; + float: left; + clear: left; + margin: 0.5em 1.4em 0.8em 0; } body.rtl div.tright { - float: left; - clear: left; - border-width: 0.5em 1.4em 0.8em 0; + float: left; + clear: left; + border-width: 0.5em 1.4em 0.8em 0; } body.rtl div.tleft { - float: right; - clear: right; - border-width: 0.5em 0 0.8em 1.4em; + float: right; + clear: right; + border-width: 0.5em 0 0.8em 1.4em; } img.thumbborder { border: 1px solid #dddddd; @@ -108,20 +117,20 @@ img.thumbborder { /* table standards */ table.rimage { - float:right; - width:1pt; - position:relative; - margin-left:1em; - margin-bottom:1em; - text-align:center; + float: right; + width: 1pt; + position: relative; + margin-left: 1em; + margin-bottom: 1em; + text-align: center; } body { - background: White; - /*font-size: 11pt !important;*/ - color: Black; - margin: 0; - padding: 0; + background: White; + /*font-size: 11pt !important;*/ + color: Black; + margin: 0; + padding: 0; } .noprint, @@ -139,24 +148,24 @@ li#about, li#disclaimer, li#privacy, #mw-hidden-catlinks { - /* Hides all the elements irrelevant for printing */ - display: none; + /* Hides all the elements irrelevant for printing */ + display: none; } -ul { - list-style-type: square; +ul { + list-style-type: square; } #content { - background: none; - border: none ! important; - padding: 0 ! important; - margin: 0 ! important; + background: none; + border: none ! important; + padding: 0 ! important; + margin: 0 ! important; } #footer { background : white; color : black; - border-top: 1px solid black; + border-top: 1px solid black; } h1, h2, h3, h4, h5, h6 { @@ -164,8 +173,8 @@ h1, h2, h3, h4, h5, h6 { } p, .documentDescription { - margin: 1em 0 ! important; - line-height: 1.2em; + margin: 1em 0 ! important; + line-height: 1.2em; } .tocindent p { @@ -173,55 +182,55 @@ p, .documentDescription { } pre { - border: 1pt dashed black; - white-space: pre; - font-size: 8pt; - overflow: auto; - padding: 1em 0; - background : white; - color : black; + border: 1pt dashed black; + white-space: pre; + font-size: 8pt; + overflow: auto; + padding: 1em 0; + background: white; + color: black; } table.listing, table.listing td { - border: 1pt solid black; - border-collapse: collapse; + border: 1pt solid black; + border-collapse: collapse; } a { - color: Black !important; - background: none !important; - padding: 0 !important; + color: Black !important; + background: none !important; + padding: 0 !important; } a:link, a:visited { - color: #520; - background: transparent; - text-decoration: underline; + color: #520; + background: transparent; + text-decoration: underline; } #content a.external.text:after, #content a.external.autonumber:after { - /* Expand URLs for printing */ - content: " (" attr(href) ") "; + /* Expand URLs for printing */ + content: " (" attr(href) ") "; } #globalWrapper { - width: 100% !important; - min-width: 0 !important; + width: 100% !important; + min-width: 0 !important; } #content { - background : white; - color : black; + background: white; + color: black; } #column-content { - margin: 0 !important; + margin: 0 !important; } #column-content #content { - padding: 1em; - margin: 0 !important; + padding: 1em; + margin: 0 !important; } /* MSIE/Win doesn't understand 'inherit' */ a, a.external, a.new, a.stub { @@ -247,86 +256,92 @@ span.texhtml { font-family: serif; } /* image galleries */ table.gallery { - border: 1px solid #ccc; - margin: 2px; - padding: 2px; - background-color: white; - border-collapse: collapse; + border: 1px solid #ccc; + margin: 2px; + padding: 2px; + background-color: white; + border-collapse: collapse; } table.gallery tr { - vertical-align: top; + vertical-align: top; } table.gallery td { - vertical-align: top; - padding: 1px; - border: 1px solid #ccc; + vertical-align: top; + padding: 1px; + border: 1px solid #ccc; } div.gallerybox { - margin: 2px; + margin: 2px; } div.gallerybox div.thumb { - text-align: center; - border: 1px solid #ccc; - margin: 2px; + text-align: center; + border: 1px solid #ccc; + margin: 2px; } div.gallerytext { - overflow: hidden; - font-size: 94%; - padding: 2px 4px; + overflow: hidden; + font-size: 94%; + padding: 2px 4px; } /* ** Diff rendering */ -table.diff { background:white; } -td.diff-otitle { background:#ffffff; } -td.diff-ntitle { background:#ffffff; } +table.diff { + background: white; +} +td.diff-otitle { + background: #ffffff; +} +td.diff-ntitle { + background: #ffffff; +} td.diff-addedline { - background:#ccffcc; - font-size: smaller; - border: solid 2px black; + background: #ccffcc; + font-size: smaller; + border: solid 2px black; } td.diff-deletedline { - background:#ffffaa; - font-size: smaller; - border: dotted 2px black; + background: #ffffaa; + font-size: smaller; + border: dotted 2px black; } td.diff-context { - background:#eeeeee; - font-size: smaller; + background: #eeeeee; + font-size: smaller; } .diffchange { - color: silver; - font-weight: bold; - text-decoration: underline; + color: silver; + font-weight: bold; + text-decoration: underline; } /* ** Table rendering */ table.wikitable { - margin: 1em 1em 1em 0; - border: 1px #aaa solid; - border-collapse: collapse; + margin: 1em 1em 1em 0; + border: 1px #aaa solid; + border-collapse: collapse; } .wikitable th, .wikitable td { - border: 1px #aaa solid; - padding: 0.2em; + border: 1px #aaa solid; + padding: 0.2em; } .wikitable th { - text-align: center; - background: #F9F9F9; - font-weight: bold; + text-align: center; + background: #F9F9F9; + font-weight: bold; } .wikitable caption { - font-weight: bold; + font-weight: bold; } - + a.sortheader { - margin: 0px 0.3em; + margin: 0px 0.3em; } diff --git a/skins/common/common_rtl.css b/skins/common/common_rtl.css index 2e8bb98056..a0c485f039 100644 --- a/skins/common/common_rtl.css +++ b/skins/common/common_rtl.css @@ -10,14 +10,14 @@ #preftoc li { list-style: none; } #prefcontrol { float: right; } fieldset.prefsection, -fieldset.operaprefsection { - margin-left: 0; - margin-right: 18em; +fieldset.operaprefsection { + margin-left: 0; + margin-right: 18em; } /* page history */ -#pagehistory .history-user { - margin-right: 1.4em; - margin-left: 0.4em; +#pagehistory .history-user { + margin-right: 1.4em; + margin-left: 0.4em; } .editsection { float: left; diff --git a/skins/common/diff.css b/skins/common/diff.css index 6afa3734d5..847dff3aae 100644 --- a/skins/common/diff.css +++ b/skins/common/diff.css @@ -41,7 +41,7 @@ table.diff { border: none; width: 98%; border-spacing: 4px; - + /* Fixed layout is required to ensure that cells containing long URLs don't widen in Safari, Internet Explorer, or iCab */ table-layout: fixed; @@ -60,14 +60,14 @@ table.diff td div { CSS 3 draft..., but Gecko doesn't support it yet: https://bugzilla.mozilla.org/show_bug.cgi?id=99457 */ word-wrap: break-word; - + /* As fallback, scrollbars will be added for very wide cells instead of text overflowing or widening */ overflow: auto; - + /* The above rule breaks on very old versions of Mozilla due to a bug which collapses the table cells to a single line. - + In Mozilla 1.1 and below with JavaScript enabled, the rule will be overridden with this by diff.js; wide cell contents then spill horizontally without widening the rest of the @@ -78,66 +78,63 @@ table.diff td div { /* * Styles for the HTML Diff */ -div.diff-switchtype{ +div.diff-switchtype { text-align: center; font-weight: bold; font-size: smaller; } span.diff-html-added { - font-size: 100%; - background-color: #20ff20 + font-size: 100%; + background-color: #20ff20 } span.diff-html-removed { - font-size: 100%; - text-decoration: line-through; - background-color: #ff2020 + font-size: 100%; + text-decoration: line-through; + background-color: #ff2020 } span.diff-html-changed { - background: url(images/diffunderline.gif) bottom repeat-x; - /* Hack for IE5.5, see http://lists.wikimedia.org/pipermail/wikitech-l/2008-November/040273.html */ - *background-color: #c6c6fd; /* light blue */ + background: url(images/diffunderline.gif) bottom repeat-x; + /* Hack for IE5.5, see http://lists.wikimedia.org/pipermail/wikitech-l/2008-November/040273.html */ + *background-color: #c6c6fd; /* light blue */ } -span.diff-html-added img{ - border: 5px solid #ccffcc; +span.diff-html-added img { + border: 5px solid #ccffcc; } -span.diff-html-removed img{ - border: 5px solid #fdc6c6; +span.diff-html-removed img { + border: 5px solid #fdc6c6; } -span.diff-html-changed img{ - border: 5px dotted #000099; - +span.diff-html-changed img { + border: 5px dotted #000099; } span.diff-html-changed { - position: relative; /* this is key */ - cursor: help; + position: relative; /* this is key */ + cursor: help; } - + span.diff-html-changed span.tip { - display: none; /* so is this */ + display: none; /* so is this */ } /* tooltip will display on :hover event */ - + span.diff-html-changed:hover span.tip { - display: block; - z-index: 95; - position: absolute; - top: 2.5em; - left: 0; - width: auto; - line-height: 1.2em; - padding: 3px 7px 4px 6px; - border: 1px solid #336; - background-color: #f7f7ee; - font-size: 10px; - text-align: left; + display: block; + z-index: 95; + position: absolute; + top: 2.5em; + left: 0; + width: auto; + line-height: 1.2em; + padding: 3px 7px 4px 6px; + border: 1px solid #336; + background-color: #f7f7ee; + font-size: 10px; + text-align: left; } - - -- 2.20.1