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