MediaWiki:Common.css

/** CSS placed here will be applied to all skins */

/* Temporary measure to tell people to ^F5/shift-refresh to get the CSS */ .haveskillcss { display: none; }

/* For progression tables, Template:Progression (used in Template:Skill box) */ table.progression { padding: 2px; background: #f9f9f9; border: 2px solid black; border-collapse: collapse; margin-bottom: 0.5em; margin-top: 0.5em; }

table.progression td, table.progression th { width: 3%; border: 1px solid black; text-align: center; }

table.progression td.firstcol { font-weight: bold; border-right: 2px solid black }

table.progression tr.firstrow td { border-bottom: 2px solid black; }

table.progression tr.firstrow td.firstcol { white-space: nowrap; }

table.progression tr.firstrow td.p0, table.progression tr.firstrow td.p12 { font-weight: bold; }

table.progression td.p12 { border-right: 2px solid black; }

/* For the basic skill box, Template:Skill box */ div.skillbox { position: relative; float: right; }

div.editskill { font-size: 80%; text-align: right; }

table.skillbox { margin-left: 1em; margin-bottom: 1.25em; border-collapse: collapse; padding: 0px; }

table.skillbox td.name { text-align: center; font-weight: bold; background: lightgreen; border:1px black solid; }

table.skillbox td.icon { text-align: center; padding: 1px; border: 1px black solid; }

table.skillbox td.stats { border: 1px black solid; padding: 0px; }

table.skillbox td.properties { border: 1px black solid; }

table.skillproperties { border:none; padding:2px; }

table.skillproperties td.campaign, table.skillproperties td.type, table.skillproperties td.profession, table.skillproperties td.attribute { text-align: right; font-weight: bold; }

table.skillproperties td.campaigndata, table.skillproperties td.typedata, table.skillproperties td.professiondata, table.skillproperties td.attributedata { white-space: nowrap; }

/* For various displays of skill stats, used in many skill boxes */ table.skillstats { width: 100%; border: none; background: transparent; padding: 0px; margin: 0px; }

table.skillstats td.stat { text-align: right; width: 13%; border: none; padding: 0px; margin: 0px; }

table.skillstats td.statdata { text-align: left; width: 12%; border: none; padding: 0px; margin: 0px; }

div.fakeh2 { width: 100%; color: black; background: none; font-weight: normal; margin: 0; padding-top: .5em; padding-bottom: .17em; border-bottom: 1px solid #aaa; font-size: 150%; }

/* For other types of skill boxes (qr, ias, fail, etc.) qr mostly gets its own classes since it specifies widths to get multiple, separate tables on the same page to align columns other templates should try to use the other classes */ table.qr { width: 100%; padding: 1px; border: 1px solid black; border-collapse: collapse; clear: right; }

table.qr td, table.qr th { vertical-align: middle; text-align: left; border: 1px solid black; padding: 1px; }

table.qr td.name { padding-left: 2px; text-align: left; font-weight: bold; }

table.qr td.smallskillicon { width: 25px; height: 25px; }

table.qr td.skillicon { width: 64px; width: 64px; }

table.qr td.qrname { width: 100px; padding: 0px 6px; font-weight: bold; } /* no idea why padding is set like this, someone else did it */

table.qr td.qrdesc { padding: 0px 6px; } /* still no idea. Don't ask me. I just work here. */

table.qr td.qrstats { width: 176px; height: 27px; padding: 0px; margin: 0px; } /* height is the height of the recharge image, the tallest icon (I think) */

table.qr td.qrcampaign { width: 121px; text-align: center; }

table.qr td.qrdupe { width: 30px; text-align: center; padding: 2px }

table.qr td.qrquest { width: 17px; text-align: center; padding: 2px; }

table.qr div.editsection { font-weight: normal; }

table.qr span.desctype { font-weight: bold; }

table.qr td.elite { background: gold; }

table.qr td.nonelite { background: lightgreen; }

table.qr td.qrnonelite { background: black; }

table.qr td.data { text-align: center; }

table.qr td.notes { padding-left: 0.5em; padding-right: 0.5em; }

table.qr td.type { text-align: center; font-weight: bold; }

table.qr td.stats { padding: 0px; width: 180px; }

table.qr td.shorthandattr { white-space: nowrap; padding-right: 0.5em; }

table.qr td.shorthandcam { font-weight: bold; text-align: center; }

/*

Styles for the build template


div.build-types li { display: inline; list-style: none; }

div.build-types a { display: block; float: left; width: 5em; text-align: center; font-size: 1.1em; font-weight: bold; margin: 1px; color: black; text-decoration: none; }

div.build-types .pvp a { background: #fed; border: 3px solid #f40; }

div.build-types .pve a { background: #ddf; border: 3px solid #22f; }

div.build-types .campaign a { background: #cf9; border: 3px solid #0c0; }

/*

Styles for profession colours


.warrior	{ background-color: #FF8; border: 1px solid #EA3; } .ranger 	{ background-color: #CF9; border: 1px solid #5A0; } .monk 		{ background-color: #ACF; border: 1px solid #44B; } .necromancer 	{ background-color: #9FC; border: 1px solid #0A5; } .mesmer 	{ background-color: #DAF; border: 1px solid #80A; } .elementalist 	{ background-color: #FBB; border: 1px solid #B33; } .assassin 	{ background-color: #FCE; border: 1px solid #A08; } .ritualist 	{ background-color: #BFF; border: 1px solid #0AA; } .paragon 	{ background-color: #FC9; border: 1px solid #960; } .dervish 	{ background-color: #DDF; border: 1px solid #77C; } .no-profession 	{ background-color: #DDD; border: 1px solid #666; }