r99933 MediaWiki - Code Review archive

Repository:MediaWiki
Revision:r99932‎ | r99933 | r99934 >
Date:23:33, 15 October 2011
Author:krinkle
Status:ok
Tags:
Comment:
CSS clean up
* Apply code conventions (mostly whitespace and missing semi-colons)
* Minor other nitpicks
-- '! important' -> '!important'
-- Ucfirst -> lc; for color names and keywords
-- Remove uses of system color keywords (they are deprecated) [1] Most had fixed fallbacks already. Using those now.
-- Remove version query string (foo.png?2), last modified in r66151. Now obsolete with ResourceLoader
-- 0px to 0 where possible
-- Remove commented out css rules and declarations without any comment (debug stuff like /*div{ border:1px solid Red !important;}*/)
-- Remove empty blocks ( .foo { } )

[1] https://developer.mozilla.org/en/CSS/color_value#System_Colors
Modified paths:
  • /trunk/phase3/includes/Skin.php (modified) (history)
  • /trunk/phase3/resources/jquery/jquery.suggestions.css (modified) (history)
  • /trunk/phase3/resources/jquery/jquery.tablesorter.css (modified) (history)
  • /trunk/phase3/resources/mediawiki.action/mediawiki.action.history.diff.css (modified) (history)
  • /trunk/phase3/resources/mediawiki.special/mediawiki.special.changeslist.css (modified) (history)
  • /trunk/phase3/skins/Standard.php (modified) (history)
  • /trunk/phase3/skins/chick/IE50Fixes.css (modified) (history)
  • /trunk/phase3/skins/chick/IE55Fixes.css (modified) (history)
  • /trunk/phase3/skins/chick/IE60Fixes.css (modified) (history)
  • /trunk/phase3/skins/cologneblue/screen.css (modified) (history)
  • /trunk/phase3/skins/common/IE80Fixes.css (modified) (history)
  • /trunk/phase3/skins/common/commonElements.css (modified) (history)
  • /trunk/phase3/skins/common/commonInterface.css (modified) (history)
  • /trunk/phase3/skins/common/commonPrint.css (modified) (history)
  • /trunk/phase3/skins/common/config-cc.css (modified) (history)
  • /trunk/phase3/skins/common/oldshared.css (modified) (history)
  • /trunk/phase3/skins/common/shared.css (modified) (history)
  • /trunk/phase3/skins/common/wikiprintable.css (modified) (history)
  • /trunk/phase3/skins/common/wikistandard.css (modified) (history)
  • /trunk/phase3/skins/modern/main.css (modified) (history)
  • /trunk/phase3/skins/monobook/IE50Fixes.css (modified) (history)
  • /trunk/phase3/skins/monobook/IE55Fixes.css (modified) (history)
  • /trunk/phase3/skins/monobook/main.css (modified) (history)
  • /trunk/phase3/skins/nostalgia/screen.css (modified) (history)
  • /trunk/phase3/skins/simple/main.css (modified) (history)
  • /trunk/phase3/skins/vector/screen.css (modified) (history)

Diff [purge]

Index: trunk/phase3/skins/nostalgia/screen.css
@@ -1,5 +1,5 @@
22 body {
3 - /* Background color is set separately on page type */
 3+ /* background color is set separately on page type */
44 color: black;
55 }
66
@@ -14,7 +14,8 @@
1515 padding: 2px;
1616 }
1717
18 -a.interwiki, a.external {
 18+a.interwiki,
 19+a.external {
1920 color: #3366BB;
2021 }
2122
Index: trunk/phase3/skins/chick/IE50Fixes.css
@@ -1,67 +1,74 @@
2 -/*
3 -** IE5.0 Fix Stylesheet
4 -*/
 2+/**
 3+ * IE5.0 Fix Stylesheet
 4+ */
55
66 #column-content {
7 - margin: 0 !important;
8 - float: none;
 7+ margin: 0 !important;
 8+ float: none;
99 }
10 -#column-content #content {
11 - margin-top: 3em;
12 - height: 1%;
 10+#column-content #content {
 11+ margin-top: 3em;
 12+ height: 1%;
1313 }
1414 #column-one {
15 - position: absolute;
16 - overflow: visible;
17 - top: 0;
18 - left: 0;
19 - z-index: 3;
 15+ position: absolute;
 16+ overflow: visible;
 17+ top: 0;
 18+ left: 0;
 19+ z-index: 3;
2020 }
2121 #footer {
22 - margin: 0 0 0 13.6em;
 22+ margin: 0 0 0 13.6em;
2323 }
2424
2525 /* IE 5 & 5.5 interpret keyword sizes one off */
26 -body { font-size: xx-small; }
27 -/*
28 -** the edit tabs
29 -*/
 26+body {
 27+ font-size: xx-small;
 28+}
 29+
 30+/* the edit tabs */
3031 #p-cactions li {
31 - float: left;
32 - padding-top: 0;
33 - padding-bottom: 0 !important;
34 - height: 0.9em;
 32+ float: left;
 33+ padding-top: 0;
 34+ padding-bottom: 0 !important;
 35+ height: 0.9em;
3536 }
3637 #p-cactions li a {
37 - display: block;
38 - padding-bottom: 0.045em;
 38+ display: block;
 39+ padding-bottom: 0.045em;
3940 }
4041 #p-cactions li.selected a {
41 - padding-bottom: 0.17em;
 42+ padding-bottom: 0.17em;
4243 }
4344 #p-cactions li a:hover {
44 - padding-bottom: 0.17em;
 45+ padding-bottom: 0.17em;
4546 }
46 -/* 5.0 doesn't like the background icon for external links and user */
 47+
 48+/* IE5.0 doesn't like the background icon for external links and user */
4749 .link-external,
4850 .external {
49 - background: none;
50 - padding: 0;
 51+ background: none;
 52+ padding: 0;
5153 }
52 -#p-personal ul { float: right }
53 -#p-personal li { float: left }
 54+#p-personal ul {
 55+ float: right;
 56+}
 57+#p-personal li {
 58+ float: left;
 59+}
5460 li#pt-userpage,
5561 li#pt-anonuserpage,
5662 li#pt-login,
5763 li#pt-logout {
58 - background: none;
59 - padding-left: none;
 64+ background: none;
 65+ padding-left: none;
6066 }
6167 .visualClear {
62 - width:100%;
63 - height: 0px;
64 - padding:0;
65 - margin:0;
 68+ width: 100%;
 69+ height: 0;
 70+ padding: 0;
 71+ margin: 0;
6672 }
67 -#firstHeading { margin-bottom: 0.3em; }
68 -/*div{ border:1px solid Red !important;}*/
 73+#firstHeading {
 74+ margin-bottom: 0.3em;
 75+}
Index: trunk/phase3/skins/chick/IE60Fixes.css
@@ -1,8 +1,8 @@
22 /* 6.0 - only fixes */
3 -/* content area */
 3+/* content area */
44 /* workaround for various ie float bugs */
5 -#column-content {
6 - float: none;
 5+#column-content {
 6+ float: none;
77 margin-left: 0;
88 height: 1%;
99 }
Index: trunk/phase3/skins/chick/IE55Fixes.css
@@ -1,7 +1,7 @@
22 /* IE5.5/win- only fixes */
33
4 -#column-content {
5 - float: none;
 4+#column-content {
 5+ float: none;
66 margin-left: 0;
77 height: 1%;
88 }
@@ -24,13 +24,14 @@
2525 border-left: 1px solid #fabd23;
2626 }
2727
28 -/*#bodyContent div,
29 -#bodyContent pre { overflow: auto; }*/
 28+#p-personal {
 29+ padding-bottom: 0.1em;
 30+}
3031
31 -#p-personal { padding-bottom: 0.1em; }
 32+body {
 33+ font-size: xx-small;
 34+}
3235
33 -body { font-size: xx-small; }
34 -
3536 #p-cactions {
3637 width: 76% !important;
3738 z-index: 3 !important;
Index: trunk/phase3/skins/monobook/IE50Fixes.css
@@ -22,7 +22,10 @@
2323 }
2424
2525 /* IE 5 & 5.5 interpret keyword sizes one off */
26 -body { font-size: xx-small; }
 26+body {
 27+ font-size: xx-small;
 28+}
 29+
2730 /*
2831 ** the edit tabs
2932 */
@@ -48,8 +51,12 @@
4952 background: none;
5053 padding: 0;
5154 }
52 -#p-personal ul { float: right }
53 -#p-personal li { float: left }
 55+#p-personal ul {
 56+ float: right;
 57+}
 58+#p-personal li {
 59+ float: left;
 60+}
5461 li#pt-userpage,
5562 li#pt-anonuserpage,
5663 li#pt-login,
@@ -59,9 +66,10 @@
6067 }
6168 .visualClear {
6269 width: 100%;
63 - height: 0px;
 70+ height: 0;
6471 padding:0;
6572 margin: 0;
6673 }
67 -#firstHeading { margin-bottom: .3em; }
68 -/*div{ border:1px solid Red !important;}*/
 74+#firstHeading {
 75+ margin-bottom: 0.3em;
 76+}
Index: trunk/phase3/skins/monobook/IE55Fixes.css
@@ -24,13 +24,14 @@
2525 border-left: 1px solid #fabd23;
2626 }
2727
28 -/*#bodyContent div,
29 -#bodyContent pre { overflow: auto; }*/
 28+#p-personal {
 29+ padding-bottom: 0.1em;
 30+}
3031
31 -#p-personal { padding-bottom: .1em; }
 32+body {
 33+ font-size: xx-small;
 34+}
3235
33 -body { font-size: xx-small; }
34 -
3536 #p-cactions {
3637 width: 76% !important;
3738 z-index: 3 !important;
Index: trunk/phase3/skins/monobook/main.css
@@ -65,7 +65,8 @@
6666 a:visited {
6767 color: #5a3696;
6868 }
69 -a.new, #p-personal a.new {
 69+a.new,
 70+#p-personal a.new {
7071 color: #cc2200;
7172 }
7273
@@ -193,7 +194,7 @@
194195 #bodyContent a.external[href $=".wma"], #bodyContent a.external[href $=".WMA"],
195196 .link-audio {
196197 /* @embed */
197 - background: url("audio.png") center right no-repeat;
 198+ background: url(audio.png) center right no-repeat;
198199 padding-right: 13px;
199200 }
200201 #bodyContent a.external[href $=".ogm"], #bodyContent a.external[href $=".OGM"],
@@ -202,7 +203,7 @@
203204 #bodyContent a.external[href $=".mpg"], #bodyContent a.external[href $=".MPG"],
204205 .link-video {
205206 /* @embed */
206 - background: url("video.png") center right no-repeat;
 207+ background: url(video.png) center right no-repeat;
207208 padding-right: 13px;
208209 }
209210 #bodyContent a.external[href $=".pdf"], #bodyContent a.external[href $=".PDF"],
@@ -210,10 +211,10 @@
211212 #bodyContent a.external[href *=".pdf?"], #bodyContent a.external[href *=".PDF?"],
212213 .link-document {
213214 /* @embed */
214 - background: url("document.png") center right no-repeat;
 215+ background: url(document.png) center right no-repeat;
215216 padding-right: 12px;
216217 }
217 -
 218+
218219 /* Interwiki Styling */
219220 #bodyContent a.extiw,
220221 #bodyContent a.extiw:active {
@@ -516,7 +517,10 @@
517518 li#ca-talk {
518519 margin-right: 1.6em;
519520 }
520 -li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
 521+li#ca-watch,
 522+li#ca-unwatch,
 523+li#ca-varlang-0,
 524+li#ca-print {
521525 margin-left: 1.6em;
522526 }
523527 #p-cactions .pBody {
@@ -729,15 +733,21 @@
730734 ** @import("IEMacFixes.css");
731735 */
732736 /* tabs: border on the a, not the div */
733 -* > html #p-cactions li { border: none; }
 737+* > html #p-cactions li {
 738+ border: none;
 739+}
734740 * > html #p-cactions li a {
735741 border: 1px solid #aaa;
736742 border-bottom: none;
737743 }
738 -* > html #p-cactions li.selected a { border-color: #fabd23; }
 744+* > html #p-cactions li.selected a {
 745+ border-color: #fabd23;
 746+}
739747 /* footer icons need a fixed width */
740748 * > html #f-poweredbyico,
741 -* > html #f-copyrightico { width: 88px; }
 749+* > html #f-copyrightico {
 750+ width: 88px;
 751+}
742752 * > html #bodyContent,
743753 * > html #bodyContent pre {
744754 overflow-x: auto;
@@ -747,12 +757,16 @@
748758
749759 /* more IE fixes */
750760 /* float/negative margin brokenness */
751 -* html div#footer {margin-top: 0;}
 761+* html div#footer {
 762+ margin-top: 0;
 763+}
752764 * html div#column-content {
753765 display: inline;
754766 margin-bottom: 0;
755767 }
756 -#pagehistory li.selected { position: relative; }
 768+#pagehistory li.selected {
 769+ position: relative;
 770+}
757771
758772 /* Mac IE 5.0 fix; floated content turns invisible */
759773 * > html div#column-content {
@@ -808,7 +822,8 @@
809823 }
810824
811825 /* @bug 1714 */
812 -input#wpSave, input#wpDiff {
 826+input#wpSave,
 827+input#wpDiff {
813828 margin-right: 0.33em;
814829 }
815830
@@ -825,17 +840,17 @@
826841 }
827842
828843 div#searchTargetContainer {
829 - left: 10px;
830 - top: 10px;
831 - width: 90%;
 844+ left: 10px;
 845+ top: 10px;
 846+ width: 90%;
832847 background: white;
833848 }
834849
835850 div#searchTarget {
836 - padding: 3px;
837 - margin: 5px;
 851+ padding: 3px;
 852+ margin: 5px;
838853 background: #F0F0F0;
839 - border: solid 1px blue;
 854+ border: solid 1px blue;
840855 }
841856
842857 div#searchTarget ul li {
@@ -848,10 +863,10 @@
849864 }
850865
851866 div#searchTargetHide {
852 - float:right;
853 - border:solid 1px black;
854 - background:#DCDCDC;
855 - padding:2px;
 867+ float: right;
 868+ border: solid 1px black;
 869+ background: #DCDCDC;
 870+ padding: 2px;
856871 }
857872
858873 #powersearch p {
@@ -879,7 +894,9 @@
880895 text-align: center;
881896 }
882897
883 -.templatesUsed { margin-top: 1.5em; }
 898+.templatesUsed {
 899+ margin-top: 1.5em;
 900+}
884901
885902 .mw-summary-preview {
886903 margin: 0.1em 0;
Index: trunk/phase3/skins/modern/main.css
@@ -1,7 +1,6 @@
22 body {
33 margin: 0 0 0 0;
44 padding: 0 0 0 0;
5 - /*font-size: 10pt;*/
65 font-size: x-small;
76
87
@@ -371,9 +370,6 @@
372371 border: none;
373372 }
374373
375 -#preferences h2 {
376 -}
377 -
378374 .mainLegend {
379375 display: none;
380376 }
@@ -455,7 +451,7 @@
456452 #mw_content a.external[href $=".wma"], #mw_content a.external[href $=".WMA"],
457453 .link-audio {
458454 /* @embed */
459 - background: url("audio.png") center right no-repeat;
 455+ background: url(audio.png) center right no-repeat;
460456 padding-right: 13px;
461457 }
462458 #mw_content a.external[href $=".ogm"], #mw_content a.external[href $=".OGM"],
@@ -464,7 +460,7 @@
465461 #mw_content a.external[href $=".mpg"], #mw_content a.external[href $=".MPG"],
466462 .link-video {
467463 /* @embed */
468 - background: url("video.png") center right no-repeat;
 464+ background: url(video.png) center right no-repeat;
469465 padding-right: 13px;
470466 }
471467 #mw_content a.external[href $=".pdf"], #mw_content a.external[href $=".PDF"],
@@ -472,7 +468,7 @@
473469 #mw_content a.external[href *=".pdf?"], #mw_content a.external[href *=".PDF?"],
474470 .link-document {
475471 /* @embed */
476 - background: url("document.png") center right no-repeat;
 472+ background: url(document.png) center right no-repeat;
477473 padding-right: 12px;
478474 }
479475
@@ -480,22 +476,18 @@
481477 /* @noflip */div.floatright, table.floatright {
482478 margin: 0 0 .5em .5em;
483479 border: 0;
484 -/*
485 - border: .5em solid white;
486 - border-width: .5em 0 .8em 1.4em;
487 -*/
488480 }
489 -div.floatright p { font-style: italic; }
 481+div.floatright p {
 482+ font-style: italic;
 483+}
490484 /* @noflip */div.floatleft, table.floatleft {
491485 margin: 0 .5em .5em 0;
492486 border: 0;
493 -/*
494 - margin: .3em .5em .5em 0;
495 - border: .5em solid white;
496 - border-width: .5em 1.4em .8em 0;
497 -*/
498487 }
499 -div.floatleft p { font-style: italic; }
 488+div.floatleft p {
 489+ font-style: italic;
 490+}
 491+
500492 /* thumbnails */
501493 div.thumb {
502494 margin-bottom: .5em;
@@ -704,17 +696,17 @@
705697 }
706698
707699 div#searchTargetContainer {
708 - left: 10px;
709 - top: 10px;
710 - width: 90%;
 700+ left: 10px;
 701+ top: 10px;
 702+ width: 90%;
711703 background: white;
712704 }
713705
714706 div#searchTarget {
715 - padding: 3px;
716 - margin: 5px;
 707+ padding: 3px;
 708+ margin: 5px;
717709 background: #F0F0F0;
718 - border: solid 1px blue;
 710+ border: solid 1px blue;
719711 }
720712
721713 div#searchTarget ul li {
@@ -754,7 +746,9 @@
755747 text-align: center;
756748 }
757749
758 -.templatesUsed { margin-top: 1.5em; }
 750+.templatesUsed {
 751+ margin-top: 1.5em;
 752+}
759753
760754 .mw-summary-preview {
761755 margin: 0.1em 0;
Index: trunk/phase3/skins/Standard.php
@@ -40,12 +40,12 @@
4141 $rules[] = "/* @noflip */#quickbar { position: fixed; padding: 4px; }";
4242 }
4343 } elseif ( 4 == $qb ) {
44 - $rules[] = "/* @noflip */#quickbar { position: fixed; right: 0px; top: 0px; padding: 4px;}";
 44+ $rules[] = "/* @noflip */#quickbar { position: fixed; right: 0; top: 0; padding: 4px; }";
4545 $rules[] = "/* @noflip */#quickbar { border-right: 1px solid gray; }";
4646 $rules[] = "/* @noflip */#article, #mw-data-after-content { margin-right: 152px; margin-left: 4px; }";
4747 $rules[] = "/* @noflip */#topbar, #footer { margin-right: 152px; }";
4848 }
49 - $style = implode( "\n", $rules );
 49+ $style = implode( "\n", $rules );
5050 $out->addInlineStyle( $style, 'flip' );
5151 }
5252
@@ -214,12 +214,12 @@
215215 )
216216 );
217217
218 - /*
219 - watching could cause problems in edit mode:
220 - if user edits article, then loads "watch this article" in background and then saves
221 - article with "Watch this article" checkbox disabled, the article is transparently
222 - unwatched. Therefore we do not show the "Watch this page" link in edit mode
223 - */
 218+ /**
 219+ * Watching could cause problems in edit mode:
 220+ * if user edits article, then loads "watch this article" in background and then saves
 221+ * article with "Watch this article" checkbox disabled, the article is transparently
 222+ * unwatched. Therefore we do not show the "Watch this page" link in edit mode.
 223+ */
224224 if ( $this->data['loggedin'] && $articleExists ) {
225225 if( $action != 'edit' && $action != 'submit' ) {
226226 $s .= $sep . $this->watchThisPage();
@@ -268,7 +268,7 @@
269269 global $wgSiteSupportPage;
270270 if( $wgSiteSupportPage ) {
271271 $s .= "\n<br /><a href=\"" . htmlspecialchars( $wgSiteSupportPage ) .
272 - '" class="internal">' . wfMsg( 'sitesupport' ) . '</a>';
 272+ '" class="internal">' . wfMsg( 'sitesupport' ) . '</a>';
273273 }
274274
275275 $s .= "\n<br /></div>\n";
Index: trunk/phase3/skins/common/config-cc.css
@@ -3,54 +3,55 @@
44 */
55
66 body {
7 - margin:0px;
8 - background:#eee;
9 - font-family:verdana;
10 - color:#333;
 7+ margin: 0;
 8+ background: #eee;
 9+ font-family: Verdana;
 10+ color: #333;
1111 }
1212
1313 #main {
14 - border:1px solid #D0D0D0;
15 - background:#fff;
 14+ border: 1px solid #D0D0D0;
 15+ background: #fff;
1616 margin: 0.5em;
1717 }
1818
19 -/* Looks like you have to specify the width of #menu
20 -or IE5 Mac stretches it all the way across the div, and
21 -Opera streches it half way. */
 19+/**
 20+ * Looks like you have to specify the width of #menu
 21+ * or IE5 Mac stretches it all the way across the div, and
 22+ * Opera streches it half way.
 23+ */
2224
2325 #main #menu {
24 - border-left:1px dotted #ccc;
25 - /* border-bottom:1px solid #000;*/
26 - float:right;
27 - width:230px;
28 - background:white;
29 - margin:0px 0px 10px 10px;
 26+ border-left: 1px dotted #ccc;
 27+ float: right;
 28+ width: 230px;
 29+ background: white;
 30+ margin: 0 0 10px 10px;
3031 }
3132
32 -td, h3, p,h1,pre {
33 - margin:0px 20px 20px 20px;
34 - font-size:11px;
35 - line-height:140%;
 33+td, h3, p, h1, pre {
 34+ margin: 0 20px 20px 20px;
 35+ font-size: 11px;
 36+ line-height: 140%;
3637 }
3738
3839 .header {
3940 padding-left: 10px;
40 - padding-top:10px;
 41+ padding-top: 10px;
4142 }
4243
4344 .nav {
44 - padding-left:10px;
45 - padding-bottom:10px;
46 - font-size:11px;
47 - margin-bottom:16px;
 45+ padding-left: 10px;
 46+ padding-bottom: 10px;
 47+ font-size: 11px;
 48+ margin-bottom: 16px;
4849 }
4950
50 -#menu p {
51 - font-size:11px;
 51+#menu p {
 52+ font-size: 11px;
5253 }
5354
5455 .dent {
55 - margin-left:64px;
 56+ margin-left: 64px;
5657 }
5758
Index: trunk/phase3/skins/common/wikiprintable.css
@@ -6,41 +6,54 @@
77 }
88
99 /* MSIE/Win doesn't understand 'inherit' */
10 -a, a.external, a.new, a.stub {
11 - color: black ! important;
12 - text-decoration: none ! important;
 10+a,
 11+a.external,
 12+a.new,
 13+a.stub {
 14+ color: black !important;
 15+ text-decoration: none !important;
1316 }
1417 #article {
15 - margin: 0 ! important;
 18+ margin: 0 !important;
1619 }
1720
1821 /* Continue ... */
19 -a, a.external, a.new, a.stub {
20 - color: inherit ! important;
21 - text-decoration: inherit ! important;
 22+a,
 23+a.external,
 24+a.new,
 25+a.stub {
 26+ color: inherit !important;
 27+ text-decoration: inherit !important;
2228 }
2329
24 -/* Hide ugly UI stuff */
25 -#quickbar, #topbar, #logo, #footer, #siteNotice,
26 -.editsection, .toctoggle {
 30+/* Hide UI stuff */
 31+#quickbar,
 32+#topbar,
 33+#logo,
 34+#footer,
 35+#siteNotice,
 36+.editsection,
 37+.toctoggle {
2738 display: none;
2839 }
2940
3041 /* */
3142 #article {
3243 position: relative;
33 - margin: inherit ! important;
 44+ margin: inherit !important;
3445 }
3546
3647 .printfooter {
3748 border-top: solid 1px black;
38 - display: block ! important;
 49+ display: block !important;
3950 }
4051
41 -/* Old stuff, fixme:
 52+/* Old stuff. @todo FIXME:
4253 a.CBlink { color: #0000AA; text-decoration: none; font-size: 12pt; }
43 -a.interwiki, a.external { color: #3333BB; text-decoration: none; }
 54+a.interwiki,
 55+a.external { color: #3333BB; text-decoration: none; }
4456 h1.pagetitle { padding-bottom: 0; margin-bottom: 0; }
45 -i.link, u.link { color: #000066; }
 57+i.link,
 58+u.link { color: #000066; }
4659 p.subtitle { padding-top: 0; margin-top: 0; }
4760 */
Index: trunk/phase3/skins/common/IE80Fixes.css
@@ -1,5 +1,5 @@
22 /**
3 - * Fixes textarea scrolling bug (bug #19334). The bug only occurs when a
 3+ * Fixes textarea scrolling bug (bug #19334). The bug only occurs when a
44 * percentage width is given, so instead of width: 100%, use min-width: 100%;
55 * max-width: 100%. We also need to give a fixed width for the actual width
66 * property for the hack to work, although the actual value (500px here) ends
Index: trunk/phase3/skins/common/commonPrint.css
@@ -1,10 +1,10 @@
2 -/*
3 -** MediaWiki Print style sheet for CSS2-capable browsers.
4 -** Copyright Gabriel Wicke, http://www.aulinx.de/
5 -**
6 -** Derived from the plone (http://plone.org/) styles
7 -** Copyright Alexander Limi
8 -*/
 2+/**
 3+ * MediaWiki Print style sheet for CSS2-capable browsers.
 4+ * Copyright Gabriel Wicke, http://www.aulinx.de/
 5+ *
 6+ * Derived from the plone (http://plone.org/) styles
 7+ * Copyright Alexander Limi
 8+ */
99
1010 /* Thanks to A List Apart (http://alistapart.com/) for useful extras */
1111 a.stub,
@@ -22,7 +22,7 @@
2323 margin-left: 2em;
2424 }
2525 .tocline {
26 - margin-bottom: 0px;
 26+ margin-bottom: 0;
2727 }
2828
2929 /* images */
@@ -105,9 +105,8 @@
106106 }
107107
108108 body {
109 - background: White;
110 - /*font-size: 11pt !important;*/
111 - color: Black;
 109+ background: white;
 110+ color: black;
112111 margin: 0;
113112 padding: 0;
114113 }
@@ -142,9 +141,9 @@
143142
144143 #content {
145144 background: none;
146 - border: none ! important;
147 - padding: 0 ! important;
148 - margin: 0 ! important;
 145+ border: none !important;
 146+ padding: 0 !important;
 147+ margin: 0 !important;
149148 direction: ltr;
150149 }
151150 #footer {
@@ -160,12 +159,12 @@
161160 }
162161
163162 p, .documentDescription {
164 - margin: 1em 0 ! important;
 163+ margin: 1em 0 !important;
165164 line-height: 1.2em;
166165 }
167166
168167 .tocindent p {
169 - margin: 0 0 0 0 ! important;
 168+ margin: 0 0 0 0 !important;
170169 }
171170
172171 pre {
@@ -185,7 +184,7 @@
186185 }
187186
188187 a {
189 - color: Black !important;
 188+ color: black !important;
190189 background: none !important;
191190 padding: 0 !important;
192191 }
@@ -196,7 +195,8 @@
197196 text-decoration: underline;
198197 }
199198
200 -#content a.external.text:after, #content a.external.autonumber:after {
 199+#content a.external.text:after,
 200+#content a.external.autonumber:after {
201201 /* Expand URLs for printing */
202202 content: " (" attr(href) ") ";
203203 }
@@ -219,16 +219,23 @@
220220 padding: 1em;
221221 margin: 0 !important;
222222 }
 223+
223224 /* MSIE/Win doesn't understand 'inherit' */
224 -a, a.external, a.new, a.stub {
225 - color: black ! important;
226 - text-decoration: none ! important;
 225+a,
 226+a.external,
 227+a.new,
 228+a.stub {
 229+ color: black !important;
 230+ text-decoration: none !important;
227231 }
228232
229233 /* Continue ... */
230 -a, a.external, a.new, a.stub {
231 - color: inherit ! important;
232 - text-decoration: inherit ! important;
 234+a,
 235+a.external,
 236+a.new,
 237+a.stub {
 238+ color: inherit !important;
 239+ text-decoration: inherit !important;
233240 }
234241
235242 img {
@@ -237,9 +244,13 @@
238245 }
239246
240247 /* math */
241 -span.texhtml { font-family: serif; }
 248+span.texhtml {
 249+ font-family: serif;
 250+}
242251
243 -#siteNotice { display: none; }
 252+#siteNotice {
 253+ display: none;
 254+}
244255
245256 /* Galleries (see shared.css for more info) */
246257 li.gallerybox {
@@ -279,9 +290,10 @@
280291 padding: 2px 4px;
281292 word-wrap: break-word;
282293 }
283 -/*
284 -** Diff rendering
285 -*/
 294+
 295+/**
 296+ * Diff rendering
 297+ */
286298 table.diff {
287299 background: white;
288300 }
@@ -311,10 +323,10 @@
312324 text-decoration: underline;
313325 }
314326
315 -/*
316 -** Table rendering
317 -** As on shared.css but with white background.
318 -*/
 327+/**
 328+ * Table rendering
 329+ * As on shared.css but with white background.
 330+ */
319331 table.wikitable,
320332 table.mw_metadata {
321333 margin: 1em 1em 1em 0;
@@ -339,7 +351,7 @@
340352 }
341353
342354 a.sortheader {
343 - margin: 0px 0.3em;
 355+ margin: 0 0.3em;
344356 }
345357
346358 /* Some pagination options */
@@ -359,7 +371,7 @@
360372 */
361373 .catlinks ul {
362374 display: inline;
363 - margin: 0px;
 375+ margin: 0;
364376 list-style: none;
365377 list-style-type: none;
366378 list-style-image: none;
Index: trunk/phase3/skins/common/oldshared.css
@@ -1,11 +1,12 @@
2 -/*
 2+/**
33 * oldshared.css
44 * This file contains CSS settings common to Wikistandard, Nostalgia and
55 * CologneBlue, the old pre-Monobook skins
66 */
77
8 -/* For clarity, explicitly state some recommendations from <http://www.w3.org/
9 - TR/CSS21/sample.html> to make sure the editsection links scale right */
 8+/* For clarity, explicitly state some recommendations from
 9+ * http://www.w3.org/TR/CSS21/sample.html to make sure the editsection links scale right
 10+ */
1011
1112 h1 { font-size: 2em; }
1213 h2 { font-size: 1.5em; }
@@ -99,7 +100,8 @@
100101 border: none !important;
101102 background: none !important;
102103 }
103 -div.magnify a, div.magnify img {
 104+div.magnify a,
 105+div.magnify img {
104106 display: block;
105107 border: none !important;
106108 background: none !important;
@@ -306,7 +308,8 @@
307309 border: none;
308310 border-collapse: collapse;
309311 }
310 -table.mw_metadata td, table.mw_metadata th {
 312+table.mw_metadata td,
 313+table.mw_metadata th {
311314 border: 1px solid #aaaaaa;
312315 padding-left: 4px;
313316 padding-right: 4px;
@@ -386,7 +389,9 @@
387390 .TablePager {
388391 border-collapse: collapse;
389392 }
390 -.TablePager, .TablePager td, .TablePager th {
 393+.TablePager,
 394+.TablePager td,
 395+.TablePager th {
391396 border: 0.15em solid #777777;
392397 padding: 0 0.15em 0 0.15em;
393398 }
@@ -400,7 +405,8 @@
401406 background-color: #eeeeff;
402407 }
403408
404 -.imagelist td, .imagelist th {
 409+.imagelist td,
 410+.imagelist th {
405411 white-space: nowrap;
406412 }
407413 .imagelist .TablePager_col_links {
Index: trunk/phase3/skins/common/shared.css
@@ -159,9 +159,9 @@
160160 */
161161
162162 div.mw-filepage-resolutioninfo {
163 - font-size: smaller;
 163+ font-size: smaller;
164164 }
165 -
 165+
166166 /**
167167 * File histories
168168 */
@@ -284,8 +284,8 @@
285285 */
286286 .catlinks ul {
287287 display: inline;
288 - margin: 0px;
289 - padding: 0px;
 288+ margin: 0;
 289+ padding: 0;
290290 list-style: none;
291291 list-style-type: none;
292292 list-style-image: none;
@@ -333,11 +333,10 @@
334334 overflow: auto;
335335 overflow-x: hidden;
336336 position: absolute;
337 - top: 0px;
338 - left: 0px;
339 - width: 0px;
 337+ top: 0;
 338+ left: 0;
 339+ width: 0;
340340 background-color: white;
341 - background-color: Window;
342341 border-style: solid;
343342 border-color: #AAAAAA;
344343 border-width: 1px;
@@ -357,9 +356,7 @@
358357 .os-suggest-result-hl {
359358 white-space: nowrap;
360359 background-color: white;
361 - background-color: Window;
362360 color: black;
363 - color: WindowText;
364361 padding: 2px;
365362 }
366363 .os-suggest-result-hl,
@@ -367,13 +364,6 @@
368365 background-color: #4C59A6;
369366 color: white;
370367 }
371 -.os-suggest-result-hl {
372 - /* System colors are misimplemented in Safari 3.0 and earlier,
373 - * making highlighted text illegible...
374 - */
375 - background-color: Highlight;
376 - color: HighlightText;
377 -}
378368
379369 .os-suggest-toggle {
380370 position: relative;
@@ -382,8 +372,8 @@
383373 }
384374 .os-suggest-toggle-def {
385375 position: absolute;
386 - top: 0px;
387 - left: 0px;
 376+ top: 0;
 377+ left: 0;
388378 font-size: 65%;
389379 visibility: hidden;
390380 }
@@ -896,7 +886,7 @@
897887 display: none;
898888 margin-left: 2px;
899889 margin-bottom: -8px;
900 - padding: 0px 0px 0px 15px;
 890+ padding: 0 0 0 15px;
901891 /* @embed */
902892 background-image: url('images/help-question.gif');
903893 background-position: left center;
Index: trunk/phase3/skins/common/commonInterface.css
@@ -37,7 +37,7 @@
3838 #firstHeading {
3939 margin-bottom: .1em;
4040 /* These two rules hack around bug 2013 (fix for more limited bug 11325).
41 - When bug 2013 is fixed properly, they should be removed. */
 41+ * When bug 2013 is fixed properly, they should be removed. */
4242 line-height: 1.2em;
4343 padding-bottom: 0;
4444 }
Index: trunk/phase3/skins/common/wikistandard.css
@@ -39,13 +39,14 @@
4040 }
4141
4242 /* Table of contents */
43 -.toctoggle, .editsection {
 43+.toctoggle,
 44+.editsection {
4445 font-size: smaller;
4546 }
4647
4748 /* ... */
4849 #toolbar {
49 - padding: 0px;
 50+ padding: 0;
5051 }
5152
5253 #infobox {
@@ -57,7 +58,8 @@
5859 margin-top: 1px;
5960 }
6061
61 -a.interwiki, a.external {
 62+a.interwiki,
 63+a.external {
6264 color: #3366BB;
6365 }
6466
@@ -75,7 +77,7 @@
7678 }
7779
7880 body {
79 - margin: 0px;
 81+ margin: 0;
8082 padding: 4px;
8183 color: black;
8284 }
Index: trunk/phase3/skins/common/commonElements.css
@@ -80,10 +80,18 @@
8181 border-bottom: 1px solid #aaa;
8282 width: auto;
8383 }
84 -h1 { font-size: 188%; }
85 -h1 .editsection { font-size: 53%; }
86 -h2 { font-size: 150%; }
87 -h2 .editsection { font-size: 67%; }
 84+h1 {
 85+ font-size: 188%;
 86+}
 87+h1 .editsection {
 88+ font-size: 53%;
 89+}
 90+h2 {
 91+ font-size: 150%;
 92+}
 93+h2 .editsection {
 94+ font-size: 67%;
 95+}
8896 h3,
8997 h4,
9098 h5,
@@ -91,14 +99,32 @@
92100 border-bottom: none;
93101 font-weight: bold;
94102 }
95 -h3 { font-size: 132%; }
96 -h3 .editsection { font-size: 76%; font-weight: normal; }
97 -h4 { font-size: 116%; }
98 -h4 .editsection { font-size: 86%; font-weight: normal; }
99 -h5 { font-size: 100%; }
100 -h5 .editsection { font-weight: normal; }
101 -h6 { font-size: 80%; }
102 -h6 .editsection { font-size: 125%; font-weight: normal; }
 103+h3 {
 104+ font-size: 132%;
 105+}
 106+h3 .editsection {
 107+ font-size: 76%;
 108+ font-weight: normal;
 109+}
 110+h4 {
 111+ font-size: 116%;
 112+}
 113+h4 .editsection {
 114+ font-size: 86%;
 115+ font-weight: normal; }
 116+h5 {
 117+ font-size: 100%;
 118+}
 119+h5 .editsection {
 120+ font-weight: normal;
 121+}
 122+h6 {
 123+ font-size: 80%;
 124+}
 125+h6 .editsection {
 126+ font-size: 125%;
 127+ font-weight: normal;
 128+}
103129
104130 /* Some space under the headers in the content area */
105131 h1,
Index: trunk/phase3/skins/simple/main.css
@@ -1,12 +1,26 @@
2 -/* For clarity, explicitly state some recommendations from <http://www.w3.org/
3 - TR/CSS21/sample.html> to make sure the editsection links scale right */
 2+/**
 3+ * For clarity, explicitly state some recommendations from
 4+ * http://www.w3.org/TR/CSS21/sample.html to make sure the editsection links scale right.
 5+ */
46
5 -h1 { font-size: 2em; }
6 -h2 { font-size: 1.5em; }
7 -h3 { font-size: 1.17em; }
8 -h5 { font-size: .83em; }
9 -h6 { font-size: .75em; }
10 -h1, h2, h3, h4, h5, h6 { font-weight: bolder }
 7+h1 {
 8+ font-size: 2em;
 9+}
 10+h2 {
 11+ font-size: 1.5em;
 12+}
 13+h3 {
 14+ font-size: 1.17em;
 15+}
 16+h5 {
 17+ font-size: .83em;
 18+}
 19+h6 {
 20+ font-size: .75em;
 21+}
 22+h1, h2, h3, h4, h5, h6 {
 23+ font-weight: bolder;
 24+}
1125
1226 /* Now the custom parts */
1327
@@ -14,50 +28,60 @@
1529 .editsection {
1630 font-weight: normal;
1731 }
18 -h1 .editsection { font-size: 50% }
19 -h2 .editsection { font-size: 66.7% }
20 -h3 .editsection { font-size: 85.5% }
21 -h5 .editsection { font-size: 120% }
22 -h6 .editsection { font-size: 133% }
 32+h1 .editsection {
 33+ font-size: 50%;
 34+}
 35+h2 .editsection {
 36+ font-size: 66.7%;
 37+}
 38+h3 .editsection {
 39+ font-size: 85.5%;
 40+}
 41+h5 .editsection {
 42+ font-size: 120%;
 43+}
 44+h6 .editsection {
 45+ font-size: 133%;
 46+}
2347
24 -
2548 #toolbar {
26 - display: none;
 49+ display: none;
2750 }
2851
2952 div.center {
30 - text-align: center;
 53+ text-align: center;
3154 }
3255
3356 #contentSub {
34 - padding-left: 2em;
 57+ padding-left: 2em;
3558 }
3659
3760 a {
38 - text-decoration: none;
 61+ text-decoration: none;
3962 }
4063
4164 a:hover {
42 - text-decoration: underline;
 65+ text-decoration: underline;
4366 }
4467
4568 #column-content {
46 - width: 100%;
47 - float: right;
48 - margin: 0 0 0.6em -12.2em;
49 - padding:0;
 69+ width: 100%;
 70+ float: right;
 71+ margin: 0 0 0.6em -12.2em;
 72+ padding: 0;
5073 }
5174
5275 #content {
53 - margin: 0em 0 0 12.2em;
54 - padding: 0em 1em 1.5em 1em;
55 - border-left: 1px solid #959595;
56 - line-height: 1.5em;
 76+ margin: 0em 0 0 12.2em;
 77+ padding: 0em 1em 1.5em 1em;
 78+ border-left: 1px solid #959595;
 79+ line-height: 1.5em;
5780 }
5881
5982 #column-one {
60 - position: absolute;
61 - top: 0px; left: 0px;
 83+ position: absolute;
 84+ top: 0;
 85+ left: 0;
6286 }
6387
6488 #footer {
@@ -65,245 +89,264 @@
6690 }
6791
6892 body {
69 - margin: 0;
70 - padding: 0;
 93+ margin: 0;
 94+ padding: 0;
7195 }
7296
7397 #globalWrapper {
74 - width: 100%;
75 - height: 100%;
76 - margin: 0;
77 - padding: 0;
 98+ width: 100%;
 99+ height: 100%;
 100+ margin: 0;
 101+ padding: 0;
78102 }
79 -.visualClear { clear: both; }
 103+.visualClear {
 104+ clear: both;
 105+}
80106
81107 img {
82 - border: none;
 108+ border: none;
83109 }
84110 p {
85 - margin: 0.4em 0em 0.5em 0em;
86 - line-height: 1.5em;
 111+ margin: 0.4em 0em 0.5em 0em;
 112+ line-height: 1.5em;
87113 }
88 -p img { margin: 0; }
 114+p img {
 115+ margin: 0;
 116+}
89117
90118 h1, h2, h3, h4, h5, h6 {
91 - margin: 0;
92 - padding-top: 0.5em;
93 - padding-bottom: 0.17em;
 119+ margin: 0;
 120+ padding-top: 0.5em;
 121+ padding-bottom: 0.17em;
94122 }
95123 fieldset {
96 - margin: 1em 0em 1em 0em;
97 - padding: 0em 1em 1em 1em;
 124+ margin: 1em 0em 1em 0em;
 125+ padding: 0em 1em 1em 1em;
98126 }
99127 .usermessage {
100 - background-color: #ffce7b;
101 - border: 1px solid #ffa500;
102 - color: Black;
103 - font-weight: bold;
104 - margin: 2em 0em 1em 0em;
105 - padding: 0.5em 1em;
106 - vertical-align: middle;
 128+ background-color: #ffce7b;
 129+ border: 1px solid #ffa500;
 130+ color: black;
 131+ font-weight: bold;
 132+ margin: 2em 0em 1em 0em;
 133+ padding: 0.5em 1em;
 134+ vertical-align: middle;
107135 }
108136 .error {
109 - color: red;
110 - font-size: larger;
 137+ color: red;
 138+ font-size: larger;
111139 }
112140
113141 table.rimage {
114 - float:right;
115 - position:relative;
116 - margin-left:1em;
117 - margin-bottom:1em;
118 - text-align:center;
 142+ float: right;
 143+ position: relative;
 144+ margin-left: 1em;
 145+ margin-bottom: 1em;
 146+ text-align: center;
119147 }
120148
121149 .portlet {
122 - border: none;
123 - float: none;
124 - padding: 0;
125 - width: 11.8em;
126 - overflow: hidden;
 150+ border: none;
 151+ float: none;
 152+ padding: 0;
 153+ width: 11.8em;
 154+ overflow: hidden;
127155 }
128156 .portlet h4 {
129 - font-weight: normal;
130 - white-space: nowrap;
 157+ font-weight: normal;
 158+ white-space: nowrap;
131159 }
132160 .portlet h5 {
133 - padding: 0em 1em 0em 0.5em;
134 - display: inline;
135 - height: 1em;
136 - font-weight: normal;
137 - white-space: nowrap;
 161+ padding: 0em 1em 0em 0.5em;
 162+ display: inline;
 163+ height: 1em;
 164+ font-weight: normal;
 165+ white-space: nowrap;
138166 }
139167 .portlet h6 {
140 - padding: 0em 1em 0em 1em;
141 - display: block;
142 - height: 1.2em;
143 - font-weight: normal;
144 - white-space: nowrap;
 168+ padding: 0em 1em 0em 1em;
 169+ display: block;
 170+ height: 1.2em;
 171+ font-weight: normal;
 172+ white-space: nowrap;
145173 }
146174 .pBody {
147 - border-collapse: collapse;
148 - padding: 0 0.8em 0.3em 0.5em;
 175+ border-collapse: collapse;
 176+ padding: 0 0.8em 0.3em 0.5em;
149177 }
150178 .portlet h1,
151179 .portlet h2,
152180 .portlet h3,
153181 .portlet h4 {
154 - margin: 0;
155 - padding: 0;
156 - font-size: small;
 182+ margin: 0;
 183+ padding: 0;
 184+ font-size: small;
157185 }
158186
159187 #p-search .pBody {
160 - text-align: center;
 188+ text-align: center;
161189 }
162190
163191 #searchInput {
164 - width: 100%;
165 - clear: both;
166 - margin: 0 0 0 0;
 192+ width: 100%;
 193+ clear: both;
 194+ margin: 0 0 0 0;
167195 }
168196
169197 input.searchButton {
170 - margin-top:1px;
171 - padding: 0 0.4em;
172 - cursor: pointer;
 198+ margin-top: 1px;
 199+ padding: 0 0.4em;
 200+ cursor: pointer;
173201 }
174202
175203 #p-search .pBody {
176 - padding: 0.5em 0.4em 0.4em 0.4em;
 204+ padding: 0.5em 0.4em 0.4em 0.4em;
177205 }
178206
179207 /* feed links */
180208 a.feedlink {
181 - background: url("../common/images/feed-icon.png") center left no-repeat;
 209+ background: url(../common/images/feed-icon.png) center left no-repeat;
182210 padding-left: 16px;
183211 }
184212
185213 textarea {
186 - width: 100%;
 214+ width: 100%;
187215 }
188216
189 -.pBody li, .pBody ul {
 217+.pBody li,
 218+.pBody ul {
190219 padding-left: 0em;
191220 margin-left: 0.5em;
192221 }
193222
194223 pre {
195 - margin: 2em;
196 - border: solid 1px black;
 224+ margin: 2em;
 225+ border: solid 1px black;
197226 }
198227
199 -h1.firstHeading, h2 {
200 - border-bottom: solid 1px black;
 228+h1.firstHeading,
 229+h2 {
 230+ border-bottom: solid 1px black;
201231 }
202232 #bodyContent a.external,
203233 #bodyContent a.external[href ^="gopher://"] {
204 - background: url("external.png") center right no-repeat;
205 - padding-right: 13px;
 234+ background: url(external.png) center right no-repeat;
 235+ padding-right: 13px;
206236 }
207237 #bodyContent a.external[href ^="https://"],
208238 .link-https {
209 - background: url("lock_icon.gif") center right no-repeat;
210 - padding-right: 16px;
 239+ background: url(lock_icon.gif) center right no-repeat;
 240+ padding-right: 16px;
211241 }
212242 #bodyContent a.external[href ^="mailto:"],
213243 .link-mailto {
214 - background: url("mail_icon.gif") center right no-repeat;
215 - padding-right: 18px;
 244+ background: url(mail_icon.gif) center right no-repeat;
 245+ padding-right: 18px;
216246 }
217247 #bodyContent a.external[href ^="news://"] {
218 - background: url("news_icon.png") center right no-repeat;
219 - padding-right: 18px;
 248+ background: url(news_icon.png) center right no-repeat;
 249+ padding-right: 18px;
220250 }
221251 #bodyContent a.external[href ^="ftp://"],
222252 .link-ftp {
223 - background: url("file_icon.gif") center right no-repeat;
224 - padding-right: 18px;
 253+ background: url(file_icon.gif) center right no-repeat;
 254+ padding-right: 18px;
225255 }
226256 #bodyContent a.external[href ^="irc://"],
227257 #bodyContent a.external[href ^="ircs://"],
228258 .link-irc {
229 - background: url("discussionitem_icon.gif") center right no-repeat;
230 - padding-right: 18px;
 259+ background: url(discussionitem_icon.gif) center right no-repeat;
 260+ padding-right: 18px;
231261 }
232262
233263 #bodyContent a.extiw,
234264 #bodyContent a.extiw:active {
235 - color: #5E7CFF;
 265+ color: #5E7CFF;
236266 }
237267
238268 td.diff-addedline {
239 - background-color: #B9FFB0;
 269+ background-color: #B9FFB0;
240270 }
241271
242272 td.diff-deletedline {
243 - background-color: #f8ffaa;
 273+ background-color: #f8ffaa;
244274 }
245275
246 -.diffchange { background-color: #FFCDF3; text-decoration: none; }
 276+.diffchange {
 277+ background-color: #FFCDF3;
 278+ text-decoration: none;
 279+}
247280
248 -#pagehistory li { border: none; }
 281+#pagehistory li {
 282+ border: none;
 283+}
249284
250285 div.tocindent {
251 - margin-left: 2em;
 286+ margin-left: 2em;
252287 }
253288 #toc {
254 - text-align: left;
255 - border-top: solid 1px black;
256 - border-bottom: solid 1px black;
 289+ text-align: left;
 290+ border-top: solid 1px black;
 291+ border-bottom: solid 1px black;
257292 }
258293
259294 /* @noflip */div.floatright, table.floatright {
260 - margin: 0;
261 - border-width: 0.5em 0 0.8em 1.4em;
 295+ margin: 0;
 296+ border-width: 0.5em 0 0.8em 1.4em;
262297 }
263 -div.floatright p { font-style: italic; }
 298+div.floatright p {
 299+ font-style: italic;
 300+}
264301 /* @noflip */div.floatleft, table.floatleft {
265 - margin: 0.3em 0.5em 0.5em 0;
266 - border-width: 0.5em 1.4em 0.8em 0;
 302+ margin: 0.3em 0.5em 0.5em 0;
 303+ border-width: 0.5em 1.4em 0.8em 0;
267304 }
268 -div.floatleft p { font-style: italic; }
 305+div.floatleft p {
 306+ font-style: italic;
 307+}
 308+
269309 /* thumbnails */
270310 div.thumb {
271 - margin-bottom: 0.5em;
272 - width: auto;
 311+ margin-bottom: 0.5em;
 312+ width: auto;
273313 }
274314 div.thumbinner {
275 - padding: 3px !important;
276 - text-align: center;
277 - overflow: hidden;
 315+ padding: 3px !important;
 316+ text-align: center;
 317+ overflow: hidden;
278318 }
279319
280320 html .thumbcaption {
281 - border: none;
282 - text-align: left;
283 - line-height: 1.4;
284 - padding: 0.3em 0 0.1em 0;
 321+ border: none;
 322+ text-align: left;
 323+ line-height: 1.4;
 324+ padding: 0.3em 0 0.1em 0;
285325 }
286326 div.magnify {
287 - float: right;
288 - border: none !important;
289 - background: none !important;
 327+ float: right;
 328+ border: none !important;
 329+ background: none !important;
290330 }
291 -div.magnify a, div.magnify img {
292 - display: block;
293 - border: none !important;
294 - background: none !important;
 331+div.magnify a,
 332+div.magnify img {
 333+ display: block;
 334+ border: none !important;
 335+ background: none !important;
295336 }
296337 /* @noflip */div.tright {
297 - border-width: 0.5em 0 0.8em 1.4em;
 338+ border-width: 0.5em 0 0.8em 1.4em;
298339 }
299340 /* @noflip */div.tleft {
300 - margin-right:0.5em;
301 - border-width: 0.5em 1.4em 0.8em 0;
 341+ margin-right: 0.5em;
 342+ border-width: 0.5em 1.4em 0.8em 0;
302343 }
303344 img.thumbborder {
304345 border: 1px solid #dddddd;
305346 }
306347
307 -a.stub { color: #772233; }
 348+a.stub {
 349+ color: #772233;
 350+}
308351 a.new,
309352 #p-personal a.new {
310353 text-decoration: line-through;
@@ -312,47 +355,47 @@
313356 text-decoration: line-through;
314357 }
315358 .catlinks {
316 - text-align: center;
317 - width: 80%;
318 - margin-left: auto;
319 - margin-right: auto;
320 - padding: 3px;
 359+ text-align: center;
 360+ width: 80%;
 361+ margin-left: auto;
 362+ margin-right: auto;
 363+ padding: 3px;
321364 }
322365
323366 #mytabs {
324 - background-color: inherit;
 367+ background-color: inherit;
325368 }
326369 #p-cactions {
327 - background-color: inherit;
 370+ background-color: inherit;
328371 }
329372 div.printfooter {
330 - display: none;
 373+ display: none;
331374 }
332375
333376 #n-portal,
334377 #n-currentevents,
335378 #n-help,
336379 #n-sitesupport {
337 - display: none;
 380+ display: none;
338381 }
339382
340383 #preftoc {
341 - float: left;
342 - margin: 1em;
343 - width: 13em;
 384+ float: left;
 385+ margin: 1em;
 386+ width: 13em;
344387 }
345388 #preftoc li {
346389 }
347390 #preftoc li.selected {
348 - border: 1px dashed #aaa;
 391+ border: 1px dashed #aaa;
349392 }
350393 #preftoc a,
351394 #preftoc a:active {
352 - display: block;
 395+ display: block;
353396 }
354397 div.htmlform-tip {
355 - font-size: 95%;
356 - margin-top: 1em;
 398+ font-size: 95%;
 399+ margin-top: 1em;
357400 }
358401
359402 #mw_trackbacks {
@@ -360,12 +403,14 @@
361404 }
362405
363406 #jump-to-nav {
364 - display: none;
 407+ display: none;
365408 }
366409
367410 table.collapsed tr.collapsable {
368411 display: none;
369412 }
370413
371 -.templatesUsed { margin-top: 1.5em; }
 414+.templatesUsed {
 415+ margin-top: 1.5em;
 416+}
372417
Index: trunk/phase3/skins/cologneblue/screen.css
@@ -1,6 +1,6 @@
22 body {
3 - margin: 0px;
4 - padding: 0px;
 3+ margin: 0;
 4+ padding: 0;
55 color: black;
66 }
77
@@ -21,7 +21,7 @@
2222 }
2323
2424 #topbar {
25 - padding: 0px;
 25+ padding: 0;
2626 }
2727
2828 #powersearch {
Index: trunk/phase3/skins/vector/screen.css
@@ -2,7 +2,7 @@
33 * Any rules which should not be flipped automatically in right-to-left situations should be
44 * prepended with @noflip in a comment block. Images that should be embedded as base64 data-URLs
55 * should be prepended with @embed in a comment block.
6 - *
 6+ *
77 * This style-sheet employs a few CSS trick to accomplish compatibility with a wide range of web
88 * browsers. The most common trick is to use some styles in IE6 only. This is accomplished by using
99 * a rule that makes things work in IE6, and then following it with a rule that begins with
@@ -293,7 +293,8 @@
294294 margin-left: 23px;
295295 }
296296 /* Enable forcing showing of the menu for accessibility */
297 - div.vectorMenu:hover div.menu, div.vectorMenu div.menuForceShow {
 297+ div.vectorMenu:hover div.menu,
 298+ div.vectorMenu div.menuForceShow {
298299 display: block;
299300 }
300301 div.vectorMenu ul {
@@ -395,7 +396,7 @@
396397 div#simpleSearch input.placeholder {
397398 color: #999999;
398399 }
399 - div#simpleSearch input::-webkit-input-placeholder {
 400+ div#simpleSearch input::-webkit-input-placeholder {
400401 color: #999999;
401402 }
402403 div#simpleSearch input#searchInput {
@@ -561,7 +562,7 @@
562563 }
563564
564565 /*
565 - *
 566+ *
566567 * The following code is highly modified from monobook. It would be nice if the
567568 * preftoc id was more human readable like preferences-toc for instance,
568569 * howerver this would require backporting the other skins.
@@ -663,10 +664,8 @@
664665 margin-right: 0.25em;
665666 }
666667
667 -/*
668 - *
 668+/**
669669 * The following code is slightly modified from monobook
670 - *
671670 */
672671 div#content {
673672 line-height: 1.5em;
@@ -675,7 +674,9 @@
676675 font-size: 0.8em;
677676 }
678677
679 -.editsection { float: right; }
 678+.editsection {
 679+ float: right;
 680+}
680681
681682 ul {
682683 /* @embed */
@@ -740,7 +741,7 @@
741742 div#content a.external[href $=".wma"], div#content a.external[href $=".WMA"],
742743 .link-audio {
743744 /* @embed */
744 - background: url("images/audio-icon.png?2") center right no-repeat;
 745+ background: url(images/audio-icon.png) center right no-repeat;
745746 padding-right: 13px;
746747 }
747748 div#content a.external[href $=".ogm"], div#content a.external[href $=".OGM"],
@@ -749,7 +750,7 @@
750751 div#content a.external[href $=".mpg"], div#content a.external[href $=".MPG"],
751752 .link-video {
752753 /* @embed */
753 - background: url("images/video-icon.png?2") center right no-repeat;
 754+ background: url(images/video-icon.png) center right no-repeat;
754755 padding-right: 13px;
755756 }
756757 div#content a.external[href $=".pdf"], div#content a.external[href $=".PDF"],
@@ -757,7 +758,7 @@
758759 div#content a.external[href *=".pdf?"], div#content a.external[href *=".PDF?"],
759760 .link-document {
760761 /* @embed */
761 - background: url("images/document-icon.png?2") center right no-repeat;
 762+ background: url(images/document-icon.png) center right no-repeat;
762763 padding-right: 13px;
763764 }
764765
Index: trunk/phase3/includes/Skin.php
@@ -1204,10 +1204,9 @@
12051205 }
12061206
12071207 /**
1208 - * Should we include common/wikiprintable.css? Skins that have their own
 1208+ * Should we load mediawiki.legacy.wikiprintable? Skins that have their own
12091209 * print stylesheet should override this and return false. (This is an
1210 - * ugly hack to get Monobook to play nicely with
1211 - * OutputPage::headElement().)
 1210+ * ugly hack to get Monobook to play nicely with OutputPage::headElement().)
12121211 *
12131212 * @return bool
12141213 */
Index: trunk/phase3/resources/jquery/jquery.suggestions.css
@@ -3,9 +3,9 @@
44 .suggestions {
55 overflow: hidden;
66 position: absolute;
7 - top: 0px;
8 - left: 0px;
9 - width: 0px;
 7+ top: 0;
 8+ left: 0;
 9+ width: 0;
1010 border: none;
1111 z-index: 1099;
1212 padding: 0;
@@ -17,7 +17,7 @@
1818 }
1919 .suggestions-special {
2020 position: relative;
21 - background-color: Window;
 21+ background-color: white;
2222 font-size: 0.8em;
2323 cursor: pointer;
2424 border: solid 1px #aaaaaa;
@@ -30,7 +30,6 @@
3131 }
3232 .suggestions-results {
3333 background-color: white;
34 - background-color: Window;
3534 font-size: 0.8em;
3635 cursor: pointer;
3736 border: solid 1px #aaaaaa;
@@ -39,7 +38,6 @@
4039 }
4140 .suggestions-result {
4241 color: black;
43 - color: WindowText;
4442 margin: 0;
4543 line-height: 1.5em;
4644 padding: 0.01em 0.25em;
@@ -47,9 +45,7 @@
4846 }
4947 .suggestions-result-current {
5048 background-color: #4C59A6;
51 - background-color: Highlight;
5249 color: white;
53 - color: HighlightText;
5450 }
5551 .suggestions-special .special-label {
5652 font-size: 0.8em;
@@ -67,7 +63,6 @@
6864 .suggestions-result-current .special-label,
6965 .suggestions-result-current .special-query {
7066 color: white;
71 - color: HighlightText;
7267 }
7368 .autoellipsis-matched,
7469 .highlight {
Index: trunk/phase3/resources/jquery/jquery.tablesorter.css
@@ -1,6 +1,6 @@
2 -/*
3 - * The !important is to make sure someone doesn't use element styling
4 - * to set the background or padding of a headercell and
 2+/*
 3+ * The !important is to make sure someone doesn't use element styling
 4+ * to set the background or padding of a headercell and
55 * accidently override all these options.
66 */
77 table.jquery-tablesorter th.headerSort {
Index: trunk/phase3/resources/mediawiki.action/mediawiki.action.history.diff.css
@@ -1,31 +1,40 @@
22 /*
33 ** Diff rendering
44 */
5 -table.diff, td.diff-otitle, td.diff-ntitle {
 5+table.diff,
 6+td.diff-otitle,
 7+td.diff-ntitle {
68 background-color: white;
79 }
 10+
811 td.diff-otitle,
912 td.diff-ntitle {
1013 text-align: center;
1114 }
 15+
1216 td.diff-marker {
1317 text-align: right;
1418 }
 19+
1520 td.diff-lineno {
1621 font-weight: bold;
1722 }
 23+
1824 td.diff-addedline {
1925 background: #D1E7F6;
2026 font-size: smaller;
2127 }
 28+
2229 td.diff-deletedline {
2330 background: #F6E0D1;
2431 font-size: smaller;
2532 }
 33+
2634 td.diff-context {
2735 background: #eee;
2836 font-size: smaller;
2937 }
 38+
3039 .diffchange {
3140 font-weight: bold;
3241 white-space: -moz-pre-wrap;
@@ -51,20 +60,25 @@
5261 /* Ensure that colums are of equal width */
5362 table-layout: fixed;
5463 }
 64+
5565 table.diff td {
5666 padding: 0;
5767 }
 68+
5869 table.diff col.diff-marker {
5970 width: 2%;
6071 }
 72+
6173 table.diff col.diff-content {
6274 width: 48%;
6375 }
 76+
6477 table.diff td div {
6578 /* Force-wrap very long lines such as URLs or page-widening char strings.*/
6679 word-wrap: break-word;
6780
6881 /* As fallback (FF<3.5, Opera <10.5), scrollbars will be added for very wide cells
69 - instead of text overflowing or widening */
 82+ * instead of text overflowing or widening
 83+ */
7084 overflow: auto;
7185 }
Index: trunk/phase3/resources/mediawiki.special/mediawiki.special.changeslist.css
@@ -7,7 +7,8 @@
88 border-spacing: 0;
99 }
1010
11 -table.mw-enhanced-rc th, table.mw-enhanced-rc td {
 11+table.mw-enhanced-rc th,
 12+table.mw-enhanced-rc td {
1213 padding: 0;
1314 vertical-align: top;
1415 }
@@ -30,8 +31,10 @@
3132 float: none;
3233 }
3334
34 -/* If JS is disabled, the arrow is still needed
35 - for spacing, but ideally shouldn't be shown */
 35+/**
 36+ * If JS is disabled, the arrow is still needed
 37+ * for spacing, but ideally shouldn't be shown
 38+ */
3639 .mw-enhanced-rc .mw-rc-openarrow {
3740 visibility: hidden;
3841 }

Past revisions this follows-up on

RevisionCommit summaryAuthorDate
r66151Scaled down link icons for the Vector skin - previous icons were 16px, now th...tparscal18:29, 10 May 2010

Status & tagging log