CSS compare

/** * Keep code in MediaWiki:Common.js to a minimum as it is unconditionally * loaded for all users on every wiki page. If possible create a gadget that is * enabled by default instead of adding it here (since gadgets are fully * optimized ResourceLoader modules with possibility to add dependencies etc.) * * Since common.js isn't a gadget, there is no place to declare its * dependencies, so we have to lazy load them with mw.loader.using on demand and * then execute the rest in the callback. In most cases these dependencies will * be loaded (or loading) already and the callback will not be delayed. In case a * dependency hasn't arrived yet it'll make sure those are loaded before this. */ mw.loader.using( ['mediawiki.util', 'mediawiki.notify'], function { /* Begin of mw.loader.using callback */ /** * Main Page layout fixes * * Description: Adds an additional link to the complete list of languages available. * Maintainers: User:AzaToth, User:R. Koot, User:Alex Smotrov */ if ( mw.config.get( 'wgPageName' ) == 'Main_Page' || mw.config.get( 'wgPageName' ) == 'Talk:Main_Page' ) {    $( document ).ready( function  { mw.util.addPortletLink( 'p-lang', '//meta.wikimedia.org/wiki/List_of_Wikipedias',           'Complete list', 'interwiki-completelist', 'Complete list of Wikipedias' ); } ); } /** * Redirect User:Name/skin.js and skin.css to the current skin's pages * (unless the 'skin' page really exists) * @source: http://www.mediawiki.org/wiki/Snippets/Redirect_skin.js * @rev: 2 */ if ( mw.config.get( 'wgArticleId' ) === 0 && mw.config.get( 'wgNamespaceNumber' ) == 2 ) {   var titleParts = mw.config.get( 'wgPageName' ).split( '/' );    /* Make sure there was a part before and after the slash       And that the latter is 'skin.js' or 'skin.css' */    if ( titleParts.length == 2 ) {        var userSkinPage = titleParts.shift + '/' + mw.config.get( 'skin' );        if ( titleParts.slice( -1 ) == 'skin.js' ) {            window.location.href = mw.util.wikiGetlink( userSkinPage + '.js' );        } else if ( titleParts.slice( -1 ) == 'skin.css' ) {            window.location.href = mw.util.wikiGetlink( userSkinPage + '.css' );        }    } } /** * Map addPortletLink to mw.util * * @deprecated: Use mw.util.addPortletLink instead. */ window.addPortletLink = function { return mw.util.addPortletLink.apply( mw.util, arguments ); } /** * Extract a URL parameter from the current URL * * @deprecated: Use mw.util.getParamValue with proper escaping */ window.getURLParamValue = function { return mw.util.getParamValue.apply( mw.util, arguments ); } /** * Test if an element has a certain class * * @deprecated: Use $(element).hasClass instead. */ window.hasClass = function ( element, className ) { return $( element ).hasClass( className ); } /** * &withCSS= and &withJS= URL parameters * Allow to try custom scripts from MediaWiki space * without editing personal .css or .js files */ var extraCSS = mw.util.getParamValue( 'withCSS' ); if ( extraCSS ) { if ( extraCSS.match( /^MediaWiki:[^&<>=%]*\.css$/ ) ) { importStylesheet( extraCSS ); } else { $( document ).ready( function {            mw.notify( 'Invalid stylesheet URL; only stylesheet pages from MediaWiki: space are allowed.', { title: 'Error' } );        } ); } } var extraJS = mw.util.getParamValue( 'withJS' ); if ( extraJS ) { if ( extraJS.match( /^MediaWiki:[^&<>=%]*\.js$/ ) ) { importScript( extraJS ); } else { $( document ).ready( function {            mw.notify( 'Invalid javascript URL; only javascript pages from MediaWiki: space are allowed.', { title: 'Error' } );        } ); } } /** * Import more specific scripts if necessary */ if ( mw.config.get( 'wgAction' ) == 'edit' || mw.config.get( 'wgAction' ) == 'submit' || mw.config.get( 'wgPageName' ) == 'Special:Upload' ) { /* scripts specific to editing pages */ importScript( 'MediaWiki:Common.js/edit.js' ); } else if ( mw.config.get( 'wgPageName' ) == 'Special:Watchlist' ) { /* watchlist scripts */ importScript( 'MediaWiki:Common.js/watchlist.js' ); } if ( mw.config.get( 'wgNamespaceNumber' ) == 6 ) { /* file description page scripts */ importScript( 'MediaWiki:Common.js/file.js' ); } /** * Load scripts specific to Internet Explorer */ if ( $.client.profile.name == 'msie' ) { importScript( 'MediaWiki:Common.js/IEFixes.js' ); } /** * Fix for Windows XP Unicode font rendering */ if ( navigator.appVersion.search(/windows nt 5/i) != -1 ) { mw.util.addCSS( '.IPA { font-family: "Lucida Sans Unicode", "Arial Unicode MS"; } ' +                '.Unicode { font-family: "Arial Unicode MS", "Lucida Sans Unicode"; } ' ); } /** * WikiMiniAtlas * * Description: WikiMiniAtlas is a popup click and drag world map. *             This script causes all of our coordinate links to display the WikiMiniAtlas popup button. *             The script itself is located on meta because it is used by many projects. *             See WikiMiniAtlas for more information. * Maintainers: User:Dschwen */ ( function ( $, mw ) {   var require_wikiminiatlas = false;    var coord_filter = /geohack/;    $( document ).ready( function { $( 'a.external.text' ).each( function( key, link ) {           if ( link.href && coord_filter.exec( link.href ) ) {                require_wikiminiatlas = true;                // break from loop                return false;            }        } ); if ( $( 'div.kmldata' ).length ) { require_wikiminiatlas = true; }       if ( require_wikiminiatlas ) { mw.loader.load( '//meta.wikimedia.org/w/index.php?title=MediaWiki:Wikiminiatlas.js&action=raw&ctype=text/javascript' ); }   } ); } )( jQuery, mediaWiki ); /** * Interwiki links to featured articles *************************************** * * Description: Highlights interwiki links to featured articles (or *             equivalents) by changing the bullet before the interwiki link *             into a star. * Maintainers: User:R. Koot */ function LinkFA { if ( document.getElementById( 'p-lang' ) ) { var InterwikiLinks = document.getElementById( 'p-lang' ).getElementsByTagName( 'li' ); for ( var i = 0; i < InterwikiLinks.length; i++ ) { if ( document.getElementById( InterwikiLinks[i].className + '-fa' ) ) { InterwikiLinks[i].className += ' FA'; InterwikiLinks[i].title = 'This is a featured article in another language.'; } else if ( document.getElementById( InterwikiLinks[i].className + '-ga' ) ) { InterwikiLinks[i].className += ' GA'; InterwikiLinks[i].title = 'This is a good article in another language.'; }       }    } } $( LinkFA ); /** * Collapsible tables ********************************************************* * * Description: Allows tables to be collapsed, showing only the header. See *             NavFrame. * Maintainers: User:R. Koot */ var autoCollapse = 2; var collapseCaption = 'hide'; var expandCaption = 'show'; window.collapseTable = function ( tableIndex ) { var Button = document.getElementById( 'collapseButton' + tableIndex ); var Table = document.getElementById( 'collapsibleTable' + tableIndex ); if ( !Table || !Button ) { return false; }   var Rows = Table.rows; if ( Button.firstChild.data == collapseCaption ) { for ( var i = 1; i < Rows.length; i++ ) { Rows[i].style.display = 'none'; }       Button.firstChild.data = expandCaption; } else { for ( var i = 1; i < Rows.length; i++ ) { Rows[i].style.display = Rows[0].style.display; }       Button.firstChild.data = collapseCaption; } } function createCollapseButtons { var tableIndex = 0; var NavigationBoxes = new Object; var Tables = document.getElementsByTagName( 'table' ); for ( var i = 0; i < Tables.length; i++ ) { if ( $( Tables[i] ).hasClass( 'collapsible' ) ) { /* only add button and increment count if there is a header row to work with */ var HeaderRow = Tables[i].getElementsByTagName( 'tr' )[0]; if ( !HeaderRow ) continue; var Header = HeaderRow.getElementsByTagName( 'th' )[0]; if ( !Header ) continue; NavigationBoxes[ tableIndex ] = Tables[i]; Tables[i].setAttribute( 'id', 'collapsibleTable' + tableIndex ); var Button    = document.createElement( 'span' ); var ButtonLink = document.createElement( 'a' ); var ButtonText = document.createTextNode( collapseCaption ); Button.className = 'collapseButton'; /* Styles are declared in Common.css */ ButtonLink.style.color = Header.style.color; ButtonLink.setAttribute( 'id', 'collapseButton' + tableIndex ); ButtonLink.setAttribute( 'href', '#' ); addHandler( ButtonLink, 'click', new Function( 'evt', 'collapseTable(' + tableIndex + '); return killEvt( evt );' ) ); ButtonLink.appendChild( ButtonText ); Button.appendChild( document.createTextNode( '[' ) ); Button.appendChild( ButtonLink ); Button.appendChild( document.createTextNode( ']' ) ); Header.insertBefore( Button, Header.firstChild ); tableIndex++; }   }    for ( var i = 0;  i < tableIndex; i++ ) { if ( $( NavigationBoxes[i] ).hasClass( 'collapsed' ) || ( tableIndex >= autoCollapse && $( NavigationBoxes[i] ).hasClass( 'autocollapse' ) ) ) { collapseTable( i ); }        else if ( $( NavigationBoxes[i] ).hasClass ( 'innercollapse' ) ) { var element = NavigationBoxes[i]; while (element = element.parentNode) { if ( $( element ).hasClass( 'outercollapse' ) ) { collapseTable ( i ); break; }           }        }    } } $( createCollapseButtons ); /** * Dynamic Navigation Bars (experimental) * * Description: See NavFrame. * Maintainers: UNMAINTAINED */ /* set up the words in your language */ var NavigationBarHide = '[' + collapseCaption + ']'; var NavigationBarShow = '[' + expandCaption + ']'; /** * Shows and hides content and picture (if available) of navigation bars * Parameters: *    indexNavigationBar: the index of navigation bar to be toggled **/ window.toggleNavigationBar = function ( indexNavigationBar ) { var NavToggle = document.getElementById( 'NavToggle' + indexNavigationBar ); var NavFrame = document.getElementById( 'NavFrame' + indexNavigationBar ); if ( !NavFrame || !NavToggle ) { return false; }   /* if shown now */ if ( NavToggle.firstChild.data == NavigationBarHide ) { for ( var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling ) { if ( $( NavChild ).hasClass( 'NavContent' ) || $( NavChild ).hasClass( 'NavPic' ) ) { NavChild.style.display = 'none'; }       }    NavToggle.firstChild.data = NavigationBarShow; /* if hidden now */ } else if ( NavToggle.firstChild.data == NavigationBarShow ) { for ( var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling ) { if ( $( NavChild ).hasClass( 'NavContent' ) || $( NavChild ).hasClass( 'NavPic' ) ) { NavChild.style.display = 'block'; }       }        NavToggle.firstChild.data = NavigationBarHide; } } /* adds show/hide-button to navigation bars */ function createNavigationBarToggleButton { var indexNavigationBar = 0; /* iterate over all -elements */ var divs = document.getElementsByTagName( 'div' ); for ( var i = 0; NavFrame = divs[i]; i++ ) { /* if found a navigation bar */ if ( $( NavFrame ).hasClass( 'NavFrame' ) ) { indexNavigationBar++; var NavToggle = document.createElement( 'a' ); NavToggle.className = 'NavToggle'; NavToggle.setAttribute( 'id', 'NavToggle' + indexNavigationBar ); NavToggle.setAttribute( 'href', 'javascript:toggleNavigationBar(' + indexNavigationBar + ');' ); var isCollapsed = $( NavFrame ).hasClass( 'collapsed' ); /**            * Check if any children are already hidden. This loop is here for backwards compatibility: * the old way of making NavFrames start out collapsed was to manually add style="display:none" * to all the NavPic/NavContent elements. Since this was bad for accessibility (no way to make            * the content visible without JavaScript support), the new recommended way is to add the class * "collapsed" to the NavFrame itself, just like with collapsible tables. */           for ( var NavChild = NavFrame.firstChild; NavChild != null && !isCollapsed; NavChild = NavChild.nextSibling ) { if ( $( NavChild ).hasClass( 'NavPic' ) || $( NavChild ).hasClass( 'NavContent' ) ) { if ( NavChild.style.display == 'none' ) { isCollapsed = true; }               }            }            if ( isCollapsed ) { for ( var NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling ) { if ( $( NavChild ).hasClass( 'NavPic' ) || $( NavChild ).hasClass( 'NavContent' ) ) { NavChild.style.display = 'none'; }               }            }            var NavToggleText = document.createTextNode( isCollapsed ? NavigationBarShow : NavigationBarHide ); NavToggle.appendChild( NavToggleText ); /* Find the NavHead and attach the toggle link (Must be this complicated because Moz's firstChild handling is borked) */ for( var j = 0; j < NavFrame.childNodes.length; j++ ) { if ( $( NavFrame.childNodes[j] ).hasClass( 'NavHead' ) ) { NavToggle.style.color = NavFrame.childNodes[j].style.color; NavFrame.childNodes[j].appendChild( NavToggle ); }           }            NavFrame.setAttribute( 'id', 'NavFrame' + indexNavigationBar ); }   } } $( createNavigationBarToggleButton ); /** * Uploadwizard_newusers * Switches in a message for non-autoconfirmed users at Upload * * Maintainers: User:Krimpet */ function uploadwizard_newusers { if ( mw.config.get( 'wgNamespaceNumber' ) == 4 && mw.config.get( 'wgTitle' ) == 'Upload' && mw.config.get( 'wgAction' ) == 'view' ) { var oldDiv = document.getElementById( 'autoconfirmedusers' ), newDiv = document.getElementById( 'newusers' ); if ( oldDiv && newDiv ) { var userGroups = mw.config.get( 'wgUserGroups' ); if ( userGroups ) { for ( i = 0; i < userGroups.length; i++ ) { if ( userGroups[i] == 'autoconfirmed' ) { oldDiv.style.display = 'block'; newDiv.style.display = 'none'; return; }               }            }            oldDiv.style.display = 'none'; newDiv.style.display = 'block'; return; }   } } $(uploadwizard_newusers); /** * Magic editintros **************************************************** * * Description: Adds editintros on disambiguation pages and BLP pages. * Maintainers: User:RockMFR */ function addEditIntro( name ) { $( '.editsection, #ca-edit' ).find( 'a' ).each( function ( i, el ) {       el.href = $( this ).attr( 'href' ) + '&editintro=' + name;    } ); } if ( mw.config.get( 'wgNamespaceNumber' ) === 0 ) { $( function {        if ( document.getElementById( 'disambigbox' ) ) {            addEditIntro( 'Template:Disambig_editintro' );        }    } ); $( function {        var cats = document.getElementById( 'mw-normal-catlinks' );        if ( !cats ) {            return;        }        cats = cats.getElementsByTagName( 'a' );        for ( var i = 0; i < cats.length; i++ ) {            if ( cats[i].title == 'Category:Living people' || cats[i].title == 'Category:Possibly living people' ) {                addEditIntro( 'Template:BLP_editintro' );                break;            }        }    } ); } /** * Description: Stay on the secure server as much as possible * Maintainers: User:TheDJ */ if ( document.location && document.location.protocol && document.location.protocol == 'https:' ) { /* New secure servers */ importScript( 'MediaWiki:Common.js/secure new.js' ); } /* End of mw.loader.using callback */ } ); /* DO NOT ADD CODE BELOW THIS LINE */