MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ /* email links *//*
 * BY: U:Technical 13
 * 20 August 2015
 * This CSS hides all email links placed by T:User by default. They should be restored by Gadget-emailLinks.js (when I have time to create it).

.emailLink { display: none; }

/* Home page "What's new" section sizer *//*
 * BY: U:Technical 13
 * 29 July 2015
 * Default 800x640 resolution widths are overridden by JS in Common.js

.boxCell { background-color: #FFFFFF; border: 1px solid #AAAAAA; border-radius: 5px; padding: 5px; vertical-align: top; width: 33%; }

.homeCell { padding: 5px; font-weight: bold; margin: 3px; text-align: center; }

.boxCellIcon { float: right !important; }

overflow: auto !important; }
 * 1) whatsNew, .whatsNew {

div.whatsNewSection { background-color: #FA8072; margin: 3px; text-align: center; }

@media (min-width: 2048px){ #whatsNew, .whatsNew { width: 1591px; } div.whatsNewSection { width: 510px; } }

@media (max-width: 1920px){ #whatsNew, .whatsNew { width: 1326px; } div.whatsNewSection { width: 422px; } }

@media (max-width: 1600px){ #whatsNew, .whatsNew { width: 11194px; } div.whatsNewSection { width: 378px; } }

@media (max-width: 1440px){ #whatsNew, .whatsNew { width: 1061px; } div.whatsNewSection { width: 334px; } }

@media (max-width: 1280px){ #whatsNew, .whatsNew { width: 849px; } div.whatsNewSection { width: 263px; } }

@media (max-width: 1024px){ #whatsNew, .whatsNew { width: 663px; } div.whatsNewSection { width: 201px; } }

@media (max-width: 800px){ #whatsNew, .whatsNew { width: 530px; } div.whatsNewSection { width: 157px; } }

@media (max-width: 640px){ #whatsNew, .whatsNew { width: 398px; } div.whatsNewSection { width: 112px; } }

@media (max-width: 480px){ #whatsNew, .whatsNew { width: 346px; } div.whatsNewSection { width: 97px; } }

td.homeWhatsNewCell { background-color: #FFFFFF; border: 1px solid #AAAAAA; border-radius: 5px; vertical-align: top; }

.whatsNewSectionContent { background-color: #FFFFFF; align: left; }

.homeSiteMapCell { background-color: palegoldenrod; }

.homeAboutCell { background-color: lightskyblue; }

/* Support for T:IPA, T:Unicode, and T:Polytonic that are used in Edittools. The inherit declaration resets the font for all browsers except MSIE6. The empty comment must remain. */ .IPA { font-family: Chrysanthi Unicode, Doulos SIL, Gentium, GentiumAlt, Code2000, TITUS Cyberbit Basic, DejaVu Sans, Bitstream Vera Sans, Bitstream Cyberbit, Arial Unicode MS, Lucida Sans Unicode, Hiragino Kaku Gothic Pro, Matrix Unicode; font-family /**/:inherit; } .Unicode { font-family: TITUS Cyberbit Basic, Code2000, Doulos SIL, Chrysanthi Unicode, Bitstream Cyberbit, Bitstream CyberBase, Bitstream Vera, Thryomanes, Gentium, GentiumAlt, Visual Geez Unicode, Lucida Grande, Arial Unicode MS, Microsoft Sans Serif, Lucida Sans Unicode; font-family /**/:inherit; } .polytonic { font-family: Athena, Gentium, Palatino Linotype, Arial Unicode MS, Lucida Sans Unicode, Lucida Grande, Code2000; font-family /**/:inherit; }

/* Hide stuff meant for accounts with special permissions. */ /* deprecated groups */ .developer-show,/* Made visible again in MediaWiki:Group-developer.css */ .widgeteditor-show,/* Made visible again in MediaWiki:Group-widgeteditor.css & MediaWiki:Group-sysop.css */ /* active groups */ .steward-show,/* Made visible again in MediaWiki:Group-steward.css */ .bureaucrat-show,/* Made visible again in MediaWiki:Group-bureaucrat.css */ .sysop-show,/* Made visible again in MediaWiki:Group-sysop.css */ .superuser-show,/* Made visible again in MediaWiki:Group-superuser.css */ .ddowikivip-show {/* Made visible again in Mediawiki:Group-ddowikivip.css */ display: none; }

/** * Styling for links generated by MediaWiki:Edittools * @source www.mediawiki.org/wiki/Extension:CharInsert#Styling * @updated 2012-02-29 */ .mw-charinsert-buttons { border: 1px solid #AAAAAA; font-size: 110%; margin-top: 10px; padding: 1px; text-align: center; } .mw-charinsert-buttons a { background-color: #CCDDEE !important; border: thin #006699 outset; color: #000000; font-size: 0.9em; font-weight: bold; padding: 0em 0.1em 0.1em; text-decoration: none; } .mw-charinsert-buttons a:hover, .mw-charinsert-buttons a:active { background-color: #BBCCDD; border-style: inset; } .client-js .mw-edittools-section { display: inline; } .client-js .mw-edittools-section input[type="button"] { font-size: 0.9em; margin-left: 1px; padding: 0px 1px; } /* End of Edittools css */

/** * Universal Pop-up fix * by User:Ague * Updated 16:38, April 11, 2012 */ span.has_tooltip { position: relative; }

span.has_tooltip span.tooltip { display: none; }

span.has_tooltip:hover span.tooltip { display: block; left: 13px; position: absolute; top: 9px; width: 200%; } /* End of pop-up fix */

/** * Universal fix * based on css from User:Ague * Updated 14:25, April 16, 2012 * This may not function for those using either of the Truglass(2) themes that are currently bugged. * Those themes may never actually get to read the common.css file. pre { max-width: 1200px; min-width: 300px; overflow: auto; white-space: pre-wrap !important; word-wrap: break-word; } /* fix */

/* strip "Item:" namespace from category pages fix *//* a[title^='Item:'] { display: inline-block; font-family: 'Lucida Grande', Geneva, Arial, Verdana, monospace; font-size: 12px; overflow: hidden; text-indent: -2.1em; }
 * //* strip "Item:" namespace from category pages fix end */

/** * Universal RecentChanges, Watchlist, and Contributions color modification * BY: User:Technical_13 * Created 10:20(EDT), March 27, 2013 strong.mw-plusminus-pos { color: #00FF00 !important; } strong.mw-plusminus-null { color: #777777 !important; } strong.mw-plusminus-neg { color: #FF0000 !important; }*/
 * //* Going to change this into a Gadget I think...

/* Broken CSS fix attempt. User:.../truglass.css fails to load... Let's bump it up one notch... */ .inlinlist, .inlinlist ul, .inlinlist ol, .inlinlist li { margin: 0px; padding: 0px; }

.inlinlist li { display: inline; } background: none; border: none; font-size: 10px; margin: 0em 0em 0em 2em; padding: 0px; } content: "[ "; } color: #000000; font-size: 10px; } content: "\00A0\24C8"; font-size: 90%; } .dropdown { font: 10px "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif; } /* END of Truglass fixes */
 * 1) cactions span#ca-nstab-project,
 * 2) cactions span#ca-nstab-item {
 * 1) cactions span#ca-nstab-project:before,
 * 2) cactions span#ca-nstab-item:before {
 * 1) sidebar h3 {
 * 1) content a.stub:hover:after {

/* Default style for navigation boxes */ .navbox {/* Navbox container style */ border: 1px solid #AAAAAA; clear: both; font-size: 88%; margin: auto; padding: 1px; text-align: center; width: 100%; } .navbox-inner, .navbox-subgroup { width: 100%; } .navbox-group, .navbox-title, .navbox-abovebelow { padding: 0.25em 1em;/* Title, group and above/below styles */ line-height: 1.5em; text-align: center; } th.navbox-group {/* Group style */ white-space: nowrap; /* @noflip */ text-align: right; } .navbox, .navbox-subgroup { background-color: #FDFDFD;/* Background color */ } .navbox-list { line-height: 1.8em; border-color: #FDFDFD;/* Must match background color */ } .navbox th, .navbox-title { background-color: #CCCCFF;/* Level 1 color */ } .navbox-abovebelow, th.navbox-group, .navbox-subgroup .navbox-title { background-color: #DDDDFF;/* Level 2 color */ } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background-color: #E6E6FF;/* Level 3 color */ } .navbox-even { background-color: #F7F7F7;/* Even row striping */ } .navbox-odd { background: transparent;/* Odd row striping */ } table.navbox + table.navbox {/* Single pixel border between adjacent navboxes */ margin-top: -1px;   /* (doesn't work for IE6, but that's okay)     */ } .navbox .hlist td dl, .navbox .hlist td ol, .navbox .hlist td ul, .navbox td.hlist dl, .navbox td.hlist ol, .navbox td.hlist ul { padding: 0.125em 0em;/* Adjust hlist padding in navboxes */ } ol + table.navbox, ul + table.navbox { margin-top: 0.5em;/* Prevent lists from clinging to navboxes */ }

/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript in MediaWiki:Common.js are styled here so they can be customised. */ .collapseButton { /* @noflip */ float: right; font-weight: normal; /* @noflip */ margin-left: 0.5em; /* @noflip */ text-align: right; width: auto; }

/* Styling for JQuery makeCollapsible, matching that of collapseButton */ .mw-collapsible-toggle { font-weight: normal; /* @noflip */ text-align: right; } .navbox .mw-collapsible-toggle { width: 6em; }

/* Class to easily hide an element */ .hidden { display: none; }

/* Begin Item Display CSS attributes */ /* The following ItemDisplay... attributes are added by Joe to be used by ItemDisplay... templates */ /* Added to Mediawiki:Common.css */ /* until individual unique themes can be created and migrated to skin css files ( vector ... truglass ... simple ) */

/* classes used on Template pages */ table.ItemDisplayTemplateOuterTable { background-color: #CCEEFF; /* color of extra whitespace displayed when column tables are not equal height / outer table border */ border-collapse: collapse; /* this gets rid of ~1px extra margin between outer table and inside tables */ }

table.ItemDisplayTemplateOuterTable tr { vertical-align: top; /* this will top align both details side and images side */ }

table.ItemDisplayTemplateOuterTable th { background-color: #AACCFF; padding: 2px 10px; vertical-align: middle; white-space: nowrap; }

table.ItemDisplayTemplateOuterTable td.ItemDisplayTemplateExampleValue { background-color: #FFFFFF; padding-top: 15px; }

table.ItemDisplayTemplateOuterTable td { background-color: #CCEEFF; padding: 2px 10px; }

/* classes used on Ammunition pages */ table.ItemDisplayAmmunitionOuterTable { width: 100%; /* set the outer table to expand width to maximum allowed */ /* height: 100%; */ /* this value is needed when either inside table is configured to expand height */ background-color: #F0D1E0; /* color of extra whitespace displayed when column tables are not equal height / outer table border */ border-collapse: collapse; /* this gets rid of ~1px extra margin between outer table and inside tables */ }

table.ItemDisplayAmmunitionOuterTable tr { vertical-align: top; /* this will top align both details side and images side */ }

table.ItemDisplayAmmunitionOuterTable td { width: 100%; /* set cells to expand to fill parent block element */ }

table.ItemDisplayAmmunitionDetailsTable { background-color: #F0D1E0; /* color of cell borders in details table */ width: 100%; /* set details table to expand to fill parent block element */ }

table.ItemDisplayAmmunitionDetailsTable th { background-color: #E6B2CC; /* background color of detail name cells */ /* border: 2px outset; */ padding: 2px 10px; vertical-align: middle; white-space: nowrap; } table.ItemDisplayAmmunitionDetailsTable td { background-color: #EBC2D6; /* background color of detail data cells */ /* border: 2px outset; */ padding: 2px 10px; }

table.ItemDisplayAmmunitionImagesTable { background-color: #F0D1E0; /* background color for images table (column) */ padding: 10px 0px; width: 100%; }

table.ItemDisplayAmmunitionImagesTable tr { /* intentionally empty??? */ }

table.ItemDisplayAmmunitionImagesTable td { /* background-color: #EEFFCC; */ /* don't think this parameter is used */ /* border: 2px outset; */ padding: 15px 10px; }

/* classes used on Armor pages */ table.ItemDisplayArmorOuterTable { background-color: #E0D1B2; /* color of extra whitespace displayed when column tables are not equal height / outer table border */ border-collapse: collapse; /* this gets rid of ~1px extra margin between outer table and inside tables */ /* height: 100%; */ /* this value is needed when either inside table is configured to expand height */ width: 100%; /* set the outer table to expand width to maximum allowed */ }

table.ItemDisplayArmorOuterTable tr { vertical-align: top; /* this will top align both details side and images side */ }

table.ItemDisplayArmorOuterTable td { width: 100%; /* set cells to expand to fill parent block element */ }

table.ItemDisplayArmorDetailsTable { background-color: #E0D1B2; /* color of cell borders in details table */ width: 100%; /* set details table to expand to fill parent block element */ }

table.ItemDisplayArmorDetailsTable th { background-color: #CCB280; /* background color of detail name cells */ /* border: 2px outset; */ padding: 2px 10px; vertical-align: middle; white-space: nowrap; } table.ItemDisplayArmorDetailsTable td { background-color: #D6C299; /* background color of detail data cells */ /* border: 2px outset; */ padding: 2px 10px; } table.ItemDisplayArmorImagesTable { background-color: #E0D1B2; /* background color for images table (column) */ padding: 10px 0px; width: 100%; }

table.ItemDisplayArmorImagesTable tr { /* intentionally empty??? */ }

table.ItemDisplayArmorImagesTable td { /* background-color: #EEFFCC; */ /* don't think this parameter is used */ /* border: 2px outset; */ padding: 15px 10px; }

/* classes used on Component pages */ table.ItemDisplayComponentOuterTable { background-color: #CCEEFF; /* color of extra whitespace displayed when column tables are not equal height / outer table border */ border-collapse: collapse; /* this gets rid of ~1px extra margin between outer table and inside tables */ /* height: 100%; */ /* this value is needed when either inside table is configured to expand height */ width: 100%; /* set the outer table to expand width to maximum allowed */ }

table.ItemDisplayComponentOuterTable tr { vertical-align: top; /* this will top align both details side and images side */ }

table.ItemDisplayComponentOuterTable td { width: 100%; /* set cells to expand to fill parent block element */ }

table.ItemDisplayComponentDetailsTable { background-color: #CCEEFF; /* color of cell borders in details table */ width: 100%; /* set details table to expand to fill parent block element */ }

table.ItemDisplayComponentDetailsTable th { background-color: #A3BECC; /* background color of detail name cells */ /* border: 2px outset; */ padding: 2px 10px; vertical-align: middle; white-space: nowrap; } table.ItemDisplayComponentDetailsTable td { background-color: #B8D6E6; /* background color of detail data cells */ /* border: 2px outset; */ padding: 2px 10px; }

table.ItemDisplayComponentImagesTable { background-color: #CCEEFF; /* background color for images table (column) */ padding: 10px 0px; width: 100%; }

table.ItemDisplayComponentImagesTable tr { /* intentionally empty??? */ }

table.ItemDisplayComponentImagesTable td { /* background-color: #EEFFCC; */ /* don't think this parameter is used */ /* border: 2px outset; */ padding: 15px 10px; }

/* End Item Display CSS attributes */

/* Warning boxes for things like the block log on IP/user pages should be formatted as such */ div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon { background: none repeat scroll 0% 0% #FFDBDB; border: 1px solid #BB7070; clear: both; margin: 0.2em 0px; padding: 0.25em 0.9em; }

.center { text-align: center !important; width: inherit !important; }

.middle { vertical-align: middle; }