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 |
1 | 12 | + native |
Index: trunk/phase3/skins/monobook/main.css |
— | — | @@ -9,33 +9,22 @@ |
10 | 10 | ** All you guys rock :) |
11 | 11 | */ |
12 | 12 | |
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 | +} |
39 | 19 | #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 { |
40 | 29 | background: white; |
41 | 30 | color: black; |
42 | 31 | border: 1px solid #aaa; |
— | — | @@ -106,12 +95,10 @@ |
107 | 96 | border: none; |
108 | 97 | vertical-align: middle; |
109 | 98 | } |
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 | +} |
116 | 103 | p img { |
117 | 104 | margin: 0; |
118 | 105 | } |
— | — | @@ -245,14 +232,12 @@ |
246 | 233 | ** the main content area |
247 | 234 | */ |
248 | 235 | |
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 | +} |
257 | 242 | |
258 | 243 | #contentSub, #contentSub2 { |
259 | 244 | font-size: 84%; |
— | — | @@ -723,45 +708,41 @@ |
724 | 709 | ** Logo properties |
725 | 710 | */ |
726 | 711 | |
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 | +} |
750 | 733 | /* |
751 | 734 | ** the navigation portlet |
752 | 735 | */ |
753 | 736 | |
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 | +} |
766 | 747 | |
767 | 748 | #p-navigation .pBody { |
768 | 749 | padding-right: 0; |
— | — | @@ -776,12 +757,10 @@ |
777 | 758 | /* |
778 | 759 | ** Search portlet |
779 | 760 | */ |
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 | +} |
786 | 765 | input.searchButton { |
787 | 766 | margin-top: 1px; |
788 | 767 | font-size: 95%; |
— | — | @@ -804,83 +783,81 @@ |
805 | 784 | /* |
806 | 785 | ** the personal toolbar |
807 | 786 | */ |
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 | +} |
837 | 815 | /* 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 | | -/* } */ |
884 | 816 | #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 { |
885 | 862 | text-transform: lowercase; |
886 | 863 | } |
887 | 864 | #p-personal li.active { |
— | — | @@ -889,91 +866,89 @@ |
890 | 867 | /* |
891 | 868 | ** the page-related actions- page/talk, edit etc |
892 | 869 | */ |
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 | +} |
978 | 953 | #p-cactions .hiddenStructure { |
979 | 954 | display: none; |
980 | 955 | } |
— | — | @@ -984,13 +959,11 @@ |
985 | 960 | /* |
986 | 961 | ** the remaining portlets |
987 | 962 | */ |
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 | +} |
995 | 968 | |
996 | 969 | /* TODO: #t-iscite is only used by the Cite extension, come up with some |
997 | 970 | * system which allows extensions to add to this file on the fly |
— | — | @@ -1039,21 +1012,19 @@ |
1040 | 1013 | background-color: #f0f0f0; |
1041 | 1014 | color: #000; |
1042 | 1015 | } |
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 | +} |
1058 | 1029 | #preftoc li.selected { |
1059 | 1030 | font-weight: bold; |
1060 | 1031 | background-color: #f9f9f9; |
— | — | @@ -1106,11 +1077,9 @@ |
1107 | 1078 | .prefsection table, .prefsection legend { |
1108 | 1079 | background-color: #F9F9F9; |
1109 | 1080 | } |
1110 | | -/* @media screen, projection { */ |
1111 | | - .mainLegend { |
1112 | | - display: none; |
1113 | | - } |
1114 | | -/* } */ |
| 1081 | +.mainLegend { |
| 1082 | + display: none; |
| 1083 | +} |
1115 | 1084 | div.prefsectiontip { |
1116 | 1085 | font-size: x-small; |
1117 | 1086 | padding: .2em 2em; |
— | — | @@ -1178,29 +1147,27 @@ |
1179 | 1148 | font-weight: bold; |
1180 | 1149 | } |
1181 | 1150 | |
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 | +} |
1205 | 1172 | |
1206 | 1173 | /* more IE fixes */ |
1207 | 1174 | /* float/negative margin brokenness */ |
Index: trunk/phase3/skins/common/wikibits.js |
— | — | @@ -12,6 +12,7 @@ |
13 | 13 | var is_opera = true; |
14 | 14 | var is_opera_preseven = (window.opera && !document.childNodes); |
15 | 15 | var is_opera_seven = (window.opera && document.childNodes); |
| 16 | + var is_opera_95 = clientPC.search(/opera\/(9.[5-9]|[1-9][0-9])/); |
16 | 17 | } |
17 | 18 | |
18 | 19 | // Global external objects used by this script. |
— | — | @@ -41,8 +42,10 @@ |
42 | 43 | if (typeof stylepath != 'undefined' && typeof skin != 'undefined') { |
43 | 44 | if (is_opera_preseven) { |
44 | 45 | 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) { |
46 | 47 | 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">'); |
47 | 50 | } else if (is_khtml) { |
48 | 51 | document.write('<link rel="stylesheet" type="text/css" href="'+stylepath+'/'+skin+'/KHTMLFixes.css">'); |
49 | 52 | } |
Index: trunk/phase3/skins/MonoBook.php |
— | — | @@ -61,7 +61,6 @@ |
62 | 62 | @import "<?php $this->text('stylepath') ?>/<?php $this->text('stylename') ?>/main.css?<?php echo $GLOBALS['wgStyleVersion'] ?>"; |
63 | 63 | /*]]>*/</style> |
64 | 64 | <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'] ?>" /> |
66 | 65 | <!--[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]--> |
67 | 66 | <!--[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]--> |
68 | 67 | <!--[if IE 6]><style type="text/css">@import "<?php $this->text('stylepath') ?>/<?php $this->text('stylename') ?>/IE60Fixes.css?<?php echo $GLOBALS['wgStyleVersion'] ?>";</style><![endif]--> |