MediaWiki:Common.css

/* Header styles */
.poe1 {
	background-color: rgba(0, 0, 0, 0.5);
	border: 1px solid #75511d;
}
#pt-userpage, 
#pt-anonuserpage, 
#pt-login {
	background: url("//pool.pathofexilewiki.com/w/images/Curse_user_icon.png") left top no-repeat;
	padding-left: 10px !important;
}
body.page-Path_of_Exile_Wiki h1.firstHeading { display:none; }

/* Infobox template style */
.infobox {
	border: 1px solid #75511D;
	background-color: #141414;
	color: #A38D6D;
	/* @noflip */
	margin: 0.5em 0 0.5em 1em;
	padding: 0.2em;
	/* @noflip */
	float: right;
	/* @noflip */
	clear: right;
	/* @noflip */
	text-align: left;
	font-size: 88%;
	line-height: 1.5em;
}
.infobox caption {
	font-size: 125%;
	font-weight: bold;
}
.infobox td,
.infobox th {
	vertical-align: top;
}
.infobox.bordered {
	border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
	border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
	border: 0;
}

.infobox.sisterproject {
	width: 20em;
	font-size: 90%;
}

.infobox.standard-talk {
	border: 1px solid #c0c090;
	background-color: #f8eaba;
}

.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
	border: 1px solid #c0c090;
}

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
	border: 0;
	border-top: 1px solid #aaa;
	/* @noflip */
	border-right: 1px solid #aaa;
}

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
	border: 0;
	/* @noflip */
	border-right: 1px solid #aaa;
}

/* Default style for navigation boxes */
.navbox {                     /* Navbox container style */
	border: 1px solid #75511D;
	width: 100%;
	margin: auto;
	clear: both;
	font-size: 88%;
	text-align: center;
	padding: 1px;
}
.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: #101010;      /* Background color */
}
.navbox-list {
	line-height: 1.8em;
	border-color: #101010;    /* Must match background color */
}
.navbox th,
.navbox-title {
	background: #141414;      /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
	background: #101010;      /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
	background: #141414;      /* Level 3 color */
}
.navbox-even {
	background: #101010;      /* Even row striping */
}
.navbox-odd {
	background: #101010;  /* 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 0;       /* Adjust hlist padding in navboxes */
}
ol + table.navbox,
ul + table.navbox {
	margin-top: 0.5em;        /* Prevent lists from clinging to navboxes */
}

/* Default styling for Navbar template */
.navbar {
	display: inline;
	font-size: 88%;
	font-weight: normal;
}
.navbar ul {
	display: inline;
	white-space: nowrap;
}
.navbar li {
	word-spacing: -0.125em;
}
.navbar.mini li span {
  font-variant: small-caps;
}
/* Navbar styling when nested in infobox and navbox */
.infobox .navbar {
	font-size: 100%;
}
.navbox .navbar {
	display: block;
	font-size: 100%;
}
.navbox-title .navbar {
	/* @noflip */
	float: left;
	/* @noflip */
	text-align: left;
	/* @noflip */
	margin-right: 0.5em;
	width: 6em;
}

/* '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;
}

/* In navboxes, the show/hide button balances the v·d·e links
   from [[Template:Navbar]], so they need to be the same width. */
.navbox .collapseButton {
	width: 6em;
}

/* Style for horizontal lists (separator following item).
   Note: hlist formatting will break if the resulting HTML lacks a breakable character
   between list items. This happens when the following conditions are true:
   1) The list is made using wiki markup (where HTML is built by parser.php)
   2) HTMLTidy is disabled or unavailable (such as on Special: pages)
   In such cases, building lists with .hlist using HTML instead of wiki markup
   will work around this problem. See also [[Bugzilla:39617]].
   IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]].
   Last updated: September 23, 2012
   @maintainer: [[User:Edokter]]
   @revision: 2.0
*/
.skin-vector .hlist dl {
	line-height: 1.5em;
}
.hlist dl,
.hlist ol,
.hlist ul {
	margin: 0;
	padding: 0;
}
/* Display list items inline and make them nowrap */
.hlist dd,
.hlist dt,
.hlist li {
	margin: 0;
	display: inline;
}
/* Display nested lists inline and allow them to wrap */
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
	display: inline;
	white-space: normal;
}
/* Generate interpuncts */
.hlist dt:after {
	content: ":";
}
.hlist dd:after,
.hlist li:after {
	content: " ·";
	font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
	content: none;
}
/* For IE8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
	content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
	content: "(";
	font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
	content: ")";
	font-weight: normal;
}
/* For IE8 */
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
	content: ")";
	font-weight: normal;
}
/* Put numbers in front of ordered list items */
.hlist.hnum ol {
	counter-reset: list-item;
}
.hlist.hnum ol > li {
	counter-increment: list-item;
}
.hlist.hnum ol > li:before {
	content: counter(list-item) " ";
}
.hlist.hnum dd ol > li:first-child:before,
.hlist.hnum dt ol > li:first-child:before,
.hlist.hnum li ol > li:first-child:before {
	content: "(" counter(list-item) " ";
}

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

.navbox .selflink {
color:#00B6FF;
}


/* Hatnotes and disambiguation notices */
.rellink,
.dablink {
	font-style: italic;
	/* @noflip */
	padding-left: 1.6em;
	margin-bottom: 0.5em;
}
.rellink i,
.dablink i {
	font-style: normal;
}

abbr.nounderline,
acronym.nounderline {
	border-bottom: none;
}

/* ============ Plainlist ============ */
.plainlist ul {
    line-height: inherit;
    list-style: none outside none;
    margin: 0;
}
.plainlist ul li {
    margin-bottom: 0;
}


/* Icons for Skill Links */
.gem-link a {
	padding: 2px 0 2px 12px;
	background: left center no-repeat;
}
.gem-link.gen-skill a { background-image: url("//pool.pathofexilewiki.com/w/images/Inline_Generic_gem.png"); }
.gem-link.str-skill a { background-image: url("//pool.pathofexilewiki.com/w/images/Inline_Str_gem.png"); }
.gem-link.dex-skill a { background-image: url("//pool.pathofexilewiki.com/w/images/Inline_Dex_gem.png"); }
.gem-link.int-skill a { background-image: url("//pool.pathofexilewiki.com/w/images/Inline_Int_gem.png"); }
.gem-link.str-suppt a { background-image: url("//pool.pathofexilewiki.com/w/images/Inline_Str_support_gem.png"); }
.gem-link.dex-suppt a { background-image: url("//pool.pathofexilewiki.com/w/images/Inline_Dex_support_gem.png"); }
.gem-link.int-suppt a { background-image: url("//pool.pathofexilewiki.com/w/images/Inline_Int_support_gem.png"); }

/* Change the external link icon to an Adobe icon for all PDF files
   in browsers that support these CSS selectors, like Mozilla and Opera */
div#content a[href$=".pdf"].external,
div#content a[href*=".pdf?"].external,
div#content a[href*=".pdf#"].external,
div#content a[href$=".PDF"].external,
div#content a[href*=".PDF?"].external,
div#content a[href*=".PDF#"].external,
div#mw_content a[href$=".pdf"].external,
div#mw_content a[href*=".pdf?"].external,
div#mw_content a[href*=".pdf#"].external,
div#mw_content a[href$=".PDF"].external,
div#mw_content a[href*=".PDF?"].external,
div#mw_content a[href*=".PDF#"].external {
	background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
	/* @noflip */
	padding-right: 18px;
}

/* Change the external link icon to an Adobe icon anywhere the PDFlink class
   is used (notably Template:PDFlink). This works in IE, unlike the above. */
div#content span.PDFlink a,
div#mw_content span.PDFlink a {
	background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
	/* @noflip */
	padding-right: 18px;
}


/* ============ Colours ============ */
.text-stat {
	color: #7f7f7f;
}
.text-help {
	color: #7f7f7f;
	font-style: italic;
}
.text-value {
	color: #ffffff;
}
.text-mod {
	color: #8888ff;
}
.text-fire {
	color: #960000;
}
.text-cold {
	color: #366492;
}
.text-lightning {
	color: #ffd700;
}
.text-cosmetic {
	color: #aa9e82;
}
.text-flavour {
	color: #af6025;
	font-style: italic;
}
.text-gemdesc {
	color: #1aa29b;
}
.text-normal {
	color: #c8c8c8;
}
.text-magic {
	color: #8888ff;
}
.text-rare {
	color: #ffff77;
}
.text-unique {
	color: #af6025;
}
.text-currency {
	color: #aa9e82;
}
.text-gem {
	color: #1aa29b;
}
.text-quest {
	color: #4ae63a;
}


/* ============ Item Box Styles ============ */
.itembox {
	display: table;
	border-width: 1px;
	border-style: solid;
	padding: 2px;
	min-width: 300px;
	text-align: center;
	color: #7f7f7f;
	background-color: #000;
}
.itembox-full {
	float: right;
	margin-left: 14px;
	margin-bottom: 14px;
}
.itembox-normal {
	border-color: #c8c8c8;
}
.itembox-magic {
	border-color: #8888ff;
}
.itembox-rare {
	border-color: #ffff77;
}
.itembox-unique {
	border-color: #af6025;
}
.itembox-currency {
	border-color: #aa9e82;
}
.itembox-gem {
	border-color: #1aa29b;
}
.itembox-quest {
	border-color: #4ae63a;
}
.itemboxheader {
	position: relative;
	font-size: 20px;
	background-repeat: repeat-x;
}
.itembox-normal .itemboxheader {
	color: #c8c8c8;
}
.itembox-magic .itemboxheader {
	color: #8888ff;
}
.itembox-rare .itemboxheader {
	color: #ffff77;
}
.itembox-unique .itemboxheader {
	color: #af6025;
}
.itembox-currency .itemboxheader {
	color: #aa9e82;
}
.itembox-gem .itemboxheader {
	color: #1aa29b;
}
.itembox-quest .itemboxheader {
	color: #4ae63a;
}
.itemboxheader a,
.itemboxheader .selflink {
	font-weight: normal;
	color: inherit !important;
}
.itemboxheader-single {
	height: 34px;
	line-height: 25px;
	background-image: url("http://pool.pathofexilewiki.com/w/images/Hover_header_single_fills.png");
}
.itembox-normal .itemboxheader-single {
	background-position: center 0;
}
.itembox-magic .itemboxheader-single {
	background-position: center -34px;
}
.itembox-rare .itemboxheader-single {
	background-position: center -68px;
}
.itembox-unique .itemboxheader-single {
	background-position: center -102px;
}
.itembox-currency .itemboxheader-single {
	background-position: center -136px;
}
.itembox-gem .itemboxheader-single {
	background-position: center -170px;
}
.itembox-quest .itemboxheader-single {
	background-position: center -204px;
}
.itemboxheader-double {
	height: 54px;
	line-height: 22px;
	background-image: url("http://pool.pathofexilewiki.com/w/images/Hover_header_double_fills.png");
}
.itembox-rare .itemboxheader-double {
	background-position: center 0;
}
.itembox-unique .itemboxheader-double {
	background-position: center -54px;
}
.itemboxheaderleft,
.itemboxheaderright {
	position: absolute;
	background-repeat: no-repeat;
}
.itemboxheaderright {
	right: 0;
}
.itemboxheader-single .itemboxheaderleft,
.itemboxheader-single .itemboxheaderright {
	width: 29px;
	height: 34px;
	background-image: url("http://pool.pathofexilewiki.com/w/images/Hover_header_single_edges.png");
}
.itembox-normal .itemboxheader-single .itemboxheaderleft {
	background-position: left 0;
}
.itembox-normal .itemboxheader-single .itemboxheaderright {
	background-position: right 0;
}
.itembox-magic .itemboxheader-single .itemboxheaderleft {
	background-position: left -34px;
}
.itembox-magic .itemboxheader-single .itemboxheaderright {
	background-position: right -34px;
}
.itembox-rare .itemboxheader-single .itemboxheaderleft {
	background-position: left -68px;
}
.itembox-rare .itemboxheader-single .itemboxheaderright {
	background-position: right -68px;
}
.itembox-unique .itemboxheader-single .itemboxheaderleft {
	background-position: left -102px;
}
.itembox-unique .itemboxheader-single .itemboxheaderright {
	background-position: right -102px;
}
.itembox-currency .itemboxheader-single .itemboxheaderleft {
	background-position: left -136px;
}
.itembox-currency .itemboxheader-single .itemboxheaderright {
	background-position: right -136px;
}
.itembox-gem .itemboxheader-single .itemboxheaderleft {
	background-position: left -170px;
}
.itembox-gem .itemboxheader-single .itemboxheaderright {
	background-position: right -170px;
}
.itembox-quest .itemboxheader-single .itemboxheaderleft {
	background-position: left -204px;
}
.itembox-quest .itemboxheader-single .itemboxheaderright {
	background-position: right -204px;
}
.itemboxheader-double .itemboxheaderleft,
.itemboxheader-double .itemboxheaderright {
	width: 44px;
	height: 54px;
	background-image: url("http://pool.pathofexilewiki.com/w/images/Hover_header_double_edges.png");
}
.itembox-rare .itemboxheader-double .itemboxheaderleft {
	background-position: left 0;
}
.itembox-rare .itemboxheader-double .itemboxheaderright {
	background-position: right 0;
}
.itembox-unique .itemboxheader-double .itemboxheaderleft {
	background-position: left -54px;
}
.itembox-unique .itemboxheader-double .itemboxheaderright {
	background-position: right -54px;
}
.itemboxheadertext {
	padding: 3px 29px;
}
.itemboxheader-double .itemboxheadertext {
	padding: 3px 44px;
}
.itemboxstats,
.itemboximage {
	padding: 6px 12px;
}
.itembox hr {
	margin: 5px 0;
	height: 2px;
	background-color: transparent;
	background-image: url("http://pool.pathofexilewiki.com/w/images/Hover_separators.png");
	background-repeat: no-repeat;
}
.itembox-normal hr {
	background-position: center 0;
}
.itembox-magic hr {
	background-position: center -2px;
}
.itembox-rare hr {
	background-position: center -4px;
}
.itembox-unique hr {
	background-position: center -6px;
}
.itembox-currency hr {
	background-position: center -8px;
}
.itembox-gem hr {
	background-position: center -10px;
}
.itembox-quest hr {
	background-position: center -12px;
}
.itemboxstats li:last-of-type + hr {
	display: none;
}
.itembox-hover {
	position: absolute;
	z-index: 999;
}
.itembox-hover-hide {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}


/* ===== Sidebar ===== */
.sidebar {
	float: right;
	margin-left: 14px;
	margin-bottom: 14px;
	border-style: solid;
	border-width: 2px 1px;
	border-color: #474233 #403b2e #1a1812;
	border-radius: 6px;
	padding: 2px 3px;
	background-color: #332F24;
	width: 292px;
}
.sidebar-inner {
	border-style: solid;
	border-width: 2px 1px;
	border-color: #1a1812 #1f1c15 #474233;
	border-radius: 6px;
	padding: 8px 1em;
	background-color: #26231b;
}
.sidebar-header {
	margin-bottom: 2px;
	text-align: center;
	font-size: 20px;
	line-height: 1.5em;
	color: #dfcf99;
}


/* ===== Passive Skill Display ===== */
.passiveicon {
	height: 86px;
}
.passivebox .passiveicon.passiveicon-notable {
	height: 131px;
}
.passivebox .passiveicon.passiveicon-keystone {
	height: 184px;
}
.passiveicon-image,
.passiveicon-frame {
	height: 100%;
}
.passiveicon .passiveicon-image img {
	margin-top: 14px;
	width: 58px;
	height: 58px;
}
.passivebox .passiveicon.passiveicon-notable .passiveicon-image img {
	margin-top: 20px;
	width: 90px;
	height: 90px;
}
.passivebox .passiveicon.passiveicon-keystone .passiveicon-image img {
	margin-top: 28px;
	width: 128px;
	height: 128px;
}
.passiveicon .passiveicon-frame {
	margin-top: -86px;
}
.passivebox .passiveicon.passiveicon-notable .passiveicon-frame {
	margin-top: -131px;
}
.passivebox .passiveicon.passiveicon-keystone .passiveicon-frame {
	margin-top: -184px;
}
.passiveicon .passiveicon-frame img {
	width: 86px;
	height: 86px;
}
.passivebox .passiveicon.passiveicon-notable .passiveicon-frame img {
	width: 131px;
	height: 131px;
}
.passivebox .passiveicon.passiveicon-keystone .passiveicon-frame img {
	width: 184px;
	height: 184px;
}
.passivebox {
	text-align: center;
}
.passivebox .passiveicon {
	margin: 0.5em 0 1em;
}
.passivebonuses ul {
	margin: 0;
	list-style: none;
}
.passivebonuses li {
	margin: 0.5em 0;
}
.passivebonuses > ul > li + li > ul {
	border-top: 1px dotted #5E4F45;
}
.passiveflavour {
	margin: 1em 0 0.5em;
}


/*--------------------Gem Infobox Styles--------------------*/
.GemInfoboxContainer {
	width: 300px;
	float: right;
	padding: 0px;
	margin: 0px 0px 5px 5px;
	border-collapse: collapse;
	background-color: #1a1812;
	font-size:12px;
	line-height:16px;
	color: #bfbfbf;
}

.GemInfoboxInfo			{ width: 100%; border-collapse:separate; border-spacing:2px; }
.GemInfoboxInfo td		{ background-color: #26231b; color: #ffffff; padding:5px; }
.GemInfoboxInfo td:first-child	{ background-color: #332f24; color: #bfbfbf; }

.GemInfoboxHeader		{ padding: 2px 2px 0px 2px; }
.GemInfoboxHeader>table		{ border-collapse:collapse; }

.GemInfoboxHeader td:first-child {
	width: 100%;
	padding: 5px 5px 5px 5px;
	text-align: left;
	font-size: 11px;
}

.GemInfoboxHeaderName {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #1ba29b;
}

.GemInfoboxFooter	{ text-align: center; margin: 0px 2px 2px 2px; }
.GemInfoboxFooter img	{ width: 100%; height: auto; }

.GemInfoboxDescription	{ color: #1ba29b; }
.GemInfoboxModifier	{ color: #8888ff; }
.GemInfoboxDescription, .GemInfoboxModifier {
	padding: 5px;
	margin: 0px 2px 2px 2px;
	background-color: #26231b;
	text-align: center;
}

/*  Curse Footer */
#ft {
	background: none;
}
#ft div {
	width: 1100px;
}
#ft h1, 
#ft a, 
#ft {
	color: #FFF;
	font-size: 10px;
}
#ft .site-navigation {
	list-style: none;
	margin-left: 160px;
	padding-bottom: 5px;
	font-size: 10px;
}
#ft .site-navigation ul {
	list-style: none;
}
#ft .network-navigation {
	margin-left: 160px;
	margin-bottom: 140px !important;
}
#ft .network-navigation ul {
	float: left;
	width: 110px;
}
#ft .network-navigation ul.double {
	width: 280px;
}
#ft .network-navigation ul.curse li.header a {
	background: url("extensions/Curse/Icons/White.png") repeat scroll 0 0 transparent;
	display: block;
	text-indent: -999em;
	height: 18px;
	width: 140px;
}
#ft .network-navigation ul li {
	float: left;
	list-style: none;
	width: 140px;
	margin-bottom: 2px;
}
#ft .network-navigation ul li.header {
	font-size: 12px;
	clear: both;
	font-weight: bold;
	color: #FF6015;
	width: 100%;
}

/* -------------------- Support Gem ID template (Template:Id) -------------------- */

.support-gem-id-red, .support-gem-id-green, .support-gem-id-blue {
	width: 1em;
	color: white !important;
	background-color:#c51e1e;
	display: inline-block;
	text-align: center;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.support-gem-id-red	{ background-color:#c51e1e; }
.support-gem-id-green	{ background-color:#08a842; }
.support-gem-id-blue	{ background-color:#4163c9; }

/* bottom footer ads */
.btflb{
display: block;
height: 90px !important;
margin: 0 auto;
padding: 5px 0;
width:728px !important;
}