Index: branches/REL1_9/phase3/skins/monobook/handheld.css |
— | — | @@ -0,0 +1,1337 @@ |
| 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 | + speak: none; |
| 461 | +} |
| 462 | +img.tex { |
| 463 | + vertical-align: middle; |
| 464 | +} |
| 465 | +span.texhtml { |
| 466 | + font-family: serif; |
| 467 | +} |
| 468 | + |
| 469 | +/* |
| 470 | +** classes for special content elements like town boxes |
| 471 | +** intended to be referenced directly from the wiki src |
| 472 | +*/ |
| 473 | + |
| 474 | +/* |
| 475 | +** User styles |
| 476 | +*/ |
| 477 | +/* table standards */ |
| 478 | +table.rimage { |
| 479 | + float: right; |
| 480 | + position: relative; |
| 481 | + margin-left: 1em; |
| 482 | + margin-bottom: 1em; |
| 483 | + text-align: center; |
| 484 | +} |
| 485 | +.toccolours { |
| 486 | + border: 1px solid #aaa; |
| 487 | + background-color: #f9f9f9; |
| 488 | + padding: 5px; |
| 489 | + font-size: 95%; |
| 490 | +} |
| 491 | +div.townBox { |
| 492 | + position: relative; |
| 493 | + float: right; |
| 494 | + background: white; |
| 495 | + margin-left: 1em; |
| 496 | + border: 1px solid gray; |
| 497 | + padding: .3em; |
| 498 | + width: 200px; |
| 499 | + overflow: hidden; |
| 500 | + clear: right; |
| 501 | +} |
| 502 | +div.townBox dl { |
| 503 | + padding: 0; |
| 504 | + margin: 0 0 .3em; |
| 505 | + font-size: 96%; |
| 506 | +} |
| 507 | +div.townBox dl dt { |
| 508 | + background: none; |
| 509 | + margin: .4em 0 0; |
| 510 | +} |
| 511 | +div.townBox dl dd { |
| 512 | + margin: .1em 0 0 1.1em; |
| 513 | + background-color: #f3f3f3; |
| 514 | +} |
| 515 | + |
| 516 | +/* |
| 517 | +** edit views etc |
| 518 | +*/ |
| 519 | +.special li { |
| 520 | + line-height: 1.4em; |
| 521 | + margin: 0; |
| 522 | + padding: 0; |
| 523 | +} |
| 524 | + |
| 525 | +/* Page history styling */ |
| 526 | +/* the auto-generated edit comments */ |
| 527 | +.autocomment { |
| 528 | + color: gray; |
| 529 | +} |
| 530 | +#pagehistory span.user { |
| 531 | + margin-left: 1.4em; |
| 532 | + margin-right: .4em; |
| 533 | +} |
| 534 | +#pagehistory span.minor { |
| 535 | + font-weight: bold; |
| 536 | +} |
| 537 | +#pagehistory li { |
| 538 | + border: 1px solid white; |
| 539 | +} |
| 540 | +#pagehistory li.selected { |
| 541 | + background-color: #f9f9f9; |
| 542 | + border: 1px dashed #aaa; |
| 543 | +} |
| 544 | + |
| 545 | +/* |
| 546 | +** Diff rendering |
| 547 | +*/ |
| 548 | +table.diff, td.diff-otitle, td.diff-ntitle { |
| 549 | + background-color: white; |
| 550 | +} |
| 551 | +td.diff-addedline { |
| 552 | + background: #cfc; |
| 553 | + font-size: smaller; |
| 554 | +} |
| 555 | +td.diff-deletedline { |
| 556 | + background: #ffa; |
| 557 | + font-size: smaller; |
| 558 | +} |
| 559 | +td.diff-context { |
| 560 | + background: #eee; |
| 561 | + font-size: smaller; |
| 562 | +} |
| 563 | +span.diffchange { |
| 564 | + color: red; |
| 565 | + font-weight: bold; |
| 566 | +} |
| 567 | + |
| 568 | +/* |
| 569 | +** keep the whitespace in front of the ^=, hides rule from konqueror |
| 570 | +** this is css3, the validator doesn't like it when validating as css2 |
| 571 | +*/ |
| 572 | +#bodyContent a.external, |
| 573 | +#bodyContent a[href ^="gopher://"] { |
| 574 | + background: url(external.png) center right no-repeat; |
| 575 | + padding-right: 13px; |
| 576 | +} |
| 577 | +#bodyContent a[href ^="https://"], |
| 578 | +.link-https { |
| 579 | + background: url(lock_icon.gif) center right no-repeat; |
| 580 | + padding-right: 16px; |
| 581 | +} |
| 582 | +#bodyContent a[href ^="mailto:"], |
| 583 | +.link-mailto { |
| 584 | + background: url(mail_icon.gif) center right no-repeat; |
| 585 | + padding-right: 18px; |
| 586 | +} |
| 587 | +#bodyContent a[href ^="news://"] { |
| 588 | + background: url(news_icon.png) center right no-repeat; |
| 589 | + padding-right: 18px; |
| 590 | +} |
| 591 | +#bodyContent a[href ^="ftp://"], |
| 592 | +.link-ftp { |
| 593 | + background: url(file_icon.gif) center right no-repeat; |
| 594 | + padding-right: 18px; |
| 595 | +} |
| 596 | +#bodyContent a[href ^="irc://"], |
| 597 | +.link-irc { |
| 598 | + background: url(discussionitem_icon.gif) center right no-repeat; |
| 599 | + padding-right: 18px; |
| 600 | +} |
| 601 | +#bodyContent a.external[href $=".ogg"], #bodyContent a.external[href $=".OGG"], |
| 602 | +#bodyContent a.external[href $=".mid"], #bodyContent a.external[href $=".MID"], |
| 603 | +#bodyContent a.external[href $=".midi"], #bodyContent a.external[href $=".MIDI"], |
| 604 | +#bodyContent a.external[href $=".mp3"], #bodyContent a.external[href $=".MP3"], |
| 605 | +#bodyContent a.external[href $=".wav"], #bodyContent a.external[href $=".WAV"], |
| 606 | +#bodyContent a.external[href $=".wma"], #bodyContent a.external[href $=".WMA"], |
| 607 | +.link-audio { |
| 608 | + background: url("audio.png") center right no-repeat; |
| 609 | + padding-right: 13px; |
| 610 | +} |
| 611 | +#bodyContent a.external[href $=".ogm"], #bodyContent a.external[href $=".OGM"], |
| 612 | +#bodyContent a.external[href $=".avi"], #bodyContent a.external[href $=".AVI"], |
| 613 | +#bodyContent a.external[href $=".mpeg"], #bodyContent a.external[href $=".MPEG"], |
| 614 | +#bodyContent a.external[href $=".mpg"], #bodyContent a.external[href $=".MPG"], |
| 615 | +.link-video { |
| 616 | + background: url("video.png") center right no-repeat; |
| 617 | + padding-right: 13px; |
| 618 | +} |
| 619 | +#bodyContent a.external[href $=".pdf"], #bodyContent a.external[href $=".PDF"], |
| 620 | +#bodyContent a.external[href *=".pdf#"], #bodyContent a.external[href *=".PDF#"], |
| 621 | +#bodyContent a.external[href *=".pdf?"], #bodyContent a.external[href *=".PDF?"], |
| 622 | +.link-document { |
| 623 | + background: url("document.png") center right no-repeat; |
| 624 | + padding-right: 12px; |
| 625 | +} |
| 626 | + |
| 627 | +/* disable interwiki styling */ |
| 628 | +#bodyContent a.extiw, |
| 629 | +#bodyContent a.extiw:active { |
| 630 | + color: #36b; |
| 631 | + background: none; |
| 632 | + padding: 0; |
| 633 | +} |
| 634 | +#bodyContent a.external { |
| 635 | + color: #36b; |
| 636 | +} |
| 637 | +/* this can be used in the content area to switch off |
| 638 | +special external link styling */ |
| 639 | +#bodyContent .plainlinks a { |
| 640 | + background: none !important; |
| 641 | + padding: 0 !important; |
| 642 | +} |
| 643 | +/* |
| 644 | +** Structural Elements |
| 645 | +*/ |
| 646 | + |
| 647 | +/* |
| 648 | +** general portlet styles (elements in the quickbar) |
| 649 | +*/ |
| 650 | +.portlet { |
| 651 | + border: none; |
| 652 | + margin: 0 0 .5em; |
| 653 | + padding: 0; |
| 654 | + float: none; |
| 655 | + width: 11.6em; |
| 656 | + overflow: hidden; |
| 657 | +} |
| 658 | +.portlet h4 { |
| 659 | + font-size: 95%; |
| 660 | + font-weight: normal; |
| 661 | + white-space: nowrap; |
| 662 | +} |
| 663 | +.portlet h5 { |
| 664 | + background: transparent; |
| 665 | + padding: 0 1em 0 .5em; |
| 666 | + display: inline; |
| 667 | + height: 1em; |
| 668 | + text-transform: lowercase; |
| 669 | + font-size: 91%; |
| 670 | + font-weight: normal; |
| 671 | + white-space: nowrap; |
| 672 | +} |
| 673 | +.portlet h6 { |
| 674 | + background: #ffae2e; |
| 675 | + border: 1px solid #2f6fab; |
| 676 | + border-style: solid solid none solid; |
| 677 | + padding: 0 1em 0 1em; |
| 678 | + text-transform: lowercase; |
| 679 | + display: block; |
| 680 | + font-size: 1em; |
| 681 | + height: 1.2em; |
| 682 | + font-weight: normal; |
| 683 | + white-space: nowrap; |
| 684 | +} |
| 685 | +.pBody { |
| 686 | + font-size: 95%; |
| 687 | + background-color: white; |
| 688 | + color: black; |
| 689 | + border-collapse: collapse; |
| 690 | + border: 1px solid #aaa; |
| 691 | + padding: 0 .8em .3em .5em; |
| 692 | +} |
| 693 | +.portlet h1, |
| 694 | +.portlet h2, |
| 695 | +.portlet h3, |
| 696 | +.portlet h4 { |
| 697 | + margin: 0; |
| 698 | + padding: 0; |
| 699 | +} |
| 700 | +.portlet ul { |
| 701 | + line-height: 1.5em; |
| 702 | + list-style-type: square; |
| 703 | + list-style-image: url(bullet.gif); |
| 704 | + font-size: 95%; |
| 705 | +} |
| 706 | +.portlet li { |
| 707 | + padding: 0; |
| 708 | + margin: 0; |
| 709 | +} |
| 710 | + |
| 711 | +/* |
| 712 | +** Logo properties |
| 713 | +*/ |
| 714 | + |
| 715 | +@media handheld { |
| 716 | + #p-logo { display: none } |
| 717 | +} |
| 718 | + |
| 719 | +/* |
| 720 | +** the navigation portlet |
| 721 | +*/ |
| 722 | + |
| 723 | +#p-navigation .pBody { |
| 724 | + padding-right: 0; |
| 725 | +} |
| 726 | + |
| 727 | +#p-navigation li.active a, #p-navigation li.active a:hover { |
| 728 | + text-decoration: none; |
| 729 | + font-weight: bold; |
| 730 | +} |
| 731 | + |
| 732 | + |
| 733 | +/* |
| 734 | +** Search portlet |
| 735 | +*/ |
| 736 | +input.searchButton { |
| 737 | + margin-top: 1px; |
| 738 | + font-size: 95%; |
| 739 | +} |
| 740 | +#searchGoButton { |
| 741 | + padding-left: .5em; |
| 742 | + padding-right: .5em; |
| 743 | + font-weight: bold; |
| 744 | +} |
| 745 | +#searchInput { |
| 746 | + width: 10.9em; |
| 747 | + margin: 0; |
| 748 | + font-size: 95%; |
| 749 | +} |
| 750 | +#p-search .pBody { |
| 751 | + padding: .5em .4em .4em .4em; |
| 752 | + text-align: center; |
| 753 | +} |
| 754 | + |
| 755 | +/* |
| 756 | +** the personal toolbar |
| 757 | +*/ |
| 758 | +#p-personal ul { |
| 759 | + text-transform: lowercase; |
| 760 | +} |
| 761 | +#p-personal li.active { |
| 762 | + font-weight: bold; |
| 763 | +} |
| 764 | +/* |
| 765 | +** the page-related actions- page/talk, edit etc |
| 766 | +*/ |
| 767 | +#p-cactions .hiddenStructure { |
| 768 | + display: none; |
| 769 | +} |
| 770 | +#p-cactions li a { |
| 771 | + text-transform: lowercase; |
| 772 | +} |
| 773 | + |
| 774 | +/* TODO: #t-iscite is only used by the Cite extension, come up with some |
| 775 | + * system which allows extensions to add to this file on the fly |
| 776 | + */ |
| 777 | +#t-ispermalink, #t-iscite { |
| 778 | + color: #999; |
| 779 | +} |
| 780 | +/* |
| 781 | +** footer |
| 782 | +*/ |
| 783 | +#footer { |
| 784 | + background-color: white; |
| 785 | + border-top: 1px solid #fabd23; |
| 786 | + border-bottom: 1px solid #fabd23; |
| 787 | + margin: .6em 0 1em 0; |
| 788 | + padding: .4em 0 1.2em 0; |
| 789 | + text-align: center; |
| 790 | + font-size: 90%; |
| 791 | +} |
| 792 | +#footer li { |
| 793 | + display: inline; |
| 794 | + margin: 0 1.3em; |
| 795 | +} |
| 796 | +/* hide from incapable browsers */ |
| 797 | +head:first-child+body #footer li { white-space: nowrap; } |
| 798 | +#f-poweredbyico, #f-copyrightico { |
| 799 | + margin: 0 8px; |
| 800 | + position: relative; |
| 801 | + top: -2px; /* Bump it up just a tad */ |
| 802 | +} |
| 803 | +#f-poweredbyico { |
| 804 | + float: right; |
| 805 | + height: 1%; |
| 806 | +} |
| 807 | +#f-copyrightico { |
| 808 | + float: left; |
| 809 | + height: 1%; |
| 810 | +} |
| 811 | + |
| 812 | +/* js pref toc */ |
| 813 | +#preftoc { |
| 814 | + margin: 0; |
| 815 | + padding: 0; |
| 816 | + width: 100%; |
| 817 | + clear: both; |
| 818 | +} |
| 819 | +#preftoc li { |
| 820 | + background-color: #f0f0f0; |
| 821 | + color: #000; |
| 822 | +} |
| 823 | +#preftoc li.selected { |
| 824 | + font-weight: bold; |
| 825 | + background-color: #f9f9f9; |
| 826 | + border: 1px solid #aaa; |
| 827 | + border-bottom: none; |
| 828 | + cursor: default; |
| 829 | + top: 1px; |
| 830 | + padding-top: 2px; |
| 831 | + margin-right: -3px; |
| 832 | +} |
| 833 | +#preftoc > li.selected { |
| 834 | + top: 2px; |
| 835 | +} |
| 836 | +#preftoc a, |
| 837 | +#preftoc a:active { |
| 838 | + display: block; |
| 839 | + color: #000; |
| 840 | + padding: 0 .7em; |
| 841 | + position: relative; |
| 842 | + text-decoration: none; |
| 843 | +} |
| 844 | +#preftoc li.selected a { |
| 845 | + cursor: default; |
| 846 | + text-decoration: none; |
| 847 | +} |
| 848 | +#prefcontrol { |
| 849 | + padding-top: 2em; |
| 850 | + clear: both; |
| 851 | +} |
| 852 | +#preferences { |
| 853 | + margin: 0; |
| 854 | + border: 1px solid #aaa; |
| 855 | + clear: both; |
| 856 | + padding: 1.5em; |
| 857 | + background-color: #F9F9F9; |
| 858 | +} |
| 859 | +.prefsection { |
| 860 | + border: none; |
| 861 | + padding: 0; |
| 862 | + margin: 0; |
| 863 | +} |
| 864 | +.prefsection fieldset { |
| 865 | + border: 1px solid #aaa; |
| 866 | + float: left; |
| 867 | + margin-right: 2em; |
| 868 | +} |
| 869 | +.prefsection legend { |
| 870 | + font-weight: bold; |
| 871 | +} |
| 872 | +.prefsection table, .prefsection legend { |
| 873 | + background-color: #F9F9F9; |
| 874 | +} |
| 875 | +div.prefsectiontip { |
| 876 | + font-size: 95%; |
| 877 | + margin-top: 0; |
| 878 | + background-color: #FFC1C1; |
| 879 | + padding: .2em .7em; |
| 880 | + clear: both; |
| 881 | +} |
| 882 | +.btnSavePrefs { |
| 883 | + font-weight: bold; |
| 884 | + padding-left: .3em; |
| 885 | + padding-right: .3em; |
| 886 | +} |
| 887 | + |
| 888 | +.preferences-login { |
| 889 | + clear: both; |
| 890 | + margin-bottom: 1.5em; |
| 891 | +} |
| 892 | + |
| 893 | +.prefcache { |
| 894 | + font-size: 90%; |
| 895 | + margin-top: 2em; |
| 896 | +} |
| 897 | + |
| 898 | +div#userloginForm form, |
| 899 | +div#userlogin form#userlogin2 { |
| 900 | + margin: 0 3em 1em 0; |
| 901 | + border: 1px solid #aaa; |
| 902 | + clear: both; |
| 903 | + padding: 1.5em 2em; |
| 904 | + background-color: #f9f9f9; |
| 905 | + float: left; |
| 906 | +} |
| 907 | + |
| 908 | +div#userloginForm table, |
| 909 | +div#userlogin form#userlogin2 table { |
| 910 | + background-color: #f9f9f9; |
| 911 | +} |
| 912 | + |
| 913 | +div#userloginForm h2, |
| 914 | +div#userlogin form#userlogin2 h2 { |
| 915 | + padding-top: 0; |
| 916 | +} |
| 917 | + |
| 918 | +div#userlogin .captcha { |
| 919 | + border: 1px solid #bbb; |
| 920 | + padding: 1.5em 2em; |
| 921 | + width: 400px; |
| 922 | + background-color: white; |
| 923 | +} |
| 924 | + |
| 925 | + |
| 926 | +#userloginprompt, #languagelinks { |
| 927 | + font-size: 85%; |
| 928 | +} |
| 929 | + |
| 930 | +#login-sectiontip { |
| 931 | + font-size: 85%; |
| 932 | + line-height: 1.2; |
| 933 | + padding-top: 2em; |
| 934 | +} |
| 935 | + |
| 936 | +#userlogin .loginText, #userlogin .loginPassword { |
| 937 | + width: 12em; |
| 938 | +} |
| 939 | + |
| 940 | +#userloginlink a, #wpLoginattempt, #wpCreateaccount { |
| 941 | + font-weight: bold; |
| 942 | +} |
| 943 | + |
| 944 | +/* more IE fixes */ |
| 945 | +/* float/negative margin brokenness */ |
| 946 | +* html #footer {margin-top: 0;} |
| 947 | +* html #column-content { |
| 948 | + display: inline; |
| 949 | + margin-bottom: 0; |
| 950 | +} |
| 951 | +* html div.editsection { font-size: smaller; } |
| 952 | +#pagehistory li.selected { position: relative; } |
| 953 | + |
| 954 | +/* Mac IE 5.0 fix; floated content turns invisible */ |
| 955 | +* > html #column-content { |
| 956 | + float: none; |
| 957 | +} |
| 958 | +* > html #column-one { |
| 959 | + position: absolute; |
| 960 | + left: 0; |
| 961 | + top: 0; |
| 962 | +} |
| 963 | +* > html #footer { |
| 964 | + margin-left: 13.2em; |
| 965 | +} |
| 966 | +.redirectText { |
| 967 | + font-size: 150%; |
| 968 | + margin: 5px; |
| 969 | +} |
| 970 | + |
| 971 | +.printfooter { |
| 972 | + display: none; |
| 973 | +} |
| 974 | + |
| 975 | +.not-patrolled { |
| 976 | + background-color: #ffa; |
| 977 | +} |
| 978 | +div.patrollink { |
| 979 | + font-size: 75%; |
| 980 | + text-align: right; |
| 981 | +} |
| 982 | +span.newpage, span.minor, span.searchmatch, span.bot { |
| 983 | + font-weight: bold; |
| 984 | +} |
| 985 | +span.unpatrolled { |
| 986 | + font-weight: bold; |
| 987 | + color: red; |
| 988 | +} |
| 989 | + |
| 990 | +span.searchmatch { |
| 991 | + color: red; |
| 992 | +} |
| 993 | +.sharedUploadNotice { |
| 994 | + font-style: italic; |
| 995 | +} |
| 996 | + |
| 997 | +span.updatedmarker { |
| 998 | + color: black; |
| 999 | + background-color: #0f0; |
| 1000 | +} |
| 1001 | +span.newpageletter { |
| 1002 | + font-weight: bold; |
| 1003 | + color: black; |
| 1004 | + background-color: yellow; |
| 1005 | +} |
| 1006 | +span.minoreditletter { |
| 1007 | + color: black; |
| 1008 | + background-color: #c5ffe6; |
| 1009 | +} |
| 1010 | + |
| 1011 | +table.gallery { |
| 1012 | + border: 1px solid #ccc; |
| 1013 | + margin: 2px; |
| 1014 | + padding: 2px; |
| 1015 | + background-color: white; |
| 1016 | +} |
| 1017 | + |
| 1018 | +table.gallery tr { |
| 1019 | + vertical-align: top; |
| 1020 | +} |
| 1021 | + |
| 1022 | +table.gallery td { |
| 1023 | + vertical-align: top; |
| 1024 | + background-color: #f9f9f9; |
| 1025 | + border: solid 2px white; |
| 1026 | +} |
| 1027 | + |
| 1028 | +table.gallery td.galleryheader { |
| 1029 | + text-align: center; |
| 1030 | + font-weight: bold; |
| 1031 | +} |
| 1032 | + |
| 1033 | +div.gallerybox { |
| 1034 | + margin: 2px; |
| 1035 | + width: 150px; |
| 1036 | +} |
| 1037 | + |
| 1038 | +div.gallerybox div.thumb { |
| 1039 | + text-align: center; |
| 1040 | + border: 1px solid #ccc; |
| 1041 | + margin: 2px; |
| 1042 | +} |
| 1043 | + |
| 1044 | +div.gallerytext { |
| 1045 | + font-size: 94%; |
| 1046 | + padding: 2px 4px; |
| 1047 | +} |
| 1048 | + |
| 1049 | +span.comment { |
| 1050 | + font-style: italic; |
| 1051 | +} |
| 1052 | + |
| 1053 | +span.changedby { |
| 1054 | + font-size: 95%; |
| 1055 | +} |
| 1056 | + |
| 1057 | +.previewnote { |
| 1058 | + text-indent: 3em; |
| 1059 | + color: #c00; |
| 1060 | + border-bottom: 1px solid #aaa; |
| 1061 | + padding-bottom: 1em; |
| 1062 | + margin-bottom: 1em; |
| 1063 | +} |
| 1064 | + |
| 1065 | +.previewnote p { |
| 1066 | + margin: 0; |
| 1067 | + padding: 0; |
| 1068 | +} |
| 1069 | + |
| 1070 | +.editExternally { |
| 1071 | + border: 1px solid gray; |
| 1072 | + background-color: #ffffff; |
| 1073 | + padding: 3px; |
| 1074 | + margin-top: 0.5em; |
| 1075 | + float: left; |
| 1076 | + font-size: small; |
| 1077 | + text-align: center; |
| 1078 | +} |
| 1079 | +.editExternallyHelp { |
| 1080 | + font-style: italic; |
| 1081 | + color: gray; |
| 1082 | +} |
| 1083 | + |
| 1084 | +li span.deleted, span.history-deleted { |
| 1085 | + text-decoration: line-through; |
| 1086 | + color: #888; |
| 1087 | + font-style: italic; |
| 1088 | +} |
| 1089 | + |
| 1090 | +.toggle { |
| 1091 | + margin-left: 2em; |
| 1092 | + text-indent: -2em; |
| 1093 | +} |
| 1094 | + |
| 1095 | +/* Classes for EXIF data display */ |
| 1096 | +table.mw_metadata { |
| 1097 | + font-size: 0.8em; |
| 1098 | + margin-left: 0.5em; |
| 1099 | + margin-bottom: 0.5em; |
| 1100 | + width: 300px; |
| 1101 | +} |
| 1102 | + |
| 1103 | +table.mw_metadata caption { |
| 1104 | + font-weight: bold; |
| 1105 | +} |
| 1106 | + |
| 1107 | +table.mw_metadata th { |
| 1108 | + font-weight: normal; |
| 1109 | +} |
| 1110 | + |
| 1111 | +table.mw_metadata td { |
| 1112 | + padding: 0.1em; |
| 1113 | +} |
| 1114 | + |
| 1115 | +table.mw_metadata { |
| 1116 | + border: none; |
| 1117 | + border-collapse: collapse; |
| 1118 | +} |
| 1119 | + |
| 1120 | +table.mw_metadata td, table.mw_metadata th { |
| 1121 | + text-align: center; |
| 1122 | + border: 1px solid #aaaaaa; |
| 1123 | + padding-left: 0.1em; |
| 1124 | + padding-right: 0.1em; |
| 1125 | +} |
| 1126 | + |
| 1127 | +table.mw_metadata th { |
| 1128 | + background-color: #f9f9f9; |
| 1129 | +} |
| 1130 | + |
| 1131 | +table.mw_metadata td { |
| 1132 | + background-color: #fcfcfc; |
| 1133 | +} |
| 1134 | + |
| 1135 | +table.collapsed tr.collapsable { |
| 1136 | + display: none; |
| 1137 | +} |
| 1138 | + |
| 1139 | + |
| 1140 | +/* filetoc */ |
| 1141 | +ul#filetoc { |
| 1142 | + text-align: center; |
| 1143 | + border: 1px solid #aaaaaa; |
| 1144 | + background-color: #f9f9f9; |
| 1145 | + padding: 5px; |
| 1146 | + font-size: 95%; |
| 1147 | + margin-bottom: 0.5em; |
| 1148 | + margin-left: 0; |
| 1149 | + margin-right: 0; |
| 1150 | +} |
| 1151 | + |
| 1152 | +#filetoc li { |
| 1153 | + display: inline; |
| 1154 | + list-style-type: none; |
| 1155 | + padding-right: 2em; |
| 1156 | +} |
| 1157 | + |
| 1158 | +input#wpSummary { |
| 1159 | + width: 80%; |
| 1160 | +} |
| 1161 | + |
| 1162 | +/* @bug 1714 */ |
| 1163 | +input#wpSave, input#wpDiff { |
| 1164 | + margin-right: 0.33em; |
| 1165 | +} |
| 1166 | + |
| 1167 | +#editform .editOptions { |
| 1168 | + display: inline; |
| 1169 | +} |
| 1170 | + |
| 1171 | +#wpSave { |
| 1172 | + font-weight: bold; |
| 1173 | +} |
| 1174 | + |
| 1175 | +/* Classes for article validation */ |
| 1176 | + |
| 1177 | +table.revisionform_default { |
| 1178 | + border: 1px solid #000000; |
| 1179 | +} |
| 1180 | + |
| 1181 | +table.revisionform_focus { |
| 1182 | + border: 1px solid #000000; |
| 1183 | + background-color:#00BBFF; |
| 1184 | +} |
| 1185 | + |
| 1186 | +tr.revision_tr_default { |
| 1187 | + background-color:#EEEEEE; |
| 1188 | +} |
| 1189 | + |
| 1190 | +tr.revision_tr_first { |
| 1191 | + background-color:#DDDDDD; |
| 1192 | +} |
| 1193 | + |
| 1194 | +p.revision_saved { |
| 1195 | + color: green; |
| 1196 | + font-weight:bold; |
| 1197 | +} |
| 1198 | + |
| 1199 | +#mw_trackbacks { |
| 1200 | + border: solid 1px #bbbbff; |
| 1201 | + background-color: #eeeeff; |
| 1202 | + padding: 0.2em; |
| 1203 | +} |
| 1204 | + |
| 1205 | + |
| 1206 | +/* Allmessages table */ |
| 1207 | + |
| 1208 | +#allmessagestable th { |
| 1209 | + background-color: #b2b2ff; |
| 1210 | +} |
| 1211 | + |
| 1212 | +#allmessagestable tr.orig { |
| 1213 | + background-color: #ffe2e2; |
| 1214 | +} |
| 1215 | + |
| 1216 | +#allmessagestable tr.new { |
| 1217 | + background-color: #e2ffe2; |
| 1218 | +} |
| 1219 | + |
| 1220 | +#allmessagestable tr.def { |
| 1221 | + background-color: #f0f0ff; |
| 1222 | +} |
| 1223 | + |
| 1224 | + |
| 1225 | +/* noarticletext */ |
| 1226 | +div.noarticletext { |
| 1227 | + border: 1px solid #ccc; |
| 1228 | + background: #fff; |
| 1229 | + padding: .2em 1em; |
| 1230 | + color: #000; |
| 1231 | +} |
| 1232 | + |
| 1233 | +div#searchTargetContainer { |
| 1234 | + left: 10px; |
| 1235 | + top: 10px; |
| 1236 | + width: 90%; |
| 1237 | + background: white; |
| 1238 | +} |
| 1239 | + |
| 1240 | +div#searchTarget { |
| 1241 | + padding: 3px; |
| 1242 | + margin: 5px; |
| 1243 | + background: #F0F0F0; |
| 1244 | + border: solid 1px blue; |
| 1245 | +} |
| 1246 | + |
| 1247 | +div#searchTarget ul li { |
| 1248 | + list-style: none; |
| 1249 | +} |
| 1250 | + |
| 1251 | +div#searchTarget ul li:before { |
| 1252 | + color: orange; |
| 1253 | + content: "\00BB \0020"; |
| 1254 | +} |
| 1255 | + |
| 1256 | +div.multipageimagenavbox { |
| 1257 | + border: solid 1px silver; |
| 1258 | + padding: 4px; |
| 1259 | + margin: 1em; |
| 1260 | + -moz-border-radius: 6px; |
| 1261 | + background: #f0f0f0; |
| 1262 | +} |
| 1263 | + |
| 1264 | +div.multipageimagenavbox div.thumb { |
| 1265 | + border: none; |
| 1266 | + margin-left: 2em; |
| 1267 | + margin-right: 2em; |
| 1268 | +} |
| 1269 | + |
| 1270 | +div.multipageimagenavbox hr { |
| 1271 | + margin: 6px; |
| 1272 | +} |
| 1273 | + |
| 1274 | +table.multipageimage td { |
| 1275 | + text-align: center; |
| 1276 | +} |
| 1277 | + |
| 1278 | +/** Special:Version */ |
| 1279 | + |
| 1280 | +table#sv-ext, table#sv-hooks { |
| 1281 | + margin: 1em; |
| 1282 | + padding:0em; |
| 1283 | +} |
| 1284 | + |
| 1285 | +#sv-ext td, #sv-hooks td, |
| 1286 | +#sv-ext th, #sv-hooks th { |
| 1287 | + border: 1px solid #A0A0A0; |
| 1288 | + padding: 0 0.15em 0 0.15em; |
| 1289 | +} |
| 1290 | +#sv-ext th, #sv-hooks th { |
| 1291 | + background-color: #F0F0F0; |
| 1292 | + color: black; |
| 1293 | + padding: 0 0.15em 0 0.15em; |
| 1294 | +} |
| 1295 | +tr.sv-space{ |
| 1296 | + height: 0.8em; |
| 1297 | + border:none; |
| 1298 | +} |
| 1299 | +tr.sv-space td { display: none; } |
| 1300 | + |
| 1301 | +/* |
| 1302 | + Table pager (e.g. Special:Imagelist) |
| 1303 | + - remove underlines from the navigation link |
| 1304 | + - collapse borders |
| 1305 | + - set the borders to outsets (similar to Special:Allmessages) |
| 1306 | + - remove line wrapping for all td and th, set background color |
| 1307 | + - restore line wrapping for the last two table cells (description and size) |
| 1308 | +*/ |
| 1309 | +.TablePager_nav a { text-decoration: none; } |
| 1310 | +.TablePager { border-collapse: collapse; } |
| 1311 | +.TablePager, .TablePager td, .TablePager th { |
| 1312 | + border: 0.15em solid #777777; |
| 1313 | + padding: 0 0.15em 0 0.15em; |
| 1314 | +} |
| 1315 | +.TablePager th { background-color: #eeeeff } |
| 1316 | +.TablePager td { background-color: #ffffff } |
| 1317 | +.TablePager tr:hover td { background-color: #eeeeff } |
| 1318 | + |
| 1319 | +.imagelist td, .imagelist th { white-space: nowrap } |
| 1320 | +.imagelist .TablePager_col_links { background-color: #eeeeff } |
| 1321 | +.imagelist .TablePager_col_img_description { white-space: normal } |
| 1322 | +.imagelist th.TablePager_sort { background-color: #ccccff } |
| 1323 | + |
| 1324 | +.templatesUsed { margin-top: 1.5em; } |
| 1325 | + |
| 1326 | +.mw-summary-preview { |
| 1327 | + margin: 0.1em 0; |
| 1328 | +} |
| 1329 | +#toolbar { clear: both; } |
| 1330 | + |
| 1331 | +.mw-plusminus-null { color: #aaa; } |
| 1332 | + |
| 1333 | +@media handheld { |
| 1334 | + .nonessential { |
| 1335 | + /* Kill big bulky stuff that will clog up the screen */ |
| 1336 | + display: none; |
| 1337 | + } |
| 1338 | +} |
\ No newline at end of file |
Property changes on: branches/REL1_9/phase3/skins/monobook/handheld.css |
___________________________________________________________________ |
Added: svn:eol-style |
1 | 1339 | + native |
Index: branches/REL1_9/phase3/skins/monobook/main.css |
— | — | @@ -9,7 +9,16 @@ |
10 | 10 | ** All you guys rock :) |
11 | 11 | */ |
12 | 12 | |
13 | | -@media screen, projection { |
| 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 { */ |
14 | 23 | #column-content { |
15 | 24 | width: 100%; |
16 | 25 | float: right; |
— | — | @@ -25,7 +34,7 @@ |
26 | 35 | #column-one { |
27 | 36 | padding-top: 160px; |
28 | 37 | } |
29 | | -} |
| 38 | +/* } */ |
30 | 39 | #content { |
31 | 40 | background: white; |
32 | 41 | color: black; |
— | — | @@ -97,12 +106,12 @@ |
98 | 107 | border: none; |
99 | 108 | vertical-align: middle; |
100 | 109 | } |
101 | | -@media screen, projection { |
| 110 | +/* @media screen, projection { */ |
102 | 111 | p { |
103 | 112 | margin: .4em 0 .5em 0; |
104 | 113 | line-height: 1.5em; |
105 | 114 | } |
106 | | -} |
| 115 | +/* } */ |
107 | 116 | p img { |
108 | 117 | margin: 0; |
109 | 118 | } |
— | — | @@ -236,14 +245,14 @@ |
237 | 246 | ** the main content area |
238 | 247 | */ |
239 | 248 | |
240 | | -@media screen, projection { |
| 249 | +/* @media screen, projection { */ |
241 | 250 | #siteSub { |
242 | 251 | display: none; |
243 | 252 | } |
244 | 253 | #jump-to-nav { |
245 | 254 | display: none; |
246 | 255 | } |
247 | | -} |
| 256 | +/* } */ |
248 | 257 | |
249 | 258 | #contentSub, #contentSub2 { |
250 | 259 | font-size: 84%; |
— | — | @@ -734,37 +743,34 @@ |
735 | 744 | ** Logo properties |
736 | 745 | */ |
737 | 746 | |
738 | | -@media handheld { |
739 | | - #p-logo { display: none } |
740 | | -} |
741 | | - |
742 | | -#p-logo { |
743 | | - top: 0; |
744 | | - left: 0; |
745 | | - position: absolute; /*needed to use z-index */ |
746 | | - z-index: 3; |
747 | | - height: 155px; |
748 | | - width: 12em; |
749 | | - overflow: visible; |
750 | | -} |
751 | | -#p-logo h5 { |
752 | | - display: none; |
753 | | -} |
754 | | -#p-logo a, |
755 | | -#p-logo a:hover { |
756 | | - display: block; |
757 | | - height: 155px; |
758 | | - width: 12.2em; |
759 | | - background-repeat: no-repeat; |
760 | | - background-position: 35% 50% !important; |
761 | | - text-decoration: none; |
762 | | -} |
763 | | - |
| 747 | +/* @media screen, projection { */ |
| 748 | + #p-logo { |
| 749 | + top: 0; |
| 750 | + left: 0; |
| 751 | + position: absolute; /*needed to use z-index */ |
| 752 | + z-index: 3; |
| 753 | + height: 155px; |
| 754 | + width: 12em; |
| 755 | + overflow: visible; |
| 756 | + } |
| 757 | + #p-logo h5 { |
| 758 | + display: none; |
| 759 | + } |
| 760 | + #p-logo a, |
| 761 | + #p-logo a:hover { |
| 762 | + display: block; |
| 763 | + height: 155px; |
| 764 | + width: 12.2em; |
| 765 | + background-repeat: no-repeat; |
| 766 | + background-position: 35% 50% !important; |
| 767 | + text-decoration: none; |
| 768 | + } |
| 769 | +/* } */ |
764 | 770 | /* |
765 | 771 | ** the navigation portlet |
766 | 772 | */ |
767 | 773 | |
768 | | -@media screen, projection { |
| 774 | +/* @media screen, projection { */ |
769 | 775 | #p-navigation { |
770 | 776 | position: relative; |
771 | 777 | z-index: 3; |
— | — | @@ -775,7 +781,7 @@ |
776 | 782 | #p-navigation li.active a, #p-navigation li.active a:hover { |
777 | 783 | display: inline; |
778 | 784 | } |
779 | | -} |
| 785 | +/* } */ |
780 | 786 | |
781 | 787 | #p-navigation .pBody { |
782 | 788 | padding-right: 0; |
— | — | @@ -790,12 +796,12 @@ |
791 | 797 | /* |
792 | 798 | ** Search portlet |
793 | 799 | */ |
794 | | -@media screen, projection { |
| 800 | +/* @media screen, projection { */ |
795 | 801 | #p-search { |
796 | 802 | position: relative; |
797 | 803 | z-index: 3; |
798 | 804 | } |
799 | | -} |
| 805 | +/* } */ |
800 | 806 | input.searchButton { |
801 | 807 | margin-top: 1px; |
802 | 808 | font-size: 95%; |
— | — | @@ -818,7 +824,7 @@ |
819 | 825 | /* |
820 | 826 | ** the personal toolbar |
821 | 827 | */ |
822 | | -@media screen, projection { |
| 828 | +/* @media screen, projection { */ |
823 | 829 | #p-personal { |
824 | 830 | position: absolute; |
825 | 831 | left: 0; |
— | — | @@ -893,7 +899,7 @@ |
894 | 900 | padding-left: 20px; |
895 | 901 | text-transform: none; |
896 | 902 | } |
897 | | -} |
| 903 | +/* } */ |
898 | 904 | #p-personal ul { |
899 | 905 | text-transform: lowercase; |
900 | 906 | } |
— | — | @@ -903,7 +909,7 @@ |
904 | 910 | /* |
905 | 911 | ** the page-related actions- page/talk, edit etc |
906 | 912 | */ |
907 | | -@media screen, projection { |
| 913 | +/* @media screen, projection { */ |
908 | 914 | #p-cactions { |
909 | 915 | position: absolute; |
910 | 916 | top: 1.3em; |
— | — | @@ -987,7 +993,7 @@ |
988 | 994 | border: 0; |
989 | 995 | padding: 0; |
990 | 996 | } |
991 | | -} |
| 997 | +/* } */ |
992 | 998 | #p-cactions .hiddenStructure { |
993 | 999 | display: none; |
994 | 1000 | } |
— | — | @@ -998,13 +1004,13 @@ |
999 | 1005 | /* |
1000 | 1006 | ** the remaining portlets |
1001 | 1007 | */ |
1002 | | -@media screen, projection { |
| 1008 | +/* @media screen, projection { */ |
1003 | 1009 | #p-tbx, |
1004 | 1010 | #p-lang { |
1005 | 1011 | position: relative; |
1006 | 1012 | z-index: 3; |
1007 | 1013 | } |
1008 | | -} |
| 1014 | +/* } */ |
1009 | 1015 | |
1010 | 1016 | /* TODO: #t-iscite is only used by the Cite extension, come up with some |
1011 | 1017 | * system which allows extensions to add to this file on the fly |
— | — | @@ -1055,7 +1061,7 @@ |
1056 | 1062 | background-color: #f0f0f0; |
1057 | 1063 | color: #000; |
1058 | 1064 | } |
1059 | | -@media screen, projection { |
| 1065 | +/* @media screen, projection { */ |
1060 | 1066 | #preftoc li { |
1061 | 1067 | margin: 1px -2px 1px 2px; |
1062 | 1068 | float: left; |
— | — | @@ -1069,7 +1075,7 @@ |
1070 | 1076 | list-style-image: none; |
1071 | 1077 | z-index: 3; |
1072 | 1078 | } |
1073 | | -} |
| 1079 | +/* } */ |
1074 | 1080 | #preftoc li.selected { |
1075 | 1081 | font-weight: bold; |
1076 | 1082 | background-color: #f9f9f9; |
— | — | @@ -1122,11 +1128,11 @@ |
1123 | 1129 | .prefsection table, .prefsection legend { |
1124 | 1130 | background-color: #F9F9F9; |
1125 | 1131 | } |
1126 | | -@media screen, projection { |
| 1132 | +/* @media screen, projection { */ |
1127 | 1133 | .mainLegend { |
1128 | 1134 | display: none; |
1129 | 1135 | } |
1130 | | -} |
| 1136 | +/* } */ |
1131 | 1137 | div.prefsectiontip { |
1132 | 1138 | font-size: 95%; |
1133 | 1139 | margin-top: 0; |
— | — | @@ -1196,13 +1202,13 @@ |
1197 | 1203 | font-weight: bold; |
1198 | 1204 | } |
1199 | 1205 | |
1200 | | -/* |
1201 | | -** IE/Mac fixes, hope to find a validating way to move this |
1202 | | -** to a separate stylesheet. This would work but doesn't validate: |
1203 | | -** @import("IEMacFixes.css"); |
1204 | | -*/ |
1205 | | -/* tabs: border on the a, not the div */ |
1206 | | -@media screen, projection { |
| 1206 | +/* @media screen, projection { */ |
| 1207 | + /* |
| 1208 | + ** IE/Mac fixes, hope to find a validating way to move this |
| 1209 | + ** to a separate stylesheet. This would work but doesn't validate: |
| 1210 | + ** @import("IEMacFixes.css"); |
| 1211 | + */ |
| 1212 | + /* tabs: border on the a, not the div */ |
1207 | 1213 | * > html #p-cactions li { border: none; } |
1208 | 1214 | * > html #p-cactions li a { |
1209 | 1215 | border: 1px solid #aaa; |
— | — | @@ -1218,7 +1224,7 @@ |
1219 | 1225 | width: 100%; |
1220 | 1226 | padding-bottom: 25px; |
1221 | 1227 | } |
1222 | | -} |
| 1228 | +/* } */ |
1223 | 1229 | |
1224 | 1230 | /* more IE fixes */ |
1225 | 1231 | /* float/negative margin brokenness */ |
— | — | @@ -1607,11 +1613,4 @@ |
1608 | 1614 | } |
1609 | 1615 | #toolbar { clear: both; } |
1610 | 1616 | |
1611 | | -.mw-plusminus-null { color: #aaa; } |
1612 | | - |
1613 | | -@media handheld { |
1614 | | - .nonessential { |
1615 | | - /* Kill big bulky stuff that will clog up the screen */ |
1616 | | - display: none; |
1617 | | - } |
1618 | | -} |
\ No newline at end of file |
| 1617 | +.mw-plusminus-null { color: #aaa; } |
\ No newline at end of file |
Index: branches/REL1_9/phase3/skins/MonoBook.php |
— | — | @@ -59,8 +59,9 @@ |
60 | 60 | <meta http-equiv="Content-Type" content="<?php $this->text('mimetype') ?>; charset=<?php $this->text('charset') ?>" /> |
61 | 61 | <?php $this->html('headlinks') ?> |
62 | 62 | <title><?php $this->text('pagetitle') ?></title> |
63 | | - <style type="text/css" media="screen,projection,handheld">/*<![CDATA[*/ @import "<?php $this->text('stylepath') ?>/<?php $this->text('stylename') ?>/main.css?<?php echo $GLOBALS['wgStyleVersion'] ?>"; /*]]>*/</style> |
| 63 | + <style type="text/css" media="screen,projection">/*<![CDATA[*/ @import "<?php $this->text('stylepath') ?>/<?php $this->text('stylename') ?>/main.css?<?php echo $GLOBALS['wgStyleVersion'] ?>"; /*]]>*/</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'] ?>" /> |
65 | 66 | <!--[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]--> |
66 | 67 | <!--[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]--> |
67 | 68 | <!--[if IE 6]><style type="text/css">@import "<?php $this->text('stylepath') ?>/<?php $this->text('stylename') ?>/IE60Fixes.css?<?php echo $GLOBALS['wgStyleVersion'] ?>";</style><![endif]--> |
Index: branches/REL1_9/phase3/includes/DefaultSettings.php |
— | — | @@ -1091,7 +1091,7 @@ |
1092 | 1092 | * to ensure that client-side caches don't keep obsolete copies of global |
1093 | 1093 | * styles. |
1094 | 1094 | */ |
1095 | | -$wgStyleVersion = '41'; |
| 1095 | +$wgStyleVersion = '42'; |
1096 | 1096 | |
1097 | 1097 | |
1098 | 1098 | # Server-side caching: |