MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/

/* tabber */ .tabbertab { margin-bottom: 20px; margin-left: 2px; border: none !important; } .tabbernav { background: #D20611; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#FFFCD2'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(white), to(#FFFCD2)); /* for webkit browsers */ background: -moz-linear-gradient(top, white,  #FFFCD2); /* for firefox 3.6+ */ border-bottom: #242D40 !important; padding: 4px 6px !important; } ul.tabbernav li a { color: #242D40 !important; font color: #242D40 !important; padding: 10px 14px !important; margin-left: 2px !important; background: #242D40 !important; border: 1px solid #242D40!important; font-weight: normal !important; -moz-border-radius-topright: 4px !important; border-top-right-radius: 4px !important; -moz-border-radius-topleft: 4px !important; border-top-left-radius: 4px !important; position: relative; top: -7px; } ul.tabbernav li a:hover { background: #FFFFFF !important; font color: #242D40 !important; border: 1px solid #FFFFFF !important; border-bottom: 1px solid #FFFFFF !important; } ul.tabbernav li.tabberactive a { border: 2px solid #FFFFFF !important; color: #242D40 !important; font-weight: bold !important; border-bottom: 1px solid #fff !important; background-color: #FFFFFF !important; cursor: default; } ul.tabbernav li.tabberactive {line-height: 0px !important;} ul.tabbernav li.tabberactive:first-child a { margin-left: 0px !important; } ul.tabbernav li.tabberactive a:hover { background: white !important; border: 1px solid #D9D9D9 !important; border-bottom: 1px solid #fff !important; } .tabbertab .ajax-poll { border: #242D40 !important; } /*-- REQUIRED to hide the non-active tab content. But do not hide them in the print stylesheet! --*/ .tabberlive .tabbertabhide { display:none; } /*-- .tabber = before the tabber interface is set up  .tabberlive = after the tabber interface is set up  --*/ .tabber { } .tabberlive { margin-top:0px !important; } /*-- ul.tabbernav = the tab navigation list li.tabberactive = the active tab --*/ ul.tabbernav { padding: 3px 0px 3px 0px !important; border-style: 1px solid #242D40 !important; font: 12px Arial, sans-serif; background: none } ul.tabbernav li { list-style: none; margin: 0; display: inline; } ul.tabbernav li a { padding: 4px 0.25em; margin-left: 1px !important; border-style: 1px solid #242D40 !important; border-bottom: none; background: #242D40 !important; text-decoration: none; } ul.tabbernav li a:link { color: #242D40 !important; } ul.tabbernav li a:visited { color: #242D40 !important; } ul.tabbernav li a:hover { color: #FFFFFF; background: none !important; } ul.tabbernav li.tabberactive a { text: white; background: none !important; border-style: none !important; } ul.tabbernav li.tabberactive a:hover { text: white; background: none !important; border-style: none !important; } /*-- .tabbertab = the tab content Add style only after the tabber interface is set up (.tabberlive) --*/ .tabberlive .tabbertab { padding:0px !important; margin:0px !important; border-style: #242D40 !important; border-top:0; /* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */ /* height:140px; */ /* If you set a fix height set overflow to auto and you will get a   scrollbar when necessary */ /* overflow:auto; */ } .tabberlive .tabbertab p { margin:2px 0px 0px 0px !important; } /* -- If desired, hide the heading since a heading is provided by the tab -- .tabberlive .tabbertab h2 { display:none; } .tabberlive .tabbertab h3 { display:none; } -- Example of using an ID to set different styles for the tabs on the page -- .tabberlive#tab1 { } .tabberlive#tab2 { } .tabberlive#tab2 .tabbertab { height:140px; overflow:auto;

/* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .allpagesredirect:after { color: #808080; content: " (redirect)" } .watchlistredir { font-style: italic; }

/* Giving headers and TOC a little extra space */ h2 { margin-top: 20px; } .toc { margin-top: 20px; }

/* Infobox template style */ .infobox { border: 1px solid #aaaaaa; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaaaaa; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; }

/* Forum formatting (by -Algorithm & -Splaka) */ .forumheader { border: 1px solid #aaa; margin-top: 1em; padding: 12px; } .forumlist td.forum_edited a { color: black; text-decoration: none; } .forumlist td.forum_title a { padding-left: 20px; } .forumlist td.forum_title a.forum_new { font-weight: bold; background: url(/images/4/4e/Forum_new.gif) center left no-repeat; padding-left: 20px; } .forumlist td.forum_title a.forum_new:visited { font-weight: normal; background: none; padding-left: 20px; } .forumlist th.forum_title { padding-left: 20px; }

/* Recent changes byte indicators */ .mw-plusminus-pos { color: #006500; } .mw-plusminus-neg { color: #8B0000; }

/* Image frame fix */ div.tright, div.tleft { border: 1px solid silver; }

div.thumbinner { background: inherit; border: none; color: inherit; }  color:inherit; }
 * 1) article div.thumb {

/* === Babel === */

div.babelbox { float: right; margin-left: 1em; margin-bottom: 0.5em; width: 246px; border: 1px solid #99B3FF; padding: 2px 0 2px 0; } .lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 { margin: 2px 4px 2px 4px; /* t, l, b, r */ width:238px; border-collapse: collapse; } td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 { text-align:center; font-size:14pt; width:45px; height:45px; } td.lang-descriptionN, td.lang-description0, td.lang-description1, td.lang-description2, td.lang-description3 { font-size:8pt; padding:4pt; line-height:1.25em; }

.lang-block0 { border:1px solid #FFB3B3; } td.lang-code0 { background-color: #FFB3B3; color: black; } td.lang-description0 { background-color: #FFE0E8; color: black; }

.lang-block1, .lang-block2, .lang-block3  { border:1px solid #99B3FF; } td.lang-code1, td.lang-code2, td.lang-code3 { background-color: #99B3FF; color: black; } td.lang-description1, td.lang-description2, td.lang-description3 { background-color: #E0E8FF; color: black; }

.lang-blockN { border:1px solid #6EF7A7; } td.lang-codeN { background-color: #6EF7A7; color: black; } td.lang-descriptionN { background-color: #C5FCDC; color: black; }

//** Collapsible tables ********************************************************* * * Description: Allows tables to be collapsed, showing only the header. See *                        http://www.mediawiki.org/wiki/Manual:Collapsible_tables. * Maintainers: en:User:R. Koot */ table.collapsed tr.collapsible { display: none; } .collapseButton {              /* 'show'/'hide' buttons created dynamically by the             */ float: right;          /* CollapsibleTables JavaScript in MediaWiki:Common.js */ font-weight: normal;   /* are styled here so they can be customised. */       text-align: right; width: auto; }

/*** TabView extension ***/

/* Style of all unselected tabs */ .yui-navset .yui-nav li { -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; background-color: #D9D9D9; color: #3A3A3A; font-size: 12px; margin-top: 7px; padding: 6px 20px 3px; } /* END Style of all unselected tabs */

/* Style of the selected tab */ .ui-tabs .ui-tabs-nav li.ui-tabs-selected a { background-color: #7FB5D7; color: white; font-weight: bold; } /* END Style of the selected tab */

/* Padding between tabs */ .ui-tabs .ui-tabs-nav li { margin: 0 0.2em 1px 0; padding: 0; } /* END Padding between tabs */

/* Remove the border & space between tabs & content */ .ui-tabs .ui-tabs-nav {   border-bottom: 0 none; margin-bottom: 0; } /* Remove the border & space between tabs & content */

/* Background color and border of tab content */ .ui-tabs .ui-tabs-panel {   background: none repeat scroll 0 0 white; border: 2px groove gray; } /* END Background color and border of tab content */

/********************************************************************************************/

.htt .tooltip-content .tooltip-hide, .hidden { display:none; } .tooltip-ready { visibility:hidden; display:block; z-index:999; } div.itemtooltip { width: 360px; margin: 5px; background: url(https://images.wikia.nocookie.net/nfsworldinfo/images/9/99/NFSWGreyDot.png); } div.itemtooltip, div.itemtooltip1 { border: 1px solid; -moz-border-radius: 0.65ex; -webkit-border-radius: 0.65ex; } /* End of CSS Tooltips */ /********************************************************************************************/

// adapted style for front page elements .portaltable { padding: 0; border-collapse: collapse; border-spacing: 0; margin-bottom: 1em; }

.portaltable th { background-color: #3A3939; padding: 1em 0; } .portaltable th, .portaltable td { border: 1px solid #6B6A6A; padding: 0.5em; }

/* tabber */ .tabbertab { margin-bottom: 20px; border: 1px solid #D9D9D9 !important; } .tabbernav { background: transparent; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#FFFCD2'); /* for IE */ border: none !important; padding: 10px 0px !important; } ul.tabbernav li a { color: black !important; padding: 10px 14px !important; margin-left: 2px !important; background: transparent !important; border: none !important; font-weight: normal !important; -moz-border-radius-topright: 4px !important; border-top-right-radius: 4px !important; -moz-border-radius-topleft: 4px !important; border-top-left-radius: 4px !important; position: relative; top: 3px; } ul.tabbernav li a:hover { background: transparent !important; border: none !important; border-bottom: 1px solid #D9D9D9 !important; } ul.tabbernav li.tabberactive a { border: 1px solid #D9D9D9 !important; color: #000 !important; font-weight: bold !important; border-bottom: 1px solid #fff !important; background-color: #FFF !important; cursor: default; } ul.tabbernav li.tabberactive {line-height: 0px !important;} ul.tabbernav li.tabberactive:first-child a { margin-left: 0px !important; } ul.tabbernav li.tabberactive a:hover { background: white !important; border: 1px solid #D9D9D9 !important; border-bottom: 1px solid #fff !important; } .tabbertab .ajax-poll { border: none !important; } .tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display:block !important; }

/* Changes the font colour */ /* #WikiaPage a:clicked { color: somecolor; } clicked links */ /* #WikiaPage a:visited { color: somecolor; } visisted links */ /* Change Wikitables' colours */ margin: 1em 1em 1em 0; border: 1px solid #904b2b; color: #d29762; }  background-color: #37000a; text-align: center; margin: 1em 1em 1em 0; border: 1px solid #904b2b; color: #d29762; }   border: 1px solid #904b2b; } /* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .watchlistredir { font-style: italic; } /* Infobox template style */ .infobox { border: 1px solid #904b2b; background-color: #d29762; color: 37000a; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #904b2b; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; } /* Forum formatting (by -Algorithm & -Splaka) */ .forumheader { border: 1px solid #aaa; background-color: #f9f9f9; margin-top: 1em; padding: 12px; } .forumlist td.forum_edited a { color: black; text-decoration: none } .forumlist td.forum_title a { padding-left: 20px; } .forumlist td.forum_title a.forum_new { font-weight: bold; background: url(/images/4/4e/Forum_new.gif) center left no-repeat; padding-left: 20px; } .forumlist td.forum_title a.forum_new:visited { font-weight: normal; background: none; padding-left: 20px; } .forumlist th.forum_title { padding-left: 20px; } /* Recent changes byte indicators */ .mw-plusminus-pos { color: #006500; } .mw-plusminus-neg { color: #8B0000; } /* === Babel === */ div.babelbox { float: right; margin-left: 1em; margin-bottom: 0.5em; width: 246px; border: 1px solid #99B3FF; padding: 2px 0 2px 0; } .lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 { margin: 2px 4px 2px 4px; /* t, l, b, r */ width:238px; border-collapse: collapse; } td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 { text-align:center; font-size:14pt; width:45px; height:45px; } td.lang-descriptionN, td.lang-description0, td.lang-description1, td.lang-description2, td.lang-description3 { font-size:8pt; padding:4pt; line-height:1.25em } .lang-block0 { border:1px solid #FFB3B3; } td.lang-code0 { background-color: #FFB3B3; color: black; } td.lang-description0 { background-color: #FFE0E8; color: black; } .lang-block1, .lang-block2, .lang-block3  { border:1px solid #99B3FF; } td.lang-code1, td.lang-code2, td.lang-code3 { background-color: #99B3FF; color: black; } td.lang-description1, td.lang-description2, td.lang-description3 { background-color: #E0E8FF; color: black; } .lang-blockN { border:1px solid #6EF7A7; } td.lang-codeN { background-color: #6EF7A7; color: black; } td.lang-descriptionN { background-color: #C5FCDC; color: black; }
 * 1) WikiaPage { color: #d29762; }
 * 2) WikiaPage a:hover { color:black; }
 * 1) WikiaArticle.wikitable {
 * 1) WikiaArticle.wikitable > tr > th,
 * 2) WikiaArticle.wikitable > * > tr > th {
 * 1) WikiaArticle.wikitable > * > tr > td,
 * 2) WikiaArticle.wikitable > tr > td {

/** Collapsible tables ********************************************************* * * Description: Allows tables to be collapsed, showing only the header. See *                        http://www.mediawiki.org/wiki/Manual:Collapsible_tables. * Maintainers: en:User:R. Koot */ var autoCollapse = 2; var collapseCaption = 'hide'; var expandCaption = 'show'; function collapseTable( 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 ( hasClass( Tables[i], '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 MediaWiki:Common.css ButtonLink.style.color = Header.style.color; ButtonLink.setAttribute( 'id', 'collapseButton' + tableIndex ); ButtonLink.setAttribute( 'href', "javascript:collapseTable(" + tableIndex + ");" ); ButtonLink.appendChild( ButtonText ); Button.appendChild( document.createTextNode( '[' ) ); Button.appendChild( ButtonLink ); Button.appendChild( document.createTextNode( ']' ) ); Header.insertBefore( Button, Header.childNodes[0] ); tableIndex++; }       }        for ( var i = 0;  i < tableIndex; i++ ) { if ( hasClass( NavigationBoxes[i], 'collapsed' ) || ( tableIndex >= autoCollapse && hasClass( NavigationBoxes[i], 'autocollapse' ) ) ) { collapseTable( i ); } else if ( hasClass( NavigationBoxes[i], 'innercollapse' ) ) { var element = NavigationBoxes[i]; while ( element = element.parentNode ) { if ( hasClass( element, 'outercollapse' ) ) { collapseTable( i ); break; }                       }                }        } }

/*Code by User:LeMansRacer at the Need for Speed Wiki*/ /* Main CSS class of the tooltip */ .main-tooltip { border: 1px solid #999; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); border-radius: 4px; margin-bottom: 5px; padding: 2px 5px; background-color: #EEE; } /* Adds padding to the wrapper to make space for shadow */ padding: 3px 7px 2px 3px; } /* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */ .has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents { display: none; } .tooltips-init-complete { cursor: help; } /* /* */
 * 1) tooltip-wrapper {