skins/common/shared.css

   1 /**
   2  * CSS in this file is used by *all* skins (that have any CSS at all).  Be
   3  * careful what you put in here, since what looks good in one skin may not in
   4  * another, but don't ignore the poor non-Monobook users either.
   5  */
   6
   7 /* Colored watchlist and recent changes numbers */
   8 .mw-plusminus-pos { color: #006400; } /* dark green */
   9 .mw-plusminus-neg { color: #8b0000; } /* dark red */
  10 .mw-plusminus-null { color: #aaa; } /* gray */
  11
  12 /* Comment and username portions of RC entries */
  13 span.comment {
  14         font-style: italic;
  15 }
  16
  17 span.changedby {
  18         font-size: 95%;
  19 }
  20
  21 /* Math */
  22 .texvc {
  23         direction: ltr;
  24         unicode-bidi: embed;
  25 }
  26 img.tex { vertical-align: middle; }
  27 span.texhtml { font-family: serif; }
  28
  29 /* add a bit of margin space between the preview and the toolbar */
  30 /* this replaces the ugly <p><br /></p> we used to insert into the page source */
  31 #wikiPreview.ontop { margin-bottom: 1em; }
  32
  33 /* Stop floats from intruding into edit area in previews */
  34 #editform, #toolbar, #wpTextbox1 {
  35         clear: both;
  36 }
  37
  38 div#mw-js-message {
  39         margin: 1em 5%;
  40         padding: 0.5em 2.5%;
  41         border: solid 1px #ddd;
  42         background-color: #fcfcfc;
  43 }
  44
  45 /* Edit section links */
  46 .editsection {
  47         float: right;
  48         margin-left: 5px;
  49 }
  50
  51 /**
  52  * File histories
  53  */
  54 h2#filehistory {
  55         clear: both;
  56 }
  57
  58 table.filehistory th,
  59 table.filehistory td {
  60         vertical-align: top;
  61 }
  62 table.filehistory th {
  63         text-align: left;
  64 }
  65 table.filehistory td.mw-imagepage-filesize,
  66 table.filehistory th.mw-imagepage-filesize {
  67         white-space: nowrap;
  68 }
  69
  70 table.filehistory td.filehistory-selected {
  71         font-weight: bold;
  72 }
  73
  74 /*
  75  * rev_deleted stuff
  76  */
  77 li span.deleted, span.history-deleted {
  78         text-decoration: line-through;
  79         color: #888;
  80         font-style: italic;
  81 }
  82
  83 /**
  84  * Patrol stuff
  85  */
  86 .not-patrolled {
  87         background-color: #ffa;
  88 }
  89
  90 .unpatrolled {
  91         font-weight: bold;
  92         color: red;
  93 }
  94
  95 div.patrollink {
  96         font-size: 75%;
  97         text-align: right;
  98 }
  99
 100 /**
 101  * Forms
 102  */
 103 body.ltr td.mw-label { text-align: right; }
 104 body.ltr td.mw-input { text-align: left; }
 105 body.ltr td.mw-submit { text-align: left; }
 106 body.rtl td.mw-label { text-align: left; }
 107 body.rtl td.mw-input { text-align: right; }
 108 body.rtl td.mw-submit { text-align: right; }
 109
 110 td.mw-label { vertical-align: top; }
 111 .prefsection td.mw-label { width: 20%; }
 112 .prefsection table { width: 100%; }
 113 td.mw-submit { white-space: nowrap; }
 114
 115 table.mw-htmlform-nolabel td.mw-label {
 116         width: 0 !important;
 117 }
 118
 119 tr.mw-htmlform-vertical-label td.mw-label {
 120         text-align: left !important;
 121 }
 122
 123 input#wpSummary {
 124         width: 80%;
 125 }
 126
 127 /**
 128  * Image captions
 129  */
 130 body.rtl .thumbcaption { text-align: right; }
 131 body.rtl .magnify { float: left; }
 132
 133 body.ltr .thumbcaption { text-align: left; }
 134 body.ltr .magnify { float: right; }
 135
 136 /**
 137  * Hidden categories
 138  */
 139 .mw-hidden-cats-hidden { display: none; }
 140 .catlinks-allhidden { display: none; }
 141
 142 /* Convenience links to edit block, delete and protect reasons */
 143 p.mw-ipb-conveniencelinks, p.mw-protect-editreasons,
 144 p.mw-filedelete-editreasons, p.mw-delete-editreasons,
 145 p.mw-revdel-editreasons {
 146         font-size: 90%;
 147         float: right;
 148 }
 149
 150 /* Search results */
 151 .searchresults {
 152 }
 153
 154 .searchresults p {
 155         margin-left: 0.4em;
 156         margin-top: 1em;
 157         margin-bottom: 1.2em;
 158 }
 159
 160 div.searchresult {
 161         font-size: 95%;
 162         width: 38em;
 163 }
 164
 165 .mw-search-results {
 166         margin-left: 0.4em;
 167 }
 168
 169 .mw-search-results li {
 170         padding-bottom: 1em;
 171         list-style: none;
 172         list-style-image: none;
 173 }
 174 .mw-search-results li a {
 175         font-size: 108%;
 176 }
 177
 178 .mw-search-result-data {
 179         color: green;
 180         font-size: 97%;
 181 }
 182
 183 .mw-search-formheader {
 184         background-color: #f3f3f3;
 185         margin-top: 1em;
 186         border: 1px solid silver;
 187 }
 188 .mw-search-formheader div.search-types {
 189         float: left;
 190         padding-left: 0.25em;
 191 }
 192 .rtl .mw-search-formheader div.search-types {
 193         float: right;
 194 }
 195 .mw-search-formheader div.search-types ul {
 196         margin: 0 !important;
 197         padding: 0 !important;
 198         list-style: none !important;
 199 }
 200 .mw-search-formheader div.search-types ul li {
 201         float: left;
 202         margin: 0;
 203         padding: 0;
 204 }
 205 .mw-search-formheader div.search-types ul li a {
 206         display: block;
 207         padding: 0.5em;
 208 }
 209 .mw-search-formheader div.search-types ul li.current a {
 210         color: #333333;
 211         cursor: default;
 212 }
 213 .mw-search-formheader div.search-types ul li.current a:hover {
 214         text-decoration: none;
 215 }
 216 .mw-search-formheader div.results-info {
 217         float: right;
 218         padding: 0.5em;
 219         padding-right: 0.75em;
 220 }
 221 .mw-search-formheader div.results-info ul {
 222         margin: 0 !important;
 223         padding: 0 !important;
 224         list-style: none !important;
 225 }
 226 .mw-search-formheader div.results-info ul li {
 227         float: right;
 228         margin: 0;
 229         padding: 0;
 230 }
 231 fieldset#mw-searchoptions {
 232         margin: 0;
 233         padding-left: 0.75em !important;
 234         padding-right: 0.75em !important;
 235         padding-bottom: 0.5em !important;
 236         padding-top: 0.5em !important;
 237         border: none;
 238         background-color: #f9f9f9;
 239         border: 1px solid silver !important;
 240         border-top-width: 0 !important;
 241 }
 242 fieldset#mw-searchoptions legend {
 243         display: none;
 244 }
 245 fieldset#mw-searchoptions h4 {
 246         padding: 0;
 247         margin: 0;
 248         float: left;
 249 }
 250 .rtl fieldset#mw-searchoptions h4 {
 251         float: right;
 252 }
 253 fieldset#mw-searchoptions div#mw-search-togglebox {
 254         float: right;
 255 }
 256 .rtl fieldset#mw-searchoptions div#mw-search-togglebox {
 257         float: left;
 258 }
 259
 260 fieldset#mw-searchoptions div#mw-search-togglebox label {
 261         margin-right: 0.25em;
 262 }
 263 fieldset#mw-searchoptions div#mw-search-togglebox input {
 264         margin-left: 0.25em;
 265 }
 266 fieldset#mw-searchoptions table {
 267         float: left;
 268         margin-right: 3em;
 269 }
 270 fieldset#mw-searchoptions table td {
 271         padding-right: 1em;
 272 }
 273 .rtl fieldset#mw-searchoptions table td {
 274         padding-left: 1em;
 275         padding-right: 0;
 276 }
 277 body.rtl fieldset#mw-searchoptions table {
 278         margin-right: 0;
 279         margin-left: 3em;
 280         float: right;
 281 }
 282 fieldset#mw-searchoptions div.divider {
 283         clear: both;
 284         border-bottom: 1px solid #DDDDDD;
 285         padding-top: 0.5em;
 286         margin-bottom: 0.5em;
 287 }
 288
 289 td#mw-search-menu {
 290         padding-left:6em;
 291         font-size:85%;
 292 }
 293
 294 div#mw-search-interwiki {
 295         float: right;
 296         width: 18em;
 297         border-style: solid;
 298         border-color: #AAAAAA;
 299         border-width: 1px;
 300         margin-top: 2ex;
 301 }
 302
 303 .rtl div#mw-search-interwiki {
 304         float: left;
 305 }
 306
 307 div#mw-search-interwiki li {
 308         font-size: 95%;
 309 }
 310
 311 .mw-search-interwiki-more {
 312         float: right;
 313         font-size: 90%;
 314 }
 315
 316 .rtl .mw-search-interwiki-more {
 317         float: left;
 318 }
 319
 320 div#mw-search-interwiki-caption {
 321         text-align: center;
 322         font-weight: bold;
 323         font-size: 95%;
 324 }
 325
 326 .mw-search-interwiki-project {
 327         font-size: 97%;
 328         text-align: left;
 329         padding-left: 0.2em;
 330         padding-right: 0.15em;
 331         padding-bottom: 0.2em;
 332         padding-top: 0.15em;
 333         background-color: #ececec;
 334         border-top: 1px solid #BBBBBB;
 335 }
 336
 337 .rtl .mw-search-interwiki-project {
 338         text-align: right;
 339 }
 340
 341 span.searchalttitle {
 342         font-size: 95%;
 343 }
 344
 345 div.searchdidyoumean {
 346         font-size: 127%;
 347         margin-top: 0.8em;
 348         /* Note that this color won't affect the link, as desired. */
 349         color: #c00;
 350 }
 351
 352 div.searchdidyoumean em {
 353         font-weight: bold;
 354 }
 355
 356 .searchmatch {
 357         font-weight: bold;
 358 }
 359
 360 table#mw-search-top-table {
 361         background-color: transparent;
 362 }
 363
 364
 365 /*
 366  * Advanced PowerSearch box
 367  */
 368 td#mw-search-togglebox {
 369         text-align: right;
 370 }
 371
 372 table#mw-search-powertable {
 373         width: 100%;
 374 }
 375
 376 form#powersearch {
 377         clear: both;
 378 }
 379
 380 /*
 381  * UserRights stuff
 382  */
 383 .mw-userrights-disabled {
 384         color: #888;
 385 }
 386
 387 table.mw-userrights-groups * td,table.mw-userrights-groups * th {
 388         padding-right: 1.5em;
 389 }
 390
 391 /*
 392  * OpenSearch ajax suggestions
 393  */
 394 .os-suggest {
 395         overflow: auto;
 396         overflow-x: hidden;
 397         position: absolute;
 398         top: 0px;
 399         left: 0px;
 400         width: 0px;
 401         background-color: white;
 402         background-color: Window;
 403         border-style: solid;
 404         border-color: #AAAAAA;
 405         border-width: 1px;
 406         z-index:99;
 407         font-size:95%;
 408 }
 409
 410 table.os-suggest-results {
 411         font-size: 95%;
 412         cursor: pointer;
 413         border: 0;
 414         border-collapse: collapse;
 415         width: 100%;
 416 }
 417
 418 .os-suggest-result, .os-suggest-result-hl {
 419         white-space: nowrap;
 420         background-color: white;
 421         background-color: Window;
 422         color: black;
 423         color: WindowText;
 424         padding: 2px;
 425 }
 426 .os-suggest-result-hl,
 427 .os-suggest-result-hl-webkit {
 428         background-color: #4C59A6;
 429         color: white;
 430 }
 431 .os-suggest-result-hl {
 432         /* System colors are misimplemented in Safari 3.0 and earlier,
 433            making highlighted text illegible... */
 434         background-color: Highlight;
 435         color: HighlightText;
 436 }
 437
 438 .os-suggest-toggle {
 439         position: relative;
 440         left: 1ex;
 441         font-size: 65%;
 442 }
 443 .os-suggest-toggle-def {
 444         position: absolute;
 445         top: 0px;
 446         left: 0px;
 447         font-size: 65%;
 448         visibility: hidden;
 449 }
 450
 451 /* Page history styling */
 452 /* the auto-generated edit comments */
 453 .autocomment { color: gray; }
 454 #pagehistory .history-user {
 455         margin-left: 0.4em;
 456         margin-right: 0.2em;
 457 }
 458 #pagehistory span.minor {
 459         font-weight: bold;
 460 }
 461 #pagehistory li {
 462         border: 1px solid white;
 463 }
 464 #pagehistory li.selected {
 465         background-color: #f9f9f9;
 466         border: 1px dashed #aaa;
 467 }
 468
 469 /** Generic minor/bot/newpage styling */
 470 .newpage, .minor, .bot {
 471         font-weight: bold;
 472 }
 473
 474 /* Special:Contributions styling */
 475 .mw-uctop {
 476         font-weight: bold;
 477 }
 478
 479 /* Special:ListGroupRights styling */
 480 table.mw-listgrouprights-table tr {
 481         vertical-align: top;
 482 }
 483 .listgrouprights-revoked {
 484         text-decoration: line-through;
 485 }
 486
 487 /* Special:Statistics styling */
 488 td.mw-statistics-numbers {
 489         text-align: right;
 490 }
 491
 492 /* Special:SpecialPages styling */
 493 h4.mw-specialpagesgroup {
 494         background-color: #dcdcdc;
 495         padding: 2px;
 496         margin: .3em 0em 0em 0em;
 497 }
 498 .mw-specialpagerestricted {
 499         font-weight: bold;
 500 }
 501
 502 #shared-image-dup, #shared-image-conflict {
 503         font-style: italic;
 504 }
 505
 506 /* Special:EmailUser styling */
 507 table.mw-emailuser-table {
 508         width: 98%;
 509 }
 510 td#mw-emailuser-sender, td#mw-emailuser-recipient {
 511         font-weight: bold;
 512 }
 513
 514 /* Special:Allpages styling */
 515 table.allpageslist {
 516         background-color: transparent;
 517 }
 518 table.mw-allpages-table-form, table.mw-allpages-table-chunk {
 519         background-color: transparent;
 520         width: 100%;
 521 }
 522 td.mw-allpages-alphaindexline {
 523         text-align: right;
 524 }
 525 td.mw-allpages-nav, p.mw-allpages-nav {
 526         text-align: right;
 527         font-size: smaller;
 528         margin-bottom: 1em;
 529 }
 530 table.mw-allpages-table-form tr {
 531         vertical-align: top;
 532 }
 533
 534 /* Special:Prefixindex styling */
 535 table#mw-prefixindex-list-table,
 536 table#mw-prefixindex-nav-table {
 537         width: 98%;
 538         background-color: transparent;
 539 }
 540 td#mw-prefixindex-nav-form {
 541         font-size: smaller;
 542         margin-bottom: 1em;
 543         text-align: right;
 544         vertical-align: top;
 545 }
 546
 547 /*
 548  * Recreating deleted page warning
 549  * Reupload file warning
 550  * Page protection warning
 551  * incl. log entries for these warnings
 552  */
 553 div.mw-warning-with-logexcerpt {
 554         padding: 3px;
 555         margin-bottom: 3px;
 556         border: 2px solid #2F6FAB;
 557         clear: both;
 558 }
 559 div.mw-warning-with-logexcerpt ul li {
 560         font-size: 90%;
 561 }
 562
 563 /* (show/hide) revision deletion links */
 564 span.mw-revdelundel-link,
 565 strong.mw-revdelundel-link {
 566         font-size: 90%;
 567 }
 568 span.mw-revdelundel-hidden,
 569 input.mw-revdelundel-hidden {
 570         visibility: hidden;
 571 }
 572
 573 td.mw-revdel-checkbox, th.mw-revdel-checkbox {
 574         padding-right: 10px;
 575         text-align: center;
 576 }
 577
 578 /* feed links */
 579 a.feedlink {
 580         background: url("images/feed-icon.png") center left no-repeat;
 581         padding-left: 16px;
 582 }
 583
 584 /* Plainlinks - this can be used to switch
 585  * off special external link styling */
 586 .plainlinks a {
 587         background: none !important;
 588         padding: 0 !important;
 589 }
 590
 591 /* wikitable class for skinning normal tables
 592  * keep on sync with commonPrint.css
 593  */
 594 table.wikitable {
 595         margin: 1em 1em 1em 0;
 596         background: #f9f9f9;
 597         border: 1px #aaa solid;
 598         border-collapse: collapse;
 599 }
 600 .wikitable th, .wikitable td {
 601         border: 1px #aaa solid;
 602         padding: 0.2em;
 603 }
 604 .wikitable th {
 605         background: #f2f2f2;
 606         text-align: center;
 607 }
 608 .wikitable caption {
 609         font-weight: bold;
 610 }
 611
 612 /* hide initially collapsed collapsable tables */
 613 table.collapsed tr.collapsable {
 614         display: none;
 615 }
 616
 617 /* success and error messages */
 618 .success {
 619         color: green;
 620         font-size: larger;
 621 }
 622 .error {
 623         color: red;
 624         font-size: larger;
 625 }
 626 .errorbox, .successbox {
 627         font-size: larger;
 628         border: 2px solid;
 629         padding: .5em 1em;
 630         float: left;
 631         margin-bottom: 2em;
 632         color: #000;
 633 }
 634 .errorbox {
 635         border-color: red;
 636         background-color: #fff2f2;
 637 }
 638 .successbox {
 639         border-color: green;
 640         background-color: #dfd;
 641 }
 642 .errorbox h2, .successbox h2 {
 643         font-size: 1em;
 644         font-weight: bold;
 645         display: inline;
 646         margin: 0 .5em 0 0;
 647         border: none;
 648 }
 649
 650 /* Note on preview page */
 651 .previewnote {
 652         color: #c00;
 653         margin-bottom: 1em;
 654 }
 655
 656 .previewnote p {
 657         text-indent: 3em;
 658         margin: 0.8em 0;
 659 }
 660
 661 .visualClear {
 662         clear: both;
 663 }
 664
 665 #mw_trackbacks {
 666         border: solid 1px #bbbbff;
 667         background-color: #eeeeff;
 668         padding: 0.2em;
 669 }
 670
 671 /*
 672         Table pager (e.g. Special:ListFiles)
 673         - remove underlines from the navigation link
 674         - collapse borders
 675         - set the borders to outsets (similar to Special:AllMessages)
 676         - remove line wrapping for all td and th, set background color
 677         - restore line wrapping for the last two table cells (description and size)
 678 */
 679 .TablePager {
 680         min-width: 80%;
 681         border-collapse: collapse;
 682 }
 683 .TablePager_nav a {
 684         text-decoration: none;
 685 }
 686 .TablePager, .TablePager td, .TablePager th {
 687         border: 1px solid #aaaaaa;
 688         padding: 0 0.15em 0 0.15em;
 689 }
 690 .TablePager th {
 691         background-color: #eeeeff;
 692 }
 693 .TablePager td {
 694         background-color: #ffffff;
 695 }
 696 .TablePager tr:hover td {
 697         background-color: #eeeeff;
 698 }
 699
 700 .imagelist td, .imagelist th {
 701         white-space: nowrap;
 702 }
 703 .imagelist .TablePager_col_links {
 704         background-color: #eeeeff;
 705 }
 706 .imagelist .TablePager_col_img_description {
 707         white-space: normal;
 708 }
 709 .imagelist th.TablePager_sort {
 710         background-color: #ccccff;
 711 }
 712
 713  /* Allmessages table */
 714 #mw-allmessagestable .allmessages-customised td.am_default {
 715         background-color: #fcffc4;
 716 }
 717
 718 #mw-allmessagestable tr.allmessages-customised:hover td.am_default {
 719         background-color: #faff90;
 720 }
 721
 722 #mw-allmessagestable td.am_actual {
 723         background-color: #e2ffe2;
 724 }
 725
 726 #mw-allmessagestable tr.allmessages-customised:hover + tr.allmessages-customised td.am_actual {
 727         background-color: #b1ffb1;
 728 }
 729
 730 /* filetoc */
 731 ul#filetoc {
 732         text-align: center;
 733         border: 1px solid #aaaaaa;
 734         background-color: #f9f9f9;
 735         padding: 5px;
 736         font-size: 95%;
 737         margin-bottom: 0.5em;
 738         margin-left: 0;
 739         margin-right: 0;
 740 }
 741
 742 #filetoc li {
 743         display: inline;
 744         list-style-type: none;
 745         padding-right: 2em;
 746 }
 747
 748 /* Classes for EXIF data display */
 749 table.mw_metadata {
 750         font-size: 0.8em;
 751         margin-left: 0.5em;
 752         margin-bottom: 0.5em;
 753         width: 300px;
 754 }
 755
 756 table.mw_metadata caption {
 757         font-weight: bold;
 758 }
 759
 760 table.mw_metadata th {
 761         font-weight: normal;
 762 }
 763
 764 table.mw_metadata td {
 765         padding: 0.1em;
 766 }
 767
 768 table.mw_metadata {
 769         border: none;
 770         border-collapse: collapse;
 771 }
 772
 773 table.mw_metadata td, table.mw_metadata th {
 774         text-align: center;
 775         border: 1px solid #aaaaaa;
 776         padding-left: 0.1em;
 777         padding-right: 0.1em;
 778 }
 779
 780 table.mw_metadata th {
 781         background-color: #f9f9f9;
 782 }
 783
 784 table.mw_metadata td {
 785         background-color: #fcfcfc;
 786 }
 787
 788 /* Galleries */
 789 /* These display attributes look nonsensical, but are needed to support IE and FF2 */
 790 li.gallerybox {
 791         vertical-align: top;
 792         background-color: #f9f9f9;
 793         border: solid 2px white;
 794         display: -moz-inline-box;
 795 }
 796
 797 ul.gallery, li.gallerybox {
 798         display: inline-block;
 799         zoom: 1;
 800         *display: inline;
 801 }
 802
 803 ul.gallery {
 804         margin: 2px;
 805         padding: 2px;
 806         background-color: white;
 807         display: block;
 808 }
 809
 810 li.gallerycaption {
 811         font-weight: bold;
 812         text-align: center;
 813         display: block;
 814         word-wrap: break-word;
 815 }
 816
 817 li.gallerybox div.thumb {
 818         text-align: center;
 819         border: 1px solid #ccc;
 820         margin: 2px;
 821 }
 822
 823 div.gallerytext {
 824         overflow: hidden;
 825         font-size: 94%;
 826         padding: 2px 4px;
 827         word-wrap: break-word;
 828 }
 829
 830 table.mw-enhanced-rc {
 831         background: none;
 832         border:0;
 833         border-spacing:0;
 834 }
 835 td.mw-enhanced-rc {
 836         white-space:nowrap;
 837         padding:0;
 838         vertical-align:top;
 839         font-family:monospace
 840 }
 841
 842 #mw-addcategory-prompt {
 843         display: inline;
 844         margin-left: 1em;
 845 }
 846
 847 #mw-addcategory-prompt input {
 848         margin-left: 0.5em;
 849         margin-right: 0.5em;
 850 }
 851
 852 .mw-remove-category {
 853         padding: 8px;
 854         background-image: url(images/remove.png);
 855         background-position: center center;
 856         background-repeat: no-repeat;
 857 }
 858
 859 .mw-ajax-addcategory {
 860         padding-left: 20px;
 861         background-image: url(images/add.png);
 862         background-position: left center;
 863         background-repeat: no-repeat;
 864 }
 865
 866 .mw-ajax-loader {
 867         background-image: url(images/ajax-loader.gif);
 868         background-position: center center;
 869         background-repeat: no-repeat;
 870         padding: 16px;
 871         position: relative;
 872         top: -16px;
 873 }
 874
 875 .mw-small-spinner {
 876         padding: 10px !important;
 877         margin-right: 0.6em;
 878         background-image: url(images/spinner.gif);
 879         background-position: center center;
 880         background-repeat: no-repeat;
 881 }
 882
 883 /* Sort arrows added by SortableTables */
 884 a.sortheader {
 885         margin: 0 0.3em;
 886 }
 887 .tipsy { padding: 5px 5px 10px; font-size: 12px; position: absolute; z-index: 100000; overflow: visible; }
 888 .tipsy-inner { padding: 5px 8px 4px 8px; background-color: #d6f3ff; color: black; border: 1px solid #5dc9f4; max-width: 300px; text-align: left; }
 889 .tipsy-arrow { position: absolute; background: url( 'images/tipsy-arrow.gif' ) no-repeat top left; width: 13px; height: 13px; }
 890 .tipsy-se .tipsy-arrow { bottom: -2px; right: 10px; background-position: 0% 100%; }