MediaWiki:Common.css

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

/* Ensuring Wikia advertisements stay within the area defined by Wikia instead of flowing outside */ .wikia_ad { overflow:hidden; }

/* Reverting big get ugly bar that reminds you that you just clicked "Preview" (gee thanks Wikia!) */ display: block; } div.previewnote { display:block !important; }
 * 1) new_edit_page_preview_notice { display:none; }
 * 2) wikiPreview > :first-child {

/* revert Wikia's NewEditPage.css */ .firstHeading, /* #siteSub, /* = "from GuildWiki" */ .mw-newarticletext, .previewnote, .usermessage { display: block !important; }
 * 1) siteNotice,
 * 1) contentSub,
 * 2) mw-anon-edit-warning,
 * 1) user_masthead,

/* SMW autocomplete YUI got messed up by with Wikia YUI CSS, fix */ .infobox .yui-ac-container { position: static; width: auto; } .infobox .yui-ac-content { right: 0; width: auto; } /* Inline widgets, so embeded widgets don't look like ugly blocks */ .inlinewidget .widgetTag { display:inline; } .inlinewidget .widget { background:inherit; color:inherit; border:none; margin: 0 !important; padding: 0 !important; } .inlinewidget .widget dd { padding: 0; } .inlinewidget .widget.WidgetTips .WidgetTipsSelector { margin: 0; display:none; } .inlinewidget .widget.WidgetTips, .inlinewidget .widget.WidgetTips dd, .inlinewidget .widget.WidgetTips ul, .inlinewidget .widget.WidgetTips li{ display:inline; }

/* Forcing certain items to NOT have clears */ .clearnone { clear: none !important; }

/* allows positioning relative to article box without site notice etc.; needed for Languages project */ div#bodyContent { position:relative; }
 * 1) editingTips { left:-215px; } /* adjust because the above line breaks the editing tips position */

/* space for "new section" link placed at bottom, see Template:NewSection */ div#bodyContent { margin-bottom:2em; }

/* background: transparent url(http://images.wikia.com/gw/images/0/03/Wp_icon.gif) no-repeat scroll right center; padding-right: 18px; }
 * 1) bodyContent a[href^="http://en.wikipedia.org/"] {

/* Fixing an issue with the image upload edittool when the license template is bigger than the uploadtool's interface window */ div#WMU_div div#ImageUploadBody{ overflow: auto; }

.wikiaSkinMonaco div#sidebar_l { height: auto !important; }

background:none; padding-right: 0; }
 * 1) bodyContent a[href^="http://guildwars.wikia.com/"] {

.linksnowrap a { white-space: nowrap; }

.noeditsection .editsection { display:none; }

background-color: inherit; } table { background-color: inherit; }   background-color: inherit; }
 * 1) bodyContent {
 * 1) wikiPreview {

/* General stuff */ color: #BA0000; } color: #A55858; } .darkText, #content .darkText, #article .darkText { color: black; }	color: #002bb8; }	color: #5a3696; }	color: #faa700; }	color: #772233; }	color: #ba0000; }	color: #a55858; }       color: #3366BB; }
 * 1) bodyContent .redlinks a[href^="http://guildwars.wikia.com/"] {
 * 1) bodyContent .redlinks a[href^="http://guildwars.wikia.com/"]:visited {
 * 1) bodyContent .darkText a, #bodyContent a[href^="http://guildwars.wikia.com/"] {
 * 1) bodyContent .darkText a:visited, #bodyContent a[href^="http://guildwars.wikia.com/"]:visited {
 * 1) bodyContent .darkText a:active, #bodyContent a[href^="http://guildwars.wikia.com/"]:active {
 * 1) bodyContent .darkText a.stub {
 * 1) bodyContent .darkText a.new {
 * 1) bodyContent .darkText a.new:visited {
 * 1) bodyContent .darkText a.extiw, #bodyContent .darkText a.extiw:active, #bodyContent .darkText a.external {

div#ue_msg { border-style:none; background-color:transparent; }

/* Main-page specific class (can be used for other pages too) */ .MainPageBox { vertical-align:top; border-style: solid; border-width: 1px 3px 3px 1px;  /* Top, Right, Bottom, Left */ padding: 0.5em 1em; } .MainPageBox h2 { margin:0; padding:0.2em 0.4em; border-width:1px; border-style:solid; color:black; font-size:120%; font-weight:bold; } /* this is incompatible with IE6, does not display headings */ .MainPageBox h2 { display:none; } .MainPageBox h2 + h2 { display:block; }

/* edit section link */ .MainPageBox h2 span { float:right; font-weight:normal; font-size:84%; } /* setting colors for the boxes, needs to be central so we can use ==headings== that create sections */ .MainPageBox#predictions      { background-color: white; border-color: black; } .MainPageBox#nicholas         { background-color: #f0f0f0; border-color: black; } .MainPageBox#nicholas h2      { background-color: #dddddd; border-color: #888888; } .MainPageBox#whats_new        { background-color: #fffad1; border-color: #ffcc00; } .MainPageBox#whats_new h2     { background-color: #fff0cc; border-color: #ffcc00; } .MainPageBox#game_basics      { background-color: #fff3f3; border-color: #ffa2a2; } .MainPageBox#game_basics h2   { background-color: #ffe3e3; border-color: #ffa2a2; } .MainPageBox#glossary_box     { background-color: #f0fff0; border-color: #80e080; } .MainPageBox#glossary_box h2  { background-color: #e0ffe0; border-color: #80e080; } .MainPageBox#gameplay_types   { background-color: #f0f0ff; border-color: #a0a0ff; } .MainPageBox#gameplay_types h2 { background-color: #e0e0ff; border-color: #a0a0ff; } .MainPageBox#community_box    { background-color: #fff3f3; border-color: #ffa2a2; } .MainPageBox#community_box h2 { background-color: #ffe3e3; border-color: #ffa2a2; }

/* Navbar stuff */

li.suggesta a { color: #0023A2; }

font-size: 1em; border-bottom: 1px solid #000; background: #eee; }
 * 1) navbar {

/* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at Wikipedia:NavFrame. */

div.Boxmerge, div.NavFrame { margin: 0px; padding: 2px; border: 1px solid #aaaaaa; text-align: center; border-collapse: collapse; font-size: 95%; } div.Boxmerge div.NavFrame { border-style: none; border-style: hidden; } div.NavFrame + div.NavFrame { border-top-style: none; border-top-style: hidden; } div.NavPic { background-color: #ffffff; margin: 0px; padding: 2px; float: left; } div.NavFrame div.NavHead { height: 1.6em; font-weight: bold; font-size: 100%; background-color: #efefef; position:relative; } div.NavFrame p { font-size: 100%; } div.NavFrame div.NavContent { font-size: 100%; } div.NavFrame div.NavContent p { font-size: 100%; } div.NavEnd { margin: 0px; padding: 0px; line-height: 1px; clear: both; } a.NavToggle { position:absolute; top:0px; right:3px; font-weight:normal; font-size:smaller; }

position:absolute; z-index:1; border:none; background:none; right:30px; top:3.7em; float:right; margin:0.0em; padding:0.0em; line-height:1.5em; text-align:right; text-indent:0; font-size:85%; text-transform:none; white-space:nowrap; }
 * 1) coordinates {

/*

Infobox
Common styles shared by infoboxes (boxes summarizing info about the article, floated to the right). table.infobox { margin: 0 0 0 5px; /* Top, Right, Bottom, Left */ border-collapse: collapse; background: inherit; float:right; clear:none !important; padding: 0px; /* max-width: 250px; /* Images inside infobox can still stretch the box to be wider */ } table.infoboxextended { clear:right !important; } table.infobox th, table.infobox td { border:1px solid silver; text-align: center; }

table.infobox table th { border: 0px; text-align: right; } table.infobox table td { border: 0px; text-align: left; }

table.infobox a{ white-space:nowrap; }

/*

Skill-related stuff
For progression tables, Template:Progression (used in Template:Skill box) */ table.progression { padding: 2px; border: 2px solid silver; border-collapse: collapse; margin-top: 5px; }

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

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

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

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 silver; }

/* For the basic skill box, Template:Skill box */

div.fakeh2 .editsection { font-size: 50%; float:right; }

table.skillbox { margin-left: 1em; margin-bottom: 1.25em; border-collapse: collapse; padding: 0px; background: inherit; float:right; clear:right; }

table.skillbox > tbody > tr > th, table.skillbox > tbody > tr > td { border:1px solid silver; text-align: center; }

table.skillbox th.name { background: #90EE90; }

table.skillbox th.icon { padding: 1px; }

table.skillbox td.stats { padding: 0px; }

table.skillbox-properties * { white-space: nowrap; } table.skillbox-properties th { padding:2px; text-align: right; } table.skillbox-properties td { text-align: left; } table.skillbox-properties td.professionicon { vertical-align: top; text-align: right; } table.skillproperties { border:none; padding:2px; }

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

table.skillproperties td.campaigndata, table.skillproperties td.typedata, table.skillproperties td.professiondata, table.skillproperties td.attributedata { border: none; text-align: left; white-space: nowrap; }

/* For various displays of skill stats, used in many skill boxes */ table.skillstats { width: 100%; border: none; padding: 0px; margin: 0px; } table.skillstats th { text-align: right; width: 13%; padding: 0px; margin: 0px; border:none !important; } table.skillstats td { text-align: left; width: 12%; padding: 0px; margin: 0px; border:none !important; }

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

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

div.fakeh3 { color: black; background: none; margin: 0; padding-top: .5em; padding-bottom: .17em; font-weight: bold; font-size: 132%; }

/* 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: #FFD700; }

table.qr td.nonelite { background: #90EE90; }

table.qr td.qrnonelite { background: #000000; }

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; }

a.utilitylink:before, .utilitylinks a:before { content:'[' } a.utilitylink:after, .utilitylinks a:after { content:']' }

/*

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; }

/*

Hiding specific columns in tables
Supports hidecol1 ~ hidecol10 table.hidecol1 th + th {display:table-cell;} table.hidecol1 th {display:none;} table.hidecol1 td + td {display:table-cell;} table.hidecol1 td {display:none;}

table.hidecol2 th + th + th {display:table-cell;} table.hidecol2 th + th {display:none;} table.hidecol2 td + td + td {display:table-cell;} table.hidecol2 td + td {display:none;}

table.hidecol3 th + th + th {display:none;} table.hidecol3 th + th + th + th {display:table-cell;} table.hidecol3 td + td + td {display:none;} table.hidecol3 td + td + td + td {display:table-cell;}

table.hidecol4 th + th + th + th {display:none;} table.hidecol4 th + th + th + th + th {display:table-cell;} table.hidecol4 td + td + td + td {display:none;} table.hidecol4 td + td + td + td + td {display:table-cell;}

table.hidecol5 th + th + th + th + th {display:none;} table.hidecol5 th + th + th + th + th + th {display:table-cell;} table.hidecol5 td + td + td + td + td {display:none;} table.hidecol5 td + td + td + td + td + td {display:table-cell;}

table.hidecol6 th + th + th + th + th + th {display:none;} table.hidecol6 th + th + th + th + th + th + th {display:table-cell;} table.hidecol6 td + td + td + td + td + td {display:none;} table.hidecol6 td + td + td + td + td + td + td {display:table-cell;}

table.hidecol7 th + th + th + th + th + th + th {display:none;} table.hidecol7 th + th + th + th + th + th + th + th {display:table-cell;} table.hidecol7 td + td + td + td + td + td + td {display:none;} table.hidecol7 td + td + td + td + td + td + td + td {display:table-cell;}

table.hidecol8 th + th + th + th + th + th + th + th {display:none;} table.hidecol8 th + th + th + th + th + th + th + th + th {display:table-cell;} table.hidecol8 td + td + td + td + td + td + td + td {display:none;} table.hidecol8 td + td + td + td + td + td + td + td + td {display:table-cell;}

table.hidecol9 th + th + th + th + th + th + th + th + th {display:none;} table.hidecol9 th + th + th + th + th + th + th + th + th + th {display:table-cell;} table.hidecol9 td + td + td + td + td + td + td + td + td {display:none;} table.hidecol9 td + td + td + td + td + td + td + td + td + td {display:table-cell;}

table.hidecol10 th + th + th + th + th + th + th + th + th + th {display:none;} table.hidecol10 th + th + th + th + th + th + th + th + th + th + th {display:table-cell;} table.hidecol10 td + td + td + td + td + td + td + td + td + td {display:none;} table.hidecol10 td + td + td + td + td + td + td + td + td + td + td {display:table-cell;}

/*

TOC display level limiter
will only displays up to level i .toc1 li.toclevel-6, .toc1 li.toclevel-5, .toc1 li.toclevel-4, .toc1 li.toclevel-3, .toc1 li.toclevel-2 {display:none} .toc2 li.toclevel-6, .toc2 li.toclevel-5, .toc2 li.toclevel-4, .toc2 li.toclevel-3 {display:none} .toc3 li.toclevel-6, .toc3 li.toclevel-5, .toc3 li.toclevel-4 {display:none} .toc4 li.toclevel-6, .toc4 li.toclevel-5 {display:none} .toc5 li.toclevel-6 {display:none} /*

/*

RC Coloring
*/

.mw-plusminus-pos { color: #006500; } .mw-plusminus-neg { color: #8B0000; }

/* */

/*

Tabifying Monaco page-bar
*/ body.wikiaSkinMonaco #page_bar { padding-top: 5px; } body.wikiaSkinMonaco #page_bar ul li { line-height: 27px; } body.wikiaSkinMonaco #page_controls li { margin-right: 3px; padding-left: 26px; padding-right: 8px; background: #EEEEEE; } body.wikiaSkinMonaco #page_controls li.selected { background: white; } body.wikiaSkinMonaco #page_controls li a { color: black; } body.wikiaSkinMonaco #page_controls li div { margin-top: 5px; margin-left: 5px; } body.wikiaSkinMonaco #page_tabs li { height: auto; margin-top: 0px; margin-left: 3px; }

/* */ /*

Anti-vandalism patches
.firstHeading { font-family: serif; }

.external * { z-index: -65535; }

.portlet, .portlet * { z-index: 10; }

/* */ /*

Formatting fix for Special:Editcount
.ecmaintable { font-size: 10pt !important; }

/* I want to do "; syntax : Usage", and for that italics in "syntax" should not be bold */ dt i { font-weight:normal; } dt b i { font-weight:bold; } /* be bold if user made them so */

/* Dialogue formatting */ div.dialogue p { text-indent:-4em; margin-left:4em; font-weight:bold; } div.dialogue p i { font-weight:normal; } div.dialogue h4 { font-style:italic; margin-top:1.5ex; font-size:1em; } div.dialogue div.poem p { text-indent:0em; margin-left:4em; font-weight:normal; font-style:italic; }

/* Vertically-aligned table class */ table.aligntop tr td { vertical-align:top; } table.alignbottom tr td { vertical-align:bottom; }

/* STDT - CSS-ified Template:STDT */ table.stdt { border: 2px ridge gray; border-spacing: 0px; border-collapse:collapse; } table.stdt td { border: 2px ridge gray; padding: 2px; } table.stdt th { border: 2px ridge gray; padding: 2px; }

/* Armor crafting boxes : emulates STDT + specialized alignment */ table.armorcraftingbox { } table.armorcraftingbox td { text-align: right; } table.armorcraftingbox th { text-align: center; } table.armorcraftingbox th + td { text-align: center; } table.armorcraftingbox th + td + td { text-align: center; }

/* Navbox table style */ table.navbox { border: 1px solid silver; font-size: 90%; width: 90%; line-height:125%; text-align: left; margin: auto; clear:both; } table.navbox th[colspan] { font-size: 110%; line-height:150%; } table.navbox th { background:lightblue; text-align: center; padding:0.1em 1em; } table.navbox p { margin:0; line-height:100%; } table.navbox a { white-space:nowrap; }

/* Stacking two small lines inline, for use in signatures (see GuildWiki:CSS classes) */ span.sig-stack { height:19px; position:relative; font-size:0.7em; line-height:0.7em; } span.sig-stack span:first-child { position:relative; top:0.5em; } span.sig-stack span + span { position:absolute; top:-0.5em; left:0;}

/* define icons for all Guild Wars wikis, see GuildWiki:Languages */ .interwiki a[href^="http://wiki.guildwars.com"]       { background:url(http://wiki.guildwars.com/favicon.ico) center right no-repeat !important; padding-right: 18px !important; } .interwiki a[href^="http://www.pvxwiki.com"]          { background:url(http://www.pvxwiki.com/w/favicon.ico) center right no-repeat !important; padding-right: 18px !important; } .interwiki a[href^="http://www.guildwiki.de"]         { background:url(http://www.guildwiki.de/favicon.ico) center right no-repeat !important; padding-right: 18px !important; } .interwiki a[href^="http://de.guildwars.wikia.com"]   { background:url(http://images.wikia.com/guildwars/de/images//6/64/Favicon.ico) center right no-repeat !important; padding-right: 18px !important; } .interwiki a[href^="http://www.guildwiki.es"]         { background:url(http://www.guildwiki.es/zz/gwes.gif) center right no-repeat !important; padding-right: 18px !important; } /* .interwiki a[href^="http://www.guildwiki.es"]          { background:url(http://upload.wikimedia.org/wikipedia/commons/thumb/6/61/Roundel_of_the_Spanish_Air_Force.svg/16px-Roundel_of_the_Spanish_Air_Force.svg.png) center right no-repeat !important; padding-right: 18px !important; } */ .interwiki a[href^="http://es.guildwars.wikia.com"]   { background:url(http://images.wikia.com/guildwars/es/images//6/64/Favicon.ico) center right no-repeat !important; padding-right: 18px !important; } .interwiki a[href^="http://www.gwiki.fr"]             { background:url(http://www.gwiki.fr/w/favicon.ico) center right no-repeat !important; padding-right: 18px !important; } .interwiki a[href^="http://fr.guildwars.wikia.com"]   { background:url(http://images.wikia.com/guildwars/fr/images/6/64/Favicon.ico) center right no-repeat !important; padding-right: 18px !important; } .interwiki a[href^="http://guildwiki.thelair.it"]     { background:url(http://upload.wikimedia.org/wikipedia/commons/b/b0/Icons-flag-it.png) center right no-repeat !important; padding-right: 18px !important; } .interwiki a[href^="http://nl.guildwars.wikia.com"]   { background:url(http://images.wikia.com/guildwars/nl/images//6/64/Favicon.ico) center right no-repeat !important; padding-right: 18px !important; } .interwiki a[href^="http://pl.guildwars.wikia.com/"]  { background:url(http://images.wikia.com/guildwars/pl/images//6/64/Favicon.ico) center right no-repeat !important; padding-right: 18px !important; } .interwiki a[href^="http://pt-br.guildwars.wikia.com"] { background:url(http://images.wikia.com/guildwars/pt-br/images//6/64/Favicon.ico) center right no-repeat !important; padding-right: 18px !important; } .interwiki a[href^="http://zh-tw.guildwars.wikia.com"] { background:url(http://images.wikia.com/guildwars/images/6/64/Favicon.ico) center right no-repeat !important; padding-right: 18px !important; } .interwiki a[href^="http://guildwarscn.wikia.com"]    { background:url(http://images.wikia.com/guildwarscn/images/6/64/Favicon.ico) center right no-repeat !important; padding-right: 18px !important; }

/* SMW */ /* Hiding the default factboxes to avoid annoying the hell out of everybody */ .smwfact{ display:none; }

/* Winter */ /* make an icy box/whatever "manually" */ .icebox { background:url(http://images1.wikia.nocookie.net/gw/images/0/08/Ice_crystal_background.jpg) 315px 180px repeat ; }

/* poll width, see http://help.wikia.com/wiki/Help_talk:Polls#Changing_the_width_of_your_polls */ div.ajax-poll { width:auto !important ; }

/* empty MW messages set by Wikia */ .emptymwmsg { display:none; }

/* see sigpic .sigpic a { background:url("http://images2.wikia.nocookie.net/gw/images/e/e2/Chili_sigpic.png") center right no-repeat; padding-right: 18px; } /*  */