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