r52374 MediaWiki - Code Review archive

Repository:MediaWiki
Revision:r52373‎ | r52374 | r52375 >
Date:20:51, 24 June 2009
Author:tparscal
Status:resolved (Comments)
Tags:
Comment:
Massive improvements towards IE6 compatibility, but not quite back to normal yet - and more testing needs to happen on other browsers as well.
Modified paths:
  • /trunk/phase3/skins/Vector.php (modified) (history)
  • /trunk/phase3/skins/vector/images/action-fade.png (deleted) (history)
  • /trunk/phase3/skins/vector/images/action-normal-fade.png (deleted) (history)
  • /trunk/phase3/skins/vector/images/bullet-icon.png (modified) (history)
  • /trunk/phase3/skins/vector/images/foot-fade.png (deleted) (history)
  • /trunk/phase3/skins/vector/images/head-base.png (modified) (history)
  • /trunk/phase3/skins/vector/images/head-break.png (deleted) (history)
  • /trunk/phase3/skins/vector/images/namespace-current-fade.png (deleted) (history)
  • /trunk/phase3/skins/vector/images/namespace-normal-fade.png (deleted) (history)
  • /trunk/phase3/skins/vector/images/page-base.png (modified) (history)
  • /trunk/phase3/skins/vector/images/page-fade.png (modified) (history)
  • /trunk/phase3/skins/vector/images/panel-fade.png (deleted) (history)
  • /trunk/phase3/skins/vector/images/personal-break.png (deleted) (history)
  • /trunk/phase3/skins/vector/images/personal-current-fade.png (deleted) (history)
  • /trunk/phase3/skins/vector/images/personal-fade.png (deleted) (history)
  • /trunk/phase3/skins/vector/images/personal-normal-fade.png (deleted) (history)
  • /trunk/phase3/skins/vector/images/portal-break.png (added) (history)
  • /trunk/phase3/skins/vector/images/tab-break.png (added) (history)
  • /trunk/phase3/skins/vector/images/tab-current-fade.png (added) (history)
  • /trunk/phase3/skins/vector/images/tab-normal-fade.png (added) (history)
  • /trunk/phase3/skins/vector/images/view-current-fade.png (deleted) (history)
  • /trunk/phase3/skins/vector/images/view-normal-fade.png (deleted) (history)
  • /trunk/phase3/skins/vector/main.css (modified) (history)

Diff [purge]

Index: trunk/phase3/skins/Vector.php
@@ -444,6 +444,7 @@
445445 <!-- IEFixes -->
446446 <!--[if lt IE 7]><script type="<?php $this->text('jsmimetype') ?>" src="<?php $this->text('stylepath') ?>/common/IEFixes.js?<?php echo $GLOBALS['wgStyleVersion'] ?>"></script>
447447 <meta http-equiv="imagetoolbar" content="no" /><![endif]-->
 448+ <style type="text/css">body{behavior:url("<?php $this->text('stylepath') ?>/vector/csshover.htc")}</style>
448449 <!-- /IEFixes -->
449450 <!-- globalVariablesScript -->
450451 <?php echo Skin::makeGlobalVariablesScript( $this->data ); ?>
@@ -486,219 +487,199 @@
487488 <?php endif; ?>
488489 </head>
489490 <body<?php if($this->data['body_ondblclick']): ?> ondblclick="<?php $this->text('body_ondblclick') ?>"<?php endif; ?> <?php if($this->data['body_onload']): ?> onload="<?php $this->text('body_onload') ?>"<?php endif; ?> class="mediawiki <?php $this->text('dir') ?> <?php $this->text('pageclass') ?> <?php $this->text('skinnameclass') ?>">
490 - <div id="content-base"><div></div></div>
491 - <div id="panel-base"></div>
492 - <!-- page -->
493 - <div id="page">
494 - <!-- content -->
495 - <div id="content">
496 - <div class="buffer">
497 - <a name="top" id="top"></a>
498 - <!-- sitenotice -->
499 - <?php if($this->data['sitenotice']) { ?><div id="siteNotice"><?php $this->html('sitenotice') ?></div><?php } ?>
500 - <!-- /sitenotice -->
501 - <!-- firstHeading -->
502 - <h1 id="firstHeading" class="firstHeading"><?php $this->html('title') ?></h1>
503 - <!-- /firstHeading -->
504 - <!-- bodyContent -->
505 - <div id="bodyContent">
506 - <!-- tagline -->
507 - <h3 id="siteSub"><?php $this->msg('tagline') ?></h3>
508 - <!-- /tagline -->
509 - <!-- subtitle -->
510 - <div id="contentSub"><?php $this->html('subtitle') ?></div>
511 - <!-- /subtitle -->
512 - <?php if($this->data['undelete']): ?>
513 - <!-- undelete -->
514 - <div id="contentSub2"><?php $this->html('undelete') ?></div>
515 - <!-- /undelete -->
516 - <?php endif; ?>
517 - <?php if($this->data['newtalk'] ): ?>
518 - <!-- newtalk -->
519 - <div class="usermessage"><?php $this->html('newtalk') ?></div>
520 - <!-- /newtalk -->
521 - <?php endif; ?>
522 - <?php if($this->data['showjumplinks']): ?>
523 - <!-- jumpto -->
524 - <div id="jump-to-nav">
525 - <?php $this->msg('jumpto') ?> <a href="#head"><?php $this->msg('jumptonavigation') ?></a>,
526 - <a href="#search"><?php $this->msg('jumptosearch') ?></a>
527 - </div>
528 - <!-- /jumpto -->
529 - <?php endif; ?>
530 - <!-- bodytext -->
531 - <?php $this->html('bodytext') ?>
532 - <!-- /bodytext -->
533 - <!-- catlinks -->
534 - <?php if($this->data['catlinks']) { $this->html('catlinks'); } ?>
535 - <!-- /catlinks -->
536 - <!-- dataAfterContent -->
537 - <?php if($this->data['dataAfterContent']) { $this->html('dataAfterContent'); } ?>
538 - <!-- /dataAfterContent -->
539 - <div class="visualClear"></div>
540 - </div>
541 - <!-- /bodyContent -->
 491+ <div id="page-base" class="noprint"></div>
 492+ <div id="head-base" class="noprint"></div>
 493+ <!-- content -->
 494+ <div id="content">
 495+ <a name="top" id="top"></a>
 496+ <!-- sitenotice -->
 497+ <?php if($this->data['sitenotice']) { ?><div id="siteNotice"><?php $this->html('sitenotice') ?></div><?php } ?>
 498+ <!-- /sitenotice -->
 499+ <!-- firstHeading -->
 500+ <h1 id="firstHeading" class="firstHeading"><?php $this->html('title') ?></h1>
 501+ <!-- /firstHeading -->
 502+ <!-- bodyContent -->
 503+ <div id="bodyContent">
 504+ <!-- tagline -->
 505+ <h3 id="siteSub"><?php $this->msg('tagline') ?></h3>
 506+ <!-- /tagline -->
 507+ <!-- subtitle -->
 508+ <div id="contentSub"><?php $this->html('subtitle') ?></div>
 509+ <!-- /subtitle -->
 510+ <?php if($this->data['undelete']): ?>
 511+ <!-- undelete -->
 512+ <div id="contentSub2"><?php $this->html('undelete') ?></div>
 513+ <!-- /undelete -->
 514+ <?php endif; ?>
 515+ <?php if($this->data['newtalk'] ): ?>
 516+ <!-- newtalk -->
 517+ <div class="usermessage"><?php $this->html('newtalk') ?></div>
 518+ <!-- /newtalk -->
 519+ <?php endif; ?>
 520+ <?php if($this->data['showjumplinks']): ?>
 521+ <!-- jumpto -->
 522+ <div id="jump-to-nav">
 523+ <?php $this->msg('jumpto') ?> <a href="#head"><?php $this->msg('jumptonavigation') ?></a>,
 524+ <a href="#search"><?php $this->msg('jumptosearch') ?></a>
542525 </div>
 526+ <!-- /jumpto -->
 527+ <?php endif; ?>
 528+ <!-- bodytext -->
 529+ <?php $this->html('bodytext') ?>
 530+ <!-- /bodytext -->
 531+ <!-- catlinks -->
 532+ <?php if($this->data['catlinks']) { $this->html('catlinks'); } ?>
 533+ <!-- /catlinks -->
 534+ <!-- dataAfterContent -->
 535+ <?php if($this->data['dataAfterContent']) { $this->html('dataAfterContent'); } ?>
 536+ <!-- /dataAfterContent -->
 537+ <div class="visualClear"></div>
543538 </div>
544 - <!-- /content -->
545 - <!-- header -->
546 - <div id="head" class="noprint">
547 - <div class="buffer">
548 - <div class="top">
549 - <!-- personal -->
550 - <div id="personal">
551 - <div class="buffer">
552 - <h5><?php $this->msg('personaltools') ?></h5>
553 - <ul <?php $this->html('userlangattributes') ?>>
554 - <?php foreach($this->data['personal_urls'] as $key => $item): ?>
555 - <li <?php echo $item['attributes'] ?>><a href="<?php echo htmlspecialchars($item['href']) ?>"<?php echo $item['key'] ?><?php if(!empty($item['class'])): ?> class="<?php echo htmlspecialchars($item['class']) ?>"<?php endif; ?>><?php echo htmlspecialchars($item['text']) ?></a></li>
556 - <?php endforeach; ?>
557 - </ul>
558 - </div>
559 - </div>
560 - <!-- /personal -->
 539+ <!-- /bodyContent -->
 540+ </div>
 541+ <!-- /content -->
 542+ <!-- header -->
 543+ <div id="head" class="noprint">
 544+ <!-- personal -->
 545+ <div id="personal">
 546+ <h5><?php $this->msg('personaltools') ?></h5>
 547+ <ul <?php $this->html('userlangattributes') ?>>
 548+ <?php foreach($this->data['personal_urls'] as $key => $item): ?>
 549+ <li <?php echo $item['attributes'] ?>><a href="<?php echo htmlspecialchars($item['href']) ?>"<?php echo $item['key'] ?><?php if(!empty($item['class'])): ?> class="<?php echo htmlspecialchars($item['class']) ?>"<?php endif; ?>><?php echo htmlspecialchars($item['text']) ?></a></li>
 550+ <?php endforeach; ?>
 551+ </ul>
 552+ </div>
 553+ <!-- /personal -->
 554+ <div id="left-navigation">
 555+ <!-- namespaces -->
 556+ <div id="namespaces">
 557+ <h5><?php $this->msg('namespaces') ?></h5>
 558+ <ul <?php $this->html('userlangattributes') ?>>
 559+ <?php foreach ($this->data['namespace_urls'] as $key => $link ): ?>
 560+ <li <?php echo $link['attributes'] ?>><a href="<?php echo htmlspecialchars( $link['href'] ) ?>" <?php echo $link['key'] ?>><?php echo htmlspecialchars( $link['text'] ) ?></a></li>
 561+ <?php endforeach; ?>
 562+ </ul>
 563+ </div>
 564+ <!-- /namespaces -->
 565+ <!-- variants -->
 566+ <?php if ( count( $this->data['variant_urls'] ) > 0 ): ?>
 567+ <div id="variants">
 568+ <h5><div class="icon"><span><?php $this->msg('variants') ?></span></div></h5>
 569+ <div class="menu">
 570+ <ul <?php $this->html('userlangattributes') ?>>
 571+ <?php foreach ($this->data['variant_urls'] as $key => $link ): ?>
 572+ <li<?php echo $link['attributes'] ?><?php if(!empty($link['class'])): ?> class="<?php echo htmlspecialchars($link['class']) ?>"<?php endif; ?>><a href="<?php echo htmlspecialchars( $link['href'] ) ?>" <?php echo $link['key'] ?>><?php echo htmlspecialchars( $link['text'] ) ?></a></li>
 573+ <?php endforeach; ?>
 574+ </ul>
561575 </div>
562 - <div class="middle">
563 - <!-- namespaces -->
564 - <div id="namespaces">
565 - <h5><?php $this->msg('namespaces') ?></h5>
566 - <ul <?php $this->html('userlangattributes') ?>>
567 - <?php foreach ($this->data['namespace_urls'] as $key => $link ): ?>
568 - <li <?php echo $link['attributes'] ?>><a href="<?php echo htmlspecialchars( $link['href'] ) ?>" <?php echo $link['key'] ?>><?php echo htmlspecialchars( $link['text'] ) ?></a></li>
569 - <?php endforeach; ?>
570 - </ul>
571 - </div>
572 - <!-- /namespaces -->
573 - <!-- variants -->
574 - <?php if ( count( $this->data['variant_urls'] ) > 0 ): ?>
575 - <div id="variants">
576 - <h5><div class="icon"><span><?php $this->msg('variants') ?></span></div></h5>
577 - <div class="menu">
578 - <ul <?php $this->html('userlangattributes') ?>>
579 - <?php foreach ($this->data['variant_urls'] as $key => $link ): ?>
580 - <li<?php echo $link['attributes'] ?><?php if(!empty($link['class'])): ?> class="<?php echo htmlspecialchars($link['class']) ?>"<?php endif; ?>><a href="<?php echo htmlspecialchars( $link['href'] ) ?>" <?php echo $link['key'] ?>><?php echo htmlspecialchars( $link['text'] ) ?></a></li>
581 - <?php endforeach; ?>
582 - </ul>
583 - </div>
584 - </div>
585 - <?php endif; ?>
586 - <!-- /variants -->
587 - </div>
588 - <div class="bottom">
589 - <!-- views -->
590 - <?php if ( count( $this->data['view_urls'] ) > 0 ): ?>
591 - <div id="views">
592 - <h5><?php $this->msg('views') ?></h5>
593 - <ul <?php $this->html('userlangattributes') ?>>
594 - <?php foreach ($this->data['view_urls'] as $key => $link ): ?>
595 - <li<?php echo $link['attributes'] ?><?php if(!empty($link['class'])): ?> class="<?php echo htmlspecialchars($link['class']) ?>"<?php endif; ?>><a href="<?php echo htmlspecialchars( $link['href'] ) ?>" <?php echo $link['key'] ?>><?php echo htmlspecialchars( $link['text'] ) ?></a></li>
596 - <?php endforeach; ?>
597 - </ul>
598 - </div>
599 - <?php endif; ?>
600 - <!-- /views -->
601 - <!-- actions -->
602 - <?php if ( count( $this->data['action_urls'] ) > 0 ): ?>
603 - <div id="actions">
604 - <h5><div class="icon"><span><?php $this->msg('actions') ?></span></div></h5>
605 - <div class="menu">
606 - <ul <?php $this->html('userlangattributes') ?>>
607 - <?php foreach ($this->data['action_urls'] as $key => $link ): ?>
608 - <li<?php echo $link['attributes'] ?><?php if(!empty($link['class'])): ?> class="<?php echo htmlspecialchars($link['class']) ?>"<?php endif; ?>><a href="<?php echo htmlspecialchars( $link['href'] ) ?>" <?php echo $link['key'] ?>><?php echo htmlspecialchars( $link['text'] ) ?></a></li>
609 - <?php endforeach; ?>
610 - </ul>
611 - </div>
612 - </div>
613 - <?php endif; ?>
614 - <!-- /actions -->
615 - <!-- search -->
616 - <div id="search">
617 - <div class="buffer">
618 - <h5 <?php $this->html('userlangattributes') ?>><label for="searchInput"><?php $this->msg( 'search' ) ?></label></h5>
619 - <form action="<?php $this->text( 'wgScript' ) ?>" id="searchform">
620 - <div>
621 - <input type='hidden' name="title" value="<?php $this->text( 'searchtitle' ) ?>"/>
622 - <input id="searchInput" name="search" type="text" <?php echo $this->skin->tooltipAndAccesskey( 'search' ); ?> <?php if( isset( $this->data['search'] ) ): ?> value="<?php $this->text( 'search' ) ?>"<?php endif; ?> />
623 - <input type='submit' name="go" class="searchButton" id="searchGoButton" value="<?php $this->msg( 'searcharticle' ) ?>"<?php echo $this->skin->tooltipAndAccesskey( 'search-go' ); ?> />
624 - <?php if ( $wgUseTwoButtonsSearchForm ): ?>
625 - <input type="submit" name="fulltext" class="searchButton" id="mw-searchButton" value="<?php $this->msg( 'searchbutton' ) ?>"<?php echo $this->skin->tooltipAndAccesskey( 'search-fulltext' ); ?> />
626 - <?php else: ?>
627 - <div><a href="<?php $this->text( 'searchaction' ) ?>" rel="search"><?php $this->msg( 'powersearch-legend' ) ?></a></div>
628 - <?php endif; ?>
629 - </div>
630 - </form>
631 - </div>
632 - </div>
633 - <!-- /search -->
634 - </div>
635576 </div>
 577+ <?php endif; ?>
 578+ <!-- /variants -->
636579 </div>
637 - <!-- /header -->
638 - <!-- panel -->
639 - <div id="panel" class="noprint">
640 - <div class="buffer">
641 - <!-- fixalpha -->
642 - <script type="<?php $this->text('jsmimetype') ?>"> if (window.isMSIE55) fixalpha(); </script>
643 - <!-- /fixalpha -->
644 - <!-- sidebar -->
645 - <?php
646 - $sidebar = $this->data['sidebar'];
647 - $sidebar['TOOLBOX'] = ( !isset( $sidebar['TOOLBOX'] ) );
648 - $sidebar['LANGUAGES'] = ( !isset( $sidebar['LANGUAGES'] ) );
649 - foreach ( $sidebar as $name => $content ) {
650 - switch( $name ) {
651 - case 'SEARCH':
652 - break;
653 - case 'TOOLBOX':
654 - $this->toolBox();
655 - break;
656 - case 'LANGUAGES':
657 - $this->languageBox();
658 - break;
659 - default:
660 - $this->customBox( $name, $content );
661 - break;
662 - }
663 - }
664 - ?>
665 - <!-- /sidebar -->
666 - </div>
667 - </div>
668 - <!-- /panel -->
669 - <div class="break"></div>
670 - <!-- foot -->
671 - <div id="foot">
672 - <div class="buffer">
673 - <ul id="foot-icons" class="noprint">
674 - <?php if( $this->data['poweredbyico'] ): ?>
675 - <li id="foot-icon-poweredby"><?php $this->html( 'poweredbyico' ) ?></li>
676 - <?php endif; ?>
677 - <?php if( $this->data['copyrightico'] ): ?>
678 - <li id="foot-icon-copyright"><?php $this->html( 'copyrightico' ) ?></li>
679 - <?php endif; ?>
 580+ <div id="right-navigation">
 581+ <!-- views -->
 582+ <?php if ( count( $this->data['view_urls'] ) > 0 ): ?>
 583+ <div id="views">
 584+ <h5><?php $this->msg('views') ?></h5>
 585+ <ul <?php $this->html('userlangattributes') ?>>
 586+ <?php foreach ($this->data['view_urls'] as $key => $link ): ?>
 587+ <li<?php echo $link['attributes'] ?><?php if(!empty($link['class'])): ?> class="<?php echo htmlspecialchars($link['class']) ?>"<?php endif; ?>><a href="<?php echo htmlspecialchars( $link['href'] ) ?>" <?php echo $link['key'] ?>><?php echo htmlspecialchars( $link['text'] ) ?></a></li>
 588+ <?php endforeach; ?>
680589 </ul>
681 - <?php foreach( $validFooterLinks as $category => $links ): ?>
682 - <?php if ( count( $links ) > 0 ): ?>
683 - <ul id="foot-<?php echo $category ?>">
684 - <?php foreach( $links as $link ): ?>
685 - <?php if( isset( $this->data[$link] ) && $this->data[$link] ): ?>
686 - <li id="foot-<?php echo $category ?>-<?php echo $link ?>"><?php $this->html( $link ) ?></li>
687 - <?php endif; ?>
 590+ </div>
 591+ <?php endif; ?>
 592+ <!-- /views -->
 593+ <!-- actions -->
 594+ <?php if ( count( $this->data['action_urls'] ) > 0 ): ?>
 595+ <div id="actions">
 596+ <h5><span><?php $this->msg('actions') ?></span><a href="#">&nbsp;</a></h5>
 597+ <div class="menu">
 598+ <ul <?php $this->html('userlangattributes') ?>>
 599+ <?php foreach ($this->data['action_urls'] as $key => $link ): ?>
 600+ <li<?php echo $link['attributes'] ?><?php if(!empty($link['class'])): ?> class="<?php echo htmlspecialchars($link['class']) ?>"<?php endif; ?>><a href="<?php echo htmlspecialchars( $link['href'] ) ?>" <?php echo $link['key'] ?>><?php echo htmlspecialchars( $link['text'] ) ?></a></li>
688601 <?php endforeach; ?>
689602 </ul>
 603+ </div>
 604+ </div>
 605+ <?php endif; ?>
 606+ <!-- /actions -->
 607+ <!-- search -->
 608+ <div id="search">
 609+ <h5 <?php $this->html('userlangattributes') ?>><label for="searchInput"><?php $this->msg( 'search' ) ?></label></h5>
 610+ <form action="<?php $this->text( 'wgScript' ) ?>" id="searchform">
 611+ <input type='hidden' name="title" value="<?php $this->text( 'searchtitle' ) ?>"/>
 612+ <input id="searchInput" name="search" type="text" <?php echo $this->skin->tooltipAndAccesskey( 'search' ); ?> <?php if( isset( $this->data['search'] ) ): ?> value="<?php $this->text( 'search' ) ?>"<?php endif; ?> />
 613+ <input type='submit' name="go" class="searchButton" id="searchGoButton" value="<?php $this->msg( 'searcharticle' ) ?>"<?php echo $this->skin->tooltipAndAccesskey( 'search-go' ); ?> />
 614+ <?php if ( $wgUseTwoButtonsSearchForm ): ?>
 615+ <input type="submit" name="fulltext" class="searchButton" id="mw-searchButton" value="<?php $this->msg( 'searchbutton' ) ?>"<?php echo $this->skin->tooltipAndAccesskey( 'search-fulltext' ); ?> />
 616+ <?php else: ?>
 617+ <div><a href="<?php $this->text( 'searchaction' ) ?>" rel="search"><?php $this->msg( 'powersearch-legend' ) ?></a></div>
690618 <?php endif; ?>
691 - <?php endforeach; ?>
692 - <div style="clear:both"></div>
 619+ </form>
693620 </div>
 621+ <!-- /search -->
694622 </div>
695 - <!-- /foot -->
696623 </div>
697 - <!-- /page -->
 624+ <!-- /header -->
 625+ <!-- panel -->
 626+ <div id="panel" class="noprint">
 627+ <!-- sidebar -->
 628+ <?php
 629+ $sidebar = $this->data['sidebar'];
 630+ $sidebar['TOOLBOX'] = ( !isset( $sidebar['TOOLBOX'] ) );
 631+ $sidebar['LANGUAGES'] = ( !isset( $sidebar['LANGUAGES'] ) );
 632+ foreach ( $sidebar as $name => $content ) {
 633+ switch( $name ) {
 634+ case 'SEARCH':
 635+ break;
 636+ case 'TOOLBOX':
 637+ $this->toolBox();
 638+ break;
 639+ case 'LANGUAGES':
 640+ $this->languageBox();
 641+ break;
 642+ default:
 643+ $this->customBox( $name, $content );
 644+ break;
 645+ }
 646+ }
 647+ ?>
 648+ <!-- /sidebar -->
 649+ </div>
 650+ <!-- /panel -->
 651+ <div class="break"></div>
 652+ <!-- foot -->
 653+ <div id="foot">
 654+ <?php foreach( $validFooterLinks as $category => $links ): ?>
 655+ <?php if ( count( $links ) > 0 ): ?>
 656+ <ul id="foot-<?php echo $category ?>">
 657+ <?php foreach( $links as $link ): ?>
 658+ <?php if( isset( $this->data[$link] ) && $this->data[$link] ): ?>
 659+ <li id="foot-<?php echo $category ?>-<?php echo $link ?>"><?php $this->html( $link ) ?></li>
 660+ <?php endif; ?>
 661+ <?php endforeach; ?>
 662+ </ul>
 663+ <?php endif; ?>
 664+ <?php endforeach; ?>
 665+ <ul id="foot-icons" class="noprint">
 666+ <?php if( $this->data['poweredbyico'] ): ?>
 667+ <li id="foot-icon-poweredby"><?php $this->html( 'poweredbyico' ) ?></li>
 668+ <?php endif; ?>
 669+ <?php if( $this->data['copyrightico'] ): ?>
 670+ <li id="foot-icon-copyright"><?php $this->html( 'copyrightico' ) ?></li>
 671+ <?php endif; ?>
 672+ </ul>
 673+ <div style="clear:both"></div>
 674+ </div>
 675+ <!-- /foot -->
698676 <!-- logo -->
699677 <div id="logo">
700678 <a style="background-image: url(<?php $this->text('logopath') ?>);" href="<?php echo htmlspecialchars( $this->data['nav_urls']['mainpage']['href'] ) ?>" <?php echo $this->skin->tooltipAndAccesskey('p-logo') ?>></a>
701679 </div>
702680 <!-- /logo -->
 681+ <!-- fixalpha -->
 682+ <script type="<?php $this->text('jsmimetype') ?>"> if (window.isMSIE55) fixalpha( 'logo' ); </script>
 683+ <!-- /fixalpha -->
703684 <?php $this->html( 'bottomscripts' ); /* JS call to runBodyOnloadHook */ ?>
704685 <?php $this->html( 'reporttime' ) ?>
705686 <?php if ( $this->data['debug'] ): ?>
Index: trunk/phase3/skins/vector/images/panel-fade.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: trunk/phase3/skins/vector/images/personal-current-fade.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: trunk/phase3/skins/vector/images/action-normal-fade.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: trunk/phase3/skins/vector/images/foot-fade.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: trunk/phase3/skins/vector/images/personal-break.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: trunk/phase3/skins/vector/images/namespace-current-fade.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: trunk/phase3/skins/vector/images/namespace-normal-fade.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: trunk/phase3/skins/vector/images/personal-fade.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: trunk/phase3/skins/vector/images/head-break.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: trunk/phase3/skins/vector/images/view-current-fade.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: trunk/phase3/skins/vector/images/view-normal-fade.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: trunk/phase3/skins/vector/images/personal-normal-fade.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: trunk/phase3/skins/vector/images/action-fade.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: trunk/phase3/skins/vector/images/page-fade.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: trunk/phase3/skins/vector/images/head-base.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: trunk/phase3/skins/vector/images/bullet-icon.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: trunk/phase3/skins/vector/images/portal-break.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Property changes on: trunk/phase3/skins/vector/images/portal-break.png
___________________________________________________________________
Added: svn:mime-type
706687 + application/octet-stream
Index: trunk/phase3/skins/vector/images/tab-current-fade.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Property changes on: trunk/phase3/skins/vector/images/tab-current-fade.png
___________________________________________________________________
Added: svn:mime-type
707688 + application/octet-stream
Index: trunk/phase3/skins/vector/images/page-base.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: trunk/phase3/skins/vector/images/tab-break.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Property changes on: trunk/phase3/skins/vector/images/tab-break.png
___________________________________________________________________
Added: svn:mime-type
708689 + application/octet-stream
Index: trunk/phase3/skins/vector/images/tab-normal-fade.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Property changes on: trunk/phase3/skins/vector/images/tab-normal-fade.png
___________________________________________________________________
Added: svn:mime-type
709690 + application/octet-stream
Index: trunk/phase3/skins/vector/main.css
@@ -10,678 +10,312 @@
1111 body.rtl {
1212 direction: rtl;
1313 unicode-bidi: embed;
14 - background-position: top right;
1514 }
16 -
17 -/* Content Base */
18 -div#content-base {
19 - position: fixed;
20 - top: 0;
21 - left: 0;
22 - height: 101%;
23 - width: 100%;
24 -}
25 - div#content-base > div {
26 - height: 100%;
27 - margin-left: 12em; /* PANEL WIDTH */
28 - background-color: white;
29 - background-image: url(images/content-base.png);
30 - background-position: top left;
31 - background-repeat: repeat-y;
32 - }
33 - body.rtl div#content-base > div {
34 - margin-left: 0;
35 - margin-right: 12em; /* PANEL WIDTH */
36 - background-position: top right;
37 - }
38 -
39 -/* Panel Base */
40 -div#panel-base {
41 - position: fixed;
42 - top: 0;
43 - left: 0;
44 - height: 101%;
45 - width: 12em; /* PANEL WIDTH */
 15+body {
4616 background-image: url(images/page-base.png);
47 - background-repeat: repeat;
4817 }
49 -body.rtl div#panel-base {
50 - left: auto;
51 - right: 0;
52 -}
5318
54 -/* Page */
55 -div#page {
56 - position: absolute;
57 - top: 0;
58 - left: 0;
59 - height: 100%;
60 - width: 100%;
 19+/* Content */
 20+div#content {
 21+ margin-left: 12em;
 22+ padding: 1em;
 23+ background-image: url(images/content-base.png);
 24+ background-position: top left;
 25+ background-repeat: repeat-y;
 26+ background-color: white;
6127 }
62 - div#page div.break {
63 - clear: both;
64 - }
65 -
66 -/* Panel */
67 -div#panel {
68 - margin-top: 155px; /* LOGO HEIGHT */
69 - width: 12em; /* PANEL WIDTH */
70 -}
71 - div#panel > div.buffer {
72 - padding-top: 1em;
73 - }
74 - div#panel > div.buffer > div.portal {
75 - padding-top: 1.5em;
76 - }
77 - div#panel > div.buffer:first-child {
78 - padding-top: 0em;
79 - }
80 - div#panel > div.buffer > div.portal > h5 {
81 - font-weight: normal;
82 - color: #666666;
83 - padding: 0.5em;
84 - padding-top: 0;
85 - padding-bottom: 0.33em;
86 - padding-left: 1.25em;
87 - cursor: default;
88 - }
89 - body.rtl div#panel > div.buffer > div.portal > h5 {
90 - padding: 0;
91 - margin: 0;
92 - padding-left: 0;
93 - padding-right: 1.25em;
94 - }
95 - div#panel > div.buffer > div.portal > div.body {
96 - padding-top: 0.33em;
97 - margin-left: 1.25em;
98 - background-image: url(images/panel-fade.png);
99 - background-repeat: no-repeat;
100 - background-position: top left;
101 - }
102 - body.rtl div#panel > div.buffer > div.portal > div.body {
103 - padding-left: 0;
104 - margin-right: 1.25em;
105 - background-position: top right;
106 - }
107 - div#panel > div.buffer > div.portal > div.body > ul {
108 - list-style: none;
109 - padding: 0;
110 - margin: 0;
111 - }
112 - div#panel > div.buffer > div.portal > div.body > ul > li {
113 - padding: 0;
114 - padding-bottom: 0.5em;
115 - margin: 0;
116 - overflow: hidden;
117 - }
118 - div#panel > div.buffer > div.portal > div.body > ul > li > a {
119 - color: #0645ad;
120 - }
121 - div#panel > div.buffer > div.portal > div.body > ul > li > a:visited {
122 - color: #0b0080;
123 - }
124 -
125 -/* Logo */
126 -#logo {
127 - position: absolute;
128 - top: 0;
129 - left: 0;
130 - height: 155px; /* LOGO HEIGHT */
131 - width: 12em; /* PANEL WIDTH */
132 - overflow: visible;
 28+/* Head */
 29+div#page-base {
 30+ height: 6em;
 31+ background-color: white;
13332 background-image: url(images/page-fade.png);
134 - background-position: top left;
 33+ background-position: bottom left;
13534 background-repeat: repeat-x;
13635 }
137 -body.rtl #logo {
138 - left: auto;
139 - right: 0;
140 - background-position: top right;
 36+div#head-base {
 37+ margin-top: -6em;
 38+ margin-left: 12em;
 39+ height: 6em;
 40+ background-image: url(images/head-base.png);
 41+ background-position: bottom left;
 42+ background-repeat: repeat-x;
14143 }
142 - #logo > a,
143 - #logo > a:hover {
144 - display: block;
145 - height: 155px; /* LOGO HEIGHT */
146 - width: 12em; /* PANEL WIDTH */
147 - background-repeat: no-repeat;
148 - background-position: center center;
149 - text-decoration: none;
150 - }
151 -
152 -/* Content */
153 -div#content {
154 - float: right;
155 - width: 100%;
156 - margin-top: 6em; /* HEAD HEIGHT */
157 - margin-left: -12em; /* PANEL WIDTH */
158 -}
159 -body.rtl div#content {
160 - float: left;
161 - margin-left: 0;
162 - margin-right: -12em; /* PANEL WIDTH */
163 -}
164 - div#content > div.buffer {
165 - margin-left: 12em; /* PANEL WIDTH */
166 - padding: 10px;
167 - background-color: white;
168 - background-image: url(images/content-base.png);
169 - background-position: top left;
170 - background-repeat: repeat-y;
171 - }
172 - body.rtl div#content > div.buffer {
173 - margin-left: 0;
174 - margin-right: 12em; /* PANEL WIDTH */
175 - background-position: top right;
176 - }
177 -
178 -/* Head */
17944 div#head {
18045 position: absolute;
18146 top: 0;
182 - height: 6em; /* HEAD HEIGHT */
 47+ right: 0;
18348 width: 100%;
184 - background-image: url(images/page-fade.png);
185 - background-position: top left;
186 - background-repeat: repeat-x;
 49+ margin-right: 0.75em;
18750 }
188 -body.rtl div#head {
189 - background-position: top right;
 51+div#head ul,
 52+div#head li {
 53+ list-style: none;
 54+ margin: 0;
 55+ padding: 0;
19056 }
191 - div#head > div.buffer {
192 - margin-left: 12em; /* PANEL WIDTH */
193 - height: 100%;
194 - background-image: url(images/head-base.png);
195 - background-position: bottom left;
196 - background-repeat: repeat-x;
197 - }
198 - body.rtl div#head > div.buffer {
199 - margin-left: 0;
200 - margin-right: 12em; /* PANEL WIDTH */
201 - background-position: bottom right;
202 - }
203 - div#head > div.buffer > div.top {
204 - height: 3em; /* HALF HEAD HEIGHT */
205 - float: right;
206 - }
207 - body.rtl div#head > div.buffer > div.top {
208 - float: left;
209 - }
210 - div#head > div.buffer > div.bottom {
211 - margin-top: -3em; /* HALF HEAD HEIGHT */
212 - height: 3em; /* HALF HEAD HEIGHT */
213 - float: right;
214 - }
215 - body.rtl div#head > div.buffer > div.bottom {
216 - float: left;
217 - }
218 - div#head > div.buffer > div.middle {
219 - height: 3em; /* HALF HEAD HEIGHT */
220 - width: 100%;
221 - clear: both;
222 - }
223 - body.rtl div#head > div.buffer > div.middle {
224 - float: right;
225 - }
226 -
227 -/* Foot */
228 -div#foot {
229 - margin-left: 12em; /* PANEL WIDTH */
230 - background-image: url(images/page-base.png);
231 - background-repeat: repeat;
 57+div#head h5 {
 58+ margin: 0;
 59+ padding: 0;
23260 }
233 -body.rtl div#foot {
234 - margin-left: 0;
235 - margin-right: 12em; /* PANEL WIDTH */
236 - background-position: top right;
237 -}
238 - div#foot > div.buffer {
239 - background-image: url(images/foot-base.png);
240 - background-position: top left;
241 - background-repeat: repeat-x;
242 - padding: 0.75em;
 61+ /* Personal */
 62+ div#personal {
 63+ position: absolute;
 64+ top: 0;
 65+ right: 0;
24366 }
244 - body.rtl div#foot > div.buffer {
245 - margin-left: 0;
246 - margin-right: 1px;
247 - background-position: top right;
 67+ div#personal h5 {
 68+ display: none;
24869 }
249 - div#foot ul {
250 - margin: 0;
251 - padding: 0;
252 - list-style: none;
253 - }
254 - div#foot li {
255 - font-size: x-small;
256 - color: #666666;
257 - }
258 - div#foot a {
259 - color: #0645ad;
260 -
261 - }
262 - div#foot a:visited {
263 - color: #0b0080;
264 - }
265 -
266 -/* Foot Icons */
267 -ul#foot-icons {
268 - float: right;
269 - width: 88px;
270 - margin-right: 0.75em;
271 -}
272 - body.rtl ul#foot-icons {
 70+ div#personal li {
27371 float: left;
27472 margin-left: 0.75em;
275 - margin-right: 0;
 73+ margin-top: 0.5em;
 74+ /*font-size: 0.9em;*/
27675 }
277 - ul#foot-icons > li {
278 - margin-bottom: 0.75em;
279 - margin-top: 0.2em;
 76+ /* Navigation */
 77+ div#left-navigation {
 78+ margin-top: 3em;
 79+ margin-left: 12.75em;
28080 }
281 -
282 -/* Foot Info */
283 -ul#foot-info {
284 - float: left;
285 -}
286 - body.rtl ul#foot-info {
 81+ div#right-navigation {
28782 float: right;
28883 }
289 - ul#foot-info > li {
290 - padding: 0em;
291 - padding-bottom: 0.5em;
292 - margin: 0em;
293 - margin-bottom: 0.5em;
294 - border-bottom: dashed 1px #DEDEDE;
 84+ /* Navigation Labels */
 85+ div#namespaces h5,
 86+ div#variants h5,
 87+ div#views h5,
 88+ div#actions h5 span,
 89+ div#search h5 {
 90+ display: none;
29591 }
296 -
297 -/* Foot Places */
298 -ul#foot-places {
299 - clear: left;
300 - float: left;
301 -}
302 - body.rtl ul#foot-places {
303 - clear: right;
304 - float: right;
 92+ /* Namespaces and Views */
 93+ div#namespaces,
 94+ div#views {
 95+ float: left;
 96+ background-image: url(images/tab-break.png);
 97+ background-position: bottom left;
 98+ background-repeat: no-repeat;
 99+ padding-left: 1px;
305100 }
306 - ul#foot-places > li {
 101+ div#namespaces ul,
 102+ div#views ul {
307103 float: left;
308 - padding: 0;
309 - padding-bottom: 0.5em;
310 - margin: 0;
311 - margin-right: 1.5em;
312104 }
313 - body.rtl ul#foot-places > li {
314 - float: right;
315 - margin-left: 1.5em;
316 - margin-right: 0;
317 - }
318 -
319 -/* Namespaces */
320 -div#namespaces {
321 - float: left;
322 - height: 3em; /* HALF HEAD HEIGHT */
323 - background-image: url(images/head-break.png);
324 - background-position: bottom right;
325 - background-repeat: no-repeat;
326 - padding-right: 1px;
327 -}
328 -body.rtl div#namespaces {
329 - float: right;
330 - background-position: bottom left;
331 - padding-right: 0;
332 - padding-left: 1px;
333 -}
334 - div#namespaces h5 {
335 - display: none;
336 - }
337 - div#namespaces > ul {
338 - height: 100%;
339 - list-style: none;
340 - margin: 0;
341 - padding: 0;
342 - }
343 - div#namespaces > ul > li {
 105+ div#namespaces li,
 106+ div#views li {
344107 float: left;
345 - height: 100%;
346 - margin: 0;
347 - padding: 0;
348 - background-image: url(images/namespace-normal-fade.png);
 108+ line-height: 3em;
 109+ background-image: url(images/tab-normal-fade.png);
349110 background-position: bottom left;
350111 background-repeat: repeat-x;
351112 }
352 - body.rtl div#namespaces > ul > li {
353 - float: right;
354 - background-position: bottom right;
 113+ div#namespaces li.selected,
 114+ div#views li.selected {
 115+ background-image: url(images/tab-current-fade.png);
355116 }
356 - div#namespaces > ul > li > a {
357 - display: block;
358 - height: 100%;
359 - line-height: 4em;
 117+ div#namespaces a,
 118+ div#views a {
 119+ display: inline-block;
 120+ height: 3em;
360121 padding-left: 0.5em;
361122 padding-right: 0.5em;
362 - background-image: url(images/head-break.png);
363 - background-position: bottom left;
364 - background-repeat: no-repeat;
365 - }
366 - body.rtl div#namespaces > ul > li > a {
 123+ background-image: url(images/tab-break.png);
367124 background-position: bottom right;
368 - }
369 - div#namespaces > ul > li > a,
370 - div#namespaces > ul > li > a:visited {
 125+ background-repeat: no-repeat;
371126 color: #0645ad;
372127 }
373 - div#namespaces > ul > li.selected > a,
374 - div#namespaces > ul > li.selected > a:visited{
 128+ div#namespaces li.selected a,
 129+ div#views li.selected a:visited {
375130 color: #333333;
376131 cursor: default;
377132 text-decoration: none;
378133 }
379 - div#namespaces > ul > li.new > a,
380 - div#namespaces > ul > li.new > a:visited{
 134+ div#namespaces li.new a,
 135+ div#namespaces li.new a:visited{
381136 color: #a55858;
382137 }
383 - div#namespaces > ul > li.selected {
384 - background-image: url(images/namespace-current-fade.png);
385 - background-position: bottom left;
386 - background-repeat: repeat-x;
387 - }
388 - body.rtl div#namespaces > ul > li.selected {
389 - background-position: bottom right;
390 - }
391 -
392 -/* Views */
393 -div#views {
394 - float: left;
395 - height: 3em; /* HALF HEAD HEIGHT */
396 - background-image: url(images/head-break.png);
397 - background-position: bottom right;
398 - background-repeat: no-repeat;
399 - padding-right: 1px;
400 -}
401 -body.rtl div#views {
402 - float: right;
403 - background-position: bottom left;
404 - padding-right: 0;
405 - padding-left: 1px;
406 -}
407 - div#views h5 {
408 - display: none;
409 - }
410 - div#views > ul {
411 - height: 100%;
412 - list-style: none;
413 - margin: 0;
414 - padding: 0;
415 - }
416 - div#views > ul > li {
 138+ /* Variants and Actions */
 139+ div#variants,
 140+ div#actions {
417141 float: left;
418 - height: 100%;
419 - margin: 0;
420 - padding: 0;
421 - background-image: url(images/view-normal-fade.png);
422 - background-position: bottom left;
423 - background-repeat: repeat-x;
424 - }
425 - body.rtl div#views > ul > li {
426 - float: right;
427 - background-position: bottom right;
428 - }
429 - div#views > ul > li > a {
430 - display: block;
431 - height: 100%;
432 - line-height: 4em;
433 - padding-left: 0.5em;
434 - padding-right: 0.5em;
435 - background-image: url(images/head-break.png);
436 - background-position: bottom left;
 142+ background-image: url(images/arrow-down-icon.png);
 143+ background-position: center center;
437144 background-repeat: no-repeat;
438145 }
439 - body.rtl div#views > ul > li > a {
440 - background-position: bottom right;
 146+ div#variants h5,
 147+ div#actions h5 {
 148+ float: left;
441149 }
442 - div#views > ul > li > a,
443 - div#views > ul > li > a:visited {
444 - color: #0645ad;
445 - }
446 - div#views > ul > li.selected > a,
447 - div#views > ul > li.selected > a:visited{
448 - color: #333333;
449 - cursor: default;
 150+ div#variants h5 a,
 151+ div#actions h5 a {
 152+ display: inline-block;
 153+ width: 24px;
 154+ height: 3em;
450155 text-decoration: none;
451 - }
452 - div#views > ul > li.new > a,
453 - div#views > ul > li.new > a:visited{
454 - color: #a55858;
455 - }
456 - div#views > ul > li.selected {
457 - background-image: url(images/view-current-fade.png);
458 - background-position: bottom left;
459 - background-repeat: repeat-x;
460 - }
461 - body.rlt div#views > ul > li.selected {
 156+ background-image: url(images/tab-break.png);
462157 background-position: bottom right;
463 - }
464 -
465 -/* Actions */
466 -div#actions {
467 - float: left;
468 - height: 3em; /* HALF HEAD HEIGHT */
469 - background-image: url(images/head-break.png);
470 - background-position: bottom right;
471 - background-repeat: no-repeat;
472 - padding-right: 1px;
473 -}
474 -body.rtl div#actions {
475 - float: right;
476 - background-position: bottom left;
477 - padding-right: 0;
478 - padding-left: 1px;
479 -}
480 - div#actions > h5 {
481 - height: 100%;
482 - margin: 0;
483 - padding: 0;
484 - background-image: url(images/action-normal-fade.png);
485 - background-position: bottom left;
486 - background-repeat: repeat-x;
487 - }
488 - body.rtl div#actions > h5 {
489 - background-position: bottom right;
490 - }
491 - div#actions > h5 > div.icon {
492 - height: 80%;
493 - width: 16px;
494 - margin-left: 0.25em;
495 - margin-right: 0.25em;
496 - background-image: url(images/arrow-down-icon.png);
497 - background-position: bottom center;
498158 background-repeat: no-repeat;
499 - cursor: default;
500159 }
501 - div#actions > h5 > div.icon > span {
 160+ div#variants div.menu,
 161+ div#actions div.menu {
502162 display: none;
 163+ clear: both;
503164 }
504 - div#actions > div.menu {
505 - display: none;
506 - }
507 - div#actions:hover > div.menu {
 165+ div#variants:hover div.menu,
 166+ div#actions:hover div.menu {
508167 display: block;
509168 }
510 - div#actions > div.menu > ul {
 169+ div#variants ul,
 170+ div#actions ul {
511171 position: absolute;
512 - list-style: none;
513172 background-color: white;
514173 border: solid 1px silver;
515174 border-top-width: 0;
 175+ padding: 0;
516176 margin: 0;
517177 margin-left: -1px;
518 - padding: 0;
519178 }
520 - body.rtl div#actions > div.menu > ul {
521 - margin-left: 0;
522 - margin-right: -1px;
 179+ div#variants:hover li a,
 180+ div#actions li a {
 181+ display: inline-block;
 182+ padding: 0.5em;
523183 }
524 - div#actions > div.menu > ul > li {
525 - margin: 0;
526 - padding: 0;
 184+ /* Search */
 185+ div#search {
 186+ float: left;
527187 }
528 - div#actions > div.menu > ul > li > a {
529 - display: block;
530 - padding-top: 0.25em;
531 - padding-bottom: 0.25em;
532 - padding-left: 0.5em;
533 - padding-right: 0.5em;
 188+ div#search form,
 189+ div#search input {
 190+ float: left;
 191+ margin-top: 0.4em;
 192+ margin-left: 0.25em;
534193 }
535 - div#actions > div.menu > ul > li > a,
536 - div#actions > div.menu > ul > li > a:visited {
537 - color: #0645ad;
538 - }
539 -
540 -/* I DON"T THINK THIS IS AWESOME, BUT IT"S SOMETHING... */
541 -
542 -/* Variants */
543 -div#variants {
544 - float: left;
545 - height: 3em; /* HALF HEAD HEIGHT */
546 - background-image: url(images/head-break.png);
547 - background-position: bottom right;
548 - background-repeat: no-repeat;
549 - padding-right: 1px;
 194+/* Panel */
 195+div#panel {
 196+ position: absolute;
 197+ top: 12em;
 198+ width: 12em;
 199+ left: 0;
550200 }
551 -body.rtl div#variants {
552 - float: right;
553 - background-position: bottom left;
554 - padding-right: 0;
555 - padding-left: 1px;
556 -}
557 - div#variants > h5 {
558 - height: 100%;
559 - margin: 0;
560 - padding: 0;
561 - background-image: url(images/action-normal-fade.png);
562 - background-position: bottom left;
563 - background-repeat: repeat-x;
 201+ div#panel div.portal {
 202+ padding-top: 1.5em;
564203 }
565 - body.rtl div#variants > h5 {
566 - background-position: bottom right;
567 - }
568 - div#variants > h5 > div.icon {
569 - height: 80%;
570 - width: 16px;
571 - margin-left: 0.25em;
572 - margin-right: 0.25em;
573 - background-image: url(images/arrow-down-icon.png);
574 - background-position: bottom center;
575 - background-repeat: no-repeat;
 204+ div#panel div.portal h5 {
 205+ font-weight: normal;
 206+ color: #666666;
 207+ padding: 0.5em;
 208+ padding-top: 0;
 209+ padding-bottom: 0.33em;
 210+ padding-left: 1.25em;
576211 cursor: default;
577212 }
578 - div#variants > h5 > div.icon > span {
579 - display: none;
 213+ body.rtl div#panel div.portal h5 {
 214+ padding: 0;
 215+ margin: 0;
 216+ padding-left: 0;
 217+ padding-right: 1.25em;
580218 }
581 - div#variants > div.menu {
582 - display: none;
 219+ div#panel div.portal div.body {
 220+ padding-top: 0.33em;
 221+ margin-left: 1.25em;
 222+ background-image: url(images/portal-break.png);
 223+ background-repeat: no-repeat;
 224+ background-position: top left;
583225 }
584 - div#variants:hover > div.menu {
585 - display: block;
 226+ body.rtl div#panel div.portal div.body {
 227+ padding-left: 0;
 228+ margin-right: 1.25em;
 229+ background-position: top right;
586230 }
587 - div#variants > div.menu > ul {
588 - position: absolute;
 231+ div#panel div.portal div.body ul {
589232 list-style: none;
590 - background-color: white;
591 - border: solid 1px silver;
592 - border-top-width: 0;
593 - margin: 0;
594 - margin-left: -1px;
595233 padding: 0;
596 - }
597 - body.rtl div#variants > div.menu > ul {
598 - margin-left: 0;
599 - margin-right: -1px;
600 - }
601 - div#variants > div.menu > ul > li {
602234 margin: 0;
 235+ }
 236+ div#panel div.portal div.body ul li {
603237 padding: 0;
 238+ padding-bottom: 0.5em;
 239+ margin: 0;
 240+ overflow: hidden;
604241 }
605 - div#variants > div.menu > ul > li > a {
606 - display: block;
607 - padding-top: 0.25em;
608 - padding-bottom: 0.25em;
609 - padding-left: 0.5em;
610 - padding-right: 0.5em;
611 - }
612 - div#variants > div.menu > ul > li > a,
613 - div#variants > div.menu > ul > li > a:visited {
 242+ div#panel div.portal div.body ul li a {
614243 color: #0645ad;
615244 }
616 -
617 -/* END OF STUFF I"M NOT SURE ABOUT... */
618 -
619 -/* Search */
620 -div#search {
621 - margin-top: 0.75em;
622 - margin-right: 0.5em;
623 - margin-left: 0.75em;
 245+ div#panel div.portal div.body ul li a:visited {
 246+ color: #0b0080;
 247+ }
 248+/* Foot */
 249+div#foot {
 250+ margin-left: 12em;
 251+ margin-top: 0;
 252+ padding: 0.75em;
 253+ background-image: url(images/foot-base.png);
 254+ background-position: top left;
 255+ background-repeat: repeat-x;
 256+}
 257+div#foot ul {
 258+ list-style: none;
 259+ margin: 0;
 260+ padding: 0;
 261+}
 262+div#foot ul li {
 263+ margin: 0;
 264+ padding: 0;
 265+ padding-top: 0.5em;
 266+ padding-bottom: 0.5em;
 267+ color: #333333;
 268+ font-size: 0.9em;
 269+}
 270+div#foot ul#foot-icons {
 271+ float: right;
 272+}
 273+div#foot ul#foot-places {
624274 float: left;
625275 }
626 -body.rtl div#search {
627 - margin-right: 0.75em;
 276+div#foot ul#foot-icons li {
 277+ float: left;
628278 margin-left: 0.5em;
629 - float: right;
 279+ line-height: 2em;
630280 }
631 - div#search h5 {
632 - display: none;
633 - }
 281+div#foot ul#foot-places li {
 282+ float: left;
 283+ margin-right: 0.5em;
 284+ line-height: 2em;
 285+}
634286
635 -/* Personal */
636 -div#personal {
637 - float: right;
638 - margin-top: 0.25em;
639 - margin-right: 0.75em;
640 - margin-left: 0.75em;
 287+/* Logo */
 288+div#logo {
 289+ position: absolute;
 290+ top: 0;
 291+ left: 0;
 292+ height: 12em;
 293+ width: 12em;
641294 }
642 -body.rtl div#personal {
643 - float: left;
 295+body.rtl #logo {
 296+ left: auto;
 297+ right: 0;
644298 }
645 - div#personal > div.buffer > h5 {
646 - display: none;
647 - }
648 - div#personal > div.buffer > ul {
649 - list-style: none;
650 - margin: 0;
651 - padding: 0;
652 - }
653 - div#personal > div.buffer > ul > li {
654 - float: left;
655 - margin: 0;
656 - padding-bottom: 0.5em;
657 - padding-left: 1em;
658 - font-size: 0.9em;
659 - }
660 - body.rtl div#personal > div.buffer > ul > li {
661 - float: right;
662 - padding-left: 0;
663 - padding-right: 1em;
664 - }
665 - div#personal > div.buffer > ul > li > a,
666 - div#personal > div.buffer > ul > li > a:visited {
667 - color: #0645ad;
668 - }
669 - div#personal > div.buffer > ul > li > a.new,
670 - div#personal > div.buffer > ul > li > a.new:visited {
671 - color: #a55858;
672 - }
 299+div#logo a {
 300+ display: block;
 301+ width: 12em;
 302+ height: 12em;
 303+ background-repeat: no-repeat;
 304+ background-position: 50% 50%;
 305+ text-decoration: none;
 306+}
673307
674308 /*
675309 *
676310 * The following code is highly modified from monobook. It would be nice if the
677311 * preftoc id was more human readable like preferences-toc for instance,
678312 * howerver this would require backporting the other skins.
679 - *
680313 */
681314
682315 /* Preferences */
683316 #preftoc {
684317 /* Tabs */
685318 float: left;
 319+ zoom: 1;
686320 clear: both;
687321 margin: 0 !important;
688322 padding: 0 !important;
@@ -696,6 +330,7 @@
697331 #preftoc li {
698332 /* Tab */
699333 float: left;
 334+ zoom: 1;
700335 margin: 0;
701336 padding: 0;
702337 padding-right: 1px;
@@ -718,8 +353,7 @@
719354 }
720355 #preftoc a,
721356 #preftoc a:active {
722 - /* Tab Label */
723 - display: block;
 357+ display: inline-block;
724358 position: relative;
725359 color: #0645ad;
726360 padding: 0.5em;
@@ -730,7 +364,6 @@
731365 text-decoration: underline;
732366 }
733367 #preftoc li.selected a {
734 - /* Selected Tab Label */
735368 cursor: default;
736369 background-image: url(images/preferences-fade.png);
737370 background-position: bottom;
@@ -741,6 +374,7 @@
742375 }
743376 #preferences {
744377 float: left;
 378+ zoom: 1;
745379 width: 100%;
746380 margin: 0;
747381 clear: both;

Comments

#Comment by Shinjiman (talk | contribs)   14:21, 4 July 2009

The changes produces Bugzilla:19495 as so the variant menu does not show properly.

#Comment by Tim Starling (talk | contribs)   09:00, 10 July 2009

Said to be fixed in r52800.

#Comment by Tim Starling (talk | contribs)   11:19, 10 July 2009

The drop-down menus are still broken. I don't really mind the cosmetic issues, I can accept that the site is going to be uglier in IE6, but you have to be able to access all the features.

#Comment by Brion VIBBER (talk | contribs)   00:36, 24 August 2009

(has been since fixed)

Status & tagging log