r24163 MediaWiki - Code Review archive

Repository:MediaWiki
Revision:r24162‎ | r24163 | r24164 >
Date:14:42, 16 July 2007
Author:simetrical
Status:old
Tags:
Comment:
* Add CSS compatibility for Opera 9.5
* Remove largely untested handheld stylesheet, which was causing more trouble
than good. Proper handheld support will be added at a future date. For now,
display should be acceptable either with CSS turned off or when using a so-
phisticated handheld browser.

Per discussion with David Storey from Opera.
Modified paths:
  • /trunk/phase3/skins/MonoBook.php (modified) (history)
  • /trunk/phase3/skins/common/wikibits.js (modified) (history)
  • /trunk/phase3/skins/monobook/Opera95Fixes.css (added) (history)
  • /trunk/phase3/skins/monobook/handheld.css (deleted) (history)
  • /trunk/phase3/skins/monobook/main.css (modified) (history)

Diff [purge]

Index: trunk/phase3/skins/monobook/handheld.css
@@ -1,1301 +0,0 @@
2 -/*
3 -** MediaWiki 'monobook' style sheet for CSS2-capable browsers.
4 -** Copyright Gabriel Wicke - http://wikidev.net/
5 -** License: GPL (http://www.gnu.org/copyleft/gpl.html)
6 -**
7 -** Loosely based on http://www.positioniseverything.net/ordered-floats.html by Big John
8 -** and the Plone 2.0 styles, see http://plone.org/ (Alexander Limi,Joe Geldart & Tom Croucher,
9 -** Michael Zeltner and Geir Bækholt)
10 -** All you guys rock :)
11 -*/
12 -
13 -/**
14 - * Stylesheet for handhelds. All rules not marked media-specific are shared
15 - * with main.css and should be updated in tandem. The rules can't be in the
16 - * same file because old browsers like IE5 won't obey @media rules.
17 - *
18 - * Rules that are handheld-specific are given @media rules in case old browsers
19 - * don't recognize the media attribute and load this file anyway.
20 - */
21 -
22 -#content {
23 - background: white;
24 - color: black;
25 - border: 1px solid #aaa;
26 - border-right: none;
27 - line-height: 1.5em;
28 -}
29 -/* the left column width is specified in class .portlet */
30 -
31 -/* Font size:
32 -** We take advantage of keyword scaling- browsers won't go below 9px
33 -** More at http://www.w3.org/2003/07/30-font-size
34 -** http://style.cleverchimp.com/font_size_intervals/altintervals.html
35 -*/
36 -
37 -body {
38 - font: x-small sans-serif;
39 - background: #f9f9f9 url(headbg.jpg) 0 0 no-repeat;
40 - color: black;
41 - margin: 0;
42 - padding: 0;
43 -}
44 -
45 -/* scale back up to a sane default */
46 -#globalWrapper {
47 - font-size: 127%;
48 - width: 100%;
49 - margin: 0;
50 - padding: 0;
51 -}
52 -.visualClear {
53 - clear: both;
54 -}
55 -
56 -/* general styles */
57 -
58 -table {
59 - font-size: 100%;
60 - color: black;
61 - /* we don't want the bottom borders of <h2>s to be visible through
62 - floated tables */
63 - background-color: white;
64 -}
65 -a {
66 - text-decoration: none;
67 - color: #002bb8;
68 - background: none;
69 -}
70 -a:visited {
71 - color: #5a3696;
72 -}
73 -a:active {
74 - color: #faa700;
75 -}
76 -a:hover {
77 - text-decoration: underline;
78 -}
79 -a.stub {
80 - color: #772233;
81 -}
82 -a.new, #p-personal a.new {
83 - color: #ba0000;
84 -}
85 -a.new:visited, #p-personal a.new:visited {
86 - color: #a55858;
87 -}
88 -
89 -img {
90 - border: none;
91 - vertical-align: middle;
92 -}
93 -p img {
94 - margin: 0;
95 -}
96 -
97 -hr {
98 - height: 1px;
99 - color: #aaa;
100 - background-color: #aaa;
101 - border: 0;
102 - margin: .2em 0 .2em 0;
103 -}
104 -
105 -h1, h2, h3, h4, h5, h6 {
106 - color: black;
107 - background: none;
108 - font-weight: normal;
109 - margin: 0;
110 - padding-top: .5em;
111 - padding-bottom: .17em;
112 - border-bottom: 1px solid #aaa;
113 -}
114 -h1 { font-size: 188%; }
115 -h1 .editsection { font-size: 53%; }
116 -h2 { font-size: 150%; }
117 -h2 .editsection { font-size: 67%; }
118 -h3, h4, h5, h6 {
119 - border-bottom: none;
120 - font-weight: bold;
121 -}
122 -h3 { font-size: 132%; }
123 -h3 .editsection { font-size: 76%; font-weight: normal; }
124 -h4 { font-size: 116%; }
125 -h4 .editsection { font-size: 86%; font-weight: normal; }
126 -h5 { font-size: 100%; }
127 -h5 .editsection { font-weight: normal; }
128 -h6 { font-size: 80%; }
129 -h6 .editsection { font-size: 125%; font-weight: normal; }
130 -
131 -.editsection {
132 - float: right;
133 - margin-left: 5px;
134 -}
135 -
136 -ul {
137 - line-height: 1.5em;
138 - list-style-type: square;
139 - margin: .3em 0 0 1.5em;
140 - padding: 0;
141 - list-style-image: url(bullet.gif);
142 -}
143 -ol {
144 - line-height: 1.5em;
145 - margin: .3em 0 0 3.2em;
146 - padding: 0;
147 - list-style-image: none;
148 -}
149 -li {
150 - margin-bottom: .1em;
151 -}
152 -dt {
153 - font-weight: bold;
154 - margin-bottom: .1em;
155 -}
156 -dl {
157 - margin-top: .2em;
158 - margin-bottom: .5em;
159 -}
160 -dd {
161 - line-height: 1.5em;
162 - margin-left: 2em;
163 - margin-bottom: .1em;
164 -}
165 -
166 -fieldset {
167 - border: 1px solid #2f6fab;
168 - margin: 1em 0 1em 0;
169 - padding: 0 1em 1em;
170 - line-height: 1.5em;
171 -}
172 -legend {
173 - padding: .5em;
174 - font-size: 95%;
175 -}
176 -form {
177 - border: none;
178 - margin: 0;
179 -}
180 -
181 -textarea {
182 - width: 100%;
183 - padding: .1em;
184 -}
185 -
186 -input.historysubmit {
187 - padding: 0 .3em .3em .3em !important;
188 - font-size: 94%;
189 - cursor: pointer;
190 - height: 1.7em !important;
191 - margin-left: 1.6em;
192 -}
193 -select {
194 - vertical-align: top;
195 -}
196 -abbr, acronym, .explain {
197 - border-bottom: 1px dotted black;
198 - color: black;
199 - background: none;
200 - cursor: help;
201 -}
202 -q {
203 - font-family: Times, "Times New Roman", serif;
204 - font-style: italic;
205 -}
206 -/* disabled for now
207 -blockquote {
208 - font-family: Times, "Times New Roman", serif;
209 - font-style: italic;
210 -}*/
211 -code {
212 - background-color: #f9f9f9;
213 -}
214 -pre {
215 - padding: 1em;
216 - border: 1px dashed #2f6fab;
217 - color: black;
218 - background-color: #f9f9f9;
219 - line-height: 1.1em;
220 -}
221 -
222 -/*
223 -** the main content area
224 -*/
225 -
226 -#contentSub, #contentSub2 {
227 - font-size: 84%;
228 - line-height: 1.2em;
229 - margin: 0 0 1.4em 1em;
230 - color: #7d7d7d;
231 - width: auto;
232 -}
233 -span.subpages {
234 - display: block;
235 -}
236 -
237 -/* Some space under the headers in the content area */
238 -#bodyContent h1, #bodyContent h2 {
239 - margin-bottom: .6em;
240 -}
241 -#bodyContent h3, #bodyContent h4, #bodyContent h5 {
242 - margin-bottom: .3em;
243 -}
244 -.firstHeading {
245 - margin-bottom: .1em;
246 -}
247 -
248 -/* user notification thing */
249 -.usermessage {
250 - background-color: #ffce7b;
251 - border: 1px solid #ffa500;
252 - color: black;
253 - font-weight: bold;
254 - margin: 2em 0 1em;
255 - padding: .5em 1em;
256 - vertical-align: middle;
257 -}
258 -#siteNotice {
259 - text-align: center;
260 - font-size: 95%;
261 - padding: 0 .9em;
262 -}
263 -#siteNotice p {
264 - margin: 0;
265 - padding: 0;
266 -}
267 -.error {
268 - color: red;
269 - font-size: larger;
270 -}
271 -.errorbox, .successbox {
272 - font-size: larger;
273 - border: 2px solid;
274 - padding: .5em 1em;
275 - float: left;
276 - margin-bottom: 2em;
277 - color: #000;
278 -}
279 -.errorbox {
280 - border-color: red;
281 - background-color: #fff2f2;
282 -}
283 -.successbox {
284 - border-color: green;
285 - background-color: #dfd;
286 -}
287 -.errorbox h2, .successbox h2 {
288 - font-size: 1em;
289 - font-weight: bold;
290 - display: inline;
291 - margin: 0 .5em 0 0;
292 - border: none;
293 -}
294 -
295 -#catlinks {
296 - border: 1px solid #aaa;
297 - background-color: #f9f9f9;
298 - padding: 5px;
299 - margin-top: 1em;
300 - clear: both;
301 -}
302 -/* currently unused, intended to be used by a metadata box
303 -in the bottom-right corner of the content area */
304 -.documentDescription {
305 - /* The summary text describing the document */
306 - font-weight: bold;
307 - display: block;
308 - margin: 1em 0;
309 - line-height: 1.5em;
310 -}
311 -.documentByLine {
312 - text-align: right;
313 - font-size: 90%;
314 - clear: both;
315 - font-weight: normal;
316 - color: #76797c;
317 -}
318 -
319 -/* emulate center */
320 -.center {
321 - width: 100%;
322 - text-align: center;
323 -}
324 -*.center * {
325 - margin-left: auto;
326 - margin-right: auto;
327 -}
328 -/* small for tables and similar */
329 -.small, .small * {
330 - font-size: 94%;
331 -}
332 -table.small {
333 - font-size: 100%;
334 -}
335 -
336 -/*
337 -** content styles
338 -*/
339 -
340 -#toc,
341 -.toc,
342 -.mw-warning {
343 - border: 1px solid #aaa;
344 - background-color: #f9f9f9;
345 - padding: 5px;
346 - font-size: 95%;
347 -}
348 -#toc h2,
349 -.toc h2 {
350 - display: inline;
351 - border: none;
352 - padding: 0;
353 - font-size: 100%;
354 - font-weight: bold;
355 -}
356 -#toc #toctitle,
357 -.toc #toctitle,
358 -#toc .toctitle,
359 -.toc .toctitle {
360 - text-align: center;
361 -}
362 -#toc ul,
363 -.toc ul {
364 - list-style-type: none;
365 - list-style-image: none;
366 - margin-left: 0;
367 - padding-left: 0;
368 - text-align: left;
369 -}
370 -#toc ul ul,
371 -.toc ul ul {
372 - margin: 0 0 0 2em;
373 -}
374 -#toc .toctoggle,
375 -.toc .toctoggle {
376 - font-size: 94%;
377 -}
378 -
379 -.mw-warning {
380 - margin-left: 50px;
381 - margin-right: 50px;
382 - text-align: center;
383 -}
384 -
385 -/* images */
386 -div.floatright, table.floatright {
387 - clear: right;
388 - float: right;
389 - position: relative;
390 - margin: 0 0 .5em .5em;
391 - border: 0;
392 -/*
393 - border: .5em solid white;
394 - border-width: .5em 0 .8em 1.4em;
395 -*/
396 -}
397 -div.floatright p { font-style: italic; }
398 -div.floatleft, table.floatleft {
399 - float: left;
400 - clear: left;
401 - position: relative;
402 - margin: 0 .5em .5em 0;
403 - border: 0;
404 -/*
405 - margin: .3em .5em .5em 0;
406 - border: .5em solid white;
407 - border-width: .5em 1.4em .8em 0;
408 -*/
409 -}
410 -div.floatleft p { font-style: italic; }
411 -/* thumbnails */
412 -div.thumb {
413 - margin-bottom: .5em;
414 - border-style: solid;
415 - border-color: white;
416 - width: auto;
417 -}
418 -div.thumbinner {
419 - border: 1px solid #ccc;
420 - padding: 3px !important;
421 - background-color: #f9f9f9;
422 - font-size: 94%;
423 - text-align: center;
424 - overflow: hidden;
425 -}
426 -html .thumbimage {
427 - border: 1px solid #ccc;
428 -}
429 -html .thumbcaption {
430 - border: none;
431 - text-align: left;
432 - line-height: 1.4em;
433 - padding: 3px !important;
434 - font-size: 94%;
435 -}
436 -div.magnify {
437 - float: right;
438 - border: none !important;
439 - background: none !important;
440 -}
441 -div.magnify a, div.magnify img {
442 - display: block;
443 - border: none !important;
444 - background: none !important;
445 -}
446 -div.tright {
447 - clear: right;
448 - float: right;
449 - border-width: .5em 0 .8em 1.4em;
450 -}
451 -div.tleft {
452 - float: left;
453 - clear: left;
454 - margin-right: .5em;
455 - border-width: .5em 1.4em .8em 0;
456 -}
457 -
458 -.hiddenStructure {
459 - display: none;
460 -}
461 -img.tex {
462 - vertical-align: middle;
463 -}
464 -span.texhtml {
465 - font-family: serif;
466 -}
467 -
468 -/*
469 -** classes for special content elements like town boxes
470 -** intended to be referenced directly from the wiki src
471 -*/
472 -
473 -/*
474 -** User styles
475 -*/
476 -/* table standards */
477 -table.rimage {
478 - float: right;
479 - position: relative;
480 - margin-left: 1em;
481 - margin-bottom: 1em;
482 - text-align: center;
483 -}
484 -.toccolours {
485 - border: 1px solid #aaa;
486 - background-color: #f9f9f9;
487 - padding: 5px;
488 - font-size: 95%;
489 -}
490 -div.townBox {
491 - position: relative;
492 - float: right;
493 - background: white;
494 - margin-left: 1em;
495 - border: 1px solid gray;
496 - padding: .3em;
497 - width: 200px;
498 - overflow: hidden;
499 - clear: right;
500 -}
501 -div.townBox dl {
502 - padding: 0;
503 - margin: 0 0 .3em;
504 - font-size: 96%;
505 -}
506 -div.townBox dl dt {
507 - background: none;
508 - margin: .4em 0 0;
509 -}
510 -div.townBox dl dd {
511 - margin: .1em 0 0 1.1em;
512 - background-color: #f3f3f3;
513 -}
514 -
515 -/*
516 -** edit views etc
517 -*/
518 -.special li {
519 - line-height: 1.4em;
520 - margin: 0;
521 - padding: 0;
522 -}
523 -
524 -/* Page history styling */
525 -/* the auto-generated edit comments */
526 -.autocomment {
527 - color: gray;
528 -}
529 -#pagehistory span.user {
530 - margin-left: 1.4em;
531 - margin-right: .4em;
532 -}
533 -#pagehistory span.minor {
534 - font-weight: bold;
535 -}
536 -#pagehistory li {
537 - border: 1px solid white;
538 -}
539 -#pagehistory li.selected {
540 - background-color: #f9f9f9;
541 - border: 1px dashed #aaa;
542 -}
543 -
544 -/*
545 -** keep the whitespace in front of the ^=, hides rule from konqueror
546 -** this is css3, the validator doesn't like it when validating as css2
547 -*/
548 -#bodyContent a.external,
549 -#bodyContent a[href ^="gopher://"] {
550 - background: url(external.png) center right no-repeat;
551 - padding-right: 13px;
552 -}
553 -#bodyContent a[href ^="https://"],
554 -.link-https {
555 - background: url(lock_icon.gif) center right no-repeat;
556 - padding-right: 16px;
557 -}
558 -#bodyContent a[href ^="mailto:"],
559 -.link-mailto {
560 - background: url(mail_icon.gif) center right no-repeat;
561 - padding-right: 18px;
562 -}
563 -#bodyContent a[href ^="news://"] {
564 - background: url(news_icon.png) center right no-repeat;
565 - padding-right: 18px;
566 -}
567 -#bodyContent a[href ^="ftp://"],
568 -.link-ftp {
569 - background: url(file_icon.gif) center right no-repeat;
570 - padding-right: 18px;
571 -}
572 -#bodyContent a[href ^="irc://"],
573 -.link-irc {
574 - background: url(discussionitem_icon.gif) center right no-repeat;
575 - padding-right: 18px;
576 -}
577 -#bodyContent a.external[href $=".ogg"], #bodyContent a.external[href $=".OGG"],
578 -#bodyContent a.external[href $=".mid"], #bodyContent a.external[href $=".MID"],
579 -#bodyContent a.external[href $=".midi"], #bodyContent a.external[href $=".MIDI"],
580 -#bodyContent a.external[href $=".mp3"], #bodyContent a.external[href $=".MP3"],
581 -#bodyContent a.external[href $=".wav"], #bodyContent a.external[href $=".WAV"],
582 -#bodyContent a.external[href $=".wma"], #bodyContent a.external[href $=".WMA"],
583 -.link-audio {
584 - background: url("audio.png") center right no-repeat;
585 - padding-right: 13px;
586 -}
587 -#bodyContent a.external[href $=".ogm"], #bodyContent a.external[href $=".OGM"],
588 -#bodyContent a.external[href $=".avi"], #bodyContent a.external[href $=".AVI"],
589 -#bodyContent a.external[href $=".mpeg"], #bodyContent a.external[href $=".MPEG"],
590 -#bodyContent a.external[href $=".mpg"], #bodyContent a.external[href $=".MPG"],
591 -.link-video {
592 - background: url("video.png") center right no-repeat;
593 - padding-right: 13px;
594 -}
595 -#bodyContent a.external[href $=".pdf"], #bodyContent a.external[href $=".PDF"],
596 -#bodyContent a.external[href *=".pdf#"], #bodyContent a.external[href *=".PDF#"],
597 -#bodyContent a.external[href *=".pdf?"], #bodyContent a.external[href *=".PDF?"],
598 -.link-document {
599 - background: url("document.png") center right no-repeat;
600 - padding-right: 12px;
601 -}
602 -
603 -/* disable interwiki styling */
604 -#bodyContent a.extiw,
605 -#bodyContent a.extiw:active {
606 - color: #36b;
607 - background: none;
608 - padding: 0;
609 -}
610 -#bodyContent a.external {
611 - color: #36b;
612 -}
613 -/* this can be used in the content area to switch off
614 -special external link styling */
615 -#bodyContent .plainlinks a {
616 - background: none !important;
617 - padding: 0 !important;
618 -}
619 -/*
620 -** Structural Elements
621 -*/
622 -
623 -/*
624 -** general portlet styles (elements in the quickbar)
625 -*/
626 -.portlet {
627 - border: none;
628 - margin: 0 0 .5em;
629 - padding: 0;
630 - float: none;
631 - width: 11.6em;
632 - overflow: hidden;
633 -}
634 -.portlet h4 {
635 - font-size: 95%;
636 - font-weight: normal;
637 - white-space: nowrap;
638 -}
639 -.portlet h5 {
640 - background: transparent;
641 - padding: 0 1em 0 .5em;
642 - display: inline;
643 - height: 1em;
644 - text-transform: lowercase;
645 - font-size: 91%;
646 - font-weight: normal;
647 - white-space: nowrap;
648 -}
649 -.portlet h6 {
650 - background: #ffae2e;
651 - border: 1px solid #2f6fab;
652 - border-style: solid solid none solid;
653 - padding: 0 1em 0 1em;
654 - text-transform: lowercase;
655 - display: block;
656 - font-size: 1em;
657 - height: 1.2em;
658 - font-weight: normal;
659 - white-space: nowrap;
660 -}
661 -.pBody {
662 - font-size: 95%;
663 - background-color: white;
664 - color: black;
665 - border-collapse: collapse;
666 - border: 1px solid #aaa;
667 - padding: 0 .8em .3em .5em;
668 -}
669 -.portlet h1,
670 -.portlet h2,
671 -.portlet h3,
672 -.portlet h4 {
673 - margin: 0;
674 - padding: 0;
675 -}
676 -.portlet ul {
677 - line-height: 1.5em;
678 - list-style-type: square;
679 - list-style-image: url(bullet.gif);
680 - font-size: 95%;
681 -}
682 -.portlet li {
683 - padding: 0;
684 - margin: 0;
685 -}
686 -
687 -/*
688 -** Logo properties
689 -*/
690 -
691 -@media handheld {
692 - #p-logo { display: none }
693 -}
694 -
695 -/*
696 -** the navigation portlet
697 -*/
698 -
699 -#p-navigation .pBody {
700 - padding-right: 0;
701 -}
702 -
703 -#p-navigation li.active a, #p-navigation li.active a:hover {
704 - text-decoration: none;
705 - font-weight: bold;
706 -}
707 -
708 -
709 -/*
710 -** Search portlet
711 -*/
712 -input.searchButton {
713 - margin-top: 1px;
714 - font-size: 95%;
715 -}
716 -#searchGoButton {
717 - padding-left: .5em;
718 - padding-right: .5em;
719 - font-weight: bold;
720 -}
721 -#searchInput {
722 - width: 10.9em;
723 - margin: 0;
724 - font-size: 95%;
725 -}
726 -#p-search .pBody {
727 - padding: .5em .4em .4em .4em;
728 - text-align: center;
729 -}
730 -
731 -/*
732 -** the personal toolbar
733 -*/
734 -#p-personal ul {
735 - text-transform: lowercase;
736 -}
737 -#p-personal li.active {
738 - font-weight: bold;
739 -}
740 -/*
741 -** the page-related actions- page/talk, edit etc
742 -*/
743 -#p-cactions .hiddenStructure {
744 - display: none;
745 -}
746 -#p-cactions li a {
747 - text-transform: lowercase;
748 -}
749 -
750 -/* TODO: #t-iscite is only used by the Cite extension, come up with some
751 - * system which allows extensions to add to this file on the fly
752 - */
753 -#t-ispermalink, #t-iscite {
754 - color: #999;
755 -}
756 -/*
757 -** footer
758 -*/
759 -#footer {
760 - background-color: white;
761 - border-top: 1px solid #fabd23;
762 - border-bottom: 1px solid #fabd23;
763 - margin: .6em 0 1em 0;
764 - padding: .4em 0 1.2em 0;
765 - text-align: center;
766 - font-size: 90%;
767 -}
768 -#footer li {
769 - display: inline;
770 - margin: 0 1.3em;
771 -}
772 -/* hide from incapable browsers */
773 -head:first-child+body #footer li { white-space: nowrap; }
774 -#f-poweredbyico, #f-copyrightico {
775 - margin: 0 8px;
776 - position: relative;
777 - top: -2px; /* Bump it up just a tad */
778 -}
779 -#f-poweredbyico {
780 - float: right;
781 - height: 1%;
782 -}
783 -#f-copyrightico {
784 - float: left;
785 - height: 1%;
786 -}
787 -
788 -/* js pref toc */
789 -#preftoc {
790 - margin: 0;
791 - padding: 0;
792 - width: 100%;
793 - clear: both;
794 -}
795 -#preftoc li {
796 - background-color: #f0f0f0;
797 - color: #000;
798 -}
799 -#preftoc li.selected {
800 - font-weight: bold;
801 - background-color: #f9f9f9;
802 - border: 1px solid #aaa;
803 - border-bottom: none;
804 - cursor: default;
805 - top: 1px;
806 - padding-top: 2px;
807 - margin-right: -3px;
808 -}
809 -#preftoc > li.selected {
810 - top: 2px;
811 -}
812 -#preftoc a,
813 -#preftoc a:active {
814 - display: block;
815 - color: #000;
816 - padding: 0 .7em;
817 - position: relative;
818 - text-decoration: none;
819 -}
820 -#preftoc li.selected a {
821 - cursor: default;
822 - text-decoration: none;
823 -}
824 -#prefcontrol {
825 - padding-top: 2em;
826 - clear: both;
827 -}
828 -#preferences {
829 - margin: 0;
830 - border: 1px solid #aaa;
831 - clear: both;
832 - padding: 1.5em;
833 - background-color: #F9F9F9;
834 -}
835 -.prefsection {
836 - border: none;
837 - padding: 0;
838 - margin: 0;
839 -}
840 -.prefsection fieldset {
841 - border: 1px solid #aaa;
842 - float: left;
843 - margin-right: 2em;
844 -}
845 -.prefsection legend {
846 - font-weight: bold;
847 -}
848 -.prefsection table, .prefsection legend {
849 - background-color: #F9F9F9;
850 -}
851 -div.prefsectiontip {
852 - font-size: x-small;
853 - padding: .2em 2em;
854 -}
855 -.btnSavePrefs {
856 - font-weight: bold;
857 - padding-left: .3em;
858 - padding-right: .3em;
859 -}
860 -
861 -.preferences-login {
862 - clear: both;
863 - margin-bottom: 1.5em;
864 -}
865 -
866 -.prefcache {
867 - font-size: 90%;
868 - margin-top: 2em;
869 -}
870 -
871 -div#userloginForm form,
872 -div#userlogin form#userlogin2 {
873 - margin: 0 3em 1em 0;
874 - border: 1px solid #aaa;
875 - clear: both;
876 - padding: 1.5em 2em;
877 - background-color: #f9f9f9;
878 - float: left;
879 -}
880 -
881 -div#userloginForm table,
882 -div#userlogin form#userlogin2 table {
883 - background-color: #f9f9f9;
884 -}
885 -
886 -div#userloginForm h2,
887 -div#userlogin form#userlogin2 h2 {
888 - padding-top: 0;
889 -}
890 -
891 -div#userlogin .captcha {
892 - border: 1px solid #bbb;
893 - padding: 1.5em 2em;
894 - background-color: white;
895 -}
896 -
897 -
898 -#userloginprompt, #languagelinks {
899 - font-size: 85%;
900 -}
901 -
902 -#login-sectiontip {
903 - font-size: 85%;
904 - line-height: 1.2;
905 - padding-top: 2em;
906 -}
907 -
908 -#userlogin .loginText, #userlogin .loginPassword {
909 - width: 12em;
910 -}
911 -
912 -#userloginlink a, #wpLoginattempt, #wpCreateaccount {
913 - font-weight: bold;
914 -}
915 -
916 -/* more IE fixes */
917 -/* float/negative margin brokenness */
918 -* html #footer {margin-top: 0;}
919 -* html #column-content {
920 - display: inline;
921 - margin-bottom: 0;
922 -}
923 -* html div.editsection { font-size: smaller; }
924 -#pagehistory li.selected { position: relative; }
925 -
926 -/* Mac IE 5.0 fix; floated content turns invisible */
927 -* > html #column-content {
928 - float: none;
929 -}
930 -* > html #column-one {
931 - position: absolute;
932 - left: 0;
933 - top: 0;
934 -}
935 -* > html #footer {
936 - margin-left: 13.2em;
937 -}
938 -.redirectText {
939 - font-size: 150%;
940 - margin: 5px;
941 -}
942 -
943 -.printfooter {
944 - display: none;
945 -}
946 -
947 -.not-patrolled {
948 - background-color: #ffa;
949 -}
950 -div.patrollink {
951 - font-size: 75%;
952 - text-align: right;
953 -}
954 -span.newpage, span.minor, span.searchmatch, span.bot {
955 - font-weight: bold;
956 -}
957 -span.unpatrolled {
958 - font-weight: bold;
959 - color: red;
960 -}
961 -
962 -span.searchmatch {
963 - color: red;
964 -}
965 -.sharedUploadNotice {
966 - font-style: italic;
967 -}
968 -
969 -span.updatedmarker {
970 - color: black;
971 - background-color: #0f0;
972 -}
973 -
974 -table.gallery {
975 - border: 1px solid #ccc;
976 - margin: 2px;
977 - padding: 2px;
978 - background-color: white;
979 -}
980 -
981 -table.gallery tr {
982 - vertical-align: top;
983 -}
984 -
985 -table.gallery td {
986 - vertical-align: top;
987 - background-color: #f9f9f9;
988 - border: solid 2px white;
989 -}
990 -
991 -/* Keep this temporarily so that cached pages will display right */
992 -table.gallery td.galleryheader {
993 - text-align: center;
994 - font-weight: bold;
995 -}
996 -table.gallery caption {
997 - font-weight: bold;
998 -}
999 -
1000 -div.gallerybox {
1001 - margin: 2px;
1002 - width: 150px;
1003 -}
1004 -
1005 -div.gallerybox div.thumb {
1006 - text-align: center;
1007 - border: 1px solid #ccc;
1008 - margin: 2px;
1009 -}
1010 -
1011 -div.gallerytext {
1012 - overflow: hidden;
1013 - font-size: 94%;
1014 - padding: 2px 4px;
1015 -}
1016 -
1017 -span.comment {
1018 - font-style: italic;
1019 -}
1020 -
1021 -span.changedby {
1022 - font-size: 95%;
1023 -}
1024 -
1025 -.previewnote {
1026 - text-indent: 3em;
1027 - color: #c00;
1028 - border-bottom: 1px solid #aaa;
1029 - padding-bottom: 1em;
1030 - margin-bottom: 1em;
1031 -}
1032 -
1033 -.previewnote p {
1034 - margin: 0;
1035 - padding: 0;
1036 -}
1037 -
1038 -.editExternally {
1039 - border: 1px solid gray;
1040 - background-color: #ffffff;
1041 - padding: 3px;
1042 - margin-top: 0.5em;
1043 - float: left;
1044 - font-size: small;
1045 - text-align: center;
1046 -}
1047 -.editExternallyHelp {
1048 - font-style: italic;
1049 - color: gray;
1050 -}
1051 -
1052 -li span.deleted, span.history-deleted {
1053 - text-decoration: line-through;
1054 - color: #888;
1055 - font-style: italic;
1056 -}
1057 -
1058 -.toggle {
1059 - margin-left: 2em;
1060 - text-indent: -2em;
1061 -}
1062 -
1063 -/* Classes for EXIF data display */
1064 -table.mw_metadata {
1065 - font-size: 0.8em;
1066 - margin-left: 0.5em;
1067 - margin-bottom: 0.5em;
1068 - width: 300px;
1069 -}
1070 -
1071 -table.mw_metadata caption {
1072 - font-weight: bold;
1073 -}
1074 -
1075 -table.mw_metadata th {
1076 - font-weight: normal;
1077 -}
1078 -
1079 -table.mw_metadata td {
1080 - padding: 0.1em;
1081 -}
1082 -
1083 -table.mw_metadata {
1084 - border: none;
1085 - border-collapse: collapse;
1086 -}
1087 -
1088 -table.mw_metadata td, table.mw_metadata th {
1089 - text-align: center;
1090 - border: 1px solid #aaaaaa;
1091 - padding-left: 0.1em;
1092 - padding-right: 0.1em;
1093 -}
1094 -
1095 -table.mw_metadata th {
1096 - background-color: #f9f9f9;
1097 -}
1098 -
1099 -table.mw_metadata td {
1100 - background-color: #fcfcfc;
1101 -}
1102 -
1103 -table.collapsed tr.collapsable {
1104 - display: none;
1105 -}
1106 -
1107 -
1108 -/* filetoc */
1109 -ul#filetoc {
1110 - text-align: center;
1111 - border: 1px solid #aaaaaa;
1112 - background-color: #f9f9f9;
1113 - padding: 5px;
1114 - font-size: 95%;
1115 - margin-bottom: 0.5em;
1116 - margin-left: 0;
1117 - margin-right: 0;
1118 -}
1119 -
1120 -#filetoc li {
1121 - display: inline;
1122 - list-style-type: none;
1123 - padding-right: 2em;
1124 -}
1125 -
1126 -input#wpSummary {
1127 - width: 80%;
1128 -}
1129 -
1130 -/* @bug 1714 */
1131 -input#wpSave, input#wpDiff {
1132 - margin-right: 0.33em;
1133 -}
1134 -
1135 -#editform .editOptions {
1136 - display: inline;
1137 -}
1138 -
1139 -#wpSave {
1140 - font-weight: bold;
1141 -}
1142 -
1143 -/* Classes for article validation */
1144 -
1145 -table.revisionform_default {
1146 - border: 1px solid #000000;
1147 -}
1148 -
1149 -table.revisionform_focus {
1150 - border: 1px solid #000000;
1151 - background-color:#00BBFF;
1152 -}
1153 -
1154 -tr.revision_tr_default {
1155 - background-color:#EEEEEE;
1156 -}
1157 -
1158 -tr.revision_tr_first {
1159 - background-color:#DDDDDD;
1160 -}
1161 -
1162 -p.revision_saved {
1163 - color: green;
1164 - font-weight:bold;
1165 -}
1166 -
1167 -#mw_trackbacks {
1168 - border: solid 1px #bbbbff;
1169 - background-color: #eeeeff;
1170 - padding: 0.2em;
1171 -}
1172 -
1173 -
1174 -/* Allmessages table */
1175 -
1176 -#allmessagestable th {
1177 - background-color: #b2b2ff;
1178 -}
1179 -
1180 -#allmessagestable tr.orig {
1181 - background-color: #ffe2e2;
1182 -}
1183 -
1184 -#allmessagestable tr.new {
1185 - background-color: #e2ffe2;
1186 -}
1187 -
1188 -#allmessagestable tr.def {
1189 - background-color: #f0f0ff;
1190 -}
1191 -
1192 -
1193 -/* noarticletext */
1194 -div.noarticletext {
1195 - border: 1px solid #ccc;
1196 - background: #fff;
1197 - padding: .2em 1em;
1198 - color: #000;
1199 -}
1200 -
1201 -div#searchTargetContainer {
1202 - left: 10px;
1203 - top: 10px;
1204 - width: 90%;
1205 - background: white;
1206 -}
1207 -
1208 -div#searchTarget {
1209 - padding: 3px;
1210 - margin: 5px;
1211 - background: #F0F0F0;
1212 - border: solid 1px blue;
1213 -}
1214 -
1215 -div#searchTarget ul li {
1216 - list-style: none;
1217 -}
1218 -
1219 -div#searchTarget ul li:before {
1220 - color: orange;
1221 - content: "\00BB \0020";
1222 -}
1223 -
1224 -div.multipageimagenavbox {
1225 - border: solid 1px silver;
1226 - padding: 4px;
1227 - margin: 1em;
1228 - -moz-border-radius: 6px;
1229 - background: #f0f0f0;
1230 -}
1231 -
1232 -div.multipageimagenavbox div.thumb {
1233 - border: none;
1234 - margin-left: 2em;
1235 - margin-right: 2em;
1236 -}
1237 -
1238 -div.multipageimagenavbox hr {
1239 - margin: 6px;
1240 -}
1241 -
1242 -table.multipageimage td {
1243 - text-align: center;
1244 -}
1245 -
1246 -/** Special:Version */
1247 -
1248 -table#sv-ext, table#sv-hooks {
1249 - margin: 1em;
1250 - padding:0em;
1251 -}
1252 -
1253 -#sv-ext td, #sv-hooks td,
1254 -#sv-ext th, #sv-hooks th {
1255 - border: 1px solid #A0A0A0;
1256 - padding: 0 0.15em 0 0.15em;
1257 -}
1258 -#sv-ext th, #sv-hooks th {
1259 - background-color: #F0F0F0;
1260 - color: black;
1261 - padding: 0 0.15em 0 0.15em;
1262 -}
1263 -tr.sv-space{
1264 - height: 0.8em;
1265 - border:none;
1266 -}
1267 -tr.sv-space td { display: none; }
1268 -
1269 -/*
1270 - Table pager (e.g. Special:Imagelist)
1271 - - remove underlines from the navigation link
1272 - - collapse borders
1273 - - set the borders to outsets (similar to Special:Allmessages)
1274 - - remove line wrapping for all td and th, set background color
1275 - - restore line wrapping for the last two table cells (description and size)
1276 -*/
1277 -.TablePager_nav a { text-decoration: none; }
1278 -.TablePager { border-collapse: collapse; }
1279 -.TablePager, .TablePager td, .TablePager th {
1280 - border: 0.15em solid #777777;
1281 - padding: 0 0.15em 0 0.15em;
1282 -}
1283 -.TablePager th { background-color: #eeeeff }
1284 -.TablePager td { background-color: #ffffff }
1285 -.TablePager tr:hover td { background-color: #eeeeff }
1286 -
1287 -.imagelist td, .imagelist th { white-space: nowrap }
1288 -.imagelist .TablePager_col_links { background-color: #eeeeff }
1289 -.imagelist .TablePager_col_img_description { white-space: normal }
1290 -.imagelist th.TablePager_sort { background-color: #ccccff }
1291 -
1292 -.templatesUsed { margin-top: 1.5em; }
1293 -
1294 -.mw-summary-preview {
1295 - margin: 0.1em 0;
1296 -}
1297 -@media handheld {
1298 - .nonessential {
1299 - /* Kill big bulky stuff that will clog up the screen */
1300 - display: none;
1301 - }
1302 -}
Index: trunk/phase3/skins/monobook/Opera95Fixes.css
@@ -0,0 +1,10 @@
 2+/**
 3+ * One tweak for Opera 9.5 carried over from Opera 7. This seems to be exactly
 4+ * the same rule as is used for #bodyContent a.external normally, why do we
 5+ * need it? Someone should compare with and without and remove this file en-
 6+ * tirely if appropriate.
 7+ */
 8+#bodyContent a.external {
 9+ background: url(external.png) center right no-repeat;
 10+ padding-right: 13px;
 11+}
Property changes on: trunk/phase3/skins/monobook/Opera95Fixes.css
___________________________________________________________________
Added: svn:eol-style
112 + native
Index: trunk/phase3/skins/monobook/main.css
@@ -9,33 +9,22 @@
1010 ** All you guys rock :)
1111 */
1212
13 -/**
14 - * Stylesheet for screen/projection. All rules not marked media-specific are
15 - * shared with handheld.css and should be updated in tandem. The rules can't
16 - * be in the same file because old browsers like IE5 won't obey @media rules.
17 - *
18 - * Rules that are screen/projection-specific are marked with commented-out
19 - * @media rules and indentation.
20 - */
21 -
22 -/* @media screen, projection { */
23 - #column-content {
24 - width: 100%;
25 - float: right;
26 - margin: 0 0 .6em -12.2em;
27 - padding: 0;
28 - }
29 - #content {
30 - margin: 2.8em 0 0 12.2em;
31 - padding: 0 1em 1.5em 1em;
32 - position: relative;
33 - z-index: 2;
34 - }
35 - #column-one {
36 - padding-top: 160px;
37 - }
38 -/* } */
 13+#column-content {
 14+ width: 100%;
 15+ float: right;
 16+ margin: 0 0 .6em -12.2em;
 17+ padding: 0;
 18+}
3919 #content {
 20+ margin: 2.8em 0 0 12.2em;
 21+ padding: 0 1em 1.5em 1em;
 22+ position: relative;
 23+ z-index: 2;
 24+}
 25+#column-one {
 26+ padding-top: 160px;
 27+}
 28+#content {
4029 background: white;
4130 color: black;
4231 border: 1px solid #aaa;
@@ -106,12 +95,10 @@
10796 border: none;
10897 vertical-align: middle;
10998 }
110 -/* @media screen, projection { */
111 - p {
112 - margin: .4em 0 .5em 0;
113 - line-height: 1.5em;
114 - }
115 -/* } */
 99+p {
 100+ margin: .4em 0 .5em 0;
 101+ line-height: 1.5em;
 102+}
116103 p img {
117104 margin: 0;
118105 }
@@ -245,14 +232,12 @@
246233 ** the main content area
247234 */
248235
249 -/* @media screen, projection { */
250 - #siteSub {
251 - display: none;
252 - }
253 - #jump-to-nav {
254 - display: none;
255 - }
256 -/* } */
 236+#siteSub {
 237+ display: none;
 238+}
 239+#jump-to-nav {
 240+ display: none;
 241+}
257242
258243 #contentSub, #contentSub2 {
259244 font-size: 84%;
@@ -723,45 +708,41 @@
724709 ** Logo properties
725710 */
726711
727 -/* @media screen, projection { */
728 - #p-logo {
729 - top: 0;
730 - left: 0;
731 - position: absolute; /*needed to use z-index */
732 - z-index: 3;
733 - height: 155px;
734 - width: 12em;
735 - overflow: visible;
736 - }
737 - #p-logo h5 {
738 - display: none;
739 - }
740 - #p-logo a,
741 - #p-logo a:hover {
742 - display: block;
743 - height: 155px;
744 - width: 12.2em;
745 - background-repeat: no-repeat;
746 - background-position: 35% 50% !important;
747 - text-decoration: none;
748 - }
749 -/* } */
 712+#p-logo {
 713+ top: 0;
 714+ left: 0;
 715+ position: absolute; /*needed to use z-index */
 716+ z-index: 3;
 717+ height: 155px;
 718+ width: 12em;
 719+ overflow: visible;
 720+}
 721+#p-logo h5 {
 722+ display: none;
 723+}
 724+#p-logo a,
 725+#p-logo a:hover {
 726+ display: block;
 727+ height: 155px;
 728+ width: 12.2em;
 729+ background-repeat: no-repeat;
 730+ background-position: 35% 50% !important;
 731+ text-decoration: none;
 732+}
750733 /*
751734 ** the navigation portlet
752735 */
753736
754 -/* @media screen, projection { */
755 - #p-navigation {
756 - position: relative;
757 - z-index: 3;
758 - }
759 - #p-navigation a {
760 - display: block;
761 - }
762 - #p-navigation li.active a, #p-navigation li.active a:hover {
763 - display: inline;
764 - }
765 -/* } */
 737+#p-navigation {
 738+ position: relative;
 739+ z-index: 3;
 740+}
 741+#p-navigation a {
 742+ display: block;
 743+}
 744+#p-navigation li.active a, #p-navigation li.active a:hover {
 745+ display: inline;
 746+}
766747
767748 #p-navigation .pBody {
768749 padding-right: 0;
@@ -776,12 +757,10 @@
777758 /*
778759 ** Search portlet
779760 */
780 -/* @media screen, projection { */
781 - #p-search {
782 - position: relative;
783 - z-index: 3;
784 - }
785 -/* } */
 761+#p-search {
 762+ position: relative;
 763+ z-index: 3;
 764+}
786765 input.searchButton {
787766 margin-top: 1px;
788767 font-size: 95%;
@@ -804,83 +783,81 @@
805784 /*
806785 ** the personal toolbar
807786 */
808 -/* @media screen, projection { */
809 - #p-personal {
810 - position: absolute;
811 - left: 0;
812 - top: 0;
813 - z-index: 0;
814 - }
815 - #p-personal {
816 - width: 100%;
817 - white-space: nowrap;
818 - padding: 0;
819 - margin: 0;
820 - border: none;
821 - background: none;
822 - overflow: visible;
823 - line-height: 1.2em;
824 - }
825 - #p-personal h5 {
826 - display: none;
827 - }
828 - #p-personal .portlet,
829 - #p-personal .pBody {
830 - z-index: 0;
831 - padding: 0;
832 - margin: 0;
833 - border: none;
834 - overflow: visible;
835 - background: none;
836 - }
 787+#p-personal {
 788+ position: absolute;
 789+ left: 0;
 790+ top: 0;
 791+ z-index: 0;
 792+}
 793+#p-personal {
 794+ width: 100%;
 795+ white-space: nowrap;
 796+ padding: 0;
 797+ margin: 0;
 798+ border: none;
 799+ background: none;
 800+ overflow: visible;
 801+ line-height: 1.2em;
 802+}
 803+#p-personal h5 {
 804+ display: none;
 805+}
 806+#p-personal .portlet,
 807+#p-personal .pBody {
 808+ z-index: 0;
 809+ padding: 0;
 810+ margin: 0;
 811+ border: none;
 812+ overflow: visible;
 813+ background: none;
 814+}
837815 /* this is the ul contained in the portlet */
838 - #p-personal ul {
839 - border: none;
840 - line-height: 1.4em;
841 - color: #2f6fab;
842 - padding: 0 2em 0 3em;
843 - margin: 0;
844 - text-align: right;
845 - list-style: none;
846 - z-index: 0;
847 - background: none;
848 - cursor: default;
849 - }
850 - #p-personal li {
851 - z-index: 0;
852 - border: none;
853 - padding: 0;
854 - display: inline;
855 - color: #2f6fab;
856 - margin-left: 1em;
857 - line-height: 1.2em;
858 - background: none;
859 - }
860 - #p-personal li a {
861 - text-decoration: none;
862 - color: #005896;
863 - padding-bottom: .2em;
864 - background: none;
865 - }
866 - #p-personal li a:hover {
867 - background-color: white;
868 - padding-bottom: .2em;
869 - text-decoration: none;
870 - }
871 - #p-personal li.active a:hover {
872 - background-color: transparent;
873 - }
874 - /* the icon in front of the user name, single quotes
875 - in bg url to hide it from iemac */
876 - li#pt-userpage,
877 - li#pt-anonuserpage,
878 - li#pt-login {
879 - background: url(user.gif) top left no-repeat;
880 - padding-left: 20px;
881 - text-transform: none;
882 - }
883 -/* } */
884816 #p-personal ul {
 817+ border: none;
 818+ line-height: 1.4em;
 819+ color: #2f6fab;
 820+ padding: 0 2em 0 3em;
 821+ margin: 0;
 822+ text-align: right;
 823+ list-style: none;
 824+ z-index: 0;
 825+ background: none;
 826+ cursor: default;
 827+}
 828+#p-personal li {
 829+ z-index: 0;
 830+ border: none;
 831+ padding: 0;
 832+ display: inline;
 833+ color: #2f6fab;
 834+ margin-left: 1em;
 835+ line-height: 1.2em;
 836+ background: none;
 837+}
 838+#p-personal li a {
 839+ text-decoration: none;
 840+ color: #005896;
 841+ padding-bottom: .2em;
 842+ background: none;
 843+}
 844+#p-personal li a:hover {
 845+ background-color: white;
 846+ padding-bottom: .2em;
 847+ text-decoration: none;
 848+}
 849+#p-personal li.active a:hover {
 850+ background-color: transparent;
 851+}
 852+/* the icon in front of the user name, single quotes
 853+in bg url to hide it from iemac */
 854+li#pt-userpage,
 855+li#pt-anonuserpage,
 856+li#pt-login {
 857+ background: url(user.gif) top left no-repeat;
 858+ padding-left: 20px;
 859+ text-transform: none;
 860+}
 861+#p-personal ul {
885862 text-transform: lowercase;
886863 }
887864 #p-personal li.active {
@@ -889,91 +866,89 @@
890867 /*
891868 ** the page-related actions- page/talk, edit etc
892869 */
893 -/* @media screen, projection { */
894 - #p-cactions {
895 - position: absolute;
896 - top: 1.3em;
897 - left: 11.5em;
898 - margin: 0;
899 - white-space: nowrap;
900 - width: 76%;
901 - line-height: 1.1em;
902 - overflow: visible;
903 - background: none;
904 - border-collapse: collapse;
905 - padding-left: 1em;
906 - list-style: none;
907 - font-size: 95%;
908 - }
909 - #p-cactions ul {
910 - list-style: none;
911 - }
912 - #p-cactions li {
913 - display: inline;
914 - border: 1px solid #aaa;
915 - border-bottom: none;
916 - padding: 0 0 .1em 0;
917 - margin: 0 .3em 0 0;
918 - overflow: visible;
919 - background: white;
920 - }
921 - #p-cactions li.selected {
922 - border-color: #fabd23;
923 - padding: 0 0 .2em 0;
924 - font-weight: bold;
925 - }
926 - #p-cactions li a {
927 - background-color: #fbfbfb;
928 - color: #002bb8;
929 - border: none;
930 - padding: 0 .8em .3em;
931 - position: relative;
932 - z-index: 0;
933 - margin: 0;
934 - text-decoration: none;
935 - }
936 - #p-cactions li.selected a {
937 - z-index: 3;
938 - padding: 0 1em .2em!important;
939 - background-color: white;
940 - }
941 - #p-cactions .new a {
942 - color: #ba0000;
943 - }
944 - #p-cactions li a:hover {
945 - z-index: 3;
946 - text-decoration: none;
947 - background-color: white;
948 - }
949 - #p-cactions h5 {
950 - display: none;
951 - }
952 - #p-cactions li.istalk {
953 - margin-right: 0;
954 - }
955 - #p-cactions li.istalk a {
956 - padding-right: .5em;
957 - }
958 - #p-cactions #ca-addsection a {
959 - padding-left: .4em;
960 - padding-right: .4em;
961 - }
962 - /* offsets to distinguish the tab groups */
963 - li#ca-talk {
964 - margin-right: 1.6em;
965 - }
966 - li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
967 - margin-left: 1.6em;
968 - }
969 - #p-cactions .pBody {
970 - font-size: 1em;
971 - background-color: transparent;
972 - color: inherit;
973 - border-collapse: inherit;
974 - border: 0;
975 - padding: 0;
976 - }
977 -/* } */
 870+#p-cactions {
 871+ position: absolute;
 872+ top: 1.3em;
 873+ left: 11.5em;
 874+ margin: 0;
 875+ white-space: nowrap;
 876+ width: 76%;
 877+ line-height: 1.1em;
 878+ overflow: visible;
 879+ background: none;
 880+ border-collapse: collapse;
 881+ padding-left: 1em;
 882+ list-style: none;
 883+ font-size: 95%;
 884+}
 885+#p-cactions ul {
 886+ list-style: none;
 887+}
 888+#p-cactions li {
 889+ display: inline;
 890+ border: 1px solid #aaa;
 891+ border-bottom: none;
 892+ padding: 0 0 .1em 0;
 893+ margin: 0 .3em 0 0;
 894+ overflow: visible;
 895+ background: white;
 896+}
 897+#p-cactions li.selected {
 898+ border-color: #fabd23;
 899+ padding: 0 0 .2em 0;
 900+ font-weight: bold;
 901+}
 902+#p-cactions li a {
 903+ background-color: #fbfbfb;
 904+ color: #002bb8;
 905+ border: none;
 906+ padding: 0 .8em .3em;
 907+ position: relative;
 908+ z-index: 0;
 909+ margin: 0;
 910+ text-decoration: none;
 911+}
 912+#p-cactions li.selected a {
 913+ z-index: 3;
 914+ padding: 0 1em .2em!important;
 915+ background-color: white;
 916+}
 917+#p-cactions .new a {
 918+ color: #ba0000;
 919+}
 920+#p-cactions li a:hover {
 921+ z-index: 3;
 922+ text-decoration: none;
 923+ background-color: white;
 924+}
 925+#p-cactions h5 {
 926+ display: none;
 927+}
 928+#p-cactions li.istalk {
 929+ margin-right: 0;
 930+}
 931+#p-cactions li.istalk a {
 932+ padding-right: .5em;
 933+}
 934+#p-cactions #ca-addsection a {
 935+ padding-left: .4em;
 936+ padding-right: .4em;
 937+}
 938+/* offsets to distinguish the tab groups */
 939+li#ca-talk {
 940+ margin-right: 1.6em;
 941+}
 942+li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
 943+ margin-left: 1.6em;
 944+}
 945+#p-cactions .pBody {
 946+ font-size: 1em;
 947+ background-color: transparent;
 948+ color: inherit;
 949+ border-collapse: inherit;
 950+ border: 0;
 951+ padding: 0;
 952+}
978953 #p-cactions .hiddenStructure {
979954 display: none;
980955 }
@@ -984,13 +959,11 @@
985960 /*
986961 ** the remaining portlets
987962 */
988 -/* @media screen, projection { */
989 - #p-tbx,
990 - #p-lang {
991 - position: relative;
992 - z-index: 3;
993 - }
994 -/* } */
 963+#p-tbx,
 964+#p-lang {
 965+ position: relative;
 966+ z-index: 3;
 967+}
995968
996969 /* TODO: #t-iscite is only used by the Cite extension, come up with some
997970 * system which allows extensions to add to this file on the fly
@@ -1039,21 +1012,19 @@
10401013 background-color: #f0f0f0;
10411014 color: #000;
10421015 }
1043 -/* @media screen, projection { */
1044 - #preftoc li {
1045 - margin: 1px -2px 1px 2px;
1046 - float: left;
1047 - padding: 2px 0 3px 0;
1048 - border: 1px solid #fff;
1049 - border-right-color: #716f64;
1050 - border-bottom: 0;
1051 - position: relative;
1052 - white-space: nowrap;
1053 - list-style-type: none;
1054 - list-style-image: none;
1055 - z-index: 3;
1056 - }
1057 -/* } */
 1016+#preftoc li {
 1017+ margin: 1px -2px 1px 2px;
 1018+ float: left;
 1019+ padding: 2px 0 3px 0;
 1020+ border: 1px solid #fff;
 1021+ border-right-color: #716f64;
 1022+ border-bottom: 0;
 1023+ position: relative;
 1024+ white-space: nowrap;
 1025+ list-style-type: none;
 1026+ list-style-image: none;
 1027+ z-index: 3;
 1028+}
10581029 #preftoc li.selected {
10591030 font-weight: bold;
10601031 background-color: #f9f9f9;
@@ -1106,11 +1077,9 @@
11071078 .prefsection table, .prefsection legend {
11081079 background-color: #F9F9F9;
11091080 }
1110 -/* @media screen, projection { */
1111 - .mainLegend {
1112 - display: none;
1113 - }
1114 -/* } */
 1081+.mainLegend {
 1082+ display: none;
 1083+}
11151084 div.prefsectiontip {
11161085 font-size: x-small;
11171086 padding: .2em 2em;
@@ -1178,29 +1147,27 @@
11791148 font-weight: bold;
11801149 }
11811150
1182 -/* @media screen, projection { */
1183 - /*
1184 - ** IE/Mac fixes, hope to find a validating way to move this
1185 - ** to a separate stylesheet. This would work but doesn't validate:
1186 - ** @import("IEMacFixes.css");
1187 - */
1188 - /* tabs: border on the a, not the div */
1189 - * > html #p-cactions li { border: none; }
1190 - * > html #p-cactions li a {
1191 - border: 1px solid #aaa;
1192 - border-bottom: none;
1193 - }
1194 - * > html #p-cactions li.selected a { border-color: #fabd23; }
1195 - /* footer icons need a fixed width */
1196 - * > html #f-poweredbyico,
1197 - * > html #f-copyrightico { width: 88px; }
1198 - * > html #bodyContent,
1199 - * > html #bodyContent pre {
1200 - overflow-x: auto;
1201 - width: 100%;
1202 - padding-bottom: 25px;
1203 - }
1204 -/* } */
 1151+/*
 1152+** IE/Mac fixes, hope to find a validating way to move this
 1153+** to a separate stylesheet. This would work but doesn't validate:
 1154+** @import("IEMacFixes.css");
 1155+*/
 1156+/* tabs: border on the a, not the div */
 1157+* > html #p-cactions li { border: none; }
 1158+* > html #p-cactions li a {
 1159+ border: 1px solid #aaa;
 1160+ border-bottom: none;
 1161+}
 1162+* > html #p-cactions li.selected a { border-color: #fabd23; }
 1163+/* footer icons need a fixed width */
 1164+* > html #f-poweredbyico,
 1165+* > html #f-copyrightico { width: 88px; }
 1166+* > html #bodyContent,
 1167+* > html #bodyContent pre {
 1168+ overflow-x: auto;
 1169+ width: 100%;
 1170+ padding-bottom: 25px;
 1171+}
12051172
12061173 /* more IE fixes */
12071174 /* float/negative margin brokenness */
Index: trunk/phase3/skins/common/wikibits.js
@@ -12,6 +12,7 @@
1313 var is_opera = true;
1414 var is_opera_preseven = (window.opera && !document.childNodes);
1515 var is_opera_seven = (window.opera && document.childNodes);
 16+ var is_opera_95 = clientPC.search(/opera\/(9.[5-9]|[1-9][0-9])/);
1617 }
1718
1819 // Global external objects used by this script.
@@ -41,8 +42,10 @@
4243 if (typeof stylepath != 'undefined' && typeof skin != 'undefined') {
4344 if (is_opera_preseven) {
4445 document.write('<link rel="stylesheet" type="text/css" href="'+stylepath+'/'+skin+'/Opera6Fixes.css">');
45 - } else if (is_opera_seven) {
 46+ } else if (is_opera_seven && !is_opera_95) {
4647 document.write('<link rel="stylesheet" type="text/css" href="'+stylepath+'/'+skin+'/Opera7Fixes.css">');
 48+ } else if (is_opera_95) {
 49+ document.write('<link rel="stylesheet" type="text/css" href="'+stylepath+'/'+skin+'/Opera95Fixes.css">');
4750 } else if (is_khtml) {
4851 document.write('<link rel="stylesheet" type="text/css" href="'+stylepath+'/'+skin+'/KHTMLFixes.css">');
4952 }
Index: trunk/phase3/skins/MonoBook.php
@@ -61,7 +61,6 @@
6262 @import "<?php $this->text('stylepath') ?>/<?php $this->text('stylename') ?>/main.css?<?php echo $GLOBALS['wgStyleVersion'] ?>";
6363 /*]]>*/</style>
6464 <link rel="stylesheet" type="text/css" <?php if(empty($this->data['printable']) ) { ?>media="print"<?php } ?> href="<?php $this->text('stylepath') ?>/common/commonPrint.css?<?php echo $GLOBALS['wgStyleVersion'] ?>" />
65 - <link rel="stylesheet" type="text/css" media="handheld" href="<?php $this->text('stylepath') ?>/<?php $this->text('stylename') ?>/handheld.css?<?php echo $GLOBALS['wgStyleVersion'] ?>" />
6665 <!--[if lt IE 5.5000]><style type="text/css">@import "<?php $this->text('stylepath') ?>/<?php $this->text('stylename') ?>/IE50Fixes.css?<?php echo $GLOBALS['wgStyleVersion'] ?>";</style><![endif]-->
6766 <!--[if IE 5.5000]><style type="text/css">@import "<?php $this->text('stylepath') ?>/<?php $this->text('stylename') ?>/IE55Fixes.css?<?php echo $GLOBALS['wgStyleVersion'] ?>";</style><![endif]-->
6867 <!--[if IE 6]><style type="text/css">@import "<?php $this->text('stylepath') ?>/<?php $this->text('stylename') ?>/IE60Fixes.css?<?php echo $GLOBALS['wgStyleVersion'] ?>";</style><![endif]-->

Follow-up revisions

RevisionCommit summaryAuthorDate
r24215Merged revisions 24095-24212 via svnmerge from...david21:19, 17 July 2007
r24270bug 10638 -- fix regression in Opera < 9.5 by bad version check in r24163brion14:45, 19 July 2007
r24276Merged revisions 24213-24275 via svnmerge from...david20:20, 19 July 2007

Status & tagging log