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]], [[Special:PrefixIndex]],
  13    [[Special:Watchlist/edit]] and in category listings */
  14 .allpagesredirect, .redirect-in-category, .watchlistredir { 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
 329 /*
 330  * Advanced PowerSearch box
 331  */
 332 td#mw-search-togglebox {
 333         text-align: right;
 334 }
 335
 336 table#mw-search-powertable {
 337         width: 100%;
 338 }
 339
 340 form#powersearch {
 341         clear: both;
 342 }
 343
 344 /*
 345  * UserRights stuff
 346  */
 347 .mw-userrights-disabled {
 348         color: #888;
 349 }
 350
 351 table.mw-userrights-groups * td,table.mw-userrights-groups * th {
 352         padding-right: 1.5em;
 353 }
 354
 355 /*
 356  * OpenSearch ajax suggestions
 357  */
 358 .os-suggest {
 359         overflow: auto;
 360         overflow-x: hidden;
 361         position: absolute;
 362         top: 0px;
 363         left: 0px;
 364         width: 0px;
 365         background-color: white;
 366         background-color: Window;
 367         border-style: solid;
 368         border-color: #AAAAAA;
 369         border-width: 1px;
 370         z-index:99;
 371         font-size:95%;
 372 }
 373
 374 table.os-suggest-results {
 375         font-size: 95%;
 376         cursor: pointer;
 377         border: 0;
 378         border-collapse: collapse;
 379         width: 100%;
 380 }
 381
 382 .os-suggest-result, .os-suggest-result-hl {
 383         white-space: nowrap;
 384         background-color: white;
 385         background-color: Window;
 386         color: black;
 387         color: WindowText;
 388         padding: 2px;
 389 }
 390 .os-suggest-result-hl,
 391 .os-suggest-result-hl-webkit {
 392         background-color: #4C59A6;
 393         color: white;
 394 }
 395 .os-suggest-result-hl {
 396         /* System colors are misimplemented in Safari 3.0 and earlier,
 397            making highlighted text illegible... */
 398         background-color: Highlight;
 399         color: HighlightText;
 400 }
 401
 402 .os-suggest-toggle {
 403         position: relative;
 404         left: 1ex;
 405         font-size: 65%;
 406 }
 407 .os-suggest-toggle-def {
 408         position: absolute;
 409         top: 0px;
 410         left: 0px;
 411         font-size: 65%;
 412         visibility: hidden;
 413 }
 414
 415 /* Page history styling */
 416 /* the auto-generated edit comments */
 417 .autocomment { color: gray; }
 418 #pagehistory .history-user {
 419         margin-left: 0.4em;
 420         margin-right: 0.2em;
 421 }
 422 #pagehistory span.minor {
 423         font-weight: bold;
 424 }
 425 #pagehistory li {
 426         border: 1px solid white;
 427 }
 428 #pagehistory li.selected {
 429         background-color: #f9f9f9;
 430         border: 1px dashed #aaa;
 431 }
 432
 433 /** Generic minor/bot/newpage styling */
 434 .newpage, .minor, .bot {
 435         font-weight: bold;
 436 }
 437
 438 /* Special:Contributions styling */
 439 .mw-uctop {
 440         font-weight: bold;
 441 }
 442
 443 /* Special:ListGroupRights styling */
 444 table.mw-listgrouprights-table tr {
 445         vertical-align: top;
 446 }
 447 .listgrouprights-revoked {
 448         text-decoration: line-through;
 449 }
 450
 451 /* Special:Statistics styling */
 452 td.mw-statistics-numbers {
 453         text-align: right;
 454 }
 455
 456 /* Special:SpecialPages styling */
 457 h4.mw-specialpagesgroup {
 458         background-color: #dcdcdc;
 459         padding: 2px;
 460         margin: .3em 0em 0em 0em;
 461 }
 462 .mw-specialpagerestricted {
 463         font-weight: bold;
 464 }
 465
 466 #shared-image-dup, #shared-image-conflict {
 467         font-style: italic;
 468 }
 469
 470 /* Special:EmailUser styling */
 471 table.mw-emailuser-table {
 472         width: 98%;
 473 }
 474 td#mw-emailuser-sender, td#mw-emailuser-recipient {
 475         font-weight: bold;
 476 }
 477
 478 /* Special:Allpages styling */
 479 table.mw-allpages-table-form, table.mw-allpages-table-chunk {
 480         width: 100%;
 481 }
 482 td.mw-allpages-alphaindexline {
 483         text-align: right;
 484 }
 485 td.mw-allpages-nav, p.mw-allpages-nav {
 486         text-align: right;
 487         font-size: smaller;
 488         margin-bottom: 1em;
 489 }
 490 table.mw-allpages-table-form tr {
 491         vertical-align: top;
 492 }
 493
 494 /* Special:Prefixindex styling */
 495 table#mw-prefixindex-list-table,
 496 table#mw-prefixindex-nav-table {
 497         width: 98%;
 498 }
 499 td#mw-prefixindex-nav-form {
 500         font-size: smaller;
 501         margin-bottom: 1em;
 502         text-align: right;
 503         vertical-align: top;
 504 }
 505
 506 /*
 507  * Recreating deleted page warning
 508  * Reupload file warning
 509  * Page protection warning
 510  * incl. log entries for these warnings
 511  */
 512 div.mw-warning-with-logexcerpt {
 513         padding: 3px;
 514         margin-bottom: 3px;
 515         border: 2px solid #2F6FAB;
 516         clear: both;
 517 }
 518 div.mw-warning-with-logexcerpt ul li {
 519         font-size: 90%;
 520 }
 521
 522 /* (show/hide) revision deletion links */
 523 span.mw-revdelundel-link,
 524 strong.mw-revdelundel-link {
 525         font-size: 90%;
 526 }
 527 span.mw-revdelundel-hidden,
 528 input.mw-revdelundel-hidden {
 529         visibility: hidden;
 530 }
 531
 532 td.mw-revdel-checkbox, th.mw-revdel-checkbox {
 533         padding-right: 10px;
 534         text-align: center;
 535 }
 536
 537 /* feed links */
 538 a.feedlink {
 539         /* @embed */
 540         background: url("images/feed-icon.png") center left no-repeat;
 541         padding-left: 16px;
 542 }
 543
 544 /* Plainlinks - this can be used to switch
 545  * off special external link styling */
 546 .plainlinks a {
 547         background: none !important;
 548         padding: 0 !important;
 549 }
 550
 551 /* wikitable class for skinning normal tables
 552  * keep on sync with commonPrint.css
 553  */
 554 table.wikitable {
 555         margin: 1em 1em 1em 0;
 556         background: #f9f9f9;
 557         border: 1px #aaa solid;
 558         border-collapse: collapse;
 559 }
 560 .wikitable th, .wikitable td {
 561         border: 1px #aaa solid;
 562         padding: 0.2em;
 563 }
 564 .wikitable th {
 565         background: #f2f2f2;
 566         text-align: center;
 567 }
 568 .wikitable caption {
 569         font-weight: bold;
 570 }
 571
 572 /* hide initially collapsed collapsable tables */
 573 table.collapsed tr.collapsable {
 574         display: none;
 575 }
 576
 577 /* success and error messages */
 578 .success {
 579         color: green;
 580         font-size: larger;
 581 }
 582 .error {
 583         color: red;
 584         font-size: larger;
 585 }
 586 .errorbox, .successbox {
 587         font-size: larger;
 588         border: 2px solid;
 589         padding: .5em 1em;
 590         float: left;
 591         margin-bottom: 2em;
 592         color: #000;
 593 }
 594 .errorbox {
 595         border-color: red;
 596         background-color: #fff2f2;
 597 }
 598 .successbox {
 599         border-color: green;
 600         background-color: #dfd;
 601 }
 602 .errorbox h2, .successbox h2 {
 603         font-size: 1em;
 604         font-weight: bold;
 605         display: inline;
 606         margin: 0 .5em 0 0;
 607         border: none;
 608 }
 609
 610 /* Note on preview page */
 611 .previewnote {
 612         color: #c00;
 613         margin-bottom: 1em;
 614 }
 615
 616 .previewnote p {
 617         text-indent: 3em;
 618         margin: 0.8em 0;
 619 }
 620
 621 .visualClear {
 622         clear: both;
 623 }
 624
 625 #mw_trackbacks {
 626         border: solid 1px #bbbbff;
 627         background-color: #eeeeff;
 628         padding: 0.2em;
 629 }
 630
 631 /*
 632         Table pager (e.g. Special:ListFiles)
 633         - remove underlines from the navigation link
 634         - collapse borders
 635         - set the borders to outsets (similar to Special:AllMessages)
 636         - remove line wrapping for all td and th, set background color
 637         - restore line wrapping for the last two table cells (description and size)
 638 */
 639 .TablePager {
 640         min-width: 80%;
 641         border-collapse: collapse;
 642 }
 643 .TablePager_nav a {
 644         text-decoration: none;
 645 }
 646 .TablePager, .TablePager td, .TablePager th {
 647         border: 1px solid #aaaaaa;
 648         padding: 0 0.15em 0 0.15em;
 649 }
 650 .TablePager th {
 651         background-color: #eeeeff;
 652 }
 653 .TablePager td {
 654         background-color: #ffffff;
 655 }
 656 .TablePager tr:hover td {
 657         background-color: #eeeeff;
 658 }
 659
 660 .imagelist td, .imagelist th {
 661         white-space: nowrap;
 662 }
 663 .imagelist .TablePager_col_links {
 664         background-color: #eeeeff;
 665 }
 666 .imagelist .TablePager_col_img_description {
 667         white-space: normal;
 668 }
 669 .imagelist th.TablePager_sort {
 670         background-color: #ccccff;
 671 }
 672
 673 /* Allmessages table */
 674 #mw-allmessagestable .allmessages-customised td.am_default {
 675         background-color: #fcffc4;
 676 }
 677
 678 #mw-allmessagestable tr.allmessages-customised:hover td.am_default {
 679         background-color: #faff90;
 680 }
 681
 682 #mw-allmessagestable td.am_actual {
 683         background-color: #e2ffe2;
 684 }
 685
 686 #mw-allmessagestable tr.allmessages-customised:hover + tr.allmessages-customised td.am_actual {
 687         background-color: #b1ffb1;
 688 }
 689
 690 /* filetoc */
 691 ul#filetoc {
 692         text-align: center;
 693         border: 1px solid #aaaaaa;
 694         background-color: #f9f9f9;
 695         padding: 5px;
 696         font-size: 95%;
 697         margin-bottom: 0.5em;
 698         margin-left: 0;
 699         margin-right: 0;
 700 }
 701
 702 #filetoc li {
 703         display: inline;
 704         list-style-type: none;
 705         padding-right: 2em;
 706 }
 707
 708 /* Classes for EXIF data display */
 709 table.mw_metadata {
 710         font-size: 0.8em;
 711         margin-left: 0.5em;
 712         margin-bottom: 0.5em;
 713         width: 300px;
 714 }
 715
 716 table.mw_metadata caption {
 717         font-weight: bold;
 718 }
 719
 720 table.mw_metadata th {
 721         font-weight: normal;
 722 }
 723
 724 table.mw_metadata td {
 725         padding: 0.1em;
 726 }
 727
 728 table.mw_metadata {
 729         border: none;
 730         border-collapse: collapse;
 731 }
 732
 733 table.mw_metadata td, table.mw_metadata th {
 734         text-align: center;
 735         border: 1px solid #aaaaaa;
 736         padding-left: 0.1em;
 737         padding-right: 0.1em;
 738 }
 739
 740 table.mw_metadata th {
 741         background-color: #f9f9f9;
 742 }
 743
 744 table.mw_metadata td {
 745         background-color: #fcfcfc;
 746 }
 747
 748 /* Galleries */
 749 /* These display attributes look nonsensical, but are needed to support IE and FF2 */
 750 li.gallerybox {
 751         vertical-align: top;
 752         background-color: #f9f9f9;
 753         border: solid 2px white;
 754         display: -moz-inline-box;
 755         display: inline-block;
 756 }
 757
 758 ul.gallery, li.gallerybox {
 759         zoom: 1;
 760         *display: inline;
 761 }
 762
 763 ul.gallery {
 764         margin: 2px;
 765         padding: 2px;
 766         background-color: white;
 767         display: block;
 768 }
 769
 770 li.gallerycaption {
 771         font-weight: bold;
 772         text-align: center;
 773         display: block;
 774         word-wrap: break-word;
 775 }
 776
 777 li.gallerybox div.thumb {
 778         text-align: center;
 779         border: 1px solid #ccc;
 780         margin: 2px;
 781 }
 782
 783 div.gallerytext {
 784         overflow: hidden;
 785         font-size: 94%;
 786         padding: 2px 4px;
 787         word-wrap: break-word;
 788 }
 789
 790 #mw-addcategory-prompt {
 791         display: inline;
 792         margin-left: 1em;
 793 }
 794
 795 #mw-addcategory-prompt input {
 796         margin-left: 0.5em;
 797         margin-right: 0.5em;
 798 }
 799
 800 .mw-remove-category {
 801         padding: 8px;
 802         /* @embed */
 803         background-image: url(images/remove.png);
 804         background-position: center center;
 805         background-repeat: no-repeat;
 806 }
 807
 808 .mw-ajax-addcategory {
 809         padding-left: 20px;
 810         /* @embed */
 811         background-image: url(images/add.png);
 812         background-position: left center;
 813         background-repeat: no-repeat;
 814 }
 815
 816 .mw-ajax-loader {
 817         /* @embed */
 818         background-image: url(images/ajax-loader.gif);
 819         background-position: center center;
 820         background-repeat: no-repeat;
 821         padding: 16px;
 822         position: relative;
 823         top: -16px;
 824 }
 825
 826 .mw-small-spinner {
 827         padding: 10px !important;
 828         margin-right: 0.6em;
 829         /* @embed */
 830         background-image: url(images/spinner.gif);
 831         background-position: center center;
 832         background-repeat: no-repeat;
 833 }
 834
 835 /* Sort arrows added by SortableTables */
 836 a.sortheader {
 837         margin: 0 0.3em;
 838 }
 839
 840 /* Localised ordered list numbering for some languages */
 841 ol:lang(bcc) li,
 842 ol:lang(bqi) li,
 843 ol:lang(fa) li,
 844 ol:lang(glk) li,
 845 ol:lang(kk-arab) li,
 846 ol:lang(mzn) li {
 847         list-style-type: -moz-persian;
 848         list-style-type: persian;
 849 }
 850
 851 ol:lang(ckb) li {
 852         list-style-type: -moz-arabic-indic;
 853         list-style-type: arabic-indic;
 854 }
 855
 856 ol:lang(bn) li {
 857         list-style-type: -moz-bengali;
 858         list-style-type: bengali;
 859 }
 860
 861 /* tooltip styles */
 862 .mw-help-field-hint {
 863         display: none;
 864         padding: 0px;
 865         padding-left: 15px;
 866         margin-left: 2px;
 867         margin-bottom: -8px;
 868         /* @embed */
 869         background-image: url('images/help-question.gif');
 870         background-position: left center;
 871         background-repeat: no-repeat;
 872         color: #0645ad;
 873         text-decoration: underline;
 874         cursor: pointer;
 875         font-size: .8em;
 876 }
 877 .mw-help-field-hint:hover {
 878         /* @embed */
 879         background-image: url('images/help-question-hover.gif');
 880 }
 881 .mw-help-field-data {
 882         display: block;
 883         background-color: #d6f3ff;
 884         padding:5px 8px 4px 8px;
 885         border: 1px solid #5dc9f4;
 886         margin-left: 20px;
 887 }
 888 .tipsy {
 889         padding: 5px 5px 10px;
 890         font-size: 12px;
 891         position: absolute;
 892         z-index: 100000;
 893         overflow: visible;
 894 }
 895 .tipsy-inner {
 896         padding: 5px 8px 4px 8px;
 897         background-color: #d6f3ff;
 898         color: black;
 899         border: 1px solid #5dc9f4;
 900         max-width: 300px;
 901         text-align: left;
 902 }
 903 .tipsy-arrow {
 904         position: absolute;
 905         /* @embed */
 906         background: url( 'images/tipsy-arrow.gif' ) no-repeat top left;
 907         width: 13px;
 908         height: 13px;
 909 }
 910 .tipsy-se .tipsy-arrow {
 911         bottom: -2px;
 912         right: 10px;
 913         background-position: 0% 100%;
 914 }