| Index: trunk/phase3/skins/vector/screen.css |
| — | — | @@ -350,6 +350,9 @@ |
| 351 | 351 | margin-top: 0.4em; |
| 352 | 352 | } |
| 353 | 353 | div#simpleSearch { |
| | 354 | + display: block; |
| | 355 | + width: 14em; |
| | 356 | + height: 1.4em; |
| 354 | 357 | margin-top: 0.65em; |
| 355 | 358 | position: relative; |
| 356 | 359 | min-height: 1px; /* Gotta trigger hasLayout for IE7 */ |
| — | — | @@ -368,9 +371,11 @@ |
| 369 | 372 | */ |
| 370 | 373 | font-size: 13px; |
| 371 | 374 | top: 0.25em; |
| | 375 | + direction: ltr; |
| 372 | 376 | } |
| 373 | 377 | div#simpleSearch input { |
| 374 | 378 | color: black; |
| | 379 | + direction: ltr; |
| 375 | 380 | } |
| 376 | 381 | div#simpleSearch input:focus { |
| 377 | 382 | outline: none; |
| — | — | @@ -382,39 +387,49 @@ |
| 383 | 388 | color: #999999; |
| 384 | 389 | } |
| 385 | 390 | div#simpleSearch input#searchInput { |
| | 391 | + position: absolute; |
| | 392 | + top: 0; |
| | 393 | + left: 0; |
| | 394 | + width: 90%; |
| 386 | 395 | margin: 0; |
| 387 | | - border-width: 0; |
| 388 | | - padding: 3px; |
| 389 | | - vertical-align: top; |
| | 396 | + padding: 0; |
| | 397 | + padding-left: 0.2em; |
| | 398 | + padding-top: 0.2em; |
| | 399 | + padding-bottom: 0.2em; |
| | 400 | + outline: none; |
| | 401 | + border: none; |
| 390 | 402 | /* |
| 391 | 403 | * DON'T PANIC! Browsers that won't scale this properly are the same browsers that have JS issues that prevent |
| 392 | 404 | * this from ever being shown anyways. |
| 393 | 405 | */ |
| 394 | 406 | font-size: 13px; |
| 395 | | - width: 14em; |
| 396 | 407 | background-color: transparent; |
| 397 | 408 | direction: ltr; |
| 398 | 409 | } |
| 399 | 410 | div#simpleSearch button#searchButton { |
| | 411 | + position: absolute; |
| | 412 | + width: 10%; |
| | 413 | + right: 0; |
| | 414 | + top: 0; |
| 400 | 415 | padding: 0; |
| 401 | | - margin: 0 5px; |
| | 416 | + padding-top: 0.2em; |
| | 417 | + padding-bottom: 0.2em; |
| | 418 | + padding-right: 0.4em; |
| | 419 | + margin: 0; |
| 402 | 420 | border: none; |
| 403 | 421 | cursor: pointer; |
| 404 | 422 | background-color: transparent; |
| 405 | | - font-size: x-small; |
| 406 | 423 | } |
| 407 | 424 | /* OVERRIDDEN BY COMPLIANT BROWSERS */ |
| 408 | 425 | div#simpleSearch button#searchButton img { |
| 409 | 426 | border: none; |
| 410 | 427 | margin: 0; |
| | 428 | + margin-top: -3px; |
| 411 | 429 | padding: 0; |
| 412 | | - padding-top: 0.5em; |
| 413 | | - vertical-align: middle; |
| 414 | 430 | } |
| 415 | 431 | /* IGNORED BY IE6 */ |
| 416 | 432 | div#simpleSearch button#searchButton > img { |
| 417 | | - padding-top: 0; |
| 418 | | - margin-top: -1px; |
| | 433 | + margin: 0; |
| 419 | 434 | } |
| 420 | 435 | /* Panel */ |
| 421 | 436 | div#mw-panel { |